/* Indigio */
html,
body{
	background-image: url(../files/images/layout/bg.gif);
	font-family: Arial, Verdana;
	margin: 0px 0px 0px 0px;
	height: auto !important;
	* height: 100%;
	min-height: 100%;
}
h1{
	display: normal;
	margin: 0px 0px 0px 0px;
	* margin: 0px 0px 0px 4px;
	text-indent: -9999px;
}
h1 a{
	background-image: url(../files/images/layout/logo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 200px;
	width: 220px;
}
h2{
	display: normal;
	margin: 0px 0px 0px 0px;
	* margin: 0px 4px 0px 0px;
	text-indent: -9999px;
	position: relative;
}
h2 a{
	background-image: url(../files/images/layout/h2b.png);
	* background-image: url(../files/images/layout/h2bie.gif);
	display: block;
	height: 43px;
	width: 569px;
}
h3{
	display: normal;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
}
h3 a{
	background-image: url(../files/images/layout/vanderwiel.png);
	* background-image: url(../files/images/layout/vanderwielie.gif);
	display: block;
	float: right;
	height: 69px;
	width: 159px;
	margin: 25px 25px 0px 0px;
}
h4{
	font-size: 100%;
	color: #669933;
	margin: 8px 0px 6px 0px;
	text-shadow: 0px 0px 2px #ffffff;
}
h4 a{
	color: #669933;
}
h5{
	font-size: 90%;
	color: #669933;
	margin: 8px 0px 6px 0px;
	text-shadow: 0px 0px 2px #ffffff;
}
h6{
	font-size: 80%;
	color: #669933;
	margin: 8px 0px 8px 0px;
	text-shadow: 0px 0px 2px #ffffff;
}
hr{
	border: 1px solid #bddca6;
	clear: both;
	color: #bddca6;
	float: none;
	background-color: #ffffff;
}
p{
	color: #71756e;
	font-size: 90%;
	line-height: 22px;
	margin: 8px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
}
p a{
	color: #669933;
	text-decoration: none;
}
#files_container label{
	color: #71756e;
	float: left;
	font-size: 80%;
	width: 160px;
}
#files_container input{
	color: #71756e;
	display: inline;
	font-size: 10px;
}
#files_container select{
	display: inline;
	font-size: 10px;
}
#website{
	background-color: #ffffff;
	background-image: url(../files/images/layout/containerbl.gif);
	background-position: left top;
	* background-position: 2px;
	background-repeat: repeat-y;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	min-height: 100%;
	height: 100% !important;
	left: 50%;
	margin: 0px 0px 0px -400px;
	padding: 0px 4px 0px 4px;
	* padding: 0px;
	position: absolute;
	width: 790px;
	* width: 798px;
}
#menu{
	border-left: 1px solid #d6d6d6;
	height: 100% !important;
	width: 220px;
	vertical-align: top;
	margin: 0px;
}
#menu dl{
	border-top: 4px solid #e4e4e4;
	width: 220px;
	margin: 10px 0px 0px 0px;
	* margin: 10px 0px 0px 4px;
	z-index: 3;
}
#menu dt{
	clear: both;
	margin: 0px;
	border-bottom: 4px solid #e4e4e4;
	z-index: 4;
}
#menu dt a{
	background-color: #afafaf;
	border-color: #a1a1a1;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	color: #808080;
	display: block;
	font-size: 105%;
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#menu dt a:hover,
#menu dt a:active,
#menu dt a.active,
#menu dt a#active{
	background-color: #96ce47;
}
#menu #panel800 a{
	color: #000000;
	background-color: #a6cf4b;
}
#menu dd{
	margin: 0px;
}
#menu dd ul{
	margin: 0px;
	padding: 0px;
}
#menu dd li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu dd li a{
	color: #808080;
	font-size: 90%;
	line-height: 22px;
	text-decoration: none;
	text-indent: 15px;
}
#items li a{
	display: block;
	width: 220px;
}
#menu dd li a:hover,
#menu dd li a.active,
#menu dd li a.current{
	border: 0px;
	background-color: #ffffff;
	background-image: url(../files/images/layout/li_li_over.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	* background-position: center;
	color: #669933;
	text-indent: 15px;
	line-height: 22px;
}
dt a span,
dt a.active span{
	background-repeat: no-repeat;
	background-position: right bottom;
	cursor: pointer;
	display: block;
	* font-weight: bold;
	line-height: 45px;
	min-height: 45px;
	text-indent: 15px;
	width: 220px;
}
#panel100 span{
	background-image: url(../files/images/layout/icon_100.gif);
}
#panel200 span{
	background-image: url(../files/images/layout/icon_200.gif);
}
#panel300 span{
	background-image: url(../files/images/layout/icon_300.gif);	
}
#panel400 span{
	background-image: url(../files/images/layout/icon_400.gif);	
}
#panel500 span{
	background-image: url(../files/images/layout/icon_500.gif);
}
#panel600 span{
	background-image: url(../files/images/layout/icon_600.gif);
}
#panel700 span{
	background-image: url(../files/images/layout/icon_700.gif);
}
#panel100 a:hover span,
#panel100 a.active span,
#panel100 a#active span{
	background-image: url(../files/images/layout/icon_100_over.gif);
}
#panel200 a:hover span,
#panel200 a.active span,
#panel200 a#active span{
	background-image: url(../files/images/layout/icon_200_over.gif);
}
#panel300 a:hover span,
#panel300 a.active span,
#panel300 a#active span{
	background-image: url(../files/images/layout/icon_300_over.gif);	
}
#panel400 a:hover span,
#panel400 a.active span,
#panel400 a#active span{
	background-image: url(../files/images/layout/icon_400_over.gif);	
}
#panel500 a:hover span,
#panel500 a.active span,
#panel500 a#active span{
	background-image: url(../files/images/layout/icon_500_over.gif);
}
#panel600 a:hover span,
#panel600 a.active span,
#panel600 a#active span{
	background-image: url(../files/images/layout/icon_600_over.gif);
}
#panel700 a:hover span,
#panel700 a.active span,
#panel700 a#active span{
	background-image: url(../files/images/layout/icon_700_over.gif);
}
#header{
	background-image: url(../files/images/layout/headerbg.gif);
	background-repeat: repeat-x;
	border-bottom-color: #8a8a8a;
	border-left-color: #d6d6d6;
	border-right-color: #8a8a8a;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	margin: -12px 0px 0px 0px;
	float: right;
}
#balk,
#balk1,
#balk2,
#balk3,
#balk4{
	background-image: url(../files/images/layout/header01.jpg);
	border-bottom-color: #b3b3b3;
	border-right-color: #b3b3b3;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	min-height: 120px;
	*height: 120px;
	width: 566px;
}
#balk2{
	background-image: url(../files/images/layout/header02.jpg);
}
#balk3{
	background-image: url(../files/images/layout/header03.jpg);
}
#balk4{
	background-image: url(../files/images/layout/header04.jpg);
}
#content{
	background-image: url(../files/images/layout/contentbl2.gif);
	background-repeat: repeat-y;
	background-position: left;
	height: 100% !important;
	width: 569px;
	vertical-align: top;
}
#context{
	padding: 0px 16px 0px 16px;
	height: 90% !important;
}
#context h4{
	margin: 8px 0px 6px 0px;
}
#context .options{
	float: right;
}
#context .options ul{
	font-size: 80%;
	margin: 0px 0px 0px 0px;
}
#context .options li{
	display: inline;
	margin: 0px 0px 0px 0px;
}
#context .options a{
	color: #669933;
	text-decoration: none;
}
#context .options a:hover{
	color: #669933;
	text-decoration: underline;
}
#cms{
	padding: 0px 0px 0px 0px;
	height: 90% !important;
}
#breadcrumbs{
	color: #a7a2a0;
	font-size: 70%;
	line-height: 22px;
}
#breadcrumbs a{
	color: #669933;
	text-decoration: none;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}
.blok,
.fotosblok,
.newsblokactive,
.newsblokdeactive{
	background-color: #daf5c5;
	clear: right;
	padding: 2px 6px 6px 8px;
	margin: 6px 0px 6px 0px;
}
.blok{
	min-height: 100px;
}
.blok ul,
.blok ol,
.fotosblok ul,
.fotosblok ol{
	color: #71756e;
	font-size: 80%;
	margin: 8px 0px 8px 20px;
	padding: 0px 0px 0px 0px;
}
.blok li,
.fotosblok li{
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.blok table{
	color: #71756e;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.timestamp{
	color: #a2c486;
	font-size: 70%;
	line-height: 20px;
}
.fotosblok h4,
.newsblokactive h4,
.newsblokdeactive h4,
.blok h4{
	font-size: 100%;
	margin: 4px 0px 4px 0px;
}
.fotosblok h6,
.blok h6{
	margin: 4px 0px 4px 0px;
}
.fotosblok p,
.newsblokactive p,
.newsblokdeactive p,
.blok p{
	color: #71756e;
	font-size: 80%;
	line-height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
}
.fotosblok p a,
.newsblokactive p a,
.newsblokdeactive p a,
.blok p a{
	color: #669933;
	text-decoration: none;
}
.readmore a{
	color: #669933;
	font-size: 80%;
	text-decoration: none;
}
.newsthumb{
	background-color: #ffffff;
	float: right;
	border: 1px solid #d6d6d6;
	padding: 6px 6px 3px 6px;
	margin: 4px 0px 0px 0px;
	text-decoration: none;
}
.newsblokactive .newsthumb,
.newsblokdeactive .newsthumb{
	margin: -30px 0px 0px 0px;
}
.newsthumb a,
.newsthumb img{
	border: 0px;
	padding: 0px;
	font-size: 0;
	margin: 0px;
}
/* CMS - Tool menu */
#sortlist li,
#sortlist100 li,
#sortlist200 li,
#sortlist300 li,
#sortlist400 li,
#sortlist500 li,
#sortlist600 li,
#sortlist700 li,
#sortlist800 li,
#sortlist831 li,
#sortnews li
#sortcalendar li{
	cursor: move;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sortlist li a,
#sortlist100 li a,
#sortlist200 li a,
#sortlist300 li a,
#sortlist400 li a,
#sortlist500 li a,
#sortlist600 li a,
#sortlist700 li a,
#sortlist800 li a,
#sortlist831 li a{
	float: left;
	width: 164px;
	* width: 146px;
	margin: 0px;
	padding: 0px;
}
#sortlist li span,
#sortlist100 li span,
#sortlist200 li span,
#sortlist300 li span,
#sortlist400 li span,
#sortlist500 li span,
#sortlist600 li span,
#sortlist700 li span,
#sortlist800 li span,
#sortlist831 li span,
#sortnews li span,
#sortcalendar li span{
	cursor: move;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
#sortlist li span a,
#sortlist100 li span a,
#sortlist200 li span a,
#sortlist300 li span a,
#sortlist400 li span a,
#sortlist500 li span a,
#sortlist600 li span a,
#sortlist700 li span a,
#sortlist800 li span a,
#sortlist831 li span a,
#sortnews li span a,
#sortcalendar li span a{
	border: 0px;
	cursor: pointer;
	float: none;
	font-size: 0px;
	height: 22px;
	text-align: center;
	text-indent: 0px;
	width: 20px;
}
#sortlist li span a:hover,
#sortlist100 li span a:hover,
#sortlist200 li span a:hover,
#sortlist300 li span a:hover,
#sortlist400 li span a:hover,
#sortlist500 li span a:hover,
#sortlist600 li span a:hover,
#sortlist700 li span a:hover,
#sortlist800 li span a:hover,
#sortlist831 li span a:hover,
#sortnews li span a:hover,
#sortcalendar li span a:hover{
	background: none transparent;
	height: 22px;
	text-indent: 0px;
	font-size: 0px;
}
#sortlist li span img,
#sortlist100 li span img,
#sortlist200 li span img,
#sortlist300 li span img,
#sortlist400 li span img,
#sortlist500 li span img,
#sortlist600 li span img,
#sortlist700 li span img,
#sortlist800 li span img,
#sortlist831 li span img,
#sortnews li span img,
#sortcalendar li span img{
	border: 0px;
	padding: 3px 1px 3px 1px;
	font-size: 0px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	width: 16px;
}

#sortalbum{
	display: block;
	margin: 0px;
	padding: 0px;
}
#sortalbum li{
	float: left;
	margin: 5px 5px 5px 5px;
	list-style-type: none;
}
#sortalbum img{
	border: 0px;
	cursor: move;
	margin: 0px 0px 0px 0px;
}
#sortalbum span{
	clear: left;
	display: block;
	line-height: 20px;
	margin: -20px 0px 0px 0px;
	text-align: right;
}
#sortnews,
#sortcalendar{
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
#sortnews li,
#sortcalendar li{
	list-style: none;
}
#sortnews li a,
#sortcalendar li a{
	color: #669933;
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 400px;
}
#sortnews span,
#sortcalendar span{
	* float: right;
}

/* CMS - Tool layer */
#layer{
	z-index: 999;
}
#showdate{
	background-color: #ffffff;
	/*
	background-image: url(../files/images/layout/showdate.png);
	* background-image: url(../files/images/layout/showdate.gif);
	*/
	border: 1px solid #669933;
	color: #676767;
	font-size: 80%;
	height: 119px;
	padding: 10px 10px 10px 10px;
	position: absolute;
	overflow: auto;
	width: 200px;
	z-index: 300;
}
#showdate p{
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
}
#showdate .day{
	color: #669933;
}
#showdate hr{
	border: 1px solid #bddca6;
	clear: both;
	float: none;
	padding: 0px 0px 0px 0px;
	background-color: #ff00ff;
}
#overflow{
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	min-height: 100%;
	* height: 100%;
	position: fixed;
	width: 100%;
	z-index: 100;
}
#displaybox{
	background-color: #ffffff;
	border: 1px solid #000000;
	height: auto;
	left: 50%;
	margin: -120px auto auto -234px;
	top: 20%;
	width: 480px;
	position: absolute;
	z-index: 200;
}
#displayborder{
	border: 10px solid #adadad;
}
#displaytop{
	background-color: #f1f3f8;
	text-align: right;
	padding: 10px 10px 10px 10px;
}
#displaytop span{
	cursor: pointer;
}
#displaytop h4{
	float: left;
	font-size: 120%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#displayborder form{
	padding: 20px 18px 10px 30px;
}
#displaybox label{
	float: left;
	font-size: 100%;
	padding-right: 4px;
	margin: 0px;
	min-width: 100px;
}
#displaybox p{
	text-align: left;
}
#displaybox input{
	margin: 0px;
	padding: 0px;
}
#displaybox input[type=text],
#displaybox input.text{
	width: 228px;
}
#displaybox input.small{
	width: 50px;
}
#displaybox textarea{
	width: 100%;
}
.formulier{
	clear: both;
	float: none;
}
.formulier fieldset{
	border: 0px;
	color: #71756e;
	display: block;
	font-size: 80%;
	padding: 0px;
}
.formulier legend{
	display: none;
}
.formulier label{
	color: #669933;
	clear: left;
	float: left;
	line-height: 22px;
	min-width: 100px;
	text-decoration: underline;
}
.formulier textarea{
	min-height: 120px;
	* height: 120px;
}
.tab{
	float: left;
}
.row{
	display: block;
	clear: both;
	width: 100%;
}
.datepicker{
	float: left;
	clear: both;
	width: 40%;
}
.button{
	display: block;
	clear: left;
	margin: 10px 0px 10px 0px;
}
#footerlinks{
	clear: both;
	display: block;
	text-align: center;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footerlinks li{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
}
#footerlinks a{
	color: #71756e;
	text-decoration: none;
}
#footerlinks a:hover{
	color: #669933;
	text-decoration: underline;
}

#shape1 img,
#shape2 img,
#shape3 img{
	border: 0px;
	margin: 5px 5px 5px 5px;
}
#indigio{
	bottom: 0px;
	display: block;
	font-size: 6px;
	margin: 6px auto 6px auto;
	text-align:center;
	text-indent: -9999px;
	width: 220px;
	z-index: 5;
}
#indigio a{
	background-image: url(../files/images/indigio.gif);
	display: block;
	height: 14px;
	margin: 0px auto 0px auto;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	width: 46px;
}
#indigio a:hover{
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
}
.options img{
	border: 0px;
}
#sitemap{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
#sitemap li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sitemap li a,
#sitemap li a:hover{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#sitemap ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
#sitemap ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sitemap li ul li a,
#sitemap li ul li a:hover{
	color: #669933;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.move{
	cursor: move;
}
#slideshow{
	border: none;
	height: 120px;
	overflow-x: auto;
	overflow-y: hidden;
	width: 540px;
}
#sponsors{
	width: 533px;
}
.sponsor{
	float: left;
}
#sponsorblok{
	background-color: #daf5c5;
	display: block;
	clear: both;
	height: 260px;
	padding: 5px;
}
#sponsor{
	background-color: #ffffff;
	float: right;
	width: 252px;
	height: 252px;
	font-size: 10pt;
	padding: 4px;
}
#thumbs{
	background-color: #ffffff;
	float: left;
	width: 240px;
	height: 260px;
	padding: 0px 10px;
}
#thumbs img{
	margin: 10px 0px 10px 0px;
	width: 120px;
}
#fixed{
	position: fixed;
	top: 0;
}