@charset "utf-8";
@import url("/css/reset.css");
@import url("/css/typography.css");

html, body {
	height: 100%;
}

body {
	background: url("/css/images/background_top.gif") repeat-x top left;
}

div#wrapper {
	position: relative;
	min-height: 100%;
}

	div#container {
		margin: 0 auto;
		width: 910px;
		padding: 30px 0 293px;
	}
		div#container_top {
			width: 100%;
			height: 9px;
			background: url("/css/images/shadow_top.png") no-repeat top left;
		}
		div#container_bottom {
			width: 100%;
			height: 9px;
			background: url("/css/images/shadow_bottom.png") no-repeat top left;
		}
		div#container_middle {
			width: 826px;
			padding: 30px 42px;
			background: url("/css/images/shadow_sides.png") repeat-y top left;
			overflow: hidden;
		}
			div#container_left, div#container_right {
				float: left;
				width: 5px;
			}
			div#container_center {
				float: left;
				width: 826px;
				padding: 34px 37px;
				background: #fff;
			}
			
			div#header {
				width: 100%;
			}
				a#logo {
					display: block;
					float: left;
					background: url("/css/images/logo.gif") top left;
					width: 128px;
					height: 38px;
				}
				ul#nav {
					float: left;
					margin: 13px 0 0 20px;
				}
					ul#nav li {
						float: left;
						margin-right: 14px;
					}
						ul#nav li a {
							color: #aeadad;
							text-transform: uppercase;
							text-decoration: none;
						}
							ul#nav li a:hover {
								color: #5a5a5a;
							}
							ul#nav li a.active {
								color: #a58370;
							}
				a#language {
					float: right;
					margin-top: 1.1em;
					display: block;
					width: 102px;
					height: 14px;
					background-repeat: no-repeat;
					background-position: top left;
				}
					a#language.english {
						background-image: url("/css/images/button_english.gif");
					}
					a#language.nederlands {
						background-image: url("/css/images/button_nederlands.gif");
					}
						a#language.english:hover, a#language.nederlands:hover {
							background-position: bottom left;
						}
			
			div#content {
				width: 100%;
				margin-top: 2.3em;
			}
				div#content.text {
					background: url("/css/images/2faux.gif") repeat-y top left;
				}
					div#content.text div#left {
						background: #f6f2f0;
						padding: 21px 25px 25px;
						width: 430px;
					}
				div#left {
					float: left;
					width: 480px;
					overflow: hidden;
					font-size: 1.1em;
					line-height: 1.4em;
				}
					div#left p {
						font-size: 1em;
					}
					
					p#intro{
						position: relative;
						margin: 0;
						min-height: 118px;
						background: #f6f2f0;
						padding: 21px 23px 1.857em;
						font-size: 1.273em !important;
						line-height: 1.4em;
						color: #a58370;
					}
						a#about {
							display: block;
							position: absolute;
							bottom: 0;
							right: 0;
							/*float: right;*/
							padding: 0.8em 1em;
							background: #eee7e3;
							font-weight: bold;
							font-size: 0.714em;
							color: #a58370;
							text-decoration: none;
						}
							a#about:hover {
								background: #e1d6d0;
							}
							
					div#text {
						padding-right: 37px;
						line-height: 1.4em;
					}
					
					div#nieuw_aanbod {
						margin: 2em 18px 0 0;
					}
						div#nieuw_aanbod a.italic {
							margin: 1em 0 0 0;
							display: block;
						}
						div.woning {
							width: 462px;
							margin-bottom: 0.9em;
							overflow: hidden;
						}
							div.woning img {
								float: left;
								width: 120px;
								height: 79px;
								overflow: hidden;
							}
							a.locatie {
								float: right;
								margin-left: 2px;
								width: 296px;
								padding: 0.714em 34px 0.714em 10px;
								background: #f6f2f0 url("/css/images/arrow_right.gif") no-repeat 316px center;
								font-style: italic;
								font-size: 1.273em;
								text-decoration: none;
								color: #947665;
							}
								a.locatie.buurt_light, a.locatie.buurt_dark {
									margin: 0 0 1px 0;
									width: 302px;
									font-size: 1.4em;
								}
									a.locatie.buurt_light {
										background-color: #e9dfdb;
									}
										a.locatie.buurt_light:hover {
											background-color: #937565;
										}
									a.locatie.buurt_dark:link, a.locatie.buurt_dark:visited {
										background-color: #f6f2f0;
									}
										a.locatie.buurt_dark:hover {
											background-color: #937565;
										}
								a.locatie:hover {
									background: #937565 url("/css/images/arrow_right_mouseover.gif") no-repeat 316px center;
									color: #fff;
								}
							div.gegevens {
								float: right;
								margin-top: 1px;
								width: 320px;
								padding: 10px;
								background: #e9dfdb;
								font-size: 0.909em;
							}
								div.gegevens_column {
									float: left;
									width: 50%;
									line-height: 1.2em;
								}
									span.gegeven {
										display: inline-block;
										width: 50%;
										margin-right: 5px;
									}
					
					img.contact {
						float: right;
						margin-bottom: 1.4em;
					}
					
					div#left table {
						width: 100%;
					}
						div#left td {
							vertical-align: middle;
							padding: 0.1em 0;
						}
						td.form_text {
							width: 170px;
						}
						td.formtext_small {
							width: 54px;
							padding-left: 10px !important;
						}
						td.forminput_small, td.forminput_small input  {
							width: 92px !important;
						}
						td.textarea {
							vertical-align: top !important;
							padding-top: 0.5em !important;
							line-height: 1.4em;
						}
						div#left input, textarea {
							font: 1em Arial, Verdana, sans-serif;
							color: #666666;
							border: 1px solid #aeadad;
							padding: 0.182em 3px;
							width: 256px;
							background: #fff;
							resize: none;
						}
							/*input:focus, select:focus, textarea:focus {
								background: #937564 !important;
								color: #e9e3e0 !important;
							}*/
							div#left input.radio {
								width: auto !important;
								padding: 0 !important;
								margin: 0.273em 0.364em 0.273em 0;
								vertical-align: middle;
								border: none !important;
								background: transparent !important;
							}
						textarea {
							height: 7em;
							line-height: 1.4em;
						}
						input.file {
							width: 100% !important;
						}
						input.italic {
							background: transparent !important;
							border: none !important;
							width: 100%;
							margin: 0 !important;
							padding: 0 !important;
							cursor: pointer;
							font-size: 1.273em !important;
							font-style: italic !important;
							color: #937564 !important;
						}
							input.button:hover {
								color: #59483d !important;
							}
						td.forminput_kalender {
							width: 92px !important;
						}
							input.datum {
								float: left;
								width: 70px !important;
							}
							input.datum_lang {
								float: left;
								width: 234px !important;
							}
							input.kalender {
								float: right;
								width: 20px !important;
								padding: 0.091em 3px !important;
								background: #937564 !important;
								color: #e9e3e0 !important;
								text-align: center;
							}
					
					#zoekopdracht_bedrijf, #zoekopdracht_particulier {
						display: none;
					}
					
					div.contactgegevens {
						float: left;
						width: 225px;
					}
				
				div#right {
					float: right;
					width: 346px;
					overflow: hidden;
				}
					div#block1, div#block2, div#block3, div#block4, div#eigenschappen, div#direct_contact {
						padding-top: 21px;
						font-size: 1.1em;
						color: #e9e3e0;
					}
						div#right div table {
							color: #e9e3e0;
						}
						div#right div img {
							border: 1px solid #c8b2a6;
							float: left;
							margin-left: 25px;
						}
						div#right h1 {
							margin-left: 25px;
							margin-right: 25px;
						}
						div#right div p {
							margin: 0 25px;
							width: 296px;
							font-size: 1em;
							line-height: 1.4em;
						}
							div#right div p.small {
								width: 128px;
							}
						a.button {
							float: right;
							margin-top: 1em;
							width: 12em;
							padding: 0.8em 1em;
							font-size: 0.909em;
							font-weight: bold;
							color: #e9e3e0;
							text-decoration: none;
						}
					div#block1 {
						background: #937665 url("/css/images/background_block1.gif") no-repeat bottom left;
					}
						div#right div table {
							width: 296px;
							margin: 0 auto;
						}
							div#block1 td {
								vertical-align: middle;
								padding: 0.1em 0;
							}
								select {
									font: 1em Arial, Verdana, sans-serif;
									color: #666666;
									border: 1px solid #aeadad;
									padding: 1px 0;
									width: 100%;
								}
									select.prijs {
										width: 70px !important;
									}
						div#block1 a.button, div#selectie a.button {
							background: #7d6455;
						}
							div#block1 a.button:hover, div#selectie a.button:hover, div#locatie a:hover {
								background-color: #715846;
							}
					div#block2 {
						background: #947665 url("/css/images/background_block2.gif") no-repeat bottom left;
					}
						div#block2 a.button {
							background: #856a5b;
						}
							div#block2 a.button:hover {
								background: #776358;
							}
					div#block3 {
						background: #a98977 url("/css/images/background_block3.gif") no-repeat bottom left;
					}
						div#block3 a.button {
							background: #997b6b;
						}
							div#block3 a.button:hover {
								background: #8b7062;
							}
					div#block4 {
						background: #b79c8d;
					}
						p.column_left {
							float: left !important;
							margin: 0 0 0 25px !important;
							width: 128px !important;
						}
						p.column_right {
							float: left !important;
							margin: 0 0 0 10px !important;
							width: 178px !important;
						}
							div#right p a {
								color: #e9e3e0;
							}
								div#right p a:hover {
									color: #fff8f4;
								}
						div#block4 a.button {
							background: #a48c7f;
						}
							div#block4 a.button:hover {
								background: #937f74;
							}
						div#huis_in_beeld {
							float: left;
							margin-left: 10px;
							width: 158px;
							padding: 0 !important;
							overflow-x: hidden;
						}
							div#huis_in_beeld p {
								width: 100% !important;
								margin: 0 !important;
							}
					div#locatie {
						position: relative;
						width: 100%;
						height: 55px;
						padding: 25px 0 17px !important;
						background: url("/css/images/background_locatie.gif") no-repeat top left;
					}
						div#locatie h1 {
							margin-bottom: 0 !important;
						}
						div#locatie h3 {
							margin-left: 25px;
							margin-right: 25px;
						}
						div#locatie a {
							position: absolute;
							top: 0;
							right: 0;
							margin: 0;
							padding-left: 26px;
							padding-right: 1em;
							width: auto !important;
							background: #84695a url("/css/images/print.gif") no-repeat 10px center;
						}
					div#eigenschappen {
						background: #947665 url("/css/images/background_eigenschappen.gif") no-repeat bottom left;
						padding-bottom: 25px;
						width: 100%;
						height: 175px;
					}
						div#eigenschappen h2 {
							margin-left: 25px;
							margin-right: 25px;
						}
					div#direct_contact {
						background: #aa8977;
						padding: 25px;
						width: 296px;
						margin-bottom: 2em;
					}
						div#direct_contact a {
							display: block;
							padding: 8px 10px;
							width: 278px;
							background: #997b6b;
							color: #e9e3e0;
							margin-bottom: 0.1em;
						}
							div#direct_contact a:hover {
								background: #8b7062;
							}
					
				div#selectie {
					position: relative;
					width: 801px;
					margin-bottom: 2em;
					padding: 25px 0 0 25px;
					background: #947665 url("/css/images/background_selectie.gif") no-repeat bottom left;
					font-size: 1.1em;
					color: #e9e3e0;
					overflow: hidden;
				}
					a#niets_gevonden {
						position: absolute;
						top: 0;
						right: 0;
						width: auto !important;
					}
					div#selectie table {
						float: left;
						margin-right: 20px;
						width: 250px;
					}
						table.check {
							width: 115px !important;
							margin-right: 10px !important;
						}
							table.check input {
								margin-right: 3px;
							}
						div#selectie td {
							vertical-align: middle;
							padding: 0.1em 0;
						}
							div#selectie td.input_text {
								width: 80px;
							}
						.pages {
							float: right;
							margin-top: 0.4em;
							font-size: 1.4em;
							font-style: italic;
						}
							div.pages a {
								margin-left: 0.1em;
								font-size: 1em;
							}
							span.page_active {
								font-weight: bold;
								font-style: italic;
							}
						div.woning.zoekresultaat {
							width: 406px !important;
							font-size: 1.1em;
						}
							div.woning.zoekresultaat a.locatie {
								width: 240px !important;
								background-position: 260px center;
							}
							div.woning.zoekresultaat div.gegevens {
								width: 264px !important;
							}
								div.woning.zoekresultaat span.gegeven {
									width: 42%;
								}
				
				div#picture {
					position: relative;
					width: 480px;
					height: 318px;
					margin-bottom: 2em;
				}
					div#photos {
						width: 100%;
						height: 100%;
						display: block;
					}
					div#map {
						width: 100%;
						height: 100%;
						display: none;
					}
					div#swap {
						position: absolute;
						bottom: 0;
						right: 0;
					}
						div#swap a {
							display: block;
							float: left;
							width: 95px;
							height: 13px;
							padding: 5px 20px 5px 10px;
							font-size: 1.4em;
							color: #fff;
							background: url("/css/images/tab_picture_off") no-repeat top left;
						}
							div#swap a.tab_active {
								background-image: url("/css/images/tab_picture.png");
								color: #937564;
							}
				p.intro {
					font-weight: bold;
					text-transform: uppercase;
				}
				
				.italic {
					margin-top: 1em;
					font-size: 1.4em;
					font-style: italic;
					line-height: 1.4em;
				}
					a.italic {
						color: #937564;
					}
						a.italic:hover {
							color: #59483d;
						}
			
			div#links_bottom {
				clear: both;
				width: 100%;
				padding-top: 2em;
			}
	
	div#footer_background {
		clear: both;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 85px 0 129px;
		background: #443a35 url("/css/images/background_footer.gif") repeat-x top left;
	}
		div#footer {
			width: 900px;
			margin: 0 auto;
			overflow: hidden;
		}
			div#footer ul {
				
			}
				div#footer ul li {
					float: left;
					margin-right: 15px;
				}
					div#footer ul li a {
						color: #756e6a;
						text-decoration: none;
					}
						div#footer ul li a:hover {
							color: #c8c1bd;
						}