/* DEFAULT LAYOUT STYLES */

html {
	height: 100%;
}

body {
	background: #86bb50 url(../images/bg.png) repeat-y center;
	margin: 0;
	padding: 0;
	height: 100%;
	position:relative;left:0px;top:0px;z-index:0;
}

body, p, div, td, .normal {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
}

p, ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
}

ul, ol {
	margin-left: 1.5em;
	padding-left: 0;
}

ol {
	margin-left: 2.2em;
}

ul ul, ol ol {
	margin-top: 0;
}


a:link, a:active, a:visited, a:hover {
	color: blue;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration:none;
}

input, textarea, select {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 10px;
}

form {
	margin: 0;
	padding: 0;
}
.formField{
	border:1px solid #999999;
	padding-top:2px;
	padding-bottom:2px;
}
.formGemeente{
	text-align:right;
}
.formFieldRadioCheck{
	
}
table.form td{
	padding:3px;
}
.formLeftCol{}
.formRightCol{
	padding-left:20px;
}
table.form td.caption{
	font-weight:bold;
}
table.form td.submit{
	text-align:right;
}
table.form td.submit input{
	background: white url(../images/buttonSend.png);
	border:none;
	text-align:center;
	padding:0px;
	margin:0px;
	width:83px;
	height:23px;
	color:white;
	font-weight:bold;
}

td {
	padding: 0;
	vertical-align: top;
}

img {
	border: 0;
}

#container {
	margin: 0 auto;
	width: 1014px;
	background:url(../images/bg_header.png) no-repeat center top;
}

#containerTable {
	width:960px;
	margin: 0px 27px 0px 27px;
}

#header {
	width: 960px;
	height: 135px;
	position: relative;
	background:transparent;
	margin: 44px 0 0 0;
}
#headerCell {
	width: 960px;
	height: 179px;
}

#logo {
	width:212px;
	height:135px;
	float:left;
}

#bodyCell {
	width: 960px;
	background: white;
}


#creditsCell {
	height: 25px;
	background: white;
	text-align:center;
	text-decoration: none;
	font-family: Tahoma, "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 10px;
	color: #999;	
}

#creditsCell a:link, #creditsCell a:active, #creditsCell a:visited, #creditsCell a:hover {
	text-decoration: none;
	font-family: Tahoma, "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 10px;
	color: #999;
}

#creditsCell a:hover {
	color: #86bb50;
}
/*
#buttonsCell{
	width:159px;
	float:left;
	padding-left:9px;
	padding-right:9px;
	z-index:0;
}
#buttonsCell.show{
	display:block;
}
#buttonsCell.hide{
	display:none;
}
#buttons{
	padding-top:38px;
	text-align:center;
}
*/
#bodyTable {
	width: 960px;
	height: 100%;
}

#menuCell{
	width:212px;
}

#bodyMainCell{
	width:600px;
}

#bodyMain {
	margin: 36px 7px 36px 20px;
	text-align:left;
}

#sidebarCell {
	width: 190px;
	padding-top:15px;
}

#sidebarCell .body{
	margin:0 0 2px 0;
	padding:0;
}
#sidebarCell .body a.button{
	display:block;
	text-decoration:none;
	margin-bottom:10px;
	overflow:hidden;
	text-indent:-999em;
	background-repeat:no-repeat;
	background-color:white;
}
#langMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 13px;
	top: 0;
}

#langMenu li {
	float: left;
}

#langMenu li a:link, #langMenu li a:active, #langMenu li a:visited, #langMenu li a:hover {
	display: block;
	padding: 0px 7px;
	color: #c8ccc4;
	text-decoration: none;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
}

#langMenu li a:hover {
	color: black;
}

#langMenu li.selected a:link, #langMenu li.selected a:active, #langMenu li.selected a:visited, #langMenu li.selected a:hover {
	color: #86bb50;
}

#headerfoto {
	margin: 17px 0 0 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#menu {
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
	width:212px;
}

#menu li {
	height:20px;
	line-height:20px;
	display:block;
	vertical-align:middle;
	background:white;
	width:212px;
	margin: 0px 0px 7px 0px;
}

#menu li a:link, #menu li a:active, #menu li a:visited, #menu li a:hover {
	display: block;
	height: 20px;
	padding: 0px 0px 0px 38px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	font-weight:bold;
}

#menu li a:hover {
	color: white;
	background:#86bb50;
}

#menu li.selected {
	font-weight:bold;
	color: white;
	background:#86bb50;
}

#menu li.selected a:link, #menu li.selected a:active, #menu li.selected a:visited, #menu li.selected a:hover {
	font-weight:bold;
	color: white;
	background:#86bb50;
}

#menu li.submenu {
	height:20px;
	line-height:20px;
	display:block;
	text-align:right;
	vertical-align:middle;
	background:white;
	width:212px;
	margin: 0px 0px 7px 0px;
}

#menu li.submenu a:link, #menu li.submenu a:active, #menu li.submenu a:visited, #menu li.submenu a:hover {
	display: block;
	height: 20px;
	text-align:right;
	padding: 0px 44px 0px 0px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	font-weight:bold;
}

#menu li.submenu a:hover {
	color: #86bb50;
	background:white;
}

#menu li.submenu.selected {
	font-weight:bold;
	color: #86bb50;
	background:white url(../images/bg_submenu.png) no-repeat right;

}

#menu li.submenu.selected a:link, #menu li.submenu.selected a:active, #menu li.submenu.selected a:visited, #menu li.submenu.selected a:hover {
	font-weight:bold;
	color: #86bb50;
	background:white url(../images/bg_submenu.png) no-repeat right;
}

/* CALENDAR */

h2.calendar{
	font-weight:bold;
	
}

.calendarNavTable {
	margin-bottom: 1px;
	width: 167px;
}

.calendarNavLeftCell {
	width: 23px;
}

.calendarNavLeftCell a:link, .calendarNavLeftCell a:active, .calendarNavLeftCell a:visited, .calendarNavLeftCell a:hover {
	display: block;
	width: 23px;
	height: 23px;
	background: #53524D url(../images/arrow-left.png) no-repeat center center;
}

.calendarNavLeftCell a:hover {
	background: #ED7919 url(../images/arrow-left-over.png) no-repeat center center;
}

.calendarNavRightCell {
	width: 23px;
}

.calendarNavRightCell a:link, .calendarNavRightCell a:active, .calendarNavRightCell a:visited, .calendarNavRightCell a:hover {
	display: block;
	width: 23px;
	height: 23px;
	background: #53524D url(../images/arrow-right.png) no-repeat center center;
}

.calendarNavRightCell a:hover {
	background: #ED7919 url(../images/arrow-right-over.png) no-repeat center center;
}

.calendarNavTitleCell {
	text-align: center;
	font-weight: bold;
	background: #53524D;
	color: white;
	text-transform: uppercase;
	padding-top: 4px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.calendarTable {
	width: 168px;
}

.calendarTable td {
	width: 23px;
	height: 23px;
	background: #AFAFA9;
	color: white;
	text-align: center;
	line-height: 23px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.calendarTable thead td {
	background: #C8C9C4;
}

.calendarTable td a:link, .calendarTable td a:active, .calendarTable td a:visited, .calendarTable td a:hover {
	display: block;
	background: #ED7919;
	width: 23px;
	line-height: 23px;
	color: white;
	text-decoration: none;
}
.calendarTable td.weekend {
	font-weight:bold;
	background-color:#ffa042;
}
.calendarTable td.weekend a:link, .calendarTable td.weekend a:active, .calendarTable td.weekend a:visited, .calendarTable td.weekend a:hover {
	font-weight:bold;
	background-color:#ffa042;
}
.calendarEventImage{
	float:left;
	width:199px;
	height:134px;
	border:1px solid #aaa;
	white-space: nowrap;
	overflow: hidden;
	display:block;
	margin-right:15px;
}
.calendarEventText{
	float:left;
	display:block;
	width:315px;
}

/* SEARCH RESULTS */

.searchResults {
	margin-top: 10px;
}

.searchResults h2 {
	color: #86dd50;
	text-transform: uppercase;
	font-size: 12px;
}

.searchResultsNav {
	padding-left: 33px;
	margin-bottom: 5px;
	background-color:#afaea9;
	height:23px;
	clear:both;
}

.searchResultsNav a {
	color: white;
	text-decoration: none;
	margin-right: 3px;
}

.searchResultsNav span {
	color: white;
	margin-right: 3px;
}

.searchResultsNav a:hover, .searchResultsNav a.selected {
	color: black;
}

.searchResultsNav a,.searchResultsNav a:link,.searchResultsNav a:hover,.searchResultsNav a:active,.searchResultsNav a:visited{
	height:23px;
	line-height:23px;	
	color:#ebeae8;
	display:block;
	float:left;
	text-decoration:none;
	vertical-align:middle;
	font-size:10px;
	font-family:verdana;
	white-space:nowrap;
}
.searchResultsNav span{
	height:23px;
	line-height:23px;	
	display:block;
	float:left;
	vertical-align:middle;
	font-size:10px;
	font-family:verdana;	
	white-space:nowrap;
}

.searchResultsNav a.firstPageNumber{
	width:30px;
	text-align:center;
	color:#ebeae8;
}
.searchResultsNav a.lastPageNumber,.searchResultsNav a.pageNumber{
	width:30px;
	text-align:center;
	color:#ebeae8;
	background-image:url(../images/fastLinkBg.gif);
	background-repeat:no-repeat;
	background-position:left;	
}
.searchResultsNav a.first{
	color:#ebeae8;
	padding-right:10px;
	clear:left;
}
.searchResultsNav a.prev{
	color:#ebeae8;
}
.searchResultsNav a.next{
	color:#ebeae8;
}
.searchResultsNav a.last{
	color:#ebeae8;
	padding-left:10px;
}
.searchResultsNav span.current,.searchResultsNav span.firstCurrent,.searchResultsNav span.lastCurrent{
	width:30px;
	text-align:center;
	color:#2c2b27;
	background-image:url(../images/fastLinkBg.gif);	
	background-repeat:no-repeat;
	background-position:left;
}
.searchResultsNav span.firstCurrent{
	background:none;
}
.searchResultsNav span.position{
	padding-left:10px;
	text-align:center;
	color:#2c2b27;
	background-repeat:no-repeat;
	background-position:left;
	
}

.searchResult {
	display:block;
	width:250px;
	height: 150px;
	margin-bottom: 30px;
	padding: 0;
	float:left;
}
.searchResultLeft{
	margin-right:30px;
}
.searchResultImage {
	display:block;
	margin:0;
	padding:0;
	width: 248px;
	height:110px;
	border:1px solid #666;
	overflow: hidden;
}
.searchResultDetails{
	float:left;
	display:block;
	height:32px;
	width:211px;
	background:#a7aba2;
	color:white;
	padding:3px;
	overflow:hidden;
	font-size:12px;
}
.searchResultDetails .afstand{
	color:#c42226;
	font-weight:bold;
}
.searchResultZoom{
	float:left;
	display:block;
	height:38px;
	width:33px;
	background:#a7aba2;
	color:white;
	padding:0px;
	overflow:hidden;
}

/* OVERLAY FX */

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
#busyoverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 156px;
	height: 7px;
	background-color: #ffffff;
}

/* FLASH CONTAINTERS */

#kaartContainer {
	position: absolute;
	background: white;
	width: 950px;
	height: 550px;
	top: 50px;
	left: 0;
	z-index: 999999;
}
#kijkboekContainer {
	position: absolute;
	background: white;
	width: 1000px;
	height: 680px;
	top: 20px;
	left: 0;
	z-index: 999999;
}
#kijkboekLinkContainer {
	position: absolute;
	background: white;
	width: 1000px;
	height: 40px;
	top: 700px;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
	left: 0;
	z-index: 999999;
}

#verkavelingContainer {
	position: absolute;
	background: white;
	width: 1000px;
	height: 689px;
	top: 50px;
	left: 0;
	z-index: 999999;
}

/* KIJK WONING BUTTON LINE */

.kijkwoningenMap {
	padding: 3px;
	border: 1px solid #BFBFBF;
}

.kijkwoningenTitle {
	border-bottom: 1px solid #A9AAA5;
	height: 20px;
}

.kijkwoningenTitle h2 {
	float: left;
	font-size: 12px;
}

.kijkwoningenTitle a {
	float: right;
	text-decoration: none;
}

.kijkwoning {
	clear: both;
}

.kijkwoning img {
	float: right;
}

.kijkwoning h3 {
	font-size: 10px;
	margin-bottom: 0.4em;
	font-weight: bold;
}

.kijkwoning .buttonLine {
	text-align: left;
	clear: both;
}

.kijkwoning .buttonLine a {
	float: left;
	text-transform: lowercase;
}

/* SEARCH DETAILS */

.searchDetailTitle {
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 15px;
	padding-bottom: 7px;
}

.searchDetailTitleText {
	float: right;
	font-size: 11px;
}

.searchDetailTitleLinks {
	float: left;
}

.searchDetailTitleLinks a {
	margin-right: 15px;
}

.searchDetailPicture {
	border: 1px solid #BFBFBF;
	margin: 0 7px 0 0;
	width: 208px;
	height:240px;
	display:block;
	overflow:hidden;
	float: left;
}

.searchDetailText {
	display:block;
	height:235px;
	width:274px;
	float: left;
	padding: 0 20px 7px 20px;
	overflow: hidden;
	background-color:#e7f1dc;
}
.searchDetailText h1{
	text-transform:none;
}
.searchDetailAndereInfo h1{
	text-transform:none;
}
.searchDetailAndereInfo {
	display:block;
	width:274px;
	float: left;
	padding: 0 20px 7px 20px;
	overflow: hidden;
	background-color:white;
	margin-left:215px;
}

/* ROLLOVER ZOEK BUTTONS */

.zoekKnoppen{
   width:100%;
   overflow:hidden;
   display:block;
   height:107px;
}

.zoekKnoppen.small{
   height:107px;
}

.zoekKnoppen ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

.zoekKnoppen ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.zoekKnoppen li a:link, .zoekKnoppen li a:active, .zoekKnoppen li a:visited, .zoekKnoppen li a:hover {
    position:relative;
    display: block;
    cursor: pointer;
    width:326px;
    height:107px;
    text-indent:-999em;
}
.zoekKnoppen.small li a:link, .zoekKnoppen.small li a:active, .zoekKnoppen.small li a:visited, .zoekKnoppen.small li a:hover {
    height:110px;
	
}


a.ikzoekgrondDutch{background-image: url(../images/ikzoekgrondDutch.png); background-repeat: no-repeat;}
a.ikzoekgrondFrench{background-image: url(../images/ikzoekgrondFrench.png); background-repeat: no-repeat;}
a.ikzoekgrondDutch.small{background-image: url(../images/ikzoekgrondDutch.png); background-repeat: no-repeat;}
a.ikzoekgrondFrench.small{background-image: url(../images/ikzoekgrondFrench.png); background-repeat: no-repeat;}

.zoekKnoppen li.selected a:link.rollover,
.zoekKnoppen li.selected a:visited.rollover,
.zoekKnoppen li.selected a:hover.rollover,
.zoekKnoppen li.selected a:active.rollover{
    background-repeat:no-repeat;background-position:left bottom;
}

/* ROLLOVER BUTTONS */

a:link.rollover,a:visited.rollover{background-repeat:no-repeat;background-position:left top;text-indent:-999em;overflow:hidden;}
a:hover.rollover,a:active.rollover{background-repeat:no-repeat;background-position:left bottom;text-indent:-999em;overflow:hidden;}

/* CLEAR */

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* page title */
#pageTitle{
	display:block;
	padding: 0 0 0 27px;
	height:41px;
	line-height:41px;
	background:white url(../images/haakje_title_left.png) no-repeat left top;
	margin: 0 0 20px 0;
}
#pageTitle span.pageTitle{
	font-stretch:condensed;
	font-weight:bold;
	font-size:20px;
	width:auto;
	color:#666;
	padding:0px 27px 0px 0px;
	height:41px;
	line-height:41px;
	display:inline-block;
	vertical-align:middle;
	background:white url(../images/haakje_title_right.png) no-repeat right top;
}