#topnavi {
    top: 16px;
    left: 0;
    margin: 0;
    /*! position: absolute; */
    width: 100%;
    z-index: 100;
    background:rgba(255,255,255,0.9);
    overflow: visible;
    display: inline-block;
    right: 0;
}

#topnavi a{cursor:pointer;}

#topnavi .menu-collapser{position:absolute;/*! width:140px; *//*! height:40px; */padding:0;/*! color:#2eaadc; */font-size:18px;line-height:40px;/*! background-color:#999; */box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;/*! top: 60px; *//*! right: 10px; *//*! display: inline-block; */}
#topnavi .collapse-button{/*! position:absolute; */right:8px;top:0;/*! color:#2eaadc; */font-size:14px;text-align:center;/*! background-color:#0E0E0E; */border-radius:2px;cursor:pointer;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

#topnavi .menu-text{float:left;line-height: 200%;padding: 0px 10px;}
#topnavi .menu-collapser:hover .menu-text{color:#ccc;}
#topnavi .collapse-button .innen{display:inline-block;}

#topnavi .collapse-button .icon-bar{display:block;height:3px;width:25px;margin:6px 0;background-color:#2eaadc;border-radius:1px}
#topnavi .collapse-button:hover .icon-bar{background-color:#ccc}

#topnavi ul.level_1 {width:100%;margin:0;padding:0;list-style-type:none;}
#topnavi ul.level_1 :before,
#topnavi ul.level_1 :after{content:'';display:inline}
#topnavi ul.level_1 :after{clear:both}
#topnavi ul.level_1.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#topnavi ul.level_1.collapsed li>ul{position:static;display:none}
#topnavi ul.level_1.collapsed li a,#topnavi ul.level_1.collapsed li span.active,#topnavi ul.level_1.collapsed li span.trail{display:block;border-bottom:1px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#topnavi ul.level_1 li span.sub-toggle{display:none;}
#topnavi ul.level_1.collapsed li span.sub-toggle{height:50px;display: inline;}
#topnavi ul.level_1 li{position:relative;float:left;display:inline-block;padding:0 0px 0 0;}
#topnavi ul.level_1 li ul{margin:0;list-style-type:none}

#topnavi ul.level_1 li ul li{color:#575756;background:#bad2e3;}
#topnavi ul.level_1 li>ul{position:absolute;left:0;top:46px;z-index:999;width:100%;display:none;padding: 0;}
#topnavi ul.level_1 li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;/*! display:none; */width:100%}
#topnavi ul.level_1 li a,#topnavi ul.level_1 li span.active,#topnavi ul.level_1 li span.trail,#topnavi ul.level_1 li span.forward{text-transform: uppercase;display:block;padding:15px 15px 15px 15px;color:#06294f;line-height: 16px;font-size:16px;font-weight:600; /*background:#ccc;*/ text-decoration:none;
/**/transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-webkit-transition:background-color 0.5s ease-out;}
#topnavi ul.level_1 li a:hover,#topnavi ul.level_1 li span.active,#topnavi ul.level_1 li a.trail,#topnavi ul.level_1 li.trail a.trail{text-decoration:none;color: #333;}
#topnavi ul.level_1 > li.first span{}

#topnavi ul.level_1 li .sub-toggle{position:absolute;right:5px;top:0;z-index:999;width:48px;height:100%;text-align:center;cursor:pointer}
#topnavi ul.level_1 li .sub-toggle:before{display:inline-block;height:100%;vertical-align:middle}
#topnavi ul.level_1 li .sub-toggle>i{display:inline-block;color:#f0b10a;vertical-align:middle;}
#topnavi ul.level_1.collapsed li .sub-toggle>i:after { font: 35px/35px "icomoon"; content: "\f13a";margin-left: 5px; }
#topnavi ul.level_1.collapsed li .sub-toggle.expanded>i:after { font: 35px/35px "icomoon"; content: "\f139"; color:#004b8d; }


#topnavi ul.level_2{
    min-width: 140px;
    width: auto;/*! background-color:#575756; */
    display: inline-block;min-height: 600px;
}
#topnavi ul.level_2 > li{
    width:100%;border-bottom: 1px solid #fff;min-width: 200px;
}
#topnavi ul.level_2 > li.navibgimg{
    border-bottom: none;
}
#topnavi ul.level_2 > li.navibgimg ul li{
    border-bottom: 1px solid #fff;
}


#topnavi ul.level_2 li a,#topnavi ul.level_2 li span.active,#topnavi ul.level_2 li span.trail,#topnavi ul.level_2 li span.forward
{text-transform: inherit;padding: 15px 15px 15px 15px;font-weight: 600;font-size: 14px;}

#topnavi ul.level_2 li:hover,
#topnavi ul.level_2 li.active{}
#topnavi ul.level_2 li:hover a,
#topnavi ul.level_2 li:hover span,
#topnavi ul.level_2 li span.active,
#topnavi ul.level_2 li span.trail,
#topnavi ul.level_2 li span.forward{color:#333;}

#topnavi ul.level_3 > li a,
#topnavi ul.level_3 > li span.active,
#topnavi ul.level_3 > li span.trail,
#topnavi ul.level_3 > li span.forward{text-transform: inherit; min-width:220px;background-color:#ebf3f8;}
#topnavi ul.level_3 > li{padding:0}

#topnavi ul.level_3 li:hover,
#topnavi ul.level_3 li.active{}
#topnavi ul.level_3 li:hover a,
#topnavi ul.level_3 li:hover span,
#topnavi ul.level_3 li span.active,
#topnavi ul.level_3 li span.forward,
#topnavi ul.level_3 li span.trail{color:#004b8d;}



#topnavi ul.level_1 li.mmenue{position:inherit;}
#topnavi ul.level_1 li.mmenue ul.level_2 > li{width:20%;min-width: inherit;}

#topnavi ul.level_1 li.mmenue ul.level_2 li a,
#topnavi ul.level_1 li.mmenue ul.level_2 li span.active,
#topnavi ul.level_1 li.mmenue ul.level_2 li span.forward,
#topnavi ul.level_1 li.mmenue ul.level_2 li span.trail{position:relative;}

#topnavi ul.level_1 li.mmenue ul.level_2 > li ul{left:0; top:100%;}
#topnavi ul.level_1 li.mmenue ul.level_3 > li ul{left:100%; top:0;}


#topnavi ul.level_3 > li.navitrenner{border-bottom:2px solid #ccc;}

/* Icons in Navi */


#topnavi ul.level_1 li.emmett-technique{background: rgba(255,255,255,0.7) url(../../../../files/emmett/themes/img/logos/icon-emm-main.png) no-repeat 0 0}
#topnavi ul.level_1 li.selbsthilfekurse{background: rgba(255,255,255,0.7) url(../../../../files/emmett/themes/img/logos/icon-emm-tech.png) no-repeat 0 0}
#topnavi ul.level_1 li.tbd{background: rgba(255,255,255,0.7) url(../../../../files/emmett/themes/img/logos/icon-emm-tb.png) no-repeat 0 0}
#topnavi ul.level_1 li.animals{background: rgba(255,255,255,0.7) url(../../../../files/emmett/themes/img/logos/icon-emm-animal.png) no-repeat 0 0}
#topnavi ul.level_1 li.sonstige{background: rgba(255,255,255,0.7) url(../../../../files/emmett/themes/img/logos/icon-emm-tech.png) no-repeat 0 0}

#topnavi ul.level_1 li.navibgimg > a,
#topnavi ul.level_1 li.navibgimg > span.active,
#topnavi ul.level_1 li.navibgimg > span.trail{background:none; padding-left:45px;}


/* 1100px --------------------------------------------------------------------------------- */
@media only screen and (max-width:1100px){

#topnavi{ position: inherit;}
#topnavi ul.level_1 li a, #topnavi ul.level_1 li span.active, #topnavi ul.level_1 li span.trail{ padding:15px 8px 15px 8px; line-height:16px; font-size:13px; }
#topnavi ul.level_1 li > ul{   }
#topnavi ul.level_1 li > ul > li ul{ left:-100%; }
#topnavi ul.level_1 li{ margin:0 0 0 0px; }
#topnavi ul.level_2 li{ margin:0 0 0 0px; }

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 1100px */
/* ---------------------------------------------------------------------------------------- */

/* 1024 ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
#topnavi{ bottom: 30px;}
#topnavi{ bottom:inherit; top:-45px; width:100%; left:0px; position:absolute; z-index: 10;}
#topnavi ul.level_2 > li a, #topnavi ul.level_2 > li span.active, #topnavi ul.level_2 > li span.trail{ padding:15px 10px 15px 20px; }
#topnavi ul.level_2 > li{ /*! border-bottom:0; */ }
#topnavi ul.level_2 li:hover{ /*! background-color: transparent; */ }
#topnavi ul.level_2 li ul.level_3 > li a{ color:#000;background-color: #bad2e3; padding: 10px 10px 10px 10px;}
#topnavi ul.level_2 li ul.level_3 > li:hover a{ color:#004b8d; }
#topnavi ul.level_2 > li, #topnavi ul.level_3 > li{ background-color:#fff; }
#topnavi ul.level_1 li.mmenue ul.level_2 > li {width: 33%;background-color: #ebf2f7;}


#topnavi ul.level_3 > li:hover{ background:#4F4D4F; }
#topnavi ul.level_2{ /*! margin-left:20px !important; */ min-height:inherit; }
#topnavi ul.level_3 > li, #topnavi ul.level_3 > li span.active, #topnavi ul.level_3 > li span.trail{ border-bottom:0px !important; }
#topnavi ul.level_2 > li.last{ border-bottom:0px; margin-bottom:10px; }

#topnavi ul.level_1 {top: 44px;position: absolute;width: 97%;margin: 0 1.5%;}
#topnavi ul.level_1 li {padding: 0; background: #eee;}

#topnavi ul.level_1 li a,#topnavi ul.level_1 li span.active,#topnavi ul.level_1 li span.trail{padding:15px 10px 15px 10px;}
#topnavi ul.level_2 li a,#topnavi ul.level_2 li span.active,#topnavi ul.level_2 li span.trail{padding:15px 10px 15px 25px; }
#topnavi ul.level_2 > li{border-bottom:0;}

#topnavi ul.level_1 li.mmenue ul.level_2 > li {width: 100%;}

#topnavi ul.level_2 {/*! margin-left: 20px !important; */min-height: inherit;}
#topnavi ul.level_1 li.mmenue {position: relative;}
    
/* ---------------------------------------------------------------------------------------- */
} /* end max-width: 1024px */
/* ---------------------------------------------------------------------------------------- */



/* 480px ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

#topnavi {top: -40px;}

/* ---------------------------------------------------------------------------------------- */
} /* end max-width: 480 */
/* ---------------------------------------------------------------------------------------- */