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

/*bordes:
achtergrondkleur d5c7ba
donker bruin 57452d donkerder 433528 donkerder 2e2119
bruin bf7b4e */

body, html {
	font-family				: Verdana,Arial,Helvetica,sans-serif;
	font-size				: 11px;
	margin					: 0;
	padding					: 0;
	height					: 100%;
	background-color		: #d2e7f6;
}
#page {
	width					: 960px;
	margin					: 0 auto; 
	text-align				: center;
	background-color		: #ffffff;
}
#header {
	height					: 150px;
	background-image		: url('../img/header.jpg');
	background-repeat		: no-repeat;
}
#content {
	text-align				: left;
	padding					: 50px 0 20px 30px;
	clear					: both;
}
#content h1 {
	margin-bottom			: 19px;
	font-size				: 22px;
	font-weight				: bold;
	line-height				: 26px;
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	color					: #0a8ad1;
}
#content p {
	font-size				: 12px;
	line-height				: 20px;
	margin-bottom			: 10px;
	color					: #2e2119;
	font-family				: Verdana , Arial, Helvetica, sans-serif;
}
#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;
	color					: #0a8ad1;
}
li.houseimg {
	padding					: 10px 0;
	border-right			: 1px solid #ccc;
	width					: 300px;
}
li.housedetails {
	padding					: 10px 0 0 10px;
	width					: 432px;
	padding					: 10px 0 0 40px;
}
li.housedetails table {
	font-size				: 11px;	
	line-height				: 20px;
}
li.housedetails td.label {
	color					: #666;
	width					: 160px;
	font-weight				: bold;
}
li.housedetails a.moreinfo {
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	margin-top				: 40px;
	color					: #0972b7;
	text-decoration			: none;
	font-size				: 11px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-weight				: bold;
}
li.housedetails a.moreinfo:hover {
	height					: 18px;
	display					: block;
	padding-right			: 22px;
	color					: #998a78;
}

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

/* Begin Situatie */

/*bordes:
achtergrondkleur d5c7ba
donker bruin 57452d menu donker 433528 heel donker 2e2119
 */


#housestable {
	margin-bottom			: 20px;	
	width					: 620px;
}
#housestable #type {
	text-align				: right;
	padding					: 0 0 4px 0;
}
#housestable table { 
	font-size				: 12px;	
}
#housestable table td { 
	padding					: 2px 0px 2px 0;
	border-bottom			: 1px solid #FFFFFF;
	
}
#housestable .tableheader {
	background-color		: #0972b7;
	font-weight				: bold;
	color					: #fff;
}
#housestable td.legenda {
	padding-left			: 4px;
	width					: 18px;
}
#housestable .legendaico {
	width					: 10px;
	height					: 10px;
}
#housestable .even {
	background-color		: #ddeffa;
}
#housestable .evenhover {
	background-color		: #0972b7;
}
#housestable .odd {
	background-color		: #c0daf0;
}
#housestable .oddhover {
	background-color		: #0972b7;
}
#tblavailability {
	display					: none;
}
#tblhouses {}


#housedetails {
	width					: 250px;
	background-color		: #d2e7f6;
	float					: right;
	margin-top				: 18px;
}
#housedetails div.title {
	background-color		: #0972b7;
	font-weight				: bold;
	font-size				: 12px;
	padding					: 4px 0 4px 4px;
	color					: #fff;
}
#housedetails div.moreinfo {
	background-color		: #c0daf0;
	padding					: 0;
	text-align				: right;
	margin-top				: 6px;
	font-weight				: bold;
	font-size				: 12px;
}
#housedetails a.moreinfo {
	/*background				: transparent url(../img/btn_forward_dark.gif) no-repeat right -18px;*/
	height					: 18px;
	display					: block;
	padding					: 4px 22px 4px 4px;
	margin-right			: 0px;
	color					: #0972b7;
	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					: #ffffff;
	/*background-color		: #998a78 ;*/
}
#housedetails .image img {
	
	margin-bottom			: 6px;
}
#housedetails table { }
#housedetails table td {
	padding					: 4px 0 4px 4px;
}
#housedetails td.label {
	color					: #666;	
}
#housedetails td.note {
	font-style				: oblique;	
}
#flashcontentmap {
	width					: 620px;
	height					: 400px;
}
/* End Situatie */

/* Begin woningdetails */
#detailshouses { }
#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				: 16px;
	color					: #0a8ad1; 	
	width					: 900px;
	border-bottom			: 1px dotted gray;
}
#detailshouses .housedetails {
	margin-top				: 30px;
}

#detailshouses .housedetails ul.images {
	list-style				: none;
	margin					: -10px;
	padding					: 0;
}
#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				: 20px;	
}
#detailshouses .housedetails td.link a {
	text-decoration			: none;
	color					: #0972b7;
	font-weight				: bold;
}
#detailshouses .housedetails td.link a:hover {
	text-decoration			: none;
	color					: #0972b7;
}
#detailshouses #houseslist {
	height					: 114px;
	overflow-y				: auto;
	overflow-x				: hidden;
	width					: 900px;
	clear					: both;
}
#detailshouses #houseslist table {
	font-size				: 11px;	
}
#detailshouses #houseslist table td {
	padding					: 2px 0 2px 14px;
}
#detailshouses #houseslist td.tableheader {
	background-color		: #0972b7;
	color					: #ffffff;
	font-weight				: bold;
	padding					: 4px 0 4px 14px;
}
#detailshouses #houseslist .even {
	background-color		: #ddeffa;
}
#detailshouses #houseslist .odd {
	background-color		: #c0daf0;
}
#housedetailextra {
	margin-top				: 40px;	
	width					: 900px;
}
#housedetailextra .nav {
	height					: 22px;
}
#housedetailextra .nav img {
	padding					: 0;
	margin					: 0 1px 0 0;
	cursor					: pointer;	
}
#housedetailextra div.extracontent {
	padding					: 14px 14px 4px 14px;
	border-top				: 1px dotted #136789;
	font-size				: 12px;
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	line-height				: 18px;
}
#housedetailextra div.extracontent p {
	font-size				: 12px;	
}
#housedetailextra div.extracontent a {
	text-decoration			: none;	
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	line-height				: 18px;
	color					: #000000;	
}
#housedetailextra div.extracontent a:hover {
	color					: #000000;	
}
#housedetailextra div.extracontent td {
	padding					: 4px;	
}
/* End woningdetails */


/* Begin Houses Search */
#HousesSearch { 
	margin-bottom			: 30px;	
}
#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) */
/*bordes:
licht blauw 0098d9
donker blauw 086792
bruin bf7b4e */
#contactform input.clr, #contactform textarea.clr {
	border					: 1px solid #d3cdc5;
	background-color		: #ddeffa;
	padding					: 4px 8px;
}
#contactform input.norm {
	width					: 300px;
}
#contactformHuisnummer {
	width					: 50px;
}
#contactformHuisnummertoev {
	width					: 40px;	
}
#contactformOpmerking {
	width					: 300px;
	height					: 110px;	
}
input.contactformSubmitNorm {
	background-color		: #ffffff;
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	height					: 18px;
	width					: 80px;
	padding-right			: 22px;
	color					: #433528;
	font-size				: 12px;
	font-weight				: bold;
}
input.contactformSubmitHover {
	border					: none;
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	height					: 18px;
	width					: 80px;
	padding-right			: 22px;
	color					: #998a78;
	font-size				: 12px;
	font-weight				: bold;
	background-color		: #ffffff;			
}
#contactform table td {
	padding					: 4px 0 4px 0;	
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	line-height				: 20px;
	font-size				: 11px;
	color					: #2e2119;
}
#contactform table td.woningtype {
	padding					: 0 0 4px 6px;	
	font-family				: Verdana , Arial, Helvetica, sans-serif;
	line-height				: 20px;
	font-size				: 11px;
}
/* End contact form (belangstelling) */

/* Begin CSS Popout Menu */
#mainmenu {
	width					: 960px;
	float					: left;
	text-align				: left;
	background-image		: url('../img/menu-bg.gif');
	/*background				: #433528;*/
	background-repeat		: repeat-x;
}
#mainmenu a {
	font			: normal 100%/100% Verdana , Arial, Helvetica, sans-serif;
	display			: block;
	white-space		: nowrap;
	margin			: 0;
	padding			: 7px 12px;
}
#mainmenu a {
	/*background		: #81ccdf;*/
	text-decoration	: none;
	font-weight		: bold;
	border-right	: 1px dashed #fff;
}
#mainmenu ul ul a {
	font-weight		: normal;
	border			: none;
	background		: #0972b7;
}
#mainmenu a, #mainmenu a:visited {
	color			: #ffffff;
}
#mainmenu a:hover {
	color			: #ffffff;
	background		: #0a8ad1;
}
#mainmenu a.active {
	background		: #0a8ad1;
	color			:#FFFFFF;
}
#mainmenu ul {
	list-style		: none;
	margin			: 0;
	padding			: 0;
	float			: left;
	width			: 120px;
}
#mainmenu li {
	position		: relative;
}
#mainmenu ul ul {
	position		: absolute;
	z-index			: 500;
	top				: auto;
	display			: none;
}
#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 */