/*
--------------------------------------------------------------------------------------------------
 Title:			ADXMenu Styles
 Created on: 	19-10-2010
 Author:     	Simon-Paul Strikwerda
 Client:		Vincis
 Project:		SNN Internet (CM 3.51)
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =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 
{
	#navigation
	{
		position:				absolute;
		right:					25px;
		top:					0;
		height:					25px;
	}

		#navigation ul
		{
			padding:				0;
			margin:					0;
			height:					25px;
		}

			#navigation li
			{
				float:					left;
				display:				inline;
				
				padding:				0;
				margin:					0 10px 0 0;
				height:					25px;
				
				background-image:		url(/sjablonen/1/images/general/background_menu_left.png);
				background-position:	0 0;
				background-repeat:		no-repeat;
			}
			
			#navigation .lastItem
			{
				margin:					0;
			}

				#navigation li a
				{
					float:					left;
					display:				inline;
					
					margin:					0 0 0 15px;
					padding:				4px 15px 0 0;	
					height:					21px;
					
					font-size:				1em;
					color:					#f00;
					font-weight:			bold;
					text-decoration:		none;					
					
					background-image:		url(/sjablonen/1/images/general/background_menu_right.png);
					background-position:	right 0;
					background-repeat:		no-repeat;
				}
				
					#navigation li:hover,
					#navigation .selected,
					#navigation .selectedPath
					{
						background-position:	0 -25px;
					}
					
						#navigation li:hover a,
						#navigation .selected a,
						#navigation .selectedPath a
						{
							color:					#fff;
							background-position:	right -25px;
						}
}

