/* brandpack SKIN */
.sf-menu
{
    float:left;
    margin-bottom:0;
}

.sf-menu a, .sf-menu span.active
{
    border-left:0px solid #004a96;
    text-decoration:none;
    padding: 0em 0.9375em 0em;
    color: #004a96;
    font-weight: 700;
    text-transform: uppercase;
}

.sf-menu li.active span.active {
    display: block;
    padding: 0em 0.9375em 0em;
    color: #e3000b;
}

.sf-menu span.active.first,
.sf-menu li.first,
.sf-menu li a.first
{
    border-left:0px solid #5a5a5a;
}


.sf-menu.level_1 li,
.sf-menu.level_1 li a,
.sf-menu.level_1 li.active span.active
{
    display: table-cell;
    height: 48px;
    /* max-width: 150px; */
    line-height:1.25em;
    vertical-align: bottom;
}

.sf-menu .level_2 li,
.sf-menu .level_2 li a
{
    max-width: 200px;
    height: auto;
    width: 200px;
}

.sf-menu ul.level_2
{
    background: url(../images/bg_subnavi_blau.png) no-repeat transparent;
    background-position: top left;
    margin-top:24px;
    padding-top:10px;
    padding-bottom:10px;
    width: 200px;
}

.sf-menu .level_2 a
{
    font-size: 0.9375em;
    padding: 0.75em 1em 0.75em;
    color: #fff;
    border-bottom:0px solid #c4c4c4;
}

.sf-menu li.submenu ul.level_2 li a:focus,
.sf-menu li.submenu ul.level_2 li a:hover,
.sf-menu li.submenu ul.level_2 li a:active,
.sf-menu li.submenu ul.level_2 li.sfHover,
.sf-menu li.submenu ul.level_2 li.sfHover a
{
    color: #004a96;
    background: url(../images/bg_subnavi_weiss_kl.png) repeat #fff;
    background-position: top left;
    width: 200px !important;
}

.sf-menu ul.level_3,
.sf-menu ul.level_4,
.sf-menu ul.level_5
{
    background: url(../images/bg_subnavi_weiss_kl.png) repeat #fff;
    background-position: top left;
    width: 200px !important;
}

.sf-menu .level_3 a,
.sf-menu .level_4 a,
.sf-menu .level_5 a
{
    font-size: 0.9375em;
    padding: 0.5em 1em 0.5em;
    color: #004a96;
}

.sf-menu li.submenu ul.level_3 li a:focus,
.sf-menu li.submenu ul.level_3 li a:hover,
.sf-menu li.submenu ul.level_3 li a:active,
.sf-menu li.submenu ul.level_4 li a:focus,
.sf-menu li.submenu ul.level_4 li a:hover,
.sf-menu li.submenu ul.level_4 li a:active,
.sf-menu li.submenu ul.level_5 li a:focus,
.sf-menu li.submenu ul.level_5 li a:hover,
.sf-menu li.submenu ul.level_5 li a:active
{
    background: url(../images/bg_subnavi_blau_kl.png) repeat #fff;
    background-position: top left;
    width: 200px !important;
    color: #fff;
}

.sf-menu.level_1 li.active span.active
{
    cursor:pointer;
}

.sf-menu .level_2 span.active,
.sf-menu .level_2 li span.active,
.sf-menu .level_2 li a span.active
{
    background: url(../images/bg_subnavi_weiss_kl.png) repeat #fff;
    background-position: top left;
    font-size: 0.9375em;
    padding: 0.5em 1em 0.5em;
    color: #004a96;
    cursor:pointer;
    width: 200px;
    height:17px !important;
}

.sf-menu .level_3 span.active,
.sf-menu .level_4 span.active,
.sf-menu .level_5 span.active,
.sf-menu .level_3 li span.active,
.sf-menu .level_4 li span.active,
.sf-menu .level_5 li span.active,
.sf-menu .level_3 li a span.active,
.sf-menu .level_4 li a span.active,
.sf-menu .level_5 li a span.active
{
    background: url(../images/bg_subnavi_blau_kl.png) repeat #fff;
    background-position: top left;
    font-size: 0.9375em;
    padding: 0.5em 1em 0.5em;
    color: #fff;
    cursor:pointer;
    width: 200px;
    height:17px !important;
}

.sf-menu .level_2 li.submenu.active span.active
{
    background: url(../images/bg_subnavi_weiss_arrow.png) no-repeat #fff;
    background-position: top left;
    font-size: 0.9375em;
    padding: 0.5em 1em 0.5em;
    color: #004a96;
    cursor:pointer;
    width: 200px;
    height:17px !important;
}

.sf-menu .level_3 li.submenu.active span.active,
.sf-menu .level_4 li.submenu.active span.active,
.sf-menu .level_5 li.submenu.active span.active
{
    background: url(../images/bg_subnavi_blau_arrow.png) no-repeat #fff;
    background-position: top left;
    font-size: 0.9375em;
    padding: 0.5em 1em 0.5em;
    color: #fff;
    cursor:pointer;
    width: 200px;
    height:17px !important;
}

.sf-menu li,
.sf-menu li a:focus,
.sf-menu li a:hover,
.sf-menu li a:active
{
    background: url(../images/trennlinie.png) no-repeat;
	background-position: bottom right;
    outline: 0;
    color: #e3000b;
    font-weight: 700;
}

.sf-menu li.last,
.sf-menu li.last a:focus,
.sf-menu li.last a:hover,
.sf-menu li.last a:active
{
    background: transparent;
}

.sf-menu li li
{
    background: transparent;
}

.sf-menu li li li
{
    background: transparent;
}

.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active
{
    background: url(../images/trennlinie.png) no-repeat;
	background-position: bottom right;
    outline: 0;
    color: #004a96;
    font-weight: normal;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
{
    background: url(../images/trennlinie.png) no-repeat;
	background-position: bottom right;
    outline: 0;
    color: #e3000b;
    font-weight: normal;
}

/* arrows */
.sf-menu a.sf-with-ul
{
    min-width:1px;
    padding-right:.95em;
}

.sf-sub-indicator
{
    width:10px;
    height:10px;
    right:.75em;
    position:absolute;
    overflow:hidden;
    display:block;
    text-indent:-999em;
    top: 1.05em;
    background: url(../images/arrows-white.png) no-repeat -10px -50px;
}

a > .sf-sub-indicator, span > .sf-sub-indicator
{
    top:.95em;
    background-position: 0 -50px;
}


/* apply hovers to modern browsers 
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px;
} */


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{
    background-position: -10px 0;
    top:.5em;
}

.sf-menu ul a > .sf-sub-indicator
{
    background-position: 0 0;
    top:.75em;
}

/* apply hovers to modern browsers */
ul.level_2.sf-menu a:focus > .sf-sub-indicator,
ul.level_2.sf-menu a:hover > .sf-sub-indicator,
ul.level_2.sf-menu a:active > .sf-sub-indicator,
ul.level_2.sf-menu li:hover > a > .sf-sub-indicator,
ul.level_2.sf-menu li.sfHover > a > .sf-sub-indicator,
ul.level_3.sf-menu > .sf-sub-indicator,
ul.level_3.sf-menu a > .sf-sub-indicator,
ul.level_4.sf-menu > .sf-sub-indicator,
ul.level_4.sf-menu a > .sf-sub-indicator
{
    background-position: -10px 0;
}

ul.level_3.sf-menu a:focus > .sf-sub-indicator,
ul.level_3.sf-menu a:hover > .sf-sub-indicator,
ul.level_3.sf-menu a:active > .sf-sub-indicator,
ul.level_3.sf-menu li:hover > a > .sf-sub-indicator,
ul.level_3.sf-menu li.sfHover > a > .sf-sub-indicator,
ul.level_4.sf-menu a:focus > .sf-sub-indicator,
ul.level_4.sf-menu a:hover > .sf-sub-indicator,
ul.level_4.sf-menu a:active > .sf-sub-indicator,
ul.level_4.sf-menu li:hover > a > .sf-sub-indicator,
ul.level_4.sf-menu li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0;
}

/* shadows for all but IE6 */
.sf-shadow ul
{
    box-shadow: 1px 2px 4px rgba(0,0,0, .2);
    /* background: url(../images/shadow.png) no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px; */
}

.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}