body { background-color: #ffffff; color: #006600; font: normal 12px/15px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}

a, a:active, a:focus, a:link, a:visited { color: #309C22; text-decoration: underline; }
a:hover { text-decoration: none; }
a.small, .small { font-size: 11px; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #309C22;
	margin: 0px 0px 0px 0px;
}


p { margin: 10px 20px 10px 0px; font-size:12px; color: #309C22;}

#blumenauswahl{
	display:block;
	position: absolute;
	top: 480px;
	left: 50px;
	z-index: 200;
}
	#blumenauswahl img{
		border: none;
	}
	

#hier_klicken{
	position: absolute;
	top: 11px;
	left: 523px;
	z-index: 100;
	border: none;
}
	#hier_klicken img{
		border: none;
	}


#nav_top {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 310px;
	margin: 0px;
	padding: 0px;
}

	#nav_top a {
		display: block;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 1px;
		color: #807f7f;
		text-decoration: none;
		float: left;
		margin: 0px;
		padding: 13px 12px 2px 12px;
		border-right: 1px solid #ecedf1;
	}
	
	#nav_top ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		#nav_top ul li {
			margin: 0px;
			padding: 0px;
			display: inline;
		}
		
#wrapper {
	position: relative;
	width: 800px;
	margin: 0px;
	padding: 0px;	
}			
		
#logo {
	position: absolute;
	left:-1px;
	top:-3px;
	height: 58px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}
	#logo img{
		border: none;
	}

#anmeldung{
	position: absolute;
	z-index: 100;
	left: 778px;
	top: 36px;
	height: auto;
	width: 183px;
	margin: 0px;
	padding: 0px;
	font: normal 11px 'Arial';
}

* html #anmeldung{
	left: 779px;
	top: 34px;
}
*+ html #anmeldung{
	left: 779px;
	top: 34px;
}

	#anmeldung a{
		font: normal 11px 'Arial';
		padding: 0px;
		margin: 0px;
	}

#oeko-test {
	position: absolute;
	z-index: 50;
	left: 771px;
	top: 55px; /*164px auf einer Ebene mit dem Content*/
	height: 448px;
	width: 184px;
	margin: 0px;
	padding: 0px;
	background:url('oeko-test4.gif') no-repeat;
	border: none;
}

* html #oeko-test{
	width: 183px;
	background:url('oeko-test3.gif') no-repeat;
}

*+html #oeko-test{
	width: 183px;
	background:url('oeko-test3.gif') no-repeat;
}


#oeko-test p{
	position: absolute;
	z-index: 100;
	left: 12px;
	top: 366px;
	margin: 0px;
	width: 170px;
	color: #309C22;
	font-size:11px;
	text-align:left;
	line-height:14px;
}		

#oeko-test p#garantie{
	position: absolute;
	z-index: 100;
	left: 39px;
	top: 225px;
	width: 170px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	
	color: #309C22;
	font-size:11px;
	text-align:left;
	line-height:14px;
}		
	#oeko-test p#garantie a{
		position: relative;
		display: block;
		width: 130px;
		margin: 0px 0px 16px 0px;
	}

#oeko-test a{
	color: #309C22;
}

#footer-line {
	position: absolute;
	left: 0px;
	top: 730px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}	

#blumenstrauss {
	position: absolute;
	left: 597px;
	top: 118px;
	height: 170px;
	margin: 0px;
	padding: 0px;
	width: 183px;
}	

#headlink {
	position: absolute;
 	font: normal 11px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #309C22;
	padding: 0px;
	left: 395px;
	top: 25px;
	height: 30px;
	margin: 0px;
	}
	
#headlink a {
	color: #309C22;
	padding: 0px 5px 0px 5px;
}


	
#nav_main {
	position: absolute;
	top: 55px;
	left: 0px;	
	width: 768px;
	height: 49px;
	margin: 0px;
	padding: 0px;
	background: url('logor3.gif') no-repeat left bottom;
}

	#nav_main a {
		display: block;
		height: 25px;
		font-size: 13px;
		letter-spacing: 1px;
		color: #807f7f;
		text-decoration: none;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
		#nav_main a span { display: none; }
	
	#nav_main ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		#nav_main ul li {
			margin: 0px;
			padding: 0px;
			display: inline;
		}
		
/* ************************************* */
/*           Menü-Hover-Elemente         */
/* ************************************* */
	
	#flowerpeace{
		position: absolute;
		top: 25px;
		left: 263px;
	}
	
	#nav_main a#blumen { width: 190px; background: url('logor2.gif') no-repeat; }
	#nav_main a#blumen:hover { background: url('logor2.gif') no-repeat; }
		
	#nav_main a#home { width: 110px; background: url('nav_s_home_off.gif') no-repeat; }
	#nav_main a#home:hover { background: url('nav_s_home_on.gif') no-repeat; }
		
	#nav_main a#klassiker { width: 105px; background: url('nav_s_klassiker_off.gif') no-repeat;	}
	#nav_main a#klassiker:hover { background: url('nav_s_klassiker_on.gif') no-repeat; }	
	
    #nav_main a#geburtstag { width: 120px; background: url('nav_s_geburtstag_off.gif') no-repeat; }
	#nav_main a#geburtstag:hover { background: url('nav_s_geburtstag_on.gif') no-repeat; }
			
	#nav_main a#bis20{ width: 119px; background: url('nav_s_bis20_off.gif') no-repeat;	}
	#nav_main a#bis20:hover { background: url('nav_s_bis20_on.gif') no-repeat; }
	
	#nav_main a#ab20 { width: 116px; background: url('nav_s_ab20_off.gif') no-repeat;	}
	#nav_main a#ab20:hover { background: url('nav_s_ab20_on.gif') no-repeat; }
	

/*Schmetterlingszipfelbild*/
#schmetterling{
	position: absolute;
	top: 49px;
	left: 273px;
	z-index: 100;
	padding:0px;
	margin: 0px;
}

#bisab20{
	position: absolute;
	top: 90px;
	left: 553px;
	z-index: 100;
	width: auto;
	height: auto;
	padding:0px;
	margin: 0px;
	font: normal 11px 'Arial'; color: #309C22;
}

	#bisab20 a{
		font: normal 11px 'Arial'; color: #309C22;
		text-decoration: underline;
	}
	#bisab20 a:hover{
		text-decoration: none;
	}

#content {
	position: absolute;
	left: 6px;
	top: 136px;
	width: 752px;
	min-height: 365px;
	height: auto !important;
	height: 365px;
	font-size: 11px;
	padding: 0px;
	text-align: left;
	background: #F0FFD2;
	border: solid 1px #309C21;
	overflow: visible;
}

*+ html #content {
	position: absolute;
	left: 6px;
	top: 130px;
	width: 752px;
	min-height: 371px;
	height: auto !important;
	height: 371px;
}

* html #content {
	position: absolute;
	left: 6px;
	top: 130px;
	width: 752px;
	min-height: 371px;
	height: auto !important;
	height: 371px;
}

	#content #content_img{
		position: absolute;
		top: 5px;
		left: -15px;
		width: 330px;
		height: 290px;
		border: none;
	}
		#content #content_img a img{
			border: none;
		}
		

#content_box{
	position: relative;
	padding: 28px 0px 0px 332px;
	margin: 0px;
	overflow: visible;
}

	#content_box h1{
		padding: 0px 10px 0px 0px;
	}

	#content_box p a img{
		border: none;
	}
	
	
	#content_box p.first{
		border-top: dashed 1px #97CD90;
		padding: 15px 20px 0px 0px;
		margin: 2px 0px 0px 0px;
	}
	#content_box p.first strong{
		font: normal 12px 'arial'; color: #309C22;
	}


#content a { color: #309C22; text-decoration: underline; }
	
#content2 {
	position: absolute;
	left: 0px;
	top: 800px;
	width: 550px;
	height: auto;
	font-size: 11px;
	padding: 20px;
	text-align: left;
}
	

#footer {
	position: absolute;
	bottom: -110px;
	left: 0px;
	width: 755px;
	height: 100px;
	padding: 0px;
	text-align: center;
	color: #309C22;
	font-size:11px;
	border-top: dashed 1px #97CD90;
}

* html #footer{
	left: -2px;
}

*+html #footer{
	left: -2px;
}

	#footer h3 {
		font-size: 12px;
		font-weight: bold;
		color: #d9991a;
		border-bottom: 1px solid #d6d6d6;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 2px 0px;
	}
	
	#footer ul { 
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

		#footer ul li {
			margin: 0px;
			padding: 0px;
			display: inline;
		}

		#footer ul li a{
				white-space: nowrap;			
		}
	
	#footer a { color: #309c22; text-decoration: underline; }
	
	#footer p { font-size:11px }
