/*
	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: 288px;
	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;*/
	cursor: pointer;
}
.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: 200px;
}

.meerinfo a {
	vertical-align: top;
}

.interesse {
	float: right;
	display: inline;
	margin-right: 5px;
}

.interesse a {
	float: right;
	display: inline;
	width: 23px;
	height: 23px;
}

.interesse a img {
	float: right;
}

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

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

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

#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;
}

a.submitBtn {
	padding: 1px 4px;
	color: #ffffff;
	background-color: #228f6e;
	border: 1px solid #2d322e;
	text-decoration: none;
}