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

body, html {
	font-family				: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size				: 11px;
	margin					: 0;
	padding					: 0;
	height					: 100%;
	background				: url(../img/site_background.gif) repeat-y #fff top center;
}
#page {
	width					: 960px;
	margin					: 0 auto; 
	text-align				: center;
}
#header {
	height					: 124px;
	background-image		: url('../img/header.jpg');
	background-repeat		: no-repeat;
}
#content {
	text-align				: left;
	padding					: 40px 0 20px 30px;
	clear					: both;
}
#content h1 {
	margin-bottom			: 0px;
	font-size				: 20px;
	font-weight				: bold;
	line-height				: 22px;
	color					: #4c662f;
	font-family				: Trebuchet MS, Verdana , Arial, Helvetica, sans-serif;
}
#content p {
	font-size				: 12px;
	line-height				: 20px;
	margin-bottom			: 10px;
	color					: #87a955;
}
#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 #ccc;
	font-size				: 14px;
	font-weight				: bold;
	padding-bottom			: 5px;
}
li.houseimg {
	padding					: 10px 0;
	border-right			: 1px solid #ccc;
	width					: 270px;
}
li.housedetails {
	padding					: 10px 0 0 10px;
	width					: 432px;
}
li.housedetails table {
	font-size				: 12px;	
}
li.housedetails td.label {
	color					: #666;
	width					: 160px;
}
li.housedetails a.moreinfo {
	background				: transparent url(../img/btn_forward_light.jpg) no-repeat top right;
	height					: 19px;
	display					: block;
	padding					: 0 22px 0 0;
	margin-top				: 20px;
	color					: #87a955;
	text-decoration			: none;
}
li.housedetails a.moreinfo:hover {
	background				: transparent url(../img/btn_forward_light.jpg) no-repeat bottom right;
	height					: 19px;
	display					: block;
	padding					: 0 22px 0 0;
	color					: #4c662f;
}

#googlemaps {
	width					: 800px;
	height					: 578px;
}

/* Begin Situatie */
#housestable {
	margin-bottom			: 10px;	
	width					: 600px;
}
#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		: #87a955;
	font-weight				: bold;
	color					: #fff;
}
#housestable td.legenda {
	padding-left			: 4px;
	width					: 18px;
}
#housestable .legendaico {
	width					: 10px;
	height					: 10px;
}
#housestable .even {
	background-color		: #e8ebda;
}
#housestable .evenhover {
	background-color		: #698945;
}
#housestable .odd {
	background-color		: #87a955;
}
#housestable .oddhover {
	background-color		: #698945;
}
#tblavailability {
	display					: none;
}
#tblhouses {}


#housedetails {
	width					: 250px;
	border					: 0px solid #333333;
	float					: right;
	margin-top				: 17px;
}
#housedetails div.title {
	background-color		: #87a955;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff;
}
#housedetails div.moreinfo {
	background-color		: #698945;
	padding					: 0;
	text-align				: right;
	height					: 27px;
}
#housedetails a.moreinfo {
	background				: url(../img/btn_forward_light.gif) #4c662f no-repeat top right;
	height					: 24px;
	width					: 240px;
	display					: block;
	padding					: 3px 0 0 10px;
	color					: #ffffff;
	text-decoration			: none;
}
#housedetails a.moreinfo:hover {
	background				: url(../img/btn_forward_light.gif) #87a955 no-repeat bottom right;
	height					: 24px;
	display					: block;
	padding					: 3px 0 0 10px;
	color					: #ffffff;
}
#housedetails .image img {
	margin					: 0;
}
#housedetails table { 
	border					:1px solid #cccccc;
}
#housedetails table td {
	padding					: 2px 0 2px 4px;
}
#housedetails td.label {
	color					: #666;	
}
#housedetails td.note {
	font-style				: oblique;	
}
#flashcontentmap {
	width					: 600px;
	height					: 500px;
}
/* End Situatie */

/* Begin woningdetails */
#detailshouses { }
#detailshouses #subnav {
	text-align				: right;
	padding-bottom			: 5px;
}
#detailshouses #subnav a {
	text-decoration			: none;
	color					: #87a955;
	margin-left				: 20px;
}
#detailshouses #subnav a:hover {
	color					: #4c662f;
}
#detailshouses div.title { 
	background-color		: #87a955;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff; 	
}
#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 {
	padding-top				: 10px;	
}
#detailshouses .housedetails td.link a {
	text-decoration			: none;
	font-style				: italic;
	color					: #4c662f;
}
#detailshouses .housedetails td.link a:hover {
	text-decoration			: none;
	font-style				: italic;	
	color					: #4c662f;
}
#detailshouses #houseslist {
	height					: 114px;
	overflow-y				: scroll;
	overflow-x				: hidden;
	border					: 0px solid #136789;
	clear					: both;
}
#detailshouses #houseslist table {
	font-size				: 11px;	
}
#detailshouses #houseslist table td {
	padding					: 2px 0 2px 8px;	
}
#detailshouses #houseslist td.tableheader {
	background-color		: #87a955;
	color					: #fff;
	font-weight				: bold;
}
#detailshouses #houseslist .even {
	background-color		: #e8ebda;
}
#detailshouses #houseslist .odd {
	background-color		: #e8ebda;
}
#housedetailextra {
	margin-top				: 10px;	
}
#housedetailextra .nav {
	height					: 22px;
}
#housedetailextra .nav img {
	padding					: 0;
	margin					: 0 1px 0 0;
	cursor					: pointer;	
}
#housedetailextra div.extracontent {
	padding					: 8px;
	border					: 0px solid #136789;
}
#housedetailextra div.extracontent p {
	font-size				: 10px;	
}
#housedetailextra div.extracontent a {
	text-decoration			: none;
	color					: #87a955;	
}
#housedetailextra div.extracontent a:hover {
	color					: #4c662f;	
}
#housedetailextra div.extracontent td {
	padding					: 4px;	
}
/* End woningdetails */


/* Begin Houses Search */
#HousesSearch { 
	margin-bottom			: 30px;	
}
#HousesSearch select {
	border					: 1px solid #cccccc;
	background-color		: #ffffff;
}
#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_light.gif) no-repeat right 0;
	height					: 18px;
	margin-left				: 20px;
	padding-right			: 20px;
	color					: #51abc4;
}
#HousesSearch .HousesSearchSubmitHover {
	border					: none;
	background				: transparent url(../img/btn_forward_light.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					: #4c662f;
}

#contactform input.clr, #contactform textarea.clr {
	border					: 1px solid #4c662f;
	background-color		: #dbe8c7;
	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 #4c662f;
	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 #87a955;
	height					: 27px;
	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;	
}
label { padding-right: 5px;}
/* End contact form (belangstelling) */

/* Begin CSS Popout Menu */
#mainmenu {
	width					: 100%;
	float					: left;
	text-align				: left;
	background-color		: #87a955;
	background-repeat		: no-repeat;
}
#mainmenu a {
	font-family		: Verdana, Geneva, sans-serif;
	font-size		: 11px;
	display			: block;
	white-space		: nowrap;
	margin			: 0;
	padding			: 5px 5px;
}
#mainmenu a {
	/*background		: #81ccdf;*/
	text-decoration	: none;
	font-weight		: bold;
	border-right	: 1px solid #fff;
}
#mainmenu ul ul a {
	font-weight		: normal;
	border			: none;
	background		: #87a955;
	padding			: 6px 0px 7px 12px;
}
#mainmenu a, #mainmenu a:visited {
	color			: #fff;
}
#mainmenu a:hover {
	color			: #fff;
	background		: #4c662f;
}
#mainmenu a.active {
	color			: #fff;
	background		: #4c662f;
}
#mainmenu ul {
	list-style		: none;
	margin			: 0;
	padding			: 0;
	float			: left;
	width			: 120px;
}
#mainmenu li {
	position		: relative;
}
#mainnav ul ul li {
	width				: 100px;
}

#mainmenu ul ul {
	position		: absolute;
	z-index			: 500;
	top				: auto;
	display			: none;
}
#mainmenu ul ul ul {
	top				: 0;
	left			: 100%;
}

#lang a{
	white-space				: normal;
}

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