#navigation div.fluid-image {
    position: relative;
    max-width: 100%;
}

div.total-navigation {
    position: relative;
}

div.navigation-background {
    max-width: 100%;
}

div.total-navigation div#small {
    display: none;
}

div.navigation-content {
    position: absolute;
    top: 38px;
    width: 100%;
    display: table;
}

div.navigation-left {
    width: 25%;
    display: table-cell;
    vertical-align: top;
}

div.navigation-right {
    width: 75%;
    text-align: right;
    display: table-cell;
}

div.navigation-left #pull {
    display: none;
}

div.navigation-left ul li {
    background-color: rgba(var(--backColorMenuR), var(--backColorMenuG), var(--backColorMenuB), .8);
    margin-bottom: 6px;
}

div#nav-bottom-back, div.navigation-left ul li.current, div.navigation-left ul li.active {
    /* iwi 2014-05 | Menü Hintergrund transparenz | EX: .6 */
    background-color: rgba(var(--colorR), var(--colorG), var(--colorB), .8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9C var(--templateColorHex), endColorstr=#9C var(--templateColorHex)) !important;
}

div.navigation-left ul li:hover {
    background-color: rgba(var(--colorR), var(--colorG), var(--colorB), .4) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22 var(--templateColorHex), endColorstr=#22 var(--templateColorHex)) !important;
}

div.navigation-left ul li a {
    color: var(--fontColorMenu);
    padding: 0px 16px;
    font-size: 100%;
    display: block;
}

div.navigation-left ul li.current a, div.navigation-left ul li.active a, div.navigation-left ul li:hover a {
    /* iwi 2016-09 | Eigener Farbwert für aktive Menüpunkte */
    color: var(--fontColorMenuActive);
}