/**
 *  Mega Menu Drop Down
 * 	Copyright Eric froim http://www.visibilityinherit.com
 *
 *	get it here
 * 	http://www.visibilityinherit.com/code/mega-drop-down.php
 *
 **/


/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
/*font-weight:bold;*/
height:2em;
margin:0;
color:#fff;
}

#mega li {
	background: url(images/menu-band.jpg) right no-repeat;
	float: left;
    font-size: 10pt;
    margin: 0;
    padding: 6px 6px 0;
    position: relative;
    text-transform: uppercase;
}


#mega li p{
font-size:9pt;
}

#mega li:hover {
background:#fff;
color:#21759B;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding: 6px 6px 0;
z-index:999; /* shadow above adjacent li */
}

#mega a {
color:#fff;
outline:0;
text-decoration:none;
display:block;
}
#mega b a {
color:#fff;
}
#mega li div a {
color:#000;
 text-transform: none;
}
#mega li a:hover, #mega li a:focus, #mega li a:active, #mega li:hover a {
color:#21759B;
}
#mega li a:hover{ color:#000;}


/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
/*left:-999em;*/
display:none;
margin-top:0;
width:600px;
padding:5px 10px 10px;
border-top:0;
font-weight:normal;
text-align:left;
background:#fff;
border: 1px solid #21759B;
border-top:none;
z-index:999;
}


#mega li:hover div {
left:-1px;
display:block;
top:auto;
z-index:999;

}
#mega li.dif:hover div {
left:-221px;
display:block;
color:#21759B;
}
.ultradif:hover div {
left:-421px !important;
}


/* --------- Within Div Styles --------- */
#mega div b {
background:#21759B;
color: #fff;
font-size:1em;
padding:5px 10px;
margin:0px 0 5px 0;
clear:both;
float:left;
width:580px;
position:relative; /* makes above drop shadow */
}
#mega div b.inv {
background:#fff;
color: #21759B;
}

#mega div b a {
	color:#fff;
}
#mega div b a:visited {
	color:#fff;
}
#mega div b a:hover {
	text-decoration: underline;
}

#mega div b.inv a {
	color:#21759B;
}
#mega div b.inv a:visited {
	color:#21759B;
}


#mega div hr {
background:#fff;
border:0px;
color: #fff;

margin:5px 0;
clear:both;
float:left;
width:500px;
position:relative; /* makes above drop shadow */
}

#mega div p {
float:left;
width:199px;
margin:0 0 15px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
background:url(images/menu_pfeil.jpg) no-repeat left;
padding-left:8px;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.6;
te
}

/*#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none; color:#21759B;z-index:9999;
}
*/

#mega li div b a {
color:#fff !important;
}

#mega li div b.inv a {
color:#21759B !important;
}

#mega .bold{
	font-weight:bold;
	margin-bottom: 5px;
}

#mega .black{
	color:#000;
}






.flyout .mega_link {
  margin-left: 9px;
}