/*
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  #topNav  {
    overflow: visible !important;
}

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


.sf-menu {
    margin-bottom: 0em;
    padding-left: 0px;
    padding-bottom: 0px;
    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: 'Montserrat', sans-serif;
    font-weight:400;
}

.sf-menu ul {
    min-width: 12em; 
    *width: 12em;
}
.sf-menu a, .sf-menu span.active, .sf-menu span.forward.trail, .sf-menu strong {
    border-left: 0px solid #fff;
    border-bottom: 0px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 0px solid #ccc; 
    padding:20px 15px 11px 15px;
    text-decoration: none;
    zoom: 1;
    font-size: 14px;
    font-weight: 400;
    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;
    font-family: 'Montserrat', sans-serif;
}
.sf-menu.level_1 > li {
    background: rgba(114,114,114, .8);
    margin:0px 20px;
}
.sf-menu.level_1 > li > a{


}



#navigation .inside ul.level_1 > li.trail > strong,  .sf-menu.level_1 > li > a.trail {
    padding: 21px 12px 10px 12px!important;
}




.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: 11px 18px 11px 10px;
    border-bottom:0px solid #e1e1e1;
} 


#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: rgba(114,114,114, .8);
}
.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;
}
.sf-menu .level_2  {
    /*background-color: #fff;*/
    padding:10px;
    padding-top:3px;
}

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

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

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

.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 25px;

}

#navi .sf-menu .level_2 li a {
    display:block;
}

.sf-menu ul li {
}

#navi .sf-menu ul li.last {

}

.sf-menu a.last{

}

#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:#f9c462;
}*/

/*#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 {
    color:#999;
}*/
/*#topNav .sf-menu ul.level_2 li a:hover {

    color:#FFF;
}*/

.sf-menu ul ul li {
    color: #FFF;
}
.sf-menu ul ul li a {
    color: #FFF;

}

.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 .level_2 li a:hover span{
    color: #FFF!important;
}
.sf-menu .level_2 li strong{
    display:block;
    padding-left:10px;
}
.sf-menu .level_2 li strong.active{
    border-bottom:1px solid #ffF;
}

.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: #777;*/
    text-transform:none!important;
    font-weight: 400;
}
.sf-menu .level_2 li:hover {
    /*background-color: #cce4de;*/
}
.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, .sf-menu span.forward.trail, .sf-menu a.submenu.trail, .sf-menu a.trail{
    color:#222;  
}
.sf-menu.level_1 > li > a, .sf-menu.level_1 > li > strong {
    text-transform: uppercase;
    display:block;
    padding:20px 15px 11px 15px;
    font-weight: normal;
}