/**** ============================= FLYOUT ============================= ****/
#hexalmenu_container {
	position: absolute;
	top: 0px;
	left: 675px;
	width: 200px;
	z-index: 2;
}

#hexalmenu, #hexalmenu * {
	margin:0;
	padding:0;
}
#hexalmenu {
	line-height: 14px;
	position: relative;
	float: left;
}

/**** first tier of nav and all others if not overwritten ****/
#hexalmenu ul {
/*	background-color: #fff; /*IE6 needs this*/
	position: relative;
}
#hexalmenu li {
	float: left;
	list-style: none;
	z-index: 999;
}
#hexalmenu li.first {
	border-top: 1px solid #a8d2f3;
}
#hexalmenu li.first a {
	border-top: 0px;
}
#hexalmenu li.last {
	border-bottom: 1px solid #74a6e3;
}
#hexalmenu a.mainlink {
	display: block;
	padding: 4px 15px 12px 40px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(hexalmenu_mainback.gif);
	background-repeat: no-repeat;
	background-position: 21px 4px;
}
#hexalmenu a.daddy {
	background: url(daddy_pfeil.gif) center right no-repeat;
}

/**** second tier of nav ****/
#hexalmenu li ul {
	position: absolute;
	top: -999em;
	left: -349px;
	width: 588px;
}
#hexalmenu li li {
	position: relative;
	background-color: #edf5f8;
	font-size: 11px;
	width: 120px;
	border-left: 1px solid #5176a3;
	border-right: 1px solid #002b60;
	background-image: url(hexalmenu_leiste.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#hexalmenu li li a {
	width: 94px;
	color: #ffffff;
	display: block;
	float: left;
	padding: 9px 11px 9px 15px;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: bold;
}
/* 8px breiter */
#hexalmenu li li.main1 { width: 128px; }
#hexalmenu li li.main1 a { width: 102px; }
/* 20px schmäler */
#hexalmenu li li.main2 { width: 100px; }
#hexalmenu li li.main2 a { width: 74px; }
/* 8px schmäler */
#hexalmenu li li.main3 { width: 112px; }
#hexalmenu li li.main3 a { width: 86px; }
/* 31px schmäler */
#hexalmenu li li.main4 { width: 89px; }
#hexalmenu li li.main4 a { width: 63px; }
/* 7px schmäler */
#hexalmenu li li.main5 { width: 113px; }
#hexalmenu li li.main5 a { width: 87px; }

#hexalmenu li:hover ul,
#hexalmenu li.sfHover ul {
	top: -1px;
}
#hexalmenu li li:hover,
#hexalmenu li li.sfHover,
#hexalmenu li li a:focus, #hexalmenu li li a:hover, #hexalmenu li li a:active {
	background-position: right top;
}


/**** third tier of nav ****/
#hexalmenu li li ul {
	float: none;
	left: -1px;
	width: 191px;
	border-right: 0px;
	background-image: url(schatten.png);
	_background-image: none; /* for IE6 only */
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 35px;
}
#hexalmenu li li li,
#hexalmenu li li.main1 li, #hexalmenu li li.main2 li, #hexalmenu li li.main3 li, #hexalmenu li li.main4 li, #hexalmenu li li.main5 li {
	width: 183px;
	top: 32px;
	padding-left: 6px;
	background-image: none;
	background-color: #dcedf8;
	border-left: 1px solid #a8d2f3;
	border-right: 1px solid #74a6e3;
	font-weight: normal;
	filter: Alpha(opacity=96);
	opacity: 0.96;
	-moz-opacity: 0.96;
	-khtml-opacity: 0.96;
}
#hexalmenu li li li a, #hexalmenu li li.first li a,
#hexalmenu li li.main1 li a, #hexalmenu li li.main2 li a, #hexalmenu li li.main3 li a, #hexalmenu li li.main4 li a, #hexalmenu li li.main5 li a {
	width: 172px;
	color: #023e86;
	padding: 5px 0px 5px 5px;
	border-top: 1px solid #bddcf4;
	font-weight: normal;
}
#hexalmenu li li li.first a {
	border-top: 0px;
}
#hexalmenu li:hover li ul,
#hexalmenu li.sfHover li ul {
	top: -999em;
}
#hexalmenu li li:hover ul,
#hexalmenu li li.sfHover ul {
	top: 0px;
}
#hexalmenu li li li:hover,
#hexalmenu li li li.sfHover,
#hexalmenu li li li a:focus, #hexalmenu li li li a:hover, #hexalmenu li li li a:active {
	background-color: #fff;
}

/**** fourth tier of nav ****/
#hexalmenu li li:hover li ul,
#hexalmenu li li.sfHover li ul {
	top: -999em;
}
#hexalmenu li li li:hover ul,
#hexalmenu li li li.sfHover ul {
	left: 210px;
	top: -1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}