#navibereich {
	/*border-top: 8px solid gray;*/
	border-bottom: 10px solid gray;
	position: relative;
	background-color: #F39200;
	}

#navibereich li {
	font-family: 'PT Sans', sans-serif;
	color: white;
	display: inline;
	font-size: 24px;
	font-weight: 400;
	margin-right: 25px;
}

#navibereich li a {
	color: white;
}

#navibereich li a:hover {
	text-decoration: none;
	color: gray;
	border-bottom: 2px solid gray;
}

#navibereich li a:active {
	text-decoration: none;
	color: gray;
	border-bottom: 2px solid gray;
}

#navibereich li a.active {
	border-bottom: 2px solid gray;
	color: gray;
}

#navibereich ul li#menu {
	display: none;
}

#navibereich div#navi-wrapper {
	width: 50px;
}

@media (max-width: 1049px) {

	#navibereich {
		text-align: left;
		margin-top: 20px;
		padding: 20px;
	}
	
	#navibereich li a:hover {
	border-bottom: none;
	}

	#navibereich li a:active {
		text-decoration: none;
	}
	
	#navibereich li a.active {
		border-bottom: none;
	}
	
	#navibereich ul li#menu {
		display: inline;
	}

	#navibereich ul li#eins, #navibereich ul li#zwei, #navibereich ul li#drei, #navibereich ul li#vier, #navibereich ul li#fuenf, #navibereich ul li#sechs, #navibereich ul li#sieben, #navibereich ul li#acht, #navibereich ul li#neun {
		display: none;
		border-bottom: 2px solid white;
	}

	#navibereich ul li#menu:hover {
		cursor: pointer;
	}

	#navibereich div#navi-wrapper:hover ul li, #navibereich div#navi-wrapper:active ul li {
		display: block;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
	}
	
	#navibereich div#navi-wrapper:hover, #navibereich div#navi-wrapper:active {
		width: 100%;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
	}
}

@media (min-width: 1050px) and (max-width: 1350px) {

	#navibereich {
		text-align: right;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#navibereich div#navi-wrapper {
		margin-left: 94%;
	}

	#navibereich li a:hover {
		border-bottom: none;
	}
	
	#navibereich li a:active {
		text-decoration: none;
	}
	
	#navibereich li a.active {
		border-bottom: none;
	}
		
	#navibereich ul li#menu {
		display: inline;
	}

	#navibereich ul li#eins, #navibereich ul li#zwei, #navibereich ul li#drei, #navibereich ul li#vier, #navibereich ul li#fuenf, #navibereich ul li#sechs, #navibereich ul li#sieben, #navibereich ul li#acht, #navibereich ul li#neun {
		display: none;
		border-bottom: 2px solid white;
		margin-right: 15px;
		margin-left: 15px;
	}

	#navibereich ul li#menu:hover {
		cursor: pointer;
	}

	#navibereich div#navi-wrapper:hover ul li, #navibereich div#navi-wrapper:active ul li {
		display: block;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
	}
	
	#navibereich div#navi-wrapper:hover, #navibereich div#navi-wrapper:active {
		width: 100%;
		margin: 0;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
	}
}

@media (min-width: 1351px) and (max-width: 1999px) {
	#navibereich {
		text-align: right;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		z-index: 1;
	}
	
	#navibereich div#navi-wrapper {
	width: 100%;
	}
}

@media all and (min-width: 2000px) {
	#navibereich {
		text-align: center;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		z-index: 1;
	}
	
	#navibereich div#navi-wrapper {
	width: 100%;
	}
}