#mainmenu {
margin-bottom:20px;	
width:100%;
margin-top:5px;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
-o-transition: 0.4s all;
transition: 0.4s all;
}
#menu-toggle {
position: relative;
cursor: pointer;
background: transparent url(../img/icon_menu.png) no-repeat left center;
width: auto;
height: 31px;
margin: 0px 0px 0px 0px;
z-index: 50;
display: none;
top: 0px;
padding-left: 35px;
text-decoration: none;
text-transform: uppercase;
font-size: 1.7rem;
line-height: 31px;
}

#menu-toggle:hover, #menu-toggle.active, #menu-toggle.active:hover {
background:	transparent url(../img/icon_menu_hi.png) no-repeat left center;
color:#303030;
}


.menuTitle {
position:relative;
margin:15px auto;
display:none;
color:#ffffff;
font-size:22px;
text-transform:uppercase;
}
#icon-toggle {
cursor:pointer;
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 220px;
z-index: 10;
display:block;
display:none;
}
/******** Menu ******************************************************************************/

#mainmenu .content > ul.menu {
width:100%;
display:block;
box-sizing:border-box;
text-align:center;
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
}
#mainmenu ul.menu {
margin:0px;
padding:0px;
}
@media (min-width:881px) {
.stickySideNavi #mainmenu li ul.menu {
height:1px;
overflow:hidden;
}
.stickySideNavi #mainmenu li:hover ul.menu {
height:auto;
}
.stickySideNavi span.nolink {
cursor:pointer;	
}
}
#mainmenu ul.menu li {
list-style:none;
box-sizing:border-box;
position:relative;
margin:0px 1px 0 0;
padding:0px 0 0 0px;
text-align:left;
width:auto;
flex:0;
-ms-flex:0;
-webkit-flex:0;
}
#mainmenu ul.menu li a, #mainmenu ul.menu li a:link, #mainmenu ul.menu li a:visited, #mainmenu ul.menu li .nolink {
font-size:1.38rem;
text-decoration:none;
display:block;
font-weight:500;
position:relative;
text-transform:uppercase;
white-space:nowrap;
position:relative;
border-bottom:4px solid #303030;
line-height:1.4em;
margin-bottom:10px;
}
#mainmenu ul.menu li a:hover, #mainmenu ul.menu li a:active, #mainmenu ul.menu li a:focus,
#mainmenu ul.menu li a.active, #mainmenu ul.menu li a.active:link, #mainmenu ul.menu li a.active:visited,
#mainmenu ul.menu li a.active-trail, #mainmenu ul.menu li a.active-trail:link, #mainmenu ul.menu li a.active-trail:visited {
color:#cc1a24;	
border-bottom:4px solid #cc1a24;
}
#mainmenu ul.menu ul.menu li a, #mainmenu ul.menu ul.menu li a:link, #mainmenu ul.menu ul.menu li a:visited {
font-size:1.13rem;
font-weight:400;
color:#5f5f5f;
border-bottom:1px solid #c5c5c5;
line-height:1.7em;
margin-bottom:0px;
text-transform:none;
}
#mainmenu ul.menu ul.menu li a:hover, #mainmenu ul.menu ul.menu li a:active, #mainmenu ul.menu ul.menu li a:focus,
#mainmenu ul.menu ul.menu li a.active, #mainmenu ul.menu ul.menu li a.active:link, #mainmenu ul.menu ul.menu li a.active:visited,
#mainmenu ul.menu ul.menu li a.active-trail, #mainmenu ul.menu ul.menu li a.active-trail:link, #mainmenu ul.menu ul.menu li a.active-trail:visited {
color:#cc1a24;	
border-bottom:1px solid #cc1a24;
}


.active-nav #mainmenu {
margin-left:0px;
display: block;
position: absolute;
z-index: 1000;
background-color:#fff;
width: auto;
right: 0px;
top:0px;
left: 0;
padding:40px 20px 20px 20px;
min-height: 100%;
}
.active-nav #main, .active-nav #wrapper {
position:static;	
background-color:#fff;
}
.active-nav header, .active-nav article, .active-nav footer, .active-nav aside {
display:none;	
}
.active-nav #menu-toggle,.active-nav #menu-toggle:hover, .active-nav #menu-toggle:active {
right:20px;
position:absolute;
left:auto;
top: 10px;
width:115px;
background-image:url('../img/icon_mainmenu_close.png');
}
.active-nav .region-main-navigation {
  display: block;
}


.active-nav #mainmenu .content > ul.menu {
display:block;	
}
.active-nav #mainmenu .content > ul.menu li {
width:100%;
}
.active-nav #mainmenu .content > ul.menu ul {
margin-bottom:20px;	
}

aside ul.menu li a, aside ul.menu li a:link, aside ul.menu li a:visited {
font-size:0.851rem;
text-decoration:none;
display:block;
font-weight:500;
position:relative;
text-transform:uppercase;
white-space:nowrap;
position:relative;
line-height:28px;
margin-bottom:1px;
color:#fff;
background-color:#cc1a24;
text-align:left;
padding:0px 4px 0px 30px;
}
aside ul.menu li a:hover, aside ul.menu li a:active, aside ul.menu li a:focus,
aside ul.menu li.active a, aside ul.menu li.active a:link, aside ul.menu li.active a:visited, aside ul.menu li.active-trail a {
background-color:#303030;
}
aside ul.menu li a:before {
content:'\0020';	
display:block;
width:22px;
height:21px;
position:absolute;
left:4px;
top:3px;
background-position:left top;
background-repeat:no-repeat;	
}
aside ul.menu li a.mitglied:before {
background-image:url('../img/icon_mitglied_werden.png');
}
aside ul.menu li a.spenden:before {
background-image:url('../img/icon_spenden.png');
}
aside ul.menu li a.mhschwur:before {
background-image:url('../img/icon_mauthausen_schwur.png');
}
aside ul.menu li a.mhvermaechtnis:before {
background-image:url('../img/icon_mauthausen_vermaechtnis.png');
}
aside .region-side-navigation-third ul.menu li.first a:before {
background-image:url('../img/icon_menu_event.png');
left: 6px;
top: 7px;
background-position:left top !important;
}
aside .region-side-navigation-third ul.menu li.last a:before {
background-image:url('../img/icon_menu_calendar.png');
left: 6px;
top: 5px;
background-position:left top !important;
}
aside .region-side-navigation-second ul.menu li a:before {
width:18px;
height:12px;
left: 6px;
top: 8px;
background-image:url('../img/icon_newsletter.png');	
}
aside .region-side-navigation-second ul.menu li.last a:before {
width:20px;
height:14px;
left: 6px;
top: 8px;
background-image:url('../img/icon_bildungspost.png');	
}
aside ul.menu li a:hover:before, aside ul.menu li.active a:before , aside ul.menu li.active-trail a:before, aside ul.menu li a:focus:before{
background-position:left bottom;	
}
