/*

Top Navigation 

-------------------------------------------------

*/


 /* common styling */


#topNavigation ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

#topNavigation ul li {
	float:left;
	position:relative;
}

#topNavigation ul li a, #topNavigation ul li a:visited {
	display:block; 
	text-decoration:none; 
	color: #fff;
	width:127px; 
	border-left: 5px solid #fff; 
	font: 11px arial;
	font-weight:bold;
	background: #708a9e;
	padding-left:3px; 
	line-height:20px;
	height:20px;
	border-bottom:none;
}

* html #topNavigation ul li a, #topNavigation ul li a:visited {
	width:127px;
}

#topNavigation ul li ul {
	display: none;
}

table {
	border-collapse:collapse;
	font-size:11px;
}



/* specific to non IE browsers */

#topNavigation ul li:hover a,

#topNavigation ul li a:hover {
	color: #fff;
	background: #ff7f00;
}



#topNavigation ul li:hover ul,

#topNavigation ul li a:hover ul {
	display:block; 
	position:absolute;
	left:0;
	width:127px;
	margin-left:5px;
	/*margin-top:0px;*/
}

* html #topNavigation ul li a:hover ul {
	margin-top:0;
}



#topNavigation ul li:hover ul li ul,

#topNavigation ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:127px;
}


/* 2. Stufe */

#topNavigation ul li:hover ul li a,
#topNavigation ul li a:hover ul li a {
	display:block; 
	/*height:20px;*/
	height:auto;
	line-height:20px;
	padding: 0px 0 0 3px;
	margin: -1px 0 0 0;
	width:127px;
	font: 11px/20px normal arial, helvetica, sans-serif;
	color: #fff;
	background: #708a9e;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #fff;
}

* html #topNavigation ul li a:hover ul li a {
	width:127px;
}


#topNavigation ul li:hover ul li a:hover,
#topNavigation ul li a:hover ul li a:hover {
	color: #fff;
	background: #f69e46;

}

/*3. Stufe */
#topNavigation ul li:hover ul li:hover ul,
#topNavigation ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	left:125px; 
	top:0;
	width:132px;
}

#topNavigation ul li:hover ul li:hover ul li a,

#topNavigation ul li a:hover ul li a:hover ul li a {
	display:block;
	height:auto;
	line-height:20px;
	padding: 0px 0 0 3px;
	margin: -1px 0 0 0;
	width:132px;
	font: 11px/20px normal arial, helvetica, sans-serif;
	color: #fff;
	background: #b7c4ce;
	text-decoration: none;
	border-top:  1px solid #fff;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #fff;

}

#topNavigation ul li:hover ul li:hover ul li a:hover,
#topNavigation ul li a:hover ul li a:hover ul li a:hover {
	color: #fff;
	background: #f69e46;
}

