#mainmenu {display:none}

.menuknopf {position:absolute; 
bottom:-14px; left:50%; margin-left:-13px;

z-index:500;display:none; width:27px; height:27px;
background-image:url('../images/menu-button.png');
background-repeat:no-repeat;
background-size:27px 27px;
background-position:center center;  
}


.login.active .menuknopf {background-image:url('../images/menu-button-active.png'); display:block !important;}


#search.active .menuknopf {background-image:url('../images/menu-button-active.png'); display:block !important;}

#search {width:20px; height:60px;}

#search:hover .menuknopf {display:block;}



 
 
#search .menuknopf   {
	display:none;

	position:fixed; top:54px; right:70px; left:auto; z-index:1000;
	 
	
	
	width:27px ;height:27px;
background-image:url('../images/menu-button.png');
background-repeat:no-repeat;
background-size:27px 27px;
background-position: center center;
}






 /***************************************************************************************************/ 
/***************************************************************************************************/ 



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

@media all and (min-width: 404px){  }
 
@media all and (min-width: 424px){ }
 
@media all and (min-width: 640px){ 
	
	 
#search .menuknopf   {
	display:none;/*position:fixed; top:84px; right:70px; left:auto; */z-index:1000;
	
		
	position: relative;
top: 24px;
left: 15px;
	
	
	width:27px ;height:27px;
background-image:url('../images/menu-button.png');
background-repeat:no-repeat;
background-size:27px 27px;
background-position: center center;
}


	
	
}






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


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

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


#mainmenu li {float:left;position:relative;margin-right:32px; /* border-bottom: 5px solid transparent;*/

     -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s; 
    
    height:79px; 
    padding-bottom:23px;
}
#mainmenu li:last-of-type {margin-right:0;}


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

/*
#mainmenu li.active .menuknopf {background-image:url('../images/menu-button-active.png'); display:block !important;}*/
 


#mainmenu li > a {font-weight:700; font-size:14px;display:block;color:#22293C;color:#000;
padding: 20px 10px 0px 10px; height:63px; 
}
 
 
#mainmenu li.sub > a {/*cursor:default;*/}
 
 
#mainmenu li:hover .menuknopf {display:block;}
 


#mainmenu ul li > ul.submenu {
list-style-type:none;
position:absolute; left:50%; 
margin-left:-115px;width:230px;
margin-left:-130px;width:260px;
top:83px; 
display:none;
padding:33px 20px 30px 40px; background-color:#fff;
}


#mainmenu ul li.netzwerk > ul.submenu {width:400px;margin-left:-200px}

#mainmenu ul li.themen > ul.submenu  {width:770px; margin-left:-385px;}


#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; 
background-image:url('../images/listenpunkt_blauschwarz.png');
background-repeat:no-repeat;
background-size:6px 6px;
background-position:left 0px  top 12px;

} 
#mainmenu ul li ul.submenu li:hover {background-image:url('../images/listenpunkt_magenta.png');}
 

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


#mainmenu ul li ul.submenu li a {line-height:22px; padding:6px 0px 6px 6px; 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   {}  

#mainmenu ul li ul.submenu li.sub2 > a  {font-weight:700;}


 #mainmenu ul li ul.submenu li.sub2 {padding-top:16px;background-position:left 0px  top 28px;}

#mainmenu ul li ul.submenu li > ul.submenu2 {
display:block; width:100%; margin:0px 0px 0px -16px; 

padding:6px 0px 6px 0px;
padding:6px 0px 6px 23px;


border: 1px solid #22293C;
}
#mainmenu ul li ul.submenu li > ul.submenu2 li { 
	line-height:22px; padding:0px 10px 0px 10px;padding:0px 10px 0px 5px;
position:relative;
background-image:none;   

}
#mainmenu ul li ul.submenu li > ul.submenu2 li a { padding:3px 0px 3px 10px;}


#mainmenu ul li ul.submenu li > ul.submenu2 li span.listenpunkt {display:block; width:6px; height:6px; position:absolute; left:-3px; top:8px; top:10px;z-index:200;
background-image:url('../images/listenpunkt_blauschwarz.png');
background-repeat:no-repeat;
background-size:6px 6px;
background-position:center;
}
#mainmenu ul li ul.submenu li > ul.submenu2 li:hover span.listenpunkt {background-image:url('../images/listenpunkt_magenta.png');}

#mainmenu ul li ul.submenu > li > ul.submenu2 li:hover a  {color:#B22873}

/*
.thema1, .thema2,  .thema3 {float:left !important; clear:none !important; width:50%; display:block;} 
.thema4, .thema5,  .thema6 {float:right !important; clear:none !important;width:50%;display:block;} 
 */
 


.thema26, .thema19,  .thema27 {float:left !important; clear:none !important;width:50%;display:block;} 
.thema8 , .thema28, .thema7 {float:right !important; clear:none !important; width:50%; display:block;} 

.thema19 {clear:both !important;}

.thema27 {clear:both !important;}


}  


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

 

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

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