/* common styling */
.menu
{
	font-family: 		arial, sans-serif; 
	width:				520px;			// width of the index container
	height:				30px; 			// height of the index container
	position:			relative; 
	font-size:			12px; 
	z-index:			100;
}

.menu ul li a, .menu ul li a:visited
{
	display:			block; 
	text-decoration:	none; 
	color:				#000;
	width:				104px;			// width of one index chapter
	height:				20px; 
	text-align:			center; 
	color:				#fff; 
	border:				0px solid #fff; 
	background:			#000;			// background color of one chapter 
	line-height:		20px; 
	font-size:			12px; 
	overflow:			hidden;
}

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

.menu ul li	 /* to show horizontaly */
{
	float:				left; 
	position:			relative;
}

.menu ul li ul
{
	display: 			none;
}

/* specific to non IE browsers */
.menu ul li:hover a					/* menue hover */
{
	color:				#FFF; 
	font-weight:		normal;
	background:			#01669A;
}

.menu ul li:hover ul 
{
	display:			block; 
	position:			absolute; 
	top:				15px; 		// distance between chapter and submenues
	left:				0; 
	width:				105px;
}

.menu ul li:hover ul li a.hide 
{
	background:			#6a3; 
	color:				#fff;
}

.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 			/* submenue farbe */
{
	display:			block; 
	background:			#EEE; 
	color:				#000;
	font-size:			11px;
}

.menu ul li:hover ul li a:hover 	/* submenue hover */
{
	background:			#FF9724; 
	color:				#FFF;
}

.menu ul li:hover ul li:hover ul 
{
	display:			block; 
	position:			absolute; 
	left:				100px;		// offset to submenue //105px; 
	top:				0;
}

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