@charset "utf-8";

/* Navigation: Primary
##################################################################################################################### */
#nav {
    display: block;
    float:left;
    padding: 0.75em 0 0 0;
}

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

#nav strong {
    font-weight: normal;
}

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

.sticky #priNavigation {
    padding:8px 1px 0 0;
    position: absolute;
    top: 0;
    right: 55px;
}

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

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

#priNavigation li strong,
#priNavigation li a {
    position: relative;
    font-size: 1em;
    display: block;
    color: #000;
    margin: -12px 0 0 0.0625em;
    padding: 10px 0.625em 12px 0.625em;
    font-style: normal;
    text-transform: uppercase;
}
#priNavigation li a.mehr-button-navi {
    text-transform: none;
    background: url("../Images/Icons/wj2014-link-intern.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
    color: #000;
    display: inline-block;
    font-family: wf-DINWeb-Bold,Arial,Helvetica,sans-serif;
    padding: 0 22px 0 0;
    text-decoration: none;
    transition: background-color 0.3s ease 0s;
}
#priNavigation li a.mehr-button-navi:hover,
#priNavigation li a.mehr-button-navi:active,
#priNavigation li a.mehr-button-navi:link {
    color: #000;
}

#priNavigation li.zs strong,
#priNavigation li.zs a {
    border-bottom:1px solid transparent;
}

#priNavigation li strong {
    color: #cc323d;
    cursor: pointer;
    text-decoration: underline;
}

#priNavigation li.sub > a {
    color: #cc323d;
    text-decoration: underline;
}

#priNavigation li strong:hover,
#priNavigation li strong:focus,
#priNavigation li strong:active,
#priNavigation li a:hover,
#priNavigation li a:active,
#priNavigation li a:focus {
    text-decoration: underline;
    color: #cc323d;
}

#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;
    background: url(../Images/mainnav_arrow.png) no-repeat center 37px;
    z-index: 2000;
    color: #cc323d;
}

#priNavigation li.zs:hover > a,
#priNavigation li.zs:focus > a,
#priNavigation li.zs:active > a,
#priNavigation li.zs:hover > strong,
#priNavigation li.zs:focus > strong,
#priNavigation li.zs:active > strong {
    border-bottom:1px solid #cc323d;
    background: transparent;
    padding: 10px 0 3px;
    margin: -12px 0.625em 0 0.6875em;
}

/* secondary navigation ############################# */
#priNavigation ul {
    position:absolute;
    left:-999em;
    top:-999em;
    display:block;
    width:668px;
    min-height:310px;
    background-color: #ffffff;
    border-bottom: 7px solid #0069b4;
    -webkit-box-shadow: -1px 4px 10px 2px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 4px 10px 2px rgba(0, 0, 0, 0.5);
    z-index:1000;
    padding:30px 0 10px 0;
}

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

#priNavigation li.over ul {
    left:auto;
    right:-55px;
    top:35px;
}

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

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

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

#priNavigation li ul li a:before,
#priNavigation li ul li strong:before {
    content: "// ";
}

#priNavigation li ul li strong,
#priNavigation li ul li a,
#priNavigation li.sub ul li a {
    float: none;
    display: block;
    border-bottom: 1px solid #000;
    padding: 4px 4px 4px 4px!important;
    margin: 0!important;
    color: #000;
}

#priNavigation li ul li strong,
#priNavigation li.sub ul li strong,
#priNavigation li ul li a:hover,
#priNavigation li ul li a:focus,
#priNavigation li ul li a:active {
    color: #cc323d;
}

#priNavigation li div.nav-teaser {
    position:absolute;
    left:-999em;
    top:-999em;
    width:280px;
    overflow:hidden;
    padding:30px 20px 0 20px;
    text-align:left;
    max-height:310px;
    display:block;
    z-index:1001;
    text-transform: none;
}

#priNavigation li.over div.nav-teaser,
.no-js #priNavigation li:hover div.nav-teaser {
    /*left:156px;
    top:35px;*/
    left: auto;
    right: -55px;
    top: 35px;
}

#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;
}

#priNavigation li .nav-teaser a.mehr-link {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin-right: 5px;
    margin-top: 2px;
    padding: 0 0 0 22px;
    font-weight:normal;
    text-transform: none;
    color: #000;
    text-decoration: none;

    -webkit-transition: background-color 0.3s ease;
    -moz-transition:    background-color 0.3s ease;
    -o-transition:      background-color 0.3s ease;
    transition:         background-color 0.3s ease;
}
#priNavigation li .nav-teaser a.mehr-link:hover,
#priNavigation li .nav-teaser a.mehr-link:focus,
#priNavigation li .nav-teaser a.mehr-link:active {
    color: #000;
    text-decoration: none;
}

#priNavigation .nav-teaser a.internal-link {
    text-decoration: none !important;
    background: url("../Images/Icons/wj2014-link-intern.png") no-repeat right 4px transparent;
    margin-bottom: 0;
    padding:0 25px 5px 0;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition:    background-color 0.3s ease;
    -o-transition:      background-color 0.3s ease;
    transition:         background-color 0.3s ease;
    display:inline-block;
}

#priNavigation .nav-teaser a.internal-link:hover,
#priNavigation .nav-teaser a.internal-link:focus {
    background-color: #EA5153;
}