/* common styling */
.menu {
	padding-left: 160px;
	width: 808px;
	position: relative;
	margin: 0;
	font-size: 11px;
	z-index: 100;
}

.menu ul li a,
.menu ul li a:visited {
    background: transparent;
    font-size: 14px;
    color: white;
    display: block;
    margin: 0;
    padding: 9px 10px 7px 10px;
    text-decoration: none;
    _width: auto;
    border-right: 1px solid white;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu ul li {
	/*float: left;
	margin-right: 1px;
	position: relative;*/
    position: relative;
    float: left;
    height: 25px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
}

.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li.active a {
	color: #fff;
	background: #9b9996 url(../../img/menu-li-hover.gif) top left repeat-x;
}

.menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 33px;
	left: 0;
	/*width: 105px;*/
	background: transparent url(../../img/menu-ebene2-bg.png) bottom right no-repeat;
	border-left: 1px solid #e9e9e9;
	padding: 0 4px 5px 0;
}
.menu ul li:hover ul li{
	display: block;
	float: left;
	width: 100%;
	height: 23px;
	white-space: nowrap;
	clear: both;
}
.menu ul li:hover ul li a.hide {
	/*background: #6a3;*/
	color: black;
}

.menu ul li:hover ul li:hover a.hide {
	/*background: #6fc;*/
	color: #000;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display: block;
	background: transparent;
	color: #000;
	padding: 3px;
	font-size: 12px;
}

.menu ul li:hover ul li a:hover {
	/* 2. Ebene*/
	background: #9b9996;
	color: white !important;
}

.menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 105px;
	top: 0;
}

.menu ul li:hover ul li:hover ul.left {
	left: -105px;
}