/*
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: 'Roboto', sans-serif;
}

.sf-menu ul {
    box-shadow: 0px 0px 0px rgba(100,100,100,0);
    min-width: 12em; 
    *width: 12em;
}
.sf-menu a, .sf-menu span.active, .sf-menu span.forward.trail {
    border-left: 0px solid #fff;
    border-bottom: 0px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 0px solid #ccc; 
    padding: 12px 10px 12px 10px;
    text-decoration: none;
    zoom: 1;
    font-size: 15px;
    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: uppercase;
}


.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: 8px 18px 8px 0;
} 

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


.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:transparent;
  padding:10px;
}


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

.sf-menu a {
    color:#FFF;
    text-decoration: none;
}
.sf-menu a:hover {
    color:#ccc;
    text-decoration: none;
}
#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: #d0d0d0;
}
.sf-menu a::before{
     content:url('../../hg/nav_blatt.png');
     padding-right:4px;
}
.sf-menu span::before{
     content:url('../../hg/nav_blatt_sel.png');
     padding-right:4px;
}
ul.level_1.sf-menu > li.trail{
    background:  rgba(0,0,0,.3);
}
.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 li.active span.active {
    display: block;
    color:#FFF;
}

.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 {
    margin-right: 45px;
}

.sf-menu ul li {
}

#navi .sf-menu ul li.last {
    background: rgba(255,255,255,.9);
    border-radius: 0px 0px 16px 16px;
    -moz-border-radius: 0px 0px 16px 16px;
    -webkit-border-radius: 0px 0px 16px 16px;
}

.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: #fff;
    	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-color: #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: #CCC;
}
.sf-menu li.submenu.sfHover .level_2 a:hover {
    color: #000;
}
.sf-menu li.submenu.sfHover .level_2 li:hover {
    background: rgba(255,255,255,.6);
}
.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: #FFFFFF;
    text-transform:none!important;
    font-weight: 300;
  
}

.sf-menu li.forward.trail, .sf-menu li.trail {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color:transparent;
}

.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:#FFFFFF;  
}


.sf-menu li ul.level_2{
    position:absolute;
        -webkit-transition: all 4s ease-in-out;
    -moz-transition: all 4s ease-in-out;
    -o-transition: all 4s ease-in-out;
    transition: all 4s ease-in-out;
    opacity:0!important;
}
.sf-menu li.sfHover ul.level_2{
    opacity:1!important;
    display: block!important;
    background:rgba(86,14,3,.8);
    li{
            border-bottom: 1px solid #999;
            a{
                 border-bottom: 1px solid #999;
            }
    }
}