* { margin:0;padding:0;border:none; } 

body, html {
	font-family				: Arial,Helvetica,sans-serif,Verdana;
	font-size				: 12px; 
	margin					: 0;
	padding					: 0;
	height					: 100%;
	background				: url(../img/site_background.jpg) repeat-x #00b3d3 top left;
}
#page {
	width					: 960px;
	margin					: 0 auto; 
	text-align				: center;
}
#header {
	height					: 124px;
	background-image		: url('../img/header.jpg');
	background-repeat		: no-repeat;
}
#bar {
	position				: absolute;
	top						: 124px;
	height					: 12px;
	display					: block;
	width					: 100%;
	background				: url(../img/bar.gif) repeat-x bottom center;
}
#content {
	text-align				: left;
	padding					: 30px 30px 20px 30px;
	margin					: 68px 0 10px 0;
	clear					: both;
	line-height				: 1.6em;
	position				: relative;
	/*background				: #fff;*/
}
#content h1 {
	/*margin-bottom			: 19px;
	font-size				: 20px;
	font-weight				: bold;
	line-height				: 22px;*/
}
#content .firstUnit {
	margin					: 0 40px 0 0;	
}
#content p {
	/*font-size				: 12px;
	line-height				: 20px;*/
	margin-bottom			: 10px;
	color					: #005187;
	font-size				: 12px;
	line-height				: 16px;
}
#content img {
	margin-bottom			: 10px;	
}

ul.contentrow {
	margin					: 0 0 0 0;
	padding					: 0;
	list-style				: none;
	display					: inline-block;
}
ul.contentrow li
{
	float					: left;
}
li.col-single
{
	width					: 432px;
}
li.col-double
{
	width					: 894px;	
}
li.spacer
{
	width					: 30px;
}
div#houses .contentrow{
	border					: 1px solid #00aef0;
	padding					: 0px;
	margin					: 10px 0;
	width					: 900px;
	position				: relative
}
li.housetitle {
	font-size				: 14px;
	font-weight				: bold;
	padding					: 5px 10px;
	width					: 880px;
	height					: 20px;
	background-color		: #00aef0;
	color					: #fff;
}
li.houseimg {
	padding					: 15px 15px 0 15px;
	width					: 250px;
}
li.housedetails {
	padding					: 10px 0 0 0;
	width					: 432px;
}
li.housedetails table {
	font-size				: 12px;	
}
li.housedetails td.label {
	color					: #666;
	width					: 160px;
}
li a.moreinfo {
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat left 0px;
	height					: 26px;
	width					: 160px;
	display					: block;
	margin					: 20px 0;
	color					: #fff;
	text-decoration			: none;
	text-indent				: -9000px;
	position				: absolute;
	right					: 20px;
	top						: 30px;
}
li a.moreinfo:hover {
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat left -26px;
	height					: 26px;
	display					: block;
	color					: #fff;
	text-indent				: -9000px;
}

#googlemaps {
	width					: 900px;
	height					: 365px;
	margin					: 40px 0 10px 0;
}

/* Begin Situatie */
#housestable {
	margin					: 20px 0 20px 0;
	width					: 620px;	
}
#housestable #type {
	text-align				: left;
	padding					: 10px 0 5px 0;
	color					: #005187;
}
#housestable table { 
	font-size				: 12px;	
}
#housestable table td { 
	padding					: 2px 0px 2px 0;
}
#housestable .tableheader {
	background-color		: #005187;
	font-weight				: bold;
	color					: #fff;
}
#housestable td.legenda {
	padding-left			: 4px;
	width					: 18px;
}
#housestable .legendaico {
	width					: 10px;
	height					: 10px;
}
#housestable .even {
	background-color		: #e8f9ff;
}
#housestable .evenhover {
	background-color		: #00aef0;
}
#housestable .odd {
	background-color		: #d1e5ed;
}
#housestable .oddhover {
	background-color		: #00aef0;
}
#tblavailability {
	display					: none;
}
#tblhouses {}


#housedetails {
	width					: 250px;
	border					: 1px solid #00aef0;
	margin-top				: 44px;
	float					: right;	
}
#housedetails div.title {
	background-color		: #00aef0;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff;
}
#housedetails div.moreinfo {
	background-color		: #ffc000;
	padding					: 0px;
	text-align				: left;
}
#housedetails a.moreinfo {
	background				: transparent url(../img/btn_forward_light.gif) no-repeat right 0;
	background-color		: #ff8a00;
	height					: 26px;
	width					: 240px;
	display					: block;
	margin-right			: 5px;
	padding					: 3px 0 0 10px;
	color					: #fff;
	text-decoration			: none;
}
#housedetails a.moreinfo:hover {
	background				: transparent url(../img/btn_forward_light.gif) no-repeat right -29px;
	height					: 26px;
	display					: block;
	color					: #fff;
	text-decoration			: none;
	}
#housedetails .image img {
	margin					: 0;
}
#housedetails table { }
#housedetails table td {
	padding					: 2px 0 2px 4px;
}
#housedetails td.label {
	color					: #666;	
}
#housedetails td.note {
	font-style				: oblique;	
}
#flashcontentmap {
	width					: 620px;
	height					: 470px;
}
/* End Situatie */

/* Begin woningdetails */
#detailshouses { 
	background-color		: #fff; 
	padding					: 30px 30px 20px 30px;
	position				: absolute;
	top						: 0;
	left					: 0;
	width					: 900px;
}
/*#detailshouses #subnav {
	text-align				: right;
	padding-bottom			: 5px;
}
#detailshouses #subnav a {
	text-decoration			: none;
	color					: #51abc4;
	margin-left				: 20px;
}
#detailshouses #subnav a:hover {
	color					: #0070af;
}*/
#detailshouses div.title { 
	background-color		: #00aef0;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff; 	
}
#detailshouses .housedetails {
	margin-top				: 10px;
}

#detailshouses .housedetails ul.images {
	float					: left;
	list-style				: none;
	margin					: 0;
	padding					: 0;
}
#detailshouses .housedetails ul.images li {
	padding					: 0 5px 5px 0;
}
#detailshouses .housedetails table {
	float					: left;
	margin					: 0 0 10px 10px;
}
#detailshouses .housedetails td {
	padding					: 2px;	
}
#detailshouses .housedetails td.label {
	color					: #666;
	width					: 130px;
}
#detailshouses .housedetails td.link {
	padding-top				: 10px;	
}

#detailshouses .housedetails td.link a {
	background				: transparent url(../img/bekijk.gif) no-repeat left 0px;
	height					: 26px;
	width					: 170px;
	display					: block;
	margin					: 20px 0;
	color					: #fff;
	text-decoration			: none;
	text-indent				: -9000px;
}
#detailshouses .housedetails td.link a:hover {
	background				: transparent url(../img/bekijk.gif) no-repeat left -26px;
	height					: 26px;
	display					: block;
	color					: #fff;
}
#detailshouses #houseslist {
	height					: 114px;
	overflow-y				: scroll;
	overflow-x				: hidden;
	border					: 1px solid #005187;
	clear					: both;
}
#detailshouses #houseslist table {
	font-size				: 11px;	
}
#detailshouses #houseslist table td {
	padding					: 2px 0 2px 8px;	
	color					: #005187;
}
#detailshouses #houseslist td.tableheader {
	background-color		: #005187;
	color					: #fff;
	font-weight				: bold;
}
#detailshouses #houseslist .even {
	background-color		: #fff;
}
#detailshouses #houseslist .odd {
	background-color		: #f3f3f3;
}
#housedetailextra {
	margin-top				: 20px;	
}
#housedetailextra .nav {
	height					: 26px;
}
#housedetailextra .nav img {
	padding					: 0;
	margin					: 0 1px 0 0;
	cursor					: pointer;	
}
#housedetailextra div.extracontent {
	padding					: 8px;
	border					: 1px solid #00aef0;
	color					: #005187
}
#housedetailextra div.extracontent p {
	font-size				: 10px;	
}
#housedetailextra div.extracontent a {
	text-decoration			: underline;
	color					: #005187;	
}
#housedetailextra div.extracontent a:hover {
	color					: #00aef0;	
}
#housedetailextra div.extracontent td {
	padding					: 4px;	
}
/* End woningdetails */


/* Begin Houses Search */
#HousesSearch { 
	margin					: 50px 0 10px 0;
	padding					: 20px;
	border					: 1px solid #ffc000;
}
#HousesSearch select {
	border					: 1px solid #51abc4;
	background-color		: #f2fcfe;
}
#HousesSearch .label {
	font-size				: 12px;
	color					: #666;	
}
#HousesSearch td {
	padding					: 4px 0 2px 0;
}
#HousesSearch #WoningSoort {
	margin-right			: 60px;	
}
#HousesSearch .HousesSearchSubmitNorm {
	border					: none;
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right -18px;
	height					: 18px;
	margin-left				: 20px;
	padding-right			: 20px;
	color					: #51abc4;
}
#HousesSearch .HousesSearchSubmitHover {
	border					: none;
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right 0;
	height					: 18px;
	margin-left				: 20px;
	padding-right			: 20px;
	color					: #0070af;
}
/* End Houses Search */

/* Begin contact form (belangstelling) */
#contactform {
	background-color		: #fff;
	height					: 469px;
	padding					: 20px;
	color					: #00aef0;
	margin					: 85px 0 0 0;
}

#contactform input.clr, #contactform textarea.clr {
	border					: 1px solid #ffc000;
	background-color		: #fff;
	padding					: 4px 5px;
	color					: #005187;
}
#contactform input.norm {
	width					: 200px;
}
#contactformHuisnummer {
	width					: 50px;
}
#contactformHuisnummertoev {
	width					: 40px;	
}
#contactformOpmerking {
	width					: 300px;
	height					: 110px;	
}
input.contactformSubmitNorm, #HousesSearch .HousesSearchSubmitNorm {
	background				: url(../img/btn_forward_send.gif) no-repeat left 0 #00aef0;
	height					: 26px;
	width					: 120px;
	padding					: 0 22px 0 4px;
	color					: #FFF;
	text-indent				: -9000px;
	cursor					: pointer;
}
input.contactformSubmitHover, #HousesSearch .HousesSearchSubmitHover {
	background				: url(../img/btn_forward_send.gif) no-repeat left -26px #005187;
	height					: 26px;
	width					: 120px;
	padding					: 0 22px 0 4px;
	text-indent				: -9000px;
}

#HousesSearch .HousesSearchSubmitNorm { background: url(../img/btn_forward_send.gif) no-repeat right 0px #201b1c;text-indent: -9000px; }
#HousesSearch .HousesSearchSubmitHover { background: url(../img/btn_forward_send.gif) no-repeat right -26px #6a6a6a;text-indent: -9000px; }

#contactform table td {
	padding					: 4px 0 4px 0;	
}
#contactform table td.woningtype {
	padding					: 0 0 4px 6px;	
}
label { padding-right: 5px;}
/* End contact form (belangstelling) */

/* Begin CSS Popout Menu */
#mainmenu {
	width					: 100%;
	float					: left;
	text-align				: left;
	margin-top				: 12px;
}
#mainmenu a {
	display			: block;
	white-space		: nowrap;
	margin			: 0;
	padding			: 7px 5px 20px 5px;
}
#mainmenu a {
	text-decoration	: none;
	font-weight		: bold;
	text-align		: center;
}
#mainmenu ul ul a {
	font-weight		: bold;
	border			: none;
	text-align		: left;
	font-size		: 8px;
	padding			: 7px 5px 5px 5px;
}
#mainmenu a, #mainmenu a:visited {
	color			: #005187;
}
#mainmenu a:hover {
	color			: #00aef0;
}
#mainmenu a.active {
	color			: #00aef0;
	background		: url("../img/menuActive.gif") no-repeat 0 31px;
}
#mainmenu ul {
	list-style		: none;
	margin			: 0;
	padding			: 0;
	float			: left;
	width			: 120px;
	text-align		: left;
}
#mainmenu li {
	position		: relative;
}
#mainmenu ul ul {
	position		: absolute;
	z-index			: 500;
	top				: auto;
	margin			: -17px 0 0 0;
	padding			: 18px 0 5px 5px;
	display			: none;
	background		: url("../img/submenu.gif") no-repeat #ffc000 top center;
	width			: 116px;
}
#mainmenu ul ul ul {
	top				: 0;
	left			: 100%;
}

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of 
csshover.htc - V1.21.041022. It improves IE's performance speed to use the older file and this method */
div#mainmenu li:hover {
	cursor			: pointer;
	z-index			: 100;
}
div#mainmenu li:hover ul ul,
div#mainmenu li li:hover ul ul,
div#mainmenu li li li:hover ul ul,
div#mainmenu li li li li:hover ul ul {display:none;}
div#mainmenu li:hover ul,
div#mainmenu li li:hover ul,
div#mainmenu li li li:hover ul,
div#mainmenu li li li li:hover ul {display:block;}
/* End of non-anchor hover selectors */

/* Styling for Expand */
#mainmenu a.x, #menu a.x:visited {
	font-weight		: normal;
	color			: #000;
}
#mainmenu a.x:hover {
	color			: #fff;
	background		: #000;
}
#mainmenu a.x:active {
	color			: #060;
	background		: #ccc;
}
/* End CSS Popout Menu */

/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto; border:none}

.size1of4 { height:97px; }

.firstUnit {
	margin			: 0 40px 0 0;
	position		: relative;
}
/*
Software License Agreement (BSD License)

Copyright (c) 2009, Nicole Sullivan.
All rights reserved.

Redistribution and use of this software in source and binary forms, with or without modification, are 
permitted provided that the following conditions are met:

* Redistributions of source code must retain the above
  copyright notice, this list of conditions and the
  following disclaimer.

* Redistributions in binary form must reproduce the above
  copyright notice, this list of conditions and the
  following disclaimer in the documentation and/or other
  materials provided with the distribution.

* Neither the name of Nicole Sullivan nor the names of its
  contributors may be used to endorse or promote products
  derived from this software without specific prior
  written permission of Nicole Sullivan.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED
WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*/