/* HAUPTNAVIGATION */
/*nav {
	position: absolute;
	right: 15px;
	bottom: 0px;
}*/


.lt-ie9 .notoldie, .oldie .notoldie {
	display:none;
}

.showoldie {
	display:none;
}

.lt-ie9 .showoldie, .oldie .showoldie {
	display:block;
}


nav {
	clear:right;
	float:right;
	margin-top:11px;
}

/*
.lt-ie9 nav, .oldie nav {
}

.lt-ie9 nav {
	margin-left:150px;
}
*/

.lt-ie9 nav {
	margin-right:200px;
}

.ie7 nav {width:900px; margin-bottom:-37px;}

.ie7 nav li {border:none;}

.ie7 form {width:200px;}

nav ul ul {
	display: none;
}

nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	-webkit-tap-highlight-color: transparent;
}
nav > ul > li {
	float: left;
	border-left: 1px solid #f0f0f0;
	padding: 18px 25px;
	position: relative;
	height: 65px;
}
nav > ul > li:first-child {
	border: 0px;
}

nav ul li a {
	color: #676767;
	display: block;
	position: relative;
}
nav ul li a:active {

}
nav ul li a:hover,
nav ul li.active a {
	color: #0077c7;
}
nav ul li ul li a:hover {
	font-family: 'DINNextLTPro-Regular'; /*'Klavika-Medium';*/
}

nav > ul > li > a {
	font-size: 17px;
}
/* UNTER NAVIGATION  */
nav > ul > li.has-children > a:after,
nav > ul > li.has-children.hover > a:after {
	position: absolute;
	width: 9px;
	height: 6px;
	background: url(../images/navigation_arrow_bottom_blue.png);
	left: 50%;
	margin-left: -4px;
	bottom: -7px;
	content: "";
	/*opacity: 0;*/
	display: none;
}
nav > ul > li.has-children > a:hover:after,
nav > ul > li.has-children.hover > a:after {
	/*opacity: 1;*/
	display: block;
	bottom: -10px;
}

nav > ul > li.has-children:hover > ul,
nav > ul > li.has-children:hover > ul
	{
	/*opacity: 1;*/
	display: block;
	visibility: visible;
	/*top: 72px;  höre der navigation 65px + border von 7px */
}
nav > ul > li.has-children > ul {
	background-color: #0077c7;
	position: absolute;
	left: 0px;
	width: 100%;
	min-width: 200px;
	margin: 0px;
	z-index: 1;
	border-top: 7px solid #0077c7; /* fix, damit der mauszeiger auch hover auslöst */
	top: 65px;
	display: none;
}
nav > ul > li.has-children.last-child > ul,
nav > ul > li.has-children.open_left > ul {
	left: auto;
	right: 0;


}
nav > ul > li.has-children > ul > li:first-child {
	border-top: 0px;
}
nav > ul > li.has-children > ul li {
	border-top: 1px solid #4491b9;
	position: relative;
	z-index: 10;
}
nav > ul > li.has-children > ul li a {
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 5px;
}
nav > ul > li.has-children > ul > li > a:hover,
nav > ul > li.has-children > ul > li.hover > a {
	background-color: #f2f2f2;
	color: #0077c7;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
}

/* UNTER UNTER NAVIGATION */
nav > ul > li.has-children ul > li > ul {
	background-color: #f2f2f2;
	position: absolute;
	left: 75%;
	width: 100%;
	min-width: 200px;
	margin: 0px;
	z-index: 1;
	top: 0px;
	display: none;
}
nav > ul > li.has-children > ul > li:hover > ul,
nav > ul > li.has-children > ul > li.hover > ul{
	display: block;
	left: 100%;
	top: 0px;
}
nav > ul > li.has-children:last-child ul > li > ul,
nav > ul > li.has-children.last-child ul > li > ul {
	left: auto;
	right: 75%;
}
nav > ul > li.has-children:last-child > ul > li:hover > ul,
nav > ul > li.has-children.last-child > ul > li.hover > ul {
	right: 100%;
	left: auto;
}
nav > ul > li.has-children > ul > li:hover > ul > li,
nav > ul > li.has-children > ul > li.hover > ul > li {
	border-top: 1px solid #d7dadc;
}
nav > ul > li.has-children > ul > li:hover > ul > li:first-child,
nav > ul > li.has-children > ul > li.hover > ul > li:first-child {
	border-top: 0px;
}
nav > ul > li.has-children > ul > li:hover > ul > li a,
nav > ul > li.has-children > ul > li.hover > ul > li a {
	color: #444444;
}
nav > ul > li.has-children > ul > li:hover > ul > li a:hover,
nav > ul > li.has-children > ul > li.hover > ul > li a:hover {
	color: #0077c7;
}

/* TOP NAVIGATION QUICKLINKS */
/*.quicklinks {
	position: absolute;
	right: 30px;
	top: 20px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}*/
.quicklinks {
	float:right;
	margin-right: 15px;
	margin-top: 20px;
	list-style-type: none;
	padding: 0px;
}
.quicklinks li {
	float: left;
}
.quicklinks li a {
	padding: 0px 10px;
	color: #a4a3a3;
	font-size: 13px;
}
.quicklinks li a:hover,
.quicklinks li.active a {
	color: #0077c7;
}

/* BREADCRUMB */
.breadcrumb ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.breadcrumb ul li {
	float: left;
	color: #8a8a8a;
	font-size: 11px;
	padding: 0 3px 0 0 ;
	line-height: 20px;
}
.breadcrumb ul li a:before {
	content: '»';
	color: #676767;
	padding-right: 3px;
}
.breadcrumb ul li a {
	color: #676767;
	font-size: 12px;
	line-height: 20px;
}
.breadcrumb ul li.active a,
.breadcrumb ul li a:hover {
	color: #0077c7;
}



@media screen and (max-width: 767px) {
/*	body nav {
		position: relative;
		right: auto;
		bottom: auto;
	}*/

nav {
	float:left;
	clear:left;
	margin:0;
}

	body nav > ul > li {
		float: none;
		height: auto;
	}

	/* RESET: Position, Opacity */
	body nav > ul > li.has-children > ul,
	body nav > ul > li.has-children.hover > ul,
	body nav > ul > li.has-children > ul > li.has-children > ul,
	body nav > ul > li.has-children > ul > li.has-children.hover > ul {
		display: none;
		top: 0px;
		left: 0px;
		position: static;
		width: 100%;
	}

	nav > ul {
		padding: 20px;
		padding-top:0;
	}
	nav > ul > li {
		padding: 5px;
		border: 0px;
		border-top: 1px solid #F2F2F2;
	}

	nav > ul > li.has-children > a:after,
	nav > ul > li.has-children.hover > a:after {
		background-image: none;
	}

	/* Links links ausrichten */
	body nav > ul li a {
		text-align: left!important;
	}

	body nav > ul > li > ul {
		display: none;
	}

	/* AKTIV */
	body nav ul li.active > ul {
		display: block!important;
		border: 0px;
		background-color: transparent!important;
		margin-left: 20px!important;
	}
	body nav ul li.active > ul li {
		border-top: 0px;
	}
	body nav ul li.active > a {
		color: #0077c7!important;
		font-family: 'Klavika-Medium';
	}
	body nav ul li.active > ul li a {
		color: #444;
		padding: 0px;
	}

	.quicklinks {
		padding: 10px 20px;
		padding-bottom:0;
		padding-top:0;
		float:left;
		margin-bottom:0;
		margin-top:0;
	}
	.quicklinks li a {
		/*color: #fff;*/
	}
	.quicklinks li a:hover {
		/*color: #fff;*/
	}

	body header .logo {
		display: block;
		margin: 20px;
	}
	body header .logo img {
		display: block;
		margin: 0 auto;
		position: relative;
		left: -10px;
	}


}