/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		ADXMENU stylesheet					                           	  			*/
/* Site name:		Corporate Internet VanBoeijen	 		                           	  		*/
/* Date created:	03-03-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/*	Grey:				#6e6e6e
/*	Red:				#c3261f
/*	Black:				#000

/************************************************************************************************/
/* Screen styles                                                                 				*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* Niveau 1																					*/
	/********************************************************************************************/
	ul#MainMenu
	{
		line-height:				160%;
		width:						100%!important;
	}

			ul#MainMenu li 
			{
				float:					left;
				display:				inline;

				margin:					0;
				padding:				5px 9px 13px 5px;
			}
			
						
				ul#MainMenu li:hover
				{
					background-image:		url(/Content/Images/General/bg_TopMenu_hover.jpg);
					background-repeat:		no-repeat;
				}
				
				ul#MainMenu li a,
				ul#MainMenu li span
				{
					display:				block;
					position:				relative;

					width:					220px;
					height:					252px;
										
					padding:				0; 
					margin:					0;
					
					
					background-image:		url(/43/-/files/menufoto.jpg);
					background-position:	0 63px;
					background-repeat:		no-repeat;
					
					background-color:		#c3261f;
					text-decoration:		none;
				}
				
				
					ul#MainMenu li#MainMenu_item_1 a,
					ul#MainMenu li#MainMenu_item_1  span
					{
						background-image:		url(/43/-/files/menufoto.jpg);
					}
					
					ul#MainMenu li#MainMenu_item_2 a,
					ul#MainMenu li#MainMenu_item_2  span
					{
						background-image:		url(/44/-/files/menufoto.jpg);
					}
					
					ul#MainMenu li#MainMenu_item_3 a,
					ul#MainMenu li#MainMenu_item_3  span
					{
						background-image:		url(/45/-/files/menufoto.jpg);
					}
					
					ul#MainMenu li#MainMenu_item_4 a,
					ul#MainMenu li#MainMenu_item_4  span
					{
						background-image:		url(/46/-/files/menufoto.jpg);
					}
					
					
					ul#MainMenu li a span, 
					ul#MainMenu li span span 
					{
						display:				block;
						position:				relative;

						width:					196px;
						height:					43px;
						
						padding:				8px 12px 12px 12px; 
						margin:					0;
						
						color:					#fff;
						background-color:		#c3261f;
						
						font-size:				1.8em;
						line-height:			103%;
						font-weight:			normal;
						
						font-family:			NewsGothicBQRegular;						
					}
				
	
			

	/********************************************************************************************/
	/* Niveau 2																					*/
	/********************************************************************************************/					
	
	ul#MainMenu li ul
	{
		float:					left;
		position:				absolute;
		line-height:			100%;
		
		left:					5px;
		top:					269px;
		
		padding:				0;
		width:					220px;
		background-image:		none;
		
		border-bottom:			8px solid #c3261f;
		z-index:				100;
	}
	
	
		ul#MainMenu li ul li
		{
			margin:					0;
			padding:				0;
			background-color:		#c3261f;
			background-image:		none;
		}
		
					
			ul#MainMenu li:hover ul li
			{
				background-image:		none;
			}
	
	
		ul#MainMenu li#MainMenu_item_1 ul li a, 
		ul#MainMenu li#MainMenu_item_1 ul li span,
		ul#MainMenu li#MainMenu_item_2 ul li a, 
		ul#MainMenu li#MainMenu_item_2 ul li span,
		ul#MainMenu li#MainMenu_item_3 ul li a, 
		ul#MainMenu li#MainMenu_item_3 ul li span,
		ul#MainMenu li#MainMenu_item_4 ul li a, 
		ul#MainMenu li#MainMenu_item_4 ul li span
		{
			background-image:		url(/Content/Images/General/arrow_white.gif);
			background-position:	10px 8px;
			background-repeat:		no-repeat;
			font-family: 			Arial, Verdana, Helvetica;

		}
		
		
	
	
		ul#MainMenu li ul li a, 
		ul#MainMenu li ul li span 
		{
			width:					220px;
			height:					10px;
				
			padding:				0; 
			margin:					0;
			
			background-image:		none;
		}
		*>ul#MainMenu li ul li a, 
		ul#MainMenu li ul li span 
		{
			min-height:				10px;
			height:					auto;
		}

		
			ul#MainMenu li ul li a:hover span, 
			ul#MainMenu li ul li span:hover span
			{
				text-decoration:		underline;
			}
			
			
				ul#MainMenu li ul li#MainMenu_item_1_1 a, 
				ul#MainMenu li ul li#MainMenu_item_1_1 span,
				ul#MainMenu li ul li#MainMenu_item_2_1 a, 
				ul#MainMenu li ul li#MainMenu_item_2_1 span,
				ul#MainMenu li ul li#MainMenu_item_3_1 a, 
				ul#MainMenu li ul li#MainMenu_item_3_1 span,
				ul#MainMenu li ul li#MainMenu_item_4_1 a, 
				ul#MainMenu li ul li#MainMenu_item_4_1 span  				
				{
					padding:				8px 0 0 0; 
				}
	


			ul#MainMenu li ul li a span, 
			ul#MainMenu li ul li span span 
			{
				display:				block;
				position:				relative;

				width:					auto;
				height:					10px;
				
				padding:				3px 5px 3px 21px!important; 
				margin:					0;
				
				color:					#fff;
										
				font-size:				1.0em;
				font-weight:			normal;
				cursor:					hand;
				
				background-image:		url(/Content/Images/General/arrow_white.gif);
				background-position:	12px 7px;
				background-repeat:		no-repeat;
				
			}
			*>ul#MainMenu li ul li a span, 
			ul#MainMenu li ul li span span 
			{
				min-height:				10px;
				height:					auto;
			}
		
		
				


}


/************************************************************************************************/
/* Print styles                                                                 				*/
/************************************************************************************************/
@media print
{
}
