/*
###############################################################################
NAVIGATION
*/

/* ____ NAVIGATION ___________________________________________________________*/

div#navigationWrapper {
    background: #868686;
    width: 250px;
    float: left;
}

div#navigation {
    float: left;
    width: 250px;
    margin-top: 20px;
    background: #272727;
    color: #fff;
    clear: left;
}

div#navigation h2 {
    padding: 0;
    margin: 0 0 0 -4999px;
    font-size: 1px;
    line-height: 0;
}

div#navigation h2#mainNavHeader {
    padding: 1.4em;
}

div#navigation h4 {
    margin-bottom: 0;
    font-weight: bold;
}

body#index div#navigation h4, body#impressum div#navigation h4, body#agb div#navigation h4, body#andere div#navigation h4, body#beauftragung div#navigation h4, body#versand div#navigation h4, body#anfahrt div#navigation h4, body#kontakt div#navigation h4, body#navi-reparatur div#navigation h4, body#steuergeraete div#navigation h4, body#transporter div#navigation h4, body#auftragsbestaetigung div#navigation h4 {
    margin-bottom: 1em;
}

div#navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#navigation li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #505050;
}

div#navigation li a, div#navigation li span {
    display: block;
    width: 95%;
    min-height: 22px;
    padding: 0 0 0 5%;
    background: #272727 url(../_graphics/a-2-link.png) top left;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    text-decoration: none;
}

div#navigation li i, div#navigation li span {
    font-style: normal;
}

div#navigation li abbr, div#navigation li acronym {
    border-bottom: 0;
}

div#navigation li span.currentPage {
    width: 95% !important;
    padding-left: 5% !important;
    color: #ffc639;
    font-size: 1.2em !important;
}

div#navigation #genNav li a, div#navigation #genNav li span {
    background: #272727 url(../_graphics/a-2-link.png) top left;
}

div#navigation li a:hover, div#navigation li span:hover, div#navigation #genNav li a:hover, div#navigation #genNav li span:hover, div#navigation li#menuOrder a {
    background: #272727 url(../_graphics/a-hover.png) repeat top left;
    color: #ffc639;
}

div#navigation li#menuOrder a {
    font-weight: bold;
    opacity: 0.7;
}

div#navigation li#menuOrder a.orderLink {
    opacity: 0.8;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#navigation li#menuOrder a:hover {
    opacity: 1;
}

div#navigation li span.currentPage:hover {
    background: #272727 url(../_graphics/a-2-link.png) repeat top left !important;
    color: #ffc639 !important;
}

div#navigation li a.long, div#navigation li span.long {
    font-size: 0.9em;
    line-height: 1.6;
}

div#navigation ul#genNav {
    margin-top: 0;
    border-top: 1px solid #999;
}

/* ____ MODELLNAVIGATION ____________________________________________________ */

#navigation h4 {
    padding: 0;
    margin: 1em auto;
    text-align: center;
    font-weight: normal;
}

#modellNavi {
    width: 100%;
    float: left;
    margin: 0;
}

#modellNavi ul {
    border-top: 1px solid #505050;
    background: #232323; /* Holly hack */
}

#modellNavi li {
    list-style: none;
    /*padding: 0;*/
    position: relative;
    vertical-align: bottom; /* for IE5/win */
    padding: 0 !important;
}

#modellNavi li a i {
    position: absolute;
    right: 0.5em;
}

#modellNavi ul a, #modellNavi ul span {
    display: inline-block;
    padding: 5px 1%;
    vertical-align: bottom; /* for IE5/win */
    color: #552;
    text-decoration: none;
}

#modellNavi ul span {
    width: 98% !important;
    padding: 5px 1%;
}

div#navigation #modellNavi ul div a, div#navigation #modellNavi ul div span {
    background: #272727 url(../_graphics/a-2-link.png) repeat top left;
    color: #fff;
}

div#navigation #modellNavi ul div span.currentPage {
    width: 95% !important;
    color: #ffc639 !important;
}

div#navigation #modellNavi li span {
    padding-left: 0;
    font-size: 1em;
}

div#navigation #modellNavi li:hover span, div#navigation #modellNavi li:hover span a, div#navigation #modellNavi ul div a:hover, div#navigation #modellNavi ul div span:hover {
    background: #272727 url(../_graphics/a-hover.png) repeat top left;
    color: #ffc639;
}

div#navigation #modellNavi li:hover span.currentPage, div#navigation #modellNavi ul div span.currentPage:hover {
    background: #272727 url(../_graphics/a-2-link.png) repeat top left !important;
    color: #ffc639 !important;
}

#modellNavi div, #modellNavi li div div, #modellNavi li:hover div div {
    z-index: 20;
    width: 250px;
    position: absolute;
    left: -3000px;
    padding: 30px 60px 30px 10px;
}

dddd#modellNavi li div div {
    background: lime !important;
    color: red !important;
    position: absolute !important;
    left: -3000px !important;
}

#modellNavi li:hover div, #modellNavi li:hover div ul {
    left: 160px;
    top: -23px;
    width: 250px;
}

#modellNavi li div li:hover div {
    left: 160px;
    top: -23px;
    width: 250px;
}

/*#modellNavi li div li:hover div, #modellNavi li div ul li:hover div ul {
 left : -11px;
 top : -9px;
 width : 250px;
 height : 10em;
}*/

#modellsNavi div * {
    z-index: 25;
}

#modellNavi .z1 {
    z-index: 14;
}

#modellNavi .z2 {
    z-index: 13;
}

#modellNavi .z3 {
    z-index: 12;
}

#modellNavi .z4 {
    z-index: 11;
}

#modellNavi .z5 {
    z-index: 10;
}

#modellNavi .z6 {
    z-index: 9;
}

#modellNavi .z7 {
    z-index: 8;
}

#modellNavi .z8 {
    z-index: 7;
}

#modellNavi .z9 {
    z-index: 6;
}

#modellNavi .z10 {
    z-index: 5;
}

#modellNavi .z11 {
    z-index: 4;
}

#modellNavi .z12 {
    z-index: 3;
}