#mainmenu {display:none}

@media all and (min-width: 380px){ }

@media all and (min-width: 404px){  }
 
@media all and (min-width: 424px){ }
 
@media all and (min-width: 640px){  }


/*	.js #mobilemenu {
		display:none;
	}	.js .slicknav_menu {
		display:block;
	}*/
	
  #mobilemenu {
		display:none;
	}
	
 .slicknav_menu {
		display:block;
	}



@media all and (min-width: 1024px){

#mobilemenu  {
	display:none;
}	 


.slicknav_menu {
	display:none;
}	 

	  	/*
#dl-menu {display:none;}*/
 	
#mainmenu {display:block;position:absolute; left:320px;top:35px;}

#mainmenu ul {list-style-type:none}


#mainmenu li {float:left;position:relative;margin-right:20px;  

     -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s; 
    
    height:59px;    height:55px; 
    padding-bottom:23px;
}

#mainmenu li:hover, #mainmenu li.active { background-color:#00507b; }


#mainmenu li:last-of-type {margin-right:0;}


#mainmenu > ul > li:hover > a, #mainmenu  > ul > li.active > a, #mainmenu  > ul > li:focus > a { color:#fff;  } 


#mainmenu > ul > li > ul > li:hover > a, #mainmenu  > ul > li > ul > li.active > a, #mainmenu  > ul > li > ul > li:focus > a { color:#dd9c3e; } 

 
#mainmenu li > a {
	 font-family: 'FFMetaWebProBold','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	 font-size:16px;display:block; color:#00507b;
padding: 20px 10px 0px 10px; height:55px; text-transform:uppercase;
}
 
#mainmenu li.spenden, #mainmenu li.p6 > a {color:#9e1b1c;}

#mainmenu li.spenden > a:hover, #mainmenu li.p6 > a:hover  {color:#fff;}


#mainmenu li.spenden:hover, #mainmenu li.spenden.active , #mainmenu li.p6:hover, #mainmenu li.p6.active { background-color:#9e1b1c; }




/*#mainmenu li.sub > a {cursor:default;}*/


#mainmenu ul li > ul.submenu {
list-style-type:none;
position:absolute; /*left:50%; margin-left:-115px;*/
left:-26px;
width:230px;
top:53px; 
display:none;
padding:20px 20px 20px 20px; background-color:#fff;
}


 

#mainmenu ul li ul.submenu li {float:none; clear:both; 
padding:0px 0px 10px 16px;height:auto;margin:0;border-bottom:0;position:relative;
background-color:#fff; 
line-height:22px; 


} 
 

#mainmenu ul li ul.submenu > li:hover > a  {color:#dd9c3e !important;}


#mainmenu ul li ul.submenu li a {line-height:22px; padding:6px 0px 6px 0px; height:auto;font-weight:400; font-size:14px;}  
#mainmenu ul li ul.submenu li a:hover, #mainmenu ul li ul.submenu li a:focus,  #mainmenu ul li ul.submenu li.sub-aktiv > a   {}  


}  


@media all and (min-width: 1024px){
 
#mainmenu {display:block;}
}

 

@media all and (min-width: 1280px){
/*
#mainmenu li {float:left;position:relative;margin-right:22px;*/
 }