@charset "utf-8";
/* DE HOOGHE TUYN */

/* BODY EIGENSCHAPPEN */
body { margin:0px; padding:0; font-family:Trebuchet MS; font-size:14px; color:#000; line-height:18px; height:100%; body:100%; background: #FFF; }
h1 { margin:0; padding:0; font-size:16px; font-family:Georgia; color:#5b7101; }
h2 { margin:0; padding:0; font-size:16px; font-family:Georgia; color:#FFF; }

/* HYPERLINKS */
a:link,a:active,a:visited{ text-decoration:none; color:#5b7101; }
a:hover{ text-decoration:underline; color:#5b7101; }
a.groen:link,a.groen:visited{ text-decoration:none; color:#5b7101; }
a.groen:hover,a.groen:active{ text-decoration:underline; color:#5b7101; }

/* DIV INTERFACE STATIC */

#top-logo { 
	padding:0; 
	position:absolute;
	height: 15px; 
	width:966px; 
	left:50%; 
	margin:0 auto auto -483px;
	background: url(../images/bg.jpg) top center no-repeat #FFF; 
}

#menu { padding:0; position:absolute; width:966px; height:45px; left:50%; margin:15px auto auto -483px; background: transparent url('../images/bg-menu.jpg'); }
#menu ul { padding:0; margin:15px 0 0 19px; display:block; list-style-type:none; width:677px; overflow:inherit; }
#menu ul li { padding:0; margin:0 30px 0 0; height:27px; display:inline; position:relative; float:left; font-weight:bold; font-family:Georgia; font-size:14px; color:#5b7101; }
#menu ul li a { color:#FFF; text-decoration:none; }
#menu ul li a:hover { color:#5b7101; text-decoration:none; }
#menu ul li.active a { color:#5b7101; text-decoration:none; }

#shade-menu-left{ padding:0; margin:60px auto auto -483px; position:absolute; width:9px; height:10px; left:50%; overflow:hidden; background:url(../images/shade-menu-left.jpg); z-index:100; }
#shade-menu-right{ padding:0; margin:60px auto auto 474px; position:absolute; width:9px; height:10px; left:50%; overflow:hidden; background:url(../images/shade-menu-right.jpg); z-index:100; }
#image-top{ 
	padding:0; 
	margin:60px auto auto -476px; 
	position:absolute; 
	width:952px; 
	height:354px; 
	left:50%; 
	overflow:hidden; 
	text-align:center; 
	background:url(../images/bg-image-top.png) no-repeat; 
}
#container{ position:absolute; margin:425px auto auto -475px; width:950px; left:50%; }
#content{ padding:0; margin:9px 0 0 0; width:623px; float:left }
#pagina-kop{ margin:0; padding:0; width:623px; height:25px; border-bottom:dotted 1px #5b7101; }
#content-tekst{ padding:0; margin:5px 0 0 0; width:623px; overflow:hidden; }


ul#hero-images {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0 0 0 0;
}


#column-right { padding:0; margin:0; width:307px; float:right; background:transparent url('../images/bg-column-right.gif') repeat-y; }
#column-right-top { padding:0; margin:0; width:307px; height:4px; background:transparent url('../images/bg-column-right-top.gif') no-repeat top; font-size:1px; }
#column-right-kop { margin:4px 0 0 0; padding:0; width:267px; height:21px; }
#column-right-content { padding:0; margin:0 0 0 20px; width:267px; color:#FFF; }
#column-right-content ul { padding:0; margin:5px 0 0 0; display:block; list-style-type:none; width:267px; overflow:inherit;	}
#column-right-content ul li { padding:3px 0 6px 0; margin:0; width:267px; position:relative; color:#FFF; border-top:dotted 1px #adc966; }
#column-right-bottom { padding:0; margin:0; width:307px; height:28px; background: transparent url('../images/bg-column-right-bottom.gif') no-repeat top; }

#footer{ padding:0; margin:0; width:950px; height:49px; overflow:hidden; float:left; clear: both; }
#footer ul { display:block; margin:11px 0 0 0; padding:0; list-style-type:none; width:950px; overflow:inherit; border-top:solid 1px #5b7101; font-size:12px; }
#footer ul li { padding:0; margin:8px 21px 0 0; display:inline; position:relative; float:left; height:27px; }
#footer ul li a { text-decoration:none; color:#5b7101; }
#footer ul li a:hover { text-decoration:none; color:#5b7101; }

/* HOMEPAGE */
#container-homepage{ position:absolute; margin:423px auto auto -475px; width:950px; left:50%; }
ul#homepage-blokken { padding:0; margin:0 0 0 -19px; display:block;	 list-style-type:none; width:970px; overflow:inherit; text-align:left; }
ul#homepage-blokken li { padding:0 0 0 20px; margin:0; display:inline; position:relative; float:left; width:303px; }
div.homepage-blokken-titel { padding:0; margin:0; width:303px; height:24px; overflow:hidden; border-bottom:dotted 1px #5b7101; }
div.homepage-blokken-tekst { padding:3px 0 0 0; margin:0; width:303px; height:77px; overflow:hidden; border-bottom:dotted 1px #5b7101; }
div.homepage-blokken-lees-verder { margin:0; padding:0; width:303px; text-align:right; }
#footer-homepage { padding:9px 0 0 0; margin:0; width:950px; height:59px; overflow:hidden; font-size:11px; color:#bbb7a0; line-height:16px; clear: both; }

/* WONINGEN */
#container-woningen-tmp { position:absolute; margin:423px auto auto -477px; width:954px; left:50%; }
#container-woningen { position:absolute; margin:423px auto auto -477px; width:954px; left:50%; }
#content-woningen { padding:0; margin:9px 0 0 0; width:954px; }
#pagina-kop-woningen { margin:0 0 0 2px; padding:0; width:949px; height:25px; border-bottom:dotted 1px #5b7101; }
#terug-naar-overzicht-woningen { position:absolute; margin:433px auto auto 234px; width:240px; left:50%; z-index:100; font-size:12px; font-weight:bold; text-align:right; }
.afbeeldingen-woningen { padding:0 0 15px 0; margin:0; width:624px; float:left; }
.tekst-woningen { padding:0; margin:0; width:303px; float:right; font-size:12px; }
.tekst-woningen ul { padding: 0 0 0 9px; margin: 0; }
#kop-downloads-woningen { margin:5px 0 0 2px; padding:0; width:949px; height:25px; border-bottom:dotted 1px #5b7101; }
#links-downloads-woningen { margin:8px 0 0 2px; padding:0; width:949px; }

.links-woningen { padding:0; margin:0; width:303px; float:right; font-size:12px; }
ul.links-afbeeldingen-woningen { padding:26px 0 0 0; margin:0; display:block; list-style-type:none; width:303px; overflow:inherit;	}
ul.links-afbeeldingen-woningen li { padding:0; margin:0 0 0 0; width:303px; height:20px; border-top:dotted 1px #5b7101; color:#5b7101; }
ul.links-afbeeldingen-woningen li.last { padding:0; margin:0 0 0 0; width:303px; height:20px; border-bottom:dotted 1px #5b7101; color:#5b7101; }
.links-afbeeldingen-woningen li a { text-decoration:none; color:#5b7101; cursor:pointer; }
.links-afbeeldingen-woningen li a:hover { text-decoration:none; color:#5b7101; cursor:pointer; }
.links-afbeeldingen-woningen li.active a { color:#5b7101; }

div.download {
	width: 34px;
	height: 34px;
	margin-top: -36px;
	margin-left: 2px;
	display: none;
}

/* NIEUWSARCHIEF */
ul#nieuws-archief { padding:5px 0 0 0; margin:0; display:block; list-style-type:none; width:623px; overflow:inherit;	 }
ul#nieuws-archief li { padding:0; margin:0 0 15px 0; width:623px; height:81px; position:relative;  border-top:dotted 1px #5b7101; border-bottom:dotted 1px #5b7101; background:#ebe7ca; }
ul#nieuws-archief li img { padding:0; margin:8px 0 0 8px; width:98px; height:63px; border:solid 1px #5b7101; }
.nieuws-archief-tekst { padding:0; margin:4px 0 0 114px; width:501px; height:53px; overflow:hidden; }
.nieuws-archief-lees-verder { padding:0 8px 0 0; margin:0; width:200px; float:right; text-align:right; }
#terug-naar-archief { position:absolute; margin:434px auto auto -90px; width:240px; left:50%; z-index:100; font-size:12px; font-weight:bold; text-align:right; }


/* ACCORDEONS */
#accordion { padding:0; margin:22px 0 0 0; width:954px; }
h3.toggler { padding:6px 0 0 12px; margin:0; cursor: pointer; border:0; font-size: 14px; font-weight:bold; height:35px; }
div.element { margin:0 0 -3px 0; padding:0; }
.accordion-content { padding:0; margin:7px 0 0 2px; width:948px; }

blockquote { padding:0; }

/* FOTO GALLERY */
ul#galerij-blokken {
	padding:0;
	margin:15px 0 0 -40px;
	display:block;	
	list-style-type:none;
	width:960px;
	overflow:inherit;
	text-align:left;
}
ul#galerij-blokken li {
	padding:0;
	margin:0 0 20px 50px;
	display:inline;
	position:relative; 
	float:left;
	width:270px;
	height:148px;
}
#galerij-blokken-titel{
	padding:3px 0 0 7px;
	margin:0;
	width:263px;
	height:25px;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	color:#dac799;
	overflow:hidden;
	float:left;
	background:#907864;
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/mootools/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/mootools/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/mootools/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/mootools/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* FORMULIEREN */
.input-field { margin:0; padding:2px 0 0 4px; width: 252px; height: 22px; border:0; text-indent:0px; background:url(../images/bg-input-field.jpg) no-repeat; }
.text-area { margin:0; padding:2px 0 0 4px; width:618px; height:202px; border:0; background:url(../images/bg-text-area.jpg) no-repeat; font-family:Trebuchet MS; font-size:14px; color:#000; }
