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

body, html {
	font-family				: Helvetica,Arial,sans-serif,Verdana;
	font-size				: 12px;
	margin					: 0;
	padding					: 0;
	height					: 100%;
	background				: url(../img/site_background.gif) #e9f4c4 repeat-x top center;
}
#page {
	width					: 960px;
	margin					: 0 auto; 
	text-align				: center;
}
#header {
	height					: 148px;
	width					: 960px;
	background				: url('../img/header.jpg') no-repeat #fff top right;
	position				: relative;
	border-bottom			: 1px solid #00571c;
	/*background				: url('../img/site_background.gif') repeat-x #fff top center;*/
}
#content {
	text-align				: left;
	padding					: 0;
	clear					: both;
}
#content h1 {
	margin-bottom			: 19px;
	font-size				: 20px;
	font-weight				: bold;
	line-height				: 22px;
	color					: #00571c;
}
#content p {
	font-size				: 12px;
	line-height				: 20px;
	margin-bottom			: 10px;
	color					: #00571c;
}
#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, li.housetitle
{
	width					: 894px;	
}
li.spacer
{
	width					: 30px;
}

li.housetitle {
	border-bottom			: 1px solid #00571c;
	font-size				: 14px;
	font-weight				: bold;
	padding-bottom			: 5px;
	color					: #00571c;
	
}
li.houseimg {
	padding					: 10px 0;
	border-right			: 1px solid #00571c;
	width					: 260px;
}
li.housedetails {
	padding					: 10px 0 0 10px;
	width					: 432px;
}
li.housedetails table {
	font-size				: 12px;	
}
li.housedetails table td { padding: 4px 0 4px 5px;  }
li.housedetails td.label {
	color					: #00571c;
	width					: 160px;
}
li.housedetails a.moreinfo {
	background				: url(../img/btn_forward_dark.gif) #b8d652 no-repeat bottom right;
	height					: 15px;
	display					: block;
	padding					: 5px 0 4px 5px;
	margin					: 10px 0 0 0;
	color					: #00571c;
	text-decoration			: none;
}
li.housedetails a.moreinfo:hover {
	background				: url(../img/btn_forward_dark.gif) #00571c no-repeat top right;
	height					: 15px;
	display					: block;
	padding					: 5px 0 4px 5px;
	color					: #fff;
}

#googlemaps {
	width					: 660px;
	height					: 470px;
}

/* Begin Situatie */
#housestable {
	margin					: 0 0 20px 295px;	
	width					: 600px;
}
#housestable #type {
	text-align				: left;
	padding					: 0 0 4px 0;
	color					: #00571c;
}
#housestable table { 
	font-size				: 12px;	
}
#housestable table td { 
	padding					: 3px 0px 3px 0;
}
#housestable .tableheader {
	background-color		: #00571c;
	font-weight				: bold;
	color					: #fff;
}
#housestable td.legenda {
	padding-left			: 4px;
	width					: 18px;
}
#housestable .legendaico {
	width					: 10px;
	height					: 10px;
}
#housestable .even {
	background-color		: #cee67c;
}
#housestable .evenhover {
	background-color		: #b8d652;
}
#housestable .odd {
	background-color		: #e9f4c4;
}
#housestable .oddhover {
	background-color		: #b8d652;
}
#tblavailability {
	display					: none;
}
#tblhouses {}


#housedetails {
	width					: 250px;
	border					: none;
	float					: left;	
	margin					: 0px 20px;
}
#housedetails div.title {
	background-color		: #00571c;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 5px 0 4px 4px;
	height					: 17px;
	color					: #fff;
}
#housedetails a.moreinfo {
	background				: url(../img/btn_forward_dark.gif) #b8d652 no-repeat bottom right;
	height					: 17px;
	display					: block;
	padding					: 5px 0 4px 4px;
	margin					: 10px 0 0 0;
	color					: #00571c;
	text-decoration			: none;
}
#housedetails a.moreinfo:hover {
	background				: url(../img/btn_forward_dark.gif) #00571c no-repeat top right;
	height					: 17px;
	display					: block;
	padding					: 5px 0 4px 4px;
	color					: #fff;
}
#housedetails .image img {
	margin					: 0;
}
#housedetails table { }
#housedetails table td {
	padding					: 3px 0 3px 0px;
}
#housedetails td.label {
	color					: #00571c;
	font-size				: 11px;
}
#housedetails td.note {
	font-style				: oblique;	
}
#flashcontentmap {
	width					: 600px;
	height					: 460px;
	float					: right;
}
/* End Situatie */

/* Begin woningdetails */
#detailshouses {
	background-color: #ddeab1;
	width			: 960px;
	padding-bottom	: 10px;
 }
#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 { 
	font-weight				: bold;
	font-size				: 20px;
	padding					: 4px 0 4px 4px;
	color					: #00571c; 
	margin-top				: 140px;
	padding-left			: 50px;
}
#detailshouses .housedetails {
	margin-top				: 10px;
}

#detailshouses .housedetails ul.images {
	list-style				: none;
	margin					: 0;
	padding					: 0;
	padding-left			: 50px;
}
#detailshouses .housedetails ul.images li {
	padding					: 0 5px 5px 0;
}
#detailshouses .housedetails table {
	float					: right;
	margin-bottom			: 30px;
}
#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 {
	text-decoration			: none;
	color					: #00571c;
	font-weight				: bold;
}
#detailshouses .housedetails td.link a:hover {
	text-decoration			: none;
	color					: #7fab8d;
}
#detailshouses #houseslist {
	height					: 114px;
	overflow-y				: auto;
	overflow-x				: hidden;
	clear					: both;
	padding-left			: 50px;
}
#detailshouses #houseslist table {
	font-size				: 11px;	
}
#detailshouses #houseslist table td {
	padding					: 2px 0 2px 8px;	
}
#detailshouses #houseslist td.tableheader {
	background-color		: #00571c;
	color					: #fff;
	font-weight				: bold;
}
#detailshouses #houseslist .even {
	background-color		: #cee67c;
}
#detailshouses #houseslist .odd {
	background-color		: #e9f4c4;
}
#housedetailextra {
	margin-top				: 30px;	
	padding-left			: 50px;
}
#housedetailextra .nav {
	height					: 22px;
}
#housedetailextra .nav img {
	padding					: 0;
	margin					: 0 1px 0 0;
	cursor					: pointer;	
}
#housedetailextra div.extracontent {
	padding					: 8px;
	background-color		: #e4eec1;
}
#housedetailextra div.extracontent p {
	font-size				: 12px;	
}
#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 */
#houses {
	background-color		: #ddeab1;/**/
	text-align				: center;
	padding					: 30px;
}
#houses li{
	text-align				: left;
}
#HousesSearch { 
	padding					: 80px 40px 20px 290px;	
	background-color		: #e9f4c4;
}
#HousesSearch select {
	border					: 1px solid #51abc4;
	background-color		: #f2fcfe;
}
#HousesSearch .label {
	font-size				: 12px;
	color					: #00571c;	
	
}
#HousesSearch td {
	padding					: 4px 0 2px 0;
}
#HousesSearch #WoningSoort {
	margin-right			: 60px;	
}
#HousesSearch .HousesSearchSubmitNorm {
	border					: none;
	background				: url(../img/btn_forward_dark.gif) #b8d652 no-repeat bottom right;
	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 input.clr, #contactform textarea.clr {
	border					: 1px solid #252525;
	background-color		: #ededed;
	padding					: 3px 5px;
}
#contactform label{color:#252525;}
#contactform input.norm {
	width					: 300px;
}
#contactformHuisnummer {
	width					: 50px;
}
#contactformHuisnummertoev {
	width					: 40px;	
}
#contactformOpmerking {
	width					: 300px;
	height					: 110px;	
}

input.contactformSubmitNorm {
	border					: none;
	background				: url(../img/btn_forward_dark.gif) #b8d652 no-repeat bottom right;
	height					: 26px;
	width					: 100px;
	padding					: 0 22px 0 4px;
	color					: #00571c;
	font-size				: 14px;
	text-align				: left;
	font-family				: Arial, Helvetica, sans-serif;
}

input.contactformSubmitHover {

	border					: none;
	background				: url(../img/btn_forward_dark.gif) #00571c no-repeat top right;
	height					: 26px;
	width					: 100px;
	padding					: 0 22px 0 4px;
	color					: #fff;
	font-size				: 14px;
	text-align				: left;
	font-family				: Arial, Helvetica, sans-serif;
}


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

/* Begin CSS Popout Menu */
#mainmenu {
	width					: 550px;
	float					: left;
	text-align				: left;
	background				: #fff;
	position				: absolute;
	top						: 120px;
	left					: 50%;
	margin-left				: -260px;
}
#mainmenu a {
	/*font			: normal 90%/205% tahoma,arial,helvetica,sans-serif;*/
	display			: block;
	white-space		: nowrap;
	margin			: 0 2px;
	padding			: 8px 5px;
	color			: #00571c;
	text-decoration	: none;
	font-weight		: normal;
	border			: none;
	text-align		: center;
}
#mainmenu ul ul a {
	font-weight		: normal;
	border			: none;
	background		: #fff;
	color			: #00571c;
	border-right	: 1px solid #00571c;
	border-left		: 1px solid #00571c;
	border-bottom	: 1px solid #00571c;
}
#mainmenu a, #mainmenu a:visited {
	color			: #00571c;
}
#mainmenu a:hover {
	color			: #00571c;
	background		: #ededed;
	border-top		: 1px solid #00571c;
	border-right	: 1px solid #00571c;
	border-left		: 1px solid #00571c;
	padding			: 7px 4px;
}
#mainmenu a.active {
	color			: #00571c;
	background		: #fff;
	border-top		: 1px solid #00571c;
	border-right	: 1px solid #00571c;
	border-left		: 1px solid #00571c;
	padding			: 7px 4px;
}
#mainmenu ul {
	list-style		: none;
	margin			: 0;
	padding			: 0;
	float			: left;
	width			: 90px;
	margin-bottom	: -1px;
}
#mainmenu li {
	position		: relative;
}
#mainmenu ul ul {
	position		: absolute;
	z-index			: 500;
	top				: auto;
	display			: none;
}
#mainmenu ul ul ul {
	top				: 0;
	left			: 100%;
}

#mainmenu ul ul a:hover {
	color			: #00571c;
	background		: #ededed;
	border-bottom	: 1px solid #00571c;
	border-right	: 1px solid #00571c;
	border-left		: 1px solid #00571c;
	border-top		: 1px solid #fff;
	padding			: 6px 6px;
}

/* 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 */