@import url(/include/css/editor.php);
body 	{
	background-color: #47A9B7;
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #000000;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	overflow: -moz-scrollbars-vertical;
	background-image:url(/image/bodybg.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

body#popup {
	background-image:none;
	background-color:#42ADB5;
	overflow:auto;
}
body#popup #logo { padding-top:20px;padding-bottom:10px;}
body#popup #foto img { border:1px solid #FFF; }
body#popup #navigatie { background-color:#FFF; color: #EF5A29;font-weight:bold;}
body#popup #navigatie a { color:#EF5A29;font-weight:bold; }
/* MAIN LAYOUT */
div#container { text-align:left; width:922px; margin:0 auto; }
div#top { height:288px;background-image:url(/image/top.jpg);background-position:top left;background-repeat:no-repeat; }
div#content { display:block; background-color:#FFF; padding:10px; }
div#main { margin-top:35px; }
div#navigation { background-color:#E5E7E8; margin-bottom:11px;height:30px; }
div#footer { height:57px; padding-top:14px; color:#FFF; font-size:10px;}
div#footer a { color:#FFF; font-size:10px; }

/* TOP BALK */
div#top div#nvm_wit {
	float:left;
	margin-top:174px;
	position:relative;
	height:35px;
}
div#nvm_wit a{
	display: block;
	margin:0 7px 0 0;
	float: left;
}
div#top div#logo {
	float:right;
	margin-top:35px;
	margin-right:25px;
}

form#quicksearch {
	float:left;
	margin-top:24px;
}
form#quicksearch select#qs_type, form#quicksearch select#qs_plaats, form#quicksearch select#qs_prijsklasse {
	width:222px;
	float:left;
	margin-right:10px;
}
form#quicksearch #btnnuzoeken {
	width:224px;
	height:20px;
	border:0px none #FFF;
	margin: 0 0 0 0;
	float:right;
	margin-top:2px;
}
/* WIT CONTENT VLAK */

div#content div#nvm {
	float:right;
	width:26px;
	height:35px;
}

div#content h1 {
	color:#008393;
	font-size:12px;
	margin-left:0px;
}
div#content h1.heading {
	width:400px;
	height:13px;
}
div#content div.headerborder {
	border-bottom:1px solid #CCC;
	margin-left:11px;
	padding-bottom:5px;
	margin-bottom:11px;
}
body.extranet div#content div.headerborder {
	padding-bottom:0;
}
body.extranet div#content h1.heading {
	float:left;
}
div#content div.nomargin h1.heading {
	margin-left:5px;
}
div#content div.nomargin {
	margin-left:0px;
}
div#content h1.nomargin div {
	margin-left:11px;
}
/*	WELKOM */
body#m6 div#left {
	float:left;
	width:447px;
}
body#m6 div#left div#leftcontent {
	margin-top:11px;
	padding-left:11px;
	padding-right:11px;
	border-right:1px solid #CCC;
}
body#m6 div#left div#actueel {
	border-right:1px solid #CCC;
	padding-right:11px;
	padding-top:8px;
}
body#m6 div#left div#links {
	margin-left:11px;
	margin-top:-11px;
}
body#m6 div#left div#actueel div#links a {
	display:block;
	padding-left:10px;
	background-image:url(/image/pijltje.gif);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px solid #CCC;

}
body#m6 div#left div#actueel div#links a:hover {
	text-decoration:none;
	background-color:#E5E7E8;
}
body#m6 div#left div#banner, body#m6 div#left div#huurbanner {
	width:446px;
	border-right:1px solid #CCC;
	}
	body#m6 div#left div#huurbanner {
		padding-top:20px;
		padding-bottom:10px;
	}
body#m6 div#right {
	float:right;
	width:455px;
}
body#m6 div#rightcontent {
	width:455px;
	height:291px;
}
div#quicklinks {
	margin-top:33px;
}
div#right #dossier {
	margin-top:11px;
	margin-left:11px;
	width:444px;
	height:33px;

	}
div#right #adres {
	margin-top:11px;
	margin-left:11px;
	width:444px;
	height:96px;
	background-color:#E5E7E8;
}
div#right #adres img {
	float:left;
	margin-right:11px;
}
div#right #adres p {
	float:left;
	margin-top:2px;
}
div#woningaanbod {
	margin-left:11px;
	margin-top:11px;
}

div#woningaanbod div.row {
	margin-bottom:8px;
}

div#woningaanbod div.row h1 {
	margin-top:-5px;
	border-style:none;
	margin-left:0;
	font-size:10px;
}

div#woningaanbod div.row .cel_left {
	float:left;
	width:208px;
	height:60px;
	background-color:#E5E7E8;
	padding:10px 5px;
	overflow:hidden;
	zoom:1;
}
div#woningaanbod div.row .cel_right {
	float:right;
	width:208px;
	height:60px;
	background-color:#E5E7E8;
	padding:10px 5px;
	margin-left:8px;
	overflow:hidden;
	zoom:1;
}
div#woningaanbod div.row .cel_left img,div#woningaanbod div.row .cel_right img {
	float:left;
}
div#woningaanbod div.row .cel_left div,div#woningaanbod div.row .cel_right div {
	float:right;
	width:110px;
}

/*	STILLE VERKOOP - TE KOOP GEVRAAGD - LINKS */
div#overzicht {
	background-image:url(/image/lijn_vertical.gif);
	background-position:top center;
	background-repeat:repeat-y;
	zoom:1;
}

div#overzicht .column_left {
	width:451px;
	float:left;
}
div#overzicht .column_right {
	width:451px;
	float:right;
}

div#overzicht .cel_left {
	float:left;
	width:429px;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:11px;
	padding-bottom:11px;
	border-bottom:1px solid #CCC;
}
div#overzicht .cel_right {
	float:right;
	width:429px;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:11px;
	padding-bottom:11px;
	border-bottom:1px solid #CCC;
}
div#overzicht .cel_left img {
	float:right;
	margin-left:5px;
}
div#overzicht .cel_right img {
	float:right;
	margin-left:5px;
}

/*	CONTACT	*/
#introtekst {
	padding: 0 11px;
}
#adres_form {
	background-image:url(/image/lijn_vertical.gif);
	background-position:top center;
	background-repeat:repeat-y;
	zoom:1;
	margin-left: 11px;
	margin-top:20px;
}

#adres_form #adresgegevens {
	float:left;
	width:435px;
}
#adres_form #contactform {
	width:415px;
	float:right;
	background-color:#E5E7E8;
	padding:10px;
	padding-bottom:81px;
}
#adres_form #kaart {
	width:435px;
	height:300px;
	float:left;
}
#kaart div#map { overflow:hidden;}

div#woningaanbod_overzicht, div#woningaanbod_detail, div.woningaanbod_detail,
div#actueel_overzicht, div#actueel_detail {
	margin-top:-35px;
}
div#woningaanbod_overzicht .row, div#woningaanbod_detail .row, div#actueel_overzicht .row, div#actueel_detail .row {
	background-color:#E5E7E8;
	padding:10px;
	margin-bottom:10px;
	overflow:auto;
	zoom:1;
}
div#woningaanbod_overzicht .even, div#actueel_overzicht .even {
	background-color:#f5f5f6;
}
div#woningaanbod_overzicht .row .foto, div#woningaanbod_detail .row .foto, .popupcontent .foto,
div#actueel_overzicht .row .foto, div#actueel_detail .row .foto {
	width:125px;
	border:0px none #FFF;
	float:left;
	margin-right:11px;
}
.popupcontent {
	margin-right:10px;
}
.popupcontent .tekst {
	float:left;
	width:400px;
}
div#woningaanbod_overzicht .row .tekst, div#actueel_overzicht .row .tekst, div#actueel_detail .row .tekst {
	float:left;
	width:550px;
}
div#woningaanbod_overzicht .row .prijs, div#woningaanbod_detail .row .prijs{
	float:right;
	width:158px;
	font-weight:bold;
	padding-top:18px;
}
div#woningaanbod_detail .row .prijs {
	width:200px;
	text-align:right;
}
div#woningaanbod_overzicht .row .prijs .status, div#woningaanbod_detail .row .prijs .status {
	color:#008393;
}
div#woningaanbod_overzicht .row span.plaatsnaam, div#woningaanbod_detail .row span.plaatsnaam, .popupcontent span.plaatsnaam,
div#actueel_overzicht .row span.plaatsnaam, div#actueel_detail .row span.plaatsnaam {
	color:#008393;
	font-weight:bold;
}
div#woningaanbod_overzicht .row span.straatnaam, div#woningaanbod_detail .row span.straatnaam, .popupcontent span.straatnaam,
div#actueel_overzicht .row span.straatnaam, div#actueel_detail .row span.straatnaam {
	color:#008393;
}
div#actueel_overzicht .row span.plaatsnaam, div#actueel_detail .row span.plaatsnaam {
	float:left;
}
div#actueel_overzicht .row span.straatnaam, div#actueel_detail .row span.straatnaam {
	float:right;
}
div#woningaanbod_overzicht .row a.pijltje, .popupcontent a.pijltje,
div#actueel_overzicht .row a.pijltje, div a.pijltje {
	color:#000;
	font-weight:bold;
	padding-right:10px;
	background-image:url(/image/pijltje.gif);
	background-position:right center;
	background-repeat:no-repeat;
	width:200px;
}
div#woningaanbod_overzicht div.pagenav, div#woningaanbod_detail div.pagenav,
div#actueel_overzicht div.pagenav, div#actueel_detail div.pagenav {
	padding-top:13px;
	padding-bottom:13px;
	text-align:right;
}
div#woningaanbod_detail div.pagenav,
div#actueel_overzicht div.pagenav, div#actueel_detail div.pagenav {
	padding-top:38px;
}

div#woningaanbod_overzicht div.pagenav div#paginering {
	padding-top:15px;
}

div#woningaanbod_overzicht div.pagenav span.pagina {
	font-weight:bold;
	padding-right: 10px;
}

div#woningaanbod_overzicht div.pagenav span.activepagina {
	color:#008393;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}

div#woningaanbod_overzicht div.pagenav a, div#woningaanbod_detail div.pagenav a,
div#actueel_overzicht div.pagenav a, div#actueel_detail div.pagenav a {
	padding-left:5px;
	padding-right:5px;
}
div#woningaanbod_overzicht div.pagenav a.vorige {
	background-image:url(/image/pijltje_links.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:8px;
}
div#woningaanbod_overzicht div.pagenav a.volgende {
	background-image:url(/image/pijltje.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:8px;
}

div#woningaanbod_overzicht #zoekopkaart {
	display:block;
	background-image:url(/image/bekijkopkaart.gif);
	background-position:right center;
	background-repeat:no-repeat;
	width:230px;
	height:34px;
	text-align:left;
	padding-top:15px;
	padding-left:10px;
}

div#woningaanbod_detail .row .foto { /* overige opties zijn bij het overzicht gedefinieerd */
	width:150px;
}
div#woningaanbod_detail .tekst {
	float:left;
	width:340px;
}
div#woningaanbod_detail .row .props {
	float:left;
}
div#woningaanbod_detail .row .prijs { /* overige opties bij het overzicht gedefinieerd */
	padding-top:7px;
}

div#woningaanbod_detail .row #links {
	float:left;
	padding-top:10px;
	width:360px;
}
div#woningaanbod_detail .row #links a {
	display:block;
	padding-left:20px;
}
div#woningaanbod_detail .row #links a.pdf {
	background-image:url(/image/pdf.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-bottom:2px;
}
div#woningaanbod_detail .row #links a.locatie {
	background-image:url(/image/wereld.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-bottom:2px;
}
div#woningaanbod_detail .row #links a.film {
	background-image:url(/image/film.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:2px;
}

div#woningaanbod_detail .row #links a {
	display:block;
	float:left;
	width:100px;
}

div#woningaanbod_detail div#openhuis {
	clear:both;
	background-color:#EF5A29;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	padding-top:5px;
	text-align:center;
}

div#woningaanbod_detail div#left {
	float:left;
	width:545px;
	margin-right:11px;
}

div#woningaanbod_detail #beschrijving, div.woningaanbod_detail .beschrijving, div#actueel_detail #beschrijving {
	margin-top:27px;
	margin-left:11px;
	margin-right:11px;
	width:523px;
	}
	div#actueel_detail #beschrijving {
		width:auto;
	}

div#woningaanbod_detail #kenmerken, div.woningaanbod_detail .kenmerken {
	margin-top:17px;
	margin-left:11px;
}

div#woningaanbod_detail div#right {
	float:right;
	width:346px;
	background-color:#E5E7E8;
	padding-top:17px;
	padding-bottom:17px;
}
div#woningaanbod_detail img#bekijkfotos {
	margin-left:27px;
	margin-bottom:5px;
}
div#woningaanbod_detail div#right .row {
	width:293px;
	margin-left:27px;
	padding:0;
}

div#woningaanbod_detail div#right .row .cel_left {
	float:left;
	width:141px;
	margin-right:11px;
}
div#woningaanbod_detail div#right .row .cel_right {
	float:right;
	width:141px;
}



/* AANBOD PRINT PAGINA */
body#m17 {
	background-image:none;
	background-color:#FFF;
}
body#m17 div#woningaanbod_detail {
	margin-top:0px;
}
/* diverse pagina's */

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

a img {
	outline:none;
	display:block;
	}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

.clear {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

.pointer {
	cursor:hand;
	cursor:pointer;
}

/*	DEBUG	*/
.debug1 {	background-color:#F00;	}
.debug2 {	background-color:#FF0;-moz-opacity:0.5;filter:alpha(opacity=50);	}
.debug3 {	background-color:#F0F;	}
.debug4 {	background-color:#00F;	}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.heading {
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

div.extranet #login {
	margin:44px auto 0;
	overflow:auto;
	padding:0 30px 60px;
	width:auto;
	background-color:#E5E7E8;
}
div.extranet div#login.small {
	width:335px;
}
div.extranet #login form, div.extranet div.txt {
	margin-top:50px;
}
div.extranet input, div.extranet textarea {
	width:325px;
	}
	div.extranet form.contactForm textarea {
		width:288px;
		height:211px;
	}
	div.extranet form.contactForm fieldset {
		margin-top:0;
	}
	div.extranet form.contactForm p.msg {
		padding-bottom:0;
	}
	div.extranet form.contactForm p.submit label {
		width:206px;
	}
div.extranet form .radio input {
	width:auto;
}
div.extranet form .radio label {
	margin-right:5px;
}
div.extranet form input.hidden {
	display:none;
}
div.extranet form input.button, div.extranet form input.cancel {
	margin-left:0;
}
div.extranet form div {
	margin:0 0 1.5em;
	clear:both;
}
div.extranet form div.submit {
	clear:both;
	margin-left:227px;
	padding-top:5px;
}
div.extranet form div.submit button {
	width:100px;
}
div.extranet p.error {
	color:#F00;
	margin-left:-4px;
}
div.extranet .woningaanbod_detail {
	margin-top:0;
	width:523px;
	float:left;
	}
	div.extranet .woningaanbod_detail .beschrijving {
		margin-top:17px;
	}
div.extranet .woningaanbod_contact {
	float:right;
	width:292px;
	background:#E5E7E8;
	padding-top:17px;
	padding-bottom:17px;
	padding-left:27px;
	padding-right:27px;
	min-height:280px;
	margin-bottom:20px;
}

h2 {
	margin-bottom:5px;
}
h3 {
	margin-top:10px;
}
h1.loginname {
	width:100% !important;
	}
a#logoutLink {
	display:block;
	float:right;
	width:65px;
	margin-left:10px;
	padding-bottom:2px;
	margin-top:-5px;
}

div.welkomTekst {
	padding:10px;
	padding-right:0;
	}
	div.welkomTekst img {
		float:right;
		margin-left:10px;
		margin-bottom:10px;
	}