/* Algemeen */
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Trebuchet MS, Arial;
}
body {
	font-size:11px;
	color: #444;
	background: url(images/bg.jpg) top center repeat-x;
}
input, textarea {
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	color: #444;
}
img {
	border: none;
}
p, h1, h2, h3, h4 {
	margin: 0;
}

p {
	color: #444;
	margin-bottom: 11px;
}

h1 {
	color: #89ad37;
	font-size: 20px;
	font-weight: normal;
}

h2 	{
	font-size: 14px;
	color: #333;
}

h3	{
	font-size: 14px;
	color: #777;
	padding-bottom: 3px;
	}

h4 {
	font-size: 12px;
	color: #333;	
}

ul.list {
	padding: 0 25px;
	margin: 0;
}

a:link, a:visited {
	color: #89ad37;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #799d27;
	font-weight: bold;
	text-decoration: none;
}

td {
	font-family: Trebuchet MS, Arial;
}

form  {
	padding: 0;
	margin: 0;
}

/* Body */

div.shadow {
	width: 2px;
	height: auto;
	float: left;
	font-size: 1px;
	line-height: 1px;
}

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
div#header {
	margin: 0 auto;
}

div#header_left {
	float: left;
	width: 738px;
}

div#logo_search {
	float: right;
	height: 140px;
}

.logo {
	float: right;
	margin-right: 50px;
}

div#search {
	margin: 45px 15px 0 205px;
	left: right;
	}

div#search .submit {
	margin-left: 8px;
}

div#header_image {
	float: left;
	background: url(images/bg_header_image.jpg) top right #d5d1d1 repeat-y;
	height: 206px;
}

div#left {
	float: left;
	background: url(images/shadow_line2.jpg) left bottom repeat-x;
}

div#left_aanbod {
	float: left;
	background: url(images/shadow_line2.jpg) left bottom repeat-x;
}

div#content_left {
	float: left;
	padding: 20px 19px 25px 22px;
	width: 500px;
	background: white;
	_height: 300px;
	min-height: 300px;	
}

div#content_left_aanbod {
	float: left;
	padding: 0px 0px 25px 22px;
	width: 912px;
	background: #fff;
	_height: 300px;
	min-height: 300px;
}

/*aanbod pagina */

div#aanbod_pagina {
	padding-top: 20px;
	width: 519px;
	float: left;
}

div#aanbod_right {
	float: left;
	background: url(images/shadow_line1.jpg) left top no-repeat;
	width: 372px;
	padding: 20px 0px 15px 20px;
	
}

div#aanbod_right_first {
	float: left;
	background: url(images/shadow_line1.jpg) left top no-repeat;
	width: 372px;
	padding: 20px 0px 15px 20px;
	
}

/* Gallery */

div#gallery_thumbs img {
	margin:0 15px 15px 0;
	float:left;
}

div#list_pages {
	float:left;
	width:300px;
	text-align:center;
}

div#list_pages {
	font-size: 13px;
	float:left;
}

/* Google Maps */
div#GMContainer_49996ddf115a3 {
	bottom:auto;
	width: 350px;
	height: 330px;
	border: 1px solid #bbb;
	}
	
div#google_maps {
	border: 1px solid #dbdbdb;
	background: #fff;
	padding: 4px;
	cursor: pointer;
	margin: 10px 0;
}
div#google_maps div.google_maps_container {
	width: 100%;
	height: 300px;
}
div#google_maps_navigation {
	margin: 18px 0;
}
div#google_maps_navigation input.text {
	border-top: 1px solid #888;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #888;
	background: #eaf5df;
	height: 14px;
	padding: 2px 3px;
	margin: 0;
	width: 180px;
}
div#google_maps_navigation input.google_maps_button, div#google_maps_navigation input.google_maps_button_hover {
	text-transform: capitalize;
	cursor: pointer;
	padding: 2px 0 0 30px;
	margin: 0;
	height: 20px;
	width: auto;
	text-align: left;
	background: left top url(images/search.jpg) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #5b882f;
	border: none;
}

div#google_maps_navigation input.google_maps_button_hover {
	background: left top url(images/search_hover.jpg) no-repeat;
	color: #3b680f;
}

div#google_maps_navigation img {
	border: none;
}





div#content_left img {
	border: 1px solid #aaa;
}

div#body div#right {
	float: left; 
	width: 394px;
	background: url(images/shadow_line2.jpg) left bottom repeat-x;
	}
	
div#content_right {
	margin-left: 1px;
	float: left;
	background: #f4f4f4;
	width: 360px;
	padding: 15px 14px 15px 15px;
	_height: 150px;
	min-height: 150px;
}

html > body #content_right {
padding: 15px;
}

div#trace {
	float: left;
	text-align: right;
	width: 528px;
	height: 26px;
	padding: 10px 15px 0 0;
	background: url(images/bg_trace.jpg) top right no-repeat;
}

div#shadow_left {
	font-size: 1px;
	width: 1px;
	float: left;
	height: 36px;
	border-left: 1px solid #adadad;
	background: #d9d9d9;
}

div#shadow_right{
	font-size: 1px;
	width: 1px;
	float: left;
	height: 36px;
	border-right: 1px solid #adadad;
	background: #d9d9d9;
}

div#title_right {
	float: left;
	padding: 6px 0 0 15px;
	background: #d5d1d1;
	width: 178px;
	height: 30px;
}

div#footer_left {
	float: left;
	margin-left: 1px;
	width: 543px;
	height: 52px;
	background: #fff;
}

div#footer_aanbod {
	float: left;
	margin-left: 1px;
	background: #fff;
	width: 935px;
	height: 52px;
}

div.footer_text {
	float: left;
	width: 487px;
	background: #d5d1d1;
	height: 28px;
	float:left;
	margin: 17px 0 0 0;
	padding: 7px 0 0 15px;
	border-bottom: 1px solid #777;
}


div.footer_text_aanbod {
	margin: 17px 0 0 0;
	float: left;
	width: 839px;
	background: #d5d1d1;
	height: 30px;
	float:left;
	padding: 5px 40px 0 15px;
	border-bottom: 1px solid #777;
}


div#nvm {
	background: url(images/logo_box.jpg) bottom right no-repeat;
	text-align: right;
	width: 34px;
	height: 42px;
	float:left;
	border-bottom: 1px solid #777;
	padding: 10px 7px 0 0;
	margin:0;
	}

div#logo_footer_right {
	float: right;
	padding-right: 10px;
	}

div#footer_right {
	margin-left: 1px;
	width: 375px;
	height: 31px;
	background: #d5d1d1;
	padding: 6px 0 0 15px;
	border-bottom: 1px solid #777;
}

div#shadow_footer_left , div#shadow_footer_right, div#shadow_footer_aanbod {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	width: 545px;
	border-top: 1px solid #999;
	background: #bbb;
	border-bottom: 2px solid #eee;
}

div#shadow_footer_left {
	width: 545px;
}

div#shadow_footer_right {
	width: 393px;
}

div#shadow_footer_aanbod {
	width: 939px;
}

div#credits {
	background: white;
	font-size: 10px;
	color: #999;
}

div#credits a:link, div#credits a:visited {
	color: #999;
}

div#credits a:hover, div#credits a:active {
	color: #555;
}

div.clear_float {
	clear: both;
	}

/* Navigatie*/
div#navigatie {
	background: url(images/bg_nav.jpg) top left repeat-x #000;
	float: left;
	width: 738px;
	height: 30px;
	color: #fff;
	font-style: italic;
	font-size: 14px;
	}

.nav_item {
	padding-top:5px;
	float: left;
	background: url(images/nav_line.gif) top right no-repeat;
	height: 25px;
}

.nav_item_a {
	padding-top:5px;
	float: left;
	background: url(images/bg_nav_item_a.jpg) top right no-repeat;
	height: 25px;
}

.nav_item  a:link, .nav_item a:visited, .nav_item a:hover , .nav_item_a  a:link, .nav_item_a a:visited, .nav_item_a a:hover {
	padding: 5px 20px 5px 20px;
	color: #fff;
	font-weight:normal;
}

.nav_item:hover {
	background: url(images/bg_nav_item_a.jpg) top right no-repeat;
}

.nav_item a:hover {
	color: #89ad37;
}

.nav_green {
	float: left;
	width: 175px;
	height: 71px;
	text-align: center;
	margin-top:36px;
	font-size: 26px;

}

.nav_green a:link, .nav_green a:visited {
	display: block;
	color: white;
	float: left;
	padding: 36px 0 35px 0;
	font-weight: normal;
	background: url(images/nav_green.jpg) top left repeat-x;
	width: 175px;	
}

.nav_green a:link b, .nav_green a:visited  b{
	color: black;
	font-weight: normal;
}

.nav_green a:hover {
	background: url(images/nav_green_hover.jpg) top left repeat-x;
}

div#footer_right a:link, div#footer_right a:visited {
	color: #777;
}

div#footer_right a:hover {
	color: #555;
}

.header_line {
	margin-top: 36px;
	background: url(images/header_line.jpg) top left repeat-y; 
	height: 104px;
	width: 2px;
	float: left;
}


/* Nieuws */

div#aanbod_item {
	float: left;
	border: 1px solid #ccc;
	width: 160px;
	margin: 0 10px 10px 0;
}

div#aanbod_item h2 a:link, div#aanbod_item h2 a:visited {
	display: block;
	width: 155px;
	height: 18px;
	background: #aaa;
	padding: 2px 0 0 5px;
	margin: 0;
	color: #fff;
	font-size: 12px;
}

div#aanbod_item h2 a:hover {
	background: #999;
}

div#aanbod_item p {
	padding: 0 0 0 5px;
}

div.news_item_image {
	float: left;
}

div.news_item_image  img{
	margin: 0 15px 0 0;
}

div.news_item_text {
	float: left;
}

div#news_nav_item {
	background: #eaeaea;
	height: 15px;
	padding: 8px 0 9px 8px;
	margin: 5px 0 5px 0;
}

div#news_nav_item h4 a:link, div#news_nav_item h4 a:visited {	
	color: #666;
}

div#news_nav_item h4 a:hover {	
	color: #000;
}

/* Zoekpagina */

.element_even h2 {
	background: #eee;
	padding: 5px 0 5px 8px;
	margin: 20px 0 5px 0;
}

.element_odd h2 {
	background: #e5e5e5;
	padding: 5px 0 5px 8px;
	margin: 20px 0 5px 0;
}

.element_even p {
	padding: 2px 0 5px 8px;
}

.element_odd p {
	padding: 2px 0 5px 8px;
}

/* Contactformulier */
div.mailer_ext {}
div.mailer_ext div.message {
	display: block;
	background: #fff;
	cursor: pointer;
	margin: 12px 0 0 0;
}
div.mailer_ext div.message br {
	display: none;
	visibility: hidden;
}
div.mailer_ext div.message ul {
	padding: 0 25px;
	margin: 0;
}
div.mailer_ext h2 {
	margin-bottom: 6px;
}
div.mailer_ext label {
	display: block;
	float: left;
	width: 110px;
}
div.mailer_ext input {
	margin-bottom: 3px;
}
div.mailer_ext textarea {
	margin-bottom: 3px;
	width: 235px;
}
div.mailer_ext input.versturen {
	text-transform: capitalize;
	cursor: pointer;
}
p#captcha_title {
	font-weight: bold;
	margin: 5px 0 3px 0;
}

img#captcha_image {
	border: 1px solid #ccc;
	margin-bottom: 3px;
}

/* Mailer ext  view*/

div.mailer_ext input.box {
	background: none;
	border: none;
	float: left;
}


/* Mailer_ext_page */
body#mailer_ext_page_body {
	background: none;
	background: #fff;
	padding: 25px;
	font: 12px/22px Trebuchet MS, sans-serif;
	color: #646464;
}
body#mailer_ext_page_body a {
	color: #7e99b2;
	border-bottom: 1px dotted #7e99b2;
	text-decoration: none;
}
body#mailer_ext_page_body a:hover {
	color: #4e6b84;
	border-bottom: 1px dotted #4e6b84;
}
body#mailer_ext_page_body h1 {
	display: block;
	font: 20px "Lucida Sans Unicode", sans-serif;
	color: #4e6b84;
	margin: 0 0 22px 0;
	font-weight: normal;
	font-style: normal;
	padding: 0;
}
body#mailer_ext_page_body div#login {
	background: #fff;
	margin: 20px auto;
	padding: 22px 30px;
	border: 1px solid #ccc;
	background: #fff;
	width: 300px;
}

/* Main container */
table#mailer_ext_page {
	border: 1px solid #aaa;
	background: #fff;
	width: 100%;
}
table#mailer_ext_page td {
	padding: 15px 20px;
}


table#mailer_ext_page div#structure a.active:link, table#mailer_ext_page div#structure a.active:visited {
	color: #4e6b84;
}

/* De tabel */
table#mailer_ext_page table#records {
	width: 100%;
	border: none;
}
table#mailer_ext_page table#records, table#mailer_ext_page table#records td {
	font-size: 11px;
}
table#mailer_ext_page table#records th {
	text-align: left;
	white-space: nowrap;
	background: #fff;
	font: 14px/22px "Lucida Sans Unicode", sans-serif;
	color: #fff;
	padding: 5px;
	background: url(modules/mailer_ext/images/mailerpage_heading.gif) repeat-x;
	border-left: 1px solid #fff;
}
table#mailer_ext_page table#records tr.odd {
	background: #fff;
}
table#mailer_ext_page table#records tr.even {
	background: #fafafa;
}
table#mailer_ext_page table#records td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
table#mailer_ext_page table#records td.attributes {
	white-space: nowrap;
}
table#mailer_ext_page p.back {
	margin: 22px 0 0 0;
}

/* CSV */
table#mailer_ext_page div#csv {
	float: right;
	margin-top: 15px;
}
table#mailer_ext_page img {
	vertical-align: top;
}

/* Inloggen */
div#login input {
	margin: 2px 0 6px 0;
	width: 175px;
}
div#login input.versturen, div#login input.checkbox {
	width: auto;
}
div#login input.versturen {
	margin-right: 7px;
}

body.editor {
	margin: 0; 
	background: #fff; 
}

body.editor h1, h2, h3, h4 {
	margin: 0; 
}

body.editor p {

	margin-bottom: 11px;
}

/* Aanbod Navigatie */

div.nav_item_aanbod, div.nav_item_aanbod:hover {
	float: left;
	width: 400px;
	height: 60px;
	background: url(images/bg_nav_aanbod.jpg) top left no-repeat;
	margin: 5px 0 20px 0;
}

div#content_right div.nav_item_aanbod,
div#content_right div.nav_item_aanbod:hover {
	background-image: none;
}

div.nav_item_aanbod:hover {
	background: url(images/bg_nav_aanbod_hover.jpg) top left no-repeat;
}

div.nav_item_aanbod .aanbod_link {
	float: left;
}


.aanbod_link a:link, .aanbod_link  a:visited, .aanbod_link a:hover, .aanbod_link a:active {
	display: block;
	margin-top: 12px;
	width: 300px;
	padding: 10px 0px 8px 15px;
	font-weight: normal;
	font-size: 18px;
}

.nav_item_aanbod a:hover {
		color: #779933;
}



/* FUNDA DB */

div#funda_nav {
	background: url(images/bg_funda_nav.jpg) no-repeat top left;
	width: 475px;
	padding: 8px 0px 15px 5px;
	margin: 10px 0px 10px 0px;
}

div#funda_img_header h2 {
	color: #888888;
}

li.element_1 a:link, li.element_1 a:visited {
	color: #77aa77;
}
li.element_2 a:link, li.element_2 a:visited {
	color: #558855;
}

.funda_result {
	float: left;
	margin: 4px 8px 4px 0;
	width: 160px;
	height: 230px;
	overflow:hidden;
}

.funda_summary {
	padding: 5px 8px 5px 10px;
	border: 1px solid #aaa;
	height: 33px;
	}
.new_summary {
	height: 48px;
}
	
div.streetname{
	float: left;
}

div#summary_facts {}

div#summary_facts p {
	margin: 0;
	padding:0;
}
	
.nieuwbouw_summary {
	float:left;
	width: 311px;
	height: 118px;
	padding: 10px 15px 5px 15px;
	background: #eee;
	}

.citylink a:link, .citylink a:visited, .citylink a:hover, .pricelink a:link, .pricelink a:visited, .pricelink a:hover, .citylink a, .state_a a {
	display:block;
	background: #888;
	color: white;
	margin: 0;
	padding: 3px 0 1px 10px;
}

.state_a {
	font-size: 10px;
}

.citylink a:hover {
	background: #666;
}

.citylink a.nieuwbouw_citylink {
	width: 490px;
}

.pricelink a:link, .pricelink a:visited {
	background: #77aa55;
}

.pricelink a:hover {
	background: #668844;
}

.state_a a:link, .state_a a:visited {
	background: #882222;
}

.state_a a:hover {
	background: #661111;
}

.funda_price, .funda_price_state {
	float: right;
	margin-right:20px;
	padding: 10px;
	background: #f3f3f3;
	border: 1px solid #bbddbb;
}

.funda_contactlink {
	float: right;
	margin: 15px 5px 0 0;
	text-align: right;
	color: #777;
	}

.funda_price_state {
	border: 1px solid #dd8888;
}

.funda_thumb {
	width: 159px;
	height: 130px;
	background: #aaa;
	padding-left: 1px;
}

.nieuwbouw_thumb {
	width: 159px;
	height: 130px;
	background: #aaa;
	float:left;
}

.page_numbers {
	display: block;
	float: left;
	font-size: 15px;
	width: 150px;
	text-align: center;
}


div#openhuisN, div#openhuisn {
	display: none;
}

div#openhuisY, div#openhuisJ, div#openhuisy, div#openhuisj {
	background: url(images/icon_yes.gif) no-repeat top left;
	height: 25px;
	padding: 3px 0 0 28px;
}

table.table_search td {
	height: 32px;
}


div#summary {
	float: left;
	width: 310px;
}

div#item_navigation {
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 200px;
}

div#item_navigation img {
	border: 1px solid #ccc;
	margin-right: 10px;
}
div.item_nav {
	text-align: right;
	float: right;
	clear: right;
	background: url(images/bg_funda_subnav.jpg) top right no-repeat #ddd;
	}
	
div.item_nav:hover {
	background: url(images/bg_funda_subnav_a.jpg) top right no-repeat #ddd;
}

div.item_nav a:link, div.item_nav a:visited, div.item_nav a:hover, div.item_nav a:active {
	display: block;
	padding: 7px 20px 8px 0;
	margin: 0;	
	width: 152px;
	color: #666;
}

div#project_brochure, div#aanbod_situatie, div#aanbod_afbeeldingen, div#aanbod_indeling, div#aanbod_brochure,div#aanbod_projectinformatie, div#aanbod_brochure_form, div#aanbod_vraag, div#aanbod_doorsturen, div#aanbod_verder_zoeken, div#aanbod_vragenformulier {
	display: none;
}
div#aanbod_brochure_form_mailer {
	display:none;	
}
div#aanbod_brochure_form div#aanbod_brochure_form_mailer {
	display:block;	
}

div#aanbod_afbeeldingen img,
div#aanbod_indeling img {
	border: 1px solid #aaa;
}

div#aanbod_brochure_form {
	padding-right: 23px;
	float: right;
	width: 350px;
}

div#aanbod_vragenformulier {
	padding-right: 30px;
	float: right;
	width: 340px;
}

div#aanbod_doorsturen {
	padding-right: 30px;
	float: right;
	width: 340px;
}

div#aanbod_verder_zoeken {
	padding: 0 15px 0 540px;
}

div#aanbod_indeling table {
	clear: both;
}

div.preview {
	margin-bottom: 18px;
}

.gallery .preview {
	position: relative;
	width: 326px;
	height: 245px;	
}
.gallery .previous,
.gallery .next {
	position: absolute;
	bottom: -1px;
	width: 69px;
	padding: 5px 0;
	border: none;
	color: #333;
	background-color: #fff;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=50);
}
.gallery .previous:hover,
.gallery .next:hover {
	opacity: .75;
	filter: alpha(opacity=75);
}
.gallery .previous {
	left: 1px;
	padding-left: 31px;
	background-image: url('images/previous_small.gif');
	background-position: 10px 4px;
}
.gallery .next {
	right: -1px;
	padding-right: 31px;
	background-image: url('images/next_small.gif');
	background-position: 80px 4px;
	text-align: right;
	
}
.gallery .element {
	float: left;
	margin: 0 12px 12px 0;
}
