body{
  margin:				0;
  padding:				0;
  background-color: 	#222222;
  font-family: 			Arial,Verdana, Helvetica, Arial,sans-serif;
}

a{
  text-decoration:		none;
}

img{
  border:				0;
}

.clear{
	  clear:			both;
}

#headerContainer{
  background: 			url(../images/bg_header.png) repeat-x;
  height:				145px;
}

	#logoContainer{
	  padding:			60px 40px 0 0;
	  width:			960px;
	  margin:			0 auto;
	  text-align:		right;
	}

#subHeaderContainer{
  background: 			url(../images/bg_topcontent.png) repeat-x;
  height:				242px;
}

	.subHeaderContent{
	width:				1000px;
	margin:				0 auto;
	height:				242px;
	}
	
	.subHeaderContent#home{
	background: 		url(../images/vlaggen.png) no-repeat right;
	}

	.subHeaderContent#vacatures{
	background: 		url(../images/vacature_header.png) no-repeat right;
	}
	
	.subHeaderContent#nieuws{
	background: 		url(../images/nieuws_header.png) no-repeat right;
	}
	
	.subHeaderContent#visie{
	background: 		url(../images/vakken.png) no-repeat right;
	}
			
	.subHeaderContent#milieu{
	background: 		url(../images/trein.png) no-repeat right;
	}
		
	.subHeaderContent#faciliteiten{
	background: 		url(../images/shovels.png) no-repeat right;
	}		

	.subHeaderContent#ligging{
	background: 		url(../images/header_haven.png) no-repeat right;
	}
	
	.subHeaderContent#contact{
	background: 		url(../images/header_vrachtwagen_haven.png) no-repeat right;
	}

		#subHeaderInfo{
		background: 		url(../images/header_info_bg.png) no-repeat;
		padding:			20px 10px 0 10px;
		color:				#e4e4e4;
		height:				211px;		
		width:				580px;
		text-align: 		justify;
		}
		
		#subHeaderInfo h1{
		font-size:			1.0em;
		color:				#dae13b;
		}
		
		#subHeaderInfo p{
		font-size:			0.8em;
		}

#bottomContentContainer{
  background: 			url(../images/bg_content_new.png) no-repeat center top #333333;
  min-height:			381px;
}

	#centeredContainer{
	  margin:			0 auto;
	  width:			1000px;
	}
	
		#menu{
		  background:		url(../images/balk_bg.png) no-repeat center #5c5c5c;
		  height:			30px;
		}
		
			.menu{
			  list-style:		none;
			  width:			1000px;
			  margin:			0 auto;
			  padding:			0 1px 0 1px;
			}
			
			.menu li{
			  text-align:		center;
			  width:			125px;
			  float:			left;
			  background: 		url(../images/menu_divider.png) top right no-repeat;
			  margin:			0;		
			}
			
			.menu li a {
			  height:			30px;
			  color:			#EDEDED;
			  padding:			0;
			  display:			block;
			  font-size:		0.9em;
			  line-height:		2.2;
			  font-weight:		bold;
			  text-decoration:	none;
			}
			
			.menu li.current a {
			  background: 		url(../images/menu_divider.png) top right no-repeat #333333;
			  color:			#dae13b;
			}
			
			.menu li:first-child  a{
			  background: 		url(../images/menu_divider.png) top left no-repeat;
			}

			.menu li:first-child  a:hover {
			  width:			119px;
			  background: 		url(../images/menu_divider.png) top left no-repeat #000;
			  padding:			0 0 0 3px;
			  color:			#dae13b; 
			}
			
			.menu li:first-child.current a {
			  width:			121px;
			  background: 		url(../images/menu_divider.png) top left no-repeat #333333;
			  padding:			0 2px 0 0;
			  color:			#dae13b;
			}

			.menu li:first-child.current a:hover {			
			  background: 		url(../images/menu_divider.png) top left no-repeat #333333;
			}
			
			.menu li.current a:hover {			
			  background: 		url(../images/menu_divider.png) top right no-repeat #333333;
			}
			
			.menu li a:hover {
			  background: 		url(../images/menu_divider1.png) top right no-repeat #000;
			  color:			#dae13b; 
			}
			
		#content{
		  float:			left;
		  color:			#e4e4e4;
		  font-size:		0.8em;
		  padding:			15px;
		  text-align: 		justify;
		}	
		
			#content a {
			  color:				#e4e4e4;
			}

			#content a:hover {
			  color:				#919627;
			}
			
			#content a.extern{
			  color:				#dae13b;
			  padding:				0 18px 0 0;
			  background:			url(../images/external_link_icon.gif) center right no-repeat;
			}

			#content a:hover.extern{
			  color:				#919627;
			}
			
			#leftContent{
			  border:			1px solid #3b3b3b;
			  background-color:	#363636;
			  width:			209px;
			  float:			left;
			  font-size: 		1.0em; 
			  margin: 			0 14px 0 0; 
			}

			#leftContent h2{
			  padding:			3px 3px 3px 8px;
			}
			
			#leftContent p{
			  padding:			3px 3px 3px 10px;
			}
				.subMenu{
				  list-style:		none;
				  margin:			0 auto;
				  padding:			0;
				}
				
				.subMenu li{
				  line-height:		1.5;
				  margin:			0;		
				}
				
				.subMenu li a {
				  color:			#bfbfbf;
				  padding:			3px 3px 3px 10px;
				  display:			block;
				  font-size:		0.9em;
				  line-height:		1.7;
				  font-weight:		bold;
				  text-decoration:	none;
				}
				
				.subMenu li.current a {
				  background:		#333333;
				  color:			#bfbfbf;
				}
				
				.subMenu li.current a:hover {	
				  background:		#333333;
				}
				
				.subMenu li a:hover {
				  background-color: #000;
				  color:			#dae13b; 
				}
			
			#rightContent{
			  width:			733px;
			  background-color: #363636; 
			  float:			right;
			  padding:			5px;
			  border:			1px solid #3b3b3b;
			}
			
				#rightContent p{
				  padding:				5px;
				}
				
				#rightContent h3{
				  color:				#dae13b;
				  font-size:			1.1em;
				}
				
				.functieNaam{
				  color:				#dae13b;
				  font-size:			1.9em;
				  font-weight:			bold;
				  text-indent: 			100px				
				}
				
			#bottomContentDiv{
			  width:			733px;
			  background-color: #3c3c3c; 
			  float:			right;
			  padding:			5px;
			  border:			1px solid #424242;
			  text-align:		center;
			}
			
			#bottomContentPageDiv{
			  width:			733px;
			  background-color: #3c3c3c; 
			  float:			right;
			  padding:			5px;
			  border:			1px solid #424242;
			  text-align:		center;
			}
			
			tr.tableHead{
			  background-color:	#2a2a2a;
			  border:			1px solid #424242;
			  padding:			3px 10px 3px 3px;
			  font-weight:		bold;
			}
			
			#vacatureOverzicht{
			  width:			100%;
			}
			
			#extraInfo{
			  background:		url(../images/info_bg.png) no-repeat;
			  float:			left;
			  padding:			12px 17px 0 10px;
			  margin:			4px 0 0 0;
			  width:			209px;
			  min-height:		371px;
			}

			#extraInfo img{
			  width:			100%;
			  margin:			0 0 5px 0;
			}
			
			#extraInfo object{
			  margin:			0 0 5px 0;
			}
			
			#content h1{
			  color: 			#dae13b;
			}	

			#kaart{
			  text-align:		center;
			}
			
				#kaart a{
				  color:			#dae13b;
				}

#footerContainer{
  color:				#CBCBCB;
  background-color:		#252525;
  height:				175px;
  padding:				0 10px 0 10px;
  margin:				0 auto;
  width:				980px;
}

	#footerContainer a {
	  color:				#939393;
	}

	#footerContainer a:hover {
	  color:				#919627;
	}
	
		.footerBox{
		  float:			left;
		  width:			23%;
		  margin-right:		20px;
		  padding-left:		70px;
		}
		

		.footerBox strong{
		  color:			#424242;
		}

		#footerContainer h1{
		  font-size:			0.9em;
		  color:				#dae13b;
		}
		
		#footerContainer ul{
		  list-style:			none;
		  margin:				0px 0px 0px 5px;
		  padding:				0;
		}
		
		#footerContainer li{
		  color:				#6c6c6c;
		  font-size:			0.7em;
		}
	
#copyrightContainer{
  color:				#CBCBCB;
  background-color:		#292929;
  padding:				10px;
  margin:				0 auto;
  text-align:			center;
  width:				980px;
}
	#copyrightContainer a {
	  color:				#939393;
	}

	#copyrightContainer a:hover {
	  color:				#919627;
	}
	
	.copyright{
	  background:			url(../images/copyright.png) no-repeat;
	}

	.copyright:hover{
	  background:			url(../images/copyright_active.png) no-repeat;
	}

.newsThumbnail{
margin-right: 			1em; 
padding: 				4px; 
background:				#2a2a2a; 
border:					1px solid #424242; 
-moz-border-radius: 	3px; 
-webkit-border-radius:	3px;
}

.rightBalk {
background-color:		#2a2a2a;
border:					1px solid #424242;
padding:				3px 10px 3px 3px;
text-align:				right;
}

.centerBalk {
background-color:		#2a2a2a;
border:					1px solid #424242;
padding:				3px 10px 3px 3px;
text-align:				center;
}


#xtra_fotos{
padding-left:			10px;
padding-right:			10px;
}

h2{
color:					#dae13b;
font-size:				1.0em;
padding:				3px;
margin-bottom:			2px;
}

.noTopSpace{
margin-top:			0;
}

/*========================  Lightbox ======================== */
#thumbnail{
margin-top: 			7px;
margin-bottom: 			9px;
text-align: 			center;
border-top: 			1px solid #797979;
border-bottom: 			1px solid #797979;
}

.transON img{
margin-top: 			4px;
border:					2px solid #424242;
cursor: 				-moz-zoom-in
}

.transOFF img{
margin-top: 			4px;
opacity:				.60;
filter: 				alpha(opacity=60); 
-moz-opacity: 			0.6;
border:					2px solid #424242;
cursor: 				-moz-zoom-in
}

.caption{
margin-bottom: 			4px;
color: 					#767575;
font-variant: 			small-caps;
font-size:				0.85em;
}

.caption a:hover{ 
font-size: 				10px; 
padding-top: 			0.2em ;	
font-weight: 			normal;
border-bottom: 			1px dashed #CCE226;
}

.caption a{ 
font-size: 				10px; 
padding-top: 			0.2em ;
}