* {
    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;
    xbackground-color: #202498;
    background-color:#EBE4DC;
    xbackground:url(../bilder/hg_links.jpg) repeat left top;
}

#inhalt, #links, #rechts {
    height: 700px; /* 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-top:10px;
     margin-bottom:4px;
     visibility:visible;
     color:silver;
    } 
#inhalt hr.referenzen_hr {
    visibility:visible;
    margin:0 0 20px 0;
} 


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

a:hover {
    text-decoration: underline;
}

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

}
 
td {
vertical-align:top;
}

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

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

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

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

#trennlinie {

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


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



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


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

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


#inhalt .inner div.partnerlink {
	border: 0;
	vertical-align: middle;
    width: 175px;
    height: 115px;
	display: inline;
	float: left;
    }

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

#inhalt .inner div.fertigung {
    width: 175px;
    }

#inhalt .inner table.pflegehinweise {
  width:85%;
  border-collapse:collapse;
  margin:auto;
}
#inhalt .inner table.pflegehinweise td {
width:50%;
border: 1px solid silver;
text-align:left;
height:50px;
padding:2px 2px 25px 3px;
}

#inhalt .inner table.pflegehinweise td.fleckart {
width:30%;
font-weight:bold;
}

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


#inhalt h1 {
    color:black;
    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:2px 0;
    }    
#inhalt ul.auflistung li a {
    font-weight:normal;
    }
    
 #inhalt ul.beschreibung, #inhalt ul.beschreibung_lederpflege {
   list-style:none;
    }
#inhalt ul.beschreibung li {
    clear:both;
    padding:2px 0;
    } 
    
#inhalt ul.beschreibung_lederpflege li {
    clear:both;
    padding:8px 0;
}
 
#inhalt ul.beschreibung li div, #inhalt ul.beschreibung_lederpflege li div {
    float:left;
    font-weight:bold;
    text-align:left;
    }  
#inhalt ul.beschreibung li div {
    width:120px;
}    
#inhalt ul.beschreibung_lederpflege li div {
    width:160px;
}        
#inhalt ul.beschreibung_lederpflege li p {
    float:left;
    width:350px;
}     
       
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 {
   padding:0;
   margin-left:30px;
}
#inhalt ul.referenzenauflistung li {
    padding-bottom:10px;
}


#inhalt ul.referenzenauflistung li span {
    font-weight:bold;
    font-size:115%;
}
/* ******************************************************************************************* */

/* 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 {
    display:block;
    padding:10px;
    border:1px solid silver;
    color:black;
    font-size:90%;
    }
    
fieldset#startseite {
    background:url(../bilder/start.jpg) no-repeat left top;
}
    
legend {
    padding: 2px;
    font-weight:bold;
    color:black;
    border: 3px double silver;
    }
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 {
     visibility:visible;
     height: 1px;
     color:silver;
    }  

#inhalt div#shop .artikelueberschrift {
    font-weight:bold;
    margin-top:20px;
    } 

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

#inhalt div#shop .preis {
    float:right;
    } 
#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 .bestellnr {
    float:left;
    width:200px;
    margin-left:10px;
    
    }

#inhalt div#shop .beschreibung {
    font-weight:normal;
    }
    
#inhalt div#shop .bestellformularlink a {
    clear:both;
    float:right;
    font-weight:bold;
    }
    
#inhalt div#shop span.infolink {
    font-size:85%;
    margin-top:3px;
    }        
    
    
#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: 102px; /* 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: 0;
  width:150px;
  xbackground-color:#cccccc;
  background-color:#CEBDA9;
}


#links ul.navigation {
  list-style: none;
  margin: 0;
  margin-left:0;
  padding-bottom:7px;
  background-color: #CEBDA9;
  font-size:95%;
}

#links ul.navigation li {
  border-bottom: 1px solid black;
  padding: 5px 0;
  margin:0 10px;
  font-size:  90%;
}


#links .inner h2 {

  font-size: 85%;
  color:white;
  margin: 0;
  padding:4px 3px;

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

}


#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;
  color:#F5F1ED;
  color:#88644C;

}




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




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

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

}




#rechts h2 {

  font-size: 105%;
    color:white;
  margin: 0;

  padding: 0.2em 0 0.2em 3px;

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

}

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

#rechts h3 a {
xcolor:#cccccc;
color:black;
}
#rechts .inner {
padding: 10px 10px 20px 10px;
margin-bottom:15px;
xbackground-color:#cccccc;
background-color:#EBE4DC;
}



#rechts ul {
margin:0;
padding:5px 0 0 25px;
list-style:none;

}
#rechts ul li {
margin:0;
padding: 2px 0 0 20px;

    
}

#rechterinhalt {
xbackground:url(/bilder/hg_rechts.jpg) no-repeat left top;
}

#rechts .inner a {
    text-decoration:underline;
    color:black;
}
#rechts .inner a:hover {
    color:#CEBDA9;
    color:#A17558;
}

#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;
}

fieldset, fieldset#angebot {
    display:block;
    padding:10px;
    xcolor:#000066;
    font-size:90%;
    }
    
legend {
    padding: 2px;
    font-weight:bold;
    }

fieldset#angebot, fieldset#service {
    border:3px solid #CEBDA9;
    font-size:115%;
    font-weight:bold;
    text-align:center;
    padding-top:0;
    width:165px;
    } 

fieldset#angebot legend,fieldset#service legend {
    border:3px double #EBE4DC;
    background-color:#CEBDA9;
    }
fieldset#angebot legend {
    margin:10px;
}

fieldset#service p a {  
    font-size:85%;
}
    
fieldset#angebot div.logo_hg {
    background:url(../bilder/solarmatic_logo.gif) no-repeat left top
    xwidth:129px;
    xheight:35px;
}
/*RECHTS ENDE --------------------------------------------------------------------------------------------------------------*/






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

#fusszeile {

  border-top: 1px solid #CEBDA9;

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


}

#fusszeile p {

  font-size: 85%;

  color: #9F7356;

  margin: 0;

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

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

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