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

#navi, #navi ul { 
	list-style-type:none;/**/
	margin:0; 
	padding:0;
	background-image:url(../pics/nav/01.png);
	padding-top:25px;/*für den abstand vom grün innerhalb des grauen hintergrunds*/
	background-repeat:no-repeat;
	height:221px;
	width:228px;
	}
	

#navi a{
	color:white;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../pics/nav/mainbull.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:3px;
	display:block;
	width:100%;
	outline:none;
}

#navi a.aktiv{
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../pics/nav/mainbull-clicked.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:3px;
	outline:none;
}

#navi a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background-image:url(../pics/nav/mainbull-aktiv.gif);
	padding-left:15px;
	padding-top:3px;
	outline:none;

}

#navi a:hover.aktiv{
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background-image:url(../pics/nav/mainbull-clicked.gif);
	padding-left:15px;
	padding-top:3px;
}


#navi li { 
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:30px;
	background-color:#a4b907;
	/*display:block;*/
		cursor:pointer;

	}
		
#navi li.aktiv { 
	/*margin-top:1px;*/
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:30px;
	background-color:#999999;
	/*display:block;*/

		}		
/*		
	*/	

#navi li ul { 
	display:none;
	position:absolute;
	left:-9999px; 
	}

#navi li:hover ul.elektro { 
	display:block;
	position:absolute;
	left:218px;
	top:0px;
	background-image:url(../pics/nav/02.png); 
	height:223px;
	width:228px;
	padding-top:50px;
	background-repeat:no-repeat;
	padding-left:11px;

	
	}
	
#navi li:hover ul.saneotens { 
	display:block;
	position:absolute;
	left:218px;
	top:0px;
	background-image:url(../pics/nav/02.png); 
	height:223px;
	width:228px;
	padding-top:75px;
	background-repeat:no-repeat;
	padding-left:11px;
	}
	
#navi li:hover ul.saneovital { 
	display:block;
	position:absolute;
	left:218px;
	top:0px;
	background-image:url(../pics/nav/02.png); 
	height:223px;
	width:228px;
	padding-top:100px;
	background-repeat:no-repeat;
	padding-left:11px;
	}
	
#navi li:hover ul.saneosport { 
	display:block;
	position:absolute;
	left:218px;
	top:0px;
	background-image:url(../pics/nav/02.png); 
	height:223px;
	width:228px;
	padding-top:125px;
	background-repeat:no-repeat;
	padding-left:11px;
	}	
	
body { behavior: url("navi/csshover3.htc"); }