html, body  {
background:url(Hintergrund.png);
margin:0;
padding:0;   
font:normal 100.01% verdana, arial, helvetica, sans-serif;
width:100%;
height:100%;
}


.Angebotschrift  {
font-size:11px;
margin-left:2px;
color:black;
margin-bottom:0;
font-style:italic;
}

.Logo  {

top:0px;
left:0px;
margin-top:6px;
margin-left:2px;
padding:0;
width:120px;
height:50px;
z-index:9;
float:left;


}  
.Kopfbereich  {
position:absolute;
z-index:2;
width:800px;
height:77px;
top:2px;
left:4px;
margin:0;
padding:0;
background:url(kopf.gif) no-repeat;
}

.Kopfschrift    {
margin-left:300px;
margin-top:22px;
margin-bottom:0;
padding:0;
}

.Kopfbalken     {
margin-bottom:0;
width:800px;
height:3px;
background:url(balken.gif) no-repeat;
margin-top:4px;
} 

          
.Inhalt  {
background-color:white;
position:absolute;
top:80px;
left:4px;
z-index:1;
margin:0;
padding:0;
width:800px;
height:860px;

}
.Navirechts {

position:absolute;
z-index:4;
width:300px;
height:14px;
margin-left:496px;
margin-top:2px;
padding:0;
  
}
.Navirechts ul  { 
list-style-type:none;
margin:0;
padding:0;
text-align:center;
font-size:9px;
font-weight:bold;
}
.Navirechts li   { 
z-index:1;
float:left;
margin:0;
padding:0;
width:100px;
height:20px;
}
.Navirechts a   {
text-decoration:none;
color:#808080;
}
.Navirechts a:hover {
text-decoration:underline;
}


.Navi  {
z-index:3;
width:500px;
height:20px;
margin:0px;
padding:0;
border:0;


}
.Navi ul  {
list-style-type:none;
margin:0;
padding:0;
text-align:center;
font-size:10px;
font-weight:bold;
height:20px;
width:800px;
}
.Navi li  {
z-index:1;
float:left;
margin:0;
padding:0;
width:100px;
height:20px;
background-color:white;
background:url(button.gif) no-repeat;
}
.Navi a  {
display:block;
width:106px;
padding:0;
margin-top:2px;
}
.Navi a:link, .Navi a:visited  {
display:block;
width:100px;
height:20px;
text-decoration:none;
color:white;
padding-top:5px;
}
.Navi li a:hover  {
display:block;
width:100px;
height:20px;
color:black;
}
.Navi li a.current  {
clear:both;
display:block;
width:100px;
height:20px;
color:black;
}
.Angebotskasten1  {
text-align:left;
height:330px;
width:230px;
padding:0;
margin-left:0px;
margin-top:0px;
z-index:3;
position:absolute;
background-color:white;
}
.Angebotskasten2  {
text-align:left;
margin-left:260px;
margin-top:0px;
height:330px;
width:230px;
padding:0;
position:absolute;
z-index:4;
background-color:white;
}
.Angebotskasten3  {
text-align:left;
margin-left:520px;
margin-top:0px;
height:330px;
width:230px;
padding:0;
position:absolute;
z-index:5;
background-color:white;
}
.Angebote  {
margin-top:5px;
margin-left:10px;
width:770px;
height:270px;
padding:0;
}
.Angebotskasten1 p  {
font-size:10px;
margin-top:4px;
padding:0;
text-align:left;
color:#808080;
}
.Angebotskasten2 p  {
font-size:10px;
margin-top:4px;
padding:0;
text-align:left;
color:#808080;
}
.Angebotskasten3 p  {
font-size:10px;
margin-top:4px; 
padding:0;
text-align:left;
color:#808080;
}

.Angebotbuttons1    {
clear:both;
position:absolute;
width:110px;
height:30px;
margin-left:10px;
margin-top:130px;
padding:0; 
margin-bottom:100px; 

}
.Angebotbuttons2    {
clear:both;
position:absolute;
width:266px;
height:30px;
margin-left:275px;
margin-top:130px;
padding:0;
margin-bottom:100px;


}
.Angebotbuttons3    {
clear:both;
position:absolute;
width:266px;
height:30px;
margin-left:535px;
margin-top:130px;
margin-bottom:100px;
padding:0;
}

.AktuelleNews   {
clear:both;

width:600px;
height:100px;
margin-left:10px;
top:200px;
padding:0;
    
}
.News1   {
position:absolute;
border-bottom:1px black solid;
border-right:1px black solid;
width:250px;
height:90px;
padding:0px;
margin-left:100px;
margin-top:200px;
margin-bottom:10px;
   
}

.News2   {
position:absolute;
border-bottom:1px black solid;
border-right:1px black solid;
width:250px;
height:90px;
padding:0px;
margin-left:380px;
margin-top:200px;
margin-bottom:10px;
}

.News1 p  {
font-size:10px;
margin-top:4px;
padding:0;
text-align:left;
color:#000000;
}
.News2 p  {
font-size:10px;
margin-top:4px;
padding:0;
text-align:left;
color:#000000;
}
    



.Vorteile   {
clear:both;
position:absolute;
height:150px;
width:500px;
background:url(vorteile.gif) no-repeat;
margin-top:250px;
margin-left:10px;
padding:0;
}

.Vorteile h2    {
font-size:10px;
margin-top:2px;
margin-left:10px;
margin-bottom:6px;
padding:0;
}

.Vorteile ul    {
list-style-type:circle;
margin-left:23px;
margin-top:0;
padding:0;
font-size:10px;
}

.Vorteile li    {
margin:0;
padding-bottom:6px;

}

.Weitereangebote    {
clear:both;
position:absolute;
height:150px;
width:250px;
background:url(weitereangebote.gif) no-repeat;
margin-top:250px;
margin-left:530px;
padding:0;
}

.Weitereangebote h2 {
font-size:10px;
margin-top:2px;
margin-left:10px;
margin-bottom:4px;
padding:0;
}


.Weitereangebote ul {
margin:0;
list-style-type:none;
font-size:10px;
padding:0;
}

.Weitereangebote li {
margin-left:10px;
margin-top:10px;
padding-bottom:6px;
}

.Weitereangebote a  {
color:black;
}

.Weitereangebote a:hover    {
color:#808080;
}

#Bodenbereich1  {
position:absolute;
z-index:2;
width:800px;
height:77px;
margin-top:450px;
padding:0;
background:url(boden.gif) no-repeat;
text-align:right;
}

#Bodenbereich1 p {
margin-right:4px;
margin-top:5px;
font-size:10px;
color:#808080;
}

.Kontaktbox1    {
text-align:center;
position:absolute;
height:300px;
width:750px;
background:url(kontaktbox1.gif) no-repeat;
padding:0;
margin-left:10px;
margin-top:20px;
}

.Kontaktbox1 h1 {
color:black;
font-size:15px;
margin-top:30px;
}

.Kontaktbox1 p  {
color:#808080;
margin-top:20px;
margin-bottom:50px;
}

.Kontaktbox2    {
text-align:center;
position:absolute;
height:200px;
width:750px;
background:url(kontaktbox2.gif) no-repeat;
padding:0;
margin-left:10px;
margin-top:340px;
}

.Kontaktbox2 h1 {
color:black;
font-size:15px;
margin-top:30px;
}

.Kontaktbox2 p  {
color:#808080;
margin-top:20px;
margin-bottom:50px;
}

#Bodenbereich2  {
position:absolute;
z-index:2;
width:800px;
height:77px;
margin-top:600px;
padding:0;
background:url(boden.gif) no-repeat;
text-align:right;
}

.Impressumbox   {
position:absolute;
background:url(impressum.gif);
height:600px;
width:750px;
padding:0;
margin-left:10px;
margin-top:20px;
}

.Impressumbox h1    {
font-size:15px;
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
}

.Impressumbox p {
margin-left:20px;
}

#Bodenbereich3  {
position:absolute;
z-index:2;
width:800px;
height:77px;
margin-top:640px;
padding:0;
background:url(boden.gif) no-repeat;
text-align:right;
}

/* ++++++++++++++++++++++Noppen-Kondome++++++++++++++++++++++++++++++++ */

.Noppenkondome  {
margin-left:50px;
margin-top:50px;
padding:0;
position:absolute;    

}

.Noppenkondome h1   {
font-size:12px;
font-style:italic;
margin:0;
}

.AngebotsSchriftNoppen  {
padding:0;
margin-left:370px;
margin-right:0px;
margin-top:60px;
position:absolute;
    
}

.AngebotsSchriftNoppen p    {
font-style:italic;
font-size:12px; 
color:#808080;   
    
}

.NoppenkondomeNormal    {
clear:both;

margin-top:370px;
margin-left:0;
margin-bottom:0px;
margin-right:85px;
padding:0;
   
} 

.NoppenkondomeNormal    p   {
font-style:italic;
font-size:12px;
margin-left:370px;
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
color:#808080; 

    
} 

.NoppenkondomeWeitere   {
position:absolute;
margin-top:20px;
margin-left:50px;
margin-right:0px;
margin-bottom:0px;
padding:0;
      
}

.NoppenkondomeWeitere   h2  {
font-style:italic;
font-size:12px;

} 

.NoppenkondomeWeitere img   {
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
margin-right:25px;
float:left;  
    
}

.NoppenkondomeWeitere   h3  {
font-style:italic;
font-size:10px; 
margin-top:0px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px; 
padding:0;  
}  
 

/* ++++++++++++++++++++++XXL-Kondome++++++++++++++++++++++++++++++++ */

.XXLKondome  {
margin-left:50px;
margin-top:50px;
padding:0;
position:absolute;

}

.XXLKondome h1   {
font-size:12px;
font-style:italic;
margin:0;
}

.AngebotsSchriftXXL  {
padding:0;
margin-left:370px;
margin-right:0px;
margin-top:60px;
position:absolute;

}

.AngebotsSchriftXXL p    {
font-style:italic;
font-size:12px;
color:#808080;

}

.XXLKondomeNormal    {
clear:both;

margin-top:370px;
margin-left:0;
margin-bottom:0px;
margin-right:85px;
padding:0;

}

.XXLKondomeNormal    p   {
font-style:italic;
font-size:12px;
margin-left:370px;
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
color:#808080;


}

.XXLKondomeWeitere   {
position:absolute;
margin-top:20px;
margin-left:50px;
margin-right:0px;
margin-bottom:0px;
padding:0;

}

.XXLKondomeWeitere   h2  {
font-style:italic;
font-size:12px;

}

.XXLKondomeWeitere img   {
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
margin-right:25px;
float:left;

}

.XXLKondomeWeitere   h3  {
font-style:italic;
font-size:10px;
margin-top:0px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
padding:0;
}

/* ++++++++++++++++++++++Kleine-Kondome++++++++++++++++++++++++++++++++ */

.KleineKondome  {
margin-left:50px;
margin-top:50px;
padding:0;
position:absolute;

}

.KleineKondome h1   {
font-size:12px;
font-style:italic;
margin:0;
}

.AngebotsSchriftKleine  {
padding:0;
margin-left:370px;
margin-right:0px;
margin-top:60px;
position:absolute;

}

.AngebotsSchriftKleine p    {
font-style:italic;
font-size:12px;
color:#808080;

}

.KleineKondomeNormal    {
clear:both;

margin-top:370px;
margin-left:0;
margin-bottom:0px;
margin-right:85px;
padding:0;

}

.KleineKondomeNormal    p   {
font-style:italic;
font-size:12px;
margin-left:370px;
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
color:#808080;


}

.KleineKondomeWeitere   {
position:absolute;
margin-top:20px;
margin-left:50px;
margin-right:0px;
margin-bottom:0px;
padding:0;

}

.KleineKondomeWeitere   h2  {
font-style:italic;
font-size:12px;

}


.KleineKondomeWeitere   h3  {
font-style:italic;
font-size:10px;
margin-top:0px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
padding:0;
}

.bildweitere1   {
position:absolute;
padding:0;
margin:0;
    
}

.bildweitere2   {
position:absolute;
margin-left:220px;

    
}

.bildweitere3   {
position:absolute;
margin-left:440px;
    
}