/*************************************************************************************************/
/* FILENAME				: adxmenu.css                                                            */
/* AUTHOR				: R. Rispens                                                             */
/* LAST CHANGE			: 18-04-2006                                                             */
/* DESCRIPTION			: Basic stylesheet for adxmenu                                           */
/*************************************************************************************************/

#adxmenu
{
	position:				absolute;
	clear:					both;
	z-index:				10;
	
	width:					681px;
	height:					58px;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	
	font-family:			trebuchet MS, helvetica;
	font-size:				1.0em;
	color:					#000000;
	


}
	
	/* Niveau 1 */
	#adxmenu ul
	{
		position:				relative;
		display:				block;
	
		width:					681px;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	
		list-style-type:		none;
	}

		#adxmenu ul li
		{
			position:				relative;
			display:				block;
			cursor:					pointer;
			float:					left;
			
			width:					136px;
			height:					46px;
			padding:				0px 0px 0px 0px;
			margin:					0px 0px 0px 0px;
			
			background-image:		url('/sjablonen/1/images/adxmenu/borderLeft.gif');
			background-repeat:		no-repeat;
		}
		
		

			#adxmenu ul li a
			{
				padding:				0px 0px 10px 10px;
				margin:					5px 0px 0px 0px;
				
				font-size:				1.2em;
				font-weight:			bold;
				text-decoration:		none;
				
				color:					#000046;
			}

			#adxmenu ul li a:hover
			{
				color:					#cb0074;
				text-decoration:		none;
			}
				
				#adxmenu ul li span
				{
					display:				block;
					float:					right;
					width:					100%;
				}

		#adxmenu ul li:hover
		{
			color:					#76A000;
			
			background-image:		url('/sjablonen/1/images/adxmenu/menuSelected.png');
			background-position:	bottom;
			background-repeat:		repeat-x;
		}
		
		#adxmenu ul li.selected
		{
			color:					#76A000;
			
			background-image:		url('/sjablonen/1/images/adxmenu/menuSelectedPath.png');
			background-position:	bottom;
			background-repeat:		repeat-x;
		}
		
		#adxmenu ul li.selected a
		{
			color:					#cb0074;
		}
		
		#adxmenu ul li.selectedPath
		{
			color:					#76A000;
			
			background-image:		url('/sjablonen/1/images/adxmenu/menuSelectedPath.png');
			background-position:	bottom;
			background-repeat:		repeat-x;
		}
		

	/* Niveau 2 */
	#adxmenu ul li ul
	{
		width:					136px;
		padding:				0px 0px 0px 0px;
		margin:					46px 0px 0px 0px;

		list-style-type:		none;
		
		background:				transparent;
		background-color:		#FFFFFF; 
		background-image:		none;
		
		opacity:				.9; 
		filter:					alpha(opacity=90); /* IE's opacity*/
			
		border-top:				1px solid #000046;

	}

		#adxmenu ul li ul li
		{
			position:				relative;
			
			height:					22px;
			min-height:				22px;
			
			width:					134px;
			
			padding:				0px 0px 0px 0px;
			margin:					0px 0px 0px 0px;
			
			background-color:		#FFFFFF; 
			background-image:		none;
			
			border-bottom:			1px solid #000046;
			border-left:			1px solid #000046;
			border-right:			1px solid #000046;
		}
		*>#adxmenu ul li ul li
		{
			height:					auto;
		}

		#adxmenu ul li ul li.selected,#adxmenu ul li ul li.selectedPath
		{
				background-image:		none;
		}		

			#adxmenu ul li ul li a, 	#adxmenu ul li.selected ul li a
			{
				padding:				0px 0px 0px 10px;
				margin:					0px 0px 0px 0px;
				
							
				color:					#000046;
				font-size:				1.0em;
				font-weight:			normal;
				text-decoration:		none;
				
				line-height:			17pt;
			}

			#adxmenu ul li ul li a:hover
			{
				color:					#FFFFFF;
				text-decoration:		none;
			}
		
		#adxmenu ul li ul li:hover
		{
			color:					#FFFFFF;
			position:				relative;
			
			height:					22px;
			padding:				0px 0px 0px 0px;
			margin:					0px 0px 0px 0px;

			background-color:		#cb0074;
			background-image:		none;
			
			border-bottom:			1px solid #000046;
		}
		
		*>#adxmenu ul li ul li:hover
		{
			min-height:				22px;
			height:					auto;
		}
		
			#adxmenu ul li ul li:hover a
			{
				color:					#FFFFFF;
			}
			
			#adxmenu ul li ul li:hover a:hover
			{
				color:					#FFFFFF;
			}