
/* Navigation Header */
#main .mod_navigation {
    top:75px;
    position:absolute;
    overflow:visible;
    z-index:2000;
}
#main .mod_navigation ul {
    float:left;
    margin-bottom:0;
    padding-right:0;
    padding-left:0;
    border-bottom:1px solid #ddd;
}
#main .mod_navigation li {
    float:left;
    padding:0;
    list-style-type:none;
}
#main .mod_navigation a,
#main  .mod_navigation span,
#main .mod_navigation .forward.trail.submenu {
    display:block;
    padding:10px;
    font-size:19px;
    text-decoration:none;
    color:#000;
    letter-spacing:.03em;
    cursor:pointer;
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
    font-weight:normal;
    text-decoration:none;
    cursor:pointer;
    /* background:rgba(204,0,0,0.9);
    color: rgba(204,0,0,1);
    */;
}
#main .mod_navigation a:hover,
#main .mod_navigation a:focus {
    text-decoration:none;
    color:#f57215;
    cursor:pointer;
    /*
    background:rgba(204,0,0,0.9);
    background: #dfdfdf;
    */
}
#main .submenu.nonavlink:hover {
    width:100%;
    text-decoration:none;
    color:#f57215;
    cursor:pointer;
}
#main .mod_navigation a:hover,
#main .mod_navigation a:focus,
#main .mod_navigation span:hover {
    text-decoration:none;
    color:#f57215;
    color: #f57215 !important;
}
#main .level_1 li {
    text-transform:uppercase;
}

/* 2. Ebene */
#main .level_2 li {
    width:100%;
    float:left;
    display:block;
    color:#fff;
}
#main .mod_navigation li li a,
#main .mod_navigation li li span {
    margin-left:0;
    padding:5px;
    text-align:left;
    font-size:19px;
    color:#000;
    text-transform:none;
    letter-spacing:.02em;
    cursor:pointer;
}
#main .level_2 {
    width:0;
    height:auto;
    left:-9999px;
    position:absolute;
    overflow:hidden;
    display:block;
    padding-top:10px;
    text-transform:none;
    top:-9999px;
    z-index:1;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    /*background: #dfdfdf;
    */
    /*background:rgba(192,192,192,0.7);*/
}
#main li:hover .level_2 {
    width:100%;
    height:auto;
    left:0;
    top:auto;
    overflow:hidden;
    display:block;
    margin-top:0;
    padding-bottom:50px;
}
#main .mod_navigation li.active strong {
    padding:6px 20px;
    font-size:19px;
    font-weight:normal;
    color:#f57215;
    letter-spacing:.03em;
    background: none;
}
#main .mod_navigation .active {
    margin-top:20px;
    color:#000;
}
#main .mod_navigation li li.active strong,
#main .mod_navigation li li.active {
    width:100%;
    left:0;
    float:left;
    margin-top:0;
    padding-top:0;
    text-align:left;
}
#main .mod_navigation ul ul.level_2 li a {
    padding-left:25px;
    text-transform:none;
}
#main .mod_navigation ul ul.level_2 li.active strong {
    padding-top:10px;
    padding-left:30px;
    text-transform:none;
}
#main .mod_navigation .level_1 strong.forward.trail.submenu,
#main .mod_navigation .level_1 li.submenu.trail  a.submenu.trail span {
    font-weight:normal;
    color:#f57215;
}
.mod_navigation#service-menue {
    right:0;
    top:10px;
    position:absolute;
    left: auto;
}
#main .mod_navigation#service-menue span,
#main .mod_navigation#service-menue li.active strong {
    padding:5px;
    font-weight:normal;
}
.offcanvas {
    right:50px;
    top:20px;
    position:fixed;
    display:none;
    z-index: 999;
}
#main .mod_navigation#service-menue li.active strong,
#main .mod_navigation#service-menue .active {
    margin-top:10px;
    padding-right:7px;
    padding-left:7px;
    color:#f57215;
}
#main .mod_navigation ul.level_2 {
    background-color:rgba(204,204,204,.97);
}
