/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 76%;
	background-color: #d1d3d4;
	height: 100%;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }


#box {
	position: relative	;
	margin: 0px auto 0px auto;
	width: 995px;
	background-image: url(../images/bg.jpg);
	text-align: left;
	
}

	#logo {
		float: left;
		height: 65px;
		width: 925px;
		padding: 15px 0px 0px 70px;
	}

	#left {
		float: left;
		margin: 0px 0px 0px 15px;
		width: 185px;	
	}	
	
		#menu {
			float: left;
			margin: 0px;
			padding: 0px 0px 6px 0px;
			width: 185px;	
			background-image: url(../images/menu_foot.png);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		
		#menu_box {
			float: left;
			width: 185px;
			background-image: url(../images/menu_head.png);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #6d6e70;
		}
		
		#menu_box div.menu_button {
			float: left;
			width: 185px;
			height: 30px;
			margin: 0px 0px 5px 0px;
		}
		
		#menu ul.sub {
			float: left;
			display: none;
			margin: 1px 0px 6px 0px;
		}
		
		#menu ul.sub li {
			float: left;
			width: 157px;
			height: 26px;
			margin: 0px 7px 0px 7px;
			padding: 0px 7px 0px 7px;
		}
		
		#menu ul.sub li a {
			display: block;
			padding: 6px 0px 5px 0px;
			color: #d1d3d4;
			font-style: normal;
			text-decoration: none;
		}
	
		#menu ul.sub li a:hover {
			display: block;
			padding: 6px 0px 5px 0px;
			color: #fff;
			font-style: italic;
			text-decoration: none;
		}
		
		#menu ul.sub li.zoek  {
			padding: 0px 7px 0px 7px;
		}
		
		#menu ul.sub li.zoek a {
			display: inline;
			padding: 3px 0px 2px 0px;
			color: #fff;
			font-style: italic;
			text-decoration: none;
		}
		
		#zoekform {
			float: left;
			width: 175px;
			height: 25px;
			margin: 0px 0px 0px 10px;
			padding: 5px 5px 0px 5px;
			background-image: url(../images/dot_gr_hor4.png);
			background-repeat: repeat-x;
			vertical-align: bottom;
		}
		
		#zoekform input[type=text] {
			width: 156px;
			border: 0px;
			padding: 2px 2px 2px 2px;
		}
		
		#zoekform div {
			height: 20px;
			background-color: #fff;
		}
		
		#zoekform a {
			background-color: #fff;
		} 
		
		#zoekform img {
			vertical-align: middle;
		}
		
		#menu ul.sub li.first {
			background-repeat: repeat-x;
			background-image: url(../images/dot_gl_hor3.png);
		}
		
		#menu ul.sub li.normal {
			background-repeat: repeat-x;
			background-image: url(../images/dot_gl_hor.gif);
			background-position: bottom;
		}
		
		#menu ul.sub li.first_nextactive {
			background-repeat: repeat-x;
			background-image: url(../images/dot_glwh_hor3.png);
		}

		#menu ul.sub li.normal_nextactive {
			background-image: url(../images/dot_wh_hor.gif);
		}
		
		#menu ul.sub li.firstactive {
			background-repeat: repeat-x;
			background-image: url(../images/dot_wh_hor3.png);
		}
		
		
		#menu ul.sub li.active {
			background-repeat: repeat-x;
			background-image: url(../images/dot_wh_hor.gif);
		}
		
		
	#welkom {
		float: left;
		width: 780px;
	}
	
		#welkom h1 {
			margin: 0px 0px 0px 5px;
			background-image: url(../images/header_welkom.png);
			width: 565px;
			padding: 0px 0px 0px 10px;
			height: 30px;
			text-transform: uppercase;
			float: left;
		}
		
		#welkom h1.sifr {
			padding: 4px 0px 0px 10px;
			height: 26px;
		}
		
		#welkom #welkombox {
			float: left;
			width: 775px;
			margin: 5px 0px 0px 5px;
			height: 300px;
			background-image: url(../images/welkom_bg.png);
		}
		
		#welkom #welkombox #welkom_left {
			float: left;
			width: 270px;
			height: 280px;
			padding: 10px;
		}
		
			#welkom #welkombox #welkom_left p {
				color: #fff;
				font-size: 120%;
				margin: 0px 0px 12px 0px;
			}
		
		#welkom #welkombox #welkom_foto {
			float: left;
			width: 485px;
			height: 300px;
		}
		
		#welkom #welkombox #welkom_foto #welkom_kopje {
			float: left;
			width: 165px;
			height: 105px;
			background-image: url(../images/stream.png);
			margin: 40px 0px 0px 290px;
			padding: 40px 10px 40px 10px;
		}	
		
			#welkom #welkombox #welkom_foto #welkom_kopje p {
				color: #000;
				font-size: 120%;
			}
			
			#welkom #welkombox #welkom_foto #welkom_kopje p.link {
				margin: 16px 0px 0px 0px;
			}
			
			#welkom #welkombox #welkom_foto #welkom_kopje p.link a {
				text-decoration: none;
				font-size: 90%;
			}
			
	#content {
		float: left;
		width: 785px;
		margin: 0px 0px 0px 5px;
	}
	
		#content h1 {
			margin: 0px;
			background-image: url(../images/header_welkom.png);
			width: 565px;
			padding: 0px 0px 0px 10px;
			height: 30px;
			text-transform: uppercase;
			float: left;
		}
		
		#content h1.sifr {
			padding: 4px 0px 0px 10px;
			height: 26px;
		}

		#content ul#navmenu {
			float: left;
			width: 565px;
			background-color: #d1d3d4;
			height: 20px;
			margin: -15px 0px 0px 0px;
			padding: 8px 0px 8px 0px;
		}
		
			#content ul#navmenu li {
				float: left;
				height: 20px;
				margin: 0px 8px 0px 0px;
			}
			
			#content ul#navmenu li a {
				display: block;
				padding: 4px 4px 0px 0px;
				height: 16px;
				background-image: url(../images/dot_gr_hor2.png);
				background-repeat: repeat-x;
				background-position: -3px 0px;
			}
		
			#content ul#navmenu li a:hover {
				display: block;
				padding: 4px 4px 0px 0px;
				height: 16px;
				background-image: url(../images/dot_wh_hor2.png);
				background-repeat: repeat-x;
				background-position: -3px 0px;
			}
		
		#content #content_box {
			float: left;
			width: 565px;
			padding: 15px 0px 0px 10px;	
			background-color: #d1d3d4;
		}
		
		#content #content_box ul.sitemap, #content #content_box ul.sitemap ul {
			margin: 6px 0px 6px 0px;
			padding: 0px 0px 0px 20px;
		}
		
		#content #content_box h1 {
			margin: 8px 0px 8px 0px;
			padding: 0px;
			text-transform: none;
			background: none;
		}

		#content #content_box p {
			font-size: 100%;
			line-height: 120%;
			margin: 8px 0px 8px 0px;
		}
		
		#content #verbar_rightmenu {
			float: left;
			width: 10px;
			background-color: #d1d3d4;
		}
		
		#content #rightmenu {
			float: left;
			width: 195px;
		}
		
			#content #rightmenu #rm_head {
				float: left;
				height: 12px;
				width: 195px;
				background-image: url(../images/right_menu_head.png);
			}
		
			#content #rightmenu #rm_content {
				float: left;	
				width: 195px;
				background-color: #d1d3d4;
			}
			
				#content #rightmenu #rm_content h1 {
					background: #d1d3d4;
					margin: 0px 0px 12px 0px;
					padding: 0px;
					width: 195px;
					text-transform: none;
				}
				
				#content #rightmenu #rm_content p {
					margin: 0px 0px 12px 0px;
				}

			#content #rightmenu #rm_foot {
				float: left;
				height: 12px;
				width: 195px;
				background-image: url(../images/right_menu_footer.png);
			}
			
	#content_extra {
		float: left;
		width: 790px;
		margin: 0px;
	}
	
		#content_extra h1 {
			margin: 0px;
			width: 570px;
			padding: 0px 0px 0px 15px;
			height: 30px;
			text-transform: uppercase;
			float: left;
		}

		#content_extra h1.sifr {
			padding: 4px 0px 0px 10px;
			height: 26px;
		}
		
	
		#content_extra #contentx_box {
			float: left;
			width: 565px;
			padding: 15px 0px 0px 10px;
			margin: 0px 0px 0px 5px;	
			background-color: #d1d3d4;
		}
		
		#content_extra #contentx_box h1 {
			margin: 8px 0px 8px 0px;
			padding: 0px;
			font-size: 20px;
			text-transform: none;
		}
		
		#content_extra #contentx_box p {
			font-size: 100%;
			line-height: 120%;
			margin: 8px 0px 8px 0px;
		}
		
		#content_extra #verbar_rightmenu {
			float: left;
			width: 10px;
			background-color: #d1d3d4;
		}
		
		#content_extra #rightmenu {
			float: left;
			width: 195px;
		}
		
			#content_extra #rightmenu #rm_head {
				float: left;
				height: 12px;
				width: 195px;
				background-image: url(../images/right_menu_head.png);
			}
		
			#content_extra #rightmenu #rm_content {
				float: left;	
				width: 195px;
				background-color: #d1d3d4;
			}
			
				#content_extra #rightmenu #rm_content h1 {
					background: #d1d3d4;
					margin: 0px 0px 12px 0px;
					padding: 0px;
					width: 195px;
					text-transform: none;
				}
				
				#content_extra #rightmenu #rm_content p {
					margin: 0px 0px 12px 0px;
				}

			#content_extra #rightmenu #rm_foot {
				float: left;
				height: 12px;
				width: 195px;
				background-image: url(../images/right_menu_footer.png);
			}
			
	#nieuws_foot {
		float: left;
		width: 775px;
		margin: 0px 0px 0px 5px;
	}
	
		#nieuws_foot ul#nieuws_links {
			float: left;
			width: 769px;
			height: 145px;
			background-image: url(../images/nieuws_links_bg.png);
			padding: 0px 0px 0px 6px;
		}
			#nieuws_foot h2 {
				font-size: 100%;
			}
		
			#nieuws_foot ul#nieuws_links li {
				float: left;
			}
			
			#nieuws_foot ul#nieuws_links li.twitter {
				background-image: url(../images/tweetbird.png);
				background-repeat: no-repeat;
				background-position: 5px 8px;
			}
			
				#nieuws_foot ul#nieuws_links li.twitter p a {
					color: #fff;
					text-decoration: underline;
				}
		
			#nieuws_foot ul#nieuws_links li.item {
				padding: 8px 0px 8px 4px;
				width: 179px;
			}
			
				#nieuws_foot ul#nieuws_links li.item h2 {
					margin: 0px 0px 8px 0px;
				}
				
				#nieuws_foot ul#nieuws_links li.item p {
					color: #fff;
					line-height: 110%;
				}
				
				#nieuws_foot ul#nieuws_links li.item p.link {
					margin: 8px 0px 0px 0px;
				}
				
				#nieuws_foot ul#nieuws_links li.item p.link a {
					color: #fff;
					text-decoration: none;
				}

			#nieuws_foot ul#nieuws_links li.verbar {
				width: 10px;
			}

	#youtube_foot {
		float: left;
		width: 775px;
		margin: 0px 0px 0px 5px;
	}

	div.horbar_gr {
		float: left;
		margin: 4px;
		height: 2px;
		background-repeat: repeat-x;
		background-image: url(../images/dot_gr_hor.gif);
	}

	div.verbar_gr {
		float: left;
		margin: 4px;
		width: 2px;
		background-repeat: repeat-y;
		background-image: url(../images/dot_gr_ver.gif);
	}

	div.verbar_wh {
		float: left;
		margin: 4px;
		width: 2px;
		background-repeat: repeat-y;
		background-image: url(../images/dot_wh_ver.gif);
	}
	
	div.slideshow {
		float: left;
		height: 182px;
		width: 560px;
	}

/*
* Typography styles
*/

h1 {
	font-size: 150%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 140%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-size: 130%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 100%;
	color: #333;
	margin: 0px;
	padding: 0px;
}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }


/*
* Table styles
*/


/*
* Form styles
*/

#zoekform2 input[type=text] {
	border: 1px solid #000;
	padding: 2px;
	width: 270px;
}

#zoekform2 input[type=submit] {
	border: 1px solid #000;
	padding: 2px;
	width: 70px;
	font-size: 90%;
}