/* navigation.css
Farben: 
Text: #3c3c3b
Dunkelblau (Links, Text): #003359
Orange (.active, :hover): #ffbc3d
Lichtgrau (Flächen): #eeeeee
Hellgrau (Balken): #d7dbde
Mittelgrau (h1, h2): #afafaf
*/

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

#mainnav { /* nav */
	position:absolute;
	z-index:311; /* 311: Primzahl */
	bottom:0;
	height:58px;
	width:100%;
}
#mainnav ul { margin:0 };
ul.nav-main {
	width:100%;
	padding-left:0px;
	min-height:58px;
}
/* General */

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

/* Level 1 (horizontal) */
ul.nav-main>li { float:left; width:16.66%; }
ul.nav-main>li>a {
	/*font-weight:400;*/
	color:#fff;
	font-size:13px;
	line-height:15px;
	height:58px;
	padding-left:24px;
	background: url(/css/images/navigation/nav-bg.png) no-repeat 0 0;
}

ul.nav-main>li>a:hover,ul.nav-main>li>a.active, ul.nav-main>li:hover>a { 
	background: url(/css/images/navigation/nav-bg.png) no-repeat 0 -58px;
} 

li.hamburger { display:none; }
li.hamburger a { background: url(/css/images/hamburger_navbar.gif) no-repeat 0 0; }

/* Level 2 Dropdown */
ul.nav-main .dropdown_holder { /* Dropdown closed */
	display: none;
	padding:20px 0 0; 
	background-color:#eee; 
	-moz-box-shadow: 3px 6px 8px #999;
	-webkit-box-shadow: 3px 6px 8px #999;
	box-shadow: 3px 6px 8px #999; 
	position: absolute;
	top: 58px;
	border-top:2px solid #fff; border-bottom:2px solid #fff;
}
/* >> Dropdown open */
@media screen and ( min-width: 768px ) { /* *** Show menu on hover, display width > 767 *** */
	ul.nav-main li:hover .dropdown_holder { display:block; } 
}

/* Boxes level 2 */
ul.nav-main .dropdown_holder>li .col-xs-2 {
	width:20%;
	border-left:2px solid #fff;
	padding-left:15px; padding-right:15px;
	margin-bottom:20px;
}
ul.nav-main .dropdown_holder>li .col-xs-2:first-child { border-left:none; padding-left:10px; }
ul.nav-main .dropdown_holder>li .col-xs-2 a.headline {
	font-size:13px;
	line-height:15px;
	color: #003359;
	font-weight:700;
	min-height:2.7em;
}


ul.nav-main ul li a { color: #003359; }
ul.nav-main ul li a.active, ul.nav-main ul li a:hover { color:#ffbc3d;  text-decoration:underline; }
ul.nav-main a.headline.active, ul.nav-main a.headline:hover { text-decoration:none; }

ul.nav-main .secondlevel li { margin-top:10px; }

ul.nav-main a.subheadline { /* Leistungen Lymphödem in Spalte Nervenchirurgie */
	margin-top:30px;
	padding-top:35px;
	border-top:1px solid #fff;
	font-size:13px;
	line-height:15px;
	color: #003359;
	font-weight:700;
	
}
ul.nav-main a.subheadline.active  { color:#003359; text-decoration:none; }

/* level 2  */
ul.nav-main li .dropdown_holder>li { /* display:block; */  }
ul.nav-main li .dropdown_holder>li>a {
	padding:5px 0;
	border-bottom:1px solid #ddd;
}

ul.nav-main li .dropdown_holder>li>a:hover, ul.nav-main li .dropdown_holder>li>a.active { 
	color:#000;
}


/* ============================================================================================================================ */
/* Breadcrumb */
nav.crumb { 
	position:absolute;
	bottom:0;
	padding-left:10px;
}
nav.crumb li { /* Style reset */
	list-style:none; background-image:none; margin:0; padding:0;
	float:left;
	color: #003359;
}
nav.crumb li:last-child {
	color:#ffbc3d;
}


/* Quicklinks Startseiten */
div.nav-quick {
	float:right;
	border-bottom:1px solid #afafaf;
}
.nav-quick div { 
	border-top:1px solid #afafaf;
	text-align:center;
	padding:5px 15px;
}
.nav-quick div a { 
	display:block;
	text-decoration:none;
}
.nav-quick div a.notfall {
	padding-left:30px;
	background: url(/css/images/notfall_mri.png) no-repeat 0 1px;
}
.nav-quick div a.active {
	color:#ffbc3d;
}

/* Quicklinks Unterseiten >767 */
.sublinkbox div.nav-quick {
	width:100%;
	border-bottom:none;
	text-align:right;
}

.sublinkbox .nav-quick div { 
	display:inline-block;
	width:22.333%;
	padding:5px 2px;
	margin-left:3%;
	border-bottom:1px solid #afafaf;
}
.sublinkbox .nav-quick div:nth-child(2) { display:none; }



/* *** Responsive *** */
@media screen and (max-width: 767px) {
	/* Startseiten */
	div.nav-quick {
		float:none;
		text-align:center;
		border-bottom:none;
		display:table;
		border-collapse: separate;
		border-spacing: 10px;
		width:100%;
	}
	.nav-quick div {
		display:inline-block;
		padding:5px 2px;
		border-bottom:1px solid #afafaf;
		display:table-cell;
	}
	.nav-quick div a.notfall {
		padding-left:25px;
		background: url(/css/images/notfall_mri.png) no-repeat 0 1px;
	}
	
	/* Unterseiten */
	.sublinkbox div.nav-quick {
		width:100%;
		border-bottom:none;
		text-align:right;
	}
	.sublinkbox .nav-quick div { 
		display:inline-block;
		padding:5px 0;
		display:table-cell;
	}
}

@media screen and (min-width: 451px) and (max-width: 767px) {
	/*.sublinkbox .nav-quick div:nth-child(1) { display:table-cell; } */
}

@media screen and (max-width: 450px) {
	.nav-quick div:nth-child(1) {  }
	.nav-quick div:nth-child(2) { display:none; }
	.nav-quick div a { font-size:12px; }
}


/**  ************  < 768  ************  **/
/* Vertical mobile pulldown navigation */

@media screen and ( max-width: 767px ) {
	
	#mainnav { /* nav */
		/*
		position:fixed;
		top:0;
		height:auto;
		*/
		width:280px;
		padding-left:30px;
		padding-right:30px;
		background-color:#eee;
		border-right:2px solid #fff;
		-moz-box-shadow: 3px 6px 8px #999;
		-webkit-box-shadow: 3px 6px 8px #999;
		box-shadow: 3px 6px 8px #999;
		display:none;
	}
	
	/* ul nav-main */
	ul.nav-main {
		height:auto;
	}
	
	ul.nav-main .dropdown_holder>li .col-xs-2:first-child { padding-left:0; }
	ul.nav-main .dropdown_holder>li .col-xs-2 { 
		float:none;
		width:218px;
		height:auto;
		border-left:none;
		padding-left:0;
		border-bottom:1px solid #fff;
		padding-bottom:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}
	ul.nav-main .dropdown_holder .col-xs-2 { 
		padding-left:30px;
	}
	
	ul.nav-main .dropdown_holder>li .col-xs-2 a.headline { min-height:0; font-weight:bold; }
	
	/* Level 1 (horizontal) */
	ul.nav-main>li, ul.nav-main li { float:none; width:auto;  }
	ul.nav-main>li>a {
		/*font-weight:400;*/
		color:#003359;
		font-size:15px;
		line-height:45px;
		height:45px;
		padding-left:0px;
		background-image: none;
		border-bottom:1px solid #fff;
	}
	ul.nav-main>li>a:hover,ul.nav-main>li>a.active, ul.nav-main>li:hover>a { 
		background-image:none;
		text-decoration:underline;
	} 
	
	ul.nav-main li .dropdown_holder {
		/* display:block; */
		top: 0;
		position:relative;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-top:none; border-bottom:none;
	}
	
	ul.nav-main a.subheadline { /* Leistungen Lymphödem in Spalte Nervenchirurgie */
	margin-top:10px;
	padding-top:15px;
}
	
	/* Searchfield, Languages */
	.langsearch {
		padding-top:25px;
		
	}
}

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