/* =============================== Styles fuer www.lust-auf-garten.de ================================== */
* {	padding: 0;	margin: 0}

body {	font-size: 11px;	font-family: Tahoma, Geneva, sans-serif;	line-height: 150%;	background-color: #F2F6E3;	color: #000; text-align: center;	margin: 0;	padding: 0;	width: 100%;	height: 100%;	overflow: auto;	border: 0; }
td { font-size:11px; }
a  { text-decoration: none; color: #51872C; }
a:hover { text-decoration: none; color: #000;}
a.aktiv { color:#000; }

/* Zentrierung des Containers: */
	#distance { 
		width:1px;
		height:50%;
		background-color: none;
		margin-bottom:-270px; /* half of container's height */
		float:left;
		}
/* um den hier geht's: */
	#container {
		margin:0 auto;
  position:relative; /* puts container in front of distance */
		text-align:left;
		height:540px;
		width:960px;
  z-index: 2; 
		clear:left;
  overflow: auto;
  background-color: #F2F6E3;
  visibility: visible; 
}
/* Ende Zentrierung */
/* #container { background-color: #F2F6E3; text-align: left; visibility: visible; margin-top: -270px; margin-left: -480px; position: absolute; z-index: 2; top: 50%; left: 50%; width: 960px; height: 540px; overflow: auto; }  */
#eContent { position:absolute; left:60; top:200; width:732; height:300px; z-index:20; }
#eLogo { height: 50px; width: 193px; left: 767px; top: 0px; position: absolute; visibility: visible; z-index: 58; }
#eHeader {	height: 120px;	width: 920px;	left: 19px;	top: 77px;	position: absolute;	visibility: visible;	background-image: url("../bilder/balken_oben_gruen.gif");	background-repeat: repeat;	z-index: 24; }
#eBildRe { height: 340px; width: 145px; left: 794px; top: 196px; position: absolute; visibility: visible; z-index: 25; }
#eLines { height: 18px; width: 960px; left: 0px; top: 181px; position: absolute; visibility: visible; z-index: 26; }
#eLinie1 { height: 470px; width: 2px; left: 	54px; top: 70px; z-index: 60; position: absolute; visibility: visible; }
#eLinie2 { height: 2px; width: 960px; left: 0px; top: 500px; z-index: 60; position: absolute; visibility: visible; }

/* Menüs: */
/* 1.1. Menü oben*/
#eMenuTop    { height: 24px; width: 720px; left: 40px; top: 10px; position: absolute; visibility: visible; z-index: 10; font-size: 12px; padding-left:1em; padding-right:1em;}
#eMenuTop ul {margin: 0;padding: 0;list-style-type: none; }
#eMenuTop li { font-size: 12px; text-align: left;margin: 0;padding: 0px; float: left;}
#eMenuTop a { text-decoration: none; color: #51872C; padding-left: .5em; padding-right:1em;}
#eMenuTop a:hover {color: #000; padding-left: .5em; padding-right:1em; }
#eMenuTop .aktiv {color: #000}

/* 1.2. Untermenü oben*/
#eMenu1Li    { 	position:absolute;	left:34px;	top:36px;	width:115px;	height:28px;	z-index:2;	visibility: visible;	font-size: 12px;	padding-left: 1em;	padding-right:1em; }
#eMenu1Li ul { margin: 0;padding: 0;list-style-type: none; }
#eMenu1Li li { font-size: 12px; text-align: left;margin: 0;padding: 0px; list-style-type: none;}
#eMenu1Li a {text-decoration: none; color: #51872C;  padding-left: 1.6em; padding-right:1em; }
#eMenu1Li a:hover { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%; list-style-type: none; }
#eMenu1Li .aktiv_pfeil { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%;  }
#eMenu2Li    { position:absolute; left:110px; top:36px; width:115px; height:28px; z-index:2; visibility: visible; font-size: 12px; padding-left: 1em; padding-right:1em; }
#eMenu2Li ul { margin: 0;padding: 0;list-style-type: none; }
#eMenu2Li li { font-size: 12px; text-align: left;margin: 0;padding: 0px; list-style-type: none;}
#eMenu2Li a {text-decoration: none; color: #51872C;  padding-left: 1.6em; padding-right:1em; }
#eMenu2Li a:hover { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%; list-style-type: none; }
#eMenu2Li .aktiv_pfeil { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%;  }
#eMenu3Li    { position:absolute; left:210px; top:36px; width:115px; height:28px; z-index:2; visibility: visible; font-size: 12px; padding-left: 1em; padding-right:1em; }
#eMenu3Li ul { margin: 0;padding: 0;list-style-type: none; }
#eMenu3Li li { font-size: 12px; text-align: left;margin: 0;padding: 0px; list-style-type: none;}
#eMenu3Li a {text-decoration: none; color: #51872C;  padding-left: 1.6em; padding-right:1em; }
#eMenu3Li a:hover { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%; list-style-type: none; }
#eMenu3Li .aktiv_pfeil { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%;  }
#eMenu4Li    { 	position:absolute;	left:34px;	top:36px;	width:115px;	height:28px;	z-index:2;	visibility: visible;	font-size: 12px;	padding-left: 1em;	padding-right:1em; }
#eMenu4Li ul { margin: 0;padding: 0;list-style-type: none; }
#eMenu4Li li { font-size: 12px; text-align: left;margin: 0;padding: 0px; list-style-type: none;}
#eMenu4Li a {text-decoration: none; color: #51872C;  padding-left: 1.6em; padding-right:1em; }
#eMenu4Li a:hover { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%; list-style-type: none; }
#eMenu4Li .aktiv_pfeil { color: #000; background-image: url("../bilder/pfeil_menu.gif"); background-repeat: no-repeat; background-position:1px 50%;  }

/* 2. Menü unten*/
#eFooter { 	text-align:right;	height: 23px;	width: 391px;	left: 480px;	top: 505px;	position: absolute;	visibility: visible;	z-index: 28; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;  color: #51872C;; padding-left: 1em; padding-right:1em;}
#eFooter ul { margin: 0;padding: 0;list-style-type: none; }
#eFooter li { font-size: 12px;color: #51872C; text-align: left;margin: 0;padding: 0px; float: left;}
#eFooter a { text-decoration: none;color: #51872C; padding-left: 1em; padding-right:1em;}
#eFooter a:hover { padding-left: 1em; padding-right:1em; color: #000000;}
#eFooter .aktiv {color: #000}

#eTitel { color: #50872A; background-color: #dee3b4; height: 18px; width: 238px; left: 20px; top: 16px; position: absolute; visibility: visible; z-index: 31; padding-left:16px; padding-right:0px }
#eTitel2 { color: #50872A; background-color: #dee3b4; height: 18px; width: 238px; left: 368px; top: 16px; position: absolute; visibility: visible; z-index: 30; padding-left:16px; padding-right:0px }
#eText1 {	width: 330px;	left: 32px;	top: 28px;	margin:0;	position: absolute;	z-index: 20;	visibility: visible;	color:black;	padding:4px;	height: 236px;}
#eText2 { width: 330px; left: 382px; top: 28px; margin:0; position: absolute; z-index: 25; visibility: visible; color:black; padding:4px; height: 236px; }
#eBild1 { width: 330px; height: 236px; left: 36px; top: 28px; margin:0; position: absolute; z-index: 20; visibility: visible; color:black; padding:0; margin:0 }
#eBild2 { width: 330px; height: 236px; left: 386px; top: 28px; margin:0; position: absolute; z-index: 30; visibility: visible; padding:0px; margin:0; }

#eContent a { color: #51872C; text-decoration:none; }
#eContent a:hover { color: #000; text-decoration:none; }
#eContent a:active { color: #000; text-decoration:none; }

#eZurueck  { visibility: visible; position: absolute; z-index: 40; top: 16px; left: 524px; width: 100px; height: 16px } 
#eWeiter  { visibility: visible; position: absolute; z-index: 40; top: 16px; left: 626px; width: 92px; height: 16px; text-align:right } 

.ltext { color: #50872a; font-size: 15px; line-height: 150%; letter-spacing: 0.1em } 
.l { font-size: 14px; letter-spacing: 0.1pt } 
.ml { font-size: 12px; letter-spacing: 0.1pt } 
.m { font-size: 11px; letter-spacing: 0.1pt } 
.ms { font-size: 10px; letter-spacing: 0.1pt } 
.s { font-size: 9px; letter-spacing: 0.1pt } 
.aktiv { color: #000;}
.mehrLink { color: #F2F6E3;}

/* formular*/
.button { color: #51872C; background-color: #dee3b4; border:0px; padding:3px 8px 3px 8px; margin-bottom:4px; font-size:11px; font-family: Tahoma, Geneva, sans-serif;}
.eingabe { padding-top:0px; color: #51872C; background-color: #dee3b4; height:18px; border:0px; padding:2px 2px 3px 4px; margin-bottom:4px; font-size:12px; font-family: Tahoma, Geneva, sans-serif;}
a:visited {color: #51872C; text-decoration:none }
