*{
	margin: 0px;
	padding: 0px;
}
body{
	background: url(images/bg_gemuese.jpg);
	color: #000000;
	font: 68.75%/1.2 verdana, arial, helvetica, sans-serif;
	text-align:center;
}
img, div, fieldset{
	border:0px none black;
}
div{
	width:auto;
	height:auto;
}
.label_white,
.label_black{
	font: 110% verdana, arial, helvetica, sans-serif;
}
.label_white{
	font-weight: bold;
	color: #fff;
}
.label_black{}
a{
	text-decoration:none;
	color:#009036;
}
a:hover{	text-decoration:underline;}

div.hr{
	height:10px;
	border-bottom: 1px solid #009036;
	margin:0px 0px 10px 0px;
}
/**************** 
Container zum zentrieren des Hintergrundes
****************/
div#zentraler_container{
	margin: auto;
	width: 1001px;
	text-align: left;
	position: relative;
}
/**************** 
vertikal, gekachelter Hintergrund der Serviette
****************/
div#serviette{
	background-image: url(images/serviette.gif);
	height:auto;
	width:1000px;
	position: absolute;
	left: 0px;
	top:77px;
}
/**************** 
Logos im Kopf der Seite
****************/
img#emenue_logo{
	position: absolute;
	top: 33px;
	/* wird momentan mit dem style-attribut überschrieben */
	width:200px;
	height:65px;
}
img#kunde_logo{
	position: absolute;
	top: 25px;
	/* wird momentan mit dem style-attribut überschrieben */
	width:200px;
	height:65px;
}
img#emenue_logo{left: 150px;}
img#kunde_logo{ left: 400px;}
/**************** 
Schriftzuege unterhalb der Logos im Kopf der Seite
****************/
p#kunde_bezeichnung,
p#emenue_praesentiert{
	font: 150% verdana, arial, helvetica, sans-serif;
	float: left;
	color: #009036;
	position: absolute;
	top: 95px;
 font-weight: bold;
}
p#kunde_bezeichnung{	left: 400px;}
p#emenue_praesentiert{left: 153px;}
/**************** 
duenne, weiße Leiste oberhalb der Serviette
****************/
img#weisse_leiste{
	position: absolute;
	background-color:#ffffff;
	height:6px;
	width:1000px;
	left:0px;
	top:0px;
}
/**************** 
halbtransparenter, horizontaler, gruener Streifen unter dem EMenue-Logo
****************/
img#serviettenkopf{
	margin-left:57px;
	height:11px;
	width:944px;
	position: absolute;
	left: 0px;
	top:142px;
}
/**************** 
Schriftzug innerhalb des halbtransparenten, horizontalen, gruenen Streifens
****************/
div#minikopfzeile{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	position: absolute;
  color: #2b995b;
  left: 152px;
  top:140px;
}
/**************** 
oberer Abschnitt der dunkelgruenen Leiste auf der linken Seite
****************/
img#linke_zierleiste_top{
	margin-left:20px;
	width:37px;
	height:77px;
	left: 0px;
	top: 0px;
	z-index:10;
}
/**************** 
Abschnitt mit weißen Symbolen der dunkelgruenen Leiste auf der linken Seite
****************/
div#linke_zierleiste{
	position:absolute;
	top: 0px;
	left:20px;
	width:37px;
	height:764px;
	background-image:url(images/linke_zierleiste.png)
}
/**************** 
Container auf der rechten Seite fuer die Navigationselemente
****************/
div#menue_container{
	border-top:0px solid black;
	position: absolute;
	left: 760px;
	top: 0px;
	width:auto;
	height:auto;
}
/**************** 
jedes Navigationelement (Login-Formular, Shop, Speiseplaene, ....) hat eine feste Breite von 176 Pixel
****************/
div#menue_container > .menue_element{
	width:176px;
}
/**************** 
Container fuer das Login-Formular
****************/
div#menue_top,
div#menue_top_login{
	height:219px;
	margin:0px 0px 11px 0px;
	background-repeat:no-repeat;
}
div#menue_top{				background-image:url(images/menue_top.gif);}
div#menue_top_login{	background-image:url(images/menue_top_login.gif);}
div#menue_top_text{
	font: 110% verdana, arial, helvetica, sans-serif;
	color: #5be898;
	position: absolute;
	left: 15px;
	top: 80px;
	width:155px;
}
div#menue_top_text span.white{
	color:#ffffff;
	font-weight: bold;
}
/****************
Login formular
****************/
p#login_label_passwort,
p#login_label_kundennummer{
	position:absolute;
	left:14px;
	height:18px;
	width:140px;
}
p#login_label_kundennummer{	top:117px;}
p#login_label_passwort{			top:158px;}

input#login_passwort,
input#login_kundennummer{
	position:absolute;
	left:16px;
	height:18px;
	width:140px;
	background-color:transparent;
	border:0px solid black;
}
input#login_kundennummer{	top:137px;}
input#login_passwort{			top:175px;}

img#login_button,
img#logout_button{
	position:absolute;
	left:120px;
	top:198px;
}
/**************** 
 Icons links-oben
****************/
div#icon_info{
	position:absolute;
	text-align:center;
	top:10px;
	left:0px;
	width:176px;
	font-weight:bold;
	color:#ffffff;
}
a#icon_home,
a#icon_kontakt,
a#icon_impressum{
	position:absolute;
	top:36px;
}
a#icon_home{			left:19px;}
a#icon_kontakt{		left:74px;}
a#icon_impressum{	left:126px;}
/**************** 
Container fuer die Navigationselemente (Einstellungen, Ansprechpartner, Menues, Speiseplaene, ....)
****************/
div#menue_navigation_container{
	height:auto;
}
/**************** 
Dunkelgruener Kopf mit runden Ecken ueber den Schriftzuegen
****************/
img#seiteninhalt_kopfgrafik{
	position: absolute;
	left: 110px;
	top: 160px;
	height:4px;
	width:600px;
	z-index:6;
}
/**************** 
Großer und Kleiner Schriftzug ueber den Karteireitern
****************/
div#seiteninhalt_kopfzeile_klein,
div#seiteninhalt_kopfzeile_gross{
	position: absolute;
	left: 146px;
	height:auto;
	width:525px;
	z-index:7;
	font-family:Georgia;
	color:#ccead9;
	font-style:italic;
}
div#seiteninhalt_kopfzeile_gross{
	top: 170px;
	font-size:32px;
	font-weight:bold;
}
div#seiteninhalt_kopfzeile_klein{
	top: 207px;
	font-size:24px;
	font-weight:normal;
}

div#seiteninhalt_kopfzeile_schrift{
	position: absolute;
	top: 170px;
	left: 146px;
	height:auto;
	width:525px;
	z-index:7;
	font-size:24px;	
	font-weight:normal;
}
div#seiteninhalt_kopfzeile_schrift,
div#seiteninhalt_kopfzeile_schrift span{
	font-family:Georgia;
	color:#ccead9;
	font-style:italic;
}
div#seiteninhalt_kopfzeile_schrift span.schrift_gross{
	font-size:32px;
	font-weight:bold;
}
div#seiteninhalt_kopfzeile_schrift span.schrift_emenue{
	font-size:28px;
	font-variant:small-caps;
	font-weight:bold;
	font-style:normal;
}
/**************** 
Schriftzug unter dem Kleinen Schriftzug 
Alternative zu den Karteireitern
****************/
div#kopfzeile_leiste{
	position: absolute;
	top: 246px;
	left: 130px;
	width:560px;
	height:27px;
	z-index:8;
	background-repeat: no-repeat;
	overflow:hidden;
	text-align:left;
	background-image: url(images/kopfzeile_leiste.gif);
}
div#kopfzeile_leiste div{
	font: 150% verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #009036;
	height: 100%;
	padding-left: 16px;
	padding-top: 3px;
}
/**************** 
Karteireiter unter dem Kleinen Schriftzug 
Alternative zum breiten/durchgehenden Schriftzug
****************/
div#kopfzeile_nav_1,
div#kopfzeile_nav_2,
div#kopfzeile_nav_3,
div#kopfzeile_nav_4{
	position: absolute;
	top: 246px;
	width:139px;
	z-index:8;
	color:#ccead9;
	background-repeat: no-repeat;
	overflow:hidden;
	text-align:left;
}
a.kopfzeile_nav_link{
	text-decoration:none;
	font-size: 1.2em;
	color: #009036;
	display: block;
	height: 100%;
	padding-left: 30px;
	padding-top: 3px;
}

div#kopfzeile_nav_1 a.kopfzeile_nav_link:focus, 
div#kopfzeile_nav_1 a.kopfzeile_nav_link:hover,
div#kopfzeile_nav_2 a.kopfzeile_nav_link:focus, 
div#kopfzeile_nav_2 a.kopfzeile_nav_link:hover,
div#kopfzeile_nav_3 a.kopfzeile_nav_link:focus, 
div#kopfzeile_nav_3 a.kopfzeile_nav_link:hover,
div#kopfzeile_nav_4 a.kopfzeile_nav_link:focus, 
div#kopfzeile_nav_4 a.kopfzeile_nav_link:hover{
	font-weight: bold;
}

div#kopfzeile_nav_1 > a.kopfzeile_nav_link:focus,
div#kopfzeile_nav_1 > a.kopfzeile_nav_link:hover,
div#kopfzeile_nav_2 > a.kopfzeile_nav_link:focus,
div#kopfzeile_nav_2 > a.kopfzeile_nav_link:hover,
div#kopfzeile_nav_3 > a.kopfzeile_nav_link:focus,
div#kopfzeile_nav_3 > a.kopfzeile_nav_link:hover,
div#kopfzeile_nav_4 > a.kopfzeile_nav_link:focus,
div#kopfzeile_nav_4 > a.kopfzeile_nav_link:hover {
	background-image: url(images/kopfzeile_nav_aktiv.gif);
}

div.kopfzeile_nav_inaktiv{
	background-image: url(images/kopfzeile_nav.gif);
	height:27px;
}
div.kopfzeile_nav_aktiv{
	background-image: url(images/kopfzeile_nav_aktiv.gif);
	height:29px;
}
div#kopfzeile_nav_1{	left: 130px;}
div#kopfzeile_nav_2{	left: 270px;}
div#kopfzeile_nav_3{	left: 410px;}
div#kopfzeile_nav_4{	left: 550px;}
/**************** 
Hintergrund/Farbverlauf von oben nach untern bzw. Dunkelgruen nach weiss
****************/
div#seiteninhalt_farbverlauf{
	background-image: url(images/seiteninhalt_farbverlauf.gif);
	background-repeat: repeat-x;
	height:588px;
	width:600px;
	position: absolute;
	left: 110px;
	top: 164px;
}
/**************** 
Container fuer den Seiteninhalt und den Workaround fuer die Mindesthoehe
****************/
div#seiteninhalt_container{
	background-image:url(images/seiteninhalt_hintergrund.gif);
	margin: 275px 0px 0px 130px;
	padding-top:20px;
	width:560px;
	height:auto;
	top:0px;
	left:0px;
	position:relative;
	color:#00923f;
}
div#seiteninhalt a.textlink{
	text-decoration:underline;
}
div#seiteninhalt a.textlink:hover{
	background-color:#ccead9;
}
/**************** 
(Ersatz fuer min-height) : sorgt im IE6 fuer eine Mindesthoehe von 650px des Inhaltslayers 
****************/
img#seiteninhalt_spacer{
	margin-left:0px;
	width:1px;
	height:650px;
	left: 0px;
	top: 0px;
	float:left;
}
/**************** 
Container fuer den Seiteninhalt
****************/
div#seiteninhalt{
	margin: 0px 15px 0px 15px;
	width:auto;
	height:auto;
	min-height:650px;
	top:0px;
	left:0px;
	position:relative;
}
/**************** 
Abschliessende Grafik am Ende des Seiteninhalt -> abgerundeter Fuß
****************/
div#seiteninhalt_footer{
	background-image:url(images/seiteninhalt_footer.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 130px;
	width:560px;
	height:40px;
	top:0px;
	left:0px;
	position:relative;
}
/**************** 
Navigation zu den AGB's usw
****************/
div#navigation_bottom_container{
	background-color:#ccead9;
	position:relative;
	top:0px;
	left: 21px;
	width: 979px;
	height: 50px;
	z-index:11;
}

div#navigation_bottom{
	padding-top: 7px;
	margin-left: 130px;
	width:auto;
}
div#navigation_bottom ul {
	list-style: none;
}

div#navigation_bottom li {
	color: #000;
	float:left;
	height: 2em;
	width: 200px;
	text-align: left;
	font-size: 1.3em;
}
div#navigation_bottom li a{
	color: #000;
	display: block;
	text-decoration: none;
	text-align: left;
}
div#navigation_bottom li a:focus, 
div#navigation_bottom li a:hover, 
div#navigation_bottom li a:active {
	color:#009036;
}

.uimsg{
	margin-bottom:10px;
	list-style:none;
}
ul.uimsg{
	list-style:none;
}
div.uimsg div,
ul.uimsg li{
	padding-left:20px;
	min-height:16px;
	font-weight:bold;
}
.uimsg_unknown{
	background-image:url(images/uimsg_unknown.png);
	background-repeat:no-repeat;
}
.uimsg_notice{
	background-image:url(images/uimsg_notice.png);
	background-repeat:no-repeat;
}
.uimsg_warning{
	background-image:url(images/uimsg_warning.png);
	background-repeat:no-repeat;
}
.uimsg_error{
	background-image:url(images/uimsg_error.png);
	background-repeat:no-repeat;
	color:#cc0000;
}
.uimsg_fatal{
	background-image:url(images/uimsg_fatal.png);
	background-repeat:no-repeat;
	color:#cc0000;
}

.fileselector{
	vertical-align:middle;
	margin-right:3px;
}

#seiteninhalt ol{
	padding-left:20px;
}