@CHARSET "ISO-8859-1";

/* *******************************************************
	Menu-Horizontal
	Zusätzliche css in css/superfish.css
*/

#NavigationMenuHorContainer {
	z-index: 10;
	position:relative;
	display: inline-block;
	float: left;
	width: 100%;
}

.StandardViewMenuHorContainer {
	width: 100%;
	margin-bottom: .5rem;
}

.ViewManagerViewMenuHorContainer {
	border-top: 1px solid #999;
}

.NavigationMenuHorBackground {
	background-color: #FFFFFF;	
}

.NavigationButtonHor {
	background-color: #FFFFFF;	
	padding-top: 1px; 
	display: block;
	float: none;
	clear: both;
}

 .StandarViewMenu {
	border: 1px solid #999;
	width: 100%;
}

.NavigationButtonHor img {
	height: 16px;
	vertical-align: bottom;
}

.NavigationMenuHor {
	background-color: #FFFFFF;
	display: inline-block;
	position:relative;
	float: left;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000000;
}

.sf-menu {
	margin-bottom: 0px;
}

/* case of ul > ul */
.sf-menu li {
	background-color: #fff;
	background: #fff;
}

.sf-menu ul li {
	background-color: #fff;
	background: #fff;
}

.sf-menu > li.current > a {
	/* Die Menüeinträge müssen IMMER die gleiche Höhe haben.
	 * Sonst gibt es beim Umbruch des UL das Problem, dass sich die LIs ineinander "verhaken". */
	height: 35px;
}
.sf-menu > li:not(.current) > a {
	display: table-cell;
	height: 25px;
	vertical-align: middle;
}

.sf-menu a {
	border: none;
	background-color: #FFFFFF;	
}

.ViewManagerViewMenuHorContainer .sf-menu li:nth-last-child(2) a {
	border: none;
}

.ViewManagerViewMenuHorContainer .sf-menu li:not(.subItem):last-of-type {
	padding-left: 1rem;
}

.NavigationMenuHor .sf-menu a {
	border: none;
	text-align: center;
	border-right: 1px solid #f3f3f3;
}

.NavigationMenuHor li.sfHover li {
	border-left: 1px solid  #999;
	border-right: 2px solid #999;
}
.NavigationMenuHor li.sfHover li:last-of-type {
	border-bottom: 2px solid #999;
}

.NavigationMenuHor .sf-with-ul a img {
	padding-bottom: 7px;
}

.NavigationMenuHor .sf-with-ul {
	padding: 5px 22px 5px 8px;
}

.NavigationMenuHor .sf-menu li li a {
	text-align: left;
}

.sf-menu a {
	padding: 0.35em 0.75em;
}

.NavigationMenuHor .sf-menu li.sfHover ul:FIRST-CHILD {
	left: 0;
	top: 45px; /* Hier Höhe einstellen wo das erste li vom Dropdown angezeigt wird.*/
	z-index: 99;
}
.NavigationMenuHor.indexSurfer .sf-menu li.sfHover ul {
	left: 0;
	top: 33px; /* Hier Höhe einstellen wo das erste li vom Dropdown angezeigt wird.*/
	z-index: 99;
}

.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0);
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: none repeat scroll 0 0 #eaeaea;
}

.NavigationButtonHor input[name=menuSearch] {
	margin-top: 8px;
}

/****************************************************
 * Pfeil farben
 ****************************************************/
.sf-arrows .sf-with-ul:after {
	border-top-color: black; /* Definiert die Pfeil farbe */
	top: 20%; /* Höhe des Pfeils */
}

.sf-arrows>.sfHover>.sf-with-ul:after {
	border-top-color: black; /* IE8 fallback colour: Welche Farbe der Pfeil hat, kurz nachdem man aus dem Element rausfährt */
}

.sf-arrows ul li > .sf-with-ul:focus::after, .sf-arrows ul li:hover > .sf-with-ul::after, .sf-arrows ul .sfHover > .sf-with-ul::after {
 	border-left-color: black;
}

.sf-arrows ul .sf-with-ul::after {
	border-left-color: black; /* Definiert die Pfeil farbe */
	margin-right: -9px;
	margin-top: 5px;
}

/****************************************************
 * Untermenü zweiter Stufe mit maximaler Höhe
 ****************************************************/
 .NavigationMenuHor ul.sf-menu > li.current  ul {
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
 }
.NavigationMenuHor ul.sf-menu > li.current > ul > li.current ul {
	max-height: 100ex;
	overflow-x: auto;
	overflow-y: auto;
	border-bottom: 1px solid #cfdeff;
	border-top: 1px solid #cfdeff;
	width: calc(100% + 40px);
	background-color: white;
}
.NavigationMenuHor ul.sf-menu > li.current > ul > li.current ul li {
	background-color: white;
}
.NavigationMenuHor ul.sf-menu > li.current > ul > li.current ul > li > a {
	width: calc(100% - 25px); /* +20px damit die vertikale Scrollbar nicht die horizontale erzwingt. */
	overflow: hidden;
	text-overflow: ellipsis;
}