html{
	overflow-y:scroll;
	margin:0;
	padding:0;
	height:100%;}
body{
	background:#000 url(img/htmlbg.jpg) center center fixed;
	margin:0;
	padding:0;
	height:100%;}
body *{
	font-size:12px;
	font-family:"Bookman Old Style","verdana","helvetica","sans ms";}
h1{
  margin-top:9px;
	margin-bottom:0;
	line-height:1em;
	padding-bottom:5px;
	font-size:23px;
	color:#0d4c0d;
	text-transform:uppercase;}
h2{
  margin-top:9px;
	margin-bottom:0;
	line-height:1em;
	font-size:14px;
	color:#000;
	text-transform:uppercase;}
h2{}
input,textarea{
	border:1px solid #5E5E5E;
	margin:1px;}
td{vertical-align:top;}
a{
	color:#116110;
	text-decoration:none;}
a:hover{
	color:#333;
	text-decoration:underline;}
a img{
	border:1px solid #D8E6D9;}
a:hover img{
	border:1px solid #116110;}
#container:after,#container2:after,#rcol:after,#mcolcontent:after,span.tweedefloat:after,#menu1:after,.clearfix:after{	
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
#container,#container2,#rcol,#mcolcontent,#menu1:after,span.tweedefloat,.clearfix{
	zoom:1;}

#header{border-left:20px solid #fff;border-right:20px solid #fff;}
#lcol{border-left:20px solid #fff;}
#rcol{border-right:20px solid #fff;}

#container{
	position:absolute;
	left:50%;
	width:810px;
	margin-left:-405px;
	height:100%;
	background-color:#fff;
	background-image:url(img/container2bg.png);
	background-position:20px 0;
	background-repeat:repeat-y;}
#header{
	background-color:#fff;
	border-top:20px solid #fff;
	height:140px;
	width:770px;
	position:relative;}
#headerbg{
	position:absolute;
	background-position:center center;
	width:420px;
	height:105px;
	background-color:#fff;
	margin-left:350px;}
#headeroverlay{
	height:105px;
	position:relative;
	background-image:url(img/header.png);/*-- het logo moet nog veranderd worden naar het oude, exclusief "exclusief" */
	background-repeat:no-repeat;
	background-position:top left;}
#container2{
	clear:both;
	background-color:#fff;
	background-image:url(img/container2bg.png);
	background-position:20px 0;
	background-repeat:repeat-y;}
#lcol,#mcol,#rcol{}
#lcol{
	float:left;
	width:150px;
	padding-bottom:65px;
	background:#fff url(img/lcolbg.png) bottom center no-repeat;}
.naw{
	width:130px;
	padding:0 10px 0 10px;
	color:#fff;
	height:160px;
	line-height:1.2em;
	background:#fff url(img/nawbg.png) top center no-repeat;}
.naw{}
.naw h1{
	margin:0 0 5px 0;
	!margin:0 0 15px 0;
	padding:7px 0 10px 0;}
#mcol{
	float:left;
	margin-left:10px;
	width:385px;
	padding:0 5px;
	background-color:#fff;}
#rcol{
	float:left;
	margin-left:5px;
	width:185px;
	padding-left:5px;
	border-left:10px solid #eee;
	border-right:10px solid #eee;
	background-color:#ddd;height:auto;}
#rcolb{
	float:left;
	width:20px;
	background-color:#fff;}
#promo{}
#promo a.nu{
	display:block;
	width:180px;
	height:135px;
	background-image:url(img/promo.png);}
#promo a.nu:hover{
	background-image:url(img/promo_over.png)}
#promo a.john{
	display:block;
	width:180px;
	height:130px;
	background-image:url(img/promo-John_de_Wolf.png);}
#promo a.john:hover{
	background-image:url(img/promo-John_de_Wolf_over.png);}
ul.groepen_lijst{
	list-style:none;
	margin:0;
	padding:0 10px 20px 5px;}
ul.groepen_lijst a{
	color:#252525;
	text-decoration:none;
	padding:5px 0 2px 0;
	display:block;
	border-bottom:1px solid transparent;}
ul.groepen_lijst a:hover{
	border-bottom:1px dotted #10590f;}
div.groepen_lijst{
	width:385px;}
.formulier_melding{
	margin-top:1em;}
.form td{
	padding-right:2em;}
.form input,.form select{
	width:200px;}
.form textarea{
	width:250px;
	height:100px;}
.form input.formulier_checkbox{
	width:auto;
	height:auto;
	border:0;}
.form td.inpfout{
	color:#f00;}
.form td.inpfout_kolom2 input,.form td.inpfout_kolom2 textarea{
	border:1px solid #f00;}
table.formulier{
	width:385px;}
.formulier_fout{
	color:#f00;}
.formulier td{
	text-align:left;}
table.formulier td{}
table.formulier td.formulier_kolom1{
	font-weight:400;
	padding-right:10px;}
table.formulier td.formulier_kolom2 *{}
.formulier input,.formulier textarea{
	width:192px;}
table.formulier td.colspan2 textarea{
	width:375px;}
#artlijst{}
#artlijst span{
	display:block;
	width:185px;
	float:left;
	margin-right:5px;}
#artlijst a{
	text-align:center;
	display:block;}
#artlijst a img{
	border:0;}
.artDetails #gallery{
	float:right;
	width:185px;}
#gallery a img{
	border:0;}
.groepfotosLijst span{
	display:block;
	width:125px;
	float:left;
	height:125px;
	text-align:center;}
#footer{
	background-color:#ddd;
	margin-top:90px;
	width:185px;
	height:auto;
	text-align:center;
	color:#777}
#footer a{
	color:#999;
	text-decoration:none;}
#footer a:hover{
	color:#555;}