/* Tannheim Gemeinde CSS */

div.flyerNav_wrapper  {  text-align: center !important; width: 100%; margin: 0 0 20px 0; }
div.flyerNav { z-index: 4; text-align: center !important; max-width: 978px; margin: 0px auto !important; padding-bottom: 0px; background: #ffffff;}

div.flyerNav ul.ebene1 { font-size:0.97em; display: table; text-align: left !important; position: relative;  list-style-type: none; margin: 0px auto !important; padding: 0px !important; }

div.flyerNav ul li.ebene1 {	 width: 1%; display: table-cell !important;  vertical-align: middle;   text-align: center; margin: 0; padding: 0; }
/*content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 1.325rem;
    right: 7px; }
	*/
div.flyerNav ul li.ebene1 { width: 190px !important; float: left; text-align: center; margin: 0; padding: 0; height: 40px; }
div.flyerNav ul li.ebene1 + li.ebene1 { width: 190px !important; }
div.flyerNav ul li.ebene1 + li.ebene1  + li.ebene1 { width: 190px !important; }
div.flyerNav ul li.ebene1 + li.ebene1  + li.ebene1  + li.ebene1 { width: 190px !important; }

div.flyerNav ul li.ebene1:hover { background-color: #235578; color: #FFF !important; }



div.flyerNav ul li + li + li + li + li + li.ebene1 { border-right: 0px; margin-right: 0px !important;  margin: 0px !important;}
div.flyerNav ul li + li + li + li + li + li + li { display: none; }
div.flyerNav ul ul li + li + li + li + li + li + li { display: block; }

div.flyerNav a { font-size: inherit; line-height: 1; color: #0a0a0a; padding: 10px 5px; text-decoration: none;}

div.flyerNav li.ebene1 {border-right:1px solid #000000;}

div.flyerNav li.ebene1:last-child { border-right: none; }
div.flyerNav li.ebene1:hover > a { color: #FFF !important; display: block; /*height: 30px; !important*/}
/*div.flyerNav li.ebene1 > a::after
{
	content:"|";
}*/

div.flyerNav li.ebene1.sfHover a:hover { color: #235578 !important; }


/*div.flyerNav li.ebene1.currentParent a { color: #235578 !important; }
div.flyerNav li.ebene1.currentParent a:hover { color: #235578 !important; }
div.flyerNav li.ebene1.currentParent ul a { color: #000000 !important; }*/
div.flyerNav li.ebene1.currentParent ul a:hover{ color: #ffffff !important; }

div.flyerNav li.ebene1.sfHover a { color: #45c0b6 !important; }
div.flyerNav li.ebene1.current   { color: #efefef !important;  }
div.flyerNav li.ebene1.currentParent { color: #235578 !important; background: #ffffff; }
/*div.flyerNav li.ebene1 a.active { color: #235578 !important; }*/
div.flyerNav li.ebene1 a span.subtitle { display: block; line-height: 1.3em; font-size: 13px; border-top: 2px solid #A6C1D0; padding-top: 3px;}

div.flyerNav ul.ebene2 { white-space: normal !important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
div.flyerNav ul li ul.ebene2 { /*margin-left:-7px;*/ background: #ffffff; /*bf4a9b*/ position: relative !important; width: 230px !important; z-index: 300 !important; padding: 0px !important; margin-top:2.5em; }
div.flyerNav ul li ul li.ebene2 { width: 100%; padding: 0px !important; margin-top:0px;  }
div.flyerNav ul li ul li.ebene2 a { color: #235578 !important; display: block; text-align: left; padding: 0.75rem 1.4rem; margin: 0px !important; line-height: 1.5rem; border-bottom: 1px solid #f0f0f0 !important; }
div.flyerNav ul li ul li.ebene2 a:hover {  color: #ffffff !important; /*#bf4a9b !important;*/ background: #235578; transition: all 0.5s ease; border: 1px solid none;}

div.flyerNav ul.ebene3 { }
div.flyerNav ul.ebene3 li.ebene3 a { line-height: 1.7em; }
div.flyerNav ul.ebene3 li.ebene3 a { font-size: 0.9em !important; border-bottom: 0px !important; }
div.flyerNav ul.ebene3 li.ebene3 a:before { content:"> "; font-size: 0.9em !important;}

/*** ESSENTIAL STYLES ***/

div.flyerNav .sf-menu, .sf-menu * {	margin:	0; padding: 0; list-style: none; }
div.flyerNav .sf-menu ul { position:	relative; top:	-999em;	  }
div.flyerNav .sf-menu a { display: block; position: relative;}
div.flyerNav ul.sf-menu li:hover ul.ebene2 {  top: -35px;  width: 981px; z-index: 109; }

div.flyerNav ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { position: relative !important; top: 0em; }
div.flyerNav ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em;}

li.ebene2.child_5 { clear: left;}