@charset "utf-8";

/* Navigation: Primary
##################################################################################################################### */
#nav {
    display: block;
    float: left;
    padding: 9px 0 0 0;

}

.sticky #nav {
    float: none;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 58.75em;
    display: inline-block;
}

#nav strong {
    font-weight: normal;
}

#priNavigation {
    list-style: none outside none;
    margin: 0;
    padding: 0 0.125em 0 0;
    position: relative;
    width: auto;
    display: block;
    float: right;
}

.sticky #priNavigation {
    padding: 8px 1px 0 0;
}

#priNavigation li:first-child {
    background: none;
}

* html #priNavigation li {
    /* IE6 fix */
    background: expression(this.previousSibling == null ? 'none' : 'transparent url(../Images/primaere_navigation_divider.png) no-repeat left 1px');
}

#priNavigation li {
    display: block;
    float: left;
    padding: 4px;
    background: transparent url(../Images/primaere_navigation_divider.png) no-repeat left 1px;
}

/* secondary navigation ############################# */

#priNavigation li strong,
#priNavigation li a,
#priNavigation li a:link,
#priNavigation li a:visited {
    position: relative;
    font-size: 1em;
    display: block;
    color: #000000;
    margin: -12px 0 0 0.0625em;
    padding: 10px 0.1875em 12px 0.1875em;
    text-decoration: none;
    font-style: normal;
}

#priNavigation li strong {
    color: #af1428;
    cursor: pointer;
}

#priNavigation li strong:hover,
#priNavigation li strong:focus,
#priNavigation li strong:active,
#priNavigation li a:hover,
#priNavigation li a:active,
#priNavigation li a:focus {
    font-style: normal;
    color: #af1428;
    background: url(../Images/mainnav_arrow.png) no-repeat center 37px;
    z-index: 2000;
}

#priNavigation li:hover > a,
#priNavigation li:focus > a,
#priNavigation li:active > a,
#priNavigation li:hover > strong,
#priNavigation li:focus > strong,
#priNavigation li:active > strong {
    font-style: normal;
    color: #af1428;
    background: url(../Images/mainnav_arrow.png) no-repeat center 37px;
    z-index: 2000;
}

#priNavigation li .nav-teaser a.mehr-button {
    background: url("../Images/Sprites.png") no-repeat scroll 98% -900px #AF1428;
    border-radius: 0 0 10px 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin-right: 5px;
    margin-top: 2px;
    padding: 3px 30px 3px 10px;
    text-decoration: none;
    font-weight: normal;
}

/* secondary #### */
#priNavigation ul {
    position: absolute;
    left: -999em;
    top: -999em;
    display: block;
    width: 680px;
    height: 310px;
    background: #fff url("../Images/mainnav_back.png") repeat-x 0 0;
    border: 1px solid #efefef;
    -webkit-border-radius: 0 0 35px 0;
    border-radius: 0 0 35px 0;
    -webkit-box-shadow: -1px 4px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
    padding: 30px 0 10px 0;
}

.ie #priNavigation ul {
    height: 310px;
}

#priNavigation li.over ul {
    left: -250px;
    top: 35px;
}

.no-js #priNavigation li:hover ul {
    left: -250px;
    top: 35px;
}

.sticky #priNavigation li.over ul {
    top: 45px;
}

#priNavigation li ul li {
    float: none;
    text-align: left;
    display: block;
    background: none;
    width: 360px;
    padding: 0;
    margin: 0 10px 0 10px;
}

#priNavigation li ul li a {
    float: none;
    display: block;
    background: transparent url("../Images/mainnav_trenner.png") no-repeat left bottom;
    padding: 4px 4px 4px 4px !important;
    margin: 0 !important;
}

#priNavigation li:hover > ul li strong,
#priNavigation li:focus > ul li strong,
#priNavigation li:active > ul li strong,
#priNavigation li ul li strong,
#priNavigation li ul li a:hover,
#priNavigation li ul li a:focus,
#priNavigation li ul li a:active {
    background: transparent url("../Images/mainnav_back_hover.png") no-repeat left bottom;
    margin: 0;
    padding: 4px 4px 4px 4px !important;
}

#priNavigation li ul li a em,
#priNavigation li ul li strong em {
    display: block;
    font-style: normal;
    font-family: wf-DINWeb-Bold;
    color: #000;
    background: url("../Images/Sprites.png") no-repeat 0 -272px;
    padding: 0 0 0 20px !important;
    display: block;
    cursor: pointer;
}

#priNavigation li ul li strong em,
#priNavigation li ul li a:hover em,
#priNavigation li ul li a:focus em,
#priNavigation li ul li a:active em {
    color: #af1428;
}

#priNavigation li ul li strong span.subTitle,
#priNavigation li ul li a span.subTitle {
    display: block;
    font-size: 0.875em;
    color: #616161;
    padding-left: 20px;
    padding-bottom: 5px;
}

#priNavigation li ul li strong span.subTitle {
    padding: 4px 4px 4px 20px;
}

#priNavigation li div.nav-teaser {
    position: absolute;
    left: -999em;
    top: -999em;
    width: 260px;
    overflow: hidden;
    padding: 30px 10px 10px 20px;
    text-align: left;
    height: 320px;
    background: url("../Images/mainnav_trenner_ul.png") no-repeat left top;
    display: block;
    z-index: 1001;
}

#priNavigation li.over div.nav-teaser {
    left: 120px;
    top: 40px;
}

.no-js #priNavigation li:hover div.nav-teaser {
    left: 120px;
    top: 40px;
}

#priNavigation .nav-teaser .csc-textpic-imagewrap a,
#priNavigation .nav-teaser h1 a,
#priNavigation .nav-teaser h2 a,
#priNavigation .nav-teaser h3 a,
#priNavigation .nav-teaser h4 a,
#priNavigation .nav-teaser h5 a,
#priNavigation .nav-teaser h6 a {
    padding: 0;
    margin: 0;
    line-height: 1.125em;
    background: none !important;
}