.navi-haupt {
    height:100%;
    left:0;
    background-color:#333;
    overflow-y:auto;
}

.navi-haupt > ul {
    padding:0px;
}


@media screen and (min-width: 999px) {

#nav-mobile {
    display:none;
}
.navi-haupt {
    display:block;
    /**background-image:url("files/Admin/bg-nav.jpg");**/
    background-color:#000000;
    background-size:cover;
}
.navi-haupt .level_1 {
    margin-top:50px;
}
.navi-haupt li {
    position:relative;
    list-style-type:none;
}
.navi-haupt li a,
.navi-haupt li strong {
    display:block;
    padding-top:13px;
    padding-bottom:13px;
    text-align:center;
    border-bottom:1px solid #5b5b5b;
}
.navi-haupt li.first a,
.navi-haupt li.first strong {
    border-top:1px solid #5b5b5b;
}
.navi-haupt li a {
    font-size:14px;
    color:#ccc;
    text-transform:uppercase;
    font-weight:300;
}
.navi-haupt li a:hover {
    color:#fff;
}
.navi-haupt li strong {
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
}
.navi-haupt .level_2 {
    display:none;
}
.navi-haupt .active .level_2,
.navi-haupt .trail .level_2 {
    display:block;
}
.navi-haupt .level_2 li a,
.navi-haupt .level_2 li strong {
    padding-top:5px;
    padding-right:30px;
    padding-bottom:5px;
    text-align:right;
    border-bottom:0;
}
.navi-haupt .level_2 li.last a,
.navi-haupt .level_2 li.last strong {
    border-bottom:1px solid #5b5b5b;
}
.navi-haupt .level_2 li.first a,
.navi-haupt .level_2 li.first strong {
    border-top:0;
}
}


@media screen and (min-width: 1200px) {
.navi-haupt .level_2 li a,
.navi-haupt .level_2 li strong {
    padding-right:50px;
}
}