/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */

/** Gesamt Menü Div */
.menu-menue-horizontal {
	margin:2px 0px 0px 54px;
	height:29px;
}

/** customize colors here */
a.mainlevel-menue-horizontal, a.mainlevel_active-menue-horizontal, a.mainlevel_current-menue-horizontal,
a.mainlevel-menue-horizontal:link, a.mainlevel_active-menue-horizontal:link, a.mainlevel_current-menue-horizontal:link,
a.mainlevel-menue-horizontal:visited, a.mainlevel_active-menue-horizontal:visited, a.mainlevel_current-menue-horizontal:visited {
	background-color: transparent;
	color: black;
}

a.mainlevel-menue-horizontal:hover, a.mainlevel_active-menue-horizontal:hover, a.mainlevel_current-menue-horizontal:hover {
	background-color: transparent;
	color: #ccc;
}

/* 3 Ebene */ 
a.sublevel-menue-horizontal, a.sublevel-menue-horizontal:link, a.sublevel-menue-horizontal:visited {
	background-color: #ffffff;
	color: #1A325C;
}

a.sublevel_active-menue-horizontal, a.sublevel_current-menue-horizontal,
a.sublevel_active-menue-horizontal:link, a.sublevel_current-menue-horizontal:link,
a.sublevel_active-menue-horizontal:visited, a.sublevel_current-menue-horizontal:visited {
	background-color: #ffffff;
	color: #7BB142;
}

a.sublevel-menue-horizontal:hover, a.sublevel_active-menue-horizontal:hover, a.sublevel_current-menue-horizontal:hover {
	background-color: #ffffff;
	color: #7BB142;
}

ul.mainlevel-menue-horizontal ul ul a.sublevel-menue-horizontal, ul.mainlevel-menue-horizontal ul ul a.sublevel_active-menue-horizontal, ul.mainlevel-menue-horizontal ul ul a.sublevel_current-menue-horizontal,
ul.mainlevel-menue-horizontal ul ul a.sublevel-menue-horizontal:link, ul.mainlevel-menue-horizontal ul ul a.sublevel_active-menue-horizontal:link, ul.mainlevel-menue-horizontal ul ul a.sublevel_current-menue-horizontal:link,
ul.mainlevel-menue-horizontal ul ul a.sublevel-menue-horizontal:visited, ul.mainlevel-menue-horizontal ul ul a.sublevel_active-menue-horizontal:visited, ul.mainlevel-menue-horizontal ul ul a.sublevel_current-menue-horizontal:visited {
	background-color: #ffffff;
	color: #1A325C;
}

ul.mainlevel-menue-horizontal ul ul a.sublevel-menue-horizontal:hover, ul.mainlevel-menue-horizontal ul ul a.sublevel_active-menue-horizontal:hover, ul.mainlevel-menue-horizontal ul ul a.sublevel_current-menue-horizontal:hover {
	background-color: #ffffff;
	color: #7BB142;
}

ul.mainlevel-menue-horizontal .expanded {
	display: block;
	background-image: url("../images/nav-arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 0px;
}

ul.mainlevel-menue-horizontal ul .expanded {
	background-image: url("../images/nav-arrow.png");
}


/** customize style / layout here */

a.mainlevel-menue-horizontal, a.mainlevel_active-menue-horizontal, a.mainlevel_current-menue-horizontal, span.mainlevel-menue-horizontal,
a.mainlevel-menue-horizontal:link, a.mainlevel_active-menue-horizontal:link, a.mainlevel_current-menue-horizontal:link,
a.mainlevel-menue-horizontal:visited, a.mainlevel_active-menue-horizontal:visited, a.mainlevel_current-menue-horizontal:visited,
a.mainlevel-menue-horizontal:hover, a.mainlevel_active-menue-horizontal:hover, a.mainlevel_current-menue-horizontal:hover,
a.sublevel-menue-horizontal, a.sublevel_active-menue-horizontal, a.sublevel_current-menue-horizontal, span.sublevel-menue-horizontal,
a.sublevel-menue-horizontal:link, a.sublevel_active-menue-horizontal:link, a.sublevel_current-menue-horizontal:link,
a.sublevel-menue-horizontal:visited, a.sublevel_active-menue-horizontal:visited, a.sublevel_current-menue-horizontal:visited,
a.sublevel-menue-horizontal:hover, a.sublevel_active-menue-horizontal:hover, a.sublevel_current-menue-horizontal:hover {
	font-weight: bold;
	font-size: 11px;
	line-height:15px;
	text-align: left;
	text-decoration: none;
	display: block;
	border: none;
	padding: 0.0em 0.0em 0.0em 0.0em;	/* top, right, bottom, left */
}

a.sublevel-menue-horizontal, a.sublevel_active-menue-horizontal, a.sublevel_current-menue-horizontal, span.sublevel-menue-horizontal,
a.sublevel-menue-horizontal:link, a.sublevel_active-menue-horizontal:link, a.sublevel_current-menue-horizontal:link,
a.sublevel-menue-horizontal:visited, a.sublevel_active-menue-horizontal:visited, a.sublevel_current-menue-horizontal:visited,
a.sublevel-menue-horizontal:hover, a.sublevel_active-menue-horizontal:hover, a.sublevel_current-menue-horizontal:hover {
	font-weight: normal;
}

a.mainlevel-menue-horizontal, a.mainlevel_active-menue-horizontal, a.mainlevel_current-menue-horizontal, span.mainlevel-menue-horizontal {
}

a.sublevel-menue-horizontal, a.sublevel_active-menue-horizontal, a.sublevel_current-menue-horizontal, span.sublevel-menue-horizontal {
	font-size: 90%;
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

.active_menu-menue-horizontal,
a.mainlevel_active-menue-horizontal, a.mainlevel_current-menue-horizontal,
a.mainlevel_active-menue-horizontal:link, a.mainlevel_current-menue-horizontal:link,
a.mainlevel_active-menue-horizontal:visited, a.mainlevel_current-menue-horizontal:visited,
a.mainlevel_active-menue-horizontal:hover, a.mainlevel_current-menue-horizontal:hover,
a.sublevel_active-menue-horizontal, a.sublevel_current-menue-horizontal,
a.sublevel_active-menue-horizontal:link, a.sublevel_current-menue-horizontal:link,
a.sublevel_active-menue-horizontal:visited, a.sublevel_current-menue-horizontal:visited,
a.sublevel_active-menue-horizontal:hover, a.sublevel_current-menue-horizontal:hover {
}

/*  Ausklappende Fläche  */
ul.mainlevel-menue-horizontal {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	z-index: 100;
}
.mainlevel-menue-horizontal ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	z-index: 100;
	border:1px solid #7BB142;
}

ul.mainlevel-menue-horizontal li {
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: url(../images/grey_bullet.png) left no-repeat;
	float: left;
	list-style: none;
}

/*  Unternavi Listenpunkte */
ul.mainlevel-menue-horizontal li li {
	position: relative;
	display: block;
	width:200px;
	padding:2px 0px 3px 10px;
	text-align:left;
}
/*  Unternavi Listenpunkte IE 6 Hack */
* html ul.mainlevel-menue-horizontal li li {
	width: 190px;
}


ul.mainlevel-menue-horizontal ul {
	display: block;
	position: absolute;
	left: -999em;
	margin:0;
	width: auto;
	height: auto;
	z-index: 101;
}

/* Dritte Ebene Fläche */
ul.mainlevel-menue-horizontal li li ul {
	margin: -17px 0px 0px 177px;
	z-index: 102;
}
/* Dritte Ebene Fläche IE Hack */
* html ul.mainlevel-menue-horizontal li li ul {
margin: -17px 0px 0px 167px;
}
*+html ul.mainlevel-menue-horizontal li li ul {
margin: -17px 0px 0px 167px;
}


/** IE7.0 workaround */
ul.mainlevel-menue-horizontal li:hover, ul.mainlevel-menue-horizontal li.hover {
	position: static;
}


/** general on-mouse-over display */

ul.mainlevel-menue-horizontal li:hover ul,
ul.mainlevel-menue-horizontal li.hover ul {
	left: auto;
}

ul.mainlevel-menue-horizontal li:hover ul ul,
ul.mainlevel-menue-horizontal li.hover ul ul {
	left: -999em;
}

ul.mainlevel-menue-horizontal li:hover ul li:hover ul,
ul.mainlevel-menue-horizontal li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel-menue-horizontal, ul.mainlevel-menue-horizontal li li {
	clear: left;

	background-color: #ffffff;
	background-image: none;
}

ul.mainlevel-menue-horizontal li li {
	border-top: 1px #000000 0px;
}

/** separator */
span.mainlevel-menue-horizontal, span.sublevel-menue-horizontal {
	display: block;
	width: 1em;
	border: 0px solid #000000;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-menue-horizontal > ul.mainlevel-menue-horizontal {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-menue-horizontal > ul.mainlevel-menue-horizontal li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
	color:#7BB142;
}
ul.mainlevel-menue-horizontal > ul.mainlevel-menue-horizontal li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
	color:#7BB142;
}

span.sublevel-menue-horizontal, span.sublevel_active-menue-horizontal {
	border:medium none;
	display:block;
	font-size: 11px;
	line-height:15px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	text-align:left;
	text-decoration:none;
	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
	height:1%;
	height:auto;
	
	background-color:#ffffff;
	color:#1A325C;
	
	font-weight:normal;
	margin: 0;
}

span span.expanded {
	background-image:url(../images/arrow_down.gif);
	background-position:right;
	background-repeat:no-repeat;
	display: block;
	width:190px;
}

* html span span.expanded {
	width:180px;
}