html
{
	height: 100%;
}

body
{
	background: 	#FFFFFF url(../graphics/bg.gif) center repeat-y;
	color:		#000000; 
	font-family: 	verdana;
	font-size: 	11px;
	height: 	100%;
	margin:		0px;
	padding:	0px;		
}
	
	.bodyIE	
	{
		background: 	#FFFFFF url(../graphics/bg_ie.gif) center repeat-y;
	}
	
	

/* //// CANVAS AREA //// */

	#canvasArea
	{
		background:	url(../graphics/bg_canvasarea_home.gif) repeat-y;
		margin:		0 auto 0 auto;
		padding:	0px;
		position:	relative;
		width:		1000px;
	}
	
	
	
	
/* //// HEADER AREA //// */	

	#headerArea
	{	
		height:		129px;	
		width:		1000px;
	}
	
		#headerArea h1
		{
			display:none;
		}
		
	/*	#headerArea h2
		{
			background:	url(../graphics/logo.jpg) no-repeat;
			height:		129px;
			margin:		0px;
			display: 	block;
		} */
		
		#headerArea h2
		{
 			background: url(../graphics/logo_mulitpurpose.jpg) no-repeat;
			height:		129px;
			margin:		0px;
			display: 	block;
		}
		
		
			#headerArea h2 a
			{
				display: 	block;
				width:		745px;
				height:		125px;
			}		
		
			#headerArea h2 span
			{
				visibility:	hidden;
				display:	none;
			}
		
		#headerArea h3
		{
			display:	none;
		}




/* //// SECONDARY SERVICE AREA //// */

	#serviceArea
	{
		font-size:	11px;
		height:		130px;
		position:	absolute;
		left:		750px;
		top:		0px;
		width:		250px;
		z-index:	100;
	}
	
		#serviceArea ul
		{
			float:			left; 
			list-style:		none; 
			margin:			0px; 
			padding:		0px 0px 0px 0px; 
			width:			100%;
		}
	
		
			#serviceArea ul li
			{
				display: 		inline; 
			}
	

			#serviceArea ul li a.home
			{
				background: 		url('../graphics/nl/bt_service_home_inact.gif');
				float:			left;
				display:		block;
				width:			57px;
				height:			25px;
				text-decoration:	none;
			}

				#serviceArea ul li a.home:hover
				{
					background: 		url('../graphics/nl/bt_service_home_act.gif');
				}
	
			#serviceArea ul li a.wegwijzer
			{
				background: 		url('../graphics/en/bt_service_wegwijzer_inact.gif');
				float:			left;		
				display:		block;		
				width:			57px;
				height:			25px;
				text-decoration:	none;
			}	

				#serviceArea ul li a.wegwijzer:hover
				{
					background: 		url('../graphics/en/bt_service_wegwijzer_act.gif');
				}
	
			#serviceArea ul li a.contact
			{
				background: 		url('../graphics/nl/bt_service_contact_inact.gif');
				float:			left;
				display:		block;		
				width:			58px;
				height:			25px;
				text-decoration:	none;
			}	

				#serviceArea ul li a.contact:hover
				{
					background: 		url('../graphics/nl/bt_service_contact_act.gif');
				}
	
			#serviceArea ul li a.english
			{
				background: 		url('../graphics/nl/bt_service_english_inact.gif');
				float:			left;
				display:		block;		
				width:			66px;
				height:			25px;
				text-decoration:	none;
			}

				#serviceArea ul li a.english:hover
				{
					background: 		url('../graphics/nl/bt_service_english_act.gif');
				}
	

			#serviceArea ul li a span
			{
				visibility: 		hidden;
			}




/* //// SEARCH AREA //// */

	#searchArea
	{
		background:		url(../graphics/bg_searcharea.gif);
		float:			left;
		height:			37px;
		/*
		position: 		absolute;
		left:			750px;
		top:			131px;
		*/
		width:			250px;	
	}

		#searchArea .searchBox form
		{
			margin:			1px;
			padding:		0px;
		}

		#searchArea .searchBox label
		{
			display:		none;
		}

	#searchArea .searchBox input
	{
		background:		none;
		border:			0px;
		color: 			#7A7A7A;
		font-size:		11px;
		height:			16px;	
		margin:			5px 0px 0px 19px;
		padding:		1px 2px 1px 2px;
		vertical-align : 	top;
		width:			154px;
	}

	#searchArea .searchBox .searchButton
	{
		width: 			50px;
		margin:			4px 0px 0px 0px;
		height: 		22px;
		border: 		0px;
	}




/* //// SECONDARY SERVICE AREA //// */

	#secondaryServiceArea
	{
		background:		url(../graphics/bg_secondaryservicearea.gif);
		float:			left;
		height:			75px;
		margin:			0px;
		padding:		0px;
		width:			250px;
	}

		#secondaryServiceArea ul
		{
			margin:			0px;
			padding-left:		35px;
		}

		#secondaryServiceArea li
		{
			list-style-type:	none;
		}
		
		#secondaryServiceArea li.print
		{
			padding-top:		14px;			
		}	

		#secondaryServiceArea li.taf
		{
			padding-top:		22px;
		}
	
		#secondaryServiceArea li a
		{
			color:			#000000;
			font-size:		100%;
			text-decoration:	none;
		}	
	
		#secondaryServiceArea li a:hover
		{
			text-decoration:	underline;
		}				




/* //// MAINNAVIGATION AREA //// */

	#mainNavigationArea
	{
		background:		#ffffff;
		float:			left;
		height:			112px;
		width:			750px;
		margin:			0px 0px 0px 0px;
	}

		#mainNavigationArea ul
		{
			padding:		0px 0px 0px 0px;
			margin:			0px 0px 0px 0px;
			text-align:		left;
		}
					
	
			#mainNavigationArea ul li
			{
				color: 			#FFFFFF;
				display:		inline;			
				float:			left;
				font-size:		100%;
				font-weight:		bold;			
				height:			112px;
				list-style:		none;
				margin:			0px 0px 0px 0px;
				padding:		0px 0px 0px 0px;
				text-decoration:	none; 			
				text-indent:		0;   
				width:			250px;

			}		
		
				#mainNavigationArea ul li.rec
				{
					background:		url(../graphics/nl/bg_mainnav_rec.gif) #0C3C62;
				}

					#mainNavigationArea ul li.rec a
					{
						
						display:		block;				
						height: 		30px;
						width:			250px;
					}
		
				#mainNavigationArea ul li.for
				{
					background:		url(../graphics/nl/bg_mainnav_for.gif) #205E97;
				}		

					#mainNavigationArea ul li.for a
					{
						
						display:		block;
						height: 		30px;
						width:			250px;
					}

				#mainNavigationArea ul li.ris
				{
					background:		url(../graphics/nl/bg_mainnav_ris.gif) #117F9A;
				}		

					#mainNavigationArea ul li.ris a
					{
						
						display:		block;				
						height: 		30px;
						width:			250px;
					}

	.directToRec
	{
		height:			55px;
		left:			28px;
		position:		absolute;
		top:			180px;
		width:			215px;

	}

		#mainNavigationArea .directToRec .display_link
		{			
			margin:			0px;
			padding:		0px;
			width:			215px;			
		}		
		
			#mainNavigationArea .directToRec .display_link ul
			{
				margin:			0px;
				padding:		0px;
				width:			215px;
			}
		
				#mainNavigationArea .directToRec .display_link ul li
				{
					height:			18px;					
					margin:			0px;
					padding:		0px;
					width:			215px;
				}
				
				#mainNavigationArea .directToRec .display_link ul li a
				{
					border-bottom:		1px solid #4A6C87;
					color:			#D8DCDF;
					font-weight:		normal;
					height:			18px;
					margin:			0px;
					padding:		0px;
					width:			215px;
				}		
				

				#mainNavigationArea .directToRec .display_link h4
				{
					display:		none;
				}

	
	
	
	.directToFor
	{
		position:		absolute;
		top:			180px;
		left:			280px;
		width:			215px;
		height:			55px;	
	}
	
	
		#mainNavigationArea .directToFor .display_link
		{			
			margin:			0px;
			padding:		0px;
			width:			215px;			
		}		
		
			#mainNavigationArea .directToFor .display_link ul
			{
				margin:			0px;
				padding:		0px;
				width:			215px;
			}
		
				#mainNavigationArea .directToFor .display_link ul li
				{
					height:			18px;					
					margin:			0px;
					padding:		0px;
					width:			215px;
				}
				
				#mainNavigationArea .directToFor .display_link ul li a
				{
					border-bottom:		1px solid #4A6C87;
					color:			#D8DCDF;
					font-weight:		normal;
					height:			18px;
					margin:			0px;
					padding:		0px;
					width:			215px;
				}		
				

				#mainNavigationArea .directToFor .display_link h4
				{
					display:		none;
				}	
	
	.directToRis
	{	
		position:		absolute;
		top:			180px;
		left:			530px;
		width:			215px;
		height:			55px;
	}

		#mainNavigationArea .directToRis .display_link
		{			
			margin:			0px;
			padding:		0px;
			width:			215px;			
		}		
		
			#mainNavigationArea .directToRis .display_link ul
			{
				margin:			0px;
				padding:		0px;
				width:			215px;
			}
		
				#mainNavigationArea .directToRis .display_link ul li
				{
					height:			18px;					
					margin:			0px;
					padding:		0px;
					width:			215px;
				}
				
				#mainNavigationArea .directToRis .display_link ul li a
				{
					border-bottom:		1px solid #4A6C87;
					color:			#D8DCDF;
					font-weight:		normal;
					height:			18px;
					margin:			0px;
					padding:		0px;
					width:			215px;
				}		
				

				#mainNavigationArea .directToRis .display_link h4
				{
					display:		none;
				}	

/* //// SUBNAVIGATION AREA //// */	

	#subNavigationArea
	{
		background:		#3b6281;
		float:			left;
		margin:			0px;
		padding:		0px;
		position:		relative;
		width:			250px;
	}
	
		#subNavigationArea ul
		{	
			margin:				0px; 
			padding:			0px; 
			list-style:			none;
			width:				250px;	
		}
	
			#subNavigationArea ul li			
			{	
				float:				left;
				margin:				0px; 
				padding:			0px; 
				position:			relative;
			}
			
			
		#subNavigationArea ul li a			
		{	
			background:			#3B6281 url(../graphics/bg_sub_inact.gif) no-repeat;
			color:				#FFFFFF;
			cursor:				hand;			
			display:			block;
			font-weight:			bold;
			padding:			3px 0px 5px 28px;
			text-decoration:		none;
			width:				222px;
		}
	
		#subNavigationArea ul li a:hover			
		{	
			background:			#0b3C62 url(../graphics/bg_sub_inact.gif) no-repeat;	
		}
		

		#subNavigationArea ul li a.activeElement			
		{	
			background:			#3B6281 url(../graphics/bg_sub_act.gif) no-repeat;
			color:				#FFFFFF;
			display:			block;
			padding:			3px 0px 5px 28px;
			text-decoration:		none;
			width:				222px;
		}

		#subNavigationArea ul li a:hover			
		{	
			background:			#0b3C62 url(../graphics/bg_sub_act.gif) no-repeat;			
		}
		
			#subNavigationArea ul li ul li a			
			{	
				background:			#3B6281;
				color:				#FFFFFF;
				display:			block;
				font-weight:			normal;
				padding:			3px 0px 5px 28px;
				text-decoration:		none;
				width:				222px;
			}
	
			#subNavigationArea ul li ul li a:hover			
			{	
				background:			#0b3C62;			
			}
			
	
/* //// PRIMARY CONTENT AREA //// */
		
	#primaryContentArea
	{	
		background:	#ffffff;
		color: 		#000000;
		float:		left;
		margin:		1px 0px 0px 0px;
		padding:	0px 0px 0px 0px;		
		/*
		position:	absolute;
		left:		0px;
		top:		241px;
		*/
		width:		750px;
	}

	
		#primaryContentArea .contentBox
		{
			padding:			0px;
		}
	
			#primaryContentArea .contentBox h4
			{
				color:				#2054a0;
				font-size:			120%;
				padding:			0px;
			}
	
		#primaryContentArea .Col
		{
			float:			left;
			margin:			25px 0px 0px 15px;
			padding:		0px 0px 0px 0px;
			width:			699px;
		}
	
		#primaryContentArea .OneCol
		{
			clear:			both;
			float:			left;
			margin:			25px 0px 0px 15px;
			padding:		0px 0px 0px 0px;
			width:			215px;	
		}
		
	
		#primaryContentArea .TwoCol
		{
			float:			left;
			margin:			25px 0px 0px 30px;
			padding:		0px 0px 0px 0px;
			width:			215px;			
		}
	
		#primaryContentArea .ThreeCol
		{
			float:			left;
			margin:			25px 0px 0px 30px;
			padding:		0px 0px 0px 0px;
			width:			215px;
		}
	
	
		#primaryContentArea a.readMore
		{
			border-bottom:			1px solid #FFFFFF;
			color:				#033470;
			display:			block;
			margin:				0px ;
			padding:			0px 15px 0px 0px;
			text-decoration:		none;	
		}
	
		#primaryContentArea a.readMore:hover
		{
			border-bottom:			1px solid #033470;	
		}




/* //// SECONDARY CONTENT AREA //// */		
		
	#secondaryContentArea
	{
		background:		#b5d1e7 url(../graphics/bg_secondarycontentarea.gif) no-repeat;
		border-top:		1px solid #ffffff;
		float:			left;
		/*
		left:			750px;		
		position:		absolute;
		top:			240px;
		*/
		width:			248px;
	}
	
		#secondaryContentArea img{
			float:			left;
		}

		#secondaryContentArea span{
			display:		block;
			float:			left;
			height:			16px;
			width:			200px;
			padding:		1px 0 0 5px;
		}


		#secondaryContentArea .contentBoxOne
		{
			margin:			24px 0px 0px 0px;
			padding:		5px 0px 15px 15px;
			width:			233px;	
		}
		
		#secondaryContentArea .telephone
		{
			margin:			5px 0px 0px 0px;
			padding:		5px 0px 0px 15px;
			width:			233px;	
		}		
		
		
		#secondaryContentArea .contentBox
		{
			margin:0px;
		}
		
			#secondaryContentArea .contentBox div
			{
				margin:				0px;
				padding:			10px;
			}
			

		#secondaryContentArea .customNavigation
		{
			margin:			24px 0px 0px 0px;
			padding:		5px 0px 0px 15px;
			width:			200px;	
		}
		
			#secondaryContentArea .customNavigation h4
			{
				color:				#073b60;
				font-size:			120%;
				margin:				0px; 
				padding:			0px;
			}		

			#secondaryContentArea .customNavigation  ul
			{
				display:			block;
				width:				180px;
				padding:			0px;
				margin-left:			15px;
			} 

				#secondaryContentArea .customNavigation ul li
				{
					list-style-image:		url(../graphics/bg_list_links.gif);
					margin-top:			0px;
				}
	
					#secondaryContentArea .customNavigation ul li a
					{	
						color:				#000000;
						display:			block;
						margin-top:			0px;
						width:				180px;
						text-decoration:		none;
						padding:			5px 7px 5px 0px;
						border-bottom:			1px solid #afc5d5;
					} 

					#secondaryContentArea .customNavigation ul li a:hover			
					{	
						background-position:		right top;
						border-bottom:			1px solid #003366;
					}	
	
	
	
/* //// FOOTER AREA //// */

	#footerArea
		{
			background:			#9BABBA;
			border-top:			1px solid #FFFFFF;
			clear:				both;
			height:				22px;
			margin:				0px 0px 0px 0px;
			width:				1000px;

		}

	#footerArea span{
		color:			#FFFFFF;
		padding:		4px 0px 5px 15px;
		display:		block;
		font-size:		100%;
	}

		#footerArea span a{
			color:			#FFFFFF;
		}

		#footerArea span a:hover{
			color:			#ddeaf4;
		}	





	
/* //// BREADCRUMB //// */
	#breadCrumb
	{
		height:		58px;
		left:		274px;
		position:	absolute;
		top:		168px;
		padding:	12px 0 0 0;
		width:		476px;
	}


		#breadCrumb .rss
		{
			position:		absolute;
			left:			638px;
		}
			#breadCrumb .rss img
			{
				border:			0px;
			}

		#breadCrumb ul
		{
			padding:		0px;
			margin:			0px;
			text-align:		left;	
		}
	
			#breadCrumb ul li
			{
				display:		inline;					
				list-style:		none;
				margin:			0px;
				padding:		0px;		  
			}	

				#breadCrumb ul li a
				{
					background:		url(../graphics/bg_breadcrumb_small.gif) 0px 5px no-repeat;					
					color:			#7F7F7F;			
					font-size:		100%;			
					text-decoration:	none; 	
					padding:		0 0 0 8px;
				}

				#breadCrumb ul li a.activeElement
				{	
					display:		none;
					/*
					background:		url(../graphics/bg_breadcrumb_big.gif) 0px 5px no-repeat;				
					color:			#7F7F7F;
					display:		block;
					font-size:		140%;
					font-weight:		bold;
					padding:		0 0 0 10px;
					text-decoration:	none; 			
					width:			400px; 
					*/
				}			




/* //// CLASSES //// */

.clear
{
	clear: 		both;
	font-size:	1px;
	line-height:	1px;
	margin:		0;
	padding:	0;			
}


.formBox
{
	margin:				10px 0px 15px 0px;
	padding:			0px 0px 10px 0px;
}
	
	.formBox form
	{
		padding:			0px;	
		margin:				0px;
	}	

	.formBox .form_button
	{
		background:			#799eb9;
		border:				1px solid #b1cfe7;
		color:				#FFFFFF;
		width:				125px;
		font-size:			12px;
		margin:				1px;
		padding:			1px 2px 1px 2px;
		vertical-align : 		top;
		cursor:				pointer;
		float:				right;
	}	

	.formBox .formEntry
	{
		border-bottom:			1px solid #C8C8C8;
		padding:			0px 0px 5px 0px;
		margin:				0px 0px 5px 0px;
	}	
	
		.formBox .formEntry label.title
		{
			width:				150px;
			display:			block;
			float:				left;
		}

		.formBox .formEntry label.smalltitle
		{
			width:				150px;
			display:			block;
			float:				left;
			height:				100px;
		}
		
		.formBox .formEntry label.mediumtitle
		{
			width:				150px;
			display:			block;
			float:				left;
			height:				150px;
		}	
		
		.formBox .formEntry label.bigtitle
		{
			width:				150px;
			display:			block;
			float:				left;
			height:				350px;
		}			

		.formBox .formEntry .inputBox
		{
			border:				1px solid #799eb9;
			width:				260px;
			font-size:			11px;
		}
		
		.formBox .formEntry .checkBoxMargin
		{
			margin-left:			25px;
		}		

		.formBox .formEntry span
		{
			color:				#C0C0C0;
			font-size:			80%;
		}
		
		
/* styles for poll */

.result-bar-bg 	{ width: 200px; height: 10px; border: 1px solid #799eb9; float: left; margin: 7px 0 0 0; }
.result-bar		{ height: 8px; background: #799eb9; margin: 1px;  }
.poll-answer	{ margin: 1em 0 0.3em 0; color: #0a3b61; width: 200px; }