/*
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-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: 'Open Sans', 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; 
    text-decoration: none;
    zoom: 1;
    font-size: 16px;
    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: 'Open Sans', sans-serif;
    color:#fff;
}
.sf-menu.level_1 > li {
    margin:0px 20px;
}
.sf-menu.level_1 > li > a, .sf-menu.level_1 > li > span {
color:#fff0b9;
color:#e6d692;
}



#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 {

    background: rgba(255,255,255, .9);
}
.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;
    background-color:rgba(91, 30, 41,.8);
    padding:10px;
    padding-top:3px;
                -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
            -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
            box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
}

.sf-menu .level_2  li{
display:block;
}

.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 1px;
    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;
    display:block;
    width:100%;
}

.sf-menu li.active span.active {
    display: block;
    color:#000;
    color:#fff0b9;
}

.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;
    display:block;
}
.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;
    border-bottom:1px solid #333;
}

.sf-menu .level_2 li a:hover span{
    color: #fff!important;

}
.sf-menu .level_2 li:hover {
    color: #fff!important;
    background-color: #883e44
}
.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;*/
    color: #fff0b9;
    text-transform:none!important;
    font-weight: 100;
    font-size:13px;
    font-style: italic;
    display:block;
}
.sf-menu .level_2 li:hover {
    /*background-color: #cce4de;*/
}
.sf-menu li.forward.trail, .sf-menu li.trail {
    /*    background-color:#fff;*/
    background: url('../../hg/navHigh.png');
background-position: center 25px;
    background-repeat: no-repeat;
    padding-bottom:30px;
    
}

.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:#fff0b9;  
    /* color:#b8a762; */
}
.sf-menu.level_1 > li > a, .sf-menu.level_1 > li > strong {
    text-transform: none;
    display:block;
    /*padding:20px 15px 11px 15px;*/
    font-weight: normal;
    /* color:#b8a762; */
    color:#cb8977;
}
.sf-menu.level_1 > li:hover > a, .sf-menu.level_1 > li:hover > strong {
    color:#fff0b9;  
}

.sf-menu span.btn_bestattungshaus, .sf-menu a.btn_bestattungshaus, .sf-menu span.btn_bestattungsvorsorge, .sf-menu a.btn_bestattungsvorsorge{
    text-align: center;
}