/* Global
------------------------------------------------------------------*/
html, body, h1, ul, li, p, img {
	margin:0;
	padding:0;
	}
	
ul,li {
	list-style-type:none;
	}
	
img  {
	border:0;
	}	
	
body {
	font:Georgia, Times New Roman, Times, serif;
	background-color: #3E6110;
	background-image:url(images/grasstreifen-links.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


/* Schriften
-----------------------------------------------------------------*/

p {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
}

a {
	text-decoration:underline;
	color: #62B022;
	font-size: 100%;
}

a:link {
	color: #333333;
}
a:hover {
	color: #62B022;
}

#fehler p {
	font-size: 14px;
	color:#990033;
}


hr {color: #62B022;}

.print {display:none;}


.green {color: #79B415;}

/* Überschriften H1
-----------------------------------------------------------------*/
h1 {
	font-size: 31px;
	line-height:40px;
	font-weight:normal;
	margin: 15px 0 30px 0px;
}

h2 {
	font-size: 25;
	font-weight:normal;
	margin: 30px 0 30px 0px;
}

h3 {
	font-weight:light;
	font-style:italic;
	font-size: 20px;
	margin:0;
	padding:0;
	color: #79B415;
}



/* Container
-------------------------------------------------------------*/
#container {
	width:965px;
	margin: 10px auto;
	position:relative;
	overflow:hidden;
	background-color:#EAF6C8;
	background-image:url(/images/hg-subnav.gif);
	background-repeat:repeat-y;
}

#container-blank {
	width:965px;
	margin: 10px auto;
	position:relative;
	overflow:hidden;
	background-color:#EAF6C8;
}



/* Header
-------------------------------------------------------------*/
#header {
	width:965px;
	height:60px;
	margin:0;
	padding:0;

}


/* Imagerow
-------------------------------------------------------------*/
#imagerow{
	width:965px;
	min-height:207px;
	border-bottom:7px solid #96BC45;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #719924;
	float:left;
	background-repeat:no-repeat;
	background-position:right 0px;
	position:relative;

	}
	
#imagerow img {float:left;}


#Home #imagerow {background-image:url(/images/head-img/index_01.jpg);}
#Rasen-Bewaesserung #imagerow {background-image:url(/images/head-img/rasen_01.jpg);}
#Treppen-Wege #imagerow {background-image:url(/images/head-img/treppen_01.jpg);}
#Terrassen #imagerow {background-image:url(/images/head-img/terrasse_03.jpg);}
#Dachbegruenung #imagerow {background-image:url(/images/head-img/dachbegruenung_01.jpg);}
#Planen-Gestalten-Pflegen #imagerow {background-image:url(/images/head-img/index_01.jpg);}
#Gruendach #imagerow {background-image:url(/images/head-img/bauwerk_01.jpg);}
#Solarnutzung #imagerow {background-image:url(/images/head-img/solar_01.jpg);}

#Kontakt #imagerow {background-image:url(/images/head-img/solar_01.jpg);}




/* Content
-------------------------------------------------------------*/
#content {
	width:480px;
	float:left;
	margin: 10px 0px 20px 30px;
	background-image:url(/images/hg-container.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0 0 80px 0;

}

#Home #content {
	width:650px;
	float:left;
	margin: 10px 0px 20px 30px;
	background-image:url(/images/hg-container.gif);
	background-color:#EAF6C8;
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0 0 80px 0;

}

#content p .imgright {float:right;}

#content p .imgleft {
	float:left;
	margin: 0 15px 0 0;
}

#content p {
	padding:0;
	margin:0;
	text-align:left;
}

#content li { font-size:13px; }
#content li a { font-size:13px; text-decoration:none; line-height: 20px;}
#content li a:hover { font-size:13px; text-decoration:none; line-height: 20px;}


.line {margin: 20px 0 20px 0; }


/* Formular
-----------------------------------------------------------------*/

.form_adresse {
	height: 19px;
	width: 340px;
	font-size: 12px;
	padding: 4px 0 0 2px;
	color: #333333;
	background-color: #F8FBF4;
	border: 1px solid #CCCCCC;
	font-family: Georgia, Times New Roman, Times, serif;
	
}
.form_plz {
	height: 19px;
	padding: 4px 0 0 2px;
	width: 75px;
	font-size: 11px;
	background-color: #F8FBF4;
	border: 1px solid #CCCCCC;
	font-family: Georgia, Times New Roman, Times, serif;
}
.form_ort {
	height: 19px;
	padding: 4px 0 0 2px;
	width: 258px;
	font-size: 11px;
	background-color: #F8FBF4;
	border: 1px solid #CCCCCC;
	font-family: Georgia, Times New Roman, Times, serif;
}

.form_mitteilung {
	height: 80px;
	padding: 4px 0 0 2px;
	width: 340px;
	font-size: 12px;
	background-color: #F8FBF4;
	border: 1px solid #CCCCCC;
	font-family: Georgia, Times New Roman, Times, serif;
}

.senden {
	height: 20px;
	width: 120px;
	font-size: 12px;
	background-color: #D8E8C1;
	border: 1px solid #CCCCCC;
	font-family: Georgia, Times New Roman, Times, serif;
}




/*Mainnav
------------------------------------------------------------------------------------------------------------------------------*/


#mainnav {
	width: 965px;
	height:30px;
	float:left;
}

#mainnav img {float:left;}

#mainnav li {
	display:block;
	margin:0;
	padding:0;
	list-style-type: none;

}  

li#mainnavHome a {
	background: url(/images/navigation/startseite.gif) no-repeat left top;
	width: 77px;
	height: 30px;
	float: left;
}

li#mainnavHome {
	background: url(/images/navigation/startseite.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavUnternehmen a {
	background: url(/images/navigation/unternehmen.gif) no-repeat left top;
	width: 99px;
	height: 30px;
	float: left;
}

li#mainnavUnternehmen {
	background: url(/images/navigation/unternehmen.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavPrivatgaerten a {
	background: url(/images/navigation/privatgaerten.gif) no-repeat left top;
	width: 90px;
	height: 30px;
	float: left;
}

li#mainnavPrivatgaerten  {
	background: url(/images/navigation/privatgaerten.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavAnlagen a {
	background: url(/images/navigation/gewerbe-anlagen.gif) no-repeat left top;
	width: 190px;
	height: 30px;
	float: left;
}

li#mainnavAnlagen {
	background: url(/images/navigation/gewerbe-anlagen.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavGruendach a {
	background: url(/images/navigation/gruendach.gif) no-repeat left top;
	width: 77px;
	height: 30px;
	float: left;
}

li#mainnavGruendach {
	background: url(/images/navigation/gruendach.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavPronatur-informiert a {
	background: url(/images/navigation/pronatur-informiert.gif) no-repeat left top;
	width: 135px;
	height: 30px;
	float: left;
}

li#mainnavPronatur-informiert {
	background: url(/images/navigation/pronatur-informiert.gif) no-repeat 0 -30px;
	float: left;
}


li#mainnavService a {
	background: url(/images/navigation/service.gif) no-repeat left top;
	width: 56px;
	height: 30px;
	float: left;
}

li#mainnavService {
	background: url(/images/navigation/service.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavKontakt a {
	background: url(/images/navigation/kontakt.gif) no-repeat left top;
	width: 60px;
	height: 30px;
	float: left;
}

li#mainnavKontakt {
	background: url(/images/navigation/kontakt.gif) no-repeat 0 -30px;
	float: left;
}

li#mainnavImpressum a {
	background: url(/images/navigation/impressum.gif) no-repeat left top;
	width: 88px;
	height: 30px;
	float: left;
}

li#mainnavImpressum {
	background: url(/images/navigation/impressum.gif) no-repeat 0 -30px;
	float: left;
}

#Home li#mainnavHome a, 
#Unternehmen li#mainnavUnternehmen a, 
	#Umwelt li#mainnavUnternehmen a, 
	#Karriere li#mainnavUnternehmen a, 
#Privatgaerten li#mainnavPrivatgaerten a, 
	#NeuerGarten li#mainnavPrivatgaerten a,
	#Rasen-Bewaesserung  li#mainnavPrivatgaerten a,
	#Treppen-Wege li#mainnavPrivatgaerten a,
	#Terrassen li#mainnavPrivatgaerten a,
	#Dachbegruenung li#mainnavPrivatgaerten a,
	#Planen-Gestalten-Pflegen li#mainnavPrivatgaerten a,
#Anlagen li#mainnavAnlagen a,
	#Photovoltaik li#mainnavAnlagen a,
	#Renaturierungen li#mainnavAnlagen a,
#Gruendach li#mainnavGruendach a, 
	#Solarnutzung  li#mainnavGruendach a, 
#Pronatur-informiert li#mainnavPronatur-informiert a, 
	#Downloads  li#mainnavPronatur-informiert a, 
	#Newsletter li#mainnavPronatur-informiert a, 
	#Bildimpressionen li#mainnavPronatur-informiert a, 
	#Bilderserie li#mainnavPronatur-informiert a, 
	#Vorher-Nachher li#mainnavPronatur-informiert a, 
#Service li#mainnavPronatur-informierta, 
	#Newsletter li#mainnavPronatur-informiert a, 
	#Gartenwetter li#mainnavPronatur-informiert a, 
#Kontakt li#mainnavKontakt a,
	#Formular li#mainnavKontakt a,
#Impressum li#mainnavImpressum a {background:none;}


li#mainnavHome a:hover, li#mainnavUnternehmen a:hover, li#mainnavPrivatgaerten a:hover, li#mainnavAnlagen a:hover, li#mainnavGruendach a:hover, li#mainnavPronatur-informiert a:hover,
li#mainnavService a:hover, li#mainnavKontakt a:hover, li#mainnavImpressum a:hover {background:none;}



/* Subnav
-------------------------------------------------------------*/
#subnav {
	background-color:#649D00;
	float:left;
	padding:20px 0 0 0;
	height:auto;
	position:relative;
	}


#subnav	ul ul {
	background-color:#6DCE27;
	border-top: 1px solid #99DD68;
	border-right: 1px outset #99DD68;
	border-bottom: 1px outset #99DD68;
	border-left: 1px solid #99DD68;
	}
	

	
#subnav	ul ul ul {
	border-top: 1px solid #99DD68;
	border-right: 1px outset #99DD68;
	border-bottom: 1px outset #99DD68;
	border-left: 1px solid #99DD68;
	background-color:#6DCE27;
	}
		
* html #subnav .folder {z-index:8;}
* html #subnav . {z-index:10;}

#subnav	li {
		position:relative;
		padding:1px;
		z-index:8;
		width:218px;
	}

	#subnav li.folder ul {
				position:absolute;
				left:120px; /* IE */
				top:2px;

			}		
			
	#subnav	li.folder>ul { left:110px; } /* others*/


#subnav	a {
	text-decoration:none;
	color:#000000;
	line-height: 25px;
	font-size: 14px;
	display:block;

}


#subnav li a {padding: 0 0 0 20px;}


		/* selected */

		#Home #subnav li a.submenu_news {color:#FFFFFF; font-style:italic; background-color:#71A610;}
		#Unternehmen #subnav li a.submenu_philospohie {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
			#Umwelt #subnav li a.submenu_umwelt {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
			#Karriere #subnav li a.submenu_karriere {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
			
		#NeuerGarten #subnav	li a.submenu_neuergarten {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Privatgaerten #subnav	li a.submenu_schwimmteiche {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Rasen-Bewaesserung #subnav	li a.submenu_rasen-bewaesserung {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Treppen-Wege #subnav	li a.submenu_treppen-wege {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Terrassen #subnav	li a.submenu_terrassen {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Dachbegruenung #subnav	li a.submenu_dachbegruenung {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Planen-Gestalten-Pflegen #subnav li a.submenu_planen {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			
		#Anlagen #subnav li a.submenu_pgp {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
			#Photovoltaik #subnav li a.submenu_photovoltaik {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
			#Renaturierungen #subnav li a.submenu_renaturierungen {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
		
		#Gruendach #subnav li a.submenu_bauwerksbegruenung {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Solarnutzung #subnav li a.submenu_dachbegruenungsaufbau {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			
		#Pronatur-informiert #subnav li a.submenu_neuigkeiten {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Downloads #subnav li a.submenu_downloads {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Newsletter #subnav li a.submenu_newsletter {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Bildimpressionen #subnav li a.submenu_bildimpressionen {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Bilderserie #subnav li a.submenu_bilderserie{color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Vorher-Nachher #subnav li a.submenu_vorher-nachher {color:#FFFFFF; font-style:italic; background-color:#71A610;}
		
		#Service #subnav li a.submenu_links {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Newsletter #subnav li a.submenu_newsletter {color:#FFFFFF; font-style:italic; background-color:#71A610;}
			#Gartenwetter #subnav li a.submenu_gartenwetter {color:#FFFFFF; font-style:italic; background-color:#71A610;}

		#Kontakt #subnav li a.submenu_kontakt {color:#FFFFFF; font-style:italic; background-color:#71A610;} 
			#Formular #subnav li a.submenu_formular {color:#FFFFFF; font-style:italic; background-color:#71A610;} 

		#Impressum #subnav li a.submenu_impressum {color:#FFFFFF; font-style:italic; background-color:#71A610;} 

		
	/* regular hovers */

	#subnav	a:hover {
		color:#FFFFFF;
		background-color:#70A610;
		font-style:italic;
	}
	
	#subnav	li.folder a:hover {
		color:#FFFFFF;
		background-color:#70A610;
		font-style:italic;
		}
	

	
	/* hovers with specificity */
	
	#subnav	li.folder:hover { z-index:10; }	


	#subnav	ul ul, #subnav li:hover ul ul, #subnav li:hover li:hover ul ul {display:none;}
		

	#subnav	li:hover ul, #subnav li:hover li:hover ul, #subnav li:hover li:hover li:hover ul {display:block;}