/* MAINNAVIGATION */
.mainnavigation {
	background:#000;
	display:block;
}

.mainnavigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

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


.mainnavigation.fix {
	position:fixed;
	top:0;
	width:100%;
	z-index:2000;
}

.mainnavigation ul#navi li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:12.5pt;
	line-height:60px;
	display:block;
	padding:0 10px;
	color:#bbb;
}
.mainnavigation ul#navi li a.akt, .mainnavigation ul#navi li a:hover {
	color:#fff;
}


#sprache {
	position:absolute;
	right:25px;
}
#sprache li a {
	line-height:60px;
	color:#fff;
}

.subnav {
	padding-bottom:30px;
	text-align:center;
}
.subnav a {
	white-space:nowrap;
	padding:0 10px;
	line-height:30px;
}


#resNavi {
	height:40px;
	text-align:left;
	padding-left:20px;
	display:none;
	width:40px;
}
#resNavi li {
	padding:0;
	height:40px;
	background-image:url('/page/_webpics/icon-menue-responsive.png');
	background-position:-6px top;
	background-repeat:no-repeat;
	cursor:pointer;

}

#resNavi.akt li {
	background-position:-6px bottom;
}



@media  only screen and (max-width: 1000px) {
	#resNavi {display:block; position:absolute;right:0;}
	#navi {display:none;z-index:2000;}
	#navBreak {display:none;}
	.mainnavigation .innerBox {
		padding:0;
	}
	.mainnavigation {
		position:relative;
		background-color:#000;
		width:100%;
		height:40px;
	}
	.mainnavigation ul {
		background-color:#000;
		border-left:none;
		width:100%;
	}
	.mainnavigation ul#navi {
		position:absolute;
		width:190px;
		right:0;
		top:40px;
	}
	.mainnavigation ul#navi li {
		display:block;
		text-align:left;
		border-top:1px solid #fff;
		position:relative;

	}
	.mainnavigation ul#navi li a {
		padding-left:20px;
		line-height:32px;
		font-size:11pt;
	}

	.mainnavigation ul#navi li a:hover {
		background-color:#1e829a;
	}

	#sprache {
		width:50px;
		position:absolute;
		right:50px;
	}
	#sprache li a {
		line-height:40px;
		color:#fff;
		display:block;
	}

}

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