/* ###################################
 * ##  Aufklappbare Navigation		##
 * ##  (über hover-Effekt)			##
 * ###################################*/

.menu_top {
	font-size:100%;
	padding-bottom:0px;
	width:100%;
	border-bottom: 1px solid #000000 ;
	height:1.9em;
	background-color:#ECECEC;
}

/* alle Aufzählungszeichen, Ränder und Abstände entfernen */
.menu_top ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:20px;
	background:#ECECEC;
	z-index:3;
}

/* style the sub-level lists */
.menu_top ul ul {display:block;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu_top ul li {
	float:left;
	height:20px;
	line-height:19px;
	vertical-align:middle !important;
	display:block;
	font-weight	: bold;
	border-bottom: 0px;
	border-right: 1px solid black; /*aaa*/
	z-index:3;
}

/* style the sub level list items */
.menu_top ul ul li {
border-bottom:1px solid #FFFFFF;
display:block;
height:auto;
line-height:1em;
}


/* style the links for the top level */
.menu_top a, .menu_top a:visited {
	display:block;
	padding:0 5px 0 5px;
	float:left;
	font-size:100%;
	text-decoration:none;
	color:#000000;
	background:#ececec;
	border-left: 0px solid #000000;
	border-right: 0px solid #fff;
	border-bottom:0px solid #000000;

}

	/* added by artur */
	.menu_top li ul li a {
		border-right:0px solid #000000;
	}

	.menu_top li ul li ul li a {
		border-bottom:1px solid #000000;
		border-top:0px solid #cccccc;
	}

	.bordertop {
	   border-top:1px solid #000000  !important;
	}

/* style the sub level links */
.menu_top ul ul a, .menu_top ul ul a:visited {
	display:block;
	background:#ECECEC;
	color:#000000;
	width:15em;
	line-height:1.2em;
	padding:0.5em 1em 0.5em 6px;
	font-weight:normal;
}

* html .menu_top ul ul a, * html .menu_top ul ul a:visited  {width:14em; w\idth:14em;}


/* #######################################################################################
/* ##  style the table so that it takes no part in the layout - required for IE to work	##
/* #######################################################################################*/

.menu_top table {
	position:absolute;
	left:1px;
	top:0;
	width:0;
	height:0;
	font-size:100%;
}

.menu_top ul ul ul a, .menu_top ul ul ul a:visited { /* style the third level background */
	background:#ECECEC;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.menu_top ul ul ul ul a, .menu_top ul ul ul ul a:visited { /* style the fourth level background */
	background:#ECECEC;
}

.menu_top ul :hover a.sub1 { /* style the sub level 1 background */
	background:#ECECEC;
}

.menu_top ul ul :hover a.sub2 {	/* style the sub level 2 background */
	background:#ECECEC;
}

/* ###############################
 * ##  Mouseover-Effekte		##
/* ###############################*/

/* first */
* html .menu_top a:hover {
	color:#000;
	background:#ECECEC;
	position:relative;
	z-index:100;
	text-decoration:none;
}
.menu_top li:hover {
	position:relative;
}
.menu_top :hover > a {
	color:#0099FF;
	background:#ECECEC;
	text-decoration:none;
}

/* second */
* html .menu_top ul ul a:hover{
color:#000;background:#cccccc; position:relative; z-index:110;}
.menu_top ul ul li:hover {
	position:relative;
}
.menu_top ul ul :hover > a {
	color:#0099FF;
	background:#e0e0e0;
}

/* third */
* html .menu_top ul ul ul a:hover {
	background:#e0e0e0;
	position:relative;
	z-index:120;
}
.menu_top ul ul ul :hover > a {
	background:#e0e0e0;
}

/* fourth */
.menu_top ul ul ul ul a:hover {
	background:#cccccc;
	position:relative;
	z-index:130;
}
.menu_top ul ul {
  	visibility:hidden;
  	position:absolute;
  	height:0;
	top:20px;
  	left:0;
  	display:block;
  	border-top:1px solid #000000;
}

/*IE 6 tan-Hack*/
* html .menu_top ul ul {
	t\op:19px;
}

/* ####################################################
/* ##  Positionieren the third level flyout menu	 ##
/* ####################################################*/

.menu_top ul ul ul{
	left:155px;
	top:4px;
	width:14em;
}

/* make the second level visible when hover on first level list OR link */
.menu_top ul :hover ul{visibility:visible; height:auto; padding-bottom:0em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu_top ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_top ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu_top ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu_top ul :hover ul :hover ul :hover ul {visibility:visible;}

/* #######################
/* ##  IE6 Korrektur	##
/* #######################*/

* html .menu_top ul li a{
	border-bottom:0px !important;
}

* html .menu_top ul li a ul li{
	border-bottom:1px solid #000000 !important;
}

/* Hervorhebung des aktuellen Pfades */
.act {
	color: #0099FF !important;
}