/* MAINNAVIGATION */
mainnavigation {
	position:absolute;
	top:20px;
	right:0;
	display:inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	min-height:30px;
	line-height:30px;
}

mainnavigation ul li#searchButtonRes{
	display:none;
}

mainnavigation ul li#searchButton {
	width:20px;
	height:20px;
	margin-top:20px;
	margin-left:10px;
	display:block;
	border-bottom:none !important;
}
mainnavigation ul li#searchButton a {
	background-image:url("/page/_webpics/buttons/lupe-icon-glasmax.svg");
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:20px 20px;
	margin:0 !important;;
	width:20px;
	height:25px;
	display:block;
	border-bottom:none !important;
}

mainnavigation div#searchButtonRes {
	display:none;}


mainnavigation ul {
	list-style-type:none;
	margin:0;
	padding:0;

}

mainnavigation ul#navi li {
	display:inline-block;
	text-align:center;
}

mainnavigation ul#navi li a {
	font-size:12pt;
	line-height:40px;
	display:block;
	margin:0 12px;
	color:#0062a0;
	border-bottom:4px solid #fff;
}
mainnavigation ul#navi li a.akt, mainnavigation ul#navi li a:hover {
	border-bottom:4px solid #95c3e7;
}

mainnavigation ul#navi .dropNavMenu {
	display:none;
	margin-left:10px;
	padding-top:20px;
	position:absolute;
	z-index:1000;
	background-color:rgba(255,255,255,1);
	max-width:260px;
}

mainnavigation ul#navi .dropNavMenu ul {
	border-left:none !important;
		box-shadow:0 10px 20px rgba(0,0,0,.2);
}

mainnavigation ul#navi .dropNavMenu ul li {
	float:none;
	width:100% !important;
	text-align:left;
}

mainnavigation ul#navi .dropNavMenu ul li a {
	display:block;
	margin:0;
	padding:0 10px;
	border-right:none;
	font-size:12pt;
	border-bottom:none;
	border-top:1px solid #eaeaea;
	line-height:40px !important;
	white-space:nowrap;
	text-transform:uppercase;
	color:#0062a0;
}
mainnavigation ul#navi .dropNavMenu ul li a:hover, mainnavigation ul#navi .dropNavMenu ul li a.akt {
	color:#000;
}

#resNavi {
	display:none;
}



@media  only screen and (max-width: 1100px) {
	mainnavigation {
		top:10px;
	}
	mainnavigation div#searchButtonRes {
		display:block;
		position:absolute;
		right:50px;
	}

	mainnavigation div#searchButtonRes a {
		display:block;
		background-image:url("/page/_webpics/buttons/lupe-icon-glasmax.svg");
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:26px 26px;
		margin:0 !important;;
		width:30px;
		height:35px;
		display:block;
		border-bottom:none !important;
		float:left;
	}

	mainnavigation ul li#searchButton {
		display:none;
	}

	#resNavi {
		height:40px;
		width:40px;
		display:block;
	}
	#resNavi img {
		width:40px;
		height:auto;
		cursor:pointer;

	}

	#resNavi {
		width:100%;
	}
	#resNavi li {
		text-align:right;
	}
	#navi {display:none;z-index:1000;}
	#navBreak {display:none;}


	mainnavigation .innerBox {
		padding:0;
	}
	mainnavigation ul {
		border-left:none;
		width:100%;
	}
	mainnavigation ul#navi {
		background-color:#fff;
		position:absolute;
		right:-25px;
		margin-top:10px;
		width:260px;
		z-index:1000;
		box-shadow:0 10px 20px rgba(0,0,0,.2);
	}
	mainnavigation ul#navi li {
		width:100%;
		float:none;
		text-align:left;
		border-right:none;
		position:relative;

	}
	mainnavigation ul#navi li a {
		line-height:36px;
		margin:0;
		font-size:12pt;
		border-top:1px solid #eaeaea;
		border-bottom:none;
		padding:0 20px 0 20px;
	}
	mainnavigation ul#navi li a.akt, mainnavigation ul#navi li a:hover {
		border-bottom:none;
		background-color:#eef3f6;
	}

	mainnavigation ul#navi .dropNavMenu {
		display:none;
		margin-left:0;
		margin-top:0;
		position:relative;
		z-index:1000;
		background-color:#eef3f6;

	}
	
		mainnavigation ul#navi .dropNavMenu ul li {
			height:30px !important;
			}
	
	mainnavigation ul#navi .dropNavMenu ul li a {
		line-height:14px !important;
		padding:8px 30px 8px;
		white-space:normal;
		border-top:1px solid #fff;
		font-size:10pt;

	}


	mainnavigation ul#navi .dropNavMenu {
		padding-top:0;
	}
}


@media  only screen and (max-width: 900px) {

	subnavigation a {
		display:block;
		margin:0 15px;
		padding:5px 20px;
		border:2px solid #eef3f6;
		border-bottom:2px solid #eef3f6;
		color:#000;
		margin-bottom:3px;
	}

	subnavigation a.akt {
		background-color:#eef3f6;
		font-weight:bold;
	}

}


@media  only screen and (min-width: 1100px) {
	#navi {display:block !important;}
}