/* #############################################
									
	Regeln für Layout und Positionierung der
	Strukturierenden Elemente
											   
##############################################*/


header .mod_navigation { float: left; }
header .mod_navigation.block { overflow:visible; }

header .mod_navigation ul li { display: inline-block; position:relative; height: auto; line-height: 70px; }
header .mod_navigation ul li ul li { height: auto; line-height: 30px; }
.is-sticky header .mod_navigation ul li { height: auto; line-height: 30px; }


/* Layout des DIV's, das das Menü umgibt */
header .mod_navigation {
	z-index: 999;
}

/* Layout und Positionierung der 1. Ebene */
header .mod_navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
/* Layout und Positionierung der 2. Ebene */
header .mod_navigation ul ul {
	position: absolute;
	line-height: 30px;
	top: 70px;
	z-index: 999;
	visibility: hidden;	
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s;
	-moz-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s;
	-ms-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s;
	-o-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s;
	transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s;
}
.is-sticky header .mod_navigation ul ul { top: 46px; }

/* Zeiger der Menus 2. Ebene */
header .mod_navigation ul ul:before{ content:"\f0d8"; font-family:FontAwesome; color: #d8d8d8; font-size:44px; position: relative; top: 18px; left: 0px; line-height: 0; }

/* Zeiger der Menus 3. Ebene */
header .mod_navigation ul ul ul:before{ content:"\f0d9"; font-family:FontAwesome; color: #d8d8d8; font-size:44px; position: relative; top: 44px; left: -15px;}


/* Layout und Positionierung der 3. Ebene */
header .mod_navigation ul ul ul {
	top: -18px;
	left: 104%;
}

.is-sticky header .mod_navigation ul ul ul { top: -10px; }

/* Layout und Positionierung der 3. Ebene bei links ausklappenden Untermenü */
header .mod_navigation ul ul li.left-flyout ul{
	left: -100%;
	width: 220px;
}
/* Layout und Positionierung der Listenpunkte aller Ebenen */
header .mod_navigation li  {
	float: left;
	position: relative;
	width: auto; /* ACHTUNG: 2 Pos unten muss die Weite auch angepasst werden, +1px */
}


header .mod_navigation ul.level_2 li.first, header .mod_navigation ul.level_2 li {
	min-width: 260px;
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
	-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.2);  
	-moz-box-shadow:0 4px 5px rgba(0,0,0,0.2);  
	box-shadow:0 4px 5px rgba(0,0,0,0.2);
}

/* der aktive Listenpunkt aller Ebenen wird gehighlightet */
header .mod_navigation strong.active, header .mod_navigation strong.trail {
	color: #afca05 !important;
	border-top: 4px solid #e8641b !important;
}
header .mod_navigation .trail {
	color: #afca05 !important;
}

header .mod_navigation ul ul li strong.active {
	color: #afca05 !important;
	border-top: 4px solid #ffffff !important;
	font-weight: 600;
}



/* #############################################
									
	Regeln für das Aussehen der Links
											   
##############################################*/

/* Aussehen normaler Links - 1. Ebene */
/*header .mod_navigation span,*/
header .mod_navigation strong,
header .mod_navigation a,
header .mod_navigation a:visited {
	display: block;
	color: #898989;
	text-decoration: none;
	/* background: #ffffff; */
	padding: 16px 11px 18px 11px;
	margin: 0 1px 0 1px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	border-top: 4px solid #fff;
	transition: all 0.3s ease 0s;
}
/* Aussehen der Links mit Untermenü - 1. Ebene */
header .mod_navigation a.submenu,
header .mod_navigation a.submenu:visited,
header .mod_navigation ul.level_1 span.submenu {
	/* background: #ffffff url(arrow-down.gif) no-repeat center bottom; */
}
/* Aussehen normaler Links - 2. Ebene */
header .mod_navigation ul ul span,
header .mod_navigation ul ul strong,
header .mod_navigation ul ul a,
header .mod_navigation ul ul a:visited {
	background: #fff;
	text-align: left;
	font-size: 0.95em;
	font-weight: 300;
	padding: 10px 11px 13px;
}
/* Aussehen der Links mit Untermenü - 2. Ebene */
header .mod_navigation ul ul a.submenu,
header .mod_navigation ul ul span.submenu,
header .mod_navigation ul ul strong.submenu,
header .mod_navigation ul ul a.submenu:visited {
	/* background: #fff url(arrow.gif) right center no-repeat; */
}
/* Aussehen normaler Links - 3. Ebene */
header .mod_navigation ul ul ul a,
header .mod_navigation ul ul ul a:visited {
	
}


/* #############################################
									
	Regeln für das Aussehen der Hover Effekte
											   
##############################################*/

/* Hover Effekte der Links - 1. Ebene */
header .mod_navigation :hover > a {
	background: #fff;
	border-top: 4px solid #afca05;
	transition: all 0.3s ease 0s;
}
/* Hover Effekte der Links mit Untermenü - 1. Ebene */
header .mod_navigation :hover > a.submenu {
	/* background: #efefef url(../../files/jkm/theme/css/arrow-down.gif) center bottom no-repeat; */
}
/* Hover Effekte der Links - 2. Ebene */
header .mod_navigation ul ul :hover > a {
	color: #afca05;
	border-top: 4px solid #ffffff;
	padding-left: 22px;
}
/* Hover Effekte der Links mit Untermenü - 2. Ebene */
header .mod_navigation ul ul :hover > a.submenu {
	background: #fff url(../../theme/css/arrow.gif) right center no-repeat;
}

/* Hover Effekte der Links - 3. Ebene */
header .mod_navigation ul ul ul :hover > a {
		
}

/* #############################################
									
	Regeln für die Dropdown Funktion
											   
##############################################*/

header .mod_navigation ul li:hover > ul {
	visibility: visible;
	opacity: 1;	
	-webkit-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s;
	-moz-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s;
	-ms-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s;
	-o-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s;
	transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s;
}