/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #eff7f2 url('../images/body.jpg') center top repeat-x; }
/* body { background: #eff7f2 url('../images/body.jpg') center top repeat-x; } */

img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
*#wrapper { padding-bottom: 26px; position: relative; width: 100%; min-height: 100%; background: url('../images/wrapper.jpg') center bottom repeat-x; }
/*#wrapper { padding-bottom: 26px; position: relative; width: 100%; min-height: 100%; background: url('../images/wrapper.jpg') center bottom repeat-x; }*/

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1000px; background: #fff; }

/* ### header container ### */
#headerCntr {
	position: relative;
	width: 1000px;
	height: 247px;
	background: url('../images/header-bg-zomer.png') left top no-repeat;
	background-image: url(../images/header-bg-zomer.png);  
	
/*	background: url('../herfst/images/header-bg.png') left top no-repeat;
	background-image: url(../herfst/images/header-bg.png);*/
}
#headerCntr h1 { position: absolute; top: 23px; left: 564px; }
/*#headerCntr h1 a { display: block; width: 403px; height: 111px; text-indent: -9999px; background: url('../herfst/images/logo.png') no-repeat; }*/
#headerCntr h1 a { display: block; width: 403px; height: 111px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }

/* ### menu box ### */
/*.menuBox { position: absolute; top: 150px; width: 1000px; background: url('../herfst/images/menu-bg.jpg') left top repeat-x; }*/
.menuBox { position: absolute; top: 150px; width: 1000px; background: url('../images/menu-bg2.jpg') left top repeat-x; }

.menuBox ul { list-style: none; }
 .menuBox li { padding: 0px 99px 0px 52px; float: left; background: url('../images/menu-sep.jpg') right top no-repeat; } 
/*.menuBox li { padding: 0px 61px 0px 62px; float: left; background: url('../herfst/images/menu-sep.jpg') right top no-repeat; cursor: pointer;  } */
.menuBox li { padding: 0px 61px 0px 62px; float: left; background: url('../images/menu-sep2.jpg') right top no-repeat; cursor: pointer;  }

.menuBox li.last { background:none; }
.menuBox li a{ text-decoration: none; font-size: 12px; line-height: 24px; color: #fff; font-family: Arial; }
/*.menuBox li:hover { text-decoration: none; background: url('../herfst/images/menu-bghover.jpg') left top repeat-x;   }*/
.menuBox li:hover { text-decoration: none; background: url('../images/menu-bghover.jpg') left top repeat-x;   } 


/* ### content container ### */
/* #contentCntr { padding-top: 15px; overflow: hidden; position: relative; width: 1000px; background: url('../herfst/images/contant-bg.jpg') left bottom no-repeat; } */
 #contentCntr { padding-top: 15px; overflow: hidden; position: relative; width: 1000px; background: url('../images/contant-bg.jpg') left bottom no-repeat; }


/* ### left container ### */
#leftCntr { float: left; width: 262px; }

/* ### image box ### */
.imageBox { padding-left: 36px; width: 100%; }
.imageBox img { margin-bottom: 30px; border: #c5e400 solid 3px; }
.imageBox img.last { margin-bottom: 0px; }

/* ### center image ### */
.imageAanbieding img {display: block; margin: auto; }

/* ### center container ### */
#centerCntr { float: left; width: 340px; }

/* ### right container ### */
#rightCntr { padding: 0 47px 3px 0; float: right; width: 622px; }

#rightCntr p {
	color:black;
	font-size:13px
}


/* ### link box ### */
.linkBox { width: 622px; }
.linkBox ul { list-style: none; }
/*.linkBox li { float: left; background: url('../herfst/images/link-sep.jpg') left bottom no-repeat; }*/
.linkBox li { float: left; background: url('../images/link-sep.jpg') left bottom no-repeat; }

/*.linkBox li a.last { background: url('../herfst/images/link-sep.jpg') right bottom no-repeat; }*/
.linkBox li a.last { background: url('../images/link-sep.jpg') right bottom no-repeat; }


.linkBox li a{ padding: 0 13px; text-decoration: none; font-size: 14px; line-height: 20px; color: #c6e400; font-family: Arial; }
.linkBox li a:hover, .linkBox li.selected a { color: #000; }

/* ### text box ### */
.textBox { margin-top: 10px; width: 620px; }
.textBox ul { list-style: none; width: 100%; overflow: hidden; }
.textBox li { width: 100%; overflow: hidden; float: left; }
.textBox li a { padding-left: 20px; margin-left: 6px; width: 150px; float: left; font-size: 14px; color: #fff; text-decoration: none; background: url('../images/arrow.png') left center no-repeat; }
/*.textBox li a:hover, .textBox li.selected a { background: url('../herfst/images/arrow-selected.png') left center no-repeat; }*/
.textBox li a:hover, .textBox li.selected a { background: url('../images/arrow-selected.png') left center no-repeat; }


.textBox li span { width: 141px; float: left; color: #698708; font-style: italic; font-size: 14px; background: url('../herfst/images/text-sep1.jpg') right center no-repeat; } 
/*.textBox li span { width: 141px; float: left; color: #698708; font-style: italic; font-size: 14px; background: url('../images/text-sep1.jpg') right center no-repeat; }*/

.textBox li p { padding-left: 25px; width: 189px; float: left; color: #698708; /**font-style: italic;**/ font-size: 14px; }
.textBox li img { margin: 4px 6px 0 0; display: inline; float: right; }
.textBox div.bg { width: 100%; height: 34px; overflow: hidden; border-bottom: 1px solid #aabfb0; line-height: 34px; float: left; cursor: pointer; background: #004217; }
.textBox div.bg .content-div { border: 1px solid red; display: none; }
.textBox div.bg.selected .content-div { display: block; height: 200px; }
/*.textBox div.bg a.selected { background: url('../herfst/images/arrow-selected.png') left center no-repeat; }*/
.textBox div.bg a.selected { background: url('../images/arrow-selected.png') left center no-repeat; }

.textBox div.content-div { color: #000; width: 100%; height: auto; overflow: hidden; background: #cccccc; }
.textBox div.content-div.selected { display: block; }
.textBox div.content-div div.bg { cursor: auto; background: #cccccc; }
/*.textBox div.content-div div.bg a { color: #000; background: url('../herfst/images/gray-arrow.jpg') left center no-repeat; }*/
.textBox div.content-div div.bg a { color: #000; background: url('../images/gray-arrow.jpg') left center no-repeat; }


.textBox div.content-div div.bg p { padding: 0; line-height: 34px; float: left; width: auto; font-style: normal; }
.textBox div.content-div div.bg p span { padding: 0 5px 0 5px; width: auto; float: none; display: inline-block; color: #5c5c5c; font-style: normal; background: none; }
.textBox div.content-div div.bg p span span { padding: 0 3px; display: inline; color: #879b05; }
.textBox div.content-div img { float: left; }
.textBox div.content-div p { padding: 12px 15px 0 0; float: right; width: 430px; color: #5c5c5c; font-size: 14px; line-height: 20px; }
.textBox span.border { height: 1px; width: 100%; overflow: hidden; background: #999999; }

/* ### footer container ### */
/*#footerCntr { overflow: hidden; width: 1000px; background: url('../herfst/images/footer-bg.jpg') left top repeat-x; }*/
#footerCntr { overflow: hidden; width: 1000px; background: url('../images/footer-bg.jpg') left top repeat-x; }


#footerCntr ul { list-style: none; }
#footerCntr li.first { padding-left: 300px; background: none; }
/*#footerCntr li { padding: 0 22px 0 24px; color: #fff; font-size: 12px; float: left; line-height: 27px; background: url('../herfst/images/footer-sep.jpg') left center no-repeat; }*/
*#footerCntr li { padding: 0 22px 0 24px; color: #fff; font-size: 12px; float: left; line-height: 27px; background: url('../images/footer-sep.jpg') left center no-repeat; }


#footerCntr li a { color: #fff; text-decoration: none; }
#footerCntr li a:hover { text-decoration: underline; }

.content-div-sub { display: none; }

/*** Subpage ***/
#leftCntrSub { padding: 0 28px 15px 37px; float: left; width: 302px; }
#rightCntrSub { padding-right: 30px; float: right; width: 603px; }

#imgbox { width: 302px; height: 367px; padding-top: 10px; position: relative; display: block; text-align: center; background: url('../images/imgboxx.jpg') left top no-repeat; }
#imgbox h2, #imgbox h3, #imgbox h4, #imgbox h5 { font-family: Arial, Helvetica, sans-serif; line-height: normal; letter-spacing: 2px; font-size: 19px; color: #000; }
#imgbox h2 span { font-size: 11px; line-height: 20px; }
.yellowBox { background-color: #ffe500; width: 255px; height: 75px; margin: 0 auto; margin-top: 15px; margin-bottom: 30px; }
#imgbox .yellowBox h3 { padding-top: 9px; font-size: 31px; line-height: 28px; }
#imgbox .yellowBox h3 span { font-size: 19px; }
/*#imgbox img { display: inline; }*/

#imgbox .aanbieding h5 { font-size: 16px; font-weight: bold; text-align: left; padding-left: 21px; padding-top: 22px; }
#imgbox .aanbieding h5 span { font-weight: normal; }
#imgbox .price { width: 110px; height: 44px; display: block; position: absolute; bottom: 30px; right: 155px; background: url('../images/price_large.png') center top no-repeat; color: #fff; font-size: 31px; text-align: center; padding-top: 7px; }

.greenBox, .greenBoxlastBox { float: left; padding-top: 6px; padding-right: 3px; width: 199px; height: 197px; position: relative; display: block; text-align: center; background: url('../images/imggreenbox.jpg'); background-position:left bottom; background-repeat: no-repeat; }
.greenBoxlastBox { padding-right: 0; }
.greenBox p, .greenBox a, .greenBox span { padding: 0; margin: 0; line-height: normal; letter-spacing:1px; font-weight: bold; color: #004217; font-size: 12px; text-decoration: none; }
.greenBox a:hover { color: #004217; text-decoration: underline; }
.greenBox img { display: inline; padding-top: 20px; }
.greenBoxlastBox img { padding-top: 11px; }
.greenBox h3 { font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #000; padding-top: 14px; }

/* ### Mouse over effect portfolio */
.greenBox {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.greenBox:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.8;
opacity: 0.8;
}

#blank01 { font-size: 16px}