/*** ESSENTIAL STYLES ***/
.sf-menu .aktiv{background:url("../images/pics/pinsel_navigation_hover.png");height:50px;background-repeat:no-repeat;background-position:bottom center;text-align:center;}
.sf-menu .aktiv_stiftung{background:url("../images/pics/pinsel_navigation_stiftung_hover.png");height:50px;background-repeat:no-repeat;background-position:bottom center;text-align:center;}

.sf-menu, .sf-menu * {

        text-align:left;
        margin: 0 0 ;
        padding: 0px 0px 0px 0px;
        list-style: none;
        float:left;

}
.sf-menu li {
        position: relative;
        padding:10px 0px 0 0;



}
.sf-menu ul {
        position: absolute;
        margin:0px 0 0 0;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
        border-top:3px solid #1c8b20;
}
.sf-menu ul ul {margin:0px 0 0 0;}
.sf-menu > li {
        float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
        display: block;
}

.sf-menu a {
        display: block;
        position: relative;
}
.sf-menu a:hover{text-decoration:underline;}


.sf-menu ul ul {
        top: 0;
        left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
        float: left;
        margin-bottom: 1em;
        position:relative;
        /*left:50%;*/
}
.sf-menu 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 */
}
.sf-menu a {
        font-family:Verdana,Arial;
        border-left: 0px solid #fff;
        border-top: 0px solid #2579a9; /* fallback colour must use full shorthand */
        border-top: 0px solid rgba(255,255,255,.5);
        padding: .35em 1.5em 1em 0.2em;
        text-decoration: none;
        zoom: 1; /* IE7 */
}
.sf-menu a {
        color: #555;
        font-size:1.0em;

}
.sf-menu ul li a {
        padding: .35em 1em .35em 0.5em;
        font-size:0.8em;
        text-transform:capitalize;
}
.sf-menu ul li li a {
        padding: .35em 1em .35em 0.5em;
        font-size:0.7em;
        text-transform:capitalize;
}
.sf-menu li {

        margin:0 0px 0 0;
        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;
        /*left:-50%;*/
}
.sf-menu ul li {
        background: #fff;
         border-bottom:1px solid #e4e4e4;
         width:100%;
         left:0%;


}
.sf-menu ul ul li {
        background: #fff;
         border-bottom:1px solid #e4e4e4;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
        /*background: #fff;*/
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;

}

/*** 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: 40%;
        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: #1c8b20; /* 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: #996633;

}


@media all and (min-width: 650px) and (max-width: 1000px) {
.sf-menu {
        float: left;
        margin-bottom: 1em;
        left:0%;

}

.sf-menu li {

        margin:0 0px 0 0;
        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;
        left:20%;

}

}

@media all and (min-width: 750px) and (max-width: 1100px) {
.sf-menu a {
        font-family:Verdana,Arial;
        border-left: 0px solid #fff;
        border-top: 0px solid #2579a9; /* fallback colour must use full shorthand */
        border-top: 0px solid rgba(255,255,255,.5);
        padding: .35em 0.9em 1em 0em;
        text-decoration: none;
        zoom: 1; /* IE7 */
}
}


@media all and (max-width: 750px) {
.sf-menu, .sf-menu * {display:none;}

}