body {
color: rgb(0, 90, 138);
font-family: 'Arial', 'Helvetica', sans-serif;
margin:0px;
height: 100%;
padding: 0px;
background-color: #ffffff;
background-repeat: repeat-x;
background-image: url(img/unterwasser.jpg);
background-position: top center;
background-attachment: fixed;
}
.header {
font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
}

a {
text-decoration: none;
color: rgb(0, 72, 121);
}
a:hover {
text-decoration: none;
color: #000000;
}

h1 {
    font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
    color: #FFF;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: -5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    
}
.agb h1  {
    font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
    color: rgb(0, 90, 138);
    font-weight:bold;
    font-size: 15px;
    padding: 0px;
}

.agb h2  {
    font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
    color: rgb(0, 90, 138);
    font-weight:bold;
    font-size: 14px;
    
}

.agb h3  {
    font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
    color: rgb(0, 90, 138);
    font-weight:bold;
    font-size: 13px;
}

.agb {
font-size: 12px; 
}
.h2 {
font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;

font-size: 18px;
}
h2 {
font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;

font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: -5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    padding-bottom: 5px;
    padding-top: 10px;  
}

h3{
font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
font-weight: bold;
}

h4{
font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
font-weight: bold;
padding-left:15px;
}

.kufa {   
font-family: 'TrebuchetMS', 'Trebuchet MS', 
sans-serif;
font-weight: 
bold;font-style:italic; 
border-left:10px solid rgb(255,169,0);
padding-left: 15px;
padding-right: 150px;
text-align:left;
margin-bottom: 20px;

}

font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: -5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    padding-bottom: 5px;
    padding-top: 10px;  
}

#main {
text-align:center;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
width: 100%;
margin: 0px;

}

#center {
text-align:center;
width: 830px;
height: 100%;
margin-right:auto; 
margin-left:auto; 
background-color: #ffffff;
}

#schatten {
text-align:center;
width: 850px;
height: 100%;
margin-right:auto; 
margin-left:auto; 
/*
margin-right:-425px; 
margin-left:-425px; 
right: 50%; 
left: 50%;
*/
background-repeat: repeat-y;
background-image: url(img/schatten.png);
}

.sideheader {
vertical-align: top;
background-repeat: no-repeat;
background-image: url(img/headerback.jpg);
}
.marker {
position: relative;

margin-right:auto; 
margin-left:auto; 
width: 790px;
}

.marker-l {
position: absolute;
width: 100px;
height: 100%;
left:-31px;
float:right;
background-repeat: no-repeat;
background-image: url(img/klammerlinks.png);
background-position: left center;
}
.marker-r {
position: absolute;
right:-31px;
width: 100px;
height: 100%;
background-repeat: no-repeat;
background-image: url(img/klammerrechts.png);
background-position: right center;
}

#hinweise p {color: rgb(0, 72, 121); font-size: 11px; margin-bottom: 0px; margin-top: 0px; text-align: center; }
#hinweise2 p, #hinweise2 a, #hinweise2 a:visited {color: rgb(46, 180, 226); font-size: 11px; margin-bottom: 0px; margin-top: 0px; }
#Sitefooter {
width: 850px;
height: 40px;
overflow:hidden;
background-repeat: no-repeat;
background-image: url(img/schatten_unten.png);
background-position: top;
margin-right:auto; 
margin-left:auto; 
}

#Sitefooter .footer {
    color: rgb(0, 72, 121);
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 12px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    }


.content {
padding: 10px;
font-size: 14px;
text-align=center;
background-color: #ffffff;
background-repeat: repeat-x;
background-image: url(img/boxverlauf.jpg);
background-position: top center;
}

#content, .content2 {
margin-right:auto; 
margin-left:auto; 
text-align:justify;
width: 790px;
overflow:hidden;
height:100%;
}

.menu { background-color: RGB(24, 184, 230); text-transform:uppercase; }
.menu a, .menu a:visited { text-decoration: none; color: #FFF;}
.menu a:hover { text-decoration: none; color: #FFF; }
.menu-1-current { background-color: RGB(0, 72, 121); color: #FFF; }
.menu-2-current { background-color: RGB(0, 72, 121); color: #FFF; }
.menu-3-current { background-color: #fff; color: rgb(255, 169, 0) }
.pageheader { background-color: RGB(0, 72, 121); }

.menu-1 { 
    color: rgb(255, 255, 255);
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}


.menu-2 { 
    color: rgb(255, 255, 255);
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.menu-3 { 
    
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    }

.wbox
{
border:1px solid rgb(52,182,228);
background-image: url(img/w/wtrans40.png);
/*background-color:rgb(255,169,0);*/
}

.obox
{
border:1px solid rgb(255,169,0);
color: #fff;
background-image: url(img/o/otrans90.png);
/*background-color:rgb(255,169,0);*/
}

.bbox
{
border:1px solid rgb(52,182,228);
color: #fff;
background-image: url(img/btrans.png);
/*background-color:rgb(52,182,228);*/
}

.box {
margin: 0px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
font-size:14px;
font-family: 'Arial', 'Helvetica', sans-serif;
}

.box a, .box a:visited {
text-decoration: none;
color: rgb(255, 255, 255);
font-weight: bold; 
}

.box a:hover {
text-decoration: none;
color: #ccc;
font-weight: bold;
}
.boxfullw { witdh:100% }
#content .box p, #content .box h2  { padding-left: 15px; padding-right: 15px; }
.marker .box p, .marker .box h2 { text-align: left; padding-left: 70px; padding-right: 70px; }

/*Formularfelder*/
 fieldset#domcheck {

		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
		 border: 1px solid rgb(52,182,228);
	     }
.bfs {
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
     padding-right: 10px;
     padding-left: 10px;
     /*background-repeat: repeat-x;
      background-image: url(img/bbox_back.png);
      background-position: top; */
     border: 2px solid rgb(52,182,228);
	     }
.bfs legend, .ofs legend {font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif; font-weight:bold;}

.bfs legend span {padding-left:5px;font-family: 'Arial', 'Helvetica', sans-serif; color: rgb(52,182,228); font-size: 15px; font-weight: bold;}
.ofs {
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
     padding-right: 10px;
     padding-left: 10px;
     /*background-repeat: repeat-x;
      background-image: url(img/bbox_back.png);
      background-position: top; */
     border: 2px solid rgb(255,169,0);
	     }
.ofs legend span { padding-left:5px;font-family: 'Arial', 'Helvetica', sans-serif; color: rgb(255,169,0); font-size: 15px; font-weight: bold;}

	     label {
		 
		 float: left;

		 padding-top: 0.3em;
		 text-align: right;
	     }
input#domain,input.oform {
		
		 font-size: 1.5em;
		 color: rgb(255, 255, 255);
		 background-color:rgb(255,169,0);
		 border: 1px solid rgb(255,169,0);
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
		 width: 200px;
		 height: 25px;
	     }

      	     
select.domcheck  {
		
		 font-size: 1.5em;
		 color: rgb(255, 255, 255);
		 background-color:rgb(255,169,0);
		 border: 1px solid rgb(255,169,0);
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
		 width: 90px;
		 height: 30px;
	     }
	     
select.oform  {
		
		 font-size: 1.5em;
		 color: rgb(255, 255, 255);
		 background-color:rgb(255,169,0);
		 border: 1px solid rgb(255,169,0);
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
		 width: 120px;
		 height: 30px;
	     }
	     

input#submit, .submit {
		 font-size: 1.5em;
		 color: rgb(255, 255, 255);
		 background-color:rgb(255,169,0);
		 border: 1px solid #cccccc;
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
     vertical-align: center;
		 height: 1.5em;
      }
      
      submit.oform {
		 font-size: 1.5em;
		 color: rgb(255, 255, 255);
		 background-color:rgb(255,169,0);
		 border: 1px solid #cccccc;
		 -moz-border-radius:5px;
     -khtml-border-radius:5px;
     vertical-align: center;
		 height: 1.8em;
      }
.produkt, .produkthover {
font-size:12px;
padding:2px;
}
/*.produkt {color: #fff; }*/
.produkthover {color: rgb(0, 90, 138); }

.produkt .produktbeschreibung {
display:none;
}
.produkthover .produktbeschreibung {
border:1px solid rgb(52,182,228);
background-image: url(img/w/wtrans40.png);
margin: 0px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
font-size:13px;
font-family: 'Arial', 'Helvetica', sans-serif;
position: fixed;
z-index: 10;
right: 15px;
bottom:15px;
width:200px;
}

.bestellstatus {
background-image: url(img/w/wtrans40.png);
position: fixed;
padding:10px;
z-index: 10;
right: 15px;
top:15px;
}
#bestagb {
border:1px solid rgb(182,182,182);
text-align:left;
font-size: 10px;
}

#bestagb h1, #bestagb h2, #bestagb h3 {
color: rgb(52,182,228);
font-size:12px;
font-weight:bold;
padding:0px;
margin:0px;
}
.onlyprint {
display: none;
}
.feedlink, .feedlink a, .feedlink a:visited {color:rgb(51,190,242;}
.smalltab td {vertical-align:center;text-align:center}
.smalltab div p {padding:5px; font-size:12px;  text-align:center;}
.smalltab div {margin-bottom:5px;margin-top:5px;margin-left:15px;margin-right:15px;}
@media print {
.marker-l, .marker-r, .menu, #bestellstatus, .noprint {display:none;}
*{color:black}
legend{background:white;}
.onlyprint {display: inline;}
}