﻿.HeadMainMenu
{
	width: 1002px;
	margin: 0px;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	height: 20px;
	margin-left: 0px;
	padding: 0px;
	background-position: bottom right;
	z-index: 1000;
}




/* remove all the bullets, borders and padding from the default list styling */
.HeadMainMenu .menu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	display: inline;
	left: 0px;
	position: static;
	list-style-image: none;
	z-index: 1000;
}



/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.HeadMainMenu .menu ul li
{
	float: left;
	height: 20px;
	z-index: 1000;
}



/* style the links for the top level  */
.HeadMainMenu .menu ul li a, .HeadMainMenu .menu ul li a:visited
{
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	padding: 0px 17px 0px 9px;
	z-index: 1000;
}

.HeadMainMenu .menu ul li a:hover, .HeadMainMenu .menu ul li a:focus
{
	display: block;
	float: left;
	height: auto;
	line-height: 20px;
	color: #ffffff;
	padding: 0px 17px 0px 9px;
	z-index: 1000;
}

/* style der sub-level Liste */
.HeadMainMenu .menu ul li ul
{
	width: 200px;
	border: 1px solid #f2ad00;
	border-top: 0px solid #f2ad00;
	height: 20px;
	z-index: 1000;
}


/* style der sub-level Listen Einträge */
.HeadMainMenu .menu ul li ul li
{
	display: block;
	height: 20px;
	position: relative;
	top: 0px;
	left: 0px;
	border-top: 1px solid #f2ad00;
	z-index: 1000;
}

/* style the sub level links */

.HeadMainMenu .menu ul li ul li a, .HeadMainMenu .menu ul li ul li a:visited
{
	background-color: #f8d07f;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px 9px 0 9px;
	z-index: 1000;
}

.HeadMainMenu .menu ul li ul li a:hover, .HeadMainMenu .menu ul li ul li a:focus
{
	color: #ffffff;
	text-decoration: underline;
	background: #f2ad00;
	width: 200px;
	height: 20px;
	z-index: 1000;
}


.HeadMainMenu .menu ul table ul a, .HeadMainMenu .menu ul table ul a:visited
{
	width: 200px;
	height: 20px;
	z-index: 1000;
}


/* style the table so that it takes no part in the layout - required for IE to work */

.HeadMainMenu .menu table
{
	font-size: 10px;
	z-index: -1;
	border: 1px solid #f2ad00;
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 1000;
}


.HeadMainMenu .menu ul ul table
{
	left: -1px;
	z-index: 1000;
}
.HeadMainMenu .menu ul ul table ul .left
{
	margin-left: 2px;
	z-index: 1000;
}

.HeadMainMenu .menu li:hover
{
	color: #ffffff;
	background: #f2ad00;
	position: relative;
	z-index: 1000;
}



* html .HeadMainMenu .menu a:hover
{
	position: relative;
	text-decoration: underline;
	color: #ffffff;
	background: #ff7100;
	z-index: 1000;
}



.HeadMainMenu .menu a:hover
{
	background: #ff7100;
	color: #ffffff;
	z-index: 1000;
}

.HeadMainMenu .menu :hover > a
{
	background: #ff7100;
	color: #ffffff;
	z-index: 1000;
}

.HeadMainMenu .menu ul ul a:hover
{
	background: #ff7100;
	color: #ffffff;
	z-index: 1000;
}


.HeadMainMenu .menu ul ul :hover > a
{
	background: #f8d07f;
	color: #ffffff;
	z-index: 1000;
}


.HeadMainMenu .menu ul li ul
{
	visibility: hidden;
	position: absolute;
	height: 0px;
	top: 0px;
	left: 0px;
	width: 200px;
	background: #f8d07f;
	z-index: 1000;
}

/*  Submenupunkte wenn die Maus darüber ist */
.HeadMainMenu .menu ul li:hover ul, .HeadMainMenu .menu ul li a:hover ul
{
	visibility: visible;
	height: auto;
	padding: 0px;
	color: #ffffff;
	background: #ff71f0;
	width: 200px;
	overflow: hidden;
	top: 20px;
	font-weight: bold;
	z-index: 1000;
}

.HeadMainMenu .menu ul li ul li a, .HeadMainMenu .menu ul li ul li a:visited
{
	background: #f8d07f;
	height: 20px;
	padding: 0px 9px 0px 9px;
	width: 200px;
	z-index: 5000;
	font-weight: normal;
	z-index: 1000;
}
/*  Submenupunkte wenn die Maus darüber ist */
.HeadMainMenu .menu ul li ul li a:hover, .HeadMainMenu .menu ul li ul li a:focus
{
	background: #ff7100;
	height: 20px;
	padding: 0px 9px 0px 9px;
	vertical-align: middle;
	z-index: 5000;
	color: #ffffff;
	font-weight: bold;
	z-index: 1000;
}

.HeadMainMenu .menubox
{
	z-index: 1000;
}




