/*
--------------------------------------------------------------------------------------------------
 Title:			ADXMenu Styles
 Created on: 	26-01-2010
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Provinsje Fryslân Corporate Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Content Background 	#fff	(white)
 =2	Logo Blue			#2b56a1	(blue)
 =3	Logo Red			#c73326	(red)
 =4 Body background		#e7e7e7	(light grey)
 =5 Direct nei Frysk	#e28e8a	(light red)
*/
@media screen 
{
	#navigation
	{
		position:				absolute;
		left:					0;	 
		top:					110px;	/* 128 - 9 */
		
		width:					954px;
		height:					79px;	
		
		background-image:		url(/sjablonen/1/images/general/background_menu.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
		z-index:				99;
	}
	
		#adxmenu
		{
			padding:					9px 0 0 22px;
		}
		
			#adxmenu li
			{
				float:					left;
				display:				inline;

				min-height:				33px;
				height:					33px;
				margin-right:			4px;
				
				line-height:			1em;
			}
			*>#adxmenu li
			{
				height:					auto;
			}
				#adxmenu .selected div div,
				#adxmenu li a
				{
					display:				block;
					
					min-height:				30px;
					height:					30px;
					min-width:				10px;
					width:					10px;
					
					padding:				4px 12px 0 12px;
					
					color:					#fff;
					font-weight:			bold;
					
					background-color:		#c73326;	/* =3 */
				}
				*>#adxmenu .selected div div,
				*>#adxmenu li a
				{
					height:					auto;
					width:					auto;
				}
					#adxmenu li div div span,
					#adxmenu li a span
					{
						display:				block;
						clear:					both;
						
						min-width:				10px;
						width:					10px;
						
						padding-top:			4px;
						
						font-weight:			normal;
						
						cursor:					pointer;
					}
					*>#adxmenu li div div span,
					*>#adxmenu li a span
					{
						height:					auto;
						width:					auto;
					}
					
					#totalContainer #adxmenu li a:hover
					{
						color:					#c73326;	/* =3 */
						text-decoration:		none;
						
						background-color:		#fff;	/* =1 */
						background-image:		none;
					}
					
		
					#adxmenu .selected div div,
					#adxmenu .selectedPath a
					{
						text-decoration:		none;
						
						background-color:		#7d0800;	/* =unique */

						background-repeat:		no-repeat;
					}
					*>#adxmenu .selected div div,
					*>#adxmenu .selectedPath a
					{
						height:					auto;
					}
					
					#adxmenu_menuitem_1.selected div div,
					#adxmenu_menuitem_1.selectedPath a
					{
						background-position:	-22px 0;
					}
					
					#adxmenu_menuitem_2.selected div div,
					#adxmenu_menuitem_2.selectedPath a
					{
						background-position:	-82px 0;
					}
					
					#adxmenu_menuitem_3.selected div div,
					#adxmenu_menuitem_3.selectedPath a
					{
						background-position:	-154px 0;
					}
					
					#adxmenu_menuitem_4.selected div div,
					#adxmenu_menuitem_4.selectedPath a
					{
						background-position:	-214px 0;
					}
					
					#adxmenu_menuitem_5.selected div div,
					#adxmenu_menuitem_5.selectedPath a
					{
						background-position:	-284px 0;
					}
					
					#adxmenu_menuitem_6.selected div div,
					#adxmenu_menuitem_6.selectedPath a
					{
						background-position:	-350px -0;
					}
					
					
					
					
					/* Level 2 */
					#adxmenu ul 
					{
						display:				block;

						/*padding:				14px 0 4px 0;*/	/* top original 4 */
						padding:				14px 0 1px 0;
						width:					170px;
						min-height:				1px;
						height:					1px;
						
						background-color:		#c73326;	/* =3 */
					}
					*>#adxmenu ul 
					{
						height:					auto;
					}					

						#adxmenu ul  li
						{
							float:					none;
							display:				block;

							width:					160px;	/* 170-4 -4 */
							min-height:				1px;
							height:					1px;
							margin:					0;
							/*padding:				0 4px 0 4px;*/
							padding:				0 1px 0 1px;
							
							line-height:			1em;
						}
						*>#adxmenu ul  li
						{
							height:					auto;
						}
						
							#adxmenu .selected ul li a,				/* Cancel selected state */
							#adxmenu .selectedPath ul li a
							{
								background-color:		#c73326;	/* =3 */
								background-image:		none;
								color:					#fff;
							}
							
							#adxmenu ul .selectedPath ul .selectedPath  a, 
							#adxmenu ul  li a
							{
								display:				block;
								
								min-height:				1px;
								height:					1px;

								/*width:					146px;
								padding:				5px 8px 4px 8px;*/

								width:					148px;
								padding:				5px 8px 4px 12px;
								margin:					0;
								
								color:					#fff;
								font-weight:			normal;
								
								background-color:		#c73326;	/* =3 */
								background-image:		none;
							}
							*>#adxmenu ul .selectedPath ul .selectedPath  a,
							*>#adxmenu ul  li a
							{
								height:					auto;
							}
							
								#adxmenu ul  li a span
								{
									display:				block;
									clear:					both;
									
									/*	width:					146px;*/
									width:					148px;
									min-height:				1px;
									height:					1px;
									
									padding-top:			4px;
									margin:					0;
									
									/*color:					#e28e8a;*/	/* =5 */
									color:					#f2b7b4;	/* unique */
									
									cursor:					pointer;
								}
								*>#adxmenu ul  li a span
								{
									height:					auto;
									width:					auto;
								}
								
									#adxmenu ul  li a:hover,
									#adxmenu ul .selected div div,
									#adxmenu ul .selectedPath a
									{
										display:				block;

										min-height:				1px;
										height:					1px;
										
										/*	width:					146px;*/
										width:					148px;
										/*	padding:				5px 8px 4px 8px;*/
										padding:				5px 8px 4px 12px;
										
										text-decoration:		none;
										
										color:					#c73326;	/* =3 */
																
										background-color:		#fff;		/* =1 */
										background-image:		none;
									}
									*>#adxmenu ul  li a:hover,
									*>#adxmenu ul .selected div div,
									*>#adxmenu ul .selectedPath a
									{
										height:					auto;
									}
									
										#adxmenu ul  li a:hover span,
										#adxmenu ul .selected div div span,
										#adxmenu ul .selectedPath a span
										{
											color:					#e28e8a;	/* =5 */
										}
										
								/*New Level*/
								#totalContainer #adxmenu  li ul li ul
								{
									padding:				1px 0 1px 0;
								}										
								
									#adxmenu ul .selectedPath ul .selectedPath ul .selectedPath a
									{
										text-decoration:		none;
										
										color:					#c73326;	/* =3 */
										
										min-height:				1px;
										height:					1px;
																
										background-color:		#fff;		/* =1 */
										background-image:		none;
									}
									*>#adxmenu ul  .selectedPath ul  .selectedPath ul .selectedPath a
									{
										height:					auto;
									}
									
										#adxmenu ul  .selectedPath ul  .selectedPath  ul .selectedPath a span
										{
											color:					#e28e8a;	/* =5 */
										}
}