/* navigation.css

IMOA grey:#5E6A71
IMOA Gold:#FDC82F
Table captions: #FED86D
IMOA navy:#1A2155
Sustainability green: #AFBB36

font-family: "Roboto", Arial, Helvetica, sans-serif; (400,300,500,700)
font-family: "Open Sans Condensed", "Arial Narrow", Arial, sans-serif; (300,700)
*/

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



#mainnav {
	min-height:36px;
	background-color:#5E6A71;
}
/* ul nav-main */
ul.nav-main {
	position:absolute;
	padding-left:0px;
	min-height:36px;
	z-index:8053; /* z-index: Navigation hat Priorität vor Plugin CyclePlugin Slideshow. 311: Primzahl */
}
/* General */
ul.nav-main li.navoptions { display:none; } /* First li, < back and close */

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;
	font-family: Arial, Helvetica, sans-serif;
}

/* Level 1 (horizontal) */
ul.nav-main>li { float:left; }
ul.nav-main>li>a {
	/*font-weight:400;*/
	color:#fff;
	font-size:14px;
	height:36px;
	line-height:36px;
	padding-left:24px;
	padding-right:24px;
}
ul.nav-main ul li a { 
	color:#5E6A71;
} 
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:#AEB4B8;
	font-weight:normal;
}

li.hamburger { display:none; }
li.hamburger a { background: url(/css/images/hamburger_navbar.gif) no-repeat 0 0; }
/* Home icon */
ul.nav-main>li.pdnavitem_1>a { width:38px; padding:0; margin:0; background: url(/css/images/navi_home.jpg) no-repeat 0 0;  }
ul.nav-main>li.pdnavitem_1>a.active, ul.nav-main>li.pdnavitem_1>a:hover { background:url(/css/images/navi_home_hi.jpg) no-repeat 0 0; }

/* Level 2 Dropdown */
ul.nav-main .dropdown_holder { /* Dropdown closed */
	display: none;
	padding:20px 20px 20px 0; 
	background-color:#f7f7f7; 
	-moz-box-shadow: 3px 6px 8px #999;
	-webkit-box-shadow: 3px 6px 8px #999;
	box-shadow: 3px 6px 8px #999; 
	position: absolute;
	top: 36px;
}
/* >> Dropdown open */
ul.nav-main .dropdown_holder { width: 300px; } 

@media ( min-width: 768px ) { /* *** Show menu on hover, display width > 767 *** */
	ul.nav-main li:hover .dropdown_holder { display:block; } 
}

/* next-to-last PullDown */
ul.nav-main li.pdnavitem_6 .dropdown_holder { width: 265px; }
/* Last PullDown */
ul.nav-main li.pdnavitem_7 .dropdown_holder { margin-left:-180px; width: 300px; }

@media ( min-width: 768px ) {
	ul.nav-main li.pdnavitem_8 { display:none; }
}

ul.nav-main .dropdown_holder li { margin-left:15px; } /* level 2 sections */

ul.nav-main ul li a:hover { color:#000; background-color:#f7f7f7;  }
ul.nav-main ul li a.active { color:#000; font-weight:700; background-color:#f7f7f7;  }

/* level 2 headline */
ul.nav-main li .dropdown_holder>li { /* display:block; */  }
ul.nav-main li .dropdown_holder>li>a {
	padding:10px 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;
}

/* Level 3 menu items */
ul.nav-main ul ul li {  }
ul.nav-main ul ul li:last-child { padding-bottom:10px; }
ul.nav-main ul ul li a { 
	font-size:13px; line-height:15px;
	padding: 8px 10px 4px 0;
	font-weight:normal;
}

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

@media ( max-width: 767px ) {
	ul.nav-main { position:relative; }
	ul.nav-main li { float:none; }
	ul.nav-main li.pdnavitem_1, ul.nav-main li.hamburger { float:left; }
	ul.nav-main li.pdnavitem_2 { clear:both; }
	ul.nav-main li.hamburger { display:block;  margin-left:30px; }

	ul.nav-main li.navoptions { display:block; margin-left:0; margin-right:-20px; background-color:#000; } /* History back, close .dropdown_holder */
	ul.nav-main li.navoptions div {   }
	ul.nav-main li.navoptions div a { 
		display:inline-block; 
		color:#fff; font-weight:700; line-height:20px;
		border-bottom:none;
		padding-left:20px; padding-right:20px;
	}
	ul.nav-main li.navoptions div a:hover { color:#AEB4B8; background:none; }
	.navback { float:left; margin-left:-10px;  }
	.navclose { position:absolute; right:0;   }

	/* >> Dropdown closed (opens on click/tap on li.firstlevel (js) */
	ul.nav-main .dropdown_holder, ul.nav-main li.pdnavitem_6 .dropdown_holder, ul.nav-main li.pdnavitem_7 .dropdown_holder {
		width: 80%;
		right:-20px;
		padding-top:0;
		-moz-box-shadow: -3px 6px 8px #999; /* Shadow left */
		-webkit-box-shadow: -3px 6px 8px #999;
		box-shadow: -3px 6px 8px #999;
	}

	li.firstlevel { width:auto; display:none; }
	/* ul.nav-main:hover li.firstlevel { display:block; }   Open menu on hover/tap hamburger see js */

	ul.nav-main li.pdnavitem_7 .dropdown_holder { margin-left:0; } /* Last item */
	/* General */
	li.firstlevel a { border-bottom:1px solid #ddd; }
	ul.nav-main li a {
		color:#AEB4B8;
		padding-left:0;
	}

	/* level 1 */
	ul.nav-main>li>a {
		text-indent: 10px;
		background-color:#AEB4B8;
		color:#fff;
		padding-left:11px;
		padding-right:11px;
	}
	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:#5982F6;
		border-left:1px solid #FDC82F;
	}
	ul.nav-main>li.pdnavitem_1>a.active {
		border-left:none;
	}

	/* Level 2 first, heading style */
	ul.nav-main .dropdown_holder li.parentlevel  {
		font-size:18px;
		font-weight:400; line-height:40px;
		margin-left:0; margin-right:-15px;
		padding-left:10px;
		color:#fff;
		background-color:#5982F6;
	}

	/* Level 2 */
	ul.nav-main ul li a { 
		font-size:15px; line-height:17px;
		padding-top:10px; padding-bottom:10px;
		border-bottom:1px solid #ddd;
	}
	ul.nav-main .dropdown_holder > li:last-child a { border-bottom:none;  }
	ul.nav-main .dropdown_holder ul li:last-child { padding-bottom:0; }

	ul.nav-main ul li a.active { }

	ul.nav-main ul ul {
		border-left:2px solid #FDC82F;
	}

	/* Level 3 menu items */
	ul.nav-main ul ul li {  }
	ul.nav-main ul ul li a { 
		font-size:15px; line-height:17px;
		padding-top:10px; padding-bottom:10px;
		font-weight:normal;
	}
}

@media ( max-width: 414px ) { /* iPhone Portrait */
	/* ul.nav-main li:hover .dropdown_holder { */ /* Dropdown closed */
	ul.nav-main .dropdown_holder {
		width: 80%;
	}
}


@media (min-width: 768px) and (max-width: 979px) { 
	li.pdnavitem_5 {  } /* HSE */

	ul.nav-main>li>a {
		padding-left:22px;
		padding-right:22px;
	}
}

/* RD22 hide nav level 3 */
@media (min-width: 768px) { 
	.dropdown_holder li ul {
		display:none;
	}
}



/* ============================================================================================================================ */
/* Subnavigation > 767, Desktop  */
.vnav { width:100%; margin-top:-14px; }
.vnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Level 1 */
.vnav ul li { background-image:none; padding:0; } 

.vnav ul li a {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	text-decoration:none;
	font-size:15px; 
	line-height:17px;
	font-weight:400; 
	color:#333; 
	display:block;
	padding:7px 0 7px 0px; 
	border-top:1px solid #eee; 
}
.vnav ul li a:hover { color: #FDC82F }
.vnav ul li a.current { color: #000; font-weight: 700; }

/* Level 2 */
.vnav ul ul { margin-bottom:10px; border-left:0px solid #FDC82F; }
.vnav ul ul li { }
.vnav ul ul li a { color: #333; font-size:14px; padding:0px 0 8px 10px; border-top:none; line-height:16px; }
.vnav ul ul li a:hover { background: none; }
.vnav ul ul li a.current { color: #000; }

/* Level 3 */
.vnav ul ul ul { margin-bottom:8px; border-left:2px solid #FDC82F; margin-left:10px; }
.vnav ul ul ul li { }
.vnav ul ul ul li a { color: #333; padding:0px 0 8px 10px; border-top:none; line-height:16px; }

.vnav ul ul ul li a:last-child	{ padding-bottom:0; margin-bottom:8px }
.vnav ul ul ul ul li a:last-child	{ padding-bottom:0; }