/************************************************************************************************/
/* Created on: 		20-07-2007												                    */
/* Author:			R.Rispens 										                            */
/* Description:		Stylesheet for template 1 (home)									        */
/* Copyright:  		Vincis B.V. The Netherlands										            */
/************************************************************************************************/
/* Remarks:    	.                                                                               */
/************************************************************************************************/
/* Changes:                                                                                     */
/*                                                                                              */
/* Date        	Author		Remarks                                                             */
/************************************************************************************************/


/************************************************************************************************/
/* Screen styles                                                                 			    */
/************************************************************************************************/
@media screen 
{
	html
	{
		height:					100%;
		width:					100%;
		padding:				0;
		margin:					0;
		
		background-color:		#FFFFFF;
	}
	
	body 
	{
		height:					100%;
		width:					100%;
		padding:				0;
		margin:					0;
		
		color:					#000000;
		font-family: 			Arial, MS Sans-Serif, Verdana, Helvetica;
		font-size:				1em;
		line-height:			130%;

		
		background-color:		#FFFFFF;
	}

	img 
	{
		padding:				0;
		margin:					0;
		
		border: 				none;
	}
	
	.ial
	{
		float:					left;
	}
	
	.iar
	{
		float:					right;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a
	{		
		color:					#00199F;
		text-decoration:		none;
	}
	
	a:hover 
	{
		color:					#00199F;
		text-decoration:		underline;
	}
	
	h1
	{
		padding:				0 0 4px 0;
		margin:					0;
		
		color:					#00199F;
		font-size:				1.2em;

	}
	
	h2
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#00199F;
		font-size:				1.1em;
	}
	
	h3
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#00199F;
		font-size:				1em;
		line-height:			100%;
	}
	
	ul
	{
		padding:				0;
		margin:					0 0 0 20px;
	}
		
		ul li
		{
			list-style-type:		square;
		}
	
	ol
	{
		padding:				0 0 0 10px;
		margin:					0 0 0 0px;
	}
	
		
	
	p
	{
		padding:				0;
		margin:					2px 0px 15px 0px;
	}
	
	 iframe  
     {  
          width:                426px;  
          height:               356px; 
          border:                0px; 
     }  
	
		
	.Sneekbutton
	{
		cursor:					pointer;
		
		height:					18px;
		padding:				0 2px 1px 2px;
		margin:					0 7px 0 0;
		
		color:						#FFFFFF;
		font-weight:			bold;
		text-align:				center;
		
		background-color:		#00199F;
		
		border:					0px;
	}
	
		.Sneekbutton a
		{		
			display:						block;
			color:							#fff;
			text-decoration:		none;
		}
		
		.Sneekbutton a:hover 
		{
			color:							#fff;
			text-decoration:		none;
		}
	
	/* =Alignment */
	 .textAlignRight
	{
		text-align:			right;
	}
	
	 .textAlignCenter
	{
		text-align:			center;
	}
	
	 .textAlignJustify
	{
		text-align:			justify;
	}

	 .textAlignLeft
	{
		text-align:			left;
	}	

	/* =Underline */
	 .textUnderline	
	{
		text-decoration:	underline;
	}
	
	/*** General classes *************************************************************************/
	.containerInvisible
	{
		display:				none;
	}
	
	.floatLeft
	{

		float:					left;
		color:					#999999;
		font-size:				0.9em;
		padding:				0px 2px 0px 0px;
	}
	
	.floatRight
	{
		position:				relative;
		float:					right;
		color:					#999999;
		padding:				0px 2px 0px 0px;
		font-size:				0.9em;
	}	
	
	.floatCloser
	{
		clear:					both;
	}
	
	.invisible
	{
		display:				none;
	}
	
	.readmore
	{
		float:					right;
	}
	
		.readmore a
		{
			font-size:				0.9em;
		}
	
	.formFieldLeft
	{
		margin-bottom:				3px;
	}
	
	.textUnderline
	{
		text-decoration:			underline;
	}
	
	table
	{
		border-collapse: 			collapse;
	}
	
		.tableRowOdd
		{
			/*background-color:			#e1e1e1;*/
		
		}
		
		.tableRowEven
		{
		}
	
	
	/*** Form element classes ********************************************************************/
	.cm_input
	{

		padding:				2px;
		
		color:					#000000;
		font-family: 			Arial, MS Sans-serif, Verdana;
		font-size:				0.9em;
		padding:				1px 0 1px 4px;
		
		background-color:		#FFFFFF;
		
		border:					solid 1px #898989;
	}
	
	.cm_select
	{
		height:					19px;
		
		color:					#000000;
		font-family: 			Arial, MS Sans-serif, Verdana;
		font-size:				0.9em;
		padding:				1px 0 1px 4px;
		
		background-color:		#FFFFFF;
		
		border:					solid 1px #898989;
	}
	
	.cm_textarea
	{
		padding:				2px 0 2px 4px;
		color:					#000000;
		font-family: 			Arial, MS Sans-serif, Verdana;
		font-size:				0.9em;
		
		background-color:		#FFFFFF;
		
		border:					solid 1px #898989;
	}
	
	.cm_radio
	{
		height:					15px;
		width:					15px;
		
		padding:				0;
		margin:					0 5px 0 0;		
	}
	
	.cm_button
	{
		cursor:					pointer;
		
		height:					18px;
		padding:				0 2px 1px 2px;
		margin:					0 7px 0 0;
		
		color:					#FFFFFF;
		font-weight:			bold;
		
		background-color:		#00199F;
		
		border:					0px;
	}
		
	.cm_field
	{
		width:					200px;
	}

	
	/*** Stijlen webeditor************************************************************************/	
	
	
	.zwart
	{
		color:				#000000;
	}
	
	.blauw
	{
		color:				#00199F;
	}
	
	
	
	/*** Printheader *******************************************************************************/
	
	#containerPrintHeader
	{
		display:				none;
	}
	
	/*** Containers ******************************************************************************/
	#containerTotal 
	{
		height:					100%;
		width: 					894px;
		padding:				0;
		margin:					0 auto;
	}	
	
	
	#containerTop
	{
		padding:				10px 0 10px 0;
		margin:					0 0 15px 0;
	}
	
		#containerShortcuts
		{
			float:					left;
			
			padding:				2px 10px 0 0;
		}
		
			#containerShortcuts ul
			{
				margin:					0;
			}
			
			
		#containerFontSize
		{
			float:					right;
			
			padding:				2px 10px 0 10px;
			color:					#999999;
		}
		
		#containerLanguage
		{
			float:					right;
			
			padding:				2px 5px 0 10px;
		}
		
			#containerLanguage ul
			{
				margin:					0;
			}
			
				#containerLanguage ul li
				{
					float:					left;
					
					list-style:				none;
				}
		
		
		#containerShortcuts ul li, #containerLanguage ul li
		{
			float:					left;
			
			padding:				0 7px 0 0;
			margin:					0 7px 0 0;
			
			list-style:				none;
			
			background-image:		url(/sjablonen/1/images/general/divider.gif);
			background-position:	right 7px;
			background-repeat:		no-repeat;
		}
		
		#containerShortcuts ul li.lastItem, #containerLanguage ul li.lastItem
		{
			padding:				0;
			margin:					0;
			
			background-image:		none;
		}
		
		
		
		#containerRSS
		{
			float:					right;
			
			padding:				0 5px 0 5px;
		}
	
	
	#containerNavigation
	{
		clear:					both;
		
		height:					146px;
		width: 					894px;
		
		background-image:		url('/sjablonen/1/images/general/logo.gif');
		background-position:	112px 0;
		background-repeat:		no-repeat;
	}
		
		
		#containerContactPhoto
		{
			float:					left;
			width: 					112px;
			height:					110px;
			
			background-image:		url('/sjablonen/1/images/general/gemeentehuis.jpg');
			background-repeat:		no-repeat;
		}
		
		#containerWaterpoortLogo
		{
			float:					left;
			cursor:					pointer;
			
			width: 					110px;
			height:					110px;
		}
			
		#containerDynamicPhoto
		{
			float:					right;
			
			height:					110px;
			width: 					670px;
		}
	
	#containerBackButton
	{
		float:					left;
		display:				block;
		height:					30px;
		width:					218px;
		padding:				5px 2px 5px 2px;
		color:					#999999;
	}
		#containerBackButton a
		{
			color:					#999999;
		}
	
	#containerObjectPath
	{
		float:					left;
		display:				block;
		height:					30px;
		width:					648px;
		padding:				5px 2px 5px 2px;
		margin:					0 0 0 0px;
		
		color:					#999999;
	}
	
	#containerObjectPathHome
	{
		display:				block;
		height:					30px;
		width:					890px;
		padding:				5px 2px 5px 2px;
		margin:					0;
		
		color:					#999999;
	}

	
		#containerObjectPath span.currentPage
		{
			color:					#00199F;
		}
	
	
	#containerTop a, #containerObjectPath a
	{
		color:					#999999;
	}
	
	#containerMain
	{
		width: 					894px;
		padding:				0;
		margin:					0;
	}
	
		#containerLeft
		{
			float:					left;
			
			width:					202px;
			padding:				0 20px 0 0;
			margin:					0;
		}
		
			#containerLogo
			{
				cursor:					pointer;
				
				height:					63px;
				width:					202px;
				
				background-image:		url(/sjablonen/1/images/general/naam_logo.gif);
			}
			
			#containerLiveBroadCast
			{
				float:					left;
				display:				inline;
				width:					182px;
				margin: 				20px 0 0 20px;
			}
			
		#containerCenter
		{
			float:					left;
			
			width:					426px;
			padding:				0 20px 0px 0;
			margin:					0 2px 0px 2px;
			
			overflow-x:				hidden;
			
			font-size:				1.1em;
			line-height:			130%;
		}
		
			#containerCenter .rechtsUitlijnen
			{
				float:					right;
			}
			
			#containerCenter .linksUitlijnen
			{
				float:					left;
			}
	
			
			#containerText
			{
				padding:				0 0 20px 0;
				margin:					0 0 20px 0;
				border-bottom:			1px solid #999999;	
			}
			
			#containerText ul
			{
			}
			
				#containerText ul li
				{
					list-style-type:		none;
					background-image:  		url(/sjablonen/1/images/general/list-image.gif);
					background-repeat:		no-repeat;
					background-position:	0px 6px;
					padding:				0 0 0 14px;
				}
				
				
			#containerText ol
			{
				padding:				0;
				margin:					0 0 0 40px;
			}
			
				#containerText ol li
				{
					padding:				0;
				}

			#containerText .msgMissingLanguage
			{
				padding:				5px;
				margin:					10px 0px;
				border: 				solid 1px #00199f;
				color:					#00199f;
				background-color:		#d5dbff;
			}
			
				#containerText table.border1
				{
						border-bottom:			1px solid #b2b2b2;
						border-right:			1px solid #b2b2b2;
				}
				
					#containerText table.border1 td
					{
						border-left:			1px solid #b2b2b2;
						border-top:				1px solid #b2b2b2;
					}
	
			
			#containerPaging
			{
				width:					426px;
				padding:				13px 0 13px 0;
				margin:					13px 0 0 0;
				
				border-top:				1px solid #999999;
			}
			
				#containerPaging ul
				{		
					clear:					both;
					
					height:					20px;
					padding:				0;
					margin:					0;
				}
				
					#containerPaging ul li
					{
						float:					left;
						
						width:					13px;
						min-width:				13px;
						padding:				3px 3px 3px 3px;
						margin:					0 5px 0 0;
						
						list-style:				none;
						text-align:				center;
						
						background-color:		#ffffff;
						font-weight:			bold;
						
						border:					1px solid #00199F;
					}
					
					*>#containerPaging ul li
					{
						width:					auto;
					}
					
						#containerPaging ul li a
						{
							color:					#00199F;
							font-weight:			normal;
						}
				
				#containerPaging .selectedPageNumber
				{
					color:					#FFFFFF;
					font-weight:			bold;
					
					background-color:		#00199F;
					
					border-color:			#00199F;
				}
		
		
		#containerRight
		{
			float:					left;
			
			width:					222px;
			padding:				0;
			margin:					0;
		}
			
			
			/*** Quicksearch *****************************************************************************/
			#containerQuickSearch .cm_button
			{
				margin:					0 0 0 7px;
				float:					right;
			}
			
			#containerQuickSearch .cm_input
			{
				float:					left;
				color:					#999999;
				width:					150px;
			}
			/*********************************************************************************************/
			
			/*** Newslwetter online **********************************************************************/
			
			#containerNewsletter
			{
				margin-top:			15px;
			}
}


/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{

	body 
	{
		height:					100%;
		width:					100%;
		padding:				0;
		margin:					0;
		
		color:					#000000;
		font-family: 			Arial, MS Sans-serif, Verdana, Helvetica;
		font-size:				1em;
		line-height:			130%;

		
		background-color:		#FFFFFF;
	}

	img 
	{
		padding:				0;
		margin:					0;
		
		border: 				none;
	}
	
	.ial, .floatLeft
	{
		float:					left;
	}
	
	.iar, .floatRight
	{
		float:					right;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a
	{		
		color:					#00199F;
		text-decoration:		none;
	}
	
	a:hover 
	{
		color:					#00199F;
		text-decoration:		underline;
	}
	
	h1
	{
		padding:				0 0 4px 0;
		margin:					0;
		
		color:					#00199F;
		font-size:				1.2em;

	}
	
	h2
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#00199F;
		font-size:				1.1em;
	}
	
	h3
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#00199F;
		font-size:				1em;
		line-height:			100%;
	}
	
	ul
	{
		padding:				0;
		margin:					0 0 0 20px;
	}
		
		ul li
		{
			list-style-type:		square;
			
		}
	
	ol
	{
		padding:				0;
		margin:					0 0 0 25px;
	}
	
	
	p
	{
		padding:				0;
		margin:					2px 0px 15px 0px;
	}
	
	
	.readmore
	{
		float:					right;
	}
	
		.readmore a
		{
			font-size:				0.9em;
		}
		
	.zwart
	{
		color:				#000000;
	}
	
	.blauw
	{
		color:				#00199F;
	}
	
	#containerPrintHeader
	{
		width:				625px;
		
		margin:				0 0 20px 0;
		border-bottom:		1px solid #999999;	
	}
	
	#containerCenter
	{
		width:				615px;
	}

}


/*************************************************************************************************/
/* Handheld styles                                         									 	 */
/*************************************************************************************************/
@media handheld 
{
}