/*** ESSENTIAL STYLES ***/
.nav .aktiv{color:#33230c;text-decoration:none;}
.nav, .nav * {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align:center;


}
.nav li {
        position: relative;
                text-align:center;



}
.nav ul {
        position: absolute;
        margin:10px 0 0 0;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
        border-top:3px solid #50340d;
        background:;
                text-align:center;


}
.nav ul ul {margin:0px 0 0 0;}
.nav > li {
        float: left;
        display:inline;

}
.nav li:hover > ul,
.nav li.sfHover > ul {
        display: block;
}

.nav a {
        display: block;
        position: relative;
        font-size:0.9em;
}
.nav ul ul {
        top: 0;
        left: 100%;
        }


/*** DEMO SKIN ***/
.nav {
        float: left;
        margin-bottom: 1em;
}
.nav ul {
        box-shadow: 2px 2px 6px rgba(0,0,0,.2);
        min-width: 12em; /* allow long menu items to determine submenu width */
        *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.nav a {
        border-left: 1px solid #fff;
        border-top: 0px solid #dFeEFF; /* fallback colour must use full shorthand */
        border-top: 1px solid rgba(255,255,255,.5);
        padding: .55em 1.5em .55em 0em;
        text-decoration: none;
        /*text-transform: uppercase;*/
        zoom: 1; /* IE7 */
}
.nav a {
        color: #83530f;
        font-size:1.0em;
}
.nav ul li a {
        padding: .55em 1em .55em 0.5em;
        font-size:0.8em;
        text-align:left;
        letter-spacing: 0em;
        text-transform: none;
}

.nav ul ul  li a {
        padding: .55em 1em .55em 0.5em;
        font-size:0.8em;
        word-wrap:break-word;
}

.nav li {text-align:left;
        background: ;
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background .2s;
        transition: background .2s;
}
.nav ul li {background: #fff; border-bottom:1px solid #e4e4e4; width:100%;text-align:left;}
.nav ul ul li {
        background: #fff;
         border-bottom:1px solid #e4e4e4;
}
.nav li:hover,
.nav li.sfHover {
        color:#000;
        background: #fff;
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
        text-decoration:none;
}



.nav li li a:Hover,.nav li.li.sfHover {
        background: #eee;
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;

}





.navi-pfeile{margin:0 0 0 5px;color:#555;text-align:right;}
a:hover #navi-pfeile {margin:0 0 0 5px;color:#cc0000;}









/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
        padding-right: 2.5em;
        *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        /* order of following 3 rules important for fallbacks to work */
        border: 5px solid transparent;
        border-top-color: #666; /* edit this to suit design (no rgba in IE8) */
        border-top-color: #666;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
        border-top-color: #0099FF; /* IE8 fallback colour */

}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
        margin-top: -5px;
        margin-right: -3px;
        border-color: transparent;
        border-left-color: #666; /* edit this to suit design (no rgba in IE8) */
        border-left-color: #666;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color: #cc0000;

}










@media all and (max-width: 1400px) {
.nav a {padding: .55em 1.0em .55em 0em;}
}


@media all and (max-width: 1180px) {
.nav a {padding: .55em 0.5em .55em 0.2em;}
}
@media all and (max-width: 1150px) {
.nav a {padding: .55em 0.5em .55em 0.2em;}
}

@media all and (max-width: 1000px) {
.nav a {padding: .55em 0.3em .55em 0.2em;font-size:0.85em}
}