/* 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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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:2px;
}

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:-16px 0 8px 0;
	font-size:110%;
}

dl 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:2.7em;
	width:960px;
	position:relative;
}

#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: 960px;
	background-color:#f90;
	position:absolute;
	left:0;
	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;
}

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

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

/*  optioneel submenu
-------------------------------------------- */
#submenu {
	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:5px; /* 40px */
}

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

#content {
	width: 689px;
	float: left;
	padding:20px 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 5px 12px; /* 20px 0 16px 12px; */
	margin-bottom:5px; /* 24px */
	text-align:left;
}

#content h2 {
	margin-bottom:5px; /* 16px */
	font-size:240%;
}

#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:120px;
	clear:both;
}

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

.geavanceerd label {
	width:200px;
}

#toelichting label {
	display:block;
	width:auto;
	float:none;
	margin:0;
}

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 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;
	border:none;
	font-weight:bold;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	cursor:pointer;
	float:right;
	margin:12px 0;
	clear:right;
}


/*  tabellen
-------------------------------------------- */
table {
	margin-bottom:16px;
	width:100%;
	background-color:#fff;
	position:relative;
	left:1px;
	border:1px 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%;
}

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

/*  legenda
-------------------------------------------- */

#legenda li, #organisatietypes li {
	padding:2px;
	clear:both;
	height:2.5em;
	vertical-align:top;
}

#legenda li.active, #organisatietypes li.active {
 background-color:#fff;
margin:0 0 0 -20px;
padding:2px 0 2px 22px;
}

.selectLocaties li.hover, .selectLocaties li.hover {
 background-color:#ddd;
 cursor:pointer;
}


#legenda li img, #organisatietypes li img  {
	float:left;
	width:26px;
	vertical-align:top;
	padding:0px 5px 2px 0;
}

#legenda {
	margin-bottom:15px;
}


#addressInput {
	float:none;
	width:140px;
}

#addressSubmit {
	float:none;
	width:50px;
}

/*  statusbericht
-------------------------------------------- */
#statusbericht {float:left;color:#666;}
#statusbericht img {vertical-align:middle;}



#organisatieoverzicht h3 {
color:#666666;
font-family:"Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
font-size:180%;
font-weight:normal;
margin-bottom:6px;
text-align: left;
margin-left: 15px;
}
#map_canvas {
width: 713px;
height: 800px;
text-align:left;
}