/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		ADXMENU stylesheet					                              			*/
/* Site name:		Clientsite Talant						                           	  		*/
/* Date created:	20-01-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/* 	Roze:		#e31a82;
/* 	Paars:		#770d68;
/*	Wit:		#fff;	 	

/************************************************************************************************/
/* Screen styles                                           										*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* BOTTOM/MAIN MENU																			*/
	/********************************************************************************************/

	ul#MainMenu
	{
		float:					left;
		display:				inline;
		width:					958px;
		height:					36px;
		margin:					5px 0 0 12px;
		padding:				0;
	
	}	
	
		ul#MainMenu a span,
		ul#MainMenu span span
		{
			color:				#fff;
			
			
			text-decoration:	none;
		}
		
			ul#MainMenu a:hover
			{
			}


	/********************************************************************************************/
	/* Niveau 1																					*/
	/********************************************************************************************/
	
	ul#MainMenu li
	{
		float:					left;
		display:				inline;
	}
	
		ul#MainMenu li a
		{
			float:					left;
			display:				inline;
			width:					auto;
			height:					32px;
			
			padding:				0;
			margin:					3px 10px 0 0;
			background-color:		#ccc;
			background-image:		url(/Content/Images/General/roundCornerLeftPurple.gif);
			background-repeat:		no-repeat;
			
			overflow:				hidden;
		}
		
			ul#MainMenu li a:hover
			{
				background-image:		url(/Content/Images/General/roundCornerLeftWhite.gif);
				text-decoration:		none;
				cursor:					hand;
			}
		
			ul#MainMenu li a span,
			ul#MainMenu li span span
			{
				float:					left;
				display:				inline;

				width:					auto;
				height:					16px;
				
				font-weight:			bold!important;
				font-size:				1.1em;
				
				margin:					0px 0px 0px 7px;
				padding:				6px 17px 10px 10px;
				
				color:					#fff!important;
				background-color:		#770d68;
				
				background-image:		url(/Content/Images/General/roundCornerRightPurple.gif);
				background-position:	right top;
				background-repeat:		no-repeat;
				overflow:				hidden;
			}	
			
			
				ul#MainMenu li a:hover span,
				ul#MainMenu li span span
				{
					background-image:		url(/Content/Images/General/roundCornerRightWhite.gif);
					background-color:		#fff!important;
					color:					#770d68!important;
				}

	/********************************************************************************************/
	/* TOP/SUB MENU																				*/
	/********************************************************************************************/

	ul#TopMenu
	{
		float:					left;
		display:				inline;
		width:					561px;
		height:					37px;
		margin:					1px 0 0 0;
		padding:				0;
		overflow:				hidden;
	
	}	
	
		ul#TopMenu a span,
		ul#TopMenu span span
		{
			color:				#fff;
			
			text-decoration:	none;
		}
		
			ul#TopMenu a:hover
			{
			}


	/********************************************************************************************/
	/* Niveau 1																					*/
	/********************************************************************************************/
	ul#TopMenu li 
	{
		float:					left;
		display:				inline;
		width:					auto;
	}

	
		ul#TopMenu li  a
		{
			float:					left;
			display:				inline;
			width:					auto;
			height:					32px;
			
			padding:				0;
			margin:					3px 8px 0 0;
			background-color:		#ccc;
			background-image:		url(/Content/Images/General/roundCornerLeftWhite.gif);
			background-repeat:		no-repeat;
			
			overflow:				hidden;
		}
		
			ul#TopMenu li a:hover
			{
				background-image:		url(/Content/Images/General/roundCornerLeftPurple.gif);
				text-decoration:		none;
				cursor:					hand;
			}
		
			ul#TopMenu li div
			{
				
				
			}
		
			ul#TopMenu li a span,
			ul#TopMenu li span span
			{
				float:					left;
				display:				inline;

				width:					auto;
				height:					16px;
				
				font-weight:			bold!important;
				font-size:				1.1em;
				
				margin:					0px 0px 0px 7px;
				padding:				6px 7px 10px 0px;
				
				color:					#770d68!important;
				background-color:		#fff;
				
				background-image:		url(/Content/Images/General/roundCornerRightWhite.gif);
				background-position:	right top;
				background-repeat:		no-repeat;
				overflow:				hidden;
			}
				
				ul#TopMenu li a:hover span,
				ul#TopMenu li span span
				{
					background-image:		url(/Content/Images/General/roundCornerRightPurple.gif);
					background-color:		#770d68!important;
					color:					#fff!important;
				}	

}


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