/**
 * obere vertikale Navigationsleiste
*/

/* remove all the bullets, borders and padding from the default list styling */
.horizontal_menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.horizontal_menu ul ul {
	width:118px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown horizontal_menu positon */
.horizontal_menu li {
	float:left;
	width:126px;
	position:relative;
	z-index: 9999;
}
/* style the links for the top level */
.horizontal_menu a, .horizontal_menu a:visited {
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	width: 116px;
	height: 30px;
	border: 1px solid #006699;
	border-width: 0px 0px 0px 1px;
	padding-left:10px;
	line-height:30px;
	font-weight:normal;
}
/* style the top level hover */
.horizontal_menu a:hover {
	color:#fff;
	background: #006699;
}
/* style the second level links */
.horizontal_menu ul ul a, .horizontal_menu ul ul a:visited {
	color:#003366;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:135px;
	border-width: 0px 1px 1px 1px;
	border-color: #006699;
	background: #f5f5f5 url('../images/stylepics/sprite.png') left -70px;
}
/* style the second level background grey-arrow */
.horizontal_menu ul ul a.drop, .horizontal_menu ul ul a.drop:visited {
	background: #f5f5f5 url('../images/stylepics/sprite.png') repeat-x left -140px;
	color: #003366;
}
/* style the second level hover blue-arrow */
.horizontal_menu ul ul a.drop:hover {
	background: #006699 url('../images/stylepics/sprite.png') repeat-x left -210px;
	color: #fff;
}
.horizontal_menu ul ul a:hover {
	background: #006699;
	color: #fff;
}
/* style the third level background */
.horizontal_menu ul ul ul a, .horizontal_menu ul ul ul a:visited {
	background: #f5f5f5 url('../images/stylepics/sprite.png') repeat-x left -70px;
}
/* style the third level hover */
.horizontal_menu ul ul ul a:hover {
	background:#006699;
        color:#FFF;
}
/* position the third level flyout horizontal_menu */ 
.horizontal_menu ul ul ul {
	border-width: 1px 1px 1px 1px;
	border-color: #006699;
	left:156px;
	top:-1px;
	width:156px;
}
/* position the third level flyout horizontal_menu for a left flyout */
.horizontal_menu ul ul ul.left {
	border: 0px;
	left:-156px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.horizontal_menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0;
	width:135px;
	border-top:1px solid #000;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.horizontal_menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* make the second level visible when hover on first level list OR link */
.horizontal_menu ul li:hover ul, .horizontal_menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.horizontal_menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.horizontal_menu ul :hover ul :hover ul {
	visibility:visible;
}