/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.09.2015, 10:45:02
    Author     : dirkmaintz
*/

#header .block {
    overflow: visible !important;
}

#menusecond.block{
    overflow: hidden !important;
}


.sf-menu {
    margin-bottom: 0em;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 0px solid #ff0000;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    z-index: 999;
    margin-top:0px;
    text-align: left;
    /*font-family: 'Istok Web', sans-serif;*/
}

.sf-menu ul {
    /*    box-shadow: 1px 1px 4px rgba(100,100,100,.2);*/
    min-width: 12em; 
    *width: 12em;
}
.sf-menu a, .sf-menu strong.active, .sf-menu strong.forward.trail {
    border-left: 0px solid #fff;
    border-bottom: 0px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 0px solid #ccc; 
    padding: 20px 10px 11px 10px;
    text-decoration: none;
    zoom: 1;
    font-size: 18px;
    font-weight: 300;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height: 22px;
    /*letter-spacing: 2px;*/
    text-transform: none
}


.sticky .sf-menu a, .sticky .sf-menu span.active, .sticky .sf-menu span.forward.trail{
    padding: 5px 18px 5px 0;

}
.sf-menu .level_2 a, .sf-menu .level_2 span.active, .sf-menu .level_2 span.forward.trail {
    padding: 10px 6px 10px 6px;
    border-bottom:0px solid #e1e1e1;
} 

.sf-menu a:hover{
    border-top: 0px solid #ccc;
    border-top:0px solid #1d3a8f;
}

#topNav .sf-menu li.last{
    border-right:0px solid #ccc;
}
#topNav .sf-menu .level_2 li{
    border-right:0px solid #ccc;
    display:block;

}
#topNav .sf-menu .level_2 {
    /*-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.55); 
    -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.55); 
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.55); */
    background-color:#FFF; 

}
.sf-menu li ul span.active {
    border-top: 0px solid #ccc;
}

.sf-menu a.last {
    background-image: none;
}
.sf-menu .level_2 a {
    background-image: none;
    color: #767676;
    display:block;
    border:1px solid #fff;
}
.sf-menu .level_2  {
    background-color: #fff;
    padding:6px;
}


.sf-menu span.forward.trail, .sf-menu a.submenu.trail, .sf-menu a.trail{
    color: #fff;
    display: block;
    border-top:0px solid #1d3a8f;
    border-bottom:0px solid #1d3a8f;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}
#topNav.sticky .sf-menu span.forward.trail, #topNav.sticky .sf-menu a.submenu.trail, #topNav.sticky .sf-menu a.trail{
    color: #2d6571;
}
.sf-menu  .submenu.trail.first.sf-with-ul {
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}


.sf-menu a {
    color: #333333;
}
.sf-menu a:hover {
    color: #999;
}
.sf-menu li {
    white-space: nowrap; 
    *white-space: normal; 
    -webkit-transition: background .4s;
    transition: background .4s;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    margin-left: 0px;
    padding: 0 4px;
    border-top:0px solid #FFF;
    position:static;
}
.sf-menu ul.level_2 {
    width:100%;
    margin-top:0px;
    background-color: #FFF;
    z-index:-1;
}
.startseite .sf-menu ul.level_2, .ohne .sf-menu ul.level_2 {
    margin-top:10px;

} 

.sf-menu ul.level_2 li {
    white-space: nowrap; 
    *white-space: normal; 
    -webkit-transition: background .4s;
    transition: background .4s;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    list-style-image: none;
    float:left;
    display:inline-block;
}

.sf-menu li.active span.active {
    display: block;
    color:#000;
}
.sf-menu li.trail {

}
.sf-menu li.first,  .sf-menu li.submenu.first.sFHover, .sf-menu span.forward.trail.submenu{
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}
#navi .sf-menu li.submenu, #navi .sf-menu li.sibling  {
    margin: 0 8px;
    border: 0px solid #ff0000;
}
#navi .sf-menu .level_2 li  {
    margin: 0 2px;
}
#navi .sf-menu .level_2 li a {
    display:block;
    padding:3px 3px;
}

#navi .sf-menu .level_2 li a:hover {
    background-color: #cce4de;
}

.sf-menu ul li {
}

.sf-menu a.last{

}
#navi .sf-menu ul li.last a:hover {

    color: #a4a69a;
}

#menufirst .sf-menu ul.level_2 li a, #menufirst .sf-menu ul.level_2 li span  {
    font-weight:normal;
    background-color:transparent;
    padding:14px;
    float:none;
}

#menufirst .sf-menu ul.level_2 li a:hover {
    color: #111!important;
}

#navi .sf-menu ul.level_2 li a:hover {
    color: #a4a69a;
    background-color:transparent;
}
#navi .sf-menu ul.level_2 li:hover {
    /*background-color: #cce4de;*/
    color:#777;
}

#navi .sf-menu ul.level_2 li.active:hover {
    background-color: transparent;
    color:#f9c462;
}

#topNav .sf-menu ul.level_2 li:hover, #topNav .sf-menu ul.level_2 li span.active,  #topNav .sf-menu ul.level_2 li.active {
    background-color: #FFF;
    color:#999;
}
#topNav .sf-menu ul.level_2 li a:hover {
    color:#222;
}

.sf-menu ul ul li {
    background: #9AAEDB;
    background-repeat: no-repeat;
    color: #767676;
}
.sf-menu ul ul li a {
    color: #767676;

}


.sf-menu li.submenu.sfHover {
    border-top:0px solid #1d3a8f;
}

.sf-menu li.submenu.sfHover a {

}

.sf-menu li.submenu.sfHover .level_2 a {
    color: #777;
}
.sf-menu li.submenu.sfHover .level_2 a:hover {
    color: #999;
    background-color: #cce4de;
}

.sf-menu li ul li a {
    border-top: 0px solid #ccc;
}



.sf-sub-indicator {
    display: none;
}
.sf-menu .level_2 a, .sf-menu .level_2 span {
    background-image: none;
    color: #333;
    text-transform:none!important;
    font-weight: 300;
}
.sf-menu .level_2 li:hover {
    /*background-color: #333;*/
}
/*.sf-menu .level_2 li:hover a, .sf-menu .level_2 li a:hover, .sf-menu .level_2 li a:hover span{
    color: #333;
}*/
.sf-menu .level_2 li:hover a{
    color: #333;
    border:1px solid #999;
}


.sf-menu li.forward.trail, .sf-menu li.trail {
    background-repeat: no-repeat;
    background-position: center bottom;
    /*    background-color:#fff;*/
}
/*.sf-menu li.forward.trail a, .sf-menu li.trail a{
 color:#af1022;   
}*/
.sf-menu li.forward.trail a, .sf-menu li.trail a, .sf-menu span.forward.trail, .sf-menu a.submenu.trail, .sf-menu a.trail{
    color:#222;  
}

.sf-menu li.trail{
    background: url('../../hg/pfeil_nav.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}

.level_1.sf-menu > li > strong{
    padding: 5px 10px;
    display: block;
}