/* ********************************************************************* */
/* Haupt Navigation */
.box-menu {
    display            : none;
}
ul.menu-main {
    padding            : 5px 30px;
    margin             : 0;
    list-style-type    : none;
    background         : url(/images/default/layout/bg-menu-main.jpg) no-repeat;
    height             : 27px;
    position           : absolute;
    width              : 938px;
    bottom             : 0;
    font-family        : TimesNewRoman, serif;
    text-transform     : lowercase;
    font-size          : 16px;
    letter-spacing     : 2px;
    left               : 0;
}
ul.menu-main li {
    float              : left;
    padding            : 2px 6px;
    background         : url(/images/default/layout/pipe-menu-main.gif) no-repeat right 4px;
}
ul.menu-main li a {
    text-decoration         : none;
    display                 : block;
    color                   : #e8e2d4;
    padding-bottom          : 9px;
    padding-left            : 1px; 
    
}
ul.menu-main li a:hover {
    background              : url(/images/default/layout/hover-menu-main.gif) repeat-x left 20px;
    color                   : #e8e2d4;
}
ul.menu-main li.active a.active {
    background              : url(/images/default/layout/hover-menu-main.gif) repeat-x left 20px;
}
ul.menu-main li.last {
    background              : 0;
}

/* 2. Ebene */
ul.menu-main ul {
    position                : absolute;
    left                    : -999em;
    border                  : 1px solid #e8e2d4;
    top                     : 36px;
    z-index                 : 10;
    background-color        : #963527;
    padding-left            : 0;
    margin                  : 0;
    font-size               : 15px;
}

.menu-main ul li a {
    text-transform          : none;
    font-weight             : normal;
    display                 : block;
    padding                 : 5px 0;
    height                  : auto;
    white-space             : nowrap;
    position                : relative;
}

.menu-main ul a:hover {
    color                   : #e8e2d4;
    background              : 0;
}

ul.menu-main li li.active a.active {
    background              : url(/images/default/layout/hover-menu-main.gif) repeat-x left 24px;
}

.menu-main ul li {
    float                   : none;
    background              : none;
    padding                 : 0;
    position                : relative;
    display                 : block;
    height                  : auto;
    margin                  : 0 10px;
}

.menu-main ul li:hover, .menu-main ul li.sfhover {
    background          : url(/images/default/layout/hover-menu-main.gif) repeat-x left 24px;
}

.menu-main ul li:hover a, .menu-main ul li.sfhover a {
    background          : 0;
} 

.menu-main li:hover ul, .menu-main li.sfhover ul {
    left                    : auto;
}