BODY { 
	font-family : sans-serif; 
	text-align:center; 				/*	mit "0px auto;" im Container "hauptrahmen" kann IE 5.x nichts
																	anfangen. Daher wird schon im Body-Tag zentriert 
																	und im Beginn des Hauptrahmens die Zentrierung mit 
																	"text-align:left;" wieder aufgehoben. */
	background-color:green;
															
}	
			
.oben{
		background-image: url(bilder/hintergrund.jpg);
		
		width:960;
		padding-top:10;
		color:#285100;
		font-weight:bold;
	}
	
	

						
.mitte{

		background-image: url(bilder/hintergrund.jpg);
		text-align:left;
		/* damit die Zentrierung des gesamten Bildfensters durch das aeusserste DIV nicht vererbt wird */
		color:#331A00;
		width:960;
			}
.innen{

		width:760;
		float:right;
		margin-top:0;
		margin-right:10;
		font-family:Arial, Helvetica, sans-serif;
		}
.innen table{

		font-size:smaller;
		}		
			
.innen td{font-size:75%;
		}		
#Menubalken{
	position:absolute 10 35;
	width:150;
	z-index:1;
	visibility: visible;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	font-size:0.8em;
	padding:0;
	margin:0;
	}

#Menubalken a{
	display:block;
	padding: 0;
	color:white;
	text-decoration:none;
	text-align:center;

	margin-left:8;
	border-radius:8px;
	background: #03B244;
   -moz-border-radius:8px;
	
	}
		
#Menubalken a:link, #Menubalken a:visited {
    width:145px;
	
/*IE/Win 6 zeigt den Hover-Effekt nur über dem Text, nicht aber über die ganze Breite des A-Elementes. Abhilfe schaffen wir uns, indem wir eine zus-tzliche Breitenangabe für die Pseudoelemente einführen.  Siehe auch nächsten Block, A:hover, A:focus*/ 
 
    padding: 3px 4px;
    border: 2px solid;
    border-color: green;
	}
#Menubalken a:hover{
	width: 145px;
	padding: 4px 3px 2px 5px;
	border: 2px inset;
	border-color: green;
	background-color: #006600;
	}

#Menubalken a:active {
    width: 145px;
	padding: 3px 4px;
    border: 2px solid;
	border-color: green;
	}
	
#Menubalken a:focus {
    width: 145px;
	padding: 4px 3px 2px 5px;
	background-color:#006600;
    border: 2px inset;
    border-color:green;
	}		

.menu{	margin-left:10;
		color:#285100;
		margin-top:10;
		margin-bottom:2;
	}
		
/* .home {	
		position:relative; top:38px; left:70px;
		
		}*/
			
.home {
		width:760;
		height:220;
		margin-bottom:10;
		}
		
.homefont {
	color:color:#331A00;
	margin-top:40;
	font: bold 350% "Comic Sans MS";
		}					
			
.home a:link, .home a:visited {
		
		color:white;
		font-weight:bold;
		}
					
		
.home a:hover, .home a:focus {
		color:#0000cc;
		background-color:white;
		font-weight:bold;
		}		


	
.home a:active {
		color:white;
		background-color:#0000cc;
		
		}		
			
.bildunter {
		margin-top:3;
	    font-style : italic;
        font-size : x-small;
        color :  #285100;
        text-align : center;
}	
	
.bildueber {
		margin-bottom:3;       
        font-size :small;
        font-weight:bold;
        text-align : center;
}

.bilderseite-haupt {
        
       float:right;
	   margin:1em;
	   width:400;
	   font-size:60%;
}
.bilderseite-text {
        
       float:right;
	   margin:1em;
	   width:280;
	   font-size:60%;
}	
.galerie {
        
       float:right;
	   margin:1em;
	   width:260;
}
	

.galeriebild {
       width:260;
	   height:260;
	   border-width:1px;
	   border-style:solid;
}

/* Fuer die Buffet-Karten */
.karte {
        font-weight:bold;
        text-align : center;
}

.karte h2 {        
		font-style : italic;		
		
}
.karte hr {        
		width:50%;		
		
}		
		
.karte a {        
		color:green; font-style:italic;font-weight:normal; font-size:small;

}	

.speisekarte li {
	list-style-type: none;
	font-weight: bold;
	margin-bottom: 10px;
}	
.linkgalerie {
        
	   color:brown;
	   margin:1em;
	   border:solid brown;
	   width:120;
}
.linkgalerie a {        
		color:brown; font-style:italic;font-weight:bold; text-decoration:none; font-size:small;

}


.popup
{
	position:relative;
	top: 1px;


}
.popup a span
{
display:none;
}

.popup a:hover
{
border:0;
}
.popup img
{
border:1px solid #000;
}
.popup a:hover span
{
position:absolute;
display:inline;
}

	
.werbetext
{
position:relative;

}
.werbetext a span
{
display:none;
}

.werbetext a:hover
{
border:0;text-decoration:none;font-weight:bold;
}
.werbetext img
{
border:0;
}
.werbetext a:hover span
{
display:block;width:25em;height:24em;position:relative;top:-30em;left:-4em;color: #3C5EC4; background-image:url(bilder/bg.jpg);border:1px solid blue;z-index: 100;
}