/* navigation.css
Farben
Text dunkelgrau: #3D484B
Rot: #DB000D (Home)
Curry: #CAA437 (Ärzteteam)
Türkis: #2D9AA9 (Untersuchungsverfahren)
Grün: #3DAD8B (Strahlenexposition)
Grau: #6E7B7D (Für Ärzte)

*/

/* ============================================================================================================================ */
/* Horizontal pulldown navigation */

/* ul nav-main */
ul.nav-main {
	position:absolute;
	padding-left:0px;
	bottom:0;
	z-index:311; /* z-index: Navigation hat Priorität vor Plugin CyclePlugin Slideshow. 311: Primzahl */
}
/* General */

ul.nav-main li { /* Style reset */
	list-style:none; background-image:none; margin:0; padding:0; /* style reset */
	background-color:#fff;
	margin-bottom:4px;
} 
ul.nav-main li a { 
	text-decoration:none; display:block;
}

/* Level 1  */

ul.nav-main li a {
	/*font-weight:400;*/
	color:#3D484B; background-color:#fff;
	font-size:14px;
	height:26px;
	line-height:26px;
	padding-left:20px;
	padding-right:20px;
}
/* Farbcodierung */
li.item_1 a:hover, li.item_1:hover a, li.item_1 a.active { color:#fff; background-color:#DB000D; }
li.item_2 a:hover, li.item_2:hover a, li.item_2 a.active { color:#fff; background-color:#CAA437; }
li.item_3 a:hover, li.item_3:hover a, li.item_3 a.active { color:#fff; background-color:#2D9AA9; }
li.item_4 a:hover, li.item_4:hover a, li.item_4 a.active { color:#fff; background-color:#3DAD8B; }
li.item_5 a:hover, li.item_5:hover a, li.item_5 a.active { color:#fff; background-color:#6E7B7D; }
li.item_6 a:hover, li.item_1:hover a, li.item_6 a.active { color:#fff; background-color:#DB000D; }

/**  ************  Responsive  ************  **/
/* Vertical mobile pulldown navigation */

@media ( max-width: 767px ) {
	ul.nav-main { position:relative; }
	
	
	/* level 1 */
	ul.nav-main li a {
		background-color:#AEB4B8;
		color:#fff;
		height:36px;
		line-height:36px;
	}
	ul.nav-main>li>a:hover, ul.nav-main>li:hover>a { 
		color:#5E6A71;
		background-color:#f7f7f7;
	} 
	ul.nav-main>li>a.active { 
		color:#fff;
		background-color:#DB000D;
	}
}

@media ( max-width: 414px ) { /* iPhone Portrait */
	
}


@media (min-width: 768px) and (max-width: 979px) { 
	
}