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

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #3A403B;
	overflow: auto;
  scrollbar-base-color:#000000;
  scrollbar-3d-light-color:#818273;
  scrollbar-arrow-color:#818273;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#3A403B;
  scrollbar-highlight-color:#818273;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#000000;
}
A {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #818273;
	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 : underline;
}

#page{
	width: 970px;
	margin: auto !important;
	text-align: center;
}

#header{
	margin: 0;
	padding: 0;
	height: 80px;
	text-align: left;
	border-bottom: 1px solid #818273;
}

#mainPage{
	height: 337px;
}

#leftCol{
	float: left;
	width: 360px;
	height: 100%;
	margin: auto;
	text-align: right;
}

#rightCol{
	float: left;
	padding: 0;
	border: 0;
	text-align: left;
}

#footer{
	height: 50px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	border-top: 1px solid #818273;
}

/* header */

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

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

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

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


/*Style voor de navigatie */
	#content-wrapper{
		margin-left: -16px;
	}
	#navigatie-wrapper{
		float: right;	
	}
	#navigatie {
		width: 170px;
		padding: 0;
		margin-top: 8px;
		margin-right: 40px;
		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 {
		border-bottom: 1px solid #333936;
		margin: 0;
		}

	#navigatie .header {
		display: block;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-right: 6px;
		color : #ABACA2;
		font-weight: bold;
		text-decoration: none;
		width: 100%;
		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 : #818273;
		text-decoration: none;
		width: 100%;
		line-height: normal;
		}

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

	#navigatie li a:hover, #navigatie li .active {
		background-color: #4B534C;
		color: #FFFFFF;
		}
		
* { 
    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: underline;
}
.text a:hover {
	color: #818273;
	font-weight: normal;
	text-decoration: underline;
}