/*************************************************************************************************/
/* Author:			VINCIS / Timen Nieuwhuis /Rinse van Dijk					                                              	 */
/* Description:		basic Stylesheet								                                        */
/*************************************************************************************************/
@media screen
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/

	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
	pre, form, fieldset, input, p, blockquote, th, td
	{
	  margin:0;
	  padding:0;
	}


	body
	{
		width:					100%;
		height:					100%;

		padding:				0;
		margin:					0;

		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.1em;
		line-height:			120%;

		color:					#000000;
		background-color:		#FFFFFF;
	}

	img
	{
		border: 				none;

		padding:				0;
		margin:					0;
	}

	form
	{
		padding:				0;
		margin:					0;
	}

	a
	{
		color:					#0071b9;
		text-decoration:		none;
		font-weight:			bold;
	}
	
		a:hover
		{
			color:					#0071b9;
			text-decoration:		underline;
		}
		
	ol
	{
		list-style-type: 		decimal;
	}

	ul
	{
		padding:				0;
		margin:					0;
	}

	ul li
	{
		display:				block;
		padding:				0 0 0 12px;
		margin:					3px 0 0px 5px;

		background-image:		none;
	}

	li.noBorder
	{
		border:					none;
	}

	li.open
	{
		list-style-type:		none;
	}

	ol
	{
		padding:				0;
		margin:					0px 0px 0px 0px;
		list-style:				decimal;
	}

	hr
	{
		clear:					both;

		height:					1px;
		width:					100%;

		background-color:		#757477;
		color: 					#757477;

		border:					none;
	}

	h1
	{
		padding:				0 0 10px 0;
		margin:					0;

		font-size:				1.0em;
		font-weight:			bold;
		line-height:			100%;

		color:					#757477;
	}

	h2
	{
		padding:				0;
		margin:					0;

		font-size:				0.9em;
		font-weight:			bold;
		line-height:			100%;

		color:					#0071b9;
	}
	
		.zwart
		{
			color:				#000000;
		}
		
		.grijs
		{
			color:				#757477;
		}
	
		.oranje
		{
			color:				#e9ab00;
		}
		
		.blauw
		{
			color:				#0071b9;
		}
		
		.groen
		{
			color:				#cfd500;
		}
		

	h3
	{
		padding:				0;
		margin:					0px 0px 1px 0px;

		font-size:				0.8em;
		font-weight:			bold;
		line-height:			100%;

		color:					#0071b9;
	}

	blockquote
	{
		padding:				0;
		margin:					0px 0px 0px 10px;
	}

	.tableRowOdd
	{
		background-color: 		#eeeeee;
	}

	.flag
	{
		margin-right:			4px;
	}

	.newsArchive
	{
		margin-left:			10px;
	}


	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/


	.containerInvisible
	{
		display:				none;
	}

	.inputText
	{
		width:					96px;

		font-family: 			Verdana, Tahoma;
		font-size:				10px;

		color:					#898989;
		border:					solid 1px #898989;
		padding:				4px 0px 0px 4px;
	}

	.floatLeft
	{
		float:					left;
	}

	.floatRight
	{
		float:					right;
	}

	.floatCloser
	{
		clear:					both;
	}

	.greyLink
	{
		font-weight:			normal;

		color:					#949494;
	}

	.anchr
	{
		font-weight:			normal;

		color:					#000000;

		background-image: 		none;
	}



	/*********************************************************************************************/
	/* Classes (general form fields)                                                             */
	/*********************************************************************************************/
	.formField
	{
		clear:					both;

		padding:				0;
		margin:					0px 0px 10px 0px;
	}

	.formFieldLeft
	{
		float:					left;

		width:					110px;
	}

	.formFieldIcons ul
	{
		width:					200px;

		padding:				0px 0px 0px 114px;
		margin:					0;
	}

	.formFieldIcons ul li
	{
		clear:					both;

		list-style:				none;
	}

	.formFieldIcons ul li div
	{
		float:					left;

		width:					50px;
		height:					25px;
	}

	/*********************************************************************************************/
	/* Classes (editor form fields)                                                        		 */
	/*********************************************************************************************/
	.cm_input
	{
		height:					15px;

		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		padding:				0 0 0 2px;

		color:					#000000;

		background-color:		#FFFFFF;
		border:					solid 1px #0071b9;
	}

	.cm_select
	{
		height:					17px;

		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;

		color:					#000000;

		background-color:		#FFFFFF;
		border:					solid 1px #0071b9!important;
	}

	.cm_textarea
	{
		/* overflow-y:				auto; */

		font-family: 			Arial, Verdana, Helvetica;
		font-size:				9pt;

		color:					#000000;

		padding:				3px;

		background-color:		#FFFFFF;
		border:					solid 1px #0071b9;
	}

	.cm_radio
	{
		width:					15px;
		height:					15px;

		padding:				0;
		margin:					0px 5px 0px 0px;

		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
	}

	.cm_button, #feedbackSubmit
	{
		font-size:				0.9em;
		margin:					0 0 0 7px;

		cursor:					pointer;
	}

	.cm_fieldset
	{
		margin:					10px 0 0 0;
	}


	/*********************************************************************************************/
	/* Classes (used for cleanHTML, clean_html.xsl)                                              */
	/*********************************************************************************************/
	table.border1, table.border2, table.border3
	{
		border-top:				1px solid #CCCCCC;
		border-right:			1px solid #CCCCCC;
	}

	table.border1
	{
		border-width:			1px;
	}

	table.border2
	{
		border-width:			2px;
	}

	table.border3
	{
		border-width:			3px;
	}

	td.border1, td.border2, td.border3
	{
		border-bottom:			1px solid #CCCCCC;
		border-left:			1px solid #CCCCCC;
	}

	td.border1
	{
		border-width:			1px;
	}

	td.border2
	{
		border-width:			2px;
	}

	td.border3
	{
		border-width:			3px;
	}

	.ial
	{
		float:					left;
	}

	.iar
	{
		float:					right;
	}

	.highlight
	{
		background-color:		#AE83BB;
	}

	.underline
	{
		text-decoration:		underline;
	}

	#containerPrintHeader
	{
		display:				none;
	}


	

	/*********************************************************************************************/
	/* Containeers									                                             */
	/*********************************************************************************************/

	#containerTotal
	{
		position: 				relative;
		width: 					930px;
		height:					699px;

		padding:				0;
		margin:					5px auto;
	}
	*>#containerTotal
	{
		min-height:				699px;
		height:					auto;
	}

		#containerTop
		{
			width: 					930px;
			height:					119px;
			background-color:		#fff;
		}
		
			#containerSlogan
			{
				float:					left;
			
				width: 					225px;
				height:					119px;

				background-image:		url(/sjablonen/1/images/general/slogan.gif);
				background-repeat:		no-repeat;
			}

			#containerLogo
			{
				float:					left;
				
				width: 					487px;
				height:					119px;
				
				overflow:				auto;
				
				background-image:		url(/sjablonen/1/images/general/logo.gif);
				background-repeat:		no-repeat;
			}

			#containerVestigingen
			{
				float:					left;
				
				width: 					218px;
				height:					119px;
				
				background-image:		url(/sjablonen/1/images/general/vestigingen.gif);
				background-repeat:		no-repeat;
			}
		
		
		#containerDynamic
		{
			width: 					930px;
			height:					165px;
			margin:					0;
			
			background-image:		url(/sjablonen/1/images/general/flash_placeholder1.gif);
			background-repeat:		no-repeat;
			
			border-bottom:			3px solid #fff;
		}

		#containerTopMenu
		{
			width: 					930px;
			height:					34px;
			background-color:		#757477;
		}
		
			#containerYellowButton
			{
				float:				right;
				width:				90px;
				height:				34px;
				margin:				0 22px 0 0;
				overflow:			hidden;
			}
			
		
			#search
			{
				float:				right;
				width:				218px;
				height:				34px;
			}
			
				#search form
				{
					margin:				0;
				}
				
				#containerSearchField
				{
					margin:				5px 0 0 0;
				}

					.searchTitle
					{
						font-size:		11px;
						font-weight:	bold;
						padding:		0 5px 0 0;
						color:			#fff;
					}
					
					.submitbutton
					{
						font-size:		11px;
					}
		
		#containerContent
		{
			float:					left;
			width: 					930px;
			height:					367px;
			
					
			background-image:		url(/sjablonen/1/images/general/bg_content.gif);
			background-repeat:		repat-y;
		}
		*>#containerContent
		{
			min-height:				367px;
			height:					auto;
		}
		
			#containerLeftMenu
			{
				float:					left;
			
				width: 					200px;
				height:					367px;
		
				background-image:		url(/sjablonen/1/images/general/menu_background.gif);
				background-repeat:		no-repeat;
			}
			*>#containerLeftMenu
			{
				min-height:					367px;	
				height:						auto;
			}
			
			
			#containerPhoto
			{
				width:					200px;
				height:					112px;
				z-index:				0;
			}
	
				#containerOverlayPhoto
				{
					width:					200px;
					height:					112px;
					z-index:				1;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/overlayPhoto.png');
				}
				*>#containerOverlayPhoto
				{
					background-image:		url('/sjablonen/1/images/general/overlayPhoto.png');
					background-repeat:		no-repeat;
					filter:					none;
				}
			
			
					
				

			#content
			{
				float:					left;
				
				width: 					465px;
				height:					346px;
				
				margin:					0px 0 0 25px;
				padding:				0 20px 0px 0;
				overflow:				auto;
				
				background-color:		#ffffff;
				border-right:			2px solid #c4c1c2;
			}
			*>#content
			{
				height:					354px;	
			}
			
				
				#content p, form, table
				{
					font-size:			0.6em;
					margin:				0px 0px 15px 0px;
				}
				
				#content  table p
				{
						font-size:			1.0em;
				}
				
				#content ul li
				{
					font-size:				0.6em;
					
					padding:				0 0 0 15px;
					
					background-image:		url(/sjablonen/1/images/general/menu_bullet.gif);
					background-position:	0px 8px;
					background-repeat:		no-repeat;
				}
				
				#containerLoginWeb
				{
					font-size:				0.6em;
				}
				
				#content ol
				{
					list-style-type: 		decimal;
					margin:					10px 0 0 0;
				}
				
				#content ol li
				{
					font-size:			0.6em;
					display:			list-item;  /* work around for IE ordered list bug */ 
					padding:			0 9px 0 0;
					margin-left:		27px;
					height:				auto;
				}

				
				#containerPath
				{
					float:					left;
					height:					27px;
					width: 					455px;
					
					margin:					0 0 10px 0;
					padding:				0;
					
					font-size:				1.0em;			
					overflow:				hidden;
				}
				*>#containerPath
				{
					width: 					465px;
					*width: 				455px; /* only read by IE */
					margin:					0 0 20px 0;
					font-size:				1.0em;
				}
				
					#containerPath ul li
					{
						float:				left;
						padding:			0;
						margin:				0;	
						
						background-image:	none;
					}	
					
						#containerPath ul li a
						{
							color:				#0071b9;
						}
				
				
				
			#containerPaging
			{
					font-size:			1.6em;
			}	
				#containerPaging ul li
				{
					float:					left;
					background-image:		none;
					padding:				0 5px 0 5px;
					margin:					0;
					
				}
			
			#containerSloganUnder
			{
				position:				absolute;
				width: 					510px;
				height:					20px;
				
				top:					651px;
				left:					200px;
				
				padding:				10px 0 0 0;
				
				background-color:		#ffffff;
				background-image:		url(/sjablonen/1/images/general/sloganUnder.gif);
				background-repeat:		no-repeat;
				background-position:	0px 7px;
			}
			*>#containerSloganUnder
			{
				top:					658px;	
				left:					200px;
			}
			

			#containerBanners
			{
				float:					left;
				width: 					218px;
				height:					367px;
			}
			
				.banner
				{
					margin:					10px 0 0 25px;	
				}

		#footer
		{
			float:					left;
			width: 					930px;
			height:					11px;		
			float:					left;
			background-image:		url(/sjablonen/1/images/general/footer.png);
			background-repeat:		no-repeat;
		}
		

	/*** Reaction module ***/

	#containerReactions
	{
		font-size:					0.6em;
	}	





}

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

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