@charset "utf-8";
/* CSS Document */

#text_feld a {
	text-decoration:none;
	color:#666;}
	
#text_feld a:hover {
	text-decoration:none;
	color:#333;}	

h1 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#039;
}


h2 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C09;
}

h3 {
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C09;
}

h4 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F90;
}

h5 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#090;
}

h6 {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C03;
}

body {
	background-image:url(link/hintergrund.jpg);
	background-size:cover;
	background-attachment:fixed;  
}


#wrapper {
	margin-top:50;
	width:960px;
	height:auto;
	float:left;
}

#logo {
	width:152px;
	height:74px;
	margin-top:100px;
	margin-bottom:20px;
	margin-left:805px;
	z-index:100;
}

#navi_wuu {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#039;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}


#navi_produkte {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#C09;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}



#navi_anfahrt {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#F90;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}

#navi_kontakt {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#090;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}

#navi_impressum {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#C03;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}

#navi_datenschutz {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#5F04B4;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}

#navi_index {
	text-decoration:none;
	float:left;
	width:180px;
	height:500px;
	margin-left:-10px;
	background-color:#0CC;
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}


#bild_index {
	float:left;
	width:770px;
	height:500px;
	margin-left:10px;
	background-image:url(link/index.jpg);
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}


#text_wuu {
	float:left;
	width:410px;
	height:500px;
	margin-left:10px;
	background-color:rgba(255,255,255,0.4);
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}
#text_wuu_2 {
	float:left;
	width:410px;
	height:4000px;
	margin-left:10px;
	background-color:rgba(255,255,255,0.4);
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}
#text_wuu_3 {
	float:left;
	width:410px;
	height:730px;
	margin-left:10px;
	background-color:rgba(255,255,255,0.4);
	box-shadow:#666;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}
#text_feld {
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:18px;
	float:left;
	width:360px;
	height:450px;
	margin-top:25px;
	margin-left:25px;	
}


#bild_gross {
	float:left;
	width:350px;
	height:500px;
	margin-left:10px;
	box-shadow:#FFF;
	box-shadow: 0px 0px 15px #000;
	
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* WebKit */
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Firefox */
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); /* Standard */
}





ul#navi {
	float: left;
	width: 220px;
	height: 500px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width:150px;
	background: #039;
	color:#FFF;
	}

#wirueberuns #navi2 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#039;
	}
	

ul#navi li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#039;
	}

	





ul#navi_produkt {
	float: left;
	width: 220px;
	height: 500px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi_produkt li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width: 150px;
	background:#C09;
	color:#FFF;
	}



ul#navi_produkt li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C09;
	}

	
#produkte #navi3 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C09;
	}
	
#osteospermum #navi11 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C09;
	}
	
#petunien #navi12 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C09;
	}
	
#ampeln #navi13 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C09;
	}
	
#ziergraeser #navi14 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C09;
	}






ul#navi_anfahr {
	float: left;
	width: 150px;
	height: 500px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi_anfahr li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width: 130px;
	background:#F90;
	color:#FFF;
	}



ul#navi_anfahr li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#F90;
	}

	
#anfahrt #navi4 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#F90;
	}
	

	

ul#navi_kontak {
	float: left;
	width: 220px;
	height: 500px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi_kontak li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width: 130px;
	background:#090;
	color:#FFF;
	}



ul#navi_kontak li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#090;
	}

	
#kontakt #navi5 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#090;
	}
	
	
	
	
ul#navi_impressu {
	float: left;
	width: 130px;
	height: 500px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi_impressu li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width: 130px;
	background:#C03;
	color:#FFF;
	}



ul#navi_impressu li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C03;
	}

	
#impressum #navi6 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#C03;
	}
	
	
	
	
ul#navi_inde {
	float: left;
	width: 150px;
	height: 500px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi_inde li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width: 130px;
	background:#0CC;
	color:#FFF;
	}



ul#navi_inde li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#0CC;
	}

	
#index #navi1 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#0CC;
	}
	
	
ul#navi_datenschutz {
	float: left;
	width: 165px;
	height: 485px;
	margin-left:-25px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	text-align: left;
	}

ul#navi_datenschutz li a {
	padding-left:5px;
	padding-top:8px;
	text-decoration:none;
	display: block;
	height: 27px;
	width: 130px;
	background:#5F04B4;
	color:#FFF;
	}



ul#navi_datenschutz li a:hover {
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#5F04B4;
	}

	
#datenschutz #navi7 a{
	background-color:#FFF;
	font:Helvetica, sans-serif;
	color:#5F04B4;
	}
	
#index #navi1 a,
#wirueberuns #navi2 a,
#produkte #navi3 a,
#anfahrt #navi4 a,
#kontakt #navi5 a,
#impressum #navi6 a,
#datenschutz #navi7 a,
#osteospermum #navi11 a,
#petunien #navi12 a,
#ampeln #navi13 a,
#ziergraeser #navi14 a,