/* ------------------------------------------------------------- */
/* => navi
/* ------------------------------------------------------------- */

#navi {
	background:url(../images/de/navi-de.jpg) 0 0 no-repeat;
}
#navi ul li a {
	background:url(../images/de/navi-de.jpg) 0 0 no-repeat;
}
	#navi ul li a.startseite {
		width:118px;
		background-position:0 0;
	}
	#navi ul li a.startseite:hover {
		background-position:0 -50px;
	}
	#navi ul li.active a.startseite, #navi ul li.active a.startseite:hover {
		background-position:0 -100px;
	}
	#navi ul li a.produkte {
		width:121px;
		background-position:-120px 0;
	}
	#navi ul li a.produkte:hover {
		background-position:-120px -50px;
	}
	#navi ul li.active a.produkte {
		background-position:-120px -100px;
	}
	
	#navi ul li.active a.produkte:hover {
		background-position:-120px -50px;
	}
	#navi ul li a.projekte {
		width:114px;
		background-position:-243px 0;
	}
	#navi ul li a.projekte:hover {
		background-position:-243px -50px;
	}
	#navi ul li.active a.projekte {
		background-position:-243px -100px;
	}
	#navi ul li.active a.projekte:hover {
		background-position:-243px -50px;
	}
	
	#navi ul li a.download {
		width:124px;
		background-position:-359px 0;
	}
	#navi ul li a.download:hover {
		background-position:-359px -50px;
	}
	#navi ul li.active a.download, #navi ul li.active a.download:hover {
		background-position:-359px -100px;
	}
	#navi ul li a.news {
		width:93px;
		background-position:-485px 0;
	}
	#navi ul li a.news:hover {
		background-position:-485px -50px;
	}
	#navi ul li.active a.news, #navi ul li.active a.news:hover {
		background-position:-485px -100px;
	}
	#navi ul li a.wir-ueber-uns {
		width:149px;
		background-position:-580px 0;
	}
	#navi ul li a.wir-ueber-uns:hover {
		background-position:-580px -50px;
	}
	#navi ul li.active a.wir-ueber-uns, #navi ul li.active a.wir-ueber-uns:hover {
		background-position:-580px -100px;
	}
	#navi ul li a.kontakt {
		width:114px;
		background-position:-731px 0;
	}
	#navi ul li a.kontakt:hover {
		background-position:-731px -50px;
	}
	#navi ul li.active a.kontakt, #navi ul li.active a.kontakt:hover {
		background-position:-731px -100px;
	}
	#navi ul li a.anfahrt {
		width:101px;
		background-position:-847px 0;
	}
	#navi ul li a.anfahrt:hover {
		background-position:-847px -50px;
	}
	#navi ul li.active a.anfahrt, #navi ul li.active a.anfahrt:hover {
		background-position:-847px -100px;
	}

/* sub navi */
	
	#navi li#produkte-li:hover ul#sub-navi-produkte {
		display:block;
	}
	#navi ul li:hover a.produkte {
		background-position:-120px -50px;
	}
	#navi li#produkte-li ul#sub-navi-produkte {
		position:absolute;
		width:241px;
		display:none;
		z-index:2;
		height:171px;
		padding:9px 0 0 0;
		background:url(../images/sub-navi-1.jpg) 0 0 no-repeat;
		
	}
	#navi li ul#sub-navi-produkte li a {
		color:#ffffff;
		font-size:12px;
		display:block;
		width:211px;
		height:18px;
		padding:0px 0 0 30px;
		margin:3px 0 7px 0;
		line-height:normal;
		text-decoration:none;
		text-indent:0;
		background:none;
	}
		#navi li ul#sub-navi-produkte li a.sub-navi {
			text-indent:13px;
		}
		#navi li ul#sub-navi-produkte li a:hover {
			text-decoration:underline;
		}
		
	#navi li#projekte-li:hover ul#sub-navi-projekte {
		display:block;
	}
	#navi ul li:hover a.projekte {
		background-position:-243px -50px;
	}
	#navi li#projekte-li ul#sub-navi-projekte {
		position:absolute;
		width:241px;
		display:none;
		z-index:2;
		height:69px;
		padding:9px 0 0 0;
		background:url(../images/sub-navi-2.jpg) 0 0 no-repeat;
	}
	#navi li ul#sub-navi-projekte li a {
		color:#ffffff;
		font-size:12px;
		display:block;
		width:211px;
		height:18px;
		padding:0px 0 0 30px;
		margin:3px 0 7px 0;
		line-height:normal;
		text-decoration:none;
		text-indent:0;
		background:none;
	}
		#navi li ul#sub-navi-projekte li a:hover {
			text-decoration:underline;
		}