@charset "utf-8";
/* CSS Document */


html, body {  background-color: #333333; font:11px Verdana, Geneva, sans-serif; color:#FFF; margin:0; padding:1em 0; margin-top:20px; height:0%;
			  text-align: center;  /* Zentrierung im Internet Explorer */ }

	a {	color:#ccc; }
	a:link { text-decoration: none; }
	a:visited {	text-decoration:none; color:#ccc; }
	a:hover { text-decoration:underline; color:#fff; }
	a:active { text-decoration:underline; color:#FFF; }

	A.mail { color:#999999;	}

																																				/* Background */





  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1000px;
    padding: 0;
	min-height:90%;
	margin-top:90px;
	}
  
   div#Inhalt { margin:0px; padding:0px; width:1000px; height:auto; }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
	  } 
	  
	  																																									/* Buttons */
.clearer {clear: both;}
.specialbtn {float:left; width:170px; height:138px;	display:block; background-image:url(images/restaurant-special.jpg); }
.specialbtn span.hover{	position:absolute; display:block; width:170px; height:138px; background-image:url(images/restaurant-special2.jpg); }

.speisenbtn {float:left; width:170px; height:138px;	display:block; background-image:url(images/restaurant-speisekarte.jpg); }
.speisenbtn span.hover{	position:absolute; display:block; width:170px; height:138px; background-image:url(images/restaurant-speisekarte2.jpg); }

.gkartebtn {float:left; width:170px; height:137px;	display:block; background-image:url(images/restaurant-karte.jpg); }
.gkartebtn span.hover{	position:absolute; display:block; width:170px; height:137px; background-image:url(images/restaurant-karte2.jpg); }

.eventbtn {float:left; width:162px; height:255px;	display:block; background-image:url(images/3groschenoper.jpg); }
.eventbtn span.hover{	position:absolute; display:block; width:162px; height:255px; background-image:url(images/3groschenoper2.jpg); }

.lokalbtn {float:left; width:162px; height:165px;	display:block; background-image:url(images/dreigroschenoper.jpg); }
.lokalbtn span.hover{	position:absolute; display:block; width:162px; height:165px; background-image:url(images/dreigroschenoper2.jpg); }



 																																				/* LAYOUT */	
	#logo {	margin: 0 auto; width:186px; height:48px; margin-top:10px; z-index:200; }
	
	div.left-col { text-align:left; width:190px; height:455px; background-color:#999; float:left }
	div.middle-col { text-align:center; width:618px; height:455px; background-color:#ccc; float:left; border-left:1px; border-color:#333; }
	div.right-col { text-align:left; width:190px; height:455px; background-color:#999; float:left }
	div.space-col { float:left; }
	
	
	
 																																				/* FOOTER */
	div.footer { text-align:center; width:1000px; border-bottom:1px solid #CCC; color:#CCC; margin-top:-5px; padding-bottom:8px; }
	span.foot-pad { padding-left:60px; }