* {
    margin: 0;
    padding: 0;
    }
body {
    margin: 0;
    padding: 0;
    background-color: silver;
    background:url(../bilder/hg_wy.jpg) repeat scroll left top;
    color: black;
    font: small Arial, Helvetica, Verdana, sans-serif;
    height:101%;

}
html {
    height:101%;
}

#hintergrund {
    position: relative;
    width: 975px;
    margin:10px;
    padding:0;
    padding-bottom: 15px;
    background-color: #202498;
    background:url(../bilder/hg_links.jpg) repeat left top;
}

#inhalt, #links, #rechts {
    height: 1250px; /* Hoehe, wenn kein Javascript eingeschaltet ist */
}


h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
    }

h2 {
margin: 20px 0;
}

h4 {
margin:18px 0 2px 0;
font-size:115%;
}

hr {
    visibility: hidden;
    clear:both;
    height:1px;
    }
hr.sichtbar {
     margin:15px 0;
     visibility:visible;
     color:silver;
    } 
#inhalt hr.referenzen_hr {
    visibility:visible;
    margin:0 0 20px 0;
} 


   
a {
    xtext-decoration: none;
}
a:link, a:visited {
    color:#000066;
    font-weight:bold;
}

a:hover {
    text-decoration: underline;
}

div#startseite {
position: relative;
top:20px;
}
div#startseite a:link, div#startseite a:visited {
    color:#000066 //#202020;
    font-weight:normal;

}
 
td {
vertical-align:top;
}

.zentriert {	
	text-align:center;
}
.fett {
font-weight:bold;
}

/*OBEN ------------------------------------------------------------------------------------*/

#ueberschrift {
    background-color: #202498;
    height: 80px;
    
}

#ueberschrift #logo {
    float:right;
    border: none;
}

#trennlinie {

    clear:both;
    height:10px;
    background-color:#E8E8E8;
    margin: 0 0 0 10px;
}


/*OBEN ENDE ----------------------------------------------------------------------------------- */



/*MITTE ----------------------------------------------------------------------------------- */


#inhalt {
    margin: 0 208px 0 160px;
    background-color:#E8E8E8;
    padding:0 15px;
}
#hauptinhalt {
background-color:white;
}
#inhalt .inner {
    xmargin-bottom:15px;
    padding: 15px;
    background-color:white;
}

#inhalt .inner div.referenzen,#inhalt .inner div.fertigung {
	border: 0;
	vertical-align: top;
    width: 182px;
    height: 120px;
	display: inline;
	float: left;
    }
#inhalt .inner div.fertigung {
    width: 175px;
    }

#inhalt .inner table.pflegehinweise {
  width:100%;
  xborder-collapse:collapse;
}
#inhalt .inner table.pflegehinweise td {
width:50%;
border: 1px solid silver;
text-align:center;
}

#inhalt .inner p a {
    font-weight: normal;
    text-decoration:underline;
}


#inhalt .inner div.referenzen img {
    border: 0;
}


#inhalt h1 {
    color:#000066;;
    font-size:150%;
    margin-bottom: 25px;

}

#inhalt h2 {
    font-size:130%;
}

#inhalt h3 {
    font-size:95%;
    xmargin-top: 15px;
}

#inhalt .mehr {
    text-align: right;
}


/* Allgemeine Auflistung Untereinander: Spannbettuecher, Nautex Premium usw. */
#inhalt ul.auflistung {
   list-style:circle;
   margin-left:30px;
   margin-top:5px;
    }
#inhalt ul.auflistung li {
    padding:4px 0;
    }    
#inhalt ul.auflistung li a {
    font-weight:normal;
    }
    
form#angebot {
xwidth:95%;
margin:auto;

}    
#inhalt ul.angebotsliste,#inhalt ul.angebotsliste li ul {
    list-style:none;
    margin-top:5px;
    margin-left:15px;
    }

#inhalt ul.angebotsliste li{
    padding:2px 0;
    margin:0;
    clear:both;
    margin-top:5px;
    margin-left:25px; 
    }
    
 ul.angebotsliste input {
    width:20px;
    margin-right:5px;
    margin-left:20px;
    float:left;
    padding:0;
    border:1px solid white;
    }

    
ul.angebotsliste #grossbaumpersenning_zusatz input {
    width:50px;
    margin-right:5px;
    margin-left:0;
    margin-top:3px;
    float:left;
    padding:0;
    xborder:1px solid gray;
    }
ul.angebotsliste #grossbaumpersenning_zusatz label {
    width: 120px;
    margin:0 5px;
    float:left;
    text-align:right;
    font-weight:normal;
    color:black;

    }

/* Ueberschriftlinks nebeneinander: Spritzkappen (Sprayhoods) |ockpitverschlüsse |Anschlussteile |Cockpitzelte | Bimini */
#inhalt ul.referenzenauflistung {
   float:left;
   list-style:none;
   padding:2px 0;
   margin:0;
   font-size:85%;
}
#inhalt ul.referenzenauflistung li {
    display:inline;
}
#inhalt ul.referenzenauflistung li a{
    text-decoration:none;
}
#inhalt ul.referenzenauflistung li a:hover{
    text-decoration:underline;
}
/* ******************************************************************************************* */

/* Ueberschriftlinks nebeneinander: Dehler |Dehlya |Delanta |Duetta |Optima |Sprinta |Varianta */
#inhalt ul.linkauflistung {
    float:left;
    list-style:none;
    padding:2px 0;
    font-size:100%;
    }
#inhalt ul.linkauflistung li {
    display:inline;
    }
/* ******************************************************************************************* */
    
#inhalt ul#info {
  text-align:center;
  list-style: none;
  border: 1px solid silver;
  border-bottom:none;
  margin: 6px;
  margin-top:0;
  padding:0;
  

}
#inhalt ul#info li {
  border-bottom: 1px solid silver;
  padding: 5px;
  margin:0;
  font-size:  90%;

}
#inhalt ul#info li a {
  text-decoration:underline;
  font-weight:normal;
}

#inhalt ul#info li a:hover {
  font-weight:bold;
}


#marken td#spalte1 {
    width:200px;
    } 
#marken td#spalte2 {
    width:190px;
    }  
#marken td#spalte3 {
    width:160px;
    }  
    
#marken div {
    padding:2px 0;
    }

 
form {

    line-height:120%;
    
    }   
fieldset, fieldset#angebot {
    display:block;
    padding:10px;
    border:1px solid silver;
    color:#000066;
    font-size:90%;
    }
    
legend {
    padding: 2px;
    font-weight:bold;
    color:black;
    border: 3px double gray;
    background-color:#E8E8E8;
    }

fieldset#angebot {
    border:3px solid #FF9900;
    font-size:115%;
    font-weight:bold;
    text-align:center;
    padding-top:0;
    } 
        
fieldset#angebot legend {
    margin:10px;
    color:#000066;
    border: 3px double #FF9900;
    background-color:#E8E8E8;
    xbackground-color:#FF9900;
    }
    
label {
    width: 150px;
    margin:0 5px;
    float:left;
    text-align:right;
    font-weight:normal;
    color:black;
    }
  
div#sonnensegel label {
    width: 270px;
    }  
div#sonnensegel input {
    width: 60px;
    }

input {
    width:200px;
    }
    
input,textarea {
    float:left;
    border: 1px solid gray;
    }

textarea {
    width:330px;
    margin-left:170px;
    margin-top: 10px;
    }
    
.angebotsliste textarea {
    margin-left:20px;
    margin-top:0;
    } 
    
textarea#bestelltext {
    margin-left:160px;
    }

select {
    border:1px solid gray;
    }   
select#anrede {
    width:60px;
    }
select#newsletter_bootsauswahl {
    width:202px;
    }
    
.hinweis_unten {
    font-size:80%;
    text-align:center;
    }
    
form#bestellung p,form#angebot p,form#newsletter p {
    clear:left;
    float:left;
    width:100%; 
    margin-bottom:5px;
    }
 
.submit,.reset {
    margin-top:15px;
    margin-left:5px;
    background-color: #E8E8E8;
    border: 3px double gray;
    float:right;
    width:90px;
    } 
    
.submit:hover, .reset:hover {
     background-color: #5F619E;
     background-color: silver;
     }


    
.sternchen {
    font-size:110%;
    font-weight:bold;
    color:red;
    }
    
/* **** SHOPSEITEN **** */

#inhalt div#shop hr {
     xvisibility:visible;
     xheight: 1px;
     xcolor:silver;
    }  

#inhalt div#shop .artikelueberschrift {
    font-weight:bold;
    margin-top:20px;
    } 
    
#inhalt div#shop .artikelueberschrift .preisblock {
    width:160px;
    float:right;
    }    

#inhalt div#shop .produktname {
    font-weight:bold;
    float:left;
    } 
    
#inhalt div#shop .me {
    float:right;
    margin-left:10px;
    }  

#inhalt div#shop .preis {
    float:left;
    } 
    
#inhalt div#shop .alterPreis {
    font-size:80%;
    xtext-decoration:line-through;
    color:red;
    } 
#inhalt div#shop .mwst {
    font-size:80%;
    }
   
#inhalt div#shop img {
    float:left;
    xmargin-right:10px;
    xpadding-right:10px;
    }      
#inhalt div#shop .artikeltext {
    clear:both;
    font-weight:bold; 
    padding-top:0;
    margin:0;
    }
#inhalt div#shop .artikeltext img {
    xborder: 1px solid silver;
    } 
#inhalt div#shop .artikeltext i {
    color:red;
    }    
    
#inhalt div#shop .bestellnr {
    float:left;
    width:350px;
    margin-left:15px;
    
    }

#inhalt div#shop .beschreibung {
    font-weight:normal;
    }
    
#inhalt div#shop .bestellformularlink a {
    clear:both;
    float:right;
    font-weight:bold;
    }
    
#inhalt div#shop p.infolink {
    font-size:85%;
    margin-top:8px;
    }        
    
    
#bootsauswahl optgroup {
margin-left:1px;
}
#bootsauswahl option {
margin-left:8px;
}

/* Infokasten "Yachtmaster Premium" bzw. "Stamoid weiss" */
#infokasten {
    float:right;
    width:100px;text-align:center;
    margin:0;
    padding:0;
    margin-left:13px;

    }
#infokasten fieldset {  
    margin-top:0;
} 

div#weberverlinkung {
    font-size:85%;
    text-align:center;
    margin-top:17px;
    margin-bottom:80px;
}
div#weberverlinkung p {
    margin-top:6px;
}
div#weberverlinkung p#weberlinks a {
    font-weight:bold ! important;
}

/*MITTE ENDE ----------------------------------------------------------------------------------- */



/*LINKS ----------------------------------------------------------------------------------- */

#links {
    position: absolute;
    top: 90px; /* Hoehe der Kopfzeile */
    left:0;
    width: 160px;
    xbackground-color: #202498;
    xbackground:url(../bilder/hg_links.jpg) repeat left top;
    padding: 0;
    margin: 0;
   }

#links .inner {
  margin-left:10px;
  margin-bottom: 10px;
  padding: 10px;
  padding-top:0;
  width:130px;
  background-color:#cccccc;
}

#links #navigation,#links #navigation2 {
  list-style: none;
  margin: 0;
  padding:0;
  background-color: #cccccc;
  font-size:95%;
}

#links #navigation li,#links #navigation2 li {
  border-bottom: 1px solid black;
  padding: 5px 0;
  margin:0;
  font-size:  90%;
}
#links #navigation2 {
xbackground-color: #cfcfcf;
}

#links #navigation2 li {
  border-bottom: none;

}

#links h3 {
  padding: 5px 0;
  border-bottom: 1px solid black;
  font-size:  110%;
}


#links a:link, #links a:visited {

  color: black;
  font-weight: bold;
  text-decoration: none;
}

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




/*LINKS ENDE ---------------------------------------------------------------------------------------------------------------*/




/*RECHTS -------------------------------------------------------------------------------------------------------------------*/

#rechts {
  position: absolute;
  top: 90px; /* Hoehe der Kopfzeile */
  right: 0;
  width: 208px;
  padding:0;
  margin: 0;
  font-size:85%;
  
background-color:#E8E8E8;
}




#rechts h2 {

  font-size: 105%;

  margin: 0;

  padding: 0.2em 0 0.2em 3px;

  font-weight: bold;
  background-color:#3E39A3;
  background:url(../bilder/hg.jpg) no-repeat left top;

}

#rechts h3 {
font-size: 100%;
padding: 10px 0 0 15px;
}

#rechts .inner {
padding: 10px 10px 20px 10px;
margin-bottom:15px;
background-color:#cccccc;

}

#rechts ul {
margin:0;
padding-top:0;
padding-left:35px;
list-style:none;
}
#rechts ul li {
xmargin:0;
padding-top:4px;

    
}
#rechts .inner a {
    text-decoration:none;
}
#rechts .inner a:hover {
    text-decoration:underline;
}

#rechts ul a:link, #rechts ul a:visited {

  xtext-decoration:underline;
  font-weight:normal;

}

#rechts p {
clear:both;
}
#rechts input,#rechts span {
float:left;
margin-right:5px;
}


/*RECHTS ENDE --------------------------------------------------------------------------------------------------------------*/






/*FUSSZEILE ----------------------------------------------------------------------------------------------------------------*/

#fusszeile {

  border-top: 1px solid #b9d2e3;

  border-bottom: 1px solid #b9d2e3;
  
  margin: 10px 10px 0 10px;
  


}

#fusszeile p {

  font-size: 85%;

  color: white;

  margin: 0;

  padding: 0.2em 0 0.2em 0;
  
  text-align: left;

}
#fusszeile p a {
    color:white;
    font-weight:normal;
    text-decoration:none;
}
#fusszeile p a:hover {
    text-decoration:underline;
}

#linkzurueck {
text-align: center;
padding: 10px;
border:0 ;
}
/*FUSSZEILE ENDE -----------------------------------------------------------------------------------------------------------*/