/*************************************************************************************************/
/* Author:		Vincis B.V.                                                                      */
/* Description:	Stylesheet for sjabloon 1  (HOME)                                                */
/*************************************************************************************************/

@media screen {
	/*************************************************************************************************/
	/* GENERAL SETTINGS                                                                              */
	/*************************************************************************************************/
	
	body {
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Arial, Helvetica;
		line-height:			180%;
	
		background-position: 	center;
		background-repeat: 		repeat-y;
		background-image: 		url('/sjablonen/algemeen/images/general/background.gif'); 
		background-color:		#FFFFFF;
	}

	h1 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Arial, Helvetica;
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			110%;
	}
	
	h2 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Arial, Helvetica;
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			110%;
	}
	
	h3 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Arial, Helvetica;
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			110%;
	}

	img {
		border: 				none;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	form {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a {
		color:					#0F0A6D;
		font-weight:			bold;
		text-decoration:		none;
	}
	
	a:hover {
		color:					#0F0A6D;
		font-weight:			bold;
		text-decoration:		underline;
		
		background-color:		#EDEDED;
	}
	
	ul {
		list-style-type: 		square;
	}
	
	.clearLeft {
		float:					left;
		clear:					left;
	}

	.smallBold {
		font-family:			tahoma;
		font-size:				.8em;
		font-weight:			bold;
	}
	
	hr {
		background-color:		#E0E0E0;
		color: 					#E0E0E0;
		height:					1px;
		width:					100%;
		border:					none;
	}
	
	.alignRight {
		text-align:				right;
	}
	
	.floatLeft {
		float:					left;
	}
	
	.floatRight {
		float:					right;
	}
	

	/*************************************************************************************************/
	/* CONTAINERS                                                                                    */
	/*************************************************************************************************/
	.containerInvisible {
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	#containerTotal {
		position: 				relative;
		width: 					766px;
		height:					400px;
		min-height:				400px;
		
		padding:				0;
		margin:					0 auto;
	}
	*>containerTotal
	{
		height:					auto;
	}
	
	#containerHeader {
		float:					left;
		
		width: 					576px;
		height:					242px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;

		background-position: 	left bottom;
		background-repeat: 		no-repeat;
	}

	#containerLeft {
		float:					left;
		display:				inline;
		
		width:					189px;
		min-height:				16px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	#containerMiddle {
		float:					left;
		display:				inline;
	
		width:					353px;
		min-height:				16px;
		
		padding:				0px 16px 4px 12px;
		margin:					6px 0px 24px 0px;
		
		border-left:			2px solid #B2B2B2;
	}

	#containerRight {
		float:					left;
		display:				inline;
	
		width:					193px;
		min-height:				16px;
		
		padding:				0;
		margin:					5px 0 0 0;
	}

	#containerSubMenu {
		float:					left;
		display:				inline;
		
		width:					181px;
		min-height:				16px;
		
		padding:				4px 0px 4px 6px;
		margin:					6px 0px 0px 0px;				
		
		border-left:			2px solid #4FAD26;
	}
	
	#containerBanner {
		float:					left;
		clear:					left;
		
		width:					181px;
		min-height:				113px;
		
		padding:				0px 0px 0px 0px;
		margin:					6px 0px 0px 0px;				
	}
	
	#containerSearch {
	}

	#containerPoll {
		float:					left;
	
		width:					179px;
		min-height:				84px;
		
		padding:				0px 6px 4px 6px;
		margin:					0px 0px 0px 0px;
		
		border-left:			2px solid #B2B2B2;
	}
	
	#containerNews {
		padding:				4px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	/*************************************************************************************************/
	/* ENTRANCE                                                                                        */
	/*************************************************************************************************/	
	#entrance 
	{
		float:					left;
		display:				inline;
	
		width:					189px;
		height:					182px;
		
		padding:				0;
		margin:					60px 0 0 0;
	}
	
		#entrance .marginBottom 
		{
			margin-bottom:			1px;
		}
	
			#entrance a 
			{
				border-bottom:			0px solid #ffffff;
			}

	/*************************************************************************************************/
	/* HEADER                                                                                        */
	/*************************************************************************************************/
	#headerLogo 
	{
		position:				absolute;
		left:					6px;
		top:					24px;
	
		width:					185px;
		height:					25px;
	}
	

	
	/*************************************************************************************************/
	/* SUBMENU                                                                                       */
	/*************************************************************************************************/
	#containerSubMenu ul {
		position:				relative;
		
		padding:				0px 0px 0px 0px; 
		margin: 				0px 0px 3px 0px;
		
		list-style: 			none;
		font-size:				1.03em;
	}
	
	#containerSubMenu ul li {
		position:				relative;
		
		padding:				0px 0px 0px 0px;
		margin: 				0px 0px 0px 0px;  
	}

		#containerSubMenu .subMenu a {
	 		font-weight:			normal;
	 		/* color:					#000; */
		}
		
	#containerSubMenu .shortCuts
	{
		padding-top:				8px;
	}
	
		#containerSubMenu .shortCuts a {
	 		font-weight:			normal;
/*	 		color:					#000;*/
		}

	/*************************************************************************************************/
	/* SEARCH                                                                                        */
	/*************************************************************************************************/
	#quickSearchForm
	{
		position:				absolute;
		right:					4px;
		top:					9px;
		width:					250px;
		white-space:			nowrap;
	}
	
		#quickSearchForm h2
		{
			float:					left;
			display:				inline;
			
			line-height:			1em;
			margin:					4px 0 0 0;
			padding:				0;
			width:					3.76em;
			color:					#4FAD26;
		}
	
	
		#quickSearchForm  #qs_kw_or 
		{
			float:					left;
			display:				inline;
			
			height:					14px;
			width:					144px;
			
			font-size:				0.95em;
			margin-top:				3px;
			
			border:					1px solid #666666;
			background-color:		#FFFFFF;
		}
			
		#quickSearchForm  .button 
		{
			float:					left;
			display:				inline;
			
			width:					37px;
			height:					18px;
			margin-top:				3px;
			margin-left:			4px;
			
			font-family: 			Tahoma, Arial, Helvetica;
			font-size:				.8em;
			font-weight:			bold;
			color:					#100B6E;
			line-height:			1em;
			padding:				1px 0 3px 0;
	
			
			border-style:			none;
			border:					1px solid #100B6E;
			background-color:		#FFFFFF;
		}

	/*************************************************************************************************/
	/* Quickmenu                                                                                       */
	/*************************************************************************************************/
	.goTitle h2 
	{
		color:					#4FAD26;
		margin-bottom:			3px;
	}

		
	/*************************************************************************************************/
	/* POLL                                                                                          */
	/*************************************************************************************************/
	div.pollTitle h1 {
		color:					#0F0A6D;
	}
	
	div.pollTitle h2 {
		color:					#0F0A6D;
	}
	
	div.pollDisclaimer a {
		/*color:					#4FAD26;*/
	}
	
	div.pollDisclaimer a:hover {
	/*	color:					#4FAD26;*/
	}

	#containerPoll ul {
		position:				relative;
		
		padding:				0px 0px 0px 0px; 
		margin: 				0px 0px 3px 0px;
		
		list-style: 			none;
	}
	
	#containerPoll ul li {
		position:				relative;
		
		padding:				0px 0px 0px 0px;
		margin: 				6px 0px 6px 0px;  
		
		list-style: 			none;
	}
	
	/*************************************************************************************************/
	/* NEWS                                                                                          */
	/*************************************************************************************************/
	#containerNews .newsDate {
		position:				relative;
		float: 					right;
		line-height: 			100%;

		padding:				4px 0px 0px 8px;
		margin: 				0px 0px 0px 0px;
		
		color:					#888;
	}

		#containerNews p
		{
			padding:				0 0 8px 0; 
			margin: 				0;
		}
			
			#containerNews ul {
				padding:				0; 
				margin: 				0;
				
				list-style: 			none;
			}
			

	#newsBulletGreen li,
	#newsBulletBlue li 
	{
		position:				relative;
		padding:				3px 0px 6px 8px;

		height:					10px;
		min-height:				10px;

		background-position: 	0px 11px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/algemeen/images/general/bullet_groen.gif');
	}
	*>#newsBulletGreen li,
	*>#newsBulletBlue li 
	{
		height:					auto;
	}

	#newsBulletBlue li 
	{
		line-height:			100%;
	}

		#newsBulletBlue li span a
		{

			font-weight:			normal;
		}

		#containerNews .newsNaarOverzicht 
		{
			clear:				both;
			font-size:			0.91em;
		}
	/************************************************************************************************/
	/* moreNewsChannels																				*/
	/************************************************************************************************/
	#containerTotal #moreNewsChannels
	{
		clear:					both;
		padding:				8px 0 0 0;
	}

		#moreNewsChannels li
		{
			float:					left;
			display:				inline;

			padding:				0 4px 0 0;
			margin-right:			4px;
			margin-bottom:			16px;
			
			line-height:			1.18em;
			font-size:				0.91em;
			
			border-right:			1px solid #aaa;
		}
		
		#moreNewsChannels .lastItem
		{
			border-right:			none;
			padding:				0;
			margin-right:			0;
		}
		
			#moreNewsChannels li a
			{
					font-family:		tahoma;
					color:				#888;
					text-decoration:	none;
					font-weight:		bold;
			}
		
	/*************************************************************************************************/
	/* ADDRESS                                                                                        */
	/*************************************************************************************************/
	#address {
		clear:					both;
		float:					left;
		display:				inline;
		
		padding-top:			12px;
		margin-top:				5px;
		width:					352px;
		
		color:					#333333;
		line-height:			180%;
		font-weight: 			normal;
		border-top:				1px solid #ccc;
	}
	
		#address a {
			text-decoration: 		underline;
			border: 				none;
		}
		
			#address .title a {
				font-family:			tahoma;
				font-weight:			bold;
				text-decoration: 		none;
		
				border: 				none;
			}
	
	#address th {
		text-align:				left;
		vertical-align:			top;
		
		padding-right:			6px;
	}
	
		#address td {
			text-align:				left;
			vertical-align:			top;
		}
	

	
	
	#containerTotal .letterType
	{
		position:					absolute;
		top:						38px;
		left:						513px;
		width:						150px;
		color:						#4FAD26;
	}
	
		#containerTotal .letterType a
		{
			color:					#4FAD26;
		}
	
	#zwembadBanner
	{
		width:						188px;
		height:						60px;
		margin:						1px 0 1px 0;
	}

		#zwembadBanner img
		{
			margin-top:					1px;
			display:					block;
		}
		
	/************************************************************************************************/
	/* containerGo																					*/
	/************************************************************************************************/

	#containerGo 
	{
		float:					left;
		display:				inline;
	
		width:					179px;
		
		padding:				8px 6px 5px 6px;
		margin:					0 0 16px 0;
		
		border-left:			2px solid #B2B2B2;
	}

		#containerGo ul
		{
			clear:					none;
			margin:					0;
			padding:				0;
		}
		
			#containerGo li
			{
				list-style: 			none;
				margin:					0;
				clear:					both;
				padding:				4px 0px 5px 14px;
			
				background-image:		url(/sjablonen/algemeen/images/menu/pijl_groen.gif);
				background-position:	0 0px;
				background-repeat:		no-repeat;
				line-height:			1em;
			}

				#containerGo li a {
			 		font-weight:			normal;
			 		/*color:					#000;*/
				}
		

			
}