body, td{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #3A403B;
}
A {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #8FB2CA;
	font-style : normal;
	line-height : 14px;
	font-weight : normal;
	text-decoration : none;
}

A:HOVER {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	font-style : normal;
	line-height : 14px;
	font-weight : normal;
	text-decoration : none;
}

#page{
	width: 790px;
	margin: auto !important;
}

#header{
	margin: 0;
	padding: 0;
	height: 90px;
	text-align: left;
	
}
#leftCol{
	float: left;
	width: 160px;
	height: 100%;
	margin: auto;
	text-align: right;
}#mainPage{
	height: 337px;
}
#menu{
	float: left;
	padding-left: 26px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 790px;
	border-bottom: 1px solid #FFFFFF;
}
#foto{
	float: left;
	padding-top: 26px;
	height: 337px;
	margin-left: 13px;
}
#titel{
	margin-left: 27px;
}
#content{
	float: left;
	padding-top: 26px;
	height: 337px;
}

#footer{
	height: 100%;
	width: 795px;
	margin: 0 auto;
}

/* header */

#logo{
	float: left;
	width: 236px;
	margin: auto;
	text-align: right;
	padding-right:25px;
}

#hoofdNavigatie{
	float: left;
	padding-top:33px;
}

#hoofdNavigatie a{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #8FB2CA;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
	margin-left: 10px;
	margin-right: 10px;
}

#hoofdNavigatie a:hover, #hoofdNavigatie .active{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #002E40;
	font-style : normal;
	line-height : 16px;
	font-weight : bold;
	text-decoration : none;
	margin-left: 10px;
	margin-right: 10px;
}


/*Style voor de navigatie */
	#content-wrapper{
		margin-left: 27px;
	}
	#navigatie-wrapper{
		float: left;
		height: 18px;	
	}
	#navigatie {
		width: 140px;
		padding: 0;
		margin-top: 9px;
		margin-right: 40px;
		margin-left: 27px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		text-align:right;
		line-height: normal;
		
	}
	#navigatie ul {
	list-style: none;
	margin: 0;
	padding: 0;
		}
		
	#navigatie li {
		background-image : url(images/dots_sub2.gif);
		margin: 0;
		height: 19px;
	}
    #navigatie .header {
		display: block;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-right: 6px;
		color : #ABACA2;
		font-weight: bold;
		text-decoration: none;
		width: 100%;
		height: 28px;
		background-color: #333936;
	}
		
	#navigatie .spacer {
		display: block;
		padding: 2px;
		width: 100%;
	}	
	#navigatie li a {
		display: block;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-right: 6px;
		color : #8FB2CA;
		text-decoration: none;
		width: 100%;
		line-height: normal;
		}

	html>body #navigatie li a {
		width: auto;
		}

	#navigatie li a:hover, #navigatie li .active {
		background-color: #2A5468;
		color: #FFFFFF;
		}
	html>body #navigatie .header {
		width: auto;
		}
	html>body #navigatie .spacer {
		width: auto;
		}
* { 
    box-sizing      : border-box; 
    -moz-box-sizing : border-box; 
}
#scroll {
height: 92%;
width: 100%;
overflow: auto;
padding: 0px;
  scrollbar-base-color:#000000;
  scrollbar-3d-light-color:#818273;
  scrollbar-arrow-color:#818273;
  scrollbar-darkshadow-color:#333936;
  scrollbar-face-color:#3A403B;
  scrollbar-highlight-color:#818273;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#3A403B;
}
.text {
	text-align: justify;
}
.text a{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.text a:hover {
	color: #818273;
	font-weight: normal;
}
#projectenmenu {
	padding-right: 10px;
	margin-bottom: 0px;
	}
#projectenmenu a{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #8FB2CA;
	font-style : normal;
	line-height : 16px;
	font-weight : normal;
	text-decoration : none;
}

#projectenmenu a:hover, #projectenmenu .active {
	color : #FFFFFF;
}
.active{
	color : #FFFFFF;
}
#thumb a img {
    Filter: Gray;
}
#thumb a:hover img {
    Filter: none;
}
#soulphisticator {
	padding-right: 33px;
	text-align: right;
	font-size: 9px;
	color: #8FB2CA;
	height: 18px;
}
#soulphisticator a{
	color: #8FB2CA;
	text-decoration: underline;
	font-size: 9px;
}
#soulphisticator a:hover{
	color: #ffffff;
	text-decoration: underline;
	font-size: 9px;
}