/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	13-09-2009
 Author:     	Roberto De Vivo
 Client:		Gemeente Wymbrits
 Project:		Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1		Default 		#093d73	(Dark Blue)
 =2		Default MO		#1765AB	(Light Dark Blue)
 =3		Body			#000	(Black)


 ***** Standard Module colours *****
 =10	Newshead text	#777	(medium gray)
 =11	Shortcuts		#999	(medium light gray)
 =12	date			#b2b2b2	(light gray)
 =13	body text		#333	(dark grey)
 =14	calendar alt	#f5f5f5	(ultra light gray)
 =15	body background #fff	(white)

*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#000;	/* =3 */
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				11px;
		line-height:			1.3em;		
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;		/* =15*/

	}

	input, select
	{
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				1em;
	}

		#totalContainer
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					939px;
			margin:					0 auto;
			padding:				0 0 10px 0;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	
	h1
	{
	}
	
		h2
		{
		}
		
			h3
			{
			}
	
	a
	{
		text-decoration:		underline;
	}
	
		a:hover
		{
		}
		
	#merge a
	{
		display:		block;
		position:		absolute;
		left:			185px;
		top:			420px;
		color:			#000;
		width:			200px;
		font-size:		1.18em;
		line-height:	140%;
		text-decoration:	none;
		margin:				8px 14px 8px 14px;
		font-weight:		bold;
			text-align:			center;
	}
	
		#merge a:hover
		{
			text-decoration:	underline;
		}
		
		
		#merge a span
		{
			font-size:			1.4em;
			color:				#093d73;
		}
	/*********************************************************************************************/
	/* =Misc									      			                          		 */
	/*********************************************************************************************/
	#bannerImage
	{
		float:					left;
		display:				inline;
	}
	
		#bannerImage img
		{
			float:					right;
			display:				inline;
		}
		
	#collage
	{
		position:				absolute;
		left:					0;
		bottom:					-1px;
	}
	
	#collage img
	{
		display:				block;
	}
	
	#pageNavigation img
	{
		display:				block;
		
		margin:					0 0 0 11px;
	}
	
	/*********************************************************************************************/
	/* =languages								      			                          		 */
	/*********************************************************************************************/
	#languages
	{
		position:				absolute;
		right:					0;
		top:					62px;
		
		width:					84px;
	}

		#languages li 
		{
			float:					left;
			display:				inline;
			
			height:					16px;
			min-height:				16px;
			padding:				0;
			margin:					0;
			width:					42px
		}
		*>#languages li 
		{
			height:					auto;
		}
		
			#languages li a
			{
				display:				block;
		
				width:					28px;	
				height:					16px;
				min-height:				16px;
				margin:					0 12px 0 0;
				padding:				0;
			}
			

	/*********************************************************************************************/
	/* =quickSearch								                                      			 */
	/*********************************************************************************************/	
	#quickSearch
	{
		margin:					0 0 0 11px;
		padding:				16px 0 0 0;
		
		height:					16px;
		min-height:				16px;
		white-space:			nowrap;
	}
	*>#quickSearch
	{
		height:					auto;
	}

		#quickSearch label
		{
			display:			block;
			
			margin-bottom:		4px;
			
			font-size:			1.36em;
			font-weight:		bold;
		}
		
		#quickSearch #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			margin:					0;
			padding:				2px 0 0 4px;
			height:					15px;
			min-height:				15px;
			width:					105px;				
			
			font-size:				0.92em;
			font-weight:			bold;
			border:					1px solid #000;	/* =3 */
		}
		*>#quickSearch #qs_kw_or
		{
			height:					auto;
		}
				
			#quickSearch #qs_kw_or:focus
			{
			}
		
		#quickSearch .button1
		{
			float:					left;
			display:				inline;
			
			height:					18px;
			width:					50px;
			margin:					0 0 0 4px;
			padding:				0;
			
			line-height:			1px;
			font-size:				1px;
			
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/zoek1.gif);
			background-repeat:		no-repeat;
			background-position: 	right 3px;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;
			cursor:					pointer;
		}
		
		#quickSearch .button2
		{
			float:					left;
			display:				inline;
			
			height:					18px;
			width:					50px;
			margin:					0 0 0 4px;
			padding:				0;
			
			line-height:			1px;
			font-size:				1px;
			
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/zoek2.gif);
			background-repeat:		no-repeat;
			background-position: 	right 3px;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;
			cursor:					pointer;
		}

		
		#quickSearch .button3
		{
			float:					left;
			display:				inline;
			
			height:					18px;
			width:					50px;
			margin:					0 0 0 4px;
			padding:				0;
			
			line-height:			1px;
			font-size:				1px;
			
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/zoek3.gif);
			background-repeat:		no-repeat;
			background-position: 	right 3px;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;
			cursor:					pointer;
		}


	
	/*********************************************************************************************/
	/* =news									                                      			 */
	/*********************************************************************************************/	
	#news
	{
		float:					left;
		display:				inline;
		
		width:					340px;
		min-height:				300px;
		padding:				90px 0 0 20px;
		margin-left:			179px;
	}
	*>#news
	{
		height:					auto;
	}


	#news h2 img
	{
		display:				block;
		margin-bottom:			8px;
	}
		
		#news li
		{
			width:					340px;
			height:					16px;
			min-height:				16px;
			margin:					0;
			padding:				0 0 15px 0;
		}
		*>#news li
		{
			height:					auto;
		}
		
			#news li h3
			{
				float:					left;
				display:				inline;
				width:					280px;
				font-weight:			bold;
				line-height:			1.18em;
			}
			
				#news li h3 a
				{
					color:					#000;	/* =3 */
					text-decoration:		none;
				}
				
					#news li h3 a:hover
					{
						color:					#093d73;	/* =1 */
						text-decoration:		underline;
					}
			
			#news span
			{
				float:				right;
				display:			inline;
				
				width:				60px;
				
				color:				#999;	/* =11 */
			}
			
			#news p
			{
				clear:				both;
			}
			
		#news .lastItem 
		{
		}
		
			#news .lastItem p
			{
			}
			
			#news .readMore
			{
				text-align:				right;
			}

				#news .readMore a
				{
					font-weight:			bold;
					color:					#1765AB;	/* =2 */
					text-decoration:		none;
				}
			
					#news .readMore a:hover
					{
						color:					#093d73;	/* =1 */
						text-decoration:		underline;
					}

	/*********************************************************************************************/
	/* =whatIsNew								                                      			 */
	/*********************************************************************************************/	
	#whatIsNew
	{
		float:					left;
		display:				inline;
		
		width:					380px;
		min-height:				30px;
		padding:				90px 0 0 20px;
		margin:					0;
	}
	*>#whatIsNew
	{
		height:					auto;
	}

		#whatIsNew h2 img
		{
			display:				block;
			margin-bottom:			5px;
		}
		
		#whatIsNew li
		{
			width:					369px;
			height:					16px;
			min-height:				16px;
			margin:					0;
			padding:				0 11px 4px 0;
		}
		*>#whatIsNew li
		{
			height:					auto;
		}
		
			#whatIsNew li a
			{
				font-weight:			bold;
				line-height:			1.18em;
				
				color:					#000;	/* =3 */
				text-decoration:		none;
			}
				#whatIsNew li a:hover
				{
					color:					#093d73;	/* =1 */
					text-decoration:		underline;
				}
	
		#whatIsNew .lastItem 
		{
		}

			#whatIsNew .readMore
			{
				text-align:				right;
			}

				#whatIsNew .readMore a
				{
					font-weight:			bold;
					color:					#1765AB;	/* =2 */
					text-decoration:		none;
				}
			
					#whatIsNew .readMore a:hover
					{
						color:					#093d73;	/* =1 */
						text-decoration:		underline;
					}

	/*********************************************************************************************/
	/* =fontSize 								         		                             	 */
	/*********************************************************************************************/	
	#fontSize 
	{
		margin:						11px 0 24px 11px;
	}

		#fontSize ul
		{
		}
		
		#fontSize ul li
		{
			font-weight:				bold;
		}
		
			#fontSize a
			{
				color:						#000;	/* =3 */
				text-decoration:			none;
			}
			
					#fontSize a:hover
					{
						color:					#000;	/* =3 */
						text-decoration:		underline;
					}

	/*********************************************************************************************/
	/* =shortCuts 								         		                             	 */
	/*********************************************************************************************/	
	#shortCuts 
	{
		position:				absolute;
		right:					2px;
		top:					14px;
		
		height:					6px;
		min-height:				6px;
		padding:				0;
		
		font-size:				0.92em;
	}
	*>#shortCuts 
	{
		height:					auto;
	}
	
		#shortCuts li
		{
			float:					left;
			display:				inline;
			
			padding:				0 5px 0 0;
			margin:					0 5px 0 0;
			min-height:				4px;
			height:					4px;
			
			line-height:			1em;			/* =14px */
			border-right:			1px solid #000; /* =3 */			
		
		}
		*>#shortCuts li
		{
			height:					auto;
		}
		
		#shortCuts .firstItem
		{
			padding-left:			0;
			
			background-image:		none;
		}
		
		#shortCuts .lastItem
		{
			border:					none;
			padding:				0;
			margin:					0;
		}
		
			#shortCuts a
			{
				display:				block;
				
				margin:					0;
				padding:				0;
				
				font-weight:			normal;
				color:					#000;	/* =3 */
				text-decoration:		none;
			}
			
				#shortCuts a:hover
				{
					color:					#093d73;	/* =1 */
					text-decoration:		underline;
				}

	/*********************************************************************************************/
	/* =focusGroup 								         		                             	 */
	/*********************************************************************************************/	
	#focusGroup
	{
		position:				absolute;
		left:					0;
		top:					0;
		
		display:				block;
		width:					939px;
		height:					55px;
		margin-top:				28px;
		
		background-image:		url(/sjablonen/1/images/frontpage/top.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
	}
	
		#focusGroup ul
		{
			display:			block;
			padding:			28px 0 0 179px;
			height:				27px;
		}
		
			#focusGroup ul li
			{
				float:					left;
				display:				inline;

				width:					120px;
				height:					27px;
			}
			
				#focusGroup li a 
				{
					float:					left;
					display:				inline;
										
					color:					#fff;
					
					width:					56px;
					height:					20px;
					padding:				7px 32px 0 32px;
					
					font-weight:			bold;
					text-decoration:		none;
					
					background-color:		#0373b7;	/* unique */	
				}
				
					#focusGroup li a:hover
					{
						color:					#1765aB;	/* =2 */
						
						text-decoration:		none;
						background-color:		#fff;
					}
					
	/*********************************************************************************************/
	/* =contact 								         		                             	 */
	/*********************************************************************************************/	
	#contact
	{
		clear:						both;
		float:						left;
		display:					inline;
		
		padding-left:				11px;
		margin:						15px 0 0 540px;
		width:						386px;
	}
	
		#contact h2
		{
			font-weight:			bold;
		}


		#contact a
		{
			font-weight:			bold;
			color:					#000;	/* =3 */
			text-decoration:		none;
		}
		
			#contact a:hover
			{
				color:					#093d73;	/* =1 */
				text-decoration:		underline;
			}

		#address
		{
			clear:				both;
			float:				left;
			display:			inline;
			width:				180px;
		}
		
			#address address
			{
				font-style:			normal;
			}
			
		#businessHours
		{
			float:				left;
			display:			inline;
			width:				206px
		}
	
		#contact dl
		{
		}
		
			#contact dt
			{
				clear:				both;
				
				float:				left;
				display:			inline;
				width:				56px;
			}
			
			#contact dd
			{
				float:				left;
				display:			inline;
			}
			
			#containerLiveBroadCast
			{
				clear:				both;
				float:				left;
				display:			inline;
				
				width:				388px;
			}
			
				#containerLiveBroadCast h2
				{
					font-size:			1.18em;
					
					margin-top:			32px;
				}
				
	/*********************************************************************************************/
	/* =sideBar 								         		                             	 */
	/*********************************************************************************************/
	#sideBarContainer
	{
		position:				absolute;
		left:					0;
		top:					83px;
			
		width:					179px;
	}
	
		#sideBar
		{
			position:				relative;
				
			width:					179px;
			height:					490px;
			min-height:				490px;
			padding:				8px 0 222px 0;
			
			background-image:		url(/sjablonen/1/images/general/bg-left.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			background-color:		#095ba6;	/* unique */
		}
		*>#sideBar
		{
			height:					auto;
		}

	/*********************************************************************************************/
	/* =pageNavigation 								         		                             	 */
	/*********************************************************************************************/		
	#pageNavigation
	{
	}

		#pageNavigation ul 
		{
			padding:				2px 0 16px 0;
		}
		
			#pageNavigation li
			{
				display:				block;
				
				width:					179px;
				min-height:				22px;
				height:					22px;
			}
			*>#pageNavigation li
			{
				height:					auto;
			}

				#pageNavigation li a
				{
					display:				block;				

					height:					18px;
					width:					168px;
					min-height:				18px;
					margin:					0;
					padding:				4px 0 0 11px;
					
					font-weight:			bold;
					line-height:			1.18em;
					color:					#000;
					text-decoration:		none;
					
					background-image:		url(/ie7fix);	/* non-existant image as a workaround for IE7 no brackground color bug */
				}
				*>#pageNavigation li a
				{
					height:					auto;
				}
				
					#pageNavigation li a:hover
					{
						background-color:		#fff; /* =9 */
						text-decoration:		none;
					}
					
				/* ADX Foldout*/
				#pageNavigation ul li ul				
				{
					margin:					0 0 0 -20px;
					width:					231px;
					padding:				0;
					background-color:		#EEF7FC;			/* =5 */
					border:					1px solid #BCD8E5;	/* =4 */
				}
				
								#pageNavigation ul li ul li ul				
								{
									margin:		0;
								}
				
					#pageNavigation ul li ul li
					{
						padding:				0;
						margin:					0;
						line-height:			1em;
					}
					
				#pageNavigation ul li ul li a						
				{
					padding:				6px 20px 4px 20px;
					margin:					0;
					width:					191px;
	
					color:					#000;	/* =3 */
					font-weight:			bold;
					text-decoration:		none;
					line-height:			1.18em;	/* 20px */
					
					border-bottom:			1px solid #BCD8E5;	/* =6 */
				}
	
					#pageNavigation ul li ul li a:hover				
					{
						display:				block;
						
						color:					#093d73;	/* =4 */
						text-decoration:		none;
						
						background-color:		#BCD8E5;	/* =6 */
					}
}