/************************************************************************************************************************/
/*                                                                                                                      */
/*  ALLGEMEINES - Grundformatierungen fuer ein browseruebergreifend gleiches Layout                                     */
/*                                                                                                                      */
/************************************************************************************************************************/


*
{
	padding: 			0px;			/* beseitigt alle innen- und aussenabstaende                                    */
	margin: 			0px;			
}

option
{
	padding-left:		0.4em;			/* die beseitigung der innen- und aussenabstaende bewirkt beim select-element   */
}							/* auch das fehlen des padding des option-elementes, alos des auswahlbuttons,   */
							/* wodurch dieser den letzten buchstaben des inhaltstextes des select-elementes */
							/* ueberdeckt. daher wird die der standardwert fuer <option> wieder eingetragen */
html
{
	height:			100%;
}

fieldset, img
{
	border:			0;			/* standardrahmen bei bildern und fieldsets verhindern                          */
	color:			#000000;			/* farbe fuer alternativtexte festlegen                                         */
}

select, input, textarea
{
	font-size:			99%;			/* zu grosse schrift in diesen elementen bei aelteren safaribrowsern verhindern */
}

ul, ol, dl
{ 	
	margin: 			0 0 1em 1em;		/* standardwerte fuer listenarten wieder eintragen                              */
}

li 
{ 
	margin-left: 		1.5em; 			/* standardwerte fuer listenpunkte wieder eintragen                             */
	line-height: 		1.5em; 
}

a
{
	color: 			#ab8053;			/* anker immer in standard textfarbe des body */
	text-decoration: 		none;			/* anker nicht unterstreichen */
}

a:hover
{
	color: 			#ab8053;			
	text-decoration: 		underline;			/* anker hover-effekt: unterstrichen */
}


/************************************************************************************************************************/
/*                                                                                                                      */
/*  BODY - Formatierungen                                                                                               */
/*                                                                                                                      */
/************************************************************************************************************************/

html *
{
	font-size:			100.01%;  		/* rundungsfehler bei rel. schriftgroessen in aelteren ie und opera verhindern  */	
}							/* alle Schriftarten auf Standard-Schriftgroesse (16 Pixel) zurueck setzen      */

body
{
	position:			relative;		/* erzwingt korrekte elementneupositionierung nach fenstergroessenaenderung im ie   */
	font-family: 		'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size:			81.25%;  		/* standard-schriftgroesse von 12 px einstellen                                     */
	text-align:			left;
	min-height: 		101%;		/* hack fuer firefox: erzwingt rechten scrollbalken (andere browser zeigen ihn      */
	color:			#ab8053;		/*                    automatisch), so dass container auch bei kurzen inhalten an   */
	background-color:		#ffeab5;	/*                  derselben zentrierten position bleibt und nicht bei kurzen    */
}									/*					  inhalten aufgrund des fehlenden balkens nach rechts springt   */

p
{
	font-size: 			90%; 		/* 12px*/
	line-height: 		1.5em; 		/* 1,5 facher Zeilenabstand                                                         */
	margin: 			0 0 1em 0; 	/* eine Zeile Abstand nach unten (nach Absaetzen)  */                  
}


h1,h2,h3,h4,h5,h6 
{ 
	font-family:		Arial, Helvetica, Sans-Serif;
	font-weight:		bold; 
	margin: 			0 0 0.25em 0; 
}

h2
{ 
	font-size: 			140%; 		
  	font-weight: 		bold;
}
			
h3
{ 
	font-size: 			120%; 		
  	font-weight: 		bold;
}

h4 
{ 
	font-size: 			95%; 
  	font-weight: 		bold;
}                    			
  
h5 
{ 
	font-size: 			83%; 		/* 12px*/
	line-height: 		1.5em; 		/* 1,5 facher Zeilenabstand                                                         */
	margin: 			0 0 1em 0; 	/* eine Zeile Abstand nach unten (nach Absaetzen)  */      
  	font-weight: 		normal;
}  


/************************************************************************************************************************/
/*                                                                                                                      */
/*  CONTAINER - Formatierungen                                                                                          */
/*                                                                                                                      */
/************************************************************************************************************************/

.container_transparent			/* container fuer sonstige seiten */
{
	width : 900px;
	height : 100%;
	margin-top : 75px;
	margin-left : auto;			/* container zentrieren */
	margin-right : auto;
	text-align : center;			/* erbt hintergrundfarbe von body */
}

.container_farbig				/* container fuer speisenkarten */
{
	width : 900px;
	height : 100%;
	margin-top : 75px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	background-color : white;		/* hintergrundfarbe des farbigen containers */
}

.abstand_unter_container
{
	width : 900px;
	height : 75px;			/* gleicher Wert wie margin-top der .container_xxxxxx */
	margin-left : auto;
	margin-right : auto;
}

/************************************************************************************************************************/
/*                                                                                                                      */
/*  STARTSEITE- Formatierungen                                                                                          */
/*                                                                                                                      */
/************************************************************************************************************************/

#div_adresszeile
{
	color:			#ab8053;	
	width: 			900px;	
	height:			50px;	
	margin-top:		50px;		/* Abstand zum Foto */
	margin-left: 		auto;			
	margin-right:		auto;	
	text-align:			center;
}

#div_speisenkartenlinkzeile
{
	color:			#ab8053;	
	width: 			900px;	
	height:			50px;	
	margin-left: 		auto;			
	margin-right:		auto;	
	text-align:			center;
}

/************************************************************************************************************************/
/*                                                                                                                      */
/*  sonstige Formatierungen                                                                                          */
/*                                                                                                                      */
/************************************************************************************************************************/

.div_kastenlinksbuendig
{
	width: 			380px;	
	margin-left: 		auto;			
	margin-right:		auto;	
	text-align:			left;
}