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

body, html {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	line-height				: 17px;
	margin					: 0;
	padding					: 0;
	height					: 100%;
	background				: url(../img/site_background.gif) repeat-x #ededed top center;
	color					: #333;
}
#page {
	width					: 960px;
	margin					: 0 auto; 
	text-align				: center;
}
#header {
	height					: 166px;
	background-image		: url('../img/header2.jpg');
	background-repeat		: no-repeat;
}
#content {
	text-align				: left;
	/*padding					: 40px 0 20px 30px;*/
	padding					: 0;
	clear					: both;
	position				: relative;
}
#content h1 {
	margin-bottom			: 20px;
	font-size				: 14px;
	font-weight				: bold;
	line-height				: 20px;
	/*font-family				: Trebuchet MS, Verdana , Arial, Helvetica, sans-serif;*/
}
#content p {
	font-size				: 12px;
	line-height				: 17px;
	margin-bottom			: 10px;
	
}
#content img {
	/*margin-bottom			: 10px;	*/
	margin:0;
	padding:0;
}

ul.contentrow {
	margin					: 0 0 0 0;
	padding					: 0;
	list-style				: none;
	display					: inline-block;
	background-color		: #fff;
}
ul.contentrow li
{
	float					: left;
}
li.col-single
{
	width					: 432px;
}
li.col-double, li.housetitle
{
	width					: 950px;	
}
li.spacer
{
	width					: 30px;
}

.housetitle {
	/*border-bottom			: 1px solid #ccc;*/
	font-size				: 14px;
	font-weight				: bold;
	padding					: 5px;
	background-color		: #a3becc;
	color					: #201b1c;
}
.houseimg {
	padding					: 10px;
	border-right			: 1px solid #ccc;
	width					: 250px;
}
.housedetails {
	padding					: 10px 0 0 10px;
	width					: 432px;
}
.housedetails table {
	font-size				: 12px;	
	color					: #221e1f;
}
.housedetails td.label {
	color					: #666;
	width					: 160px;
}
/*.housedetails a.moreinfo {
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right -18px;
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	margin-top				: 20px;
	color					: #51abc4;
	text-decoration			: none;
}
.housedetails a.moreinfo:hover {
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right 0;
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	color					: #0070af;
}*/

#googlemaps {
	/*width					: 710px;*/
	height					: 306px;
}

/* Begin Situatie */
#housestable {
	margin-bottom			: 20px;	
	color					: #201b1c;
}
#housestable #type {
	text-align				: left;
	padding					: 0 0 4px 0;
}
#housestable table { 
	font-size				: 12px;	
}
#housestable table td { 
	padding					: 2px 0px 2px 0;
}
#housestable .tableheader {
	background-color		: #201b1c;
	font-weight				: bold;
	color					: #fff;
}
#housestable td.legenda {
	padding-left			: 4px;
	width					: 18px;
}
#housestable .legendaico {
	width					: 10px;
	height					: 10px;
}
#housestable .even {
	background-color		: #fff;
}
#housestable .evenhover {
	background-color		: #a3becc;
}
#housestable .odd {
	background-color		: #e0e8f5;
}
#housestable .oddhover {
	background-color		: #a3becc;
}
#tblavailability {
	display					: none;
}
#tblhouses {
	padding-right			: 10px;
}


#housedetails {
	/*width					: 240px;*/
	border					: none;
	margin-top				: 124px;
	/*float					: right;*/	
}
#housedetails div.title {
	background-color		: #201b1c;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff;
}
#housedetails div.moreinfo, .housedetails div.moreinfo {
	background-color		: #201b1c;
	padding					: 4px 0 4px 8px;
	text-align				: left;
}
#housedetails a.moreinfo, .housedetails a.moreinfo {
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right 0px;
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	margin-right			: 4px;
	color					: #fff;
	font-size				: 14px;
	text-decoration			: none;
}
#housedetails a.moreinfo:hover, .housedetails a.moreinfo:hover {
	background				: transparent url(../img/btn_forward_dark.gif) no-repeat right -18px;
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	color					: #a3becc;
}
#housedetails .image img {
	margin					: 0;
	margin-bottom			: -4px;
}
#housedetails table { background-color		:#fff; padding: 4px 8px;}
#housedetails table td {
	padding					: 2px 0 2px 4px;
}
#housedetails td.label {
	color					: #666;	
}
#housedetails td.note {
	font-style				: oblique;	
}
#flashcontentmap {
	width					: 710px;
	height					: 300px;
}
/* End Situatie */

/* Begin woningdetails */
#detailshouses { width: 960px; }
#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		: #201b1c;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff; 
	width					: 956px; 
}
#detailshouses .housedetails {
	margin-top				: 10px;
}

#detailshouses .housedetails ul.images {
	list-style				: none;
	margin					: 0;
	padding					: 0;
}
#detailshouses .housedetails ul.images li {
	padding					: 0 5px 5px 0;
}
#detailshouses .housedetails table {
	float					: right;
	margin-bottom			: 10px;
}
#detailshouses .housedetails td {
	padding					: 2px;	
}
#detailshouses .housedetails td.label {
	color					: #666;
	width					: 130px;
}
#detailshouses .housedetails td.link {
	background-color		: #201b1c;
	font-size				: 14px;
}
#detailshouses .housedetails td.link a {
	text-decoration			: none;
	color					: #fff;
	background				: url(../img/bekijkopKaart.gif) no-repeat right 0 #201b1c;
	padding					: 4px 22px 4px 4px;
	display					: block;
	height					: 19px;
}
#detailshouses .housedetails td.link a:hover {
	text-decoration			: none;
	color					: #a3becc;
	background				: url(../img/bekijkopKaart.gif) no-repeat right -27px #201b1c;
}
#detailshouses #houseslist {
	height					: 114px;
	width					: 960px;
	overflow-y				: scroll;
	overflow-x				: hidden;
	clear					: both;
}
#detailshouses #houseslist table {
	font-size				: 11px;	
}
#detailshouses #houseslist table td {
	padding					: 2px 0 2px 8px;	
}
#detailshouses #houseslist td.tableheader {
	background-color		: #201b1c;
	color					: #fff;
	font-weight				: bold;
}
#detailshouses #houseslist .even {
	background-color		: #f1f1f1;
}
#detailshouses #houseslist .odd {
	background-color		: #e4e4e4;
}
#housedetailextra {
	margin-top				: 10px;	
}
#housedetailextra .nav {
	height					: 29px;
}
#housedetailextra .nav img {
	padding					: 0;
	margin					: 2px 1px 0 0;
	cursor					: pointer;	
}
#housedetailextra div.extracontent {
	padding					: 20px;
	border					: 1px solid #cccccc;
	width					: 920px;
}
#housedetailextra div.extracontent p {
	font-size				: 10px;	
}
#housedetailextra div.extracontent a {
	text-decoration			: none;
	color					: #51abc4;	
}
#housedetailextra div.extracontent a:hover {
	color					: #0070af;	
}
#housedetailextra div.extracontent td {
	padding					: 4px;	
}
/* End woningdetails */


/* Begin Houses Search */
#HousesSearch { 
	margin					: 20px 0 30px 0;	
	background-color		: #fff;
	padding					: 20px;
}
#HousesSearch select {
	border					: 1px solid #51abc4;
	background-color		: #f2fcfe;
}
#HousesSearch .label {
	font-size				: 12px;
	color					: #201b1c;	
}
#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					: #2f6784;
}

#contactform input.clr, #contactform textarea.clr {
	border					: 1px solid #2f6784;
	background-color		: #ededed;
	padding					: 4px 5px;
	color					: #201b1c;
}
#contactform input.norm {
	width					: 300px;
}
#contactformHuisnummer {
	width					: 50px;
}
#contactformHuisnummertoev {
	width					: 40px;	
}
#contactformOpmerking {
	width					: 300px;
	height					: 110px;	
}
input.contactformSubmitNorm, #HousesSearch .HousesSearchSubmitNorm {
	border					: none;
	background				: url(../img/btn_forward_light.gif) no-repeat right 0 #201b1c;
	height					: 27px;
	width					: 100px;
	padding					: 0 22px 0 4px;
	color					: #FFF;
	font-size				: 14px;
	text-align				: left;
	font-family				: Arial, Helvetica, sans-serif;
}
input.contactformSubmitHover, #HousesSearch .HousesSearchSubmitHover {
	border					: none;
	background				: url(../img/btn_forward_light.gif) no-repeat right -27px #6a6a6a;
	height					: 27px;
	width					: 100px;
	padding					: 0 22px 0 4px;
	color					: #fff;
	font-size				: 14px;
	text-align				: left;
	font-family				: Arial, Helvetica, sans-serif;
}

#HousesSearch .HousesSearchSubmitNorm { background: url(../img/btn_forward_search.gif) no-repeat right 0px #201b1c; }
#HousesSearch .HousesSearchSubmitHover { background: url(../img/btn_forward_search.gif) no-repeat right -27px #6a6a6a; }

#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;
	position				: absolute;
	top						: 127px;
	margin-left				: 250px;
	z-index					: 300;
}


#mainmenu a {
	display			: block;
	white-space		: nowrap;
	margin			: 0;
	padding			: 11px 5px;
}
#mainmenu ul a {
	text-decoration	: none;
	border-right	: 1px solid #221e1f;
	font-size		: 14px;
	text-align		: center;
}
#mainmenu ul ul a {
	font-weight		: normal;
	border			: none;
	background		: #fff;
	font-size		: 11px;
	padding			: 6px 5px;
	text-align		: center;
}
#mainmenu a, #mainmenu a:visited {
	color			: #221e1f;
}
#mainmenu a:hover {
	/*color			: #2f6784;*/
	background		: url('../img/bgMenu.jpg') repeat-x top left;
}
#mainmenu a.active {
	background		: #a3becc;
}
#mainmenu ul {
	list-style		: none;
	margin			: 0;
	padding			: 0;
	float			: left;
	width			: 118px;
}
#mainmenu ul.last {	width: 120px;}
#mainmenu ul.last a { border-right	: none;  }

#mainmenu li {
	position		: relative;
}
#mainmenu ul ul {
	position		: absolute;
	z-index			: 500;
	top				: auto;
	display			: none;
	border			: 1px solid #6a6a6a;
	width			: 116px;
	text-align		: left;
}
#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 */

#nieuwbouwdagbanner
{
	background-color: #ffffff; 
	left: 0px; 
	position: absolute;  
	top: 0; 
	z-index:200
}