/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		ADXMENU stylesheet 				                                       	  			*/
/* Site name:		Internet Bureau Jeugdzorg				                                         	  		*/
/* Date created:		09-04-2009						                                         	  		*/
/*************************************************************************************************/

/************************************************************************************************/
/* Screen styles                                                                 										*/
/************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =ADX-menu styles														*/
	/*******************************************************************************************/
	#adxmenu
	{
		float:					left;
		
		height:					30px;
		width:					596px;
		padding:				0;
		margin:					0;
		
		font-family:			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		font-weight:			bold;
		z-index:				999;
	}
	
		#adxmenu a
		{
			color:					#ffffff;
			text-decoration:		none;
		}
	
	
	/*** Level 1 *********************************************************************************/

	#adxmenu li
	{
		float:					left;
		padding:				0;
		margin:					0;
	}

	
		
		#adxmenu li div
		{
		
			margin:					0;
			padding:				0;
			
			text-align:				center;
			border-right:			1px solid #FFFFFF;
		}
		
		#adxmenu li#adxmenu_menuitem_4 div
		{
			border:					none;
		}		
		
					
				#adxmenu li div a, #adxmenu li div span
				{
					display:				block;
					height:					25px;
					width:					100px;
					padding:				5px 0px 0 0px;
					color:					#fff;
				}
				
				#adxmenu li#adxmenu_menuitem_4 div a, #adxmenu li#adxmenu_menuitem_4 div span
				{
					width:					250px;
				}
			
					#adxmenu li div a:hover, #adxmenu li.selected div span, #adxmenu li.selectedPath div a
					{
						background-color:		#fff;
						color:					#000;
					}				
		

	/*** Level 2 *********************************************************************************/

	#adxmenu li ul
	{
		height:					auto;
		width:					200px;
		margin:					0;
		padding:				0;
		
		background-color:		#504795;
	}
	
		#adxmenu li ul li
		{
			height:					auto;
			margin:					0;
			padding:				0;
		}
		
			
			#adxmenu li ul li div
			{
				padding:				0px;
				margin:					0;
				height:					auto;
				text-align:				left;
				
				border-left:			0px solid #e01a3e;
			}
			
				#adxmenu li ul li div a, #adxmenu li.selected ul li div a, #adxmenu li.selectedPath ul li div a, #adxmenu li ul li div span
				{
					display:				block;
					width:					190px;
					height:					10px;
					padding:				2px 5px 2px 5px;
					
					font-weight:			normal;
					color:					#fff;
					
					background-color:		#504795;
					border-bottom:			1px solid #fff;
				}
				*>#adxmenu li ul li div a, #adxmenu li.selected ul li div a, #adxmenu li.selectedPath ul li div a, #adxmenu li ul li div span
				{
					min-height:				10px;
					height:					auto;
				}
				
					#adxmenu li.selectedPath ul li.selected div span
					{
						background-color:		#504795;
						color:					#fff;
					}	
				
					#adxmenu li ul li div a:hover, #adxmenu li ul li div span:hover
					{
						color:					#fff;
						background-color:		#5f6071;
					}
			
				#adxmenu li#adxmenu_menuitem_4 ul li div a, #adxmenu li#adxmenu_menuitem_4 ul li div span
				{
					width:					240px;
				}
				
		/*** Level 3 *********************************************************************************/
		
		#adxmenu li#adxmenu_menuitem_4 ul li ul
		{
			margin:					0;
		}
		*>#adxmenu li#adxmenu_menuitem_4 ul li ul
		{
			margin:					0 0 0 50px;
		}
}