* { scrollbar-base-color: #decfab;
scrollbar-3d-light-color: #decfab;
scrollbar-arrow-color: #decfab;
scrollbar-darkshadow-color: #9c0000;
scrollbar-face-color: #9c0000;
scrollbar-highlight-color: #decfab;
scrollbar-shadow-color: #decfab;
scrollbar-track-color: #decfab;}
html { height: 100%; }
body { background-color: #9c0000;
font-family: verdana, helvetica, sans-serif;
height: 100%;
margin: 0px; padding: 0px;
background-image: url( ../bilder/S.jpg );background-repeat: no-repeat; background-position: 50px 350px;
text-align: center;

}

#navi { width: 405px; height: 260px;
background-image: url( ../bilder/header2.jpg ); background-repeat: no-repeat;background-position: top left;
margin: 0px; padding: 0px;
float: left;
}
.link { color: #9c0000;font-size: 11px;
position: absolute; 
text-decoration: none;
display: block;height: 25px;
padding-left: 20px;
}
#homeaktiv, #hammeraktiv,#flammkuchenaktiv,#essenaktiv, #geschichteaktiv,#fotoaktiv,#gbuchaktiv,#wegaktiv,#kontaktaktiv {position: absolute; background-image: url( ../bilder/kreuz.gif ); background-position: top left; background-repeat: no-repeat; } 
.link:hover { text-decoration: underline; }
#home,#homeaktiv { top: 10px; left: 290px; }
#hammer,#hammeraktiv { top: 35px; left: 260px; }
#flammkuchen,#flammkuchenaktiv { top: 60px; left: 220px; }
#essen, #essenaktiv { top: 85px; left: 190px; }
#geschichte, #geschichteaktiv { top: 110px; left: 160px; }
#fotos, #fotoaktiv { top: 133px; left: 138px; }
#gbuch, #gbuchaktiv { top: 160px; left: 68px; }
#weg, #wegaktiv { top: 185px; left: 25px; }
#kontakt,#kontaktaktiv { top: 217px; left:16px; }

#inhaltgesamt { 
margin: 0px;padding: 20px;
color: #decfab;
position: absolute; top: 20px; left: 430px;
margin-top: 20px; padding-right: 160px;
font-size: 11px;
}
#inhaltgesamt .absatz {  
padding-bottom: 10px;
text-align: center;
}
#linksoben {

background-image: url( ../bilder/linksoben.jpg );
background-repeat: no-repeat;
background-position: top left;

padding-left: 120px; 

padding-right: 120px;
}

#preisinfo,#zettelchen {
text-align: left;
color: #decfab;
font-size: 12px;
margin-left: 10px;
padding-top: 10px;
padding: 5px;
margin-right: 300px;
}
#flammkuchengesamt , #hammergesamt { 
padding-left: 50px;
}
.flammkuchenart,.hammer { 
width: 230px;min-height: 150px;
background-color: #decfab;
border: 5px double #decfab;
padding: 5px;padding-bottom: 20px;
color: #9c0000;
font-size: 12px;
margin: 5px;
text-align: center;
float: left;
background-image: url( ../bilder/absatz.jpg );background-repeat: no-repeat; background-position: bottom center; 
}
.flammkuchenart, .hammer a { color: #9c0000; }
* html .flammkuchenart { height: 150px; }
html>body .flammkuchenart, .hammer {border: 5px double #9c0000; }

.hammer { min-height: 250px; }
* html .hammer { height: 280px; }

.flammkuchenart h2, .hammer h2 { color: #9c0000;
margin: 0px; font-size: 17px; margin-bottom: 10px;
}
.preis { font-size: 22px; font-weight: bold; text-align: center; margin-top: 5px; }
#zettelchen .preis { font-size: 13px; }


#geschichtstext { width: 550px; float: left; margin-left: 20px;
						  background-color: #decfab;
							background-image: url( ../bilder/linksoben.jpg ); background-repeat: no-repeat; background-position: top left;
							border: 5px double #decfab;
							padding-left: 100px;
							padding-right: 100px;
					  }
html>body #geschichtstext  {border: 5px double #9c0000;width: 350px;}
#geschichtstext .absatz { 
						  padding-left: 10px;padding-right: 10px;text-align: center;
							padding-bottom: 50px;
							font-size: 12px; color: #9c0000;
							background-image: url( ../bilder/absatz.jpg ); background-repeat: no-repeat; background-position: bottom center; 
						}

#albumliste  { background-color: #decfab; 
						   margin-left: 10px;
								float: left;
								text-align: center;
							border: 5px double #decfab;
							margin-right: 5px;
							}
html>body #albumliste  {border: 5px double #9c0000;}
#albumliste img { border: 0; margin: 0px;}
#albumliste h2 { color: #9c0000; text-align: center; font-size: 15px;margin: 0px;display: block;}
#albumliste a { color: #9c0000; font-size: 10px; text-decoration: none;margin: 0px; margin-right: 10px; margin-left: 10px; padding-top: 10px;padding-bottom: 10px;display: block;float: left; }
#albumliste a:hover { background-color: white; }

#fototitel { text-align: center; font-size: 28px; background-color: #decfab; color: #9c0000; width: 900px; 
border-left: 5px double #decfab;border-right: 5px double #decfab;border-top: 5px double #decfab;
margin-left: auto; margin-right: auto;}
html>body #fototitel  {border-left: 5px double #9c0000;border-right: 5px double #9c0000;border-top: 5px double #9c0000;}


#thumbliste  { background-color: #decfab;  
							width: 900px;
							border-left: 5px double #decfab;border-right: 5px double #decfab;
							margin-left: auto; margin-right: auto;
							
							}
html>body #thumbliste  {border-left: 5px double #9c0000;border-right: 5px double #9c0000;}
#thumbauswahl { overflow: auto; width: 890px;height: 125px;}
#thumbauswahl img { border: 2px solid #9c0000; margin: 0px;padding: 0px; }
#thumbauswahl a { margin: 0px;padding: 0px; }
#grossansicht {width: 900px; text-align: center; background-color: #decfab;border-left: 5px double #decfab;border-right: 5px double #decfab;border-bottom: 5px double #decfab; margin-left: auto; margin-right: auto;}
#foto {margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;border: 2px solid #decfab; }
html>body #grossansicht  {border-left: 5px double #9c0000;border-right: 5px double #9c0000;border-bottom: 5px double #9c0000;}
html>body #foto  {border: 5px double #9c0000;}

#zentrierer { text-align: center;float: left; padding-top: 100px; color: #decfab;}
#anfahrttext { text-align: center;background-color: #decfab; color: #9c0000; font-size: 12px; 
width: 540px; margin: 10px; margin-left: auto; margin-right: auto; 
border: 5px double #decfab;}
html>body #anfahrttext  {border: 5px double #9c0000;}
#anfahrttext h2 { color: ##9c0000; font-size: 18px; margin-left: 20px; margin-top: 20px;text-align: center;}
#anfahrttext a { display: block; margin-top: 20px; color: #9c0000;margin-bottom: 10px; }

#kontaktseite { padding: 10px; float: left; width: 500px;}
#visitenkarte { width:450px;
text-align: left;
background-color: #decfab; color: #9c0000;
font-size: 11px;
padding: 10px; 
border: 5px double #decfab;
background-image: url( ../bilder/rechtsoben.jpg ); background-repeat: no-repeat; background-position: top right;
margin-bottom: 10px;
}
html>body #visitenkarte  {border: 5px double #9c0000;}
#visitenkarte .zeile2 { margin-bottom: 10px; }
#visitenkarte a { color: #9c0000 }
#visitenkarte img { margin-bottom: 10px;}

#zeiten { 
width: 450px;
background-color: #decfab; 
margin-left: auto; margin-right: auto;padding: 10px;
border: 5px double #decfab;
color: #9c0000; font-size: 11px;
margin-bottom: 10px;
border: 5px double #decfab;
}
html>body #zeiten  {border: 5px double #9c0000;}
#zeiten h1 { 
margin: 0px;
text-align: left;
font-size: 14px;
margin-bottom: 10px;margin-top: 20px;
}

#zeiten .links,.rechts { 
width: 200px;
float: left;
font-size: 12px;
text-align: left;
border-bottom: 1px dotted #9c0000;
padding-top: 5px;padding-bottom: 5px;
}
#zeiten .text { text-align: left;margin: 10px; }
#zeiten .text a { color: #9c0000; }

#kontaktformular {  
width: 450px;
background-color: #decfab; 
margin-left: auto; margin-right: auto;padding: 10px;
border: 5px double #decfab;
color: #9c0000; font-size: 11px;
padding-bottom: 40px;
background-image: url( ../bilder/rechtsunten.jpg ); background-repeat: no-repeat; background-position: bottom right ;
}
html>body #kontaktformular  {border: 5px double #9c0000;}
#kontaktformular #Name, #Mail, #Nachricht {border: 1px solid #9c0000;} 
#achtung { 
width: 300px; padding-left: 70px;
background-image: url( ../bilder/achtung.png );
background-repeat: no-repeat;
color: #9c0000;
}



#woche { width: 430px;
display: block; 
text-align: center; 
float: left;
border: 1px solid #decfab;
color: #decfab;
margin-left: 10px;
padding: 2px;
}
#woche h1 { font-size: 16px; }
#woche h2 { font-size: 14px; }

#gutschein { 
margin-left: 1px; margin-right: 1px;
margin-bottom: 1px;
font-size: 10px;
text-align: center;
padding-top: 5px;
background-repeat: no-repeat; 
color: #decfab; background-color: #9c0000;
border: 0; 
}
html>body #gutschein { border: 5px double #9c0000; }
#gutschein h1 { font-size: 22px;margin: 5px; }
#speisekarte { width: 430px;
background-color: #decfab; color: #9c0000; 
text-align: left;
margin-top: 10px;
}
#speisekarte td { text-align: center;border-bottom: 3px solid #9c0000;height: 40px; padding-top: 5px; padding-bottom: 5px;}
#speisekarte .wt { width: 60px; }
#speisekarte .ns { width: 70px; font-size: 80%; }
#speisekarte .hs { width:230px; }

.hg { font-size: 16px; font-weight: bold; 
margin-top: 20px;margin-bottom: 20px;
display: block;
}
#drucken { 
text-align: center;
margin: 0px; margin-top: 20px; 
padding-bottom: 10px;padding-top: 10px;
border-top: 1px solid #decfab;
background-color: #decfab;
}
#drucken button {
width: 420px; 
color: #decfab; background-color: #9c0000;  
font-size: 13px;
margin: 0px;padding: 0px;
}
#drucken button .klein { font-size: 9px; }
#drucken button img { border: 0px; margin: 0px; padding: 0px; }
.wotag { visibility: hidden; width: 0px; height: 0px;}
#printlogo { visibility: hidden; width: 1px; height: 1px;}

#koeln { width: 135px; height: 40px;
display: block;
background-image: url( ../bilder/koeln.png );
text-decoration: none;
z-index: 10;
margin-top: 50px;
margin-left: auto; margin-right: auto;
}
#sammler { 
float: left;
margin-right: 90px;margin-left: 10px;
}
#partner {
position: absolute;
top: 0px; right: 0px;
color: #decfab;
font-size: 10px;
width: 135px;
text-align: center;
height: 100%; 
background-image: url( ../bilder/lurbg.png );
}
/*
#cik, #hoepfner,#suedwaldstr,#seibsimon,#acousticavenue,#ostseehaeuschen,dancingchef { 
width: 120px;margin-left: auto; margin-right: auto;
padding: 0px;  
height: 25px;
padding-top:35px;
margin-bottom: 5px;
background-repeat: no-repeat; background-position: top center;
display: block;
text-decoration: none;
text-align: center;
font-size: 10px;
color: #decfab;

}
#hoepfner { background-image: url( ../bilder/hoepfner-logo.png ); }
#suedwaldstr { background-image: url( ../bilder/suedwaldstr-logo.png ); }
#seibsimon { background-image: url( ../bilder/seibundsimon-logo.jpg ); }
#acousticavenue { background-image: url( ../bilder/acousticavenue.jpg );height: 31px; }
#ostseehaeuschen { background-image: url( ../bilder/ostsee.jpg );height: 90px; padding-top:95px;}
*/
#cik, #hoepfner,#suedwaldstr,#seibsimon,#acousticavenue,#ostseehaeuschen1,#ostseehaeuschen2,#dancingchef { 
width: 135px;margin: 0px;
padding: 0px;  
height: 40px;
/*margin-bottom: 5px;*/
display: block;
text-decoration: none;
text-align: center;
font-size: 10px;
color: black;
padding: 10px;
background-repeat: no-repeat;
}
#hoepfner { background-image: url( ../bilder/hoepfner.png ); }
#suedwaldstr { background-image: url( ../bilder/suewa.png ); }
#seibsimon { background-image: url( ../bilder/seibsimon.png ); }
#ostseehaeuschen1 { background-image: url( ../bilder/ostsee1.png );}
#ostseehaeuschen2 { background-image: url( ../bilder/ostsee2.png );}
#dancingchef { background-image: url( ../bilder/dancingchef.png );}

#counter {display: block; margin-left: auto; margin-right: auto; }
#wetter {  
					width: 120px;text-align: center;margin-left: auto; margin-right: auto;	
					line-height: 14px;
					margin-top: 10px;
				}


#gazettelink, #kameralink { 
display: block;
overflow: hidden;
/* margin-left: auto; margin-right: auto;*/ 
 margin-left: 5px; margin-right: 5px; 
color: black;
text-decoration: none;
float: right;
}
#gazettelink {
width: 155px; height: 21px;
background-image: url( ../bilder/gazette_klein.jpg ); background-repeat: no-repeat;
margin-top: 50px;
padding-top: 150px;
}
#kameralink {
width: 286px; height: 255px;
background-image: url( ../bilder/schnappschuss.png ); background-repeat: no-repeat;
}
#kino,#whisky,#cocktail,#rauchfrei { float: right;margin-left: 10px; }
#wsf { margin-left: 100px; margin-top: 20px; }
#gazette {width: 400px; height: 420px;
background-color: #decfab;
background-image: url( ../bilder/gazette.jpg ); background-repeat: no-repeat;background-position: top center;
font-size: 11px;
padding: 10px; padding-top: 150px;
}
.gazdatum { display: block; text-align: left; font-weight: bold;margin-top: 20px;padding-left: 10px; border-bottom: 1px solid #9c0000; border-top: 1px solid #9c0000; }
.gaztext { display: block; margin-left: 30px; text-align: left; }
 .udolabel { visibility: hidden; }
 #popupschliessen { display: block; height: 70px;width: 125px; margin-left: auto; margin-right: auto; margin-top: 50px;background-image: url( ../bilder/gazette_ende.png ); background-repeat: no-repeat;text-decoration: none;}
 .kleiner { font-size: 80%; }
 
 #whiskypromo { position: absolute; bottom: 10px; left: center; width: 250px; height: 100px;background-color: #decfab; color: #9c0000; font-size: 12px; }
 #whiskypromo h3 { margin: 0px; }
 #whiskypromo #sorten { height: 26px; padding-top: 2px; border-top: 3px solid #9c0000; border-bottom: 3px solid #9c0000; margin: 5px;}