#cssmenu{ 
	max-width: 100%;
	height:35px; 
	display:block; 
	padding:0; 
	margin: 20px 0px 0px 0px; 
	position:relative;
} 


#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
/* 6 Einträge ::::
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; width:170px; text-align: center;} 
/* 7 Einträge ::::*/
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; width:145px; text-align: center;} 

#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding-bottom:6px; padding-top:7px; padding-left:0px; padding-right:0px; font:16pt SSPro_Light; color:#2F3637; text-decoration:none; } 
#cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-1px; z-index:99; } 

#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:29px; background:#fff;  padding:9px 0; z-index:999; } 

#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:15px 20px; font:13pt SSPro_Light; color:#2F3637; text-decoration:none;} 


#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:13px; right:5px; } 

#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub:hover > a:before{top:13px;} 
#cssmenu ul li.has-sub:hover > a{ padding-bottom:6px; padding-top:7px; top:0px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block; width:170px; background: #FAFAFA; margin-top: 22px;text-align: left;} 

#cssmenu > ul > li.u-sub > a:before{ content:''; position:absolute; top:8px; right:5px; } 

#cssmenu ul li.u-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.u-sub:hover > a:before{top:8px;} 
#cssmenu ul li.u-sub:hover > a{ padding-bottom:14px; padding-top:16px; top:-1px; z-index:999; color:#0EA3B9;} 
#cssmenu ul li.u-sub:hover > ul, #cssmenu ul li.u-sub:hover > div{display:block;} 

#cssmenu #akt { color: #01519D; }	


@media screen and (max-width: 1045px) {

#cssmenu > ul > li {width:160px;} 	
#cssmenu > ul > li > a{ font:16pt SSPro_Light;} 	
	
}

@media screen and (max-width: 1024px) {
	
	#cssmenu{ 
		width: 1px;
		height:0px; 
	} 	
	#cssmenu > ul > li > a{ padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; font:1px SSPro_Light; color:#FFF;} 
	#cssmenu ul li > ul li a{ margin:0; padding:0px; font:1pt SSPro_Light; color:#FFF;} 
	#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{width:0px; background: #FFF; margin-top: 0px;} 	

}