html,body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'DiavloLight', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#694a3e;
	height:100%;
	background:url(../img/indexbg.png) repeat #fff;
	line-height:18px;
}

@font-face {
    font-family: 'DiavloLight';
    src: url('../fonts/diavlo_light_ii_37-webfont.eot');
    src: url('../fonts/diavlo_light_ii_37-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_light_ii_37-webfont.woff') format('woff'),
         url('../fonts/diavlo_light_ii_37-webfont.ttf') format('truetype'),
         url('../fonts/diavlo_light_ii_37-webfont.svg#DiavloLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DiavloBold';
    src: url('../fonts/diavlo_bold_ii_37-webfont.eot');
    src: url('../fonts/diavlo_bold_ii_37-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_bold_ii_37-webfont.woff') format('woff'),
         url('../fonts/diavlo_bold_ii_37-webfont.ttf') format('truetype'),
         url('../fonts/diavlo_bold_ii_37-webfont.svg#DiavloBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChocolateBoxRegular';
    src: url('../fonts/c_box-webfont.eot');
    src: url('../fonts/c_box-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/c_box-webfont.woff') format('woff'),
         url('../fonts/c_box-webfont.ttf') format('truetype'),
         url('../fonts/c_box-webfont.svg#ChocolateBoxRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ALGEMEEN */
h1 { font-family:'ChocolateBoxRegular', Arial, Helvetica, sans-serif; color:#694a3e; font-size: 36px; font-weight: normal; margin:0px 0px 20px 0px; line-height:41px;}
h2 { font-family:'ChocolateBoxRegular', Arial, Helvetica, sans-serif; color:#d2b456; font-size: 26px; font-weight: normal; margin:0px 0px 10px 0px; line-height:28px;}
h3 { color:#ab230d; font-size: 16px; text-transform:uppercase; font-weight: bold; margin:10px 0px 15px 0px;}
h4 { font-size: 15px; font-weight: bold; margin:0px;}

.strong { font-family:'DiavloBold', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal;}

.footertekst {font-size: 11px; font-weight: normal; color:#aaaaaa; }
.datum { color: #999; font-size: 10px; font-style:italic;}

a:link {color: #d2b456; text-decoration: none;}a:visited {color: #d2b456; text-decoration: none;}a:hover {color: #694a3e;}a:active {color: #d2b456; text-decoration: none;}
.footerlink:link {color: #694a3e; text-decoration: none;}.footerlink:visited {color: #694a3e; text-decoration: none;}.footerlink:hover {color: #694a3e; text-decoration: underline;}.footerlink:active {color: #694a3e; text-decoration: none;}

/* MENU */
#menu{float:left; width:582px; height:41px; background:#694a3e; }
.menubtn{float:left; color:#fff; font-size:16px; height:31px; margin:0px; padding:10px 10px 0px 9px; border-right:1px solid #816b63; }
.menubtn:link {color: #fff; text-decoration: none;}.menubtn:visited {color: #fff; text-decoration: none;}.menubtn:hover {color: #fff; text-decoration: none; background:url(../img/menubg_actief.png) repeat-x; }.menubtn:active {color: #fff; text-decoration: none;}
.actief{ float:left; color:#fff; font-size:16px; height:31px; margin:0px; padding:10px 10px 0px 9px; background:url(../img/menubg_actief.png) repeat-x; border-right:1px solid #816b63; }
.actief:link {color: #fff; text-decoration: none;}.actief:visited {color: #fff; text-decoration: none;}.actief:hover {color: #fff; text-decoration: none; }.actief:active {color: #fff; text-decoration: none;}

/* LIST STYLES */
ul.opsomming {list-style: none; margin:0px 0px 0px 30px; padding:0px; }
li.opsomming {padding:3px; line-height:17px; margin-left:-30px; padding-left:20px; background: url(../img/iconen/arrow.png) no-repeat; background-position: 0px 7px;}
li.opsomming:hover { background: url(../img/iconen/arrow2.png) no-repeat; background-position: 0px 7px;}

/* IMAGES */
.img { float:left; padding:6px; background-color:#FFF; border:1px solid #d2b456; margin-bottom:20px; overflow:hidden; } .img:hover{ filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}
.plattegrond_foto { float:left; padding:6px; background-color:#FFF; border:1px solid #d2b456; overflow:hidden; } .plattegrond_foto:hover{ filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

/* INDEX */
#container {
	position: relative;
	margin: auto;
	width:990px;
	text-align:center;
	z-index:2;
	background:url(../img/contentbg.png) top repeat-y;
	padding-left:40px;
}

#content_left {
	position:relative;
	float:left;
	width:582px;
	z-index:4;
}

#content_right {
	position:relative;
	float:left;
	width:368px;
	z-index:5;
}
	
#header_ {
	position:relative;
	float:left;
	width:582px;
	height:371px;
}

#logo_ {
	position:relative;
	float:left;
	width:368px;
	height:245px;
}

#content_ {
	position:relative;
	float:left;
	width:505px;
	text-align:left;
}

#interesse_ {
	position:relative;
	float:left;
	width:338px;
	height:109px;
	background:url(../img/interesse.png) no-repeat;
	text-align:left;
	color:#fff;
	padding:17px 0px 0px 30px;
}

#meerinfo_ {
	position:relative;
	float:left;
	width:268px;
	background:url(../img/meerinfo.png) repeat-y;
	padding:25px 70px 30px 30px;
	text-align:left;
}

#content-onder_ {
	position:relative;
	float:left;
	width:582px;
	height:309px;
	margin-top:-309px;
	z-index:3;
}

#footer_ {
	position:relative;
	float:left;
	width:870px;
	padding:25px 40px;
	background:url(../img/footerbg.png) repeat;
	text-align:left;
}