/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
}
#header #header-top {
  background-image: url(../img/kopbackground.jpg);
  background-repeat: repeat-x;
  text-align: center;
  padding: 5px 0 5px 0;
}
#header #header-bottom {
  background-image: url(../img/header_bot_back.gif);
  background-repeat: repeat-x;
  padding: 0;
  margin-top: 0;
  font-size:90%;
}
#header #header-bottom  ul {text-align: right; padding:0 32px 0 32px; margin:0; list-style:none; height:36px; background:url(../img/header_bot_back.gif); font-family:arial, verdana, sans-serif;}
#header #header-bottom  li {display:inline; float:right;}
#header #header-bottom  li a {float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../img/header_bot_menu.gif);}
#header #header-bottom  li a span {float:left; padding:0 24px 0 12px; height:36px;background:url(../img/header_bot_menu.gif) right top;}
#header #header-bottom  li a:hover {color:#fff; background: url(../img/header_bot_menu_over.gif) no-repeat;}
#header #header-bottom  li a:hover span {background:url(../img/header_bot_menu_over.gif) no-repeat right top;}

#header #header-bottom #tagline {
  font-weight: bold;
  color: #ddd;
  font-style: italic;
  margin: 0;
  padding: 5px 0 0 20px;
  float: left;
}


/* Instellingen voor de content */
#content h1 {
  color: #245185;
  border-bottom: 3px solid #b9d2e3;
  font-size: 150%;
  clear: both;
  margin-bottom: 10px;
}
#content h2 {
  color: #245185;
  border-bottom: 1px solid #b9d2e3;
  font-size: 140%;
}
#content h3 {
  color: #245185;
  font-size: 110%;
}
#content p {
  font-size: 90%;
}
#content a:hover {
  color:#fff;
  background:#369;
  text-decoration:none;
}
#content a.external {
 background: url(../img/external.png) center right no-repeat;
 padding-right: 13px;
}
#content a.external:hover {
  background: url(../img/external.png) center right no-repeat;
  background-color:#369;
}
#content a.afdruk {
 background: url(../img/icon_print.gif) center left no-repeat;
 background-color:#fff;
 padding-left: 20px;
 text-decoration:none;
}
#content a.afdruk:hover {
  background: url(../img/icon_print.gif) center left no-repeat;
  background-color:#fff;
  text-decoration:none;
  color:#369;
}

#content ul {
  list-style-image: url(../img/bullet_arrow.gif); 
  font-size: 90%;
}
#content table {
  font-size: 90%;
}
#content .headline {
  color: #245185;
  font-size: 120%;
  font-weight: bold;
  display: block;
}
#content p.more{
  margin-top: 0;
  text-align: right;
}
#content p.more a:link, #content p.more a:visited {
  color: black;
  background-image: url(../img/bullet_more.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  font-size: 90%;
  color: #1e4c82;
}
#content p.more a:hover {
  color: white;
}
#content .date {
  color: #666666; /* 666666 */
  font-weight: bold;
}

#content ul.tabnav {
  float:left;
  width:100%;
  margin:0;
  margin-bottom:5px;
  padding:0;
  list-style:none;
  display:inline;
  border-bottom:1px solid #A5B5C6;
}
ul.tabnav li {
  display:inline;
}
ul.tabnav li a {
  display:block;
  float:left;
  list-style:none;
  padding:3px 3px;
  text-decoration:none;
  font-weight:bold;
  color: #666666;
  margin-right:5px;
  border-top:1px solid #A5B5C6;
  border-left:1px solid #A5B5C6;
  border-right:1px solid #A5B5C6;
}
ul.tabnav li a.active {
  font-weight:bold;
  color:#fff;
  /* background:#5C6F90; */
  background:#6E91DC;
  border-top:1px solid #A5B5C6;
  border-left:1px solid #A5B5C6;
  border-right:1px solid #A5B5C6;
}
#content p.error {
  background-image: url(../img/error.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 40px;
  color: red;
  font-weight: bold;
}

#zoekform {width:400px; margin:auto; text-align: left;}
#loginform {width:350px; margin:auto; text-align: left;}
#loginform fieldset, #zoekform fieldset {padding:10px; border:1px solid #6699CC;}
#loginform legend, #zoekform legend{color:#6699CC; font-weight:bold; font-size:12pt;}
#loginform label{
display:block;
height:2em;
background-color:#F1F4FE; /* E7E7E7 */
padding:3px 10px 0;
}
#loginform input, #zoekform input {
margin-right:20px;
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}
#loginform input {
  float:right;
  clear:right;
}
#loginform input:focus,#loginform input:hover,#zoekform input:focus,#zoekform input:hover {
border:1px solid #6699CC;
}

/* Tonen van Google search results */
#gs-ssb {
margin-top:0;
margin:11px 0;
padding:0.1em;
background:#EBEFF9 none repeat scroll 0 0;
border-top:1px solid #6B90DA;
clear:both;
}
#gs-ssb p {
margin:0.1em 0;
padding:0.2em;
white-space:nowrap;
}
.gs-result{
  width: 550px;
  margin-bottom: 10px;
}
.gs-result a {
  cursor: pointer;
}
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  text-decoration: underline;
}
.gs-result .gs-snippet {
  font-size: 90%;
}
.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}
#sb-zoekform {width:200px; margin:auto; text-align: left;}
#sb-zoekform #sb-query {
margin-right:5px;
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}
#sb-zoek {
  vertical-align: middle;
}


table.tabel {
	border:none;
	border-top:1px solid #000;
	border-collapse:collapse;
  margin-left: 1px; /* anders zie je in FF geen linker border */
}
table.tabel th, table.tabel td{
	border:1px solid #666;
	border-collapse:collapse;
}
table.tabel thead th{
  background: #6E91DC;
	padding:5px 10px;
	font-size:90%;
	/* text-transform:uppercase; */
	color:#fff;
}
table.tabel tbody th {
	font-size:85%;
	padding:5px 10px;
  font-weight: bold;
  text-align: left;
}
table.tabel tbody th.rechts {
  text-align: right;
}
table.tabel tbody td {
	font-size:85%;
	padding:5px 10px;
  text-align: left;
}
table.tabel tbody td.rechts {
  text-align: right;
}
table.tabel tbody td.midden {
  text-align: center;
}
table.tabel tbody tr.even {
	background:#fff;
}
table.tabel tbody tr.odd {
	background:#D7E5F2;
}
table.tabel tbody tr.over {
	background:#fff6bf;
}
table.tabel caption {
  caption-side : bottom; /* werkt in ie7 en hoger en andere browsers, IE6 is top */ 
  padding:3px 0 3px 0;
  text-align:right;
}
#slideshowdiv {
  position: relative;
  padding: 2px;
  margin: 0px auto;
  text-align: center;
  height: 550px;
  border: 1px solid #b9d2e3;
  line-height: 550px;
  overflow:hidden;
}
#slideshowdiv img {
  vertical-align: middle;
  margin: 0 auto;
  border: 0px;
}
#slidetitle {
  border: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  height: 1%;
  background-color:#F1F4FE;
}
#slidetitleline {
  font-weight: bold;
  background-color:#F1F4FE;
	color:#006600;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  float: left;
}
#slidetitle ul {
  margin: 0;
  padding: 0;
  padding: 0 30px 0 0;
  text-align: right;
}
#slidetitle li {
  display: inline;
  background-color:#F1F4FE;
	color:#006600;
}
#slidetitle a:link, #slidetitle a:visited {
  text-decoration: none;
  background-color:#F1F4FE;
	color:#006600;
}
#slidenav {
  border: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  height: 1%;
  background-color:#F1F4FE;
}
#slidenav img {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  border: 0px;
}
#slidenav ul {
  margin: 0;
  padding: 0;
  padding: 0 30px 0 0;
  text-align: center;
}
#slidenav li {
  display: inline;
  background-color:#F1F4FE;
	color: #050845;
}
#slidenav a:link, #slidenav a:visited {
  text-decoration: none;
  font-weight: bold;
  background-color:#F1F4FE;
  color: #050845;
}
#slideindex {
  position: relative;
  width: 95%;
  margin: auto;
  text-align: center;
}
#slideindex .slidephoto {
  float: left;
  width: 90px;
  height: 90px;
  border: 1px solid #b9d2e3;
  margin: 3px;
  padding: 2px;
  text-align: center;
  line-height: 90px;
  overflow:hidden;
}
* html #slideindex .slidephoto {width: 94px; height: 94px;}

#slideindex img {
  vertical-align: middle;
  margin: 0 auto;
  border: 0px;
}
#content.cssform {
  width:400px
}
#content .cssform label {
clear:left;
float:left;
width:155px;
font-weight: bold;
}
#content .cssform label.long {
width:245px;
}
#content .cssform input {
/* float:left;
 margin-bottom:1em; */
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}
#content .cssform p{
clear: left;
border-top: 1px dashed gray;
padding-top: 5px;
}
#content .cssform select {
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}
#content .cssform checkbox {
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}
#content .cssform textarea{
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}
#content .cssform  .sendbtn {
  border: 1px solid #A5B5C6;
  background-color: #256290;
  color: white;
  font-size: 80%;
  cursor: pointer;
}
/* losse formulieren */
#content .sendbtn {
  border: 1px solid #A5B5C6;
  background-color: #256290;
  color: white;
  font-size: 80%;
  cursor: pointer;
}
#content input {
border: 1px solid #A5B5C6;
background-color: #D7E5F2;
}

/* Autocomplete */
#content input.autocomplete {
	background-image:url(../img/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:#D7E5F2;
  border: 1px solid #A5B5C6;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { 
  background-color: #ffb;
}
div.autocomplete ul li {
  list-style-type:none;
  list-style-image: url(); 
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
}

/* FANCY TIP */
dl.fancytip { position: relative; display: inline; }
dl.fancytip, dl.fancytip dt, dl.fancytip dd { margin: 0; padding: 0; }
dl.fancytip dt { display: inline; cursor: pointer;  }
dl.fancytip dt img { vertical-align: middle; }
 
dl.fancytip .fancy-right { display: none; position: absolute; width: 300px; z-index: 1000; left: 20px; top: -15px; background: url(../img/tooltip/bg_help_yellow_top_300x400.gif) no-repeat; }
dl.fancytip .fancy-right div { background: url(../img/tooltip/bg_help_yellow_bot_300x4.gif) 0 100% no-repeat; padding: 10px 20px 10px 25px; }
dl.fancytip .fancy-right div p { margin: 0; padding: 0; }
 
dl.fancytip .fancy-topleft { display: none; position: absolute; width: 300px; z-index: 1000; right: -20px; bottom: 18px; background: url(../img/tooltip/bg_help_topleft_bot_300x215.gif) 0 100% no-repeat; }
dl.fancytip .fancy-topleft div { ; padding: 10px 15px 20px 15px; background: url(../img/tooltip/bg_help_topleft_top_300x2.gif) no-repeat; }
dl.fancytip .fancy-topleft div p { margin: 0; padding: 0; }
 
/* A B C, enz lijst */
#content #alfabet { margin: 8px 0 20px; padding: 5px 0 5px 0; border-top: 1px solid #b9d2e3; border-bottom: 1px solid #b9d2e3; height: 1%;  background-color:#F1F4FE; }
#content #alfabet ol { margin: 0; padding: 0; display: inline; }
#content #alfabet ol li { display: inline; }
#content #alfabet ol li a { padding: 0 2px; text-decoration: none; font-size: 100%; }
#content #alfabet ol li a:hover { text-decoration: underline; }
 
#content .warning, #content .notice {
  font-family:Arial,sans-serif;
  line-height:120%;
  background: #fff6bf url(../img/notice.gif) center no-repeat;
  background-position: 15px 50%;
  text-align: left;
  padding: 0.6em 2em 0.6em 75px; 
  margin: 1em 30px;
  border: 2px solid #ffd324; border-width: 2px 0;
}
#content .warning {
  background-color:#ffdaca;
  background-image:url(../img/warning.gif);
  border-color:#ff7349
}

#content #welkom {
  background: #F1F4FE; /* #E0ECFF */
  padding: 0px 15px;
  border: 1px solid #A5C9FF;
  color: #135;
  margin-top: 10px;
}
#content #welkom p {
  padding: 0;
  margin: 0 0 10px 0;
}
#content #welkom h1 {
font-size: 130%;
}

.evenementtitle {
	color:#fff;
  font-size: 120%;
  font-weight: bold;
  background-color:#6E91DC;
  padding: 2px;
  padding-left: 10px;
}
.evenementdiv {
  font-size: 90%;
  padding: 2px;
  margin: 0px;
  border: 1px solid #b9d2e3;
}
.evenementnav {
  border: 1px solid #b9d2e3;
  padding: 2px;
  font-size: 90%;
  background-color:#D7E5F2;
  margin-bottom: 15px;
}
.evenementnav a:link, .evenementnav a:visited {
  text-decoration: none;
  font-weight: normal;
  color: #050845;
}
.evenementnav img {
vertical-align: middle;
margin-left: 10px;
}

/*  styles voor de kinderen */
div.dolfijnwall {
  border: 2px dashed #A5C9FF;
  background-color: #F1F4FE;
}
div.pasfotolijst {
  float: left;
  width: 120px;
  padding: 10px;
  overflow: hidden;
}
* html div.pasfotolijst {width: 140px;} /* voor IE5 en IE6 */

div.pasfotolijst p, div.tekening p {
   text-align: center;
}
div.spacer {
  clear: both;
}

div.tekening {
  float: left;
  width: 150px;
  padding: 10px;
  overflow: hidden;
}
* html div.tekening {width: 170px;} /* voor IE5 en IE6 */

/* style overgenomen van het AD.nl om een kranten artikel op de site te kunnen zetten */
.newsArticle{
	min-height:290px;
}
.newsArticle h1{
	margin: 6px 0 10px 0;
}
.newsArticle .authorname{
	font-size: 10px;
	margin: 10px 0 10px 0;
}
.newsArticle .lead{
	font-weight: bold;
}
.newsArticle .bodytext{
	margin-top: 10px;
}
.newsArticle .bodytext .articleImage{
	float:left;
	width: 300px;
	margin: 0 10px 10px 0;
	background-color:#D7E5F2;
	clear:both;
}
.newsArticle .bodytext .articleImage .caption{
	margin: 5px 3px 3px 3px;
	display:block;
	background-color:#D7E5F2;
  font-size: 10px;
}
.newsArticle .bodytext p{
	margin: 0 0 10px 0;
}
.artDate{
	color: #666666;
	text-align:right;
}
.newsArticle .historie {
  width: 200px;
  float: left;
  margin-right: 15px;
  padding-bottom: 5px;
  background-color:#D7E5F2;
  font-size: 10px;
}
.newsArticle .historie h3 {
  margin-top: 3px;
}

/* Instellingen voor de linker kolom */
#navcol p {
  margin-top: 0px;
  font-size: 82.3%;
  color: #666666;
}
#navcol h3.titlebar {
  border: 0px;
  background: #6699CC;
  font-size: 82.3%;
  color: #fff;
  padding: .3em .5em .3em .5em;
  margin: 0px 0 .5em 0;
}
#navcol #newsletterform .text {
  width: 150px;
  border: 1px solid #45bac0;
}
#navcol #newsletterform .searchbutton {
  text-align: right;
  margin-top: 4px;
}
#navcol #newsletterform .btn {
  cursor:pointer;
  border: 1px solid #45bac0;
  background-color: #6699CC;
  color: white;
  font-size: 80%;
}
#navcol span.links {float: left;}  
#navcol span.rechts {float: right;}


/* Instellingen voor de rechter kolom */
#sidebar h3 {
  font-size: 110%;
  background-image: url(../img/sidebar-header-bg.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0.2em 0 0.2em 10px;
  font-weight: bold;
}
#sidebar h3 a {
  color: white;
  text-decoration:none;
}
#sidebar ul {
  list-style-image: url(../img/bullet_more.gif);
  margin-left: 0;
  padding-left: 20px;
}
#sidebar p, #sidebar li {
  font-size: 90%;
  line-height: 1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited {
  color: #fff; /*  666666 */
  text-decoration:none;
}
#sidebar ul a:hover {
  color: #ff4e00;
}
#sidebar .date {
  color: #fff; /* 666666 */
  font-weight: bold;
}
#bannerdiv {
  text-align: center;
}
#sidebar p.temp {
  color: #fff;
  padding-left: 10px;
}
#sidebar p.temp span.plaats {
  color: #ff4e00;
  font-weight: bold;
}
#sidebar p.temp span.label {
  display: block;
  width:110px;
  float: left;
  font-weight: bold;
}
#sidebar p.temp a:link, #sidebar p.temp a:visited {
  color:white;
  background-image: url(../img/bullet_more.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  padding-right: 15px;
  text-decoration: none;
  float: right;
  /* font-weight: bold; */
}
#sidebar p.temp a:hover {
  color: #ff4e00;
}
#sidebar div.actie {
  margin-top:10px; 
  margin-bottom:25px;
}
#sidebar div.actie a:link, #sidebar div.actie a:visited {
  color:white;
  text-decoration: none;
}
#sidebar div.actie a:hover {
  color: #ff4e00;
}
#sidebar div.advertentie {
  text-align: center;
}
/* Footer styles */
#footer {
  width: 100%;
  border-top: 1px solid #b9d2e3; 
  border-bottom: 1px solid #b9d2e3;
  clear: both;
  background-color: #fff;
  font-size:90%;
  color: #256290;
  padding: 0.2em 0 0.2em 0;
}
#footer p {
  margin: 0;
  padding-left: 30px;
  width: 500px;
  float: left;
}
#footer ul {
  margin: 0;
  padding-right: 30px;
  text-align: right;
}
#footer li {
  display: inline;
  color: #256290;
}