/* stylesheet: Zorg voor Beter Verbetermogelijkheden */
/* versie: 0.1 - 14/03/2008 */
/* Maaike de Laat - maaike@eend.nl */


/*  schone start geïnspireerd op eric meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
dlcompact {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}uitklap

body {
	color: black;
	background-color: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*  structuur
-------------------------------------------- */
html {
	
}

body {
	font:10px/1.3 Verdana, Arial, sans-serif; 
	background:#fff url(../images/main_bg.gif) center top repeat-y;
}
body.overzicht {
	background:#fff url(../images/main_bg_overz.gif) center top repeat-y;
}

#kader {
	width:960px;
	margin: 0 auto 0 auto;
	position: relative;
	background-color:#fff;
	overflow:hidden;
}

/*  basis typografie
-------------------------------------------- */
h1 {
	font-size:500%;
	color: #fff;
	font-weight:normal;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	position:absolute;
	top:50px;
	left:12px;
	letter-spacing:20;
}

h2 {
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #008500;
	font-weight:normal;
}

.verstoppen {
	position:absolute;
	top:-5000px;
	left:0;
}

p {
	margin-bottom: 16px;
	font-size:110%;
}

dl {
	margin:-12px 0 8px 0;
	font-size:110%;
}

dl dt {
	font-weight:bold;
	color:#008500;
	margin:12px 0 -2px 0;
}

dd {
	font-size:100%;
	margin:-17px 0 -11px 200px;
}

dlcompact {
	margin:-16px 0 8px 0;
	font-size:110%;
}
dlcompact dt {
	font-weight:bold;
	color:#008500;
	margin:8px 0 -2px 0;
}


span.tekstgrootte {
	display:block;
	position:absolute;
	top:14px;
	right:0;
	font-size:110%;
}

#min {
	border:1px solid #999;
	padding:1px 5px 2px 5px;
	margin-left:5px;
	color:#999;
}

#min a {
	color:#000;
	text-decoration:none;
}

#plus {
	border:1px solid #999;
	padding:1px 5px 2px 5px;
	border-left:none;
	color:#999;
}

#plus a {
	color:#000;
	text-decoration:none;
}

.datum {
	color:#666;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
}

p .datum, p .date, p .dtstart, p .dtend {
	font-size:100%;
}

.plaats, .location {
	color:#666;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	font-size:110%;
}

p .plaats, p .location {
	color:#000;
	font-size:100%;
	margin-bottom:16px;
}

.categorie {
	color:#666;
	font-weight: bold;
	font-size:110%;
	display:block;
}

p.meer {
	color:#666;
	font-size:100%;
}

a:link, a:visited {
	color: #008500;
}

a:hover, a:active {
	color: #f60;
}

strong {
	font-weight:bold;
}

/*  #kop
-------------------------------------------- */
#kop {
	background:#fff url(../images/header.jpg) 0 3.4em no-repeat;
	height:167px;
	margin-bottom:0.0em;
	width:960px;
	position:relative;
}

#kop h2 {
	position:absolute;
	color: White;
	top:134px;
	left:10px;
	z-index:1000;
	width: auto;
	line-height:1.3;
	font-size:150%;
	font-weight:bold;
}

#kop p {
	position:absolute;
	color:#fff;
	top:134px;
	right:0;
	z-index:1000;
	width:220px;
	line-height:1.3;
	font-size:100%;
}

/*  #navigatie
-------------------------------------------- */
#nav {
	width: 300px;
	background-color:#f90;
	position:absolute;
	left:0;
	top:170px;
	font-weight:bold;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	min-height:24px;
}

#navKruimel 
{
	width: 658px;
	background-color:#f90;
	position:absolute;
	left:302px;
	top:170px;
	font-weight:bold;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	min-height:24px;
}


#nav li {
	float:left;
	margin:0 16px;
	line-height:1.7em;
	padding-top:1px;
}

#navKruimel li {
	float:left;
	margin:0px 10px;
	line-height:1.7em;
	padding-top:1px;
}
slaan

#nav li.actief {
	margin: 0 12px;
	border-bottom:3px solid #ffe0b2;
}

#nav a {
	color:#000;
	text-decoration: none;
	display:block;
	float:left;
	border-bottom:3px solid #f90;
}

#navKruimel a {
	color:#000;
	text-decoration: none;
	display:block;
	float:left;
	border-bottom:3px solid #f90;
}

#navKruimel a:hover, #navKruimel a:focus {
	border-bottom:3px solid #fff;
}

/*  optioneel submenu
-------------------------------------------- */
#submenu 
{
    width:960px;
	position:relative;
	top:26px;
	left:12px;
	font-size:110%;
}

#submenu li {
	float:left;
	margin-right:24px;
}

/*  #main
-------------------------------------------- */
#main {
	background:#efefef url(../images/main_bg.gif) 0 0 repeat-y;
	float:left;
	margin-top:40px;
}

.overzicht #main {
	background:#efefef url(../images/main_bg_overz.gif) 0 0 repeat-y;
}

#aspnetForm {
	width: 680px;
}
#aspnetForm fieldset fieldset fieldset label{
	width: 220px;
}

#content {
	width: 689px;
	float: left;
	padding: 10px 12px 16px 12px;
	margin:0 15px 16px 0;
	line-height:1.5;
	background:#efefef url(../images/content_bg.png) 16px 8px no-repeat; /* lijntje */
}

.overzicht #content {
	padding:0;
	width: 713px;
	text-align:center;
	background-color:#fff;
}

#inleiding {
	background:#efefef url(../images/content_bg.png) 16px 8px no-repeat; /* lijntje */
	padding:20px 0 16px 12px;
	margin-bottom:24px;
	text-align:left;
}

#content h2 {
	margin-bottom:16px;
	font-size:180%;
}

#content h3 {
	color:#000;
	font-weight:bold;
	font-size:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content h4 {
	color:#008500;
	font-weight:bold;
	font-size:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content p {
	font-size:110%;
}

#content p.inleiding {
	font-size:110%;
}

#content ul, #content ol {
	list-style-position:outside;
	margin-bottom:16px;
	font-size:110%;
}

#content ul p {
	font-size:100%;
}

#content ul li {
	list-style-type:disc;
	margin-left:1.5em;
}

#content ol li {
	list-style-type:decimal;
	margin-left:2.5em;
}

#content p+ul, #content p+ol {
	margin-top:-16px;
}

.verbeter #content p+ul, #content p+ol {
	margin-top:0;
}

#content em {
	color:#666;
	font-style:normal;
}

.nrs {
	list-style-type:none;
	font-size:100%;
	position:relative;
	clear:left;
	width:auto;
}

body #kader .nrs li {
	font-size:110%;
	margin:0 8px 0 0;
	display:inline;
	border-right:1px solid #d8d8d8;
	padding:0 8px 0 0;
}

.nrs li a {
	color:#000;
}

.nrs li a:hover, .nrs li a:active {
	color:#f60;
}

.nrs li.rand {
	border-right:none !important;
	margin-right:0 !important;
}

/*  #rechterkant vervolgpagina's
-------------------------------------------- */
#toelichting {
	width:204px;
	float:right;
	background:url(../images/toelichting_bg.png) 10px 8px no-repeat;
	padding:20px 12px 0 12px;
}

#toelichting h3 {
	font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #666;
	font-size:180%;
	margin-bottom:6px;
	font-weight:normal;
}

#toelichting h4 {
	color:#666;
	font-size:110%;
	font-weight:bold;	
}

/*  #uitklappers
-------------------------------------------- */
#uitklaplijst {
	list-style-position:inside !important;
	list-style-type:none !important;
	margin-top:24px !important;
	border-top:1px dotted #008500;
}

#uitklaplijst li {
	list-style-position:inside !important;
	list-style-type:none !important;
	margin-left:0 !important;
	border-bottom:1px dotted #008500;
	text-decoration: none;
	padding:18px 0 6px 0;
	display:block;
}

#uitklaplijst li ul li{
	margin-left:0 !important;
	border-bottom:none;
	padding:0 0 0 12px;
	background:url(../images/blokje.gif) 0 .5em no-repeat !important;
	display:block;
	width:auto;
	font-size:90%;
}

#uitklaplijst li h3 {
	padding-right:14px;
/*	background:url(../images/uitklappijltje.gif) center right no-repeat; */
	color:#008500;
	font-weight:normal;
	font-size:140%;
	width:auto;
	display:inline;
	display:block;
	cursor:pointer;
}


#uitklaplijst li h3 img {
	margin-left:10px;
}

/*#uitklaplijst li.dichtOver h3 {
	background:url(../images/uitklappijltjemo.gif) center right no-repeat;
}*/

#uitklaplijst li h4 {
	margin-top:12px;
}

/*#uitklaplijst li.open {
	background:url(../images/uitklappijltje-open.gif) bottom right no-repeat;
}

#uitklaplijst li.openOver {
	background:url(../images/uitklappijltje-openmo.gif) bottom right no-repeat;
}

#uitklaplijst li.open ul li, #uitklaplijst li.openOver ul li {
	background:none;
}

#uitklaplijst li.open h3, #uitklaplijst li.openOver h3 {
	background-image:none;
}

#uitklaplijst li.dicht p,
#uitklaplijst li.dicht ul,
#uitklaplijst li.dicht ol,
#uitklaplijst li.dicht h4,
#uitklaplijst li.dicht div,
#uitklaplijst li.dicht blockquote,
#uitklaplijst li.dichtOver p,
#uitklaplijst li.dichtOver ul,
#uitklaplijst li.dichtOver ol,
#uitklaplijst li.dichtOver h4,
#uitklaplijst li.dichtOver div,
#uitklaplijst li.dichtOver blockquote {
display:none;
}*/

.verbeter #content strong {
	color:#666;
	margin-bottom:12px;
	display:block;
	font-weight:normal;
	font-size:110%;
}

/*.verbeter*/
.vcard span {
	display:block;
}

/*  formulieren
-------------------------------------------- */
form {
	width:530px;
}

form.geavanceerd {
	border-top:1px dotted #008500;
	width:570px;
}

fieldset {
	border-bottom:1px dotted #008500;
}

.contact fieldset {
	width:400px;
}

.contact fieldset.check {
	width:530px;
	border-bottom:none;
}

legend {
	float:left;
	margin:0 14px 0 0;
	font-size:140%;
	width:100%;
	clear:both;
	color:#008500;
	padding:12px 0;
}

fieldset.button {
	border-bottom:none;
}

fieldset.button a {
	float:right;
	clear:right;
}

fieldset em {
	clear:both;
	float:left;
	font-size:110%;
	width:380px;
	text-align:left;
	color:#000 !important;
	margin:0 0 12px 150px;
}

.geavanceerd fieldset p {
	clear:both;
	float:left;
	font-size:110%;
	width:100%;
}

label {
	float:left;
	margin:0 14px 12px 0;
	font-size:110%;
	width:160px;
	clear:both;
}

.contact .check br+label {
	margin-top:6px;
}

.geavanceerd label {
	width:200px;
}

fieldset fieldset {
	border-bottom:none;
	clear:left;
	width:100%;
}

fieldset fieldset legend, .contact legend {
	font-size:110%;
	font-weight:bold;
}

fieldset.check p {
	font-size:110%;
	color:#000;
	width:200px;
	float:left;
	margin:0 13px 0 0;
}

fieldset.check label {
	width:auto;
	clear:none;
}

fieldset.check input {
	width:auto;
	float:left;
	clear:none;
	border:none;
	margin-right:5px;
}

.contact fieldset.check input {
	clear:left;
}

fieldset.check br {
	clear:left;
}

input, textarea {
	border: 1px solid #999;
	float: right;
	padding:3px;
	width:380px;
	margin-bottom:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
}

select {
	border: 1px solid #d8d8d8;
	float: right;
	width:380px;
	margin-bottom:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
}

.contact label {
	width:auto;
	margin-bottom:6px;
}

.contact input, textarea {
	clear:both;
	float:left;
	width:392px;
}

.checklijst{
	border-bottom-style: none;	
}

.checklijst ul {
	float:right;
	width:356px;
	margin:0;
}
.checklijst li {
	clear:both;
	list-style-type:none !important;
	display:block;
	margin:0 !important;
}

.geavanceerd input {
	width:346px;
}

.geavanceerd select {
	width:356px;
}

select#score {
	width:auto;
	float:left;
}

button {
	background-color: #008500;
	color: #fff;
	padding:2px 4px;	
	margin: 3px 0px 3px 0px;
	border:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	cursor:pointer;
	float:right;
	clear:right;
}

button.searchButton {
	margin: 3px 0px 3px 3px;
	clear:none;
}


/*  tabellen
-------------------------------------------- */
table {
	margin-bottom:16px;
	width:100%;
	background-color:#fff;
	position:relative;
	left:1px;
	border:1px solid #999;
}

table.cleanTable {
	margin-bottom:1px;
	background-color:transparent;
	border:0px solid #999;
}

table a {
	color:#000 !important;
}

table a:hover, table a:active {
	color: #f60 !important;
}

thead {
	background-color:#fff0d9;
	border-bottom:2px solid #f90;
}

th {
	font-weight:bold;
	padding:4px 16px 20px 16px;
	border-bottom:1px solid #ccc;
}

th a {
	padding-right:15px;
}

th em {
	color:#000 !important;
	margin-left:8px;
}

th a:hover {
	background:url(../images/hoekjegrdown.gif) 100% 70% no-repeat;
}

th a.oplopend {
	background:url(../images/hoekjezwup.gif) 100% 70% no-repeat;
}

th a.oplopend:hover {
	background:url(../images/hoekjegrdown.gif) 100% 70% no-repeat;
}

th a.aflopend {
	background:url(../images/hoekjezwdown.gif) 100% 70% no-repeat;
}

th a.aflopend:hover {
	background:url(../images/hoekjegrup.gif) 100% 70% no-repeat;
}

td {
	padding:10px 16px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:110%;
}

td.cleanTd {
	padding:0px 0px;
	border-bottom:0px none #ccc;
	border-right:0px none #ccc;
	font-size:100%;
	
}

#last td {
	border-bottom-color:#999 !important;
}

td.last {
	border-right-color:#999;
}

table .tabelinfo {
	font-weight:normal;
	background-color:#fff;
	text-align:right;
	padding:6px 16px;
}

.htr td {
	background-color:#efefef;
}

.htd a {
	color: #f60 !important;
}

.htd {
	cursor:pointer;
}



/* Header van een lijst */
.HeaderRow
{
	background-color:#fff0d9;
	border-bottom:2px solid #f90;
	color: Black;

	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	cursor: default;
}

.HeaderRow : hoover
{
	background-color:#fff0d9;
	border-bottom:2px solid #f90;
	color: Black;

	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	cursor: default;
}

.HeaderRow a
{
	color: Black;
	text-decoration: none;
}

/* Footer van een lijst */
.FooterRow
{
	background-color: Transparent;
	color: #4d2e4e;
	font-family: Verdana;
	text-decoration:none;
	text-align:left;
	cursor: text;	
	height: 6px;
	font-size: 9px;
	font-weight: bold;
	vertical-align: bottom;
}


/* Oneven regels in een lijst */
.FirstRow
{
	background-color: White;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #4d2e4e;
	cursor: default;
}

/*
.FirstRow :hover
{
	background-color:#efefef;
}
*/

label.repeater 
{
	width:230px;
	border-bottom:1px dotted #FF6600
}

#uitklapzoek h3 {
	padding-right:14px;
	color:#008500;
	font-weight:normal;
	font-size:140%;
	width:auto;
	cursor:pointer;
	border-bottom-style: none;	
}

#uitklapzoek .label {
	width:300px;
}

-- ZONEEND-139: in div waarin inhoud die met fckeditor in zvb gewijzigd kan worden, uitgeklede OL en UL weergeven
.contentDiv ul, .contentDiv ol
{
	margin-top:0px;
	margin-bottom:0px;	
	font-size:100%;
	list-style: none;
	list-style-position:outside;
}