/* ### Vorbereitende Maßnahmen | Reset ##################################################################*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		height: 100%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		background-image:url(grafiken/hg.gif);
		text-align: left;
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

/* ### Start Positionierung ##################################################################*/

	#start_distance { 
		width:1px;
		height:50%;
		margin-bottom:-350px; /* half of container's height */
		float:left;
		}

	#start_container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:700px;
		width:935px;
		clear:left;
		font-family: verdana; 
    font-size: 12px; 
    color:#003333;
		}
		
/* ### Positionierung ##################################################################*/

	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-350px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:700px;
		width:935px;
		clear:left;
		font-family: verdana; 
    font-size: 12px; 
    color:#003333;
		}
		
#seite {
    width:auto;
    height:676px;
    background: #fff;
    background-image:url(grafiken/hg_seite.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding:0px 48px 0px 40px;
    }
    
#seite_impressionen {
    position:relative;
    width:auto;
    height:676px;
    background: #fefee0;
    padding:0px 0px 0px 0px;
    text-align:center;
    }
    
#pfeilZ {
    position:absolute;
    top:224px;
    left:40px;
    width:52px;
    height:75px;
}

.noflash { margin: 200px 0px 310px 0px; }


#seite_speisekarte {
    position:relative;
    width:auto;
    height:676px;
    background: #fff;
    background-image:url(grafiken/hg_seite.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding:0px 48px 0px 40px;
    
    }
    
#speisekarte_nav {
    position:absolute;
    top:566px;
    left:379px;
    width:526px;
    height:32px;
    }
    
.bildlinks {
    float:left;
    }
    
.bildrechts {
    float:right;
    }
    
.trot { color:#c5122f; }
/* ### Linke Seite ##################################################################*/

#hauptnav { 
    position:relative;
    float:left;
    width:317px;
    height:646px;
    padding-top:30px;
    }

#logo { 
    margin-bottom:34px;
    }

#oeffnungszeiten {
    width:260px;
    height:100px;
    color:#003333;
    padding-left:17px;
    margin-top:55px;
    }
    
#titel_oeffnung {
    margin-bottom:5px;
    }
    
#adresse {  
    position:absolute;
    bottom:28px;
    left:13px;
    }
    
#hauptnaviact { text-decoration: none; color: #003333; font-weight:bold; font-size: 17px; padding-left:15px;}
#unaviact { color: #003333; font-weight:bold; font-size: 17px; text-decoration: none;}

/* ### Rechte Seite ##################################################################*/

#inhalt { 
    float:right;
    width:490px;
    height:632px;
    padding-top:44px;
    }
    
#fotoleiste {
    width:auto;
    height:114px;
    text-align:center;
    margin-bottom:10px;
    }
    
#unav { 
    width:auto;
    height:20px;
    text-align:center;
    border-top:3px solid #003333;
    border-bottom:3px solid #003333;
    padding:10px 0px 10px 0px;
    
    }
    
.textbox {
    width:auto;
    height:412px;
    border-bottom:3px solid #003333;
    padding:13px 0px 0px 18px;
    overflow:auto;
    }
     
.textbox_skarte {
    width:auto;
    height:400px;
    padding-top:25px;
    border-bottom:3px solid #003333;
    }
    
.textbox_home {
    width:auto;
    height:400px;
    text-align:center;
    padding-top:25px;
    border-bottom:3px solid #003333;
    }
    
.textbox_karte {
    width:auto;
    height:412px;
    border-bottom:3px solid #003333;
    padding:13px 0px 0px 18px;
    background-image:url(grafiken/karte.gif);
    background-repeat:no-repeat;
    background-position:bottom right;  
    }
    
    
    
/* ### Fuss ##################################################################*/

#fuss { 
    width:auto;
    height:21px;
    text-align:right;
    padding-top:3px;
    }
     
/* ### Linkfarben ##################################################################*/
    
a:link { color: #003333; }
a:visited { color: #003333; }
a:hover { color: #003333; }

#fuss a { text-decoration: none; }
#fuss a:link { color: #fff; }
#fuss a:visited { color: #fff; }
#fuss a:hover { color: #fff; }

a.hauptnavi:link { text-decoration: none; color: #7ea153; font-weight:bold; font-size: 17px; padding-left:15px;}
a.hauptnavi:visited { color: #7ea153; font-weight:bold; font-size: 17px; padding-left:15px; text-decoration: none;}
a.hauptnavi:active { color: #7ea153; font-weight:bold; font-size: 17px; padding-left:15px; text-decoration: none;}
a.hauptnavi:hover { color: #003333; font-weight:bold; font-size: 17px; padding-left:15px; text-decoration: none;}



a.unavi:link { text-decoration: none; color: #7ea153; font-weight:bold; font-size: 17px; text-decoration: none;}
a.unavi:visited { color: #7ea153; font-weight:bold; font-size: 17px; text-decoration: none;}
a.unavi:active { color: #7ea153; font-weight:bold; font-size: 17px; text-decoration: none;}
a.unavi:hover { color: #003333; font-weight:bold; font-size: 17px; text-decoration: none;}