/*
---------------------------
START LAYOUT POSITIONING
---------------------------
*/

html { overflow: hidden; }

div#body {
	width: 100%;
	margin: 0px auto;
}

div#header {
	height: 124px;	
	width: 100%;
	position: absolute;
	border-bottom: 1px solid black;
	background: black url(/img/logo_bg.png);
	
}

div#footer {
	height: 24px;
	_width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

div#left {
	width: 213px;
	margin-left: 0px;
	/* z-index:2; */
	border-right: 1px dashed #E0E0E0;
}

div#right {
	width: 150px; 
	right: 0px;
}


div#content, div#left, div#right {
	position: absolute;
	top: 160px;
	bottom: 24px;
}


div#content {
	overflow: auto;
	left: 244px;
	right: 150px;
	padding-right: 20px;
	padding-bottom: 20px;
}


div#portal-main {
	width: 843px;
	font-size: 12px;
	text-align: center;
	font-family: tahoma, verdana, arial;
}

div#portal-main p {
	padding-left: 12px;
	padding-right: 12px;
}

div#portal-main img {
	border: 0px;
	
}

div#portal-main div#woningmakelaardij	{
	width: 281px;
	height: 400px;
	float: left;
	text-align: center;

}

div#portal-main div#bedrijfsmakelaardij	{
	width: 281px;
	height: 400px;
	float: left;
	text-align: center;
}

div#portal-main div#aog	{
	width: 281px;
	height: 400px;
	float: right;
	text-align: center;
}

div#portal {
	position: absolute;
	left: 50%;
	width: 873px;
	height:100%;
	margin-left: -436px;
	margin-top: 0px;
	top: 0px;
	
}

table.portal-table {
	margin: 0px;
	padding: 0px;
	align: center; 
	width: 873px;
	
}

table.portal-table td{
	margin: 0px;
	padding: 10px;
	align: center;
	text-align: center;
	vertical-align: top; 
	width: 281px;
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
}

table.portal-table-header h1, h2, h3 {
	text-transform: uppercase;
	text-align: center;
	text-shadow: ##666666 3px 3px 3px;
	padding-bottom:10px;
	letter-spacing: 2pt;
	padding-top:50px;
	font-weight:bold;
}

table.portal-table img{
	border: 0px;
}

div#navigation {
	height: 38px;	
	position: absolute;
	width: 100%;
	top: 126px;
	z-index: 100
}


/* Start IE6 layout hacks */

div#left, div#right {
	_height: expression(document.body.clientHeight - 205 + "px");			
}

div#content {
	_width: expression(document.body.clientWidth - 416 + "px");
	_height: expression(document.body.clientHeight - 216 + "px");
}
/* End IE6 layout hacks */


/*
---------------------------
START DISPLAY STYLES
---------------------------
*/

body {
	font-size: 12px;
	color: #303030;
	background-color: #ffffff;
}

div#body {
	background-color: #ffffff;
}
div#header {
	background-color: #ffffff;
	height: 124px;
	
	
}

/* FOOTER */

div#footer {
	bottom: 0px;
	background-color: #00A94F;
	color: #ffffff;
	line-height: 24px;
	text-align:center;
	width:100%;
}

div#footer a { color: #ffffff; }


div#footer .department_43571 { 
	text-align:center;
	width:100%;
	text-align:center;
	} 
div#footer div.street { margin-right: 0em; }
div#footer div.city_zipcode { margin-left: 0em; }

div#footer li span.label { display: none; }
div#footer li .telephone span.label,
div#footer li .fax span.label,
div#footer li .email span.label,
div#footer li .pobox span.label
 { display: inline; }



div#footer li div {
	display: inline;
	margin-left: 1.5em;
}


/* */


div#left {
	background-image: url(/img/decoration2.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

.pagina-20   div#left { background-image: url(/img/decoration1.jpg); }
.pagina-2010 div#left { background-image: url(/img/decoration6.jpg); }
.pagina-30   div#left { background-image: url(/img/decoration5.jpg); }
.pagina-40   div#left { background-image: url(/img/decoration3.jpg); }
.pagina-55   div#left { background-image: url(/img/decoration9.jpg); }
.pagina-50   div#left { background-image: url(/img/decoration4.jpg); }
.pagina-60   div#left { background-image: url(/img/decoration8.jpg); }
.pagina-70   div#left { background-image: url(/img/decoration10.jpg); }
.pagina-80   div#left { background-image: url(/img/decoration5.jpg); }
.pagina-90   div#left { background-image: url(/img/decoration1.jpg); }

div#right {
	overflow: hidden;
}



div#main {
	overflow: visible;
	position: relative;
	padding-bottom: 40px;
}

/* LOGO IMG */

div#header div.cms-content {
	background-color: #ffffff;
	position: absolute;
	top: 5px;
	left : 1%;
}

DIV#opening {
	position: absolute;
	left: 300px;
	top: 68px;	
}


/* NVM FUNDA */

DIV#nvm_funda {
	position: absolute;
	right: 30px;	
	top: 56px;
}

DIV#nvm_funda A {
	margin-right: 10px;	
}

/* NAVIGATION ELEMENTS */

div#navigation {
}

div#menu {
	font-size: 0.8em;
	height: 32px;
	background-color: #d8d8d8;
	background-image: url(/img/nav_background.png);
	background-repeat: repeat-x;
	}

div#menu ul li a {
	height: 24px;
	max-height: 32px;
	background-repeat: repeat-x;
	text-align: center;
	padding: 7px 12px 1px 12px;
	color: black ;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: auto;
	_width: 60px;
	border-left: 1px solid #C5C8D1;
	overflow: hidden;
	white-space: nowrap;
}

div#menu ul li#menu_item_Aankopen a,
div#menu ul li#menu_item_Verkopen a { _width: 130px; }
div#menu ul li#menu_item_Huurindexatie a { _width: 90px; }
div#menu ul li#menu_item_Referenties a { _width: 70px; }
div#menu ul li#menu_item_Links a { _width: 40px; }


div#menu ul li.last  a {
	border-right: 1px solid #C5C8D1;
}
div#menu .selected a {
	color: #00A94F;
	background-image: url(/img/nav_background_over.png);
	background-repeat: repeat-x;
}
/*
div#menu #menu_item_Aanbod a {
	background-image: url(/img/nav_background_active.png);
}
*/
div#menu ul li.level1 a:hover { 
	background-image: url(/img/nav_background_over.png);
}
div#menu ul li.level1 ul a:hover { 
	color: #00A94F;
		
}
div#menu ul {
/*	width: 725px !important;
	_width: 775px !important;*/
/*	width: 940px !important;
	_width: 940px !important;*/
	width: 1035px !important;
	_width: 1085px !important;
	margin: 0px auto;
	background-color: transparent;
}

/* 
-------
CONTENT
-------
 */

div.price span.conditie{
	text-transform: lowercase;
 }
 
dl#kenmerken span.conditie{
	text-transform: lowercase;
	}

div#main { color: #535351; }
div#main H1, div#main H2, div#main h3, legend  { 
	color: #00A94F; 
	text-shadow: #a0a0a0 0.15em 0.15em 0.25em; 
}
div#main a, div#left a, div#right a { 
	color: #00A94F; text-decoration: underline; 
}

div#content {
	padding-top: 20px;
}

div#content h1, div#content h2, div#content h3 {
	padding-bottom: 0.22em;
}

div#content .cms-content ul {
	padding-left: 2em;
}


div#content .cms-content ul li {
	display: list-item;
	list-style-type: disc;
	padding-bottom: 0.5em;
}

.cms-content i, .cms-content em { font-style: italic; }

.cms-content b, .cms-content strong {
	font-weight: bold; 
/*	color: #00A94F; */
}

.photo IMG { padding: 0px ; margin: 3px; border: 1px solid #808080; } /* Aanbod en spotlight images */

#right {
	background-color: #f3f3f3;
	text-align: center;
	border-left: 1px dashed #E0E0E0;
}

#right #cms-content9105 {
	border: 1px solid #00A94F;
	border-bottom: 0px;
}

.section.spotlight-meest-recent {
}

.spotlight .result {
	background-color: #f3f3f3;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 0.72em;
	font-weight: bold;
	border-bottom: 1px dashed #E0E0E0;
}

.spotlight .result span.street{
	display: block;
	text-decoration: underline;
	
}
	
.spotlight .result span.street{
	text-decoration: underline;
}

.spotlight .result span.postcode{
	text-decoration: underline;
}

/* FORMS (generic) */

.form-row {
	padding: 2px;
}

.form-row label {
	display: block;
	float: left;
	width: 15em;
}


div span.required, label span.required {
	display: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc3300;
}

div.required label span.required {
	display: inline;
	color: #cc3300;
}

input.invalid {
	border: 1px solid #cc3300 !important;	
}

input.requiredInvalid{
	border: 1px solid #cc3300 !important;	
}

.form-row .form-element {
	border: 1px solid #808080;
	background-color: #ffffff;
	max-width: 16.2em;
}


.form-group {
	border-top: 1px solid #e0e0e0;
	padding: 5px;
	margin-bottom: 2em;
}

.form-group legend {
	font-weight: bold;
	font-size: 1.22em;
	color: #00A94F;
	margin-bottom: 0.52em;
	_margin-left: -8px;
	@margin-left: -8px;
}


textarea {
	font-size: 1em;
	width: 20em;
}

input[size="15"] {
 	 width: 16.2em;
	_width: 18em;    
}
input[size="7"] {
 	 width: 6em;
	_width: 7em;    
}
input[type=button], input[type=submit] {
	background: #00A94F url();
	color: #ffffff;
	font-weight: bold;
 	cursor: pointer;
 	width:auto
}

.form-row .zipcode, .form-row .streetnumber { width: 5.2em; }

/* OBJECT liST ELEMENTS */
/* verberg prijs type */
.koop .type , .huur.type {
	
}

div.vastgoed-lijst ul li.result {
	position: relative;
	height:152px;
	background-color: #f3f3f3;
	border: 1px solid #00A94F;
	margin-bottom: 4px;
}
div.vastgoed-lijst ul li div.address {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 20px;
	font-weight: bold;
}
div.vastgoed-lijst ul li.visited DiV.address a {
	color: #00A94F !important;
}
div.vastgoed-lijst ul li div.address A{
	font-weight: bold;
	font-size: 1.02em;
/*	color: #ffffff; */
}
div.vastgoed-lijst ul li div.address A:hover {
	color: #FF7E00;
}



div.vastgoed-lijst ul li div.photo IMG{
	position: absolute;
	left: 11px;
	top: 50px;
	margin: 3px;
}


div.vastgoed-lijst ul li div.description {
	position: absolute;
	left: 10px;
	right: 10px;
	_width: 96%;
	padding-left: 5px;
	top: 30px;
	overflow: hidden;
	height: 1.5em;
	font-size: 0.92em;
	background: #e0e0e0;
}
div.vastgoed-lijst ul li div.details {
	position: absolute;
	width: auto;
	min-width: 300px; /* Safari */
	left: 125px;
	top: 60px;
	font-size: 0.92em;
}

div.vastgoed-lijst ul li div.details .key {
	width: 122px;
}


div.vastgoed-lijst ul li div.price {
	position: relative;
	top: 60px;
	z-index:10;
	width:99%;
	font-weight: bold;
	text-align:right;
	
}
div.vastgoed-lijst ul li div.mediaicons {
	position: absolute;
	left: 123px;
	top: 118px;
}
div.vastgoed-lijst ul li div.mediaicons SPAN {
	display: none;	
}
div.vastgoed-lijst ul li .mediaicons div {
	background-position: center center;
	background-repeat: no-repeat;
	width: 18px; 
	height: 18px;
	float: left;
	margin: 4px;
}
div.vastgoed-lijst ul li .mediaicons div.video {
	background-image: url(/public/icons/silk/film.png);
}
div.vastgoed-lijst ul li .mediaicons div.brochure  {
	background-image: url(/public/icons/silk/page_white_acrobat.png);
}
div.vastgoed-lijst ul li .mediaicons div.v360  {
	background-image: url(/public/icons/silk/360.png);
}
div.vastgoed-lijst ul li .mediaicons div.photos  {
	background-image: url(/public/icons/silk/photos.png);
}
div.vastgoed-lijst ul li .mediaicons div.plans  {
	background-image: url(/public/icons/silk/plan.png);
}
div.vastgoed-lijst ul li div.status SPAN{
	display: none;
}

div.vastgoed-lijst ul li div.status .verhuurd SPAN,
div.vastgoed-lijst ul li div.status .verkocht SPAN,
div.vastgoed-lijst ul li div.status .onder_optie SPAN,
div.vastgoed-lijst ul li div.status .new SPAN
{
	font-weight: bold;
	color: #ff3333;
	font-size: 1.22em;
	display: inline;
}
div.vastgoed-lijst ul li.verhuurd div.price,
div.vastgoed-lijst ul li.verkocht div.price {
	display: none;
}

div.vastgoed-lijst ul li div.status .verhuurd,
div.vastgoed-lijst ul li div.status .verkocht 
{
	width: auto;
}

div.vastgoed-lijst ul li div.status div {
	position: absolute;
	top: 10px;
	right:10px;
	width: 	250px;
	height: 15px;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #f3f3f3;
}
div.vastgoed-lijst ul li div.status div.new {
	top: 125px;
	left: 2px;
	width: 	115px;
	text-align: center;
	background: none;
}
div.vastgoed-lijst ul li div.status div.verkocht_onder_voorbehoud{
	background-image: url(/public/icons/status/basic_black_white/verkocht_onder_voorbehoud.gif);
}
div.vastgoed-lijst ul li div.status div.onder_bod{
	background-image: url(/public/icons/status/basic_black_white/onder_bod.gif);
}




/* OBJECT liST NAV */

div.sorteer-formulier {
	float: right;	
}
div.sorteer-formulier div {
	float: left;
	margin-right: 4px;	
}

/* - sorteer links - */
ul.sorteer-links-menu {
	float: left;	
}
ul.sorteer-links-menu li {
	float: left;	
}
ul.sorteer-links-menu li.label {
	margin-right: 10px;
	font-weight: bold;	
}

ul.sorteer-links-menu li a  {
	display: block;
	padding-right: 18px;
	
}
ul.sorteer-links-menu li.asc a  {
	background: url(/public/icons/silk/bullet_arrow_up.png) no-repeat center right ;
}
ul.sorteer-links-menu li.desc a  {
	background: url(/public/icons/silk/bullet_arrow_down.png) no-repeat center right ;
}

div.section.pagina-informatie, div.section.pagina-nummers {
	font-size: 1em;
	font-weight: bold;
	margin: 5px;
}

.pagina-nummers .first_page, 
.pagina-nummers .previous_page, 
.pagina-nummers .next_page, 
.pagina-nummers .next_more,
.pagina-nummers .previous_more,  
.pagina-nummers .last_page,
.pagina-nummers .page_numbers li {
	margin-right: 0.7em;
}

.pagina-nummers .current_page a {
	text-decoration: none !important;
	color: #00A94F !important;
	
}


/* OBJECT */

.section.straat-kop {
	width: 98%;
	@width: 95%;
	text-align: center;
	margin-bottom: 20px;
	background-color: #f3f3f3;
	border: 1px solid #00A94F;
	font-size: 0.8em;
}

.section.woning-presentatie {
	@width: 85%;
}

.section.woning-presentatie .photo {
	position: absolute;
	top: 30px;
	margin: 0px 20px 10px 0px;
}

.section.woning-presentatie .photo img {
	margin: 0px;
	border: 1px solid #808080; 
}

.section.woning-presentatie .price {
	position: absolute;
	top: 30px;
	left: 330px;
	_left: 40px;
	font-weight: bold;
	font-size: 1.22em;
	padding-bottom: 1em;
}

.section.woning-presentatie .status {
	font-weight: bold;
	font-size: 1.22em;
	color: #ff3333;
	position: absolute;
	top: 120px;
	left: 330px;
}

.section.woning-presentatie.verhuurd .price,
.section.woning-presentatie.verkocht .price
{
	display: none;
}

.section.woning-presentatie .status .verhuurd,
.section.woning-presentatie .status .verkocht {
	position: absolute;
	top: -90px;
}


.section.woning-presentatie .details {
	position: absolute;
	top: 60px;
	left: 330px;
	_left: 40px;
	float: left;
	padding-top: 1em;
}

.section.woning-presentatie .details dd {
	min-height: 1.2em;
	height: auto;
}

.section.woning-presentatie .details .key {
}

.section.woning-presentatie .details .value {
	margin-left: 95px;
	width: auto;
}

#presentation_navigation {
	position: absolute;
	left: 330px;
	_left: 30px;
	top: 210px;

}

#presentation_navigation li {
	float: left;
	text-align: center; 
	width: 70px;
	height: 70px;
}

#presentation_navigation li a img {
	display: block;
	position: absolute;
	border-top: 1px solid #00A94F;
	border-left: 1px solid #00A94F;
	border-bottom: 2px solid #A51828;
	border-right: 2px solid #A51828;
	text-decoration: none;
	font-size: 0.72em;
}

#presentation_navigation li a span {

	position: absolute;
 	display: block; 
	_cursor: pointer;
	@cursor: pointer;
	width: 60px;
	top: 52px;
	font-size: 0.92em;
	font-weight: bold;
	text-decoration:  underline;
	background-color: #ffffff;
}

#presentation_navigation li.back_to_list span {
	text-align: center;
	background-color: #ffffff;
	border-top: 1px solid #00A94F;
	border-left: 1px solid #00A94F;
	border-bottom: 2px solid #A51828;
	border-right: 2px solid #A51828;
	text-decoration: none;
	_text-decoration: underline;
	_cursor: pointer;
	padding: 2px;
	top: 0px;
	font-size: 0.92em;
}

/* OBJECT TABS */

.section.tabpaneel {
	margin: 0px auto !important;

	position: absolute;
	top: 330px;
	_top: 280px;
	width: 95% !important;
	padding: 0px 10px 100px 10px; 

	/* Workarounds voor IE6 scrollbar probleem */	
	_width: 92% !important;
	_position: relative;
	_height: 100%;
	_padding-bottom: 300px;
	/*                                         */

	background-color: #f3f3f3;
	border: 1px solid #00A94F;
	border-top: 5px solid #00A94F;
}

.tabsMenu {
	margin-top: -27px;
	_margin-top: -20px;
	width: 100%;
	left: -1px;
}
.section.tabpaneel .tabMenuItem span {
		_display: inline;
}
.section.tabpaneel .tabMenuItem span a span {
	background-color:black;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	padding: 2px 5px 0px 5px;
	_display: inline;
}
.section.tabpaneel .tabMenuItem span a {
	font-weight: bold;
	color: #ffffff !important;
	text-decoration: none !important; 
}

.section.tabpaneel .tabMenuItem span a:hover {
	text-decoration: underline !important;
}

.section.tabpaneel .tabMenuItem span.selected a span{
	background-color: #00A94F;
}


.section.woning-textinternet .disclaimer {
	text-align: center;
	font-size: 0.92em;
	margin-top: 2em;
}


DIV.kenmerken DL DT{
	width: 120px;
	min-height: 1.2em !important; 
	height: auto;
	margin-bottom: 3px;
	@border-bottom: 1px dashed #e0e0e0;
	line-height: 1.6em;
}	

DIV.kenmerken DL DD {
	min-height: 1.2em !important; 
	border-bottom: 1px dashed #e0e0e0;
	height: auto; 
	margin-bottom: 3px;
	padding-left: 120px;
	line-height: 1.6em;
}

/* Foto's */

.section.woning_fotos {
	text-align: center;
}

.section.woning_fotos img {
	margin: 0px 10px 20px 10px;
	border: 1px solid #808080;
}

/* Route */

.section.esri {
}

.section.esri .esri-postcode-formulier {
	width: 420px;
	margin: 0px auto;
	padding-bottom: 1em;
}


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

.section.esri #map-container #themap {
	border: 1px solid #808080;
	position: absolute;
	top: 10px;
	left: 10px;
	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 #00A94F;
	border-left: 1px solid #00A94F;
	border-bottom: 2px solid #A51828;
	border-right: 2px solid #A51828;
	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 #00A94F;
	border-left: 1px solid #00A94F;
	border-bottom: 2px solid #A51828;
	border-right: 2px solid #A51828;
}

.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: #00A94F;
	float: left;
	cursor: pointer;
	text-decoration: underline;

}

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

.section.esri #map-nav .selected {
	color: #00A94F;
}

.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;
}

.section.esri #route li {
}

.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;
}

/* Zoek formulier */

.zoek-formulier {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0px;
	clear: both;

}

.zoek-formulier legend span { color: #303030; font-size: 12px; }
.zoek-formulier .form-group { border: none; margin-bottom: 0px; }
.zoek-formulier label { width: 10em; padding-left: 1em; }
.zoek-formulier select { width: 10em; }
.zoek-formulier .from-select label { padding-left: 0px; width: 0px; position: relative; left: -2em; overflow: visible; _display: none; }
.zoek-formulier .from-select select { float: left; _margin-left: 3px; }
.zoek-formulier .to-select label { width: 2em; padding-left: 1em; }
.zoek-formulier .to-select select { float: left; }
.zoek-formulier .form-submit { 
	float: left;
	position: relative;
	bottom: 35px;
	left: 525px;
	@left: 520px;
}

.multiselect {
	width: 100%;
	height: 7.5em;
}
.multiselect select { width: 15em; height: 6.5em; }
.multiselect_buttons { padding: 20px 5px; }
.multiselect_buttons span { cursor: pointer; }
.multiselect_buttons img { margin-bottom: 5px; }