/* ### header navigation - first level ###*/
.headerNavigation{
	/*width:100%;*/
	min-height:36px;
	margin:0 0 0 0;
	padding:0 0 20px 0;
	padding:0px;
	background-color:transparent;
}
.headerNavigation ul{
	display:block;
	z-index:999;
	/*width:100%;*/
	/*margin:4px auto -4px auto;*/
	margin:0px auto 0px auto;
	padding:0 0 0 0;
}
	/*nur chrome
	@media screen and (-webkit-min-device-pixel-ratio:0) 
	{
		.headerNavigation ul{margin:0px auto -4px auto;}
	
	}*/


.headerNavigation ul li{
	display:block;
	float:left;
	/*border-right:1px solid #fff;*/
	position:relative;
	z-index:999;
	outline:none;
	list-style-type:none;
	list-style-image:none;
}
.headerNavigation ul li span.mod-menu__heading
{
	display:block;
	color:#5d6e7f;
	font-weight:500;
	font-size:1.7rem;
	padding:16px 16px 8px 16px;
	position:relative;
	transition: color 200ms, background 200ms;
	outline:none;
	text-transform: uppercase;
	letter-spacing:0.02em;
	text-decoration:none;	
}
.headerNavigation ul li a{
	display:block;
	color:#5d6e7f;;
	font-weight:500;
	font-size:1.7rem;
	padding:16px 16px 8px 16px;
	position:relative;
	transition: color 200ms, background 200ms;
	outline:none;
	text-transform: uppercase;
	letter-spacing:0.02em;
	text-decoration:none;
}
.headerNavigation ul li.active a{
	color:#6ab1e3;
	text-decoration: none;
}
.headerNavigation ul li a:hover,
.headerNavigation ul li a:focus,
.headerNavigation ul li a:active,
.headerNavigation ul li:hover a,
.headerNavigation ul li.focused a{
	color:#2a6496;
	text-decoration: none;
	background-color: transparent;
}
.headerNavigation ul li.focused ul li a{
	color:#6ab1e3;
}
.headerNavigation ul li a span.navSpacer{
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:4px;
	background-color:#B7bdc1;
	bottom:-4px;
}


.headerNavigation ul li:hover a span.navSpacer,
.headerNavigation ul li a:active span.navSpacer,
.headerNavigation ul li a:focus span.navSpacer,
.headerNavigation ul li.active a span.navSpacer,
.headerNavigation ul li.focused a span.navSpacer{
	background-color:#ff9900;
}

/* ### second level - default ### */
.headerNavigation ul li ul{
	visibility:hidden;
	position:absolute;
	/*margin:4px 0 0 0;*/
	margin:0;
	padding:0px;
	width:auto;
	opacity:0;
	background-color:white;
	box-shadow:3px 3px 5px 0px rgba(0, 0, 0, 0.3);
	transition: opacity 200ms;
	z-index:999;
}
.headerNavigation ul li:hover ul,
.headerNavigation ul li:focus ul,
.headerNavigation ul li:active ul,
.headerNavigation ul li.focused ul{
	visibility:visible;
	opacity:1.0;
}
.headerNavigation ul li ul li{
	display:block;
	float:left;
	padding:0px;
	margin:0;
	border:none;
	background-color:white;
	min-width:200px;
	padding:2px 5px 2px 16px;

}
.headerNavigation ul li ul li a,
.headerNavigation ul li:hover ul li a{
	display:inline;
	color:black;
  	font-weight:normal;
	border-bottom:2px solid white;
	margin:0;
	padding:0px;
	transition:none;
	text-transform:none;
	font-size:16px;
	font-weight:300;
}
.headerNavigation ul li ul li:first-child a{
	border:none;
}
.headerNavigation ul li ul li a:hover,
.headerNavigation ul li ul li a:focus,
.headerNavigation ul li ul li a:active,
.headerNavigation ul li ul li.active a{
	border-bottom:2px solid #2a6496;;
}