/*
--------------------------------------------------------------------------------------------------
 Title:			ADXMenu Styles
 Created on: 	14-10-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Hulpverleningsdienst Fryslân Portaal
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =2 Newsbar				#0079c2	(hvd blue)				- also Path bgc
 =3	Search 				#dc192b	(hvd red)
 =4	Path link			#9fcde8	(light hvd blue)
 =5	Link MO				#00589c	(dark hvd blue)
 =6	News text			#c8e2f2	(ultra light blue)

 =10	Body text		#777	(medium gray)			- also Resize font
 =11	Shortcuts		#999	(medium light gray)
 =12	Menu underline	#c0c0c0	(light gray)			- also Download-size
 =13	Shortcuts MO	#333	(dark grey)

*/
@media screen 
{
	/*********************************************************************************************/
	/* =adxmenu				          			                  								 */
	/*********************************************************************************************/
	#adxmenu
	{
		position:				absolute;
		left:					14px;
		top:					45px;
		z-index:				1;
		
		width:					954px;
		min-width:				10px;
		height:					54px;
	}
		
		#adxmenu ul
		{	
			width:					900px;
			height:					44px;
			margin:					0;
			padding:				0;
			
			list-style: 			none;
			white-space:			nowrap;
		}

			#adxmenu li 
			{
				position:				relative;
				
				float:					left;
				display:				inline;
		
				min-width:				68px;
				width:					68px;
				height:					44px;
				min-height:				44px;
				margin:					0 5px 0 0;
				
				font-size:				1.09em;
			}
			*>#adxmenu li 
			{
				width:					auto;
			}
			
				#adxmenu li#adxmenu_menuitem_5
				{
					margin:				0 5px 0 35px;
				}
			
				
				#adxmenu li a
				{
					display:				block;
	
					min-width:				50px;
					width:					50px;
					height:					30px;
					min-height:				30px;
					padding:				4px 9px 0 9px;
					margin:					10px 0 0 0;
					
					color:					#777; /* =10 */
					text-decoration:		none;
					font-weight:			bold;
					
					background-image:		none;
					background-repeat:		repeat-x;
					background-position:	left -36px;
					background-image:		url(/sjablonen/1/images/general/background_tab.gif);
					background-color:		#cfcfcf; /*= unique */
					
					border-left:			1px solid #c0c0c0; /* =12 */
					border-right:			1px solid #c0c0c0; /* =12 */
					
					white-space:			nowrap;
				}
				*>#adxmenu li a
				{
					width:					auto;
				}
				
				
				#adxmenu li#adxmenu_menuitem_5 a,
				#adxmenu li#adxmenu_menuitem_5.selected span,
				#adxmenu li#adxmenu_menuitem_5.selectedPath a
				{
					background-image:		url(/sjablonen/1/images/general/background_tab_red.gif);
					background-position:	left -72px;
					color:					#fff;
				}
				
		
					#adxmenu a:hover
					{
						min-width:				50px;
						width:					50px;
						height:					32px;
						min-height:				32px;
						padding:				4px 9px 0 9px;
						margin:					8px 0 0 0;

						color:					#888; /* =unique */
						text-decoration:		none;
						
						background-color:		#cfcfcf; /*= unique */
						background-position:	left top;
						
						border-left:			1px solid #e3e3e3; /* =12 */
						border-right:			1px solid #e3e3e3; /* =12 */
					}
					*>#adxmenu li a:hover
					{
						width:					auto;
					}
					
					
					#adxmenu li#adxmenu_menuitem_5 a:hover
					{
						
					}
					
					#adxmenu li#adxmenu_menuitem_5 ul li
					{
						height:				auto;
					}
					
						#adxmenu li#adxmenu_menuitem_5 ul li div a,
						#adxmenu li#adxmenu_menuitem_5.selected ul li div a,
						#adxmenu li#adxmenu_menuitem_5.selectedPath ul li div a
						{
							
							color:					#888; /* =unique */
							text-decoration:		none;
							
							background-color:		#cfcfcf; /*= unique */
							background-position:	0 0;
							background-color:		#fff;
							background-image:		none;
							border-bottom:			1px solid #dadada; /* =12 */
						}
						
						#adxmenu li#adxmenu_menuitem_5 ul li div a:hover,
						#adxmenu li#adxmenu_menuitem_5.selected ul li div a:hover,
						#adxmenu li#adxmenu_menuitem_5.selectedPath ul li div a:hover
						{
							background-color:		#dc192d;
							color:					#fff;
						}
	
					#totalContainer #adxmenu .selected a, #totalContainer #adxmenu .selected span, #totalContainer #adxmenu .selectedPath a
					{
						display:				block;
						
						min-width:				50px;
						width:					50px;
						height:					32px;
						min-height:				32px;
						margin:					2px 0 0 0;
						padding:				10px 9px 0 9px;
						
						color:					#c8e2f2;
						font-weight:			bold;
						
						text-decoration:		none;
						
						background-position:	left -72px;
						background-color:		#0079c2; /*= unique */
						background-image:		url(/sjablonen/1/images/general/background_tab.gif);
						
						border-left:			1px solid #81bcea; /* =unique */
						border-right:			1px solid #81bcea; /* =unique */
						
						white-space:			nowrap;
					}
					*>#totalContainer #adxmenu .selected a, *>#totalContainer #adxmenu .selected span, *>#totalContainer #adxmenu .selectedPath a
					{
						width:					auto;
					}
					
					
					#totalContainer #adxmenu li#adxmenu_menuitem_5 .selected a, 
					#totalContainer #adxmenu li#adxmenu_menuitem_5 .selected span, 
					#totalContainer #adxmenu li#adxmenu_menuitem_5 .selectedPath a
					{
						background-image:		url(/sjablonen/1/images/general/background_tab_red.gif);
					}
					
						#totalContainer #adxmenu .selected a:hover, #totalContainer #adxmenu .selected span:hover, #totalContainer #adxmenu .selectedPath a:hover
						{
							min-width:				50px;
							width:					50px;
							height:					34px;
							min-height:				34px;
							margin:					0;
							padding:				10px 9px 0 9px;
							
							color:					#e6f2f9;
							text-decoration:		none;
							
							background-position:	left bottom;
							background-color:		#00569f; /*= unique */
							
							border-left:			1px solid #81bcea; /* =unique */
							border-right:			1px solid #81bcea; /* =unique */
						}
						*>#totalContainer #adxmenu .selected a:hover, *>#totalContainer #adxmenu .selected span:hover, *>#totalContainer #adxmenu .selectedPath a:hover
						{
							width:					auto;
						}
						
		/*********************************************************************************************/
		/* =Level 2 styles  				                                               			 */
		/*********************************************************************************************/
		#adxmenu ul,
		#adxmenu li#adxmenu_menuitem_5 ul
		{
			position:				absolute;
			left:					0;
			top:					44px;
			
			min-width:				50px;
			width:					50px;
			height:					10px;
			min-height:				10px;
			margin:					0;
			padding:				0;
			
			background-repeat:		repeat-x;
			background-image:		url(/sjablonen/1/images/general/background_adx.gif);
			background-color:		#fff;
			border-bottom:			1px solid #dadada;
		}
		*>#adxmenu ul
		{
			display:				none;	/* workaround for firefox */
			
			width:					auto;
			height:					auto;
		}
		
			#adxmenu ul:hover 	/* if you hover off the tab onto the menu, background-changes colour */
			{
				background-image:		url(/sjablonen/1/images/general/background_adx_normal.gif);
				background-color:		#f3f3f3;		
			}
		
			#adxmenu li:hover ul	/* workaround for firefox */
			{
				display: 				block;
			}
		
		
			#adxmenu ul li
			{
				float:					none;
				
				min-width:				50px;
				width:					50px;
				height:					10px;
				min-height:				10px;
				margin:					0;
				padding:				0;
			}
			*>#adxmenu .selected ul li
			{
				width:					auto;
				height:					auto;
			}

				#adxmenu ul li a
				{
					min-width:				160px;
					width:					160px;
					height:					10px;
					min-height:				10px;
					padding:				0 9px 0 9px;
					margin:					0;
					
					color:					#777; /* =10 */
					font-weight:			normal;
					text-decoration:		none;
					
					background-image:		none;
					background-color:		transparent;
				
					white-space:			normal;
				}
				*>#adxmenu ul li a
				{
					width:					auto;
					height:					auto;
				}

					#adxmenu ul li a:hover
					{
						min-width:				160px;
						width:					160px;
						height:					10px;
						min-height:				10px;
						padding:				0 9px 0 9px;
						margin:					0;

						color:					#fff; /* =1 */
						background-color:		#0079c2;
						
						text-decoration:		none;
					}
					*>#adxmenu ul li a:hover
					{
						width:					auto;
						height:					auto;
					}
					
		/*********************************************************************************************/
		/* =Level 2 selected styles  		                                               			 */
		/*********************************************************************************************/
		#adxmenu .selected ul, #adxmenu .selectedPath ul 
		{
			position:				absolute;
			left:					0;
			top:					44px;
			
			min-width:				50px;
			width:					50px;
			height:					10px;
			min-height:				10px;
			margin:					0;
			padding:				0;
			
			background-repeat:		repeat-x;
			background-image:		url(/sjablonen/1/images/general/background_adx_sel.gif);
			background-color:		#00569f; /*= unique */
			border-bottom:			1px solid #81bcea; /* =unique */
		}
		*>#totalContainer #adxmenu .selected ul, *>#totalContainer #adxmenu .selectedPath ul 
		{
			display:				none;	/* workaround for firefox */
			
			width:					auto;
			height:					auto;
		}
		
			#totalContainer #adxmenu .selected ul:hover, #totalContainer #adxmenu .selectedPath ul:hover  	/* if you hover off the tab onto the menu, background-changes colour */
			{
				background-image:		url(/sjablonen/1/images/general/background_adx_sel_normal.gif);
				background-color:		#0079c2; /*=2 */		
			}
		
			#totalContainer #adxmenu .selected:hover ul, #totalContainer #adxmenu .selectedPath:hover ul	/* workaround for firefox */
			{
				display: 				block;
			}
		
		
			#totalContainer #adxmenu .selected ul li, #totalContainer #adxmenu .selectedPath ul li
			{
				float:					none;
				
				min-width:				50px;
				width:					50px;
				height:					10px;
				min-height:				10px;
				margin:					0;
				padding:				0;
			}
			*>#totalContainer #adxmenu .selected ul li, *>#totalContainer #adxmenu .selectedPath ul li
			{
				width:					auto;
				height:					auto;
			}

				#totalContainer #adxmenu .selected ul li a, #totalContainer #adxmenu .selectedPath ul li a
				{
					min-width:				160px;
					width:					160px;
					height:					10px;
					min-height:				10px;
					padding:				0 9px 0 9px;
					margin:					0;
					
					color:					#fff; /* =1 */
					font-weight:			normal;
					text-decoration:		none;
					
					background-image:		none;
					background-color:		transparent;
				
					white-space:			normal;
				}
				*>#totalContainer #adxmenu .selected ul li a, *>#totalContainer #adxmenu .selectedPath ul li a
				{
					width:					auto;
					height:					auto;
				}

					#totalContainer #adxmenu .selected ul li a:hover, #totalContainer #adxmenu .selectedPath ul li a:hover
					{
						min-width:				160px;
						width:					160px;
						height:					10px;
						min-height:				10px;
						padding:				0 9px 0 9px;
						margin:					0;

						color:					#0079c2; /* =2 */
						background-color:		#fff;	/* =1 */
						
						text-decoration:		none;
					}
					*>#totalContainer #adxmenu .selected ul li a:hover, *>#totalContainer #adxmenu .selectedPath ul li a:hover
					{
						width:					auto;
						height:					auto;
					}
					
				/* level 2 selected */
				#totalContainer #adxmenu .selectedPath .selected span
				{
					min-width:				160px;
					width:					160px;
					height:					10px;
					min-height:				10px;
					padding:				0 9px 0 9px;
					margin:					0;

					color:					#eee; /* =1 */
					background-color:		#006fb2;	/* =unique */
					
					font-weight:			normal;
					text-decoration:		none;
					
					background-image:		none;
					background-color:		transparent;
				
					white-space:			normal;
				}
				*>#totalContainer #adxmenu .selectedPath .selected span
				{
					width:					auto;
					height:					auto;
				}

					#totalContainer #adxmenu .selectedPath .selected span:hover
					{
						min-width:				160px;
						width:					160px;
						height:					10px;
						min-height:				10px;
						padding:				0 9px 0 9px;
						margin:					0;

						background-color:		#fff;	/* =1 */
						color:					#777; /* =1 */
						
						text-decoration:		none;
					}
					*>#totalContainer #adxmenu .selectedPath .selected span:hover
					{
						width:					auto;
						height:					auto;
					}
}

@media print
{
}