/* MAINNAVIGATION */
div.mainnavigation {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0;
}

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

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

div.mainnavigation ul#navi li a {
	font-size:12pt;
	line-height:25px;
	display:block;
	padding:0 7px;
	color:#9ecbe6;
}
div.mainnavigation ul#navi li a.akt, div.mainnavigation ul#navi li a:hover {
	color:#fff;
}

div.mainnavigation ul#navi .dropNavMenu {
	position:absolute;
	display:none;
}
div.mainnavigation ul#navi .dropNavMenu ul {
	border-left:none !important;
}

div.mainnavigation ul#navi .dropNavMenu ul li {
	float:none;
	display:block;
	text-align:left;
}

div.mainnavigation ul#navi .dropNavMenu ul li a {
	background-color:#f7f7f7;
	color:#0082c8;
	line-height:38px;
	text-align:left;
	padding:0 20px;
	font-size:12pt;
	font-weight:normal;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
}

div.mainnavigation ul#navi .dropNavMenu ul li a.akt {
	background-color:#afafaf;
	color:#fff;
}
div.mainnavigation ul#navi .dropNavMenu ul li a:hover {
	background-color:#afafaf;
	color:#fff;
}

div.mainnavigation ul#navi .dropNavMenu .dropNavLev3 {
	position:relative;
}
div.mainnavigation ul#navi .dropNavMenu .dropNavLev3 ul {
	position:absolute;
	left:100%;
	top:-38px;
	display:none;
	padding-left:2px;
}
div.mainnavigation ul#navi .dropNavMenu .dropNavLev3 ul li a {
	white-space:nowrap;
}

div.mainnavigation.isTop {
	position:fixed;
	background-color:#0082c8;
	left:0;
	top:0;
	width:100%;
	z-index:20000;
	border-bottom:1px solid #0082c8;
box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
div.mainnavigation.isTop ul {
	text-align:center;
}
div.mainnavigation.isTop ul#resNavi li img {
	text-align:center;
	padding-right:20px !important;;
}


div.mainnavigation.isTop ul#navi li a {
	line-height:50px;
}



/* SUBNAVIGATION */
subnavigation {
	font-family: 'Roboto Condensed', sans-serif;
	position:absolute;
	width:100%;
	bottom:0;
}

subnavigation .inner {
	position:relative;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

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

subnavigation ul li a {
	font-size:12pt;
	max-width:320px;
	height:35px;
	line-height:35px;
	display:block;
	background:url('/_webpics/nav2-blau-transp-5x5.png');
	border-bottom:1px solid #fff;
	color:#fff;
}
subnavigation ul li a.akt, subnavigation ul li a:hover {
	background:#0082c8;
}
subnavigation ul li a.last {
	border-bottom:none;
}

subnavigation ul li a span {
	padding-left:30px;
}

.pageNav {
	background-color:#f2f2f2;
	padding:20px 0 14px;
}
.pageNav a {
	font-family: 'Roboto Condensed', sans-serif;
	padding:0px 12px;
	white-space:nobreak;
	line-height:32px;
	font-size:10pt;
	display:inline-block;
	margin-right:4px;
	margin-bottom:6px;
	background-color:#fff;
	border-radius:16px;
}


.pageNav a:last-child {
}
.pageNav a.akt, .pageNav a:hover {
	color:#fff !important;
	background-color:#0082c8;
}
.pageNav .backButton {
	color:#000 !important;
	background-color:#dbdbdb;
}
.pageNav .backButton:hover {
	color:#000 !important;
	background-color:#c5c5c5;
}



#resNavi {
	position:absolute;
	right:5px;
	top:5px;
	width:40px;
	height:40px;
	text-align:center;
	background-color:#0082c8;
	display:none;
	cursor:pointer;
}


#resNavi img {
	width:40px;
	height:40px;
	margin:0 auto;
}

@media  only screen and (max-width: 1200px) {
	#resNavi {display:block;}
	#navi {display:none;z-index:100;}
	#navBreak {display:none;}

	div.mainnavigation {
		z-index:20000;
	}
	div.mainnavigation .innerBox {
		padding:0;
	}
	div.mainnavigation ul {
		background-color:#fff;
		border-left:none;
		width:300px;
	}
	div.mainnavigation ul#navi {
		position:absolute;
		top:50px;
		right:-15px;
		z-index:300;
		box-shadow: 0 10px 20px rgba(0,0,0,.2);
	}
	div.mainnavigation ul#navi li {
		float:none;
		width:100%;
		text-align:left;
		position:relative;
		border-bottom:1px solid #0082c8;
	}
	div.mainnavigation ul#navi li a {
		line-height:40px !important;
		color:#0082c8;
		border-right:none;
		padding-left:15px;
	}

	div.mainnavigation ul#navi li a.akt , div.mainnavigation ul#navi li a:hover {
		line-height:40px;
		background-color:#0082c8;
		color:#fff;
		border-right:none;
	}



	div.mainnavigation.isTop {
		height:50px;
		padding-right:0;
	}
	div.mainnavigation.isTop #resNavi {
		position:absolute;
		right:20px;
		top:5px;
		width:40px;
	}
	div.mainnavigation.isTop ul#navi {
		top:50px;
	}
}

@media  only screen and (max-width: 650px) {
	#resNavi {
		top:-10px;
	}
	div.mainnavigation ul#navi {
		top:43px;
		right:-15px;
		z-index:300;
	}
}

@media  only screen and (max-width: 820px) {
	subnavigation ul li a {
		font-size:11pt;
		max-width:234px;
		height:30px;
		line-height:29px;
	}
	subnavigation ul li a span {
		padding-left:20px;
	}
}


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

@media  only screen and (max-width: 820px) {
	.pageNav a {
		padding:0px 12px;
		line-height:28px;
		font-size:9pt;
		background-color:#fff;
		border-radius:14px;
	}
}