/* ----- BODY -----*/
div#body{
	
}

a { color: #000000; }

strong { font-weight: bold; }

em { font-style: italic; }

/* ----- PAGE-WRAP -----*/
div#page{

}

/* ----- HEADER -----*/
div#header{
	height: 90px;
	width: 960px;
	background-color: white;
	padding-left: 15px;
}

.openhouse{
font-size:12px;
font-weight:bold;

}

div#header div#makelaar_logo_logo{
	background-color: white;
	position: absolute;
	z-index: 3;
}

/* ----- NAVIGATION -----*/
div#navigation{
	position: absolute;
	background-color: #9e1600;
	z-index: 3;
	left: 15px;
	top: 100px;
	bottom: 62px;
	width: 195px;
	_height:  expression(document.body.offsetHeight  - 160 + "px");
	overflow-y: auto;
	overflow-x: hidden;
}

ul#root{
	padding: 123px 0 0 0;
	background: url(/img/medewerkers2.png) top center no-repeat #9e1600;
	width: 195px;
	background-color: #9e1600;
}

ul#root li span{
	font-family: verdana, helvetica,sans-serif;
	font-size: 0.9em;
}

ul#root li a{
	width: 170px;
	font-size: 1.0em;
	text-decoration: none;
	color: white;
	height: 20px;
	padding: 2px 0 0 25px;
	border-bottom: solid #ba5d4e 1px;
	display: block;
}

/* -- active / non-active /icons -- */
ul#root li#menu_item_Nieuws a{
	border: none;
}

ul#root li#menu_item_Startpagina a{
	background: url(/img/home.png) no-repeat #9e1600;
}

ul#root li#menu_item_Startpagina.selected a{
	background: url(/img/home.png) no-repeat #55636e;
}

li.level1 a{
	background: url(/img/pijl.png) no-repeat #9e1600;
}

li.level1.selected a{
	background: url(/img/pijl.png) no-repeat #55636e;
}


/* ----- LEFT -----*/
div#left{
	display: none;
}


/* ----- CONTENT -----*/
div#content{
	width: 975px;
	position: absolute;
	top: 25px;
	bottom: 47px;
	background-color: white;
	z-index: 2;
	_height:  expression(document.body.offsetHeight  - 85 + "px");
} 

div#main{
	background-color: white;
	width: 735px;
	overflow: auto;
	position: absolute;
	top: 0px;
	bottom: 15px;
	left: 240px;
	z-index: 3;
	_height:  expression(document.body.offsetHeight  - 85 + "px");
}


/* ----- CONTENT-INHOUD-MAIN -----*/

div#cms-content-title h1{
	font-family: verdana, helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #9e1600;
}

div#cms-content-title p{
	padding-bottom: 10px;
}


/* ----- CONTENT-HOMEPAGE -----*/
/* ----- CONTENT-HOMEPAGE-SPOTLIFGHT -----*/
div#spotlight_woningen_spotlight ul.results li {
	border: 1px solid #ba5d4e;
	width: 220px;
	float: left;
	clear: none;
	margin: 0 7px;
}

div#spotlight_woningen_spotlight{
	text-align: center;
}

div#spotlight_woningen_spotlight ul.results li#spotlight_woningen_spotlight_item_1{
	margin-left: 5px;
}

div#spotlight_woningen_spotlight ul.results li#spotlight_woningen_spotlight_item_3{
	margin-right: 5px;
}

/*---- ADRDESS TITLE ---- */
div#spotlight_woningen_spotlight .address a{
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #0d374e;
	font-family: verdana, helvetica,sans-serif;
}

div#spotlight_woningen_spotlight .address span.street{
	width: 220px;
	display: block;
	padding-top: 6px;
}

div#spotlight_woningen_spotlight .address span.postcode{
	display: none;
}

div#spotlight_woningen_spotlight .address span.plaats{
	width: 220px;
	display: block;
	padding-bottom: 6px
}

/*---- DISCRIPTION ---- */
div#spotlight_woningen_spotlight .details, 
div#spotlight_woningen_spotlight .mediaicons, 
div#spotlight_woningen_spotlight .status{
	display: none;
}


div#spotlight_woningen_spotlight .description{
	height: 85px;
	padding: 25px 20px 0 20px;
	font-size: 0.8em;
}

/*---- DISCRIPTION / PRICE ---- */
div#spotlight_woningen_spotlight .price{
	font-weight: bold;
	color: #ce0402;
	font-size: 0.8em;
}

div#spotlight_woningen_spotlight .price span.conditie{
	display: none;
}

div#spotlight_woningen_spotlight .price span.conditie_kort{
	display: inline;
}

/*---- DISCRIPTION / MEER INFO ---- */
div#spotlight_woningen_spotlight .meer_info,
div#spotlight_woningen_spotlight .meer_info a{
	width: 220px;
	height: 140px;
	color: #ba5d4e;
	font-size: 0.9em;
	margin-top: -125px;
}

/*---- PHOTO ---- */
div#spotlight_woningen_spotlight .photo{
	padding: 5px 0;
	background-color: #e0e0e0;
	height: 126px;
	width: 220px;
}
/* ----- CONTENT-HOMEPAGE -END- -----*/

/* ----- CONTENT-WONING-AANBOD -----*/

/* --- ZOEK FORM ---*/

form#zoek_woningen_zoek_form { border-bottom: 1px solid #e0e0e0; margin-bottom: 1em; }
form#zoek_woningen_zoek_form,
form#zoek_woningen_zoek_form select {
	font-size: 0.9em;
}
form#zoek_woningen_zoek_form fieldset legend { font-size: 1em; }

form#zoek_woningen_zoek_form .form-row { 
	display: block;
	width: 340px; 
	float: left;
}
form#zoek_woningen_zoek_form #zoek_aanbod-city-container { height: 6em; }

form#zoek_woningen_zoek_form label { width: 5em; text-align: right; padding-right: 1em; }
form#zoek_woningen_zoek_form select { width: 8em; }
form#zoek_woningen_zoek_form .multiselect select { width: 9em; height: 8em; }

form#zoek_woningen_zoek_form .multiselect_buttons { 
	width: 25px; 
	height: 6em;
	text-align: center; 
	cursor: pointer; 
	position: relative;
}
form#zoek_woningen_zoek_form .multiselect_buttons img { }
form#zoek_woningen_zoek_form .multiselect_button.remove { position: absolute; top: 4em; left: 3px; }


#zoek_aanbod_price_container .from-select label { display: none; }
#zoek_aanbod_price_container select#zoek_aanbod-price_pricefrom { float: left; }
#zoek_aanbod_price_container .to-select label { width: 3em; }


#zoek_woningen_zoek_form-submit input { position: relative; left: 620px; bottom: 20px; }


form#zoek_woningen_zoek_form #zoek_aanbod_forsale_container {
	display: none;	
}

/* --- PAGINA NUMMERS ---*/
div#pagina_nummers_pagenumbers{
	float: right;
	font-size: 0.9em;
	margin-bottom: 5px;
}

div#pagina_nummers_pagenumbers a{
	color: #CC0000;
	padding-right: 5px;
	text-decoration: underline;
}

div#pagina_nummers_pagenumbers li.current_page a{
	text-decoration:none;
	color: #000000;
}

div#pagina_nummers_pagenumbers ul.pages li.previous_more,
div#pagina_nummers_pagenumbers ul.pages li.next_more,
div#pagina_nummers_pagenumbers ul.pages li.previous_page a span,
div#pagina_nummers_pagenumbers ul.pages li.next_page a span{
	display: none;
}



div#pagina_nummers_pagenumbers ul.pages li.first_page a{
	display: none;
	width: 21px;
	height: 21px;
	background: url(/img/eerste.png) no-repeat;
}
div#pagina_nummers_pagenumbers ul.pages li.previous_page a{
	width: 21px;
	height: 21px;
	display: block;
	padding-right: 5px;
	background: url(/img/links.png) no-repeat;
}
div#pagina_nummers_pagenumbers ul.pages li.next_page a{
	width: 21px;
	height: 21px;
	display: block;
	background: url(/img/rechts.png) no-repeat;
}

div#pagina_nummers_pagenumbers ul.pages li.last_page a{
	display: none;
	width: 21px;
	height: 21px;
	background: url(/img/laatste.png) no-repeat;
}

div#pagina-informatie-w{
	font-size: 0.9em;
	position: absolute;
}

div#pagina-informatie-w span.objecten-gevonden strong{
	font-weight: bold;
}
/* --- END PAGINA NUMBERS --- */

div#woningen-lijst-lijst p { margin-top: 2em; }


div#woningen-lijst-lijst ul.results li.result{
	height: 120px;
	width: 716px;
	border: solid 1px #dfdfdf;
	position: relative;
	margin-bottom: 3px;
}

div#woningen-lijst-lijst ul.results li.odd{
	background-color: #ffffff;	
}

div#woningen-lijst-lijst ul.results li.even{
	background-color: #f5f5f5;	
}

div#woningen-lijst-lijst div.photo {
	position: absolute;
	text-align: center;
	width: 120px;
	height: 85px;
	top: 7px;
	bottom: 7px;
	left: 7px;
}

div#woningen-lijst-lijst div.photo img{
	border: solid 1px #999999;
}


div#woningen-lijst-lijst ul.results .details,
div#woningen-lijst-lijst ul.results .mediaicons div{
	display: none;
}

div#woningen-lijst-lijst ul.results .mediaicons div.brochure {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 10px;
	right: 3px;
	display: block;
	background: url("/img/pdf.png") no-repeat;
}

div#woningen-lijst-lijst ul.results .mediaicons div.brochure span { display: none; }


div#woningen-lijst-lijst ul.results .address,
div#woningen-lijst-lijst ul.results .description,
div#woningen-lijst-lijst ul.results .price{
	padding-left: 135px;
	width: 420px;
	font-size: 0.9em;
}

div#woningen-lijst-lijst ul.results .price span.conditie{
	display: none;
}

div#woningen-lijst-lijst ul.results .price span.conditie_kort{
	display: inline;
}


div#woningen-lijst-lijst ul.results .address{
	margin-top: 7px;
	font-weight: bold;
}
div#woningen-lijst-lijst ul.results .address a{
	text-decoration: none;
	color: #666666;
}

div#woningen-lijst-lijst ul.results .description{
	height: 55px;
	padding-top: 25px;
}

div#woningen-lijst-lijst ul.results .price{
	font-weight: bold;
	color: #cc0000;
	margin-top: -80px;
}


div#woningen-lijst-lijst ul.results .new{
	background: url(/img/nieuw.png) no-repeat;
	background-position: 540px 0px;
}
div#woningen-lijst-lijst ul.results .vov{
	background: url(/img/vov.png) no-repeat;
	background-position: 540px 0px;
}
div#woningen-lijst-lijst ul.results .verhuurd{
	background: url(/img/verhuurd.png) no-repeat;
	background-position: 540px 0px;
}
div#woningen-lijst-lijst ul.results .onder_optie{
	background: url(/img/onder_optie.png) no-repeat;
	background-position: 540px 0px;
}
div#woningen-lijst-lijst ul.results .onder_bod{
	background: url(/img/onder_bod.png) no-repeat;
	background-position: 540px 0px;
}
div#woningen-lijst-lijst ul.results .openhuis{
	background: url(/img/openhuis.png) no-repeat;
	background-position: 540px 0px;
}

div#woningen-lijst-lijst ul.results .verkocht{
	background: url(/img/verkocht.png) no-repeat;
	background-position: 540px 0px;
}
div#woningen-lijst-lijst ul.results .status .new span,
div#woningen-lijst-lijst ul.results .status .verkocht span,
div#woningen-lijst-lijst ul.results .status .verkocht_onder_voorbehoud span,
div#woningen-lijst-lijst ul.results .status .verhuurd span,
div#woningen-lijst-lijst ul.results .status .onder_optie span,
div#woningen-lijst-lijst ul.results .status .onder_bod span{
	display:none;
}

div#woningen-lijst-lijst ul.results .openhouse {
	margin-top: 63px;
	margin-left: 135px;
	font-size: 0.9em;
	font-weight: bold;
}


/* ----CONTENT-WONING-PRESENTATIE ------ */
/*--- IMAGE BOX ---*/
div#foto-viewer_fotos{
	margin-bottom: 10px;
}

div#foto-viewer_fotos-mainphoto-container{
	height: 250px;
	width: 375px;
	text-align: center;
}

div#foto-viewer_fotos-mainphoto-container img{
	border: solid 1px #9e1600;
}

div#foto-viewer_fotos-thumbnails{
	float: right;
	width: 325px;
	_width: 310px;
	height: 250px;
	overflow: auto;
	margin-right: 10px;
}

div#foto-viewer_fotos-thumbnails img{
	border: solid 1px #9e1600;
}

div#foto-viewer_fotos-thumbnails span{
	width: 90px;
	height: 60px;
	display: block;
	text-align: center;
	float: left;
	padding: 3px;
	_padding: 2px;
}


/* ---- INFORMATIE BOX KLEIN ---- */
div#widget_container_row2{
	border: 1px solid #dfdfdf;
	margin: 0 10px 13px 0;
	padding: 10px 10px 30px;
}
div#widget_container_row2 div#straat-plaats-prijs_title{
	width: 400px;
}
div#widget_container_row2 div#straat-plaats-prijs_title-straat,
div#widget_container_row2 div#straat-plaats-prijs_title-plaats{
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
	padding-right: 5px;
	float: left;
}


div#widget_container_row2 div#straat-plaats-prijs_title-prijs span.conditie_kort{
	display: inline;
}
div#widget_container_row2 div#straat-plaats-prijs_title-prijs span.conditie{
	display: none;
}


div#widget_container_row2 div#straat-plaats-prijs_title-prijs{
	color: #cc0000;
	width: 400px;
	display: inline-table;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 5px
}


div#widget_container_row2 ul.object_nav{
	width: 200px;
	float: right;
	margin: -40px 50px 0 0;
	_margin: -40px 20px 0 0;
}

div#widget_container_row2 ul.object_nav a{
	color: black;
	font-size: 0.9em;
	padding-left: 25px;
}
div#widget_container_row2 ul.object_nav li.brochure a{
	background: url(/img/pdf.png) no-repeat left;
}
div#widget_container_row2 ul.object_nav li.objectmap a{
	background: url(/img/world.jpg) no-repeat left;
}
div#widget_container_row2 ul.object_nav li.response a{
	background: url(/img/mail.png) no-repeat left;
}

div#widget_container_row2 ul.object_nav li.presentation a{
	margin-left: 2px;
	padding-left: 23px;
	background: url(/img/links_klein.png) no-repeat left;
}

/* ---- INFORMATIE BOX GROOT ---- */
div#woning-omschrijving_omschrijving{
	border: 1px solid #dfdfdf;
	margin: 0 10px 13px 0;
	padding: 10px;
}


/*--- ORGANISATIE ---*/
div#medewerkers-lijst_medewerkers ul.results li.result{
	height: 100px;
	width: 716px;
	border: solid 1px #dfdfdf;
	position: relative;
	margin-bottom: 3px;
}

div#medewerkers-lijst_medewerkers ul.results li.odd{
	background-color: #ffffff;	
}

div#medewerkers-lijst_medewerkers ul.results li.even{
	background-color: #f5f5f5;	
}

div#medewerkers-lijst_medewerkers div.photo {
	position: absolute;
	text-align: center;
	width: 90px;
	height: 90px;
	background-color: #e0e0e0;
	border: 1px solid #b0b0b0;
	top: 4px;
	bottom: 5px;
	left: 5px;
}

div#medewerkers-lijst_medewerkers ul.results .mobile,
div#medewerkers-lijst_medewerkers ul.results .telephone,
div#medewerkers-lijst_medewerkers ul.results .email,
div#medewerkers-lijst_medewerkers ul.results .function,
div#medewerkers-lijst_medewerkers ul.results .description{
	padding-left: 110px;
	font-size: 0.8em;
}

div#medewerkers-lijst_medewerkers ul.results .name{
	margin: 3px 0 1px 0;
	font-weight: bold;
	color: #666666;
	padding-left: 110px;
	font-size: 0.8em;
}

/* ----- CONTENT-CONTACT / ROUTE -----*/
/* ---- CONTACT ----*/
div#widget_container_left{
	width: 300px;
	position: absolute;
}

textarea#email-formulier-Brochure-opmerkingen-notes{
	width: 285px;
}

.form-group {
	border-top:1px solid #E0E0E0;
	margin-bottom:10px;
	padding:5px;
}

.form-group legend {
	color:#9e1600;
	font-size: 0.9em;
	font-weight:bold;
}

.form-row {
	padding:2px;
}

.form-row .required { display: none; }
.form-row.required .required { display: inline; }
.form-row.required label .required { display: none; }

form#email-formulier-Brochure .form-group input{
	width: 270px;
}
form#email-formulier-Brochure .form-group input#email-formulier-Brochure-adres-zipcode,
form#email-formulier-Brochure .form-group input#email-formulier-Brochure-adres-streetnumber
{
	width: 100px;
}
form#email-formulier-Brochure .form-group input#email-formulier-Brochure-adres-get-adres{
	width: 60px;
}

.form-row label {
	display:block;
	float:left;
	width: 255px;
	font-size: 0.8em;
}

label span.required{
	display: none;
}

/* ---- BROCHURE DOWNLOAD --- */

.brochure_links li {
		margin: 5px;
		padding: 3px 3px 3px 26px;
		background: url(/img/pdf.png) no-repeat left;
}

/*---- ROUTE ---- */
div#widget_container_right{
	width: 413px;
	float: right;
	margin-top: 12px;
	padding-left: 3px;
}

div#widget_container_right div#vestigingen_lijst_kantoor li.result{
	font-size: 0.9em;
	padding: 0 0 30px 10px;
}

div#widget_container_right div#vestigingen_lijst_kantoor li.result .name{
	font-weight: bold;
}
div#widget_container_right div#vestigingen_lijst_kantoor li.result span.label{
	width: 115px;
	float: left;
}

.section.esri .esri-postcode-formulier {
	width: 413px;
	margin: 0px auto;
	padding-bottom: 1em;
	font-size: 0.8em;
	text-align: center;
}

.section.esri .esri-postcode-formulier p{
	padding-bottom: 5px;
}

.section.esri #map-container {
	margin: 0px auto;
	position: relative;
	width: 413px;
	height: 324px;
	text-align: center;
}

.section.esri #map-container #themap {
	border: 1px solid #808080;
	position: absolute;
	top: 10px;
	left: 5px;
	cursor: pointer;
}

.section.esri #map {
}

.section.esri #map-container #pan-nw, 
.section.esri #map-container #pan-n, 
.section.esri #map-container #pan-no, 
.section.esri #map-container #pan-w, 
.section.esri #map-container #pan-o, 
.section.esri #map-container #pan-zw, 
.section.esri #map-container #pan-z, 
.section.esri #map-container #pan-zo {
	color: #ffffff;
	font-weight: bold;
	font-size: 0.01em;
	background-color: #ffffff;
	border-top: 1px solid #c81e02;
	border-left: 1px solid #c81e02;
	border-bottom: 2px solid #9e1600;
	border-right: 2px solid #9e1600;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	width: 16px;
	height: 16px;
}


.section.esri #map-container #pan-nw {	left: 0px;	top: 0px; background-image: url(/img/pan-nw.png); }
.section.esri #map-container #pan-n  {  left: 200px; top: 0px; background-image: url(/img/pan-n.png); }
.section.esri #map-container #pan-no {	right: 0px; top: 0px; background-image: url(/img/pan-no.png); }
.section.esri #map-container #pan-w  {  left: 0px; top: 150px; background-image: url(/img/pan-w.png); } 

.section.esri #map-container #pan-o {	right: 0px;	top: 150px; background-image: url(/img/pan-o.png); }
.section.esri #map-container #pan-zw  {  left: 0px; bottom: 0px; background-image: url(/img/pan-zw.png); }
.section.esri #map-container #pan-z  {	left: 200px; bottom: 0px; background-image: url(/img/pan-z.png); }
.section.esri #map-container #pan-zo  {  right: 0px; bottom: 0px; background-image: url(/img/pan-zo.png); }

.section.esri #map-nav {
	position: absolute;
	top: 325px;
	left: 40px;
	background-color: #ffffff;
	border-top: 1px solid #c81e02;
	border-left: 1px solid #c81e02;
	border-bottom: 2px solid #9e1600;
	border-right: 2px solid #9e1600;}

.section.esri #map-nav .zoom, 
.section.esri #map-nav #zoomout, 
.section.esri #map-nav #zoomin {
	margin: 1px;
	padding: 3px;
	font-weight: bold;
	font-size: 0.82em;
	color: #9e1600;
	float: left;
	cursor: pointer;
}

.section.esri #map-nav #zoomout, 
.section.esri #map-nav #zoomin {
	font-size: 1em;
	text-decoration: none;
}

.section.esri #map-nav .selected {
	color: #cc0000;
	text-decoration: underline;
}

.section.esri #route {
	margin-top: 40px;
	padding-left: 2%;
	border-top: 1px dashed #808080;
}

.section.esri #route h3 {
	margin: 0.5em 0 0.5em 0;
	color: #9e1600;
}

.section.esri #route li {
		font-size: 0.7em;
}


.section.esri #route li .dark_table_td {
	height: auto;
	width: 24%;
	float: left;
	margin-right: 2px;
}

.section.esri #route li.odd .dark_table_td {
	background-color: #e0e0e0;
}
/* ----- CONTENT-CONTACT / ROUTE -END- -----*/

/* ----- RIGHT -----*/
div#right{
	background-color: #9e1600;
	top: 25px;
	bottom: 62px;
	width: 100%;
	position: absolute;
	z-index: 1;
	_height: expression(document.body.offsetHeight  - 85 + "px");
}


/* ----- FOOTER -----*/
div#footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 43px;
	border-top: 4px solid #9e1600;
	background: url(/img/nvm.png) no-repeat #55636e;
	background-position: 948px 5px;
	clear: both;
	z-index: 3;
	color: white;
}

div#footer div#vestigingen_lijst_kantoor li{
	margin-left: 10px;
}
div#footer div#vestigingen_lijst_kantoor li .name,
div#footer div#vestigingen_lijst_kantoor li .street,
div#footer div#vestigingen_lijst_kantoor li .city_zipcode,
div#footer div#vestigingen_lijst_kantoor li .telephone,
div#footer div#vestigingen_lijst_kantoor li .fax,
div#footer div#vestigingen_lijst_kantoor li .email{
	height: 20px;
	font-size: 0.7em;
	float: left;
	padding: 15px 10px 0 10px;
}

div#footer div#vestigingen_lijst_kantoor li .email a{
	text-decoration: none;
	font-size: 1.0em;
	color: white;
}

div#footer div#vestigingen_lijst_kantoor li .street span,
div#footer div#vestigingen_lijst_kantoor li .city_zipcode span,
div#footer div#vestigingen_lijst_kantoor li .telephone span,
div#footer div#vestigingen_lijst_kantoor li .fax span,
div#footer div#vestigingen_lijst_kantoor li .email span{
	padding: 0 3px 0 0;
}