/* BODY HTML */

	html{
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
	}


	body {
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
	background:#333333;
	background-image:url(images/BG_Main2.jpg);
	background-repeat:repeat-x;
	
	background-position:top;
	margin:0;
	text-align: center;
	
}

/* HEADERS */

	.content h1 {
	color: #FFFFFF;
	padding:0px;
	font-family:"Tahoma";
	font-size:16px;
	text-align:left;
	font-weight:bold;
	margin-top:20px;
	}
	
	.content h1 a {
	color: #CCCCCC;
	padding:0px;
	font-family:"Tahoma";
	font-size:19px;
	text-align:left;
	margin-top:25px;
	text-decoration:none;
	text-transform:uppercase;
	}

	
	.content h1 a:hover {
	color: #FFFFFF;
	padding:0px;
	font-family:"Tahoma";
	font-size:19px;
	text-align:left;
	margin-top:25px;
	
	}
	
	
	.content_contact h1 {
	color: #FFFFFF;
	padding:0px;
	font-family:"Tahoma";
	font-size:16px;
	text-align:left;
	font-weight:bold;
	margin-top:25px;
	}

	h2 {
	color: #FFFFFF;
	padding:0px;
	font-family:"Tahoma";
	font-size:13px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:25px;
	}

	h3 {
	color: #666666;
	padding:0px;
	font-family:"Tahoma";
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
	}

	h4 {
	color: #666666;
	padding:0px;
	font-family:"Tahoma";
	font-size:10px;
	text-align:left;
	margin-bottom:5px;
	}
	
	h5 {
	color: #39F;
	padding:0px;
	font-family:"Tahoma";
	font-size:16px;
	text-align:left;
	font-weight:bold;
	}


	p {
	margin-top:0px;
	padding:0px;
	text-align:justify;
	}


/* LINKS STYLES */

	a {
	font-family:"Tahoma";
	color:#CC0033;
	text-decoration:none;
	border:none;
	}
	


	a:hover {
	font-family:"Tahoma";
	color:#FFFFFF;
	text-decoration:none;
		
	}

	a.footer {
	font-family:"Tahoma";
	color:#CC9933;
	text-decoration:none;
	}
	.content span {
	
	font-size:9px;
	}
	

/* CONTAINER */

	#container {
	width: 700px;	
	margin-left:auto;
	margin-right:auto;
	}

/* CONTENT */

	#content {
	background-image:url(images/bg_container.jpg);
	width: 430px;
	float:left;
	clear:left;
	}
	
	#content_video {
	background-image:url(images/bg_container.jpg);
	width: 800px;
	margin-top:75px;
	float:left;
	clear:left;
	}

	#colom_rechts {
	width: 200px;
	float:right;

	}
	
	.content {
	margin-right:0px;
	font-family:"Tahoma";
	color:#CCCCCC;
	font-size:12px;
	text-align:left;
	clear:left;
	margin-bottom:50px;
	line-height:125%;
	}
	
	.content_video {
	margin-right:0px;
	font-family:"Tahoma";
	color:#CCCCCC;
	font-size:12px;
	text-align:left;
	clear:left;
	margin-bottom:50px;
	line-height:125%;
	}
	
	.video {
	margin:20px 0px 20px 0px;
	width:800px;
	height:150px;
 
	text-align:left;
	clear:both;
 
	}
	
	.video_tekst {
	margin:20px 0px 20px 170px;
 
	font-family:"Tahoma";
	color:#CCCCCC;
	font-size:12px;
	text-align:left;
 
	line-height:125%;
	}
	
	.content a {
	margin-right:0px;
	font-family:"Tahoma";
	color:#CCCCCC;
	font-size:12px;
	text-decoration:underline;
	
	}
	.content a :hover{
	margin-right:0px;
	font-family:"Tahoma";
	color:#CCCCCC;
	font-size:12px;
	text-decoration:none;
	
	}

	.content_ref {
	background-image:url(images/bg_container_ref.jpg);
	padding:20px;
	margin-right:0px;
	font-family:"Gill Sans MT";
	color:#666666;
	font-size:14px;
	text-align:left;
	
	}

	.content_ref2 {
	padding-left:10px;
	padding-right:10px;
	font-family:"Gill Sans MT";
	color:#666666;
	font-size:14px;
	text-align:right;
	}	
	
	/* Content_contact */
	
	.content_contact {
	margin-right:0px;
	padding:0px 0px 3px 0px;
	font-family:"Tahoma";
	color:#CCCCCC;
	font-size:11px;
	text-align:left;
	clear:left;
	}
	
	.content_contact h1 {
	color: #FFFFFF;
	padding:0px;
	font-family:"Tahoma";
	font-size:14px;
	text-align:left;
	font-weight:bold;
	margin-top:25px;
	}
	
	.content_contact h2 {
	color: #FFFFFF;
	padding:0px;
	font-family:"Tahoma";
	font-size:12px;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	}
	
	.content_contact a {
	font-family:"Tahoma";
	color:#CCCCCC;
	text-decoration:none;
	border:none;
	}
	

	.content_contact a:hover {
	font-family:"Tahoma";
	color:#FFFF00;
	text-decoration:underline;
	}


	
/* HEADER */

	#header {
	background-image:url(images/flash%20bg.jpg);
	width:700px;
	height:161px;
	float:left;
	clear:both;
	}
		
	#main_title {
	background-image:url(images/preheader.jpg);
	width: 450px;
	height:100px;
	float:left;
	
	}
	
	#main_title h1 {
	color: #333333;
	padding:20px 20px 0px 0px;
	font-family:"Tahoma";
	font-size:23px;
	text-align:left;
	margin-bottom:0px;
	text-transform:uppercase;
	}
	
	#main_title	h2 {
	color: #666666;
	font-family:"Tahoma";
	font-size:13px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	text-transform:uppercase;
	letter-spacing:1px;
	
	}
	
	#foto_flash {
	background:url(images/flash_bg.jpg);
	float:right;
	margin:19px 0px 0px 0px;
	width:200px;
	height:200px;
	
	
	}

/* FOOTER */
	
	#footer {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	bottom: 0px; /* heel belangrijk */
	width:700px;
	height:5%;
	line-height: 40px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	}
	
	.footer {
	padding-left:0px;
	font-family:"Tahoma";
	font-size:11px;
	text-align:left;
	color:#999999;
	}
	
/* MENU */

	#menu {
	float:left;
	width:700px;
	height:200px;
	margin:25px 0 0 0;
	z-index:-99;
	
	}

	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;

	}

/* WEERBERICHT */

	#weerbericht {
	background:url(images/BG_Weer2.jpg);
	margin:20px 0px 0px 0px;
	width:189px;
	height:90px;
	clear:both;
	
	
	}
	
	.weerbericht {
	width:189px;
	height:90px;
	}
	
	.weer_waardes{
	width:189px;
	height:25px;
	}
	
	
	.weersymbool {
	width:189px;
	padding:0px 0px 0px 0px;
	height:56px;
	text-align:center;
	}
	
	.weer_temperatuur {
	color: #FFFFFF;
	width:55px;
	padding:0px 0px 0px 15px;
	height:25px;
	font-family:"Tahoma";
	font-size:12px;
	text-align:left;
	font-weight:bold;
	float:left;
	}

	.weer_windrichting {
	color: #FFFFFF;
	width:30px;
	padding:0px 0px 0px 10px;
	height:25px;
	font-family:"Tahoma";
	font-size:14px;
	text-align:left;
	font-weight:bold;
	float:left;
	
	}
	
	.weer_windsnelheid {
	color: #FFFFFF;
	width:42px;
	padding:0px 0px 0px 15px;
	height:25px;
	font-family:"Tahoma";
	font-size:14px;
	text-align:left;
	font-weight:bold;
	float:left;
	}
	
	.content h1 a {
	color: #CCCCCC;
	padding:0px;
	font-family:"Tahoma";
	font-size:19px;
	text-align:left;
	margin-top:25px;
	text-decoration:none;
	text-transform:uppercase;
	}
	
 	.vijfdaagse  {
	
	height:25px;
	color:#FFFFFF;
	text-decoration:underline;
	font-size:10px;
	}
	.vijfdaagse a {
	height:25px;
	color:#FFFFFF;
	text-decoration:underline;
	font-size:10px;
	}
	
	.vijfdaagse a:hover {
	height:25px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	}




/* CERTIFICERING */

.certificering {
width:200px;
height:120px;
float:right;
margin-top:25px;
}



/* LINKS FOOTER */
	
	#links {
	width:700px;
	height:5%;
	line-height: 25px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	}
	
	.links {
	padding-left:0px;
	font-family:"Tahoma";
	font-size:10px;
	text-align:left;
	color:#666666;
	
	}
	
	.links a {
	padding-left:0px;
	font-family:"Tahoma";
	font-size:10px;
	text-align:left;
	color:#666666;
	text-decoration:none;
	
	}
	.links a:hover {
	padding-left:0px;
	font-family:"Tahoma";
	font-size:10px;
	text-align:left;
	color:#CCCCCC;
	text-decoration:undeline;
	}
	
	.bleu {
	
	float:right;
		height:5%;
	line-height: 25px;
	clear:both;
	}
	
/* werkzaamheden */

.werkzaamheden {
padding: 0px 0px 0px  0px;
	clear:both;
}


div.werkzaamheden ul {
	font-size:10px;
	float: right;	
	width:193px;
	text-align:left;
	letter-spacing:1px;
	margin-bottom:15px;
	
}
div.werkzaamheden li {
	list-style-image: none;
	text-transform:uppercase;
}
div.werkzaamheden li a {
	display:block;
	color:#CCCCCC;
	padding:5px 0px 0px 5px;
	text-decoration:none;
	width: 193px;
}
div.werkzaamheden a#current {
	background: #666; color: #FFF;
}
div.werkzaamheden a:hover {
background:url(images/hover.gif);
color: #FFE810;
	text-decoration:none;
}
div.werkzaamheden li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div.werkzaamheden h1 {
	color: #CCCCCC;
	padding:5px 0px 0px 10px;
	margin-bottom:5px;
	font-family:"Tahoma";
	font-size:13px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	
}

div.werkzaamheden h1 span
{
font-weight: bold;
color:#FFE810;
text-transform:uppercase;
}
	
/* Nieuws */

.nieuws {
	padding:15px 0px 25px 0px ;
	text-align:justify;
	background:url(images/bg_nieuws.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:15px;
	font-size:12px;
	color:#999999;
	}
	

.nieuws-title {
	font-size: 17px;
	font-weight:normal;
	letter-spacing:0px;
	color:#CC0033;
	}
	
.date {
	font-size:0.9em;
	color:#CCCCCC;
	cursor:default;
	letter-spacing:1px;
	}
.comments {
	margin:-1em 0px 5px 95px;
	

	}
.comments a {
	color:#FFFFFF;
	
	}
.comments a:hover {
	color:#FFFF33;
	}

.bron {
	margin:opx 0px 5px 0px;
	color:#999999;
	width:80px

	}
	
.foto {
background:url(images/bg_foto.jpg);
width:83px;
height:83px;
float:left;
clear:both;
margin:5px 10px 0px 0px;

}

.foto_include {
padding:4px;

}


/* Vacatures */

.vacatures {
	padding:15px 0px 25px 0px ;
	text-align:justify;
	background:url(images/bg_entry.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:125px;
	margin-bottom:10px;
	font-size:12px;
	color:#999999;
	}
	

.vacatures-title {
	font-size: 17px;
	font-weight:normal;
	letter-spacing:0px;
	color:#CC0033;
	}
	
.vacature_kop {
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0px;
	color:#CCCCCC;
	}
	
.date {
	font-size:0.9em;
	color:#CCCCCC;
	cursor:default;
	letter-spacing:1px;
	}
.reageer {
	margin:0px 0px 0px 0px;
	

	}
.comments a {
	color:#FFFFFF;
	
	}
.comments a:hover {
	color:#FFFF33;
	}

.bron {
	margin:opx 0px 5px 0px;
	color:#999999;
	width:80px

	}
	
.foto {
background:url(images/bg_foto.jpg);
width:83px;
height:83px;
float:left;
clear:both;
margin:5px 10px 0px 0px;

}

.foto_include {
padding:4px;

}

/* FORMULIEREN */

	input.verstuurknop {
	width: 150px;
	height: 25px;
	background:url(images/verstuur.jpg);
	outline: none;
	border: none;
	cursor : pointer;
	}
	
	input.verstuurknop a:hover {
	background:url(images/verstuur_hover.jpg);
	
	}

	input.text {
	border: 1px;
	color:#666666;
	font-family:"Tahoma";
	border-color:#999999;
	border-style:dotted;
	font-size:11px;
	}
	
	textarea {
	border: 1px;
	color:#666666;
	font-family:"Tahoma";
	border-color:#999999;
	border-style:dotted;
	font-size:11px;
	}

	select {
	border: 1px;
	color:#333333;
	font-family:"Tahoma";
	border-color:#999999;
	border-style:dotted;
	font-size:11px;
	}

	.lijn {
	background-image: url(images/contact_bg.jpg);
	background-repeat:repeat-y;
	}

/* VOLGENDE */

	.volgende {
	background: transparent url(images/volgende.jpg);
	width:65px;
	height:65px;
	float:right;
	display:block;
	}
	
	.volgende:hover{
	background: transparent url(images/volgende_over.jpg);
	width:65px;
	height:65px;
	float:right;
	display:block;
	}

/* LIGHTBOX */

.lightbox  {
padding:5px;
background:#E5E5E5;
border:none;
margin:3px;

}


.lightbox_2  {
width:430px;
height:125px;
}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#nav{width:510px; float:left;margin:0px 0px 0px 0px;height:200px; background-color:#FFF;}
 
#nav ul{display:inline; margin:0;}
#nav ul li{float:left; margin:0; width:70px; padding:0px 1px 0px 1px; }
#nav{text-align:center;}

#nav h2{margin:0;}
#nav h2 a{ font-family:Verdana, Geneva, sans-serif; font-size:11px;color:#fff; text-align:center}
#nav h2 a:hover{font-family:Verdana, Geneva, sans-serif; color:#FFF;font-size:11px; text-align:center}
 
#nav a{float:left;padding:150px 0px 15px 0px;width:70px; background-color:#333333; height:35px  }
#nav .menu a:hover{ background-color:#8F042E; cursor:pointer;}
#nav .menu2 a:hover{background-image:url(images/BG_Menu_2.jpg);background-repeat:no-repeat;width:70px;height:200px;cursor:pointer;}
#nav .menu3 a:hover{background-image:url(images/BG_Menu_3.jpg);background-repeat:no-repeat;width:70px;height:200px;cursor:pointer;}
#nav .menu4 a:hover{background-image:url(images/BG_Menu_4.jpg);background-repeat:no-repeat;width:70px;height:200px;cursor:pointer;margin:0px;}
#nav .menu5 a:hover{background-image:url(images/BG_Menu_5.jpg);background-repeat:no-repeat;width:70px;height:200px;cursor:pointer;margin:0px;}
#nav .current { text-decoration:underline;}

 
 
 #followme{
	width: 100%;
	text-align: right;
}

#tweetbox{
	 
	padding:0px;
	width: 430px;
 
	left: 50px;
	margin-top: 20px;
 
}

.tweetitem{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #333;
}

.twtr-hd {
	
}


.twtr-ft
{
	display:none;
 
} 



.twitter-knop {
	
	width:200px;
height:75px;
float:right;
margin-top:25px;
}