#vpnavigation {
	width : 100%;
    z-index: 500;
}

#vpnavigation ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0em 0;	
}

#vpnavigation a {
	color: #000000;
	text-decoration: none;
	display: block;
	text-align:center;
	padding-top: 3px;	
	padding-bottom: 3px;


}
#vpnavigation li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	display: inline;
	padding: 0;
	width: 122px;
}

#vpnavigation li:hover a, #vpnavigation li.sfhover a {/* all list items */

}

#vpnavigation li ul { /* second-level lists */
	position: absolute;
	background: #ddb700;
	display: none;
}

#vpnavigation li li { /* second-level lists */
	height: 20px;
	float: none;
	display: block;
}

#vpnavigation li li a {
	height: 17px;
	float: none;
	display: block;
	color: #000000;
	font-size: 11px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		padding-left: 5px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 0px;

}

#vpnavigation li a.daddy {
 }

#vpnavigation li li a:hover { /* second-level lists */
	background : #2D2D2D;
	color: #FFFFFF;

}

#vpnavigation li:hover li ul, #vpnavigation li.sfhover li ul {/* second-level lists */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	display: none;
	position: absolute;
	top: auto;
	left: 100%;
	margin: -20px 0 0 0;
}

#vpnavigation li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li:hover ul, #vpnavigation li li.sfhover ul {

/* lists nested under hovered list items */
	display: block;
}
#vpnavigation li.activepath, #vpnavigation li#active {
}	
.eins {
	background-color: #F8C300;
}
.zwei {
	background-color: #E77817;
}
.drei {
	background-color: #DA251D;
}
.vier {
	background-color: #BADA35;
}
.fuenf {
	background-color: #20A938;
}
.sechs {
	background-color: #336600;
}
.sieben {
	background-color: #ddb700;
	width: 122px;
}