body {
background-color: #fff;
background: url(../images/body_bg.jpg) repeat-x ;
font-size: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
color:#000;
padding:0px;
margin:0px;
}





h2 {
font-size:150%;
font-weight: normal;
margin:20px 0 10px 0;
color:#0076bd;
}

h3 {
font-size:130%;
font-weight: normal;
margin:20px 0 10px 0;
color:#0076bd;
}

h4 {
font-size:100%;
font-weight: normal;
margin:20px 0 10px 0;
color:#0076bd;
float:left;
}

h4 + p {
margin-left:150px;
}




/* ----------container zentriert das layout-------------- */
#outer_container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background:#fff;
} 

/* ----------banner for logo-------------- */
#header {
background-color: #fff;
background: url(../images/logo_sst.gif) no-repeat;
height:80px;
padding: 0px;
margin: 0px; 
}

h1 {
font-size: 130%%;
color:#0076bd;
text-align:left;
margin:0;
padding:20px 0 20px 0;
display:block;
}

#header h1 {
padding:15px 0px 10px 20px;
margin:0;
}


#teaser {
height:320px;
background: url(../images/header.jpg) no-repeat;
border-bottom:3px solid #e1e1e0;
}

#topmenu {
height:40px;
background: url(../images/menu_bg.gif) repeat-x;
}

#topmenu ul {
margin-left:0;
margin-top:-20px;
padding: 6px 0 0 0;
}

#topmenu li {
  display: inline;
  padding: 0px 10px; 
  color:#fff;
  font-size:120%;
}


#topmenu a {
  padding: 2px 8px 5px; 
  color:#fff;
  text-decoration:none;
}

#topmenu a:hover {
  text-decoration:underline;
}

#banner img {padding:10px 0px;} 


#inner_container{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }

/* -----------------Inhalt--------------------- */
#content{ 
min-height:600px;
margin: 0px; 
padding:0 20px 0 20px;
}

p{
margin:5px 5px 5px 0;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:both;
width:800px;
padding:0px;
margin:20px 0 0 20px;
text-align:left; 
} 

#footer p {
font-size:70%;
}

table {
border:0;
margin:10px 0 0 0;
}



input {
border:1px solid #0079b2;
background:#f3f3f3;
color:#000;
text-align:left;
padding:0;
padding-left:4px;
padding-top:3px;
padding-bottom:3px;
margin:0;
margin-right: 7px;
margin-top:5px;  
}

select {
border:1px solid #0079b2;
background:#f3f3f3;
color:#000;
width:200px;
text-align:left;
padding:0;
padding-left:4px;
padding-top:3px;
padding-bottom:3px;
margin:0;
margin-right: 7px;
margin-top:5px;  
}

textarea {
border:1px solid #0079b2;
background:#f3f3f3;
color:#000;
text-align:left;
padding:0;
padding-left:4px;
padding-top:3px;
padding-bottom:3px;
margin:0;
margin-right: 7px;
margin-top:5px;  
}

label {
  float:left;
  width:180px;
  font-size:80%;
  color:#fff;
  background:#0079b2;  
  text-align:left;
  padding:0;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:3px;
  margin:0;
  margin-right: 7px;
  margin-top:5px;
}

fieldset {
border:0;
}

.optionen {
font-size:80%;
}

#total {
font-size:150%;
color:red;
margin:15px 0 0 0;
}


br {
clear:both;
}

#bestellen {
width:100%;
text-align:center;
}

ins {
color: red;
}

#bestellen:hover {
	  background:#0079b2;
	  color:#fff;
	  border:1px solid #f3f3f3;
}

td {
padding: 2px 10px 2px 10px;
}

th  {
  font-size:110%;
  color:#fff;
  background:#0079b2;  
}

table.inline {
float:right;
margin:0 10px 10px 10px;
}

table.inline th {
font-size:90%;
font-weight:normal;
text-align:left;
padding:2px 10px 2px 5px;

}

#infobox {
width:300px;
font-size:80%;
float:right;
background:#eee;
padding:5px 20px;
}

#infobox  h2{
margin:0;
padding:0;
}
#infobox  ul{
margin:5px 20px;
padding:0;
}

p.intro {
font-style:italic;
font-weight:bold;
margin-top:-15px;
margin-bottom:20px;
}

#content li {
margin-top:5px;
}

div.disclaimer h3 {
font-size:95%;
margin-bottom:5px;
}

div.disclaimer p {
font-size:90%;
width:70%;
}


dl { width:100%; margin: 20px 0; }
dt { width:90%; font-weight:bold; font-size:120%; color:#0076bd;}
dd { width:90%; margin:10px 0 35px 0}