/* =====================================================================================================
   Stylesheet für das www.bodyfriend.at/
   Autoren:   	Farzaneh EMADI und Armin Priesner (www.eurowerbung.at)
   Stand: Feb. 2010
   Datei: screen.css
   gruen: 135813
   hell gruen: 699525
   viollet: a00d41
   bege: ece4da
   grau: 767470
   dgrau: 302d2d
   textlink hgrau: 3b3838
   hellgrau: 8d8b87
   hellergrau: ece4da

   ======================================*/
/*allgemein informationen */


html { height: 101%; }
* { padding: 0; margin: 0;}



body {
	margin: 0;
	background-image: url(bg.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14pt;
}


p {
	margin: 2px 0px 8px 3px;
}

#website {
	position: absolute;
	top: 3px;
	left: 50%;
	width: 942px;
	margin-left: -471px;
	background-image: url(bg_color.gif);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px dotted #ece4da;
	
}

#footer {
	width: 928px;
	height: auto;
	border-top: 1px solid #ece4da; /*border-top*/
	margin-top: 6px; /*Außenabstand oben, oberhalb Linie*/
	float: left;
	letter-spacing:0.04em;
	font-weight: bold;
}

/*Ende: allgemein Informationen */

/*Kopfbereich */


#titelbild {
	float: left;
	height: 220px;
	width: 940px;
	background-image: url(titelbild_bodyfriend.jpg);
	background-repeat: no-repeat;
	background-position: left;
	
	}
	
#logo {
	position: absolute;
	top: 0px;
	left:0px;
	width: 200px;
	height: 240px;
	margin: 0;
	padding: 0;
	cursor: auto;
	cursor: pointer;
}


#banner {
	position: absolute;
	left: 220px;
	top: 106px;
	width: 580px;
	text-align: center;
	float: left;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #767470;
	line-height: 19px;
	padding: 0;
	letter-spacing:0.01em;

}

#banner1 {
	position: absolute;
	left: 220px;
	top: 190px;
	width: 700px;
	text-align: center;
	float: left;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #135813;
	line-height: 19px;
	padding: 0;
	letter-spacing:0.01em;
	}
	
	#banner1 a{
		text-decoration: none;
		color: #135813;
		text-decoration: none;
	}
	#banner1 a:hover{
		color: #a00d41;
		text-decoration: none;
	}
	#banner1 a:focus {
		color: #d22b37;	
		text-decoration: none;
	}
	



#banner2 {
	margin: 0;	left: 0px;
	top: 220px;
	width: 940px;
	float: left;
	border-bottom: 1px solid #ece4da;
	padding: 0;

}


/* Ende: Kopfbereich */

/* Anfang contentbereich*/

#content {
	width: 940px;
	float: left;
	margin: 0px 0px 0px 0px;
	min-height: 200px;
}

/* Ende contentbereich*/


/* Navigation */

 	#main-navi {
		float: left;
		width: 180px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #898885;
		line-height: 19px;
		padding: 0;/* Innenabstand  */
		margin: 0px 0 0 20px; /* Keinen Außenabstand */ 
		font-size: 11px;
		font-weight: bold;
		cursor: pointer;
		letter-spacing:0.1em;
	}
		
		#main-navi ul { word-spacing: 0; height: 300px; }
		#main-navi ul { margin: 0 0 0em 0; }
		#main-navi li {
			list-style-type: none; /* keine Markierung*/
			padding: 5px 5px 5px 8px;
			border-bottom: 1px solid #ece4da;
			width: 170px;
		}
		
		#main-navi a {
			color: #898885;
			text-decoration: none;
		}
		#main-navi a:hover,
		#main-navi a:focus {
			color: #a00d41;
		}
		
			.subnvai {
				display: none;
				font-size: 10px !important;
				font-weight: bold;
			}
		#banner_unter_navi {
			margin-top: 40px;
		}

		/* ==================== NAVIGATION [immer anpassen] ==================== */
	#page_index #navi_index { background-color: #fff; }
	#page_index #navi_index a { color: #a00d41; }
	
	#page_bmi #subnavi_bmi { background-color: #fff; }
	#page_bmi #subnavi_bmi a { color: #a00d41; padding-left: 10px; }
	
	#page_menues #navi_menues { background-color: #fff; }
	#page_menues #navi_menues a { color: #a00d41; }
	
	#page_speisekarte1 #subnavi_diese_woche { background-color: #fff; }
	#page_speisekarte1 #subnavi_diese_woche a { color: #a00d41; }
	
	#page_speisekarte2 #subnavi_naechste_woche { background-color: #fff; }
	#page_speisekarte2 #subnavi_naechste_woche a { color: #a00d41; }
	
	#page_preise #subnavi_preise { background-color: #fff; }
	#page_preise #subnavi_preise a { color: #a00d41; }
	
	#page_bestellung #navi_bestellung { background-color: #fff; }
	#page_bestellung #navi_bestellung a { color: #a00d41; }
	
	#page_so_funktioniert #navi_so_funktioniert { background-color: #fff; }
	#page_so_funktioniert #navi_so_funktioniert a { color: #a00d41; }

	#page_philosophie #navi_philosophie  { background-color: #fff; }
	#page_philosophie #navi_philosophie  a { color: #a00d41; }
	
	#page_team #subnavi_team  { background-color: #fff; }
	#page_team #subnavi_team  a { color: #a00d41; }
	
	#page_partner #subnavi_partner  { background-color: #fff; }
	#page_partner #subnavi_partner  a { color: #a00d41; }

	#page_presse #navi_presse  { background-color: #fff; }
	#page_presse #navi_presse a { color: #a00d41; }
	
	#page_referenzen #subnavi_referenzen  { background-color: #fff; }
	#page_referenzen #subnavi_referenzen a { color: #a00d41; }
	
	#page_kontakt #navi_kontakt  { background-color: #fff; }
	#page_kontakt #navi_kontakt a { color: #a00d41; }


	/* ==================== NAVIGATION [immer anpassen] ==================== */
	

			
/* Ende: Navigation */


/* Anfang content */



#textbereich {
	float: right;
	width: 670px;
	margin: 20px 3px 5px 0px;
	padding: 5px 10px 0px 5px;
	height: 450px;
	color: #302d2d;
	letter-spacing:0.02em;
  overflow:auto;
	scrollbar-arrow-color:#c2c0c4;
	scrollbar-base-color:#f8f8f8;
	}
	#textbereich a{
		text-decoration: none;
		color: #587d1f;
	}
	#textbereich a:hover{
		color: #a00d41;

	}
	#textbereich a:focus {
		color: #d22b37;	
	}
	
	.text_unterstreichen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	text-decoration: underline;
	}


#ol_content {
	padding: 3px 0 3px 20px;
	}
	
#ul_content {
	padding: 3px 0 14px 0px;
	}
	
#li_content  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_gruen.gif);
	margin: 0 0 0 30px;
	
	}


.ol_content{
	padding: 3px 0 3px 20px;
	}
	
.ul_content {
	padding: 3px 0 14px 0px;
	}
	
.li_content  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_gruen.gif);
	margin: 0 0 0 30px;
	}


#ol_content_indes {
	padding: 3px 0 3px 20px;
	}
	
#ul_content_indes {
	padding: 3px 0 14px 0px;
	}
	
#li_content_indes  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(spacer.gif);
	margin: 0 0 0 30px;
	
	}


.ol_content_indes {
	padding: 3px 0 3px 20px;
	}
	
.ul_content_indes {
	padding: 3px 0 14px 0px;
	}
	
.li_content_indes  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(spacer.gif);
	margin: 0 0 0 30px;
	}




.content_bild {
	margin: 0 0 3px 6px;
}	

.bild_presse {
	margin: 0 6px 10px 0;
}	


#ol_content_bestell {
	padding: 3px 0 3px 20px;
	}
	
#ul_content_bestell {
	padding: 3px 0 14px 0px;
	}
	
#li_content_bestell  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_viollet.gif);
	margin: 0 0 0 30px;
	
	}


.ol_content_bestell {
	padding: 3px 0 3px 20px;
	}
	
.ul_content_bestell {
	padding: 3px 0 14px 0px;
	}
	
.li_content_bestell  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_viollet.gif);
	margin: 0 0 0 30px;
	}


#textbereich_faq {
	float: right;
	width: 670px;
	height: 450px;
	margin: 20px 3px 5px 0px;
	padding: 5px 10px 0px 5px;
	min-height: 360px;
	color: #302d2d;
	letter-spacing:0.02em;
	overflow:auto;
	scrollbar-arrow-color:#c2c0c4;
	scrollbar-base-color:#f8f8f8;
}

	#textbereich_faq a{
		text-decoration: none;
		color: #302d2d;
	}
	#textbereich_faq a:hover{
		color: #a00d41;

	}
	#textbereich_faq a:focus {
		color: #d22b37;	
	}
	
	
#ol_content_faq {
	padding: 3px 0 3px 20px;
	}
	
#ul_content_faq {
	padding: 3px 0 14px 0px;
	}
	
#li_content_faq  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_grau.gif);
	margin: 0 0 0 30px;
	
	}


.ol_content_faq {
	padding: 3px 0 3px 20px;
	}
	
.ul_content_faq {
	padding: 3px 0 14px 0px;
	}
	
.li_content_faq  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	list-style-image: url(pfeil_grau.gif);
	margin: 0 0 0 30px;
	}

	

/* Ende content*/



/*footer Start----------------------------------------------------*/


#footer-navi {
	float: right;
	margin-top: 11px; /*Außenabstand oben, oberhalb Linie*/
}


  #footer-navi a{
	color: #898885;
	text-decoration: none;
  }

	#footer-navi a:hover,
	#footer-navi a:focus {
	color: #a00d41;
	}
	
	
	#footer-navi ul { margin-bottom: 0;}
	#footer-navi li {
	display: inline; /*nebeneinander anzeigen*/
	list-style-type: none;
	margin: 0 2px 0 0;
	font-size: 11px;
	padding: 5px;
	}


	/* ==================== FUSSNAVIGATION [immer anpassen] ==================== */
	#page_impressum #footer-navi_impressum { background-color: #fff; }
	#page_impressum #footer-navi_impressum a { color: #a00d41; }
	
	#page_ueberuns  #footer-navi_ueberuns { background-color: #fff; }
	#page_ueberuns #footer-navi_ueberuns a { color: #a00d41; }
	
	#page_kontakt #footer-navi_kontakt { background-color: #fff; }
	#page_kontakt #footer-navi_kontakt a { color: #a00d41; }
	
	#page_agb #footer-navi_agb { background-color: #fff; }
	#page_agb #footer-navi_agb a { color: #a00d41; }

	/* ==================== NAVIGATION [immer anpassen] ==================== */

/*footer Ende------------------------------------------------------*/

/*Ende footer*/

/* Anfang Text */

.h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a00d41;
	text-decoration: none;
	line-height: 19px;
	letter-spacing:0.1em;
	margin: 0;
	padding: 4px 4px 4px 4px;


}
.h1_grau{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6c6b69;
	text-decoration: none;
	line-height: 19px;
	letter-spacing:0.1em;
	padding: 10px 4px 4px 4px;


}

.h2_grau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6c6b69;
	line-height: 19px;
	padding: 10px 3px 1px 0px;
	letter-spacing:0.05em;
}

.h3_grau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #474749;
	line-height: 14px;
	margin: 0px 3px 10px 0px;
	letter-spacing:0.05em;
}

.h1_gruen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #135813;
	text-decoration: none;
	line-height: 19px;
	margin: 0;
	padding: 4px 4px 4px 4px;
	letter-spacing:0.09em;
}

.h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a00d41;
	text-decoration: none;
	line-height: 19px;
	margin: 6px 3px 4px 0;
	letter-spacing:0.1em;

}
/* Ende Text */

	
#ul-slogen {
	padding: 3px 0 3px 30px;
	}
	
#li-slogen  {
	text-align: center;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	
	}

#anfrageForm input, #anfrageForm textarea { border: 1px solid #8d8b87; } /* Formular auf kontakt.php */


/* Start: speisekarte1.php und speisekarte2.php */
div.tagesprogramm {
	width: 650px;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #ece4da;
	border-bottom: none;
}
	div.tagesprogramm_datum {
		color: #FFF;
		background-color: #a00d41;
		font-weight: bold;
		padding: 2px;
		border-bottom: 1px solid #ece4da;
	}
	div.tagesprogramm_menue {
		float: left;
		width: 100px;
		padding: 2px;
	}
	div.tagesprogramm_speise {
		float: left;
		width: 542px;
		padding: 2px;
	}
	div.tagesprogramm_clear {
		clear: both;
		width: 650px;
		height: 0;
		border-bottom: 1px solid #ece4da;
	}
/* Ende: speisekarte1.php und speisekarte2.php */


/* Start: BMI */
#bmiForm {
	margin: 10px 0;
}
	#bmiForm td {
		padding: 1px 3px 1px 1px;
	}
	#bmiForm .bmiInput {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		width: 50px;
		text-align: right;
	}
	#bmiSubmit {
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		overflow: visible;
	}
	#bmiAuswertung { font-weight: bold; margin: 5px 0; }
	#bmiGrafik {
		background-image: url(../img/mesure.png);
		width: 403px;
		height: 94px;
		margin-top: 20px;
	}
		#josind {
			position: relative;
			top: 45px;
			left: 0;
			display: none;
		}
/* Ende: BMI */