/**** ============================= 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: #fff;

	text-decoration: none;

	background-image: url(hexalmenu_mainback.gif);

	background-repeat: no-repeat;

	background-position: 20px 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;

}