@charset "UTF-8";

/* ----- Main Navigation --------------------------------------------------- */


.navi-button {
	display: none;
	width: 27px;
	border: 1px solid #000;
	padding: 2px 10px;
	position: absolute;
	top: 27px;
	right: 25px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}
.navi-button.active {
	background: #79C5FF;
}
.navi-button > span {
	background: #000;
	display: block;
	height: 2px;
	margin: 8px 0;
}
.navi-button.active > span {
	background: #fff;
}

.menu-hauptmenue-container {
	margin-left: 210px;
	list-style: none;
	padding: 0;
	z-index: 10;
}

	/* ----- Level 0 ----- */

	.menu-hauptmenue-container ul {
		font-size: 20px;
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
	}

	.menu-hauptmenue-container ul li {
		float: left;
		position: relative;
	}

	.menu-hauptmenue-container ul li a {
		color: #141414;
		display: block;
		padding: 0 14px;
		height: 94px;
		line-height: 94px;
		text-decoration: none;
	}
	
		/* ----- Level 1 ----- */

		.menu-hauptmenue-container ul ul {
			-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
			box-shadow: 0 0 3px rgba(0,0,0,0.2);
			display: none;
			position: absolute;
			top: 77px;
			padding: 10px 0;
			margin-left: -80px;
			left: 50%;
			width: 160px;
			z-index: 999;
			border-top: 17px solid #79C5FF;
			background: #fff;
			-moz-border-radius: 0 0 8px 8px;
			-webkit-border-radius: 0 0 8px 8px;
			-o-border-radius: 0 0 8px 8px;
			border-radius: 0 0 8px 8px;
		}
		
			.menu-hauptmenue-container ul ul:before {
				content: '';
				position: absolute;
				height: 17px;
				width: 10px;
				background: url(../images/layout/sub_left.png) no-repeat;
				top: -17px;
				left: -10px;
			}
			
			.menu-hauptmenue-container ul ul:after {
				content: '';
				position: absolute;
				height: 17px;
				width: 10px;
				background: url(../images/layout/sub_right.png) no-repeat;
				top: -17px;
				right: -10px;
			}
		
		.menu-hauptmenue-container ul ul li {
			width: 100%;
			clear: both;
			text-align: center;
			padding: 5px 0;
		}
		
		.menu-hauptmenue-container ul ul a {
			color: #79c5ff;
			font-size: 16px;
			font-weight: normal;
			height: auto;
			line-height: 18px;
			background: none !important;
			display: inline-block;
		}
		
		#menu-item-571 > a,
		#menu-item-574 > a {
			color: #66BCFE;
			font-weight: bold;
		}
		
		#menu-item-571.current-menu-item > a,
		#menu-item-571.current-menu-ancestor > a,
		#menu-item-571.current_page_item > a,
		#menu-item-571.current_page_ancestor > a,
		#menu-item-574.current-menu-item > a,
		#menu-item-574.current-menu-ancestor > a,
		#menu-item-574.current_page_item > a,
		#menu-item-574.current_page_ancestor > a,
		#menu-item-571 > a:hover,
		#menu-item-574 > a:hover {
			color: #fff;
		}

/* ----- Hover Section ----- */

.menu-hauptmenue-container ul li:hover > ul {
	display: block;
}

.menu-hauptmenue-container li > a:hover,
.menu-hauptmenue-container .current-menu-item > a,
.menu-hauptmenue-container .current-menu-ancestor > a,
.menu-hauptmenue-container .current_page_item > a,
.menu-hauptmenue-container .current_page_ancestor > a {
	background-color: #79C5FF;
}

.menu-hauptmenue-container ul ul li a:hover,
.menu-hauptmenue-container ul ul .current-menu-item > a,
.menu-hauptmenue-container ul ul .current-menu-ancestor > a,
.menu-hauptmenue-container ul ul .current_page_item > a,
.menu-hauptmenue-container ul ul .current_page_ancestor > a {
	color: #0d4773;
}

/*
.page-id-56 .menu-hauptmenue-container #menu-item-268.current-menu-item > a,
.page-id-56 .menu-hauptmenue-container #menu-item-268.current-menu-ancestor > a,
.page-id-56 .menu-hauptmenue-container #menu-item-268.current_page_item > a,
.page-id-56 .menu-hauptmenue-container #menu-item-268.current_page_ancestor > a {
	background-color: transparent !important;
}*/

/* ----- Footer Navigation --------------------------------------------------- */

ul#menu-menue-im-fuss {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	text-align: center;
}

	ul#menu-menue-im-fuss li {
		display: inline-block;
		position: relative;
		height: 50px;
		line-height: 50px;
	}

	ul#menu-menue-im-fuss a {
		color: #fff;
		padding: 0 10px;
		text-decoration: none;
	}
	
/* ----- Hover Section ----- */

ul#menu-menue-im-fuss li:hover > a,
ul#menu-menue-im-fuss .current-menu-item > a,
ul#menu-menue-im-fuss .current-menu-ancestor > a,
ul#menu-menue-im-fuss .current_page_item > a,
ul#menu-menue-im-fuss .current_page_ancestor > a {
	color: #141414;
}