/* RESET ALL STYLES */
	body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/* GENERAL SETTINGS */

	body
	{
		background:			#ffffff;
		color:				#043731; 
		font-family: 		Trebuchet, Trebuchet MS, Arial, Verdana, Courier, sans-serif;
		font-size: 			75%;
		margin:				0px;
		padding:			0px;
	}
	
	/* Set other background for other browser than IE. solves IE center one pixel error */
	html>body
	{
		background: 			#ffffff;
	}
	
	em,
	i
	{
		font-style:			italic;	
	}		
	
	strong,
	b
	{
		font-weight:		bold;	
	}
	
	form
	{
		margin:				0;
		padding:			0;
	}

	#smaller
	{
		cursor:				pointer;
	}
	
	#bigger
	{
		cursor:				pointer;
	}
	
	h4 { font-size: 140%; font-weight: bold; padding: 10px 0 0 20px; color: #A45411; }

	
/* CANVAS AREA */

	#canvasArea
	{
		margin:				0 auto;
		width:				1000px;
		position:			relative;
	}	
	
	#wrapper {
	
			background:		url(../graphics/content-bg.gif) top right repeat-y;
			width: 			1000px;
			float: left;			
	}
	
/* HEADER AREA */

	#headerArea
	{
	/*	background:			url(../graphics/bg_logo.png) no-repeat; */
		float:				left;
		height:				133px;
		position:			relative;
		width:				999px;
	}
	
		
		
		#headerArea h1 span
		{
			display:			none;
		}

		#headerArea h2
		{
			float:				left;
			height:				56px;
			width:				220px;
		}

			#headerArea h2 a
			{
				background: 		url(../graphics/logo.gif) no-repeat;		
				display: 			block;
				height:				150px;
				text-decoration:	none;
				width:				245px;
			}
		
			#headerArea h2 span
			{
				visibility:		hidden;			
			}
		
		#headerArea h3 span
		{
			display:			none;
		}		
		
		#headerArea h1, #headerArea h2, #headerArea h3{
			display:			none;
		}
/* SEARCH AREA */

	.searchArea
	{
		background:			url(../graphics/bg_service_search2.gif) top center no-repeat;
		float:				left;
		padding:			40px 0 0 0;
		position:			relative;
		width:				175px;	
	}
	
		.searchArea .searchLabel
		{
			display:			none;
		}	

		.searchArea .searchElementOne .searchInput
		{
			background:			#afe8fb;
			border:				1px solid #afe8fb;
			height:				20px;
			margin:				0 0 0 6px;
			width:				160px;
			color:				#fff;
			padding:			0 0 0 3px;
		}	
		
		.searchArea .searchElementTwo
		{
			margin:				6px 0 0 8px;
		}
		
			.searchArea .searchElementTwo a.serviceAdvancedSearch
			{
				background:			url(../graphics/btn_uitgebreidzoeken.gif) no-repeat;
				display:			block;
				float:				left;
				height:				40px;
				margin:				8px 0 0 0;
				width:				120px;
			}				

				.searchArea .searchElementTwo a.serviceAdvancedSearch span
				{
					display:			none;
				}				

	
/* SERVICE AREA */

	.serviceArea
	{
		display:			block;
		float:				left;
		height:				144px;
		margin:				0 0 28px 0;
		padding:			0px;
		position:			relative;
		width:				175px;
		
	}

		.serviceArea ul
		{
			display:			block;
			float:				left;
			list-style-type:	none;
			margin:				0px;
			padding:			0px;
		}
		
			.serviceArea ul li
			{
				display:			block;
				float:				left;
				margin:				0px;
				padding:			0px;
			}		

				.serviceArea ul li a
				{
					border-bottom:		1px solid #ffffff;
					display:			block;
					float:				left;
					height:				25px;
					margin:				0px;
					padding:			0px;
					width:				175px;
				}	
				
					.serviceArea ul li a.serviceContact
					{
						background:			url(../graphics/bg_service_contact.gif) no-repeat;
					}					

					.serviceArea ul li a.serviceSitemap
					{
						background:			url(../graphics/bg_service_sitemap.gif) no-repeat;
					}	

					.serviceArea ul li a.serviceAgenda
					{
						background:			url(../graphics/bg_service_agenda.gif) no-repeat;
					}
					
					.serviceArea ul li a.serviceFaq
					{
						background:			url(../graphics/bg_service_faq.gif) no-repeat;
					}
					
					.serviceArea ul li a.serviceOverons
					{
						background:			url(../graphics/bg_service_overons.gif) no-repeat;
					}			

					.serviceArea ul li a span
					{
						display:			none;
					}	

/* MAINNAVIGATION */


	
	#mainNavigationArea
	{
		float:				left;
		width:				288px;
		font-family:		arial;
	}
	
/* HOMEPAGE */

	#headerArea {background:url(../graphics/bg_logo-new.png) left bottom no-repeat;}
	#template-homepage #mainNavigationArea {width:292px;}
	#template-homepage .navigationBox {background:url(../graphics/bg_home_nav.png) no-repeat; padding:0px;} 
	#template-homepage .navigationBox ul {width:285px; padding: 3px 4px 0 4px; background:url(../graphics/bg_home_nav_repeat_y.png) repeat-y;} 
	#template-homepage .nav-bottom {background:url(../graphics/bg_home_nav_bottom.png) no-repeat; height: 5px;} 

	#template-homepage .nav-direct-to {position: absolute;z-index:100;margin: -4px 0 0 11px;background:url(../graphics/bg_home_content_paper2.png) no-repeat; padding: 60px 0 0 0;height:381px; width:303px;}

	#template-homepage #wrapper {background:none; width:1002px;}
	
	#template-homepage #primaryContentArea {width:527px;}
	#template-homepage #head-lines {background: #233541 url(../graphics/bg_schoolbord.png) no-repeat;}
	#template-homepage #head-lines2 {background: #233541 url(../graphics/bg_schoolbord_footer.png) bottom left no-repeat; height:15px; width:527px;}
	
	#template-homepage .content-line {float:left; background:url(../graphics/bg_line_gray.gif) center left no-repeat; width: 486px; height:2px; border: 0px solid red; margin:18px 0 18px 0;}

	#template-homepage #primaryContentArea .contentBoxTwo, #template-homepage #primaryContentArea .contentBoxThree, #template-homepage #primaryContentArea .contentBoxFive, #template-homepage #primaryContentArea .contentBoxSix  {width:250px;}
	#template-homepage #secondaryContentArea {background:url(../graphics/bg_home_search.png) no-repeat; width:182px; height:208px; border:0px;}
	#template-homepage #secondaryContentArea .partners-title {float:left;font-weight:bold; color:#223540; font-size:14px; display:block; margin:13px 0px 8px 5px;}
	
	#template-homepage .searchArea {background:none;}
	#template-homepage .searchArea .searchElementOne {padding:4px 0 5px 0;}
	#template-homepage .searchArea .searchElementOne .searchInput {background:url(../graphics/bg_home_searchfield.png) no-repeat; border:0px; height:22px; padding: 0 0 0 10px; margin-left:15px;}
	#template-homepage .searchArea .searchElementTwo {padding: 0px 0 5px 5px;}
	#template-homepage .serviceArea ul {padding-left:4px;}
	#template-homepage .serviceArea ul li a {border:0px;}
	
	#template-homepage #footerArea {border:0;background-color:#86CEF6;}

/* CONTENT HOMEPAGE */	
	#template-homepage .nav-direct-to  .contentItem {padding:0px;}
	#template-homepage .nav-direct-to  .contentItem ul {text-align:left; width:200px; padding:10px 0 0 0; margin:0px 0 0 40px;}
	#mainNavigationArea .nav-direct-to .contentItem ul li {padding:0px; line-height:1.4em; width:200px; border:0;}
	
	#template-homepage .nav-direct-to .contentItem ul li a,
	#template-homepage .nav-direct-to .contentItem ul li a:link span.title,
	#template-homepage .nav-direct-to .contentItem ul li a:visited span.title,
	#template-homepage .nav-direct-to .contentItem ul li a:active span.title,
	#template-homepage .nav-direct-to .contentItem ul li a:hover span.title{text-align:left; background:none; padding:0px; color:#2f8d01; display:block; text-decoration:underline; border-bottom:none;}	

	#template-homepage #head-lines .contentItem {width:200px; padding:0px; margin:0px;}
	#template-homepage #head-lines .contentItem ul li {border-bottom:none;}
	#template-homepage #head-lines .contentItem ul li {background:none; text-align:left; width:475px; padding:18px 0 0 24px ; margin:0px; font-size:11px; color:#d3d3d3;}
	
	#template-homepage #head-lines .contentItem ul li a:link, 
	#template-homepage #head-lines .contentItem ul li a:link span.title,
	#template-homepage #head-lines .contentItem ul li a:visited span.title,
	#template-homepage #head-lines .contentItem ul li a:active span.title,
	#template-homepage #head-lines .contentItem ul li a:hover span.title{background:none; color:#ffffff; display:block; font-size:22px; border-bottom:none; text-decoration:none; cursor:pointer;}	

	#template-homepage .contentBox {margin:20px 0 0 20px;}
	#template-homepage .contentItem ul li a,
	#template-homepage .contentItem ul li a:hover  {border-bottom:none; background:none;}
	#template-homepage .contentItem .read-more-link a {text-decoration:underline; padding-bottom:11px;}
	
	#template-homepage #head-lines .nieuws-overzicht {position: relative; padding:5px 20px 20px 0px; display:block; line-height:0.05em; height:auto; clear:both;}
	#template-homepage #head-lines .nieuws-overzicht span {float:left; width:50px; padding-left:20px; display:block; }
	#template-homepage #head-lines .nieuws-overzicht span.news-overview a {color:#fff; font-size:22px; text-decoration:none; width:200px; padding-left:240px; display:block;}

	#template-homepage .display_teaser_thumb .contentItem ul li a {background:none;}
	#template-homepage .display_teaser_thumb {padding:0px; margin:0px; color:#1a2d38;}
	#template-homepage .display_teaser_thumb .homepage-title {font-weight:bold; color:#223540; font-size:14px; display:block; padding-bottom:9px; display:block; height:33px;}
	#template-homepage .display_teaser_thumb a .image-homepage {padding-bottom:11px; background: transparent url(../graphics/bg_home_content.gif) top left no-repeat; width:236px; height:108px; border-bottom:none; display:block;}
	#template-homepage .display_teaser_thumb a .image-homepage img {padding: 2px; height:102px; width:231px;}	
	
/* PRIMARYCONTENTAREA */

	#primaryContentArea
	{
		background:			#ffffff;
		float:				left;
		margin:				0px;
		padding:			0px;
		position:			relative;
		width:				534px;
	}

		#primaryContentArea .breadCrumbBox
		{
			background:			#86cef6;
			height:				24px;
			margin:				0px;
			padding:			5px 0 0 10px;
		}

			#primaryContentArea .breadCrumbBox .rssBox
			{
				float:				right;
				padding:			1px 5px 0 0;
			}

			#primaryContentArea .breadCrumbBox ul
			{
				float:				left;
				list-style-type:	none;
				margin:				0px;
				padding:			0px;
			}

				#primaryContentArea .breadCrumbBox ul li
				{
					float:				left;
					margin:				0px;
					padding:			0px;
				}

					#primaryContentArea .breadCrumbBox ul li a
					{
						background:			url(../graphics/bg_breadcrumb.gif) right center no-repeat;
						color:				#00628f;
						display:			inline;	
						float:				left;
						margin:				0px;
						padding:			0 10px 0 10px;
						text-decoration:	none;
					}
					
					#primaryContentArea .breadCrumbBox ul li a:hover
					{
						text-decoration:	underline;
					}				

					#primaryContentArea .breadCrumbBox ul li a.activeElement
					{
						background:			url(../graphics/bg_breadcrumb_active.gif) right center no-repeat;
						font-weight:		bold;
					}

		#primaryContentArea .contentBoxOne,
		#primaryContentArea .contentBoxFour
		{
			display:			block;
			float:				left;
			padding:			0px;
			width:				534px;
		}
		
		#primaryContentArea .contentBoxTwo,
		#primaryContentArea .contentBoxThree,
		#primaryContentArea .contentBoxFive,
		#primaryContentArea .contentBoxSix
		{
			float:				left;
			width:				260px;	
			padding:			0px;
		}

/* SECONDARYCONTENTAREA */

	#secondaryContentArea
	{
		background:			#ffffff;
		border-left:		1px solid #86d1f1;
		border-right:		1px solid #03aaee;
		display:			block;
		float:				left;
		width:				175px;
	}

		#secondaryContentArea .contentBoxOne
		{
			width:				175px;
			margin: -20px 0 0 0;
			padding-top:		25px;
		}

/* FOOTERAREA */
	
	#footerArea
	{
		border-right:		1px solid #03aaee;
		display:			block;
		float:				left;
		height:				25px;
		padding:			0 0 0 287px;
		width:				711px;
	}
	
	#footerAreaFaq
	{
		border-right:		1px solid #03aaee;
		display:			block;
		float:				left;
		height:				25px;
		width:				711px;
	}
	
		.footerBox
		{
			background:			#86cef6;
			border-left:		1px solid #86d1f1;
			display:			block;
			height:				23px;
			padding:			2px 0 0 10px;
			width:				525px;
		}	

			.footerBox span
			{
				color:				#076196;
				float:				left;
			}

			.footerBox ul
			{
				float:				left;
				list-style-type:	none;
				margin:				0 0 0 5px;
				padding:			0px;
			}

				.footerBox ul li
				{
					color:				#076196;
					float:				left;
					margin:				0px;
					padding:			0px;
				}
				
					.footerBox ul li a
					{
						color:				#076196;
						float:				left;
						font-size:			100%;
						margin:				0 0 0 5px;
						padding:			0px;
						text-decoration:	none;
					}	
					
					.footerBox ul li a:hover
					{
						text-decoration:	underline;
					}									


/* CLASSES AND OTHERS */

 	.staticBanner
	{
		display:			block;
		float:				left;
		height:				0px;
		width:				175px;
		margin:				30px 0 0 0;
		padding:			0px;
	}

	.clear
	{
		clear:				both;
		font-size:			0px;
	}
	
	.hide
	{
		display:			none;
	}
	
	.glossaryElement
	{
		background:			url(../graphics/bg_glossary.gif) right center no-repeat;
		cursor:				help;
		display:			inline;
		padding:			0 10px 0 0;	
	}
	
	.serviceArea { clear: both; display: block; height: 187px }
	
/* ADVANCED SEARCH */

	#advanced-search									{ margin: 20px; }
	#advanced-search h3									{ color: #0092ef; font-size: 150%; font-weight: bold }
	
	#advanced-search form 								{ margin: 2em 0 1.5em 0; width: 100%; border-bottom: 1px solid #01abf6; padding: 0 0 1.5em 0; }
	#advanced-search form .form-row,
	#advanced-search form .searchInput2					{ display: block; margin: 0.8em 0 0.8em 0; }
	
	#advanced-search form .form-row select,
	#advanced-search form .searchInput2	select			{ height: 22px; width: 261px; border: 1px solid #b2e5f8; font-family: Trebuchet, Trebuchet MS, Arial, Verdana, Courier, sans-serif; }
	
	#advanced-search form .form-row input				{ height: 22px; width: 260px; border: 1px solid #b2e5f8; padding: 2px 0 0 3px; }
	#advanced-search form label							{ color: #0f386c; font-size: 115%; width: 220px; float:left;}
	#advanced-search form label.submit span				{ display: none; }
	#advanced-search form input.submit					{ width: 79px; height: 22px; background: url(../graphics/btn_zoeken.gif) 0 0 no-repeat; border: 0; cursor: pointer; }
	
	#advanced-search .searchresults h3					{ color: #0092ef; font-size: 140%; }
	#advanced-search .searchresults h3 span				{ color: #83d0fc; }
	
	#advanced-search .searchresults ul					{ margin: 1.6em 0 0 0; }
	#advanced-search .searchresults ul li				{ margin: 0 0 0.8em 0; }
	#advanced-search .searchresults .result-link a		{ color: #0092ef; font-weight: bold; text-decoration: none; }
	
	.results-pager, .pageSelectorBox					{ width: 100%; text-align: center; margin: 20px 0 0 0; }
	.prev-page, .next-page, .next						{ display: inline; }
	.pagenumber, .search_currentpage					{ display: inline; width: 8em; }
	
	.prevInact											{ display: none; }

	ul.pageSelector li a.search_currentpage,
	ul.pageSelector li a.activeElement,
	ul.pageSelector li a.next							{ border: 0; }
	ul.pageSelector li									{ display: inline; }
	ul.pageSelector li a								{ padding: 0.5em; color: #0092ef; }
	ul.pageSelector li a.activeElement					{ font-weight: bold; }
	
/*	FAQ */
	.faqQuestion a 		{ cursor: pointer }