#mainnav,
nav.subnav,
nav.quicknav {
    font-size:12px;
}
#mainnav > ul {
    width:100%;
    bottom:-25px;
    left:0;
    position:absolute;
    display:block;
    margin:0;
    text-align:left;
    background:linear-gradient(to bottom,#f2f2f2,#cacaca);
    list-style-type:none;
    z-index:5;
}
#mainnav .level_1 > li {
    overflow:visible;
    float:left;
    display:block;
}
#mainnav a,
#mainnav span {
    height:14px;
    display:block;
    margin:0;
    padding:7px 15px;
    background:linear-gradient(to bottom,#f2f2f2,#cacaca);
    border-right:1px solid #8f8f8f;
    font-weight:bold;
    text-decoration:none;
    color:#000;
}
#mainnav a.trail,
#mainnav span.active {
    background:linear-gradient(to bottom,#313131,#8b8b8b);
    color:#fff;
}
#mainnav a:hover,
#mainnav a:focus {
    background:linear-gradient(to bottom,#313131,#8b8b8b);
    color:#fff;
}
#mainnav ul.level_2 {
    height:0px;
    position:absolute;
    overflow:hidden;
    -moz-transition: height 0.4s ease-out;
        -webkit-transition: height 0.4s ease-out;
        -o-transition: height 0.4s ease-out;
        transition: height 0.4s ease-out;
}
#mainnav .level_2 a {
    background-color:rgba(202,202,202,.8);
    background-image:none;
}
#mainnav .level_2 span,
#mainnav .level_2 a.trail,
#mainnav .level_2 a:hover {
    background-color:rgba(81,81,81,.9);
    background-image:none;
}
#mainnav .level_2 a,
#mainnav .level_2 span {
    border-top:1px solid #fff;
    border-right:0px solid #fff;
    border-bottom:0px solid #fff;
    border-left:0px solid #fff;
}

/* Höhe: 3 x 29 = 87 px */
#mainnav .service:hover ul {
    height:87px;
}

/* Höhe: 4 x 29 = 116 px */
#mainnav .instrumente:hover ul,
#mainnav .leistungen:hover ul {
    height:116px;
}