@charset "UTF-8";

/* ========  Hauptnavi   ========*/

#navi {
	z-index: 5000;
	}

#navi nav ul li {         /* Navi erste Ebene */
	float: left;
	position: relative;
}

#navi nav ul li a {      /* Link erste Ebene */
	display: block;
	margin-right: 22px;
	padding: 10px;
	font-weight: 300;
	font-size: 18px;
	color: #0078c9;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	
	/*
	-webkit-transition: background 0.2s ease-out 0s;
    	-moz-transition: background 0.2s ease-out 0s;
    	-o-transition: background 0.2s ease-out 0s;
    	transition: background 0.2s ease-out 0s;
	*/
}

/*
#navi nav ul li:nth-child(3) {     Formatierung für "Programme", weil kein Link 
	display: block;
	margin-right: 22px;
	padding: 10px;
	font-weight: 300;
	font-size: 18px;
	color: #0078c9;
	
	text-transform: uppercase;
	letter-spacing: 1px;
}

#navi nav ul li ul li:nth-child(3) {
	padding: 0px;
	margin: 0px;
}


*/
#navi nav ul li:nth-child(3) ul {
    width: 260px;
} 

#navi nav ul li:hover > ul {
    	visibility: visible;
	display: block;
}

/*
#navi nav ul li a.current {
	background: #edf5fb;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	} */

#navi nav ul li ul {          /* Liste zweite Ebene */
	visibility: hidden;
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	border: 2px solid #ccc;
	background: #FFF;
	padding: 5px;
	width: 220px;
	z-index: 5;
}

#navi nav ul li ul li a.current {
	background-color: transparent;
	}

#navi nav ul li ul li ul {          /* Liste dritte Ebene */
	top: 0;
	left: 220px;
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;
	border: 0px solid #0078c9;
	background: transparent;
	box-shadow: none;
    	-moz-box-shadow: none;
   	-webkit-box-shadow: none;
	}

#navi nav ul li ul li {
	float: none;
	}

#navi nav ul li ul li a {        /* Link zweite Ebene */
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	padding: 5px;
	color: #666;
	margin: 0;
	
	text-transform: none;
	letter-spacing: 0px;
	}

#navi nav ul li ul li a:hover {
	color: #FFF;
	background: #0078c9;
	}

a.navi_highlight {
	color: #0078c9 !important;
	background: #edf5fb;
	font-weight: bold !important;
	}

a:hover.navi_highlight {
	color: #FFF !important;
	}