/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		LIMENU stylesheet					                           	  			*/
/* Site name:		Corporate Internet VanBoeijen	 		                           	  		*/
/* Date created:	08-03-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/*	Grey:				#6e6e6e
/*	Red:				#c3281f
/*	Black:				#000

/************************************************************************************************/
/* Screen styles                                                                 				*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* Global																					*/
	/********************************************************************************************/
		ul#liMenu
		{
			float:					left;
			display:				block;
			width:					216px;
			height:					256px;
			padding:				12px;
			
			background-image:		url(/Content/Images/General/bg_topMenuTop.gif);
			
			background-position:	0 2px;
			background-repeat:		no-repeat;
		}
		
		ul#liMenu a
		{
			color:					#fff;
			text-decoration:		none;
		}
		
			ul#liMenu a:hover
			{
				text-decoration:		underline;
			}
	
	/********************************************************************************************/
	/* Niveau 1																					*/
	/********************************************************************************************/	
	
	ul#liMenu li
	{
		float:						left;
		
		padding:					0 0 0 11px;
		background-image:			url(/Content/Images/General/arrow_white.gif);
		background-position:		0px 7px;
		background-repeat:			no-repeat;	
	}
	
	ul#liMenu li.selected,
	ul#liMenu li.selectedPath
	{
		position:				absolute;
		display:				block;
		left:					15px;
		top:					296px;
		
		padding:				0px;
		
		width:					230px;
		background-image:		none;
	}
	
	
		ul#liMenu li.selected div a,
		ul#liMenu li.selected div span,
		ul#liMenu li.selectedPath div a,
		ul#liMenu li.selectedPath div span
		{	
			float:					left;
			display:				block;
			font-weight:			normal;
			font-size:				1.8em;
			line-height:			130%;
			padding:				0 0 0 12px;
			color:					#fff;
			font-family:			NewsGothicBQRegular;
		}
		
			ul#liMenu li.selected div a:hover,
			ul#liMenu li.selectedPath div a:hover
			{
				text-decoration:		none;
			}
		
	/********************************************************************************************/
	/* Niveau 2																					*/
	/********************************************************************************************/		
		
			ul#liMenu li.selected ul,
			ul#liMenu li.selectedPath ul
			{
				float:					left;
				display:				block;
				margin:					27px 0 0 0;
				padding:				0 0 16px 0;
				font-size:				0.6em;
				background-image:		url(/Content/Images/General/bg_subMenuUnder.gif);
				background-position:	0 bottom;
				background-repeat:		no-repeat;	
			}
			
			
				ul#liMenu li.selected ul li,
				ul#liMenu li.selectedPath ul li
				{
					float:					left;
					position:				relative;
					margin:					0;
					padding:				0;
					background-image:		none;
				}
				
					ul#liMenu li.selectedPath ul li.selected,
					ul#liMenu li.selectedPath ul li.selectedPath
					{
						position:				relative;
						top:					0;
						left:					0;
					}
					
						
				
			
				ul#liMenu li.selected ul div a,
				ul#liMenu li.selected ul div span,
				ul#liMenu li.selectedPath ul div a,
				ul#liMenu li.selectedPath ul div span
				{	
					float:					left;
					display:				block;
					
					height:					18px;
					padding:				0 20px 0 23px;
					
					font-size:				1.6em;				
					width:					200px;
					background-image:		url(/Content/Images/General/bg_subMenu.gif);
					background-position:	0 0px;
					background-repeat:		repeat-y;	
					font-family: 			Arial, Verdana, Helvetica;

				}
				*>ul#liMenu li.selected ul div a,
				ul#liMenu li.selected ul div span,
				ul#liMenu li.selectedPath ul div a,
				ul#liMenu li.selectedPath ul div span
				{
					min-height:				18px;
					height:					auto;
				}
				
					ul#liMenu li.selectedPath ul li.selected div a,
					ul#liMenu li.selectedPath ul li.selectedPath div a,
					ul#liMenu li.selected ul div a:hover,
					ul#liMenu li.selectedPath ul div a:hover
					{
						text-decoration:		underline;
						background-image:		url(/Content/Images/General/bg_subMenu_selected.gif);
					}
					
	

	
	/********************************************************************************************/
	/* Niveau 3																					*/
	/********************************************************************************************/

	ul#liMenu li.selectedPath ul li.selected ul,
	ul#liMenu li.selectedPath ul li.selectedPath ul
	{
		float:					left;
		display:				block;
		
		margin:					0;
		padding:				0;
		font-size:				1.0em;
		background-image:		none;
	}
	
	
		ul#liMenu li.selectedPath ul li.selected ul div a,
		ul#liMenu li.selectedPath ul li.selected ul div span,
		ul#liMenu li.selectedPath ul li.selectedPath ul div a,
		ul#liMenu li.selectedPath ul li.selectedPath ul div span,
		ul#liMenu li.selectedPath ul li.selectedPath ul li div a:hover
		{
			text-decoration:			none;
			background-image:			url(/Content/Images/General/bg_subsubMenu.gif);
			padding:					2px 0 1px 23px;
			color:						#8b8171;
			width:						207px;
		}
		
			ul#liMenu li.selectedPath ul li.selected ul div a:hover,
			ul#liMenu li.selectedPath ul li.selectedPath ul div a:hover
			{
				text-decoration:			underline;
				color:						#c3261f!important;
			}
			
			
				ul#liMenu li.selectedPath ul li.selected ul li div a:hover,
				ul#liMenu li.selectedPath ul li.selectedPath ul li div a:hover
				{
					background-image:			url(/Content/Images/General/bg_subsubMenu.gif);
					text-decoration:			underline;
				}
		
		
				ul#liMenu li.selectedPath ul li.selectedPath ul li.selected div span,
				ul#liMenu li.selectedPath ul li.selectedPath ul li.selected div a,
				ul#liMenu li.selectedPath ul li.selectedPath ul li.selectedPath div a,
				ul#liMenu li.selectedPath ul li.selectedPath ul li.selected div a:hover
				{
					color:						#c3261f;
				}
	
	/********************************************************************************************/
	/* Niveau 4																					*/
	/********************************************************************************************/
	
	ul#liMenu li.selectedPath ul li.selectedPath ul li.selected ul,
	ul#liMenu li.selectedPath ul li.selectedPath ul li.selectedPath ul
	{
		display:				none;
	}

	
}


/************************************************************************************************/
/* Print styles                                                                 				*/
/************************************************************************************************/
@media print
{
}