/* =====================================================================================================
Datei:		CSS Document, mittagspause.org 
Autoren:  	Farzaneh EMADI und Armin PRIESNER (www.eurowerbung.at)
Datum:		Mai 2009
Aufbau:		1. allgemeine Styles
			2. Styles für Layoutbereiche
			3. sonstige Styles 
========================================================================================================*/

/* allgemeine Einstellungen, Start  ----------------------------------*/

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

/* Schriftfarbe: 525351, grüne Farbe: 56ab42, bg grün: eff7ec, gelb: feb647, grüen-hell: b3d739, laktosefrei (orange): ffb447, glutenfrei (hellgrün): b1d93a, vegetarisch (rot): ff4747, */

/* allgemeine Einstellungen, Start --------------------------------*/
body {
	margin: 0px;
	background-image: url(../img/bg_hell_gruen_1px.gif);
	background-color: #b3d739;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525351;
	line-height: 14pt;
}

.h1 { /*text Bold wie der Textfarbe*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525351;
	line-height: 30px;
	margin: 0px 5px 10px 0px;
	letter-spacing:0.1em;
	}
	
.h1_ueberuns { /*text Bold wie der Textfarbe*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525351;
	line-height: 20px;
	margin: 0px 5px 0px 0px;
	letter-spacing:0.0em;
	}

		
.h3 { /*text Bold wie der Textfarbe*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525351;
	line-height: 30px;
	margin: 0px 5px 0px 0px;
	letter-spacing:0.1em;
	}
	
.h1_glutenfrei { /*text Bold, hellgrün*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b1d93a;

	}
	
.h1_laktosefrei { /*text Bold, orange*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #feb546;

	}
	
.h1_vegetarisch{ /*text Bold, rot*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff4747;

	}
	
.h2 { /*text Bold, grün*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #56ac42;
	line-height: 19px;
	margin: 6px 0 2px 0;
	
	}
	
.h2_norm { /*text , grün*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #56ac42;
	line-height: 19px;
	margin: 0px 0 0px 0;
	
	}

	
.h4 { /*text Bold wie der Textfarbe | im Textbereich*/
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #525351;
	line-height: 30px;
	margin: 5px 5px 0px 0px;
	letter-spacing:0.1em;
	}
.hervorhoben {
	float: left;
	width: 15em;
	font-size: 110%;
	background-color: #f4f6f4;
	padding: 0 0 0 6px;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	margin: 3px;
	}
	
#website {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	background-color: #ffffff;
}
 
#footer {
	width: 886px;
	height: auto;
	border-top: 1px dotted #56ac42; /*border-top*/
	padding: 10px 5px 5px 10px; /*unterhalb Rahmen Linie*/
	margin-top: 12px; /*Außenabstand oben, oberhalb Linie*/
	float: left;
	font-weight: bold;
}

/* allgemeine Einstellungen, Ende  --------------------------------*/

/* Navigation Start----------------------------------------------*/


#boxHeader {
	width: 900px;
	height: 133px;
}
	#titelanimation {
		position: absolute;
		top: 0;
		left: 260px;
		height: 133px;
		width: 640px;
		background: #FFF url(../pic_zum_animieren/1.jpg) no-repeat right;
	}
	#gruenelinie {
		position: absolute;
		top: 97px;
		left: 260px;
		height: 1px;
		width: 640px;
		background-color: #9acd88;
		border-bottom: 1px solid #55ad3f;
	}
	
	#logo {
	position: absolute;
	width: 260px;
	height: 133px;
	background-image: url(logo_mittagspause.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
		
	}
	
		/* ==================== NAVIGATION [immer anpassen] ==================== */
	#page_home #navi_home { background-color: #56ab42; }
	#page_home #navi_home a { color: #b3d739; }
	
	#page_menuekarte #navi_menuekarte { background-color: #56ab42; }
	#page_menuekarte #navi_menuekarte a { color: #b3d739; }

	#page_wochenkarte #navi_wochenkarte { background-color: #56ab42; }
	#page_wochenkarte #navi_wochenkarte a { color: #b3d739; }

	#page_unserkonzept #navi_unserkonzept { background-color: #56ab42; }
	#page_unserkonzept #navi_unserkonzept a { color: #b3d739; }

	#page_grosskunden  #navi_grosskunden { background-color: #56ab42; }
	#page_grosskunden #navi_grosskunden a { color: #b3d739; }

	#page_kontakt #navi_kontakt a { background-color: #56ab42; }
	#page_kontakt #navi_kontakt a { color: #b3d739; }
	
	#page_presse #navi_presse a { background-color: #56ab42; }
	#page_presse #navi_presse a { color: #b3d739; }


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

#main-navi {
	position: absolute;
	top: 103px;
	right: 2px;
	height: 30px;
	width: 700px;
	float: right;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 30px;
	cursor: pointer;
	text-align: right;
	}
	

	#main-navi ul { word-spacing: 0;}
	#main-navi ul { margin: 0 0 1em 0;}
	#main-navi li {
	display: inline; /*nebeneinander anzeigen*/
	list-style-type: none; /* kaine Markierung*/
	margin: 0 2px 0 0;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 3px 5px 5px;
	background-color: #56ac42;
	}
	

	#main-navi a{
	color: #ffffff;
	text-decoration: none;
	
	}
	#main-navi a:hover,
	#main-navi a:focus {
	color: #b3d739;
	}


	
/* Navigation Ende------------------------------------------------------*/

/* Link-alle menue Start---------------------------------------------*/

a.allemenue-link:link, a.allemenue-link:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #525351;

}

a.allemenue-link:focus, a.allemenue-link:hover, a.allemenue-link:active {
	text-decoration: none;
	font-weight: bold; 
	color: #56ac42;
}
	
/* Link-alle menue  Ende-----------------------------------------------*/



/* Link-glutenfrei Start---------------------------------------------*/

a.glutenfrei-link:link, a.glutenfrei-link:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #b1d93a;

}

a.glutenfrei-link:focus, a.glutenfrei-link:hover, a.glutenfrei-link:active {
	text-decoration: none;
	font-weight: bold; 
	color: #56ac42;
}
	
/* Link-glutenfrei Ende-----------------------------------------------*/

/* Link-laktosefrei Start------------------------------------------*/

a.laktosefrei-link:link, a.laktosefrei-link:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #ffb447;

}

a.laktosefrei-link:focus, a.laktosefrei-link:hover, a.laktosefrei-link:active {
	text-decoration: none;
	font-weight: bold; 
	color: #56ab42;
}
	
/* Link-laktosefrei Ende---------------------------------------------*/


/* Link-vegetarisch Start-----------------------------------------*/

a.vegetarisch-link:link, a.vegetarisch-link:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #ff4747;

}

a.vegetarisch-link:focus, a.vegetarisch-link:hover, a.vegetarisch-link:active {
	text-decoration: none;
	font-weight: bold; 
	color: #56ab42;
}
	
/* Link-vegetarisch Ende---------------------------------------------*/


/* Link-matthai Start-----------------------------------------*/

a.matthai-link:link, a.matthai-link:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #860886;

}

a.matthai-link:focus, a.matthai-link:hover, a.matthai-link:active {
	text-decoration: none;
	font-weight: bold; 
	color: #56ab42;
}
	
/* Link-matthai Ende---------------------------------------------*/


/* id=bannerframe-left Start--------------------------------------*/
#bannerframe {
	width: 260px;
	height: auto;
	float: left;
	background-color: #ffffff;
	
}

#banner1 {
	margin-bottom: 8px;
}
#banner2 {
	margin-bottom: 8px;
}
#banner3 {
	margin-bottom: 8px;
}
#banner4 {
	margin-bottom: 8px;
}


.bannerbilder { /*untere Abstand*/
	margin-bottom: 8px;

	}
#banner_unserkonzepzU {
	position:absolute; 
	width:260px; 
	height:115px;  
	left: 10px; 
	top: 1314px;
}

.banner5 {
	margin-bottom: 8px;
}
.banner6 {
	margin-bottom: 8px;
}

/* id=bannerframe-left  Ende----------------------------------------*/

/*id= menü |  Menü- Bild und Navigationsbezeichnung im Content Start-*/
	
#menue {
	width: 550px;
	background-image: url(../img/menue.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 78px;
	margin: 4px 6px 0 84px;
}
	#menue ul { margin: 5px 0 5px 55px; padding: 0; }
	#menue li { float: left; list-style-type: none; margin-right: 10px; font-size: 12px; }

#preis {
	position:absolute;
	width: 78px;
	height: 78px;
	top: 139px;
	cursor: pointer;
	left: 820px;
	
	}

#content {
	width: 600px;
	float: right;
	margin: 0;
	min-height: 480px;
	padding-right: 10px;
}
p.content {
	line-height: 19px;
	margin: 2px 3px 16px 0;
	}
.p_content_ueberuns {
	line-height: 19px;
	margin: 2px 3px 16px 0;
	}

.ol {
	padding: 3px 0 3px 30px;
	}
.li  {
	padding-top: 8px;
	list-style-type: none; /* kaine Markierung*/
	}
	
.ul {
	padding: 3px 0 3px 30px;
	}


#linkWochenkarte {
	position: absolute;
	top: 193px;
	left: 289px;
	width: auto;
}
	#linkWochenkarte a {
		color: #FFF;
		background-color: #56ac42;
		font-weight: bold;
		text-decoration: none;
		padding: 5px;
	}


#kalorienangaben {
	margin: 5px 70px 0 0;
	font-weight: bold;
	text-align: center;
}
	#kalorienangaben a { color: #0072ff; outline: none; }
	#kalorienangaben a:hover { color: #56ab42; }
	#content samp { display: none; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

p.kalenderwoche {
	line-height: 19px;
	margin: 8px 70px 0 0;
	text-align: center;
}
a.content-link:link, a.content-link:visited {
	color: #56ab42 ;
	text-decoration: none;
}

a.content-link:focus, a.content-link:hover, a.content-link:active {
	color: #525351;
	text-decoration: none;
}

/* Subnavi-Link Start-----------------------------------------*/

a.subnavi-link:link, a.subnavi-link:visited {
	text-decoration: none;
	font-weight: bold; 
	color: #56ab42;

}

a.subnavi-link:focus, a.subnavi-link:hover, a.subnavi-link:active {
	text-decoration: none;
	font-weight: bold; 
	color: #eff7ec;
}
	
/* Subnavi-Link Ende---------------------------------------------*/

/*id= menü |  Menü- Bild und Navigationsbezeichnung im Content Ende--*/
	

/*footer Start----------------------------------------------------*/
#footer-navi {
	width: 886px;
	height: auto;
	border-top: 1px dotted #56ac42; /*border-top*/
	padding: 10px 5px 5px 10px; /*unterhalb Rahmen Linie*/
	margin-top: 12px; /*Außenabstand oben, oberhalb Linie*/
	float: left;
	font-weight: bold;
}


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

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


		/* ==================== FUSSNAVIGATION [immer anpassen] ==================== */
	#page_impressum #footer-navi_impressum { background-color: #fff; }
	#page_impressum #footer-navi_impressum a { color: #525351; }
	
	#page_ueberuns  #footer-navi_ueberuns { background-color: #fff; }
	#page_ueberuns #footer-navi_ueberuns a { color: #525351; }

	#page_feedback #footer-navi_feedback { background-color: #fff; }
	#page_feedback #footer-navi_feedback a { color: #525351; }

	#page_drucken #footer-navi_drucken { background-color: #fff; }
	#page_drucken #footer-navi_drucken a { color: #525351; }
	/* ==================== NAVIGATION [immer anpassen] ==================== */

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

	/* CSS zur Gestalltung der Tabelle Start---------------------*/
table {
	width: 574px;
	color: #525351;
	border-collapse: collapse;
	
	}

caption { /* Tabellenüberschrift*/
	font-size: 120%;
	font-weight:bold;
	color: #525351;
	text-align: left;
	}

thead {
	border: 1px solid #d7edce;
	font-weight: bold;
	padding-top: 6px;
}
thead.matthai { border: 1px solid #860886; }


tfoot {
	border-top: 1px dotted #d7edce;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	padding: 8px 0 0 0;
	
	}
th, td {
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 3px 4px;
	}
	
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #56ac42;
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
	letter-spacing: 2px;
	}

th.matthai { color: #860886; }
.zebrastreifen {
	background-color: #f5fbf2; 
}
.zebrastreifen_matthai {
	background-color: #f7edf7; 
}

tr:hover{
	background-color: #ffffff;
	color: #50514e;
}

thead tr:hover,
tfood tr:hover {
	background-color: transparent;
	color: inherit;
}

.space_webdesign {
	margin-left: 250px;

}
.space_drucken {
	margin-left: 80px;


}



	/* CSS zur Gestalltung der Tabelle Ende------------------------------*/
	
#anfrageForm input, #anfrageForm textarea { border: 1px solid #333; } /* Formular auf kontakt.php */

#feedbackForm label { display: block; margin-top: 18px; font-weight: bold; }
#feedbackForm input { font: normal 12px Arial, Helvetica, sans-serif; }

#tabelle_ohne_hover tr:hover { background: none; } /* verhindert das Ändern der Hintergrundfarbe */


/* CSS für Javscriptboxen mit Erklärungen */
#boxJSgluten, #boxJSlaktose, #boxJSvegetarier {
	width: 400px;
	padding: 3px;
	border: 1px solid #d7edce;
	background-color: #f5fbf2;
	color: #333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}



/* CSS für DHTML-Menü bei Bestellung */
#boxBestellDHTML {
	position: absolute;
	top: 240px;
	left: 25px;
	width: 858px;
	height: 491px;
	background-image: url(bestell_dhtlm_hg.gif);
	display: none;
}

#boxBestellDHTML h1 {
	position: absolute;
	top: 50px;
	left: 0;
	width: 850px;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

#boxBestellDHTML_direktbestellung {
	position: absolute;
	top: 133px;
	left: 34px;
	width: 790px;
	height: 90px;
	background-image: url(bestell_dhtlm_direktb_hg.jpg);
	cursor: pointer;
}

#boxBestellDHTML_bestellsystem {
	position: absolute;
	top: 247px;
	left: 34px;
	width: 790px;
	height: 90px;
	background-image: url(bestell_dhtlm_bsys_hg.jpg);
	cursor: pointer;
}

#boxBestellDHTML_direktbestellung img, #boxBestellDHTML_bestellsystem img {
	position: absolute;
	top: 15px;
	left: 88px;
}

#boxBestellDHTML_direktbestellung p, #boxBestellDHTML_bestellsystem p {
	position: absolute;
	top: 10px;
	left: 120px;
	margin: 0;
	padding: 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#boxBestellDHTML_direktbestellung p strong, #boxBestellDHTML_bestellsystem p strong {
	font: normal 22px Verdana, Arial, Helvetica, sans-serif;
}

#boxBestellDHTML_direktbestellung p span, #boxBestellDHTML_bestellsystem p span {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#boxBestellDHTML_close {
	position: absolute;
	top: 4px;
	right: 13px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}