/*
Top Navigation 
-------------------------------------------------
*/
#navigation {
	width: 780px;
	height: 21px;
	float:left;

}

 /* common styling */

#navigation ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
#navigation ul li {
	float:left;
	position:relative;
}


* html #navigation ul li a, #navigation ul li a:visited {
	/*width:123px;*/
}
#navigation ul li ul {
	display: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:11px;
}

/* specific to non IE browsers */
/*
1. Stufe
*/

#navigation ul li a, #navigation ul li a:visited {
	display:block; 
	text-decoration:none; 
	color: #fff;
	width:121px;
	border-left: 2px solid #fff;
	font: normal 12px arial;
	padding-left:7px;
	background: #1f1d21;
	line-height:21px;
}

#navigation ul li:hover a,
#navigation ul li a:hover {
	color: #fff;
	background: #a5a5a6;
}

#navigation ul li:hover ul,
#navigation ul li a:hover ul {
	display:block; 
	position:absolute;
	left:2px; 
	width:128px;
}
* html #navigation ul li a:hover ul {
	margin-top:0;
}

#navigation ul li:hover ul li ul,
#navigation ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:122px;
}

/*
2. Stufe
*/

#navigation ul li:hover ul li a,
#navigation ul li a:hover ul li a {
	display:block; 
	padding: 0 0 0 7px;
	margin: 0px 0 0 0;
	font: 12px/21px arial, helvetica, sans-serif;
	color: #fff;
	background: #a5a5a6;
	text-decoration: none;
	border:none;
	width:121px;
}
* html #navigation ul li a:hover ul li a {
	width:128px;
}


#navigation ul li:hover ul li a:hover,
#navigation ul li a:hover ul li a:hover {
	color: #fff;
	background: #6d6c6e;
}

#navigation ul li:hover ul li:hover ul,
#navigation ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:128px;
	top:0;
	width:128px;
}
/*3. Stufe des hintersten Menus nach links öffnen */
#navigation ul li.last:hover ul li:hover ul,
#navigation ul li.last a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:-129px;
	top:0;
	width:128px;
}



/*
3. stufe
*/

#navigation ul li:hover ul li:hover ul li a,
#navigation ul li a:hover ul li a:hover ul li a {
	border:none;
	background: #a5a5a6;
	font: 12px/21px arial, helvetica, sans-serif;
}

#navigation ul li:hover ul li:hover ul li:hover a,
#navigation ul li a:hover ul li a:hover ul li a:hover {
	background:#6d6c6e;
	color:#fff;
}
