<!--/* ## navigation */-->
ul, li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.menu{
	position: absolute;
	z-index: 3;
	top: 10px;
}


main.menu li{
	width: 100px;	
}

sub.menu li{
	width: 140px;	
}

#main.menu li{
	width: 100px;
		
}

#sub.menu li{
	width: 140px;	
}
.menu a{
	border: 0px solid #888;

	text-decoration: none;
	text-align: center;
	font-weight: bold;
	cursor: default;
	margin: 0px 2px;
	display:inline;
	height: 20px;
	color: #000;
}

.menu a:hover{
	background-color: #ccc;
	width: 100px;
	cursor: pointer;

}

#submenu1, #submenu2, #submenu3, #submenu4{
	font-size: 12px;
	display: none;
}


#submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a{
	font-weight: normal;
	padding-top: 2px;
	border-top: 0px;
	cursor: pointer;

}

#submenu1 a:active, #submenu2 a:active, #submenu3 a:hover, #submenu4 a:active{
	font-weight: normal;
	padding-top: 2px;
	border-top: 0px;
	cursor: pointer;
	background-color: #ccc;
	width: 60px;

}
<!--/* ## ende navigation */-->