* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
}

a img, img a{
	border: 0px;
}

#spacer {	width: 1px; height: 50%; margin-bottom: -250px; float: left; background-color: #fff; }
#spacer_kop {	width: 1px; height: 50%; margin-bottom: -250px; float: left; background-color: #fff; }
#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	height: 500px;
	font: 11px verdana, arial, sans-serif;
	line-height: 20px;
	clear: left;
	color: #fff;
	background: #fff;
}

/* ------------------------------------------------------------------------- Flash intro */

#flash, #flash_footer{
	padding-left: 80px;
}

#flash_footer{
	width: 858px;
	text-align: center;
}

#flash_footer a:link, #flash_footer a:visited{
	padding: 0px 0px 2px 0px;
	color: #70655b;
	text-decoration: none;
}

#flash_footer a:hover{
	border-bottom: 1px solid #70655b;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	position: relative;
	width: 990px;
	height: 70px;
}

#header img.logo {
	margin: 0px 213px 0px 0px;
	float: right;
	border: 0px solid #fff;
}

#header .kop_multi{
	position: absolute;
	top: 6px;
	padding: 38px 16px;
	margin: 0px 0px 0px 198px;
	width: 110px;
	height: 56px;
	text-align: center;
	background: url(pics/bg_kop.png) no-repeat;
	z-index: 250;
}

#header .kop_single{
	position: absolute;
	top: 6px;	
	padding: 53px 16px;
	margin: 0px 0px 0px 198px;
	width: 110px;
	height: 26px;
	text-align: center;
	background: url(pics/bg_kop.png) no-repeat;
	z-index: 10;
}

#header .kop_triple{
	position: absolute;
	top: 6px;
	padding: 29px 16px;
	margin: 0px 0px 0px 198px;
	width: 110px;
	height: 74px;
	text-align: center;
	background: url(pics/bg_kop.png) no-repeat;
	z-index: 10;
}

#header h3{
	font: 20px helvetica, verdana, arial, sans-serif;
	color: #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation{
	padding: 70px 20px 0px 20px;
	width: 205px;
	height: 310px;
	float: left;
	background: #6a5e52;
}

#navigation ul {
	margin: 0px;
	list-style-type: none;
}

#navigation li{
	margin: 0px 0px 5px 0px;

}

#navigation li a:link, #navigation li a:visited {
	font: 14px verdana, arial, sans-serif;	
	letter-spacing: -1px;
	color: #fff;
	text-decoration: none;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited {
	color: #00AEC5;
}

#navigation ul.sub {
	margin: 0px 0px 0px 40px;
	list-style-type: none;
}

#navigation ul.sub li a:link, #navigation ul.sub li a:visited{
	color: #fff;
}

#navigation ul.sub li a:hover, #navigation ul.sub li.current a:link, #navigation ul.sub li.current a:visited{
	color: #00AEC5;
}

/* ------------------------------------------------------------------------- Content */ 

#content_container{
	width: 990px;
	height: 380px;
	overflow: visible;
	background: url(pics/bg_content_container.gif) top left repeat-y;
}

#logos{
	margin-left: 36px;
	width: 44px;
	height: 380px;
	float: left;
	display: inline;
	line-height: 0px;
}

#content {
	padding: 70px 25px 10px 25px; 
	width: 400px;
	height: 300px;
	float: left;	
	display: inline;
	overflow: auto;
	text-align: left;
	background: #6a5e52;	
}

#content.boxes {
	position: relative;
	top: 5px;
	padding: 25px 5px 25px 5px; 
	width: 440px;
	height: 320px;
	float: left;	
	overflow: visible;
	background: none;
	z-index: 200;
}

#content.boxes .persoon{
	cursor: pointer;
}

#noscript_ballons {
	position: absolute;
	top: 70px;
	left: 325px;
	padding: 70px 25px 20px 25px; 
	width: 400px;
	height: 290px;
	overflow: auto;
	text-align: left;
	background: #6a5e52;
}

#noscript_ballons .naam {
	color: #00AEC5;
}

/* Personen */

#content .bol{
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	display: block;	
	font-weight: bold;
	color: #10a6d3;	
	background: url(pics/bol_out.gif) no-repeat;	
}

#content.boxes .ballon{
	position: relative;
	margin: -25px 0px 0px 75px;
	width: 148px;
	height: 134px;
	display: none;
	background: url(pics/balloon2.png) no-repeat;
	z-index: 100;
}

#content .ballon_txt{
	padding: 0px 10px;
	margin: 25px 15px;
	width: 100px;
	height: 82px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	overflow: hidden;
}

/* end Personen */

#sidebar{
	margin: 0px 0px 0px 2px;
	width: 160px;
	height: 380px;
	float: left;
	overflow: hidden;
	background: #9fdae6;	
}

#sidebar .photo{
	position: relative;
	width: 160px;
	height: 105px;
	font-size: 0px;
	z-index: 1;
}

#sidebar .text{
	margin: 10px 0px;
	padding: 10px 7px;
	width: 146px;
	height: 255px;
	color: #000;
}

#sidebar .text li{
	margin: 0px 0px 5px 0px;
	padding: 0px 7px;
	line-height: 16px;
	background: url(pics/bullet.jpg) 0px 6px no-repeat;
}

#sidebar .text li a:link, #sidebar .text li a:visited{
	text-decoration: none;
	color: #000;
}

#sidebar .text li a:hover{
	text-decoration: underline;
}

/* Sidebar scroller */

#Scrollercontainer {
  position: relative;
  margin-top: 10px; 
  width: 146px;    /*marquee width */
  height: 165px;   /*marquee height */
  overflow: hidden;
}

#vScroller{
	position: absolute;
	width: 132px;
}

#vScroller li{
	width: 132px;
	height: 50px;
	overflow: hidden;
}

/* End scroller */

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #00AEC5;  border-bottom: 1px solid #00AEC5; }
#content a:hover { color: #fff;  border-bottom: 1px solid #fff; }

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #fff;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 10px 10px 10px 0px; float: left; }
#content img.right { padding: 0px; margin: 10px 0px 10px 10px; float: right; border: 1px solid #b8b8b8;}

p { margin-bottom: 16px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}


#content span.file .icon img { margin: 2px 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { width: 375px; float: left; }

#content ul.downloads {
	margin: 0px;
	padding: 0px;
}

#content ul.downloads li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	clear: left;
}

span.floatLeft { float: left; }
span.floatRight { float: right; }

/* ------------------------------------------------------------------------- Footer */ 


#footer{
	padding: 10px 52px 0px 80px;
	width: 858px;
	height: 50px;
	font-size: 10px;	
	color: #6A5D52;	
}

#footer .left{
	width: 695px;
	height: 50px;
	float: left;
}

#footer .right{
	margin: 0px 0px 0px 2px;
	padding: 0px;
	width: 158px;
	height: 50px;
	float: left;
	display: inline; 
  line-height: 12px;
}

#footer .right a { padding: 0px; float: right; color: #999; text-decoration: none; } 
#footer .right a:hover { padding: 0px; color: #999; text-decoration: underline; } 

#footer .right img { float: left;	display: inline; }

#footer .ballon{
	position: absolute;
	margin-top: -130px;
	width: 135px;
	height: 134px;
	display: none;
	background: url(pics/balloon.png) no-repeat;
	z-index: 200;
}

#footer .ballon_txt{
	padding: 0px 10px;
	margin: 20px 6px;
	width: 100px;
	height: 82px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	overflow: hidden;
}

#footer .referentie{
	float: left;	
}

#footer .referentie img, #footer .right img{
	margin: 0px 5px 0px 0px;
}

/* -------------------- Google Map -------------------- */

body.directions{
	text-align: center;
}

#site_map{
	position: relative;
	margin: 0px auto;
}

#site_map h1 { color: #6c6358; }

#directions{
	position: relative;
	margin: 0px auto;
	background-color: #eee
}

#directions .googledir{
	position: relative;
	margin: 0px auto;
	color: #6c6358;
	background-color: #eee;
}

body.directions #map{
	position: relative;
	margin: 0px auto;
	border-top: 5px solid #6a5e52;
	border-left: 5px solid #6a5e52;
	border-right: 5px solid #6a5e52;
	border-bottom: 5px solid #6a5e52;
}

#map{
	margin: 0px;
	padding: 0px;
	width: 380px;
	height: 175px;
	overflow: hidden;
}

#directions, .googledir a:link, #directions, .googledir a:visited { color: #6c6358; }

#directions, .googledir td{
	width: 328px;
	color: #6c6358;
	text-align: left;
	background-color: #eee;
}

#googlemap{
	padding: 0px 0px 20px 20px;
	margin: 0px;
	width: 360px;
	float: left;
	color: #000;
	background: #f7f7f7;
}

#googlemap .invul{
	margin: 0px;
	width: 360px;
	float: left;
	color: #000;
}

#googlemap form{
	width: 150px;
}
#googlemap .omschrijving {
	margin: 10px 2px 2px 0px;
	width: 110px;
	float: left;
}

#googlemap .omschrijving2 {
	margin: 2px 2px 9px 0px;
	width: 200px;
	float: left;
}

#googlemap input{
	padding: 1px 3px;
	width: 200px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#googlemap input#toAddress{
	padding: 0px;
	border:0px;
	color: #000;
	background: none;
}

#googlemap input.small{
	margin-left: 1px;
	padding: 1px 3px;
	width: 20px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#googlemap select  {
	width: 186px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #a5acb2;
}

#googlemap input.button {
	margin-left: 5px;
	width: 110px;
	height: 19px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	background: #e5ebef;
	border: 1px solid #a5acb2;
}

#googlemap .invul select{
	width: 208px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif;  
	border: 1px solid #a5acb2;
}

#googlemap .invul option{
	padding: 0px 3px;
	color: #000;
	font: 12px arial, sans-serif; 
}

/* -------------------- Invulformulier -------------------- */

#invulformulier {
	width: 380px;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 22px;
	color: #fff;
	display: inline;
} 

#invulformulier .omschrijving {
	width: 135px;
	height: 22px;
	float: left;
	color: #fff;
	display: inline;
}

#invulformulier .omschrijving_verplicht {
	width: 130px;
	float: left;
	display: inline;
	font: 10px arial, verdana, sans-serif; 
}

#invulformulier .invul {
	margin: 1px 5px 1px 5px;
	width: 180px;
	height: 22px;
	float: left;
	display: inline;
}

#invulformulier .invul_textarea {
	margin: 1px 5px 1px 5px;
	width: 180px;
	float: left;
	display: inline;
}

#invulformulier .invul_verplicht {
	margin: 0px 5px 0px 10px;
	width: 165px;
	float: left;
	display: inline;
	font: 10px arial, verdana, sans-serif; 
	color: #fff;
}

#invulformulier .invul_txt {
	margin: 1px 5px 1px 5px;
	width: 230px;
	height: 22px;
	font-weight: normal;
	float: left;
	display: inline;
}

#invulformulier input{ color: #6c6358; }

#invulformulier input.small {
	margin-right: 5px;
	padding: 1px 3px;
	width: 30px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
}

#invulformulier input.medium{
	padding: 1px 3px;
	width: 75px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
}

#invulformulier input.large {
	padding: 1px 3px;
	width: 165px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
}

#invulformulier textarea{
	padding: 1px 3px;
	width: 165px;
	height: 48px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	color: #6c6358;
}

#invulformulier input.radio{
	margin: -5px 0px 0px 0px;
	padding: 0px;
	width: 16px;
}

#invulformulier input.button{
	margin: 2px 0px;
	padding: 1px 3px 1px 3px;
	width: 80px;
	height: 22px;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #6a5e52;
	border: 1px solid #6a5e52;
	background-color: #ffffff;
}

#invulformulier select {
	padding: 0px 0px 0px 3px;
	width: 175px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold; 
	color: #6a5e52;
}

#invulformulier select.project {
	width: 243px;
}

#invulformulier option {
	padding-left: 5px;
	font-weight: bold;
	color: #6a5e52;
}

#invulformulier input.file{
	padding: 1px 3px;
	width: 243px;
	height: 20px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif; 
	font-weight: bold;
	line-height: 16px;
	color: #6a5e52;
	border: 1px solid #a5acb2;
	background-color: #fff;
}

* html #invulformulier input.file {	width: 233px; }

/* -------------------- Specials -------------------- */

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }