@media speech, tty, braille {
}

@media print, embossed {
	fieldset[id="externalNavigation"] {
		display:				none;
	}
}

@media screen, handheld, projection, tv{

	fieldset[id="externalNavigation"] {
	/*	-moz-border-radius: 			0.3em;
		-webkit-border-radius: 			0.3em;
		-khtml-border-radius: 			0.3em;
		border-radius:				0.3em; */
		padding-left:				13rem;
		padding-right:				0.4rem;
		border-style:				none;
		/* transition:				background-position 50ms linear 0s; */
	}
	
	fieldset[id="externalNavigation"] > legend {
		display:				none;
	}

	fieldset[id="externalNavigation"] > ul  > li > ul {
	/*	padding-top:				0.2rem;
		padding-bottom:				0.2rem;
	*/ }
	
	fieldset[id="externalNavigation"] > ul > li {
		/* -- Basis -- */
		float:					left;
		/* height: 3em; */
		/* -- Textblockrichtung: nachUnten -- */
		
		}
	
	fieldset[id="externalNavigation"] > ul > li[id="help"] {
		float:					right;
	}
	
	fieldset[id="externalNavigation"] > ul  > li[id="help"] > ul {
		right:					0;
	}

	fieldset[id="externalNavigation"] > ul > li > span,
	fieldset[id="externalNavigation"] > ul > li > a {
		font-weight:				400;
		display: 				inline-block;
		padding-left:				1rem;
		padding-right:				1rem;
		padding-top:				1rem;
		padding-bottom:				1rem;
	}
	
	fieldset[id="externalNavigation"] > ul > li span[class~="abstract"] {
		font-size:				0.8rem;
	}
	
	fieldset[id="externalNavigation"] > ul li > a > span[class~="icon"] {
		background-size:			100% auto;
	}

	/* -- Zeilenrichtungen -- */
	/* --- Zeilenrichtung: nach Rechts ---*/
	html[dir="ltr"] fieldset[id="externalNavigation"] {
	}

	/* --- Zeilenrichtung: nach Links ---*/
	html[dir="rtl"] fieldset[id="externalNavigation"] {
	}
	
	*[class~="popupMenu"]:hover > ul, 
	*[class~="popupMenu"]:hover > ul li:hover>ul { 
		visibility: 				visible;
	}
		
	/* -- Zeilenabhängigkeiten -- */
/* --- Zeilenrichtung: nachRechts --- */
	/*---------- Menue Grundgerüst --------*/
	html[dir="ltr"] *[class~="popupMenu"] > ul {
		text-align: 				left;
		top:					3rem;
		right: 					auto;
	}
	
	html[dir="ltr"] *[class~="popupMenu"] > ul ul {
		text-align: 				left;
		right: 					-10rem;
	}

}