/*
	
	Colors used in this document:
	
	dark gray: #A0A0A0
	light grey: #D7D7D7
	
	red: #E32E30
*/


/* LAYOUT */

#navigation {
	width: 270px;
	position: absolute;
	top: 210px;
	bottom: 0px;
	left: 0px;
	/*border: 1px solid blue;	*/
	_height:  expression(document.body.offsetHeight  - 210 + "px");
	background: #A0A0A0 url(/img/nav_bg.png) repeat-y;
}

#header {
	width: 270px;
	height: 210px;
	position: absolute;
	left: 0px;
	/* border: 1px solid green;	*/	 
}

#left {
	height: 125px;
	position:absolute;
	left: 270px;
	right: 0px;
	/*border: 1px solid purple; */
	width: auto;
	_width: expression(document.body.offsetWidth  - 270 + "px");
	background: #A0A0A0 url(/img/top_bg.png) repeat-x; 
}

#left .top_banner_r {
	position: absolute;
	right: 0px;
}

#content {
	margin: 0px auto;
	position:absolute;
	left: 276px;
	right: 0px;
	/*border: 1px solid orange;*/
	width: auto;	
	top: 125px;
	bottom: 40px;	
	overflow: auto;
	background-color: #D7D7D7;
	_height:  expression(document.body.offsetHeight  - 165 + "px");
	_width: expression(document.body.offsetWidth  - 276 + "px");
	padding: 8px;
}
/*
#footer {
	height: 40px;
	position:absolute;
	left: 276px;
	right: 0px;
	bottom: 0px;
	width: auto;
	_width: expression(document.body.offsetWidth  - 276 + "px");	
	background-color: white;
}
*/


/* HTML */
body, html {
	overflow: hidden;
	margin: 0px;
	padding: 0px;	
	height: 100%;
	background-color: #A0A0A0;
	color: #000;
	font-family: arial helvetica sans-serif;
	font-size: 12px;	
}
H1 {
	font-size: 1.4em;	
	line-height: 1.6em;
}
A {
	color: #E32E30;
	text-decoration: none;	
}
A:HOVER {
	text-decoration: underline;	
}
#content .cms-content LI {
	list-style: square inside;
 	margin-top: 8px;
}

/* FORMS (generic) */


FORM {
	position:relative;	
}
.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: #E32E30;
}
div.required label span.required {
	display: inline;
	color: #E32E30;
}
input.invalid {
	border: 1px solid #E32E30 !important;	
}

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


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

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

.form-submit {
	padding-left: 15em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	
}
#cms-content-verplicht {
	position:absolute;
	bottom: 22px;
	color: #E32E30;
}

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:  #E32E30;
	color:#fff;
	font-weight: bold;
 	cursor: pointer;
 	width:auto;
 	border: 1px solid #a0a0a0;
}

.form-row.checkboxes input {
	float:left;
	margin-right:4px;
	border: 0px;
	background: #D7D7D7;
	margin-top: 4px;
	clear: left;
}
.form-row.checkboxes label {
	float:none;
	margin-top: 4px;
	#padding-top: 3px;
}

#email-formulier-contact-adres-province-container, #email-formulier-Contact-adres-province-container {
	display:none;	
}

/* navigatie menu hacks. */

#menu LI.selected UL.level2 {
	display: block;
}

UL.level2 LI A{
	padding-left: 20px;	
}

#menu LI.has-sub-menu {
	position: relative;
}

#menu LI.has-sub-menu UL.level2{
	position: absolute;
	left: 140px;
}

#menu LI.has-sub-menu UL.level2 a {
	background: url("/img/nav_bullet.png") no-repeat scroll left center #D7D7D7;
}

#menu LI.has-sub-menu UL.level2 li.selected a {
	background: url("/img/nav_bullet_over.png") no-repeat scroll left center #D7D7D7;
	
}

#menu LI {
	display:block;
	width: 130px;
	
	margin: 1px;
	margin-left: 50px;

}

#menu UL LI A {
	display:block;
	width: 130px;
	height: 14px;
	background: #d7d7d7 url(/img/nav_bullet.png) no-repeat left center;
	color: black;
	font-size: 0.9em;
	text-align: right;
	padding: 2px;
	border: 1px solid black;
	margin: 1px;
}

#menu LI A:hover, #menu LI.selected A {
	background-image:url(/img/nav_bullet_over.png);	
}


#vestigingen_lijst_adres {
	position: absolute;
	left: 0px;
	bottom: 0px;		
	background-color: white;
	border-top: #A0A0A0 1px solid;
	
	width: 100%;
	max-width: 270px;
	
}
#vestigingen_lijst_adres UL{
	margin: 12px 8px 12px 50px;
}
#vestigingen_lijst_adres .street span ,
#vestigingen_lijst_adres .city_zipcode span {
	display: none;	
} 



/* AANBOD LIJST TYPE 1 */

/* eerst gaan we de dingen die we voor deze lijst niet nodig hebben uitzetten. */

.vastgoed-lijst .mediaicons, .vastgoed-lijst .details {
	display: none;	
}

.vastgoed-lijst LI {
	position: relative;
	display: block;
	height: 110px;
	border-bottom: #A0A0A0 solid 1px;	
	padding-left: 160px;
}

 .photo {
	position: 	absolute;
	left: 0px;
	top: 0px;
	width: 144px;
	overflow: hidden;
}

.vastgoed-lijst .status  {
	display: block;
	width: 90px;
	height: 90px; 	
	position: absolute;
	right: 0px;
	bottom: 1px;
}

.vastgoed-lijst LI.new .status {
	background-image: url(/img/object4.gif);	
}

.vastgoed-lijst LI.vov .status {
	background-image: url(/img/object1.gif);	
}

.vastgoed-lijst LI.verkocht .status {
	background-image: url(/img/object2.gif);	
}

.vastgoed-lijst LI.verhuurd .status {
	background-image: url(/img/verhuurd.gif);	
}

.vastgoed-lijst .status * {
	display: none;	
}

.vastgoed-lijst .address, .vastgoed-lijst .price, .vastgoed-lijst .description {
	font-weight: bold;
	color: #000;
	padding-top: 12px;	
}

/* pagina nummers */

#pagina_nummers_pagenumbers {
	margin-top: 12px;
	margin-bottom: 12px	
}

Ul.pages {
	display: block;
	height: 40px;
	position: relative;
	font-weight: bold;
}
LI.first_page, LI.last_page, LI.next_more, LI.previous_more{
	display:none !important;		
}
LI.previous_page, LI.next_page{
	position: absolute;
	float: none;
	top: 0px;
}
LI.previous_page A, LI.next_page A {
	display: block;
	height: 20px;
	border: 1px solid #a0a0a0;
	color: #fff;
	background: #E32E30;
	text-align: center;
	width: 70px;
	padding: 2px 6px;
}
LI.previous_page {
	left: 0px;	
}
LI.next_page {
	right: 0px;	
}
LI.page_numbers {
	margin: 0 auto;
	float: none !important;
	width: 90px;
}
LI.page_numbers LI {
	width: 16px; 
	text-align: center;	
}
LI.current_page A {
	color: black;	
}



/* OBJECT PRESENTATIE TYPE 5 */

/* kop text */

#straat-plaats-prijs_title {
	position: relative;
	color: 	#E32E30;
	height: 24px;
	font-size: 1.2em;
	font-weight: bold;
}

#straat-plaats-prijs_title-straat, #straat-plaats-prijs_title-plaats  {
	float: left; 
	margin-right: 6px;	
}

#straat-plaats-prijs_title-prijs {
	position: absolute;	
	right: 0px;
	
}

/* fotos */

#foto-viewer_fotos {
	height: 260px;
	position: relative;	
}

#foto-viewer_fotos-mainphoto-container {
	position: absolute;
	top: 0px;
	left: 0px;	
}
#foto-viewer_fotos-thumbnails {
	position: absolute;
	left: 390px;
	top: 0px;
	width: 222px;
	height: 214px;	
	overflow: auto;
}

#foto-viewer_fotos-thumbnails SPAN {
	display: block;
	float: left; 
	margin: 4px;
	width: 94px;
	margin-left: 0px;
	text-align: center
}

#foto-viewer_fotos-thumbnails IMG, #foto-viewer_fotos-mainphoto {
	border: 1px solid #000
}

#print_link_print {
	display: block;
	width: 240px;
	position: absolute;
	top: 256px;
	left: 398px;
	
}             
#print_link_print  A {
	background: transparent url(/public/icons/silk/printer.png) no-repeat;
	padding-left: 20px;	
}
/* tabbladen */
.tabpanel LI.tabMenuItem {
	_width: 110px;
}

.tabpanel LI.tabMenuItem A {
	display: block; 
	padding: 0px 8px;
	color: white;
	background-color: #E32E30;
	border: 1px solid #E32E30;
	font-weight: bold;
	margin-right: 4px;
	margin-left: 4px;
	
}

.tabpanel LI.tabMenuItem SPAN.selected A {
	background-color: #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	color: #000;	
}

.tabContainer {
	border-top: 1px solid #E32E30;
	padding: 8px
}


/* kenmerken */


.woning-kenmerken .key {
	width: 200px;
	min-height: 1.2em !important; 
	height: auto;
	margin-bottom: 3px;
	@border-bottom: 1px dashed #A0A0A0;
	white-space: nowrap;
}	

.woning-kenmerken .value {
	min-height: 1.2em !important; 
	border-bottom: 1px dashed #A0A0A0;
	height: auto; 
	margin-bottom: 3px;
	white-space: nowrap;
}


.bedrijf-kenmerken .key {
	width: 200px;
	min-height: 1.2em !important; 
	height: auto;
	margin-bottom: 3px;
	@border-bottom: 1px dashed #A0A0A0;
	white-space: nowrap;
}	

.bedrijf-kenmerken .value {
	min-height: 1.2em !important; 
	border-bottom: 1px dashed #A0A0A0;
	height: auto; 
	margin-bottom: 3px;
	white-space: nowrap;
}

/* route */ 

  
.esri .map-container {
	background: url("/img/map_bg.png") no-repeat;
	background-position: 475px 30px;   /* panner alignment */
	margin-top: 10px;
	padding-top: 10px;
	position: relative;
	height: 300px;
	border-top: 2px dashed #deeff7;
}

.esri .map-pan {
	position: absolute;
	width: 16px;
	height: 16px;
	text-align: center;
	cursor: pointer;
	margin-left: 475px;    /* panner btns alignment */
	margin-top: 30px;
}

.esri .map-pan.row1 { top: 0px; }
.esri .map-pan.row2 { top: 16px; }
.esri .map-pan.row3 { top: 31px; }

.esri .map-pan.col1 { left: 0px; }
.esri .map-pan.col2 { left: 16px; }
.esri .map-pan.col3 { left: 32px; }

.esri .map-pan#pan-n { background: url("/img/map_nav_n.png") no-repeat; }
.esri .map-pan#pan-w { background: url("/img/map_nav_w.png") no-repeat; }
.esri .map-pan#pan-o { background: url("/img/map_nav_o.png") no-repeat; }
.esri .map-pan#pan-z { background: url("/img/map_nav_z.png") no-repeat; }

.esri .map-pan span { display: none; }

.esri .map-map {
	border: 1px solid #224e7f;
	position: absolute;
	left: 61px;
	cursor: pointer;
}
	
.esri .map-nav {
	position: absolute;
	_position: relative;
	top: 100px;
	left: 491px;
}

.esri .map-nav .zoom-in { 
	width: 16px;
	height: 14px;
	background: url("/img/map_zoom_in.png") no-repeat; 
}
.esri .map-nav .zoom-out { 
	width: 16px;
	height: 14px;
	background: url("/img/map_zoom_out.png") no-repeat; 
}
.esri .map-nav .zoom {
	margin: 5px;
	@margin: 0px 5px;
	_margin: 0px 5px;
	width: 6px;
	height: 6px;
	background: url("/img/map_zoom.png") no-repeat;
}
.esri .map-nav .zoom.selected {
	background: url("/img/map_zoom_selected.png") no-repeat;
}
.esri .map-nav span {
	display: none;
}
.esri .map-nav li {
	cursor: pointer;
}

.esri #route {
	padding-top: 10px;
}

.esri #route h3 {
	margin: 0.5em 0 0.5em 0;
}

.esri #route li {
}

.esri #route li div {
	padding: 1px;
}

.esri #route li .dark_table_td {
	height: auto;
	width: 24%;
	float: left;
}

.esri #route li.odd .dark_table_td {
	background-color: #A0A0A0;
}