/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage 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		#f3f5f6	(light grey)
 =5 Direct nei Frysk	#e28e8a	(light red)
 
 =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 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/
	/* Override Thema*/
	#totalContainer #adxmenu_menuitem_5 ul
	{
		top:					32px;
		
		padding-top:			4px;
		
		visibility:				visible;
	}
	
		#totalContainer #adxmenu_menuitem_5 ul ul
		{
			top:					-4px;
			visibility:				hidden;
		}
		
		#totalContainer #adxmenu_menuitem_5 ul li:hover ul
		{
			visibility:				visible;
		}
		

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#3d3c3c;	
		font-family: 			Arial, sans-serif, Helvetica;
		font-size:				0.70em;
		line-height:			1.4em;	
		
		padding:				0;
		margin:					0;
		
		background-color:		#f3f5f6	;	/* =4 */
	}

	input,
	select,
	textarea
	{
		font-family: 			Arial, sans-serif, Helvetica;
	}

		#totalContainer				/* for shadow purposes */
		{
			position:				relative;
			
			height:					554px;
			min-height:				554px;
			width:					954px;
			margin:					0 auto;
			padding:				0 8px 0 8px;
			
			background-image:		url(/sjablonen/1/images/general/background_shadow_repeat.gif);
			background-repeat:		repeat-y;
			background-position: 	left top;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
		#innerContainer					/* contains the real content stuff*/
		{
			position:				relative;
			
			height:					555px;
			min-height:				555px;
			padding-top:			41px;
			
			width:					954px;
			
			background-color:		#fff;	/* =1 */
			
			background-repeat:		no-repeat;
			background-position: 	left 119px;
		}
		*>#innerContainer
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	h1
	{
		font-size:				1.72em;
		padding:				11px 0 11px 10px;
		font-weight:			bold;
	}
	
		h2
		{
		}
		
			h3
			{
			}
	
	ul
	{
	}
	
		li
		{
		}
	
			li a
			{
				color:					#777;	/* =10 */
				text-decoration:		none;
			}
			
				li a:hover
				{
					color:					#333;	/* =13 */
					text-decoration:		underline;
				}
				
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	#logo span
	{
		position:				absolute;
		left:					42px;
		top:					53px;
		
		display:				block;
		
		text-indent: 			-5000px;	/* remove text */

		width:					175px;
		height:					42px;
		
		line-height:			1em;		
		
		background-image:		url(/sjablonen/1/images/general/logo.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
	}
	
	#content
	{
		clear:					both;
		float:					left;
		display:				inline;
		
		width:					726px;	
		height:					10px;
		min-height:				10px;
		padding:				279px 0 0 0;
	}
	*>#content
	{
		height:					auto;
	}

	#footer
	{
		clear:					both;
		
		margin-left:			-8px;
		width:					970px;
		height:					26px;
		
		background-image:		url(/sjablonen/1/images/general/background_shadow_footer_home.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
	}
	
	/*********************************************************************************************/
	/* =slogan		 								                                      		 */
	/*********************************************************************************************/
	#slogan
	{
		position:				absolute;
		bottom:					24px;
		right:					35px;
		
		color:					#2b56a1;	/* =2 */
		font-family: 			Georgia, "Times New Roman", Serif;
		font-size:				2.18em;
		line-height:			1.33em;
		text-decoration:		none;
	}

		#slogan:hover
		{
			text-decoration:		underline;
		}

	/*********************************************************************************************/
	/* =quickMenu 								                                      			 */
	/*********************************************************************************************/	
	#quickMenu
	{
		position:				absolute;
		top:					168px;
		left:					740px;
		
		width:					181px;

		background-color:		#fff;				/* =1 */
		
		border:					1px solid #c73326;	/* =3 */
		z-index:				100;
	}
	
		#quickMenu h2
		{
			display:				block;
			
			padding:				1px 0 8px 12px;
			line-height:			1em;
			
			color:					#fff;
			font-weight:			bold;
			
			background-color:		#c73326;	/* =3 */
		}
			#quickMenu h2 span
			{
				font-weight:			normal;
			}
			
			#quickMenu h2 a
			{
				color:					#fff;	 /* =1 */
				text-decoration:		none;
			}
			
				#quickMenu h2 a:hover
				{
					text-decoration:		underline;
				}
				
		#quickMenu ul 
		{
			clear:					both;
			/* padding:				4px 0 4px 0; */
			
			padding:				0;
		}
		
			#quickMenu ul  li
			{
				display:				block;

				min-height:				1px;
				height:					1px;
				/*padding:				0 4px 0 4px;*/
				padding:				0;

				line-height:			1em;
			}
			*>#quickMenu ul li
			{
				height:					auto;
			}
			
				#quickMenu ul li a
				{
					display:				block;
					
					min-height:				1px;
					height:					1px;
					min-width:				10px;
					/*width:					152px;	*/	
					width:					156px;	
					
					/* padding:				5px 12px 4px 9px; */
					padding:				5px 12px 4px 13px;
					
					color:					#c73326;	/* =3 */
				}
				*>#quickMenu ul li a
				{
					height:					auto;
				}
				
					#quickMenu ul .firstItem a
					{
						padding-top:			9px;
					}
					
					#quickMenu ul .lastItem a
					{
						padding-bottom:			8px;
					}

				
					#quickMenu ul li a span
					{
						display:				block;
						clear:					both;
						
						min-width:				10px;
						width:					149px;
						padding-top:			4px;
						
						color:					#e28e8a;	/* =5 */
						
						cursor:					pointer;
					}
					*>#quickMenu ul li a span
					{
						height:					auto;
						width:					auto;
					}
		
					#quickMenu ul li a:hover
					{
						text-decoration:		none;
						
						color:					#fff;
												
						background-color:		#c73326;	/* =3 */
					}
	
	/*********************************************************************************************/
	/* =shortCuts 								                                      			 */
	/*********************************************************************************************/	
	#shortCutsContainer
	{	
		position:				absolute;
		top:					0;
		left:					0;
		
		width:					977px;
		height:					41px;
		
		background-image:		url(/sjablonen/1/images/general/background_shadow_top.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
	}
	
		#shortCuts 
		{
			float:					right;
			display:				inline;
			
			padding:				0;
			margin:					8px 14px 0 0;
			height:					32px;
		}
		
			#shortCuts li
			{
				float:				left;
				display:			inline;


				height:				37px;
				margin:				0;
				padding:			0;
			
				line-height:		120%;

				background-image: 	none;
				white-space:		nowrap;
			}
			
				#shortCuts a
				{	
					display:			block;
					
					min-width:			10px;
					width:				10px;
					height:				26px;
					margin:				0;
					padding:			0 0 0 20px;
					
					color:				#111;	
					font-weight:		normal;
				}
				*>#shortCuts a
				{
					width:				auto;
				}
				
					#shortCuts a:hover
					{
						color:					#3d3c3c;	
						text-decoration:		underline;
					}
		
	/*********************************************************************************************/
	/* =quickSearch	 								                                      		 */
	/*********************************************************************************************/
	#quickSearch
	{
		position:				absolute;
		right:					6px;
		top:					124px;
		
		height:					21px;
		width:					196px;
		z-index:				101;
	}
	
		#quickSearch #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			width:					152px;
			height:					17px;
			padding:				4px 8px 0 8px;
			
			color:					#3d3c3c;
			font-size:				1em;
			line-height:			1em;
						
			background-color:		#fff;	/* =1 */
			border:					none;
		}
		
		#quickSearch .button
		{
			float:					left;
			display:				inline;
			
			height:					21px;
			width:					21px;
			margin:					0;
			padding:				0;
			
			background-color:		transparent;	
			border:					0 solid transparent;	
			text-transform: 		capitalize; /* needed for IE*/
			
			cursor:					pointer;

			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/button_search.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			
			overflow:				hidden;
		}

		
			#quickSearch .button:hover
			{
				background-position: 	left -21px;
			}
}