@import url('css-reset.css');

html, body {
	font: 				0.9em/1.4em Arial, Helvetica, sans-serif;
	color: 				#444;
	text-align:			center;
	}
	
body {
	background:		 	#fff url('../images/layout/body-bg.gif') repeat-x top center;
	}


h1 {
	text-indent:		-3000px;
	width:				245px;
	height:				70px;
	/*background:			#fff url('../images/layout/logo_propper.jpg') no-repeat top left;*/
	}

	
h2 {
	font-size:			130%;
	font-weight:		bold;
	}

h3 {
	font-size:			120%;
	font-weight:		bold;
	color:				#444;
	margin:				5px 0 5px 5px;
	}

strong {
	font-weight:bold;
	}

em {
	font-style:italic;
	}

/**
		BASE
*****************************************/
	
#wrapper {
	position:			absolute;
	top:				0;
	left:				0;
	width:				1000px;
	margin:				0 auto;
	text-align:			left;
	}

/**
		HEADER
*****************************************/
	
#header {
	position:			fixed;
	top:				0;
	left:				0;
	width:				100%;
	height:				85px;
	background:			#005DA2 url('../images/layout/header-bg.jpg') no-repeat top left;
	z-index:			80;
	}

#logo {
	position:			absolute;
	top: 				17px;
	}
	
/**
		LEFT-COLUMN
*****************************************/	
	
#left-column {
	position:fixed;
	left:0;
	top:105px;
	width:180px;
	}
	
#menu {
	font-size:			85%;
	border-top: 		1px solid #ccc;
	width:				175px;
	margin:				0 0 0 5px;
	}
	
#menu li {	
	border-bottom: 		1px solid #ccc;
	padding-bottom:		1px; /* buggy IE */
	}

#menu a, 
#menu a:visited {
	display:block;
	font-size:110%;	
	height:				24px;
	line-height:		24px;
	color:				#444;
	text-decoration:	none;
	text-indent:		6px;
	width:				175px;
	margin:				1px 0 0 0;
	font-weight:		bold;
	overflow:hidden;
	}
	
#menu a:hover {
	background:			#ff2b06;
	color:				#fff;
	}	
	
.main-nav {
	font-weight:		bold;
	}	
	
/**
		CENTER
*****************************************/
	
#content {
	position:			absolute;
	left:				200px;
	top:				105px;	
	width:				800px;
	}
	
#footer {
	width:				790px;
	height:				26px;
	line-height:26px;
	color:#fff;
	text-align:right;
	padding-right:10px;

	background:			#015ea3 /*url('../images/layout/footer-bg.gif') repeat-x top left*/;
	}

#front-gmap {
	border:				1px solid #8d8d8d;
	width:				786px;
	height:				400px;
	margin:				10px 6px 0 6px;
	background:			#fff;
	}

#extend {
	width:				782px;
	height:				396px;
	margin:				2px;
	}
	
/*///////////////////////////////

		TOPNAVIGATIE
		
//////////////////////////////*/
	

	
/*///////////////////////////////

		CONTENT
		
//////////////////////////////*/

.content-top {
	height:				27px;
	width:				100%;
	text-indent:		6px;
	border-bottom: 		1px solid #e2e2e2;
	}

.content-top h2 {
	float:				left;
	}

.content-top-form {
	float:				left;
	}

.results {
	float:right;
	font-size:			120%;
	font-weight:		bold;
	margin:				0;
	}

.contents {
	left:				0;
	margin:				5px 0 0 0;
	width:				100%;
	background:			url('../images/layout/contents-bg.gif') repeat-x bottom left;
	padding-bottom:		10px;	
	}

.inhoud ul, .inhoud ol {
	margin-left:25px;
	}

.contents ul {
	list-style:			disc;
	}

.contents ol {
	list-style:			decimal;
	}
	
.text-list {
	margin-left:		25px;
	}

.inhoud {
	font-size:			85%;
	line-height:		20px;	
	width:				780px;
	margin:				0 0 10px 10px;
	}

.contents-left {
	background:			url('../images/layout/contents-left-bg.gif') repeat-x top left;
	width:				200px;
	float:				left;
	min-height:			300px;
	}

.contents-right {
	width:				580px;
	height:				100%;
	float:				left;
	margin:				0 0 0 10px;
	}
		
/*///////////////////////////////

		WONINGEN OVERZICHT
		
//////////////////////////////*/

#house-image {
	width:225px;
	height:170px;
	float:right;
	position:relative;top:30px;
	right:20px;
	padding:1px 1px 0 1px;
	border:1px solid #ccc;
	}

ul.houses-overview {
	width:				530px;
	list-style:			none;
	
	}

#aanbod {
	width:				530px;
	min-height:			400px;
	height:400px;
	overflow-y:scroll;
	overflow-x:hidden
	}

ul.houses-overview li {
	height:				30px;
	line-height:		30px;
	border-bottom: 		1px solid #e2e2e2;
	text-indent:		6px;
	font-size:			105%;
	font-weight:		bold;
	padding-left:		6px;
	}

ul.houses-overview li a, 
ul.houses-overview li a:visited {
	text-decoration:	none;
	color:				#444;
	}

ul.houses-overview li a:hover {
	text-decoration:	underline;
	color:				#ff2b06;
	}
	
ul.houses-overview li.houses-head {
	font-size:			115%;
	color:				#ff2b06;
	}

ul.house-info li {
	float:				left;
	list-style:			none;
	}
	
.address {
	width: 				250px;
	}

.location {
	width: 				160px;
	}

#tooltip .image {
	background:			#fff;
	border:				1px solid #8d8d8d;
	padding:			2px;
	}
	
#tooltip .image img {
	margin-bottom:		0px; 
	}
	
*:lang(nl) #tooltip .image img {
    margin-bottom:		-4px !important; /* exclude from IE */
	}
	
.sold-large {
	
	margin:				0 6px 0 5px;
	position:			relative;
	top:				4px;
	}

.sold-small {
	margin:				7px 6px 0 5px;
	}


.no-results {
	width:				600px;
	margin:				10px 6px;
	text-align:			center;
	font-size:			120%;
	font-weight:		bold;
	}	

.sorteer-btn {
	border:				0;
	width:				14px;
	height:				11px;
	margin:				6px 4px 0 0;
	}

#sorteer, #sorteer2  {
	width: 				14px;
	height: 			11px;
	margin: 			0;
	padding: 			0;
	border: 			0;
	background: 		transparent url('../images/layout/sorteer-btn.gif') no-repeat top left;
	cursor: 			pointer; /* hand cursor */
	cursor: 			hand; /* voor IE 5.x */
	}
	
/*///////////////////////////////

		WONINGEN DETAILS
		
//////////////////////////////*/

.soort-prijs {
	font-size:			80%;
	padding-right:		5px;
	}

ul.house-thumbs {
	list-style:			none;
	}

ul.house-thumbs li {
	margin:				10px 0 0 10px;
	float:				left;
	border:				1px solid #8d8d8d;
	background:			#fff;
	height:				69px;
	padding:			2px 2px 0 2px;
	}

div.thumb-plus {
	width:				14px;
	height:				10px;
	background:			url('../images/layout/thumb-plus.gif') no-repeat top left;
	position:			relative;
	top:				-15px;
	left:				63px;
	display:			none;
	}
	
ul.house-thumbs li a:hover div.thumb-plus {
	display:			block;
	}

.pdf-brochure {
	float:				left;
	clear:				both;
	width:				180px;
	margin:				10px 0 0 10px;
	background:			url('../images/layout/pdf-logo.gif') no-repeat top left;
	height:				30px;
	}

.pdf-brochure a, 
.pdf-brochure a:visited {	
	font-size:			85%;
	font-weight:		bold;
	color:				#444;
	text-decoration:	none;
	line-height:		26px;
	margin-left:		35px;
	}
	
.pdf-brochure a:hover {
	text-decoration:	underline;
	color:				#ff2b06;
	}

.house-location {
	float:				left;
	border:				1px solid #8d8d8d;
	width:				564px;
	height:				234px;
	margin:				10px 10px 10px 0;
	background:			#fff;
	}

#details-map {
	margin:				2px;
	width:				560px;
	height:				230px;
	}

.house-description, .house-properties {
	width:				580px;
	}

.house-description {
	font-size:			120%;
	font-weight:		bold;
	margin:				5px 0 5px 0;
	}

.house-properties {
	font-size:			85%;
	line-height:		20px;
	}


/*///////////////////////////////

		N0TIFICATION
		
//////////////////////////////*/

form.notification {
	margin: 			10px 0 10px 6px;
	width:				788px;
	}

form.notification fieldset {
	border:				1px solid #8d8d8d;
	margin:				5px 0;
	padding:			5px;
	}

form.notification legend {
	margin:				0 5px;
	font-weight: 		bold;
	color:				#444;
	font-size:			120%;
	}

form.notification div.form-spacer {
	margin:				5px;
	float:left;
	}

form.notification div.inschrijven-clearer {
	clear:				both;
	height:				5px;
	width:				100%;

	}

form.notification div label {
	color:				#565656;
	font-size:			120%;
	font-weight: 		bold;
	margin:				0 0 5px 0;
	}

form.notification div .text-input {

	height:				20px;
	padding:			3px 0 0 3px;
	margin-top:			1px;
	color:				#333;
	border:1px solid #999;
	margin-top:			2px;
	}

form.notification div .select-input{
	height:				23px;
	line-height:23px;
	padding:			1px;
	border:				1px solid #999;
	width:				155px;
	margin-top:			2px;
	}

form.notification div select option {
	padding:			6px 0 0 6px;
	background:			#fff;
	border:				0;
	}
	
form.notification div input.email {
	width:				245px;
	}	

p.submit-btn {
	width:				100%;
	text-align:			center;
	clear:				both;
	}	

p.submit-btn input.submit-button{
	display:				block;
	margin:					5px 0 0 100px;
	height:					2.6em;
	width:					16em;
	color:					#333;

	}	

/*///////////////////////////////

		FORM STATUS
		
//////////////////////////////*/
		

.info {
	margin:				6px;
	width:				788px;
	font-size:			110%;
	font-weight:		bold;
	text-align:			center;
	padding:			6px 0;
	}

.success {
	background-color:	#edffe4;
	border:				1px solid #9cd580;
	color:				#386522;
	}

.error {
	background-color:	#ffede5;
	color:				#990000;
	border:				1px solid #dea3a3;
	}		

.full {
	width:				786px;
	margin:				5px 0;
	padding:			6px;
	}


.contact-item {
	width:				315px;
	border:				1px solid #e2e2e2;
	margin:				20px;
	padding:			20px;
	background:			#fff;
	float:				left;
	}

.contact-item h3 {
	margin-top:			-5px;
	margin-left:		0;
	display:			block;
	}

.contact-item span {
	padding:			0 5px 10px 0;
	line-height:		20px;
	font-weight:		bold;
	}

#cMap {
	width:275px;
	height:195px;
	background:#eee;
	margin-top:20px;
	padding:1px;
	border:1px solid #ddd;
	}


/*///////////////////////////////

		PARTNERS
		
//////////////////////////////*/

#partners {
	width:200px;
	float:right;
	height:				75px;
	}

#partners img {
	float:				right;
	margin-left:		10px;
	margin-top:			5px;
	}

#announcement {
	float:left;
	
	width:500px;
	padding:10px;
	margin:10px 0;
	color:				#990000;
	/*
	background-color:	#ffede5;
	border:1px solid #000;
	color:				#990000;
	border:				1px solid #dea3a3;
	*/
	}

#announcement h3 {
	margin:0;
	color:				#990000;
	}
			
/*///////////////////////////////

		OVERIGE
		
//////////////////////////////*/

.red {
	color:				#ff2b06;
	}

.float-right {
	float:				right;
	}

.clearer {
	clear:				both;
	height:				1px;
	width:				1px;
	}