/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL */
html {
	background: #1b3142 url(../img/bggradient2.jpg);
	background-position:  center top;
	background-repeat: repeat-x;
}
body {
	padding: 0;
	margin: 0;
	background: url(../img/bgwaves2.jpg) no-repeat center top;
	color: #666;
	width: 100%;
	display: table;
	font-family: Arial;
}

strong {
	font-weight: bold;
}

#wrapper {
	margin: 0 auto;
	width: 980px;
}

	#menu {
		float: left;
		width: 980px;
		padding-top: 205px;
	}
	
		#menuleft {
			float: left;
			height: 30px;
		}
		
		
		#menuright {
			float: right;
		}
		
			#menuright ul li {
				float: left;
				margin-left: 20px;
				color: white;
				margin-top: 6px;
			}
			
			#menuright ul li a {
				color: white;
				text-decoration: none;
				border-bottom: 1px solid white;
			}
		
			ul, li{border:0; margin:0; padding:0; list-style:none; margin-top: -1px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight:100;}

			ul{
				height: 32px;
				float: left;
			}
			li{ margin-right:2px; float: left;}
			.tab a:link, .tab a:visited{
				background:url(../img/tab-round.png) right 33px;
				color:#4d4e4e;
				display:block;
				height:33px;
				line-height:33px;
				text-decoration:none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				cursor: pointer;
			}
			.tab a span{
				background:url(../img/tab-round.png) left 33px;
				display:block;
				height:33px;
				margin-right:14px;
				padding-left:14px;
			}
			.tab a:hover{
				background:url(../img/tab-round.png) right 33px;
				display:block;
				color:#103d6d;
				cursor: pointer;
			}
			.tab a:hover span{
				background:url(../img/tab-round.png) left 33px;
				display:block;
			}
			
			/* -------------------------------- */
			/* 	ACTIVE ELEMENTS					*/
			.current_page_item a:link, .current_page_item a:visited, .current_page_item a:visited, .current_page_item a:hover{
				color: #103d6d;
				background:url(../img/tab-round.png) right 0 no-repeat;
				height: 41px;
				margin-top: -2px;
				position: relative;
			} 
			.current_page_item a span, .current_page_item a:hover span{
				background:url(../img/tab-round.png) left 0 no-repeat;
				height: 41px;
				margin-top: -2px;
				position: relative;
			}
			
			#page12 .testcentrum a:link, #page12 .testcentrum a:visited, #page12 .testcentrum a:visited, #page12 .testcentrum a:hover,
			#page07 .contact a:link, #page07 .contact a:visited, #page07 .contact a:visited, #page07 .contact a:hover,
			#page06 .huren a:link, #page06 .huren a:visited, #page06 .huren a:visited, #page06 .huren a:hover,
			#page05 .catering a:link, #page05 .catering a:visited, #page05 .catering a:visited, #page05 .catering a:hover,
			#page04 .locatie a:link, #page04 .locatie a:visited, #page04 .locatie a:visited, #page04 .locatie a:hover,
			#page03 .cursussen a:link, #page03 .cursussen a:visited, #page03 .cursussen a:visited, #page03 .cursussen a:hover,
			#page02 .arrangementen a:link, #page02 .arrangementen a:visited, #page02 .arrangementen a:visited, #page02 .arrangementen a:hover,
			#page01 .welkom a:link, #page01 .welkom a:visited, #page01 .welkom a:visited, #page01 .welkom a:hover
			{
				color: #103d6d;
				background:url(../img/tab-round.png) right 0 no-repeat;
				height: 41px;
				margin-top: -2px;
				position: relative;
			}
			
			#page12 .testcentrum a span, #page12 .testcentrum a:hover span,
			#page07 .contact a span, #page07 .contact a:hover span,
			#page06 .huren a span, #page06 .huren a:hover span,
			#page05 .catering a span, #page05 .catering a:hover span,
			#page04 .locatie a span, #page04 .locatie a:hover span,
			#page03 .cursussen a span, #page03 .cursussen a:hover span,
			#page02 .arrangementen a span, #page03 .cursussen a:hover span,
			#page01 .welkom a span, #page01 .welkom a:hover span 
			{
				background:url(../img/tab-round.png) left 0 no-repeat;
				height: 41px;
				margin-top: -2px;
				position: relative;
			}
			
	#maincontainer {
		float: left;
		width: 967px;
		background: #f9fafb url(../img/bgmaincontainer.jpg);
		background-repeat: no-repeat;
		min-height: 200px;
		padding-left:7px;
		padding-top: 7px;
		padding-right: 6px;
	}
	
		#left {
			width: 188px;
			float: left;
		}
		
			#contactbox {
				width: 188px;
				float: left;
				background: #5a7b8d url(../img/bgcontactbox.jpg);
				background-repeat: no-repeat;
				height: 82px;
				margin-bottom: 4px;
			}
			
			#contactbox a {
				color: #fbd283;
				text-decoration: none;
			}
			
			
			#submenu {
				width: 188px;
				float: left;
				background: #5a7b8d url(../img/bgbox.jpg);
				background-repeat: no-repeat;
			}
			
				#submenu ul {
					float: left;
					height: auto;
					margin-top: 10px;
					margin-bottom: 2px;
				}
			
				#submenu ul li {
					float: left;
					color: #f9fafb;
					font-size: 12px;
					width: 178px;
					background: url(../img/bgsubmenuitem.jpg);
					background-repeat: no-repeat;
					height: 23px;
					width: 182px;
					padding-left: 6px;
					padding-top: 5px;
					margin-left: 4px;
				}
				
					#submenu ul li.active {
						float: left;
						color: #2c3f49;
						font-size: 12px;
						width: 178px;
						background: url(../img/bgsubmenuitem-active.jpg);
						background-repeat: no-repeat;
						height: 23px;
						width: 182px;
						padding-left: 6px;
						padding-top: 5px;
						margin-left: 4px;
					}
					
					#submenu ul li.active a {
						color: #2c3f49;
					}
				
				#submenu ul li a {
					color: #f9fafb;
					text-decoration: none;
				}
			
			#webcambox {
				width: 188px;
				float: left;
				background: #5a7b8d url(../img/bgbox.jpg);
				background-repeat: no-repeat;
				min-height: 100px;
			}
			
				#webcambox a {
					color: #fbd283;
				}
			
			#contactbox h2 {
				color: #ffffff;
				font-size: 18px;
				padding-left: 10px;
				padding-top: 11px;
				padding-bottom: 3px;
			}
			
			#contactbox h3 {
				color: #fbd283;
				font-size: 12px;
				padding-left: 10px;
				padding-bottom: 4px;
			}
			
			#submenu h2, #webcambox h2, #weerbox h2 {
				font-size: 13px;
				color: #f9fafb;
				font-family: Verdana;
				padding-left: 10px;
				padding-top: 7px;
				padding-bottom: 7px;
			}
			
			#boxbottom {
				float: left;
				width: 188px;
				height: 9px;
				background: url(../img/bgboxbottom.jpg);
				background-repeat: no-repeat;
				margin-bottom: 4px;
			}
		
		#content {
			width: 580px;
			float: left;
			margin-left: 5px;
		}
		
			#welkombox {
				width: 581px;
				float: left;
				background: #5a7b8d url(../img/bgwidebox.jpg);
				background-position: left top;
				background-repeat: no-repeat;
			}
			
			#contentbox {
				width: 581px;
				float: left;
				background: #5a7b8d url(../img/bgwidebox.jpg);
				background-position: left top;
				background-repeat: no-repeat;
			}
			
				.functiemenu {
					font-size: 13px;
					padding-left: 10px;
					width: 581px;
					border-top: 1px solid #fff;
					padding-top: 15px;
					padding-bottom: 15px;
					float: left;
					margin-top: 10px;
				}
				
					.functiemenu a {
						color: #fbd283;
						text-decoration: none;
						border-bottom: 1px solid #fbd283;
					}
				
			
				.cursuslist {
					float: left;
					margin-top: 20px;
				}
				
					.omschrijving {
						height: 100px;
						width: 250px;
						float: left;
					}
					
					.knoppen {
						width: 250px;
						float: left;
					}
				
					.cursuslist h3 {
						font-size: 14px;
						font-weight: bold;
						margin: 0;
						color: #fbd283;
						margin-bottom: 0px;
					}
					
					h3 a, a h3 {
						text-decoration: none !IMPORTANT;
					}
					
						.cursuslist a h3, .cursuslist h3 a {
							text-decoration: none;
						}
						
					.cursuslist h4 {
						color: #385361;
						font-size: 11px;
						margin-bottom: 2px;
					}
					
					.cursuslist ul {
						height: auto;
						float: left;
					}
						
					.cursuslist ul li {
						float: left;
						width: 250px;
						height: 180px;
						font-size: 12px;
						margin-right: 25px;
						padding-bottom: 20px;
						border-top: 1px solid white;
						padding-top: 20px;
					}
					
					.thumb {
						width: 48px;
						height: 48px;
						border: 1px solid #fbd283;
						float: left;
						margin-top: 4px;
						margin-right: 10px;
						display: inline;
						margin-bottom: 0;
					}
					
					.thumbsmallest {
						width: 35px;
						height: 35px;
						border: 1px solid #fbd283;
						float: left;
						margin-top: 4px;
						margin-right: 10px;
					}
					
					.bigimage {
						width: 200px;
						border: 1px solid #fbd283;
						float: left;
						margin-top: 4px;
						margin-right: 10px;
					}
					
					.button-leesmeer {
						width: 87px;
						height: 21px;
						margin-top: 7px;
						border: none;
						margin-right: 7px;
					}
			
			#latestnewsbox {
				width: 581px;
				float: left;
				background: #5a7b8d url(../img/bgwidebox.jpg);
				background-position: left top;
				background-repeat: no-repeat;
			}
			
				#latestnewsbox h2, #welkombox h2, #contentbox h2 {
					font-size: 16px;
					color: #f9fafb;
					padding-left: 10px;
					padding-top: 9px;
					padding-bottom: 7px;
					font-family: Verdana;
				}
				
				#welkombox h2 span {
					float: right;
					margin-top: -18px;
					font-size: 13px;
					margin-right: 13px;
				}
				
				#welkombox h2 span a {
					color: #fbd283;
				}
				
			#boxwidebottom {
				float: left;
				width: 581px;
				height: 10px;
				background: url(../img/bgwideboxbottom.jpg);
				background-repeat: no-repeat;
				margin-bottom: 4px;
			}
			#boxwidebottom-fix {
				float: left;
				width: 581px;
				height: 10px;
				background: url(../img/bgwideboxbottom.jpg);
				background-repeat: no-repeat;
				margin-bottom: 4px;
			}
			
			.content {
				font-size: 12px;
				line-height: 19px;
				color: #f9fafb;
				padding-left: 10px;
				padding-top: 9px;
				width: 560px;
				float: left;
				padding-right: 10px;
			}
			
				.content h3 {
					font-size: 12px;
					font-weight: bold;
					margin: 0;
					color: #fbd283;
					margin-top: 3px;
					text-decoration: none;
				}
				
				h3 a {
					text-decoration: none;
				}
			
				.content a {
					color: #fbd283;
				}
		
		#right {
			width: 188px;
			float: left;
			margin-left: 6px;
		}
		
			#weerbox {
				width: 188px;
				float: left;
				background: #5a7b8d url(../img/bgbox.jpg);
				background-repeat: no-repeat;
				min-height: 100px;
			}	
			
	#footer {
		float: left;
		width: 980px;
		background: url(../img/bgfooter.png);
		background-position: left top;
		background-repeat: no-repeat;
		height: 100px;
		margin-bottom: 50px;
		padding-top: 25px;
		font-size: 12px;
		color: #fafbfc;
		line-height: 17px;
		
	}
	
		#footerleft {
			float: left;
		}
		
		#footerleft a {
			color: #fbd283;
			text-decoration: none;
			border-bottom: 1px solid #fbd283;
		}
		
			#footerleft img {
				float: left;
				margin-right: 10px;
				border: none;
				margin-top: 2px;
			}
	
	.contactform {
		float: left;
		font-size: 12px;
		border-top: 1px solid white;
		padding-top: 20px;
	}
	
	fieldset {
		border: 0;
	}
	
	fieldset dl {
		margin-bottom: 10px;
		float: left;
	}	
	
	fieldset dl dt {
		width: 200px;
		float: left;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	legend {
		font-weight: bold;
	}
	
	fieldset dl dd {
		float: left;
		width: 360px;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	fieldset dl dd input, fieldset dl dd textarea {
		border: 1px solid #fbd283;
		padding: 5px;
		width: 300px;
		margin-top: 0;
	}
	
	.knop {
		background: #fbd283;
		font-size: 14px;
		padding: 5px;
		border: 1px solid white;
	}
	
	.boxcontent {
		padding: 10px;
		font-size: 12px;
		color: white;
		line-height: 19px;
	}
	
	#logo {
		position: absolute;
		float: left;
		margin-left: -3px;
		margin-top: 32px;
	}
	
	.topleft {
		float: left;
		width: 270px;
		font-size: 12px;
		margin-right: 10px;
		border-right: 1px solid white;
	}
	
	.topright {
		float: left;
		width: 270px;
		font-size: 12px;
		margin-left: 0px;
	}
	
		.topleft ul, .topright ul {
			height: auto;
			float: left;
		}
	
		.topright ul li, .topleft ul li {
			float: left;
			width: 250px;
			margin-top: 5px;
			margin-bottom: 5px;
			height: 45px;
		}
		
		.topright h3, .topleft h3 {
			font-size: 12px;
			font-weight: bold;
			margin: 0;
			color: #fbd283;
			margin-bottom: -3px;
			margin-top: 5px;
		}
		
		.topright h4, .topleft h4 {
			color: #385361;
			font-size: 11px;
			margin-bottom: 2px;
		}
		
		.btnbekijkalle {
			float: left;
			margin-top: 10px;
			border:none;
		}
		
		.contentbox {
			font-size: 12px;
			color: white;
			padding-left: 10px;
			padding-top: 6px;
			line-height: 19px;
		}
		
			.contentbox a {
				color: #fbd283;
			}
			
	# #slider {position: relative; overflow: hidden; height:155px;}  
	# #slider img {position:absolute; margin:0; display:none;}  
	# #imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}  
	# #imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;} 

	.nieuwsbriefform {
		float: left;
	}
	
		.nieuwsbriefform dl {
			float:left;
		}
		
			.nieuwsbriefform dl dt {
				width: 300px;
				float: left;
				padding-top: 10px;
				padding-bottom:10px;
				margin-bottom: 10px;
				padding-left: 10px;
				padding-right: 10px;
				background: #4c6878;
			}
			
			.nieuwsbriefform dl dt label {
				width: 100px;
				float: left;
			}
			
			.nieuwsbriefform dl dt input {
				float: left;
				width: 200px;
				border: 2px solid #fbd283;
				padding: 7px;
				margin-top: -4px;
				margin-bottom: -4px;
			}
			
			.nieuwsbriefform dl dd {
				float: left;
				padding-top: 12px;
				padding-bottom: 11px;
				background: gray;
				width: 200px;
				padding-left: 20px;
				background: #96aebb;
				border: 1px solid #4c6878;
				color: #4c6878;
			}
			
			.msgboxerror{
				border:solid 1px #CC0000; 
				color: #CC0000; 
				padding:8px; 
				background:#f6cbca; 
				margin-bottom:0px; 
				float: left; 
				margin-top: 14px;
				width: 524px;
				margin-left: 10px;
			}
				
			.msgboxtop{
				border:solid 1px #62a45c; 
				color: #62a45c; 
				padding:8px; 
				background:#cee6c3; 
				margin-bottom:0px; 
				float: left; 
				margin-top: 14px;
				width: 524px;
				margin-left: 10px;
			}
			
			#weerbox .contentbox #partners li {
				float: left;
				height: 120px;
				text-align: center;
				vertical-align: center;
			}
			
			#weerbox .contentbox #partners {
				float: left;
				height: auto;
			}
			
			label {
				width: 120px;
				float: left;
			}