/* ======================================================================== */

	/*
		color groen 228f6f;
		color licht groen b0d9c7;
		color orange ec8d43;
		color ;
	*/

	html, body {
		margin: 0px;
		height: 100%;
		font-family: 'Trebuchet MS', arial, sans-serif;
		font-size: 13px;
	}

	body {
		background: url('../img/background-img.gif');
	}

/* =============================== ALGEMEEN =============================== */

	img { border: 0px; }
	ul { list-style-type: none; margin: 0px; padding: 0px; }
	ol { margin-top: 0px; }

	p {
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
	}
	p img {margin: 10px; padding: 2px; border: 1px gray solid; }
	.fitWidth p{
		width: 460px;
		text-align: justify;
	}
	.fitWidth2 p{
		width: 530px;
		text-align: justify;
	}

	img.eindeloos {margin: 5px; border: 1px white solid; }
	img.noborder {margin: 0px; border: 1px white solid; }

	a {
		color: #228f6f;
		text-decoration: underline;
	}

	a:hover {
		color: black;
	}

	h1, h2, h3, h4 {
		padding: 0px;
		margin: 0px;
	}
	h2{
		margin-top: 20px;
		font-size: 130%;
		color: #228f6f;
	}
	h3{
		font-size: 110%;
		color: #228f6f;
	}

	#container {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 964px;
		background-color: #FFFFFF;
	}

	.verkocht{
		background-image: url('../img/verkocht.gif');
		background-repeat: no-repeat;
		background-position: 170px 0px;
	}
	.verkocht-maps{
		background-image: url('../img/verkocht.gif');
		background-repeat: no-repeat;
		background-position: 145px 0px;
	}

/* =============================== TOP ==================================== */

	#top {
		width: 964px;
		height: 328px;
	}

	.wittelijn {
		float: left;
		width: 964px;
		height: 1px;
		background: white;
		overflow: hidden;
	}

	#topmenu {
		float: left;
		width: 964px;
		height: 24px;
		background: #228f6f;
	}

	ul#headmenu {
		float: right;
		margin-top: 3px;
	}

	ul#headmenu li {
		float: left;
	}

	ul#headmenu li a {
		float: left;
		color: white;
		font-size: 110%;
		display: block;
		height: 19px;
		padding: 0px 10px 0px 10px;
		background: url('../img/topmenu-tussenbalk.gif');
		background-repeat: no-repeat;
		background-position: 0px 5px;
		text-decoration: none;
		text-align: center;
	}

	ul#headmenu li a.nobackground{
		background: url('');
	}

	ul#headmenu li a.active, ul#headmenu li a:hover{
		color: #b0d9c7;
	}



	#topafbeelding {
		float: left;
		width: 964px;
		height: 281px;
	}

	#tweedemenu {
		float: left;
		padding-left: 110px;
		width: 854px;
		height: 21px;
		font-weight: bold;
		font-style: italic;
		color: #14457f;
		text-align: center;
		background-color: #b0d9c7;
	}

	#actie {
		position: absolute;
		left: 0px;
		top: 1px;
		background: url('../img/blauwe-actie.png');
		background-repeat: no-repeat;
		width: 192px;
		height: 192px;
	}

	#logo {
		position: absolute;
		left: 0px;
		top: 1px;
		background: url('../img/logo-leusinkbrink.png');
		background-repeat: no-repeat;
		width: 245px;
		height: 400px;
		z-index: 1;
	}

	#home{
		position: absolute;
		left: 50px;
		top: 100px;
		width: 395px;
		height: 200px;
		z-index: 50;
	}

	#uniekebouwkavels {
		position: absolute;
		left: 740px;
		top: 70px;
	}

	#afbeeldingMaps {
		position: absolute;
		left: 740px;
		top: 191px;
		width: 363px;
		z-index: 99;
	}

	#afbeeldingMaps img {
		border: 2px #ec8d43 solid;
	}

/* =============================== MAIN =================================== */

	#main {
		float: left;
		width: 960px;
		height: 100%;
		padding-bottom: 40px;
		font-size: 100%;
	}

	#left {
		float: left;
		width: 229px;
		height: 100%;
		margin-top: 72px;
		border-right: 1px dotted #000000;
	}

	#leftcontent {
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}

	#leftmenu {
		font-weight: bold;
		line-height: 22px;
		color: #ec8d43;

	}

	#leftmenu li {
		border-bottom: 1px dotted #000000;
	}

	#leftmenu li ul li {
		margin-left: 10px;
		border: 0px;
		font-weight: normal;
	}

	#leftmenu a {
		display: block;
		color: #ec8d43;
		text-decoration: none;
		height: 18px;
		padding-bottom: 3px;
		padding-left: 5px;
		border: 1px white solid;
	}

	#leftmenu a:hover, #leftmenu a.active{
		color: #864a09;
		background-color: #ec8d43;
		color: white;
	}

	#accordion .toggler {
		cursor: pointer;
	}

	#liNews {
		border-top: 1px dotted #000000;
	}

/* =============================== rightKavelcontent ====================== */

	.rightKavelcontent{
		float: left;
		margin-left: 22px;
		margin-top: 20px;
	}

	#maps {
		width: 630px;
		height: 450px;
	}

	#slideshowWide {
		margin: 5px 0;
		padding: 0 2px 5px 6px;
		width: 621px;
		height: 85px;
		border: 1px solid #b0d9c7;
	}

	#slideshowWide legend {
		margin-bottom: 2px;
		font-size: 110%;
		font-weight: bold;
		color: #7cc6a6;
	}

	#slideshowWide a {
		float: left;
		display: inline;
		margin-right: 2px;
		width: 65px;
		height: 65px;
		border: 1px solid #ffffff;
	}

	#slideshowWide a:hover {
		border-color: #ec8d43;
	}

	#slideshowWide a.last {
		margin-right: 0;
	}

	#slideshowWide a img {
		float: left;
	}

	.tabel{
		/*background: red;*/
		float: left;
		width: 630px;
		margin-top: 0px;

	}
	.rowTable{
		float: left;
		width: 630px;
		height: 26px;
		padding-top: 3px;
		/*background: red;*/
	}
	.row1{background-color: #f2f2f2;}
	.row2{background-color: #d8e4df;}

	.header{
		font-weight: bold;
		height: 26px;
		background: #b0d9c7;
	}
	.active{
		background: #e7a068;
		color: white;
	}
	.active a img{
		border: 0px;
	}
	.active a{
		color: white;
	}

	.hover{
		background: #b0d9c7;

	}




	.nummer {
		float: left;
		margin-left: 5px;
		width: 110px;
	}

	.opp {
		float: left;
		width: 110px;
	}

	.euro {
		float: left;
		width: 110px;
	}

	.meerinfo {
		float: left;
		width: 190px;
	}

	.meerinfo a {
		vertical-align: top;
	}

	.kaart {
		float: left;
		text-align: center;
		margin-right: 4px;
		width: 48px;
		display: block;
	}

	.interesse {
		float: left;
		margin-right: 5px;
		text-align: right;
		width: 45px;
		display: block;
	}


	/* ============================================= */

	#right {
		float: right;
		width: 730px;
		height: 100%;
	}

	#rightcontent, #rightcontentHome {
		float: left;
		margin-right: 20px;
		margin-left: 20px;
	}

	#rightcontentHome {
		float: none;
		margin: 0 5px;
	}

/* =============================== HOMEPAGE INTERACTIVE MAP =============== */

	#mapContainer {
		position: relative;
		height: 1214px;
	}

		#mapContainer img#map {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 98;
		}

		#mapContainer a.overlay {
			position: absolute;
			z-index: 99;
			display: block;
			padding: 2px;
			font-size: 90%;
			color: #ffffff;
			text-align: center;
			text-decoration: none;
			line-height: 1em;
			background-color: #008462;
		}

		#mapContainer a.overlay:hover { color: #008462; background-color: #ec8d43; }
		#mapContainer a.active { background-color: #14457f; }

		#mapContainer a.horizontal {
			width: 22px;
			height: 10px;
		}

		#mapContainer a.vertical {
			padding: 7px 2px;
			width: 18px;
			height: 12px;
		}

		#mapContainer div#kavelDetails {
			display: none;
			position: absolute;
			top: 400px;
			left: 0;
			z-index: 99;
			padding: 5px 5px 0 5px;
			width: 363px;
			background: transparent url('../img/bg-homepagemap-detail.gif') repeat-x 0 0;
			border: 1px solid #228f6f;
			overflow: hidden;
		}

			#kavelDetails div.details { display: none; }

				#kavelDetails div.details h2 { margin-top: 0; color: #ffffff; }
				#kavelDetails div.details p { line-height: 1.5em; }

					#kavelDetails div.details p img {
						margin: 0;
						padding: 0;
						border: 0;
						vertical-align: middle;
					}

				#kavelDetails div.details img.zoom { margin-top: 30px; }

				#kavelDetails div.thumbsContainer {
					display: none;
					float: left;
					width: auto;
				}

					#kavelDetails div.thumbsContainer h3 { color: #7cc6a6; }

					#kavelDetails div.thumbsContainer a {
						float: left;
						margin: 0 2px 2px 0;
						width: 65px;
						border: 1px solid #ffffff;
					}

					#kavelDetails div.thumbsContainer a:hover { border: 1px solid #ec8d43; }

					#kavelDetails div.thumbsContainer a img { vertical-align: bottom; }

			#kavelDetails div.bottom {
				float: left;
				margin: 5px -5px 0 -5px;
				width: 503px;
				height: 25px;
				background-color: #b0d9c7;
			}

	div.tip-wrap { z-index: 100; }

		div.tip {
			padding: 5px;
			width: 150px;
			color: #008462;
			background-color: #b0d9c7;
			border: 1px solid #ec8d43;
		}

/* ======================================================================== */

	#rightcontentMaps {
		float: left;
		display: inline;
		width: 400px;
		margin-right: 20px;
		margin-left: 20px;
	}

	#rightcontentMaps p {
		float: left;
	}

	#rightcontentMaps p a.meerinfoStickerLink {
		float: right;
		display: block;
		width: 130px;
		height: 115px;
	}

	h1 {
		margin-top: 10px;
		font-size: 180%;
		color: #228f6e;
	}

	#kavelmenu {
		float: left;
		width: 279px;
		overflow: hidden;
	}

	#kavelmenu p {
		background: transparent;
	}

	#kavelmenu .menuItem {
		width: 279px;
		height: 41px;
		background-image: url('../img/bg-kavelmenu_static.gif');
		background-repeat: no-repeat;
		cursor: pointer;

	}
	#kavelmenu .menuItem a.leftLink{
		text-decoration:none;
		cursor:pointer;
	}

	.menuItem2 {
		padding-left: 6px;
		font-size: 120%;
		font-weight: bold;
	}

	#kavelmenu .left {
		float: left;
		padding-top: 11px;
		width: 39px;
		height: 30px;
		text-align: center;
		font-size: 110%;
		font-weight: bold;
		color: #FFFFFF;
	}

	#kavelmenu .left p {
		margin-top: 11px;

	}
	#kavelmenu .left p a {
		margin-top: 11px;


	}

	#kavelmenu a.right {
		float: left;
		width: 240px;
		height: 41px;
		text-decoration: none;
		color: white;
		font-size: 100%;
	}

	#kavelmenu .right p {
		margin-left: 3px;
		font-size: 140%;
		color: #FFFFFF;
	}

	#kavelmenu .smallTxt {
		margin-top: 2px;
		margin-left: 3px;
		font-size: 80%;
		color: #FFFFFF;
	}

	#kavelpreview {
		float: left;
		width: 334px;
		height: 284px;
		margin-left: 6px;
		text-align: right;
		border: 1px solid #b7b7b7;
		overflow: hidden;
	}

	#kavelpreview p {
		font-size: 60%;
	}

	#kavelpreview a {
		color: #228f6e;
		text-decoration: none;
	}

	#kavelpreview .titleTxt {
		height: 28px;
		margin-top: 245px;
		margin-right: 7px;
		font-size: 140%;
		color: #228f6e;
	}

	.index-bkground{
		float: left;
		height: 280px;
		width: 330px;
	}

	#bkPreview1{
		background-image: url('../img/kavelpreview-leusinkbrink-2.jpg');
		background-repeat: no-repeat;
	}
	#bkPreview2{
		background-image: url('../img/kavelpreview-onderdeeiken-2.jpg');
		background-repeat: no-repeat;
	}
	#bkPreview3{
		background-image: url('../img/kavelpreview-brinklaan1-2-verkocht.jpg');
		background-repeat: no-repeat;
	}
	#bkPreview4{
		background-image: url('../img/kavelpreview-brinklaan2-2.jpg');
		background-repeat: no-repeat;
	}
	#bkPreview5{
		background-image: url('../img/kavelpreview-groenloseweg-2.jpg');
		background-repeat: no-repeat;
	}
	#bkPreview6{
		background-image: url('../img/kavelpreview-enkeerdlaan-2.jpg');
		background-repeat: no-repeat;
	}
	#bkPreview7{
		background-image: url('../img/kavelpreview-podzollaan-2.jpg');
		background-repeat: no-repeat;
	}



	#kavelpreview .prefixTxt {
		font-size: 80%;
	}

	#introText {
		text-align: justify;
	}

	#introText h2 {
		font-size: 130%;
		color: #969696;
	}

	#introText h1 {
		font-size: 180%;
		color: #228f6e;
	}

	#introText a {
		color: #228f6e;
	}

	#introText a:hover {
		color: #107254;
	}

	#introText img {
		float: right;
	}


	.icon{
		border: 1px white solid;
		margin: 0px 0px 0px 0px;
		vertical-align: middle;
	}

/* =============================== KAVEL SPECIFIEK ======================== */

	#kavelsp-left{
		float: left;
		width: 170px;
	}
	#kavelsp-right{
		float: left;
		width: 380px;
		margin: 20px 0px 0px 20px;
	}

	#maincontentRight {
		float: left;
		width: 200px;
	}

	#slideshowNarrow {
		float: left;
		padding: 0 3px 5px 4px;
		width: 186px;
		height: 74px;
		border: 1px solid #b0d9c7;
	}

	#slideshowNarrow legend {
		font-size: 85%;
		color: #7cc6a6;
	}

	#slideshowNarrow a {
		display: inline;
		float: left;
		height: 59px;
		width: 59px;
		margin-right: 4px;
	}

	#slideshowNarrow a.last { margin-right: 0; }
	#slideshowNarrow a.nodisplay { display: none; }

	#slideshowNarrow a img {
		float: left;
	}

	#listItems {
		float: left;
		width: 200px;
		font-size: 90%;
	}

	#listItems h2 {
		color: #414141;
		font-size: 110%;
	}

	#listItems ul {
		width: 200px;
		margin-top: 5px;
	}

	#listItems ul li {
		width: 195px;
		height: 18px;
		padding-left: 5px;
		background: #b0d9c7;
		margin-top: 2px;
		font-size: 110%;
	}

	#nostijle{
		margin-left: 10px;
	}

	#nostijle li .active {
		background: white;
		color: black;
	}

	#kavelsp-right h1{
		margin-top: 0px;
		width: 250px;
	}

	.spaceKavelSp2{
		height: 20px;
	}
	.spaceKavelSp{
		height: 45px;
	}

	#vlinder{
		position: absolute;
		left: 625px;
		top: 340px;

	}
	#kavelsp-right ul{
		margin-left: 10px;
	}

	#kavelsp-right .active{color: #ec8d43;}

	/* =============================== PHOTOS ============================== */
	#photos{	margin-left: 60px;}

	#photos .item {
		float: left;
		margin-right: 7px;
		margin-bottom: 7px;
		width: 200px;
		height: 150px;
	}
	#photos a img {border: 2px white solid;}
	#photos a:hover img {border: 2px #ec8d43 solid;}

	.fotothumb{
		float: left;
		width: 200px;
		text-align: center;
		padding: 20px;
	}

	img.right { float: right; }
	img.left { float: left; }

/* =============================== FOOTER ================================= */

	#footer {
		/*position: relative;
		bottom: 0;*/
		height: 40px;
		margin-bottom: -40px;
		background-color: #FFFFFF;
		font-size: 70%;
		padding-top: 2px;
		padding-left: 295px;
	}

	#footertekst {
		float: left;
		background: #b0d9c7;
		height: 38px;
		width: 425px;
		color: #2d322e;
		margin-right: 12px;
		margin-top: 2px;
		font-size: 140%;
		font-weight: bold;
		padding-left: 5px;
		padding-top: 2px;
	}

	#footer img {
		float: left;
	}

	#footer a {
		color: #2d322e;
	}

	.formLeft {
		float:left; width:150px;margin: 2px;
	}
	.formRight {
		float:left; width:380px;
	}

/* =============================== MISC =================================== */

	.redTextMedium{clear: both;color: #ec8d43;}

	.redText { color: #ff0000; }
	.blueText { color: #0000ff; }
	.orangeText { color: #ec8d43; }

	.clearAll {
		clear: both;
	}

	.underline { text-decoration: underline; }

	.greyTxt, .greyTxt a {
		color: #757575;
	}

	.row{
		float: left;
		width: 540px;
		margin: 2px;
	}
	.inputField {
		margin-bottom: 5px;
		float:left;  width:200px; margin-right:200px;
		margin: 0px;
		font-family: arial, sans-serif;
		font-size: 12px;
	}
	.inputTexteara {
		font-family: arial, sans-serif;
		font-size: 12px;
	}
	.postcode {
		margin-bottom: 5px;
		float:left; width:60px; margin-right:200px;
	}