/******************************
Navigation
******************************/
#navi ul {
	list-style-type:none;
}
#navi ul li {
	float:left;
	cursor: pointer;
	background-position: 13px 0px;
	background-repeat:no-repeat;
}
#navi ul li:hover,
#navi ul li.selected {
	background-position: 13px -18px;
}
#navi ul li a {
	display:block;
	font-size:12px;
	font-weight:normal;
}
#navi ul li a img {
	padding: 0 13px;
	display:block;
}


/******************************
2. Ebene
******************************/
#navi ul li ul {
	visibility:hidden;
	position: absolute;
	float:none;
	padding:14px 0 16px 0;
	z-index: 1000;
	width:218px;
	/*border:1px solid #FFFF00;*/
}
#navi ul li:hover ul {
	visibility:visible;
	top:18px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#navi ul li ul li {
	z-index: 1000;
	display:block;
	float:left;
	padding:0;
	width:218px;
	background: none;
}
#navi ul li ul li a {
	background:none;
	color:#FFFFFF;
	display:block;
	width:195px;
	padding:3px 0 3px 23px;
	background:url(/img/navi/arrow.gif) 17px 0px no-repeat;
}
#navi ul li ul li.selected a,
#navi ul li ul li a:hover {
	background:url(/img/navi/arrow.gif) 17px -22px no-repeat;
	color:#BBDBED;
}
/******************************
Positionen der ul der 2. Ebene
******************************/
#navi ul li#nav-1:hover ul {
	left:-10px;
}
#navi ul li#nav-2:hover ul {
	left:84px;
}
#navi ul li#nav-3:hover ul {
	left:207px;
}
#navi ul li#nav-4:hover ul {
	left:300px;
}
/*#navi ul li#nav-5:hover ul {
	left:424px;
}
#navi ul li#nav-6:hover ul {
	left:548px;
}
#navi ul li#nav-7:hover ul {
	left:603px;
}*/
#navi ul li#nav-5:hover ul {
	left:393px;
}
#navi ul li#nav-6:hover ul {
	left:603px;
}