/* css Synergie (c) Maarten Deketele */

html{
	height: 100%;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#666;
	scrollbar-track-color:#efefef;
	scrollbar-shadow-color:#efefef;
	scrollbar-highlight-color:#efefef;
	scrollbar-3dlight-color:#efefef;
	scrollbar-darkshadow-color:#efefef;
}

body, div, td, p, h1, h2, h3, input, textarea, select{
	font: 8pt "trebuchet ms", verdana, arial;
	color: #676767;
}

img{
	border: 0
}

.ad{
	border-bottom: 1px solid;
	width: 185px;
}

input, textarea, .button{
	border:1px solid #ccc;
	background:white;
}

.kinderweg{display:none;}
.wanneerweg{display:none;}
.wieweg{display:none;}

/* links */

a:link, a:visited, a:hover, a:active{
	color:#F7931E;
	text-decoration:none;
}

.hoofdknoptekst{
	display: block;
	padding-left: 5px;
	padding-top: 1px;
	font-size:12pt;
	text-align:left;
	float:left; /*+*/

}

#hoofdknop{
	height: 30px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
	width:178px;
	background-repeat: no-repeat;
	float: left;
	}	


a:link.hoofdknop, a:visited.hoofdknop{
	color:#333333;
	}
	
a:hover.hoofdknop, a:active.hoofdknop{
	color:#ffffff;
	}	

a:link.hoofdknop-blauwfeld, a:visited.hoofdknop-blauwfeld{
	color:#333333;
	}
	
a:hover.hoofdknop-blauwfeld, a:active.hoofdknop-blauwfeld, .hoofdknop-blauwfeld-hover, a:link.hoofdknop-blauwfeld-hover, a:visited.hoofdknop-blauwfeld-hover{
	color: #ffffff;
	background: url(../images/hoofdknop-blauwfeld-hover.jpg);
	}


a:link.hoofdknop-geel, a:visited.hoofdknop-geel{
	color:#333333;
	}
	
a:hover.hoofdknop-geel, a:active.hoofdknop-geel, .hoofdknop-geel-hover, a:link.hoofdknop-geel-hover, a:visited.hoofdknop-geel-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-geel-hover.jpg);
	}


a:link.hoofdknop-groen, a:visited.hoofdknop-groen{
	color:#333333;
	}
	
a:hover.hoofdknop-groen, a:active.hoofdknop-groen, .hoofdknop-groen-hover, a:link.hoofdknop-groen-hover, a:visited.hoofdknop-groen-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-groen-hover.jpg);
	}


a:link.hoofdknop-blauw, a:visited.hoofdknop-blauw{
	color:#333333;
	}
	
a:hover.hoofdknop-blauw, a:active.hoofdknop-blauw, .hoofdknop-blauw-hover, a:link.hoofdknop-blauw-hover, a:visited.hoofdknop-blauw-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-blauw-hover.jpg);
	}


a:link.hoofdknop-rood, a:visited.hoofdknop-rood{
	color:#333333;
	}
	
a:hover.hoofdknop-rood, a:active.hoofdknop-rood, .hoofdknop-rood-hover, a:link.hoofdknop-rood-hover, a:visited.hoofdknop-rood-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-rood-hover.jpg);
	}


a:link.hoofdknop-munt, a:visited.hoofdknop-munt{
	color:#333333;
	}
	
a:hover.hoofdknop-munt, a:active.hoofdknop-munt, .hoofdknop-munt-hover, a:link.hoofdknop-munt-hover, a:visited.hoofdknop-munt-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-munt-hover.jpg);
	}
	
a:link.hoofdknop-oranje, a:visited.hoofdknop-oranje{
	color:#333333;
	}
	
a:hover.hoofdknop-oranje, a:active.hoofdknop-oranje, .hoofdknop-oranje-hover, a:link.hoofdknop-oranje-hover, a:visited.hoofdknop-oranje-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-oranje-hover.jpg);
	}	
	
	
a:link.hoofdknop-roze, a:visited.hoofdknop-roze{
	color:#333333;
	}
	
a:hover.hoofdknop-roze, a:active.hoofdknop-roze, .hoofdknop-roze-hover, a:link.hoofdknop-roze-hover, a:visited.hoofdknop-roze-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-roze-hover.jpg);
	}	

a:link.hoofdknop-purper, a:visited.hoofdknop-purper{
	color:#333333;
	}
	
a:hover.hoofdknop-purper, a:active.hoofdknop-purper, .hoofdknop-purper-hover, a:link.hoofdknop-purper-hover, a:visited.hoofdknop-purper-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-purper-hover.jpg);
	}	
a:link.hoofdknop-pastel, a:visited.hoofdknop-pastel{
	color:#333333;
	}
	
a:hover.hoofdknop-pastel, a:active.hoofdknop-pastel, .hoofdknop-pastel-hover, a:link.hoofdknop-pastel-hover, a:visited.hoofdknop-pastel-hover{
	color:#ffffff;
	background: url(../images/hoofdknop-pastel-hover.png);
	}	











a:link.hoofdknop, a:visited.hoofdknop, a:hover.hoofdknop, a:active.hoofdknop{
	margin-left: 0px;
	margin-top: 7px;
	text-align:left;
	display:block;
	float:left; /*+*/
	width:178px;
	height:45px;
	}









a:link.postlink, a:visited.postlink, a:hover.postlink, a:active.postlink{
	display:block;
	font-weight:bold;
	font-size:11pt;
	color:#404040;
	text-decoration:none;
}

a:link.snellink, a:visited.snellink, a:hover.snellink, a:active.snellink{
	margin-left:10px;
	font: bolder 8pt arial,verdana,helvetica;
	color:#676767;
	text-decoration:none;
}

a:link.video, a:visited.video, a:hover.video, a:active.video{
	float:right;
	margin:-18px 0 0 0;
	color:#676767;
	font-weight:normal;
	font-size:8pt;
}

body{
	height:100%;
	margin:0;
	text-align:center;
	cursor:url(images/cursynergie.ico);
	background-image: url(../images/bg-body.png);
	background-position:top left;
	background-repeat:repeat-x;
}

ul{
	list-style-image:url(../images/blokje.gif);
	text-align:left;
}

#table{
	display: table;
	width:1000px;
	height:auto;
	margin:0 auto;
	background:white;
}

#tablerow{
	display: table-row;
	width:auto;
	height: auto;
}

#menucel{
	width:185px;
	height: 548px;
	float:left;
	margin-top: 4px;
	margin-left: 0px;
}

#contentcel{
	display: table-cell;
	width:815px;
	height: auto;
	float:left;
}

#footer{
	display: table;
	clear:both;
}

#footertxt{
	display: table-cell;
	width:980px;
	padding:8px 10px 0;
	height:30px;
	margin:10px 0 10px;
	background:#E6E6E6;
	font-size:7pt;
}

#partners{
	display: table;
	clear:both;
	margin: 20px 0 0 0;
}

#partnertxt{
	display: table-cell;
	width:980px;
	padding:8px 10px 0;
	height:30px;
	background:#E7F4DB;
	font-size:7pt;
}

.header{
	width:666px;
	height:80px;
	margin:0;
	text-align:left;
	overflow:hidden;
}

.logoHeader, .catHeader{
	margin:12px 0 0 0px;
	float:left;
}

.logoHeader{
	margin:0 0 0 8px;
}

.menubalk{
	width:100%;
	height: 44px;
	margin: 0 0 0 0px;
	z-index:4;
}

.ad{
	width:185px;
	height:222px;
}

.titel{
	width:550px;
	float:left;
	margin:5px 0 0 5px;
	font-size:14pt;
	font-weight:bold;
	text-align:left;	
}

.subtitel{
	float:left;
	margin:10px 0 0 5px;
	font-size:12pt;
	font-weight:normal;
	text-align:left;
	border:0;
}

.banier{
	float:left;
}

.scrollThis{
	display: table-cell;
	width:544px;
	height:584px;
	overflow-x:hidden;
	overflow-y:auto;
	float:left;
	margin-left: 0px;
	z-index: 4;
}

.scrollThis-kalenderkeuze{
	display: table-cell;
	width:544px;
	height:52px;
	overflow-x:hidden;
	overflow-y:auto;
	float:left;
	margin-left: 0px;
	z-index: 4;
}

.scrollThis-kalender{
	display: table-cell;
	width:544px;
	height:489px;
	overflow-x:hidden;
	overflow-y:auto;
	float:left;
	margin-left: 0px;
	z-index: 4;
}

.scrollThis-legenda{
	display: table-cell;
	width:544px;
	height:42px;
	overflow-x:hidden;
	overflow-y:auto;
	float:left;
	margin-left: 0px;
	z-index: 4;
}

.absolute{
	position:absolute;
	background:green;
	border:1px solid red;
}

.tekst{
	/*width:530px; */
	width:525px;
	float:left;
	margin:5px 0 0 5px;
	text-align:left;
	font-size:10pt;
}

.kalenderknop{
	background-image: url(../images/kalender.jpg);
	background-repeat: no-repeat;
	background-position: left;
	color: #FF3300;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
	height: 41px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 1px;
	display:block;
	width:120px;
	float: left;
}

.postit{
	width:180px;
	padding:20px 0 0 20px;
	float:right;
	margin: 25px 10px 0 0;
	background: #d0d0d0 url(../images/flapken.jpg) top right no-repeat;
	text-align:left;
}

.zoekbox{
	width:130px;
	margin:-68px 10px 0 0;
	padding-bottom:8px;
	background:#A9A9A9;
	display:table;
	float:right;
}

.zoekveld{
	margin:8px auto 1px;
	border:1px solid #bbb;
}

.zoekbtn{
	float:right;
	margin:2px 8px 0 0;
	color:white;
	border:1px solid #bbb;
	background:#707070;
}

.magglass{
	margin: 10px 0 0 18px;
}

.snelmenu{
	float:right;
	margin:-3px 10px 5px 0;
	display:inline; /* IEbug*/
}

.headerhold{
	width:190px;
	height:34px;
	display:table;
	margin:-64px 0 0 0;
	float:left;
}

.molens{
	display: table;
	width:250px;
	height:570px;
	float:right;
	clear:right;
}

.molen{
	display: table;
	width:230px;
	height:190px;
	margin:0 0 5px;
	border:1px solid #C9DEFF;
}

.kap{
	width:100%;
	height:28px;
	padding-top:2px;
	color:white;
	font-size:14pt;
	font-weight:bold;
}

.grondtitel{
	width:530px;
	margin: 30px auto 0;
	font-size: 20pt;
	font-weight:bold;
	text-align:center;
	color:#2AA7B7;
}

.formtop{
	width:478px;
	height:13px;
	margin:20px auto 0;
	display:table;
	clear:both;
	background: url(../images/bg-form-top.jpg) top left no-repeat;
	font-size:0;
}

.formblad{
	width:478px;
	margin:0 auto;
	clear:both;
	background: url(../images/bg-form.jpg) top left repeat-y;
}

.formbody{
	width:478px;
	margin:0;
	background: url(../images/bg-form-logo.jpg) top right no-repeat;
	text-align:center;
}

.formbottom{
	width:478px;
	height:13px;
	margin:0 auto;
	clear:both;
	background: url(../images/bg-form-bottom.jpg) top left no-repeat;
	font-size:0;
}

.formtbl{
	width:450px;
	margin:0 auto;
}

.formtbl td{
	text-align:left;
	vertical-align:top;
}

.formsubt{
	font-size:11pt;
	padding-bottom:10px;
}

.vraag{
	width:100px;
	padding-top:2px;
	text-align:left;
	vertical-align:top;
}

.antwoord{
	width:auto;
	text-align:left;
	vertical-align:top;
}

.asterisk{
	color:#f06;
	font-weight:bold;
}

.privacy{
	width:466px;
	margin:10px auto;
	font-weight:bold;
	text-align:left;
	color:#D22716;
}

.opgelet{
	font-size:12pt;
	font-weight:bold;
	color:#f06;
}

.routeplan{
	margin:0 auto;
	border:6px solid #FFCF9B;
}

.switchknop{
	position: absolute;
	height: 180px;
	width: 175px;
	top: -20px;
	left: 50%;
	margin-left: 343px;
	display:block;
	}
.iso{
	position: absolute;
	height: 66px;
	width: 84px;
	top: 525px;
	left: 50%;
	margin-left: -450px;
	display:block;
	}

.foto {
	clear: left;
}