#container {
	margin: 0 auto;
}
 
nav {
	margin: 0px 0;
	background-color: #000000; /*Hintergrundfarbe Menue-Balken*/
}
nav ul {
	padding: 0;
    margin: 0;
	list-style: none;
	position: relative;
	}
	
nav ul li {
	/*display:inline-block;*/
	background-color: #000000;	/*Hintergrundfarbe Button*/
	/*width: 250px;				/*Breite Button*/
	}
nav a {
	display:block;
	padding:0 10px;	
	color:#FFFFFF;				/*Schriftfarbe*/
	font-size:17px;				/*Schriftgrösse*/
	font-weight: bold;
	line-height: 30px;			/*Menue Höhe, gleicher Wert bei top "nav ul ul"  und top "nav ul ul ul li" */
	text-decoration:none;
	text-overflow: ellipsis; 	/*der Text kürzen*/
	white-space: nowrap;		/*der Text darf nicht umbrechen (white-space:nowrap)*/
	overflow: hidden; 			/*Überlauf verstecken (overflow:hidden)*/
	font-family:"Times New Roman",Times,"Tahoma",serif;
}
nav a:hover { 
	background-color: #FFFF00; /*Hintergrundfarbe Button*/
	color: #000000;
}
nav ul ul {
	display: none;
	/*position: absolute; */
	top: 0px; 					/*negativer Wert = menue klapt seitlich nach oben auf, "0" klappt zur Seite aus*/
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul li:hover {
	width:250px;
}	
nav ul ul li {
	width:250px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-30x; 
	/*left:250px;*/
}
nav ul ul li {
	border: 1px solid #000000;
}	
nav ul ul li:hover {
	background-color: #808080;
	border: 1px solid #FFFFFF;
}

li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ''; }

nav h1 {
	font-size:17px;
	text-decoration:none;
	height: 30px;
	min-width:20px;
	background-color: #808080;
	color:#800080;
	/*margin-top: 30px;*/
	margin-bottom: 0px;
	float:none;
	overflow: left;
	border: 0px solid #C1FFC1;
	clear: both;
	/*position: relative;*/
	/*top: 60px;*/
	
}

@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
nav ul li {
	display:block;
	width: 250px;				/*Breite Button*/
	}
nav ul ul {
	position: relative; 
}
nav ul ul ul li { 
	left:0px;
}
nav h1 {
	margin-top: 0px;
}	
} /*Ende von @media only screen and (max-width: 600px)*/

@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
nav ul li {
	display:block;
	width: 250px;				/*Breite Button*/
	}
nav ul ul {
	position: relative; 
}
nav ul ul ul li { 
	left:0px;
}
nav h1 {
	margin-top: 0px;
}	
} /*Ende von @media only screen and (min-width: 600px)*/

@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
nav ul li {
	display:inline-block;
	width: calc(14%);	/*Breite Button*/
	}
nav ul ul {
	position: absolute; 
}
nav ul ul ul li { 
	left:250px;
}
nav h1 {
	margin-top: 30px;
}	
} /*Ende von @media only screen and (min-width: 768px)*/
	
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
nav ul li {
	display:inline-block;
	width: calc(16%);	/*Breite Button*/
	}	
nav ul ul {
	position: absolute; 
}
nav ul ul ul li { 
	left:250px;
}
nav h1 {
	margin-top: 30px;
}	
} /*Ende von @media only screen and (min-width: 992px)*/
	
@media only screen and (min-width: 1200px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
nav ul li {
	display:inline-block;
	/*width: 250px;		/*Breite Button*/
	width: calc(19%);	/*Breite Button*/
	}
nav ul ul {
	position: absolute; 
}
nav ul ul ul li { 
	left:250px;
}
nav h1 {
	margin-top: 30px;
}

nav .txt_nav_01 {
	color: #FF0000;
}	
} /*Ende von @media only screen and (min-width: 1200px)*/