/*
	Stylesheet for www.pappie.nl
	Pappie & Van der Zee Makelaars O/G
	Created by NVM Realworks B.V. (www.realworks.nl)
	$Id$
*/ 


/* Fonttype settings */

	BODY, TD, INPUT, SELECT, TEXTAREA {
		font-family: Verdana,sans-serif;
		font-size: 12px;
		line-height: 16px;
	}
	
	H1 {
		font-size: 14px;	
	}
	
	DIV#content UL {
		list-style-image: url(images/list-style-image.png);
		line-height: 19px;
	}
	
	DIV#content UL A:after {
		content: " >>";
	} 
	

	
	DIV#content ADDRESS {
		font-style: italic;
	}


/*	color settings
	BLACK:#000000; WHITE:#FFFFFF; RED:#FF3709;
	LIGHT-RED:#ED7B4E; GREY:#5B6765;
	LIGHT-GREY:#F7F3EE */

	
	BODY, TD, INPUT, SELECT {
		color: #000000;
		
	}
	
	A, H1 {
		color: #E54202;
	}
	
	DIV#navigation {
		background-color: #E54202;
	}
	TABLE.Matrix TH, TABLE.Matrix TD {
		padding:4px !important;
		margin: 2px !important;
		border: 2px solid white !important;
	} 
	TABLE.Matrix TH {
		color: #FFFFFF;
		background-color: #E54202;	
	}

	TABLE.Matrix TD {
		color: #E54202;
		font-weight:bold;
	}
	TABLE.Matrix TR.light TD {
		background-color: #f8d8c3;
	}
	TABLE.Matrix TR.dark TD {
		background-color: #f2ae87;
	}
	TR.Equal TD {
		background-color: #F7F3EE;
	}
	BODY {
		background-image: url(/images/bg.jpg) !important;
		background-repeat: repeat-x !important;
		background-position: bottom !important;
	}
	
	BODY.NoBG {
		background-image: url(/images/bg2.jpg) !important;
	}

/* generic properties */

	TD {
		padding: 2px 10px 2px 10px;
	}
	
	SPAN.Description {
		display: block;
		width: 100%;
		height: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: -16px;
	}
	
	IMG {
		border: none;
	}


/* Spotlight */

	IMG.naambord {
		margin-top: 24px;
	}
	DIV#spotlightHeader {
		width: 244px;
		height: 95px;
		position: relative;
		/*background-color: #E54202;*/
		color: white;
		font-weight: bold;
		vertical-align:middle;
		text-align:center;
		margin-top: 24px;
		cursor:pointer;
	}
	SPAN.spotlightHeaderText {
		position:absolute;
		display:block;
		left:0px;
		top:40px;
		width: 244px;
		height: 40px;
		vertical-align:middle;
		font-size: 18px;
	}
	
		SPAN.spotlightHeaderTextShade {
		position:absolute;
		display:block;
		left:2px;
		top:42px;
		width: 244px;
		height: 40px;
		vertical-align:middle;
		color: black;
		font-size: 18px;
		
	}
	DIV#spotlightText {
		float: left;
		width:130px;
		margin-left: 8px;
		margin-top: 8px;
		margin-right: 16px;
		font-size: 11px;
		display: inline;
	}
	DIV#spotlightText SPAN.price{
		
	}




/* Page Navigation */

	DIV#pageNavigation {
		word-spacing: 20px;
		margin-top: 10px;
	}
	
	DIV#pageNavigation A, DIV#pageNavigation SPAN.disabled {
		background-image: url(/images/list-style-image.png);
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 12px;
	}
	
	DIV#pageNavigation SPAN.disabled {
		margin: 0px !important;
		margin-left: 60px;
		color: #FF3709;
		-moz-opacity: 0.5;
	}

	DIV#pageNavigation A#page, DIV#pageNavigation SPAN.disabled#page {
		background: none;
		padding: 0px;
		margin-left: 12px;
	}
	
	DIV#pageNavigation SPAN.disabled#previous:after {
		content: "Vorige";
	}
	
	DIV#pageNavigation SPAN.disabled#next:after {
		content: "Volgende";
	}
	
	DIV#topNavigation { /* woningpresentatie */
		position: absolute;
		left: 200px;
		right: 30px;
		top: 30px;
		text-align: right;
	}

	
	
	
/* table settings */

	TABLE {
		border-collapse: collapse;
	}
	
	TABLE.Matrix TD, TABLE.Matrix TH {
		border: solid 1px #5B6765;
		padding: 0px 10px 0px 10px;
	}
	
	TABLE.Matrix TH {
		text-align: left;
	}
	
	TABLE.Matrix TD.Currency, TABLE.Matrix TD.Percentage {
		text-align: right;
	}
	
	TABLE.Overview TD.Thumbnail {
		width: 60px;
	}
	
	TABLE.Overview {
		position:relative;
		width:100%;
		
	}
	
	TABLE.Overview TD {
		padding: 4px 10px 4px 10px;
	}
	
	TABLE.Overview TD.Details {
		vertical-align: top;
	}

/* Form */

	FORM TD {
		padding: 3px;
	}

	TEXTAREA.FormElement, INPUT.FormElement, INPUT.formElementInvalid {
		border: solid 1px #5B6765;
		background-color: #FFFFFF;
		width: 180px;
	}
	INPUT.formElementInvalid {
		border: 1px solid #E54202 !important;
	}
	INPUT#streetName {
		width: 142px;
	}
	
	INPUT#streetNr {
		width: 30px;
	}
	
	INPUT#city {
		width: 112px;
	}
	
	INPUT#zipCode {
		width: 60px;
	}
	
	TEXTAREA#notes {
		height: 100px;
	}
	
	TD#submit {
		text-align: right;
	}
	
	span.verplicht { color:#E54202;}
	

/* Layout Settings  */

	DIV#logo {
		position: absolute;
		top: 22px;
		left: 20px;
		width: 471px;
		height: 96px;
		background-image: url(images/logo.png);
	}
	
	DIV#wereldlogo {
		position: absolute;
		top: 0px;
		left: 500px;
		width: 75px;
		height: 96px;
		background-image: url(images/wereldlogo.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}

	DIV#navigation {
		position: absolute;
		top: 117px;
		left: 20px;
		bottom: 22px;
		width: 137px;
		height: auto;
		min-height: 464px;
		/*Start IE Hack*/
		height: expression( document.documentElement.clientHeight - 130 );
		/*End IE Hack*/
	}
	DIV#route_postcode {
		position: absolute;
		top: 138px;
		left:0px;
		bottom: 0px;
		width:244px;
		
		height: auto;
		min-height: 464px;
		/*Start IE Hack*/
		height: expression( document.documentElement.clientHeight - 154);
		/*End IE Hack*/
		background-color: #444A44;
		color: white;
		z-index: 10;
		
	}
	DIV#content {
		position: absolute;
		top: 141px;
		left: 179px;
		right: 360px;
		bottom: 22px;
		width: auto;
		
		
	}
	
	DIV.Big#content {
		right: 20px;
		/* hack voor IE tabel Overview drukt op 100% de content buite het scherm */
		width: expression( document.documentElement.clientWidth - 200);
	}
	
	DIV#photos {
	 	border: 0px solid black;
		position:absolute;
		top: 0px;
		right: 40px;
		bottom: 22px;
		width: 300px;
		height: auto;

	}
	
/* Hidden text */

	DIV#logo SPAN, UL#menu SPAN, DIV#navigation ADDRESS SPAN, A#address-mailto SPAN,
	DIV#navigation A.Logo SPAN {
		display: none;
	}


/* woning */

	SPAN.city {

	}

	SPAN.price {
		font-weight: bold;
		font-size: 11px;
		margin-top: 6px;
		display:block;
	}

	DIV#omschrijving B, DIV#omschrijving STRONG {
		font-weight: normal;
		color: #E54202;
	}

	
	span.verplicht { color: #E54202 ;}

	
/* Photos */

	TABLE#thumbnails {
		width:244px;
		
	}
	TABLE#thumbnails TD {
		padding:0px;
		margin:0px;
		width:auto;
	
	}

	TABLE#thumbnails TD.align_left {
		text-align:left !important;
	}
	TABLE#thumbnails TD.align_right {
		text-align:right !important;
	}
	
	DIV#photos IMG.Photo  {
		width: 244px;
		height: 440px;
		margin-top: 22px;
	}

	
	DIV#photos IMG.ObjectMainPhoto {
		width: 300px;
		/*height: 440px;*/
		margin-top: 22px;
	}
	TABLE#thumbnails IMG.ObjectPhoto,  TABLE#thumbnails IMG.ObjectPhotoActive {
		
		width: 142px;
		height: 97px;
		margin:0px !important;
		margin-top: 7px !important;
		border: 3px solid #E54202;
		-moz-border-radius:4px 4px 4px 4px;
	
	}
	
	TABLE#thumbnails IMG.ObjectPhotoActive {
		border: 3px solid #E54202;
	}
	TABLE#thumbnails IMG.ObjectPhoto {
		border: 3px solid #5B6765;
	}
		
	
	TABLE#thumbnails DIV.PhotoContainer {
		float:left;
		display:block;
		width: 112px;
		height: 86px;
		position: relative;
		border: 1px solid black;
	}

	
	TABLE#thumbnails DIV.ObjectPhotoFrame, TABLE#thumbnails DIV.ObjectPhotoFrameActive {
		position:absolute;
		display:block;
		width:112px;
		height:86px;
	}

	TABLE#thumbnails DIV.ObjectPhotoFrame {
		background-image: url(/images/aanbod/photo_border.png);
	}
	TABLE#thumbnails DIV.ObjectPhotoFrameActive {
		background-image: url(/images/aanbod/photo_border_active.png);
	}
	
	
	DIV#photos IMG.Big {
		height: 244px;
		margin-top: 25px;
	}
	
	DIV#photos IMG.Small {
		height: 171px;
		margin-top: 25px;
	}
	
	DIV#photos IMG#photo_top {
		height: 95px;
	}


/* Navigation */

	UL#menu {
		list-style: none;
		margin: 0px;
		margin-top: 20px;
		padding: 0px;
	}
	
	UL#menu A, UL#menu DIV {
		display: block;
		width:137px;
		height:24px;
		margin: 0px !important;
		/* Start IE Hack*/
		margin-bottom: -2px;
		/* End IE Hack*/
	}
	
	
	DIV#nav_home_selected {
		background-image: url(images/navigation/nav_home_selected.png); 
	}
	A#nav_home {
		background-image: url(images/navigation/nav_home.png);
	}
	A#nav_home:hover {
		background-image: url(images/navigation/nav_home_over.png);
	}
	
	DIV#nav_aankoop_selected {
		background-image: url(images/navigation/nav_aankoop_selected.png);
	}
	A#nav_aankoop {
		background-image: url(images/navigation/nav_aankoop.png);
	}
	A#nav_aankoop:hover {
		background-image: url(images/navigation/nav_aankoop_over.png);
	}
	
	DIV#nav_verkoop_selected {
		background-image: url(images/navigation/nav_verkoop_selected.png);
	}
	A#nav_verkoop {
		background-image: url(images/navigation/nav_verkoop.png);
	}
	A#nav_verkoop:hover {
		background-image: url(images/navigation/nav_verkoop_over.png);
	}
	
	DIV#nav_taxaties_selected {
		background-image: url(images/navigation/nav_taxatie_selected.png);
	}
	A#nav_taxaties {
		background-image: url(images/navigation/nav_taxatie.png);
	}
	A#nav_taxaties:hover {
		background-image: url(images/navigation/nav_taxatie_over.png);
	}

	DIV#nav_hypotheek_selected {
		background-image: url(images/navigation/nav_hypotheek_selected.png);
	}
	A#nav_hypotheek {
		background-image: url(images/navigation/nav_hypotheek.png);
	}
	A#nav_hypotheek:hover {
		background-image: url(images/navigation/nav_hypotheek_over.png);
	}
	
	DIV#nav_ons-aanbod_selected {
		background-image: url(images/navigation/nav_ons-aanbod_selected.png);
	}
	A#nav_ons-aanbod {
		background-image: url(images/navigation/nav_ons-aanbod.png);
	}
	A#nav_ons-aanbod:hover {
		background-image: url(images/navigation/nav_ons-aanbod_over.png);
	}
	
	DIV#nav_wie-is-wie_selected {
		background-image: url(images/navigation/nav_wie-is-wie_selected.png);
	}
	A#nav_wie-is-wie {
		background-image: url(images/navigation/nav_wie-is-wie.png);
	}
	A#nav_wie-is-wie:hover {
		background-image: url(images/navigation/nav_wie-is-wie_over.png);
	}
	
	DIV#nav_inschrijven_selected {
		background-image: url(images/navigation/nav_inschrijven_selected.png);
	}
	A#nav_inschrijven {
		background-image: url(images/navigation/nav_inschrijven.png);
	}
	A#nav_inschrijven:hover {
		background-image: url(images/navigation/nav_inschrijven_over.png);
	}
	
	DIV#nav_contact_selected {
		background-image: url(images/navigation/nav_contact_selected.png);
	}
	A#nav_contact {
		background-image: url(images/navigation/nav_contact.png);
	}
	A#nav_contact:hover {
		background-image: url(images/navigation/nav_contact_over.png);
	}
	
	DIV#nav_routebeschrijving_selected {
		background-image: url(images/navigation/nav_routebeschrijving_selected.png);
	}
	A#nav_routebeschrijving {
		background-image: url(images/navigation/nav_routebeschrijving.png);
		
	}
	A#nav_routebeschrijving:hover {
		background-image: url(images/navigation/nav_routebeschrijving_over.png);
		
	}
	
	DIV#nav_vacatures_selected {
		background-image: url(images/navigation/nav_vacatures_selected.png);
	}
	A#nav_vacatures {
		background-image: url(images/navigation/nav_vacatures.png);
	}
	A#nav_vacatures:hover {
		background-image: url(images/navigation/nav_vacatures_over.png);
	}
	
	DIV#nav_kijkmijnhuis_selected {
		background-image: url(images/navigation/nav_kijkmijnhuis_selected.png);
		border-bottom: solid 1px #FFFFFF;
	}
	A#nav_kijkmijnhuis {
		background-image: url(images/navigation/nav_kijkmijnhuis.png);
		border-bottom: solid 1px #FFFFFF;
	}
	A#nav_kijkmijnhuis:hover {
		background-image: url(images/navigation/nav_kijkmijnhuis_over.png);
		border-bottom: solid 1px #FFFFFF;
	}
	
	DIV#navigation ADDRESS {
		display: block;
		width: 137px;
		height: 105px;
		margin-top: 63px;
		background-image: url(images/address.png);
	}
	
	A#address-mailto {
		display: block;
		width: 137px;
		height: 15px;
		background-image: url(images/email.png);
	}
	
	DIV#navigation A.Logo {
		margin: 0px 0px 10px 8px !important;
		/*Start IE Hack*/
		margin: 0px 4px 10px 4px;
		/*End IE Hack*/
		display: block;
		height: 25px;
	}
	
	DIV#navigation A#nav_nvm {
		float: left;
		width: 18px;
		background-image: url(images/logo_nvm.png);
	} 
	
	DIV#navigation A#nav_funda {
		float: left;
		width: 66px;
		background-image: url(images/logo_funda.png);
	}
	
	DIV#navigation A#nav_mva {
		float: left;
		width: 18px;
		background-image: url(images/logo_mva.png);
	}

		#banner {
		a text-decoration: none;
		color: #E54202;
		list-style: none; border:0px solid black;
		height:10%;
		margin: 0px;
		margin-top: 0%;
		padding: 0px;
		vertical-align:top;

	}
	
	#banner DIV {
		display: block;
		height:24px;
		margin: 0px !important;
		/* Start IE Hack*/
		margin-bottom: -2px;
		/* End IE Hack*/
	}