/*** algemeen ***/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}

body {
  background: white;
}

body, input, table, textarea, select, pre, button {
  font: 12px/1.5em Helvetica, Arial, Verdana, Helvetica, sans-serif;
  color: #13467C;
}

#page {
  width: 980px;
  height: 610px;
  /*float: right;*/
  margin: 0 auto;
  position: relative;
}

#sitewide {
  position: absolute;
  left: 16px;
  top: 137px;
  width: 92px;
}
#sitewide ul, #sitewide li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sitewide  li {
  float: left;
}
#sitewide a {
  display: block;
  text-decoration: none;
  color: #008ac6;
  font-weight: bold;
  font-size: 14px;
  padding: 6px 6px;
  line-height: 1.2em;
  white-space: nowrap;
}
#sitewide a:hover {
  color: #13467C;
}
#sitewide span {
  position: relative;
  overflow: hidden;
  display: block;
}
#sitewide span span {
  position: relative;
}

#header {
  height: 228px;
  width: 100%;
}
#home {
  position: absolute;
  left: -4px;
  top: 90px;
}

#menu {
  position: absolute;
  top: 102px;
  left: 122px;
  z-index: 100;
}
#menu ul, #menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  float: left;
}
#menu a {
  display: block;
  padding: 0 6px;
  text-decoration: none;
  color: #008ac6;
  font-weight: bold;
  line-height: 1em;
  font-size: 14px;
}
#menu a:hover, #menu a.current {
  color: #13467C;
}

#menu .submenu {
  display: none;
  position: absolute;
  left: -106px;
  top: 35px;
  width: 92px;
}
#menu .submenu a {
  width: 92px;
  padding: 2px 6px;
  line-height: 1.2em;
}
#page #menu .submenu a:hover {
  color: #008ac6;
  background: #13467C;
}
#menu .submenu a.current {
  color: white;
  background: #008ac6;
}

#menu .subsubmenu {
  display: none;
  width: auto;
  height: auto;
  position: absolute;
  background: #13467C;
  white-space: nowrap;
}
#menu .subsubmenu li {
  float: none;
}
#menu .subsubmenu a {
  color: white;
  width: auto;
}
#menu .subsubmenu a:hover {
  color: white;
  background: #13467C;
  color: #13467C;
}
#menu .subsubmenu a.current {
  color: #008ac6;
  background: #13467C;
}

#content {
  position: absolute;
  left: 120px;
  top: 120px;
  width: 860px;
  min-height: 489px;
  background: #008ac6 url(/gfx/trans.gif) 0 0 no-repeat;
}

#breadcrumbs {
  position: absolute;
  left: 130px;
  top: 2px;
  color: #008ac6!important;
  font-size: 9px;
  color: white;
}
#breadcrumbs a {
  color: #008ac6!important;
  font-size: 9px;
  color: white;
}

#images {
  position: absolute;
  left: 717px;
  top: 137px;
  width: 244px;
}
#page.fullwidth #images {
  display: none;
}
#images img {
  float: left;
  margin: 0 0 15px 19px;
  width: 102px;
  height: 102px;
  cursor: pointer;
}
#images img.large {
  width: 224px;
  height: 224px;
}

#search {
  position: absolute;
  right: 0;
  top: 2px;
}
#search br {
  display: none;
}
#search label {
  display: none;
  width: 125px;
  padding: 0 5px 0 0;
  margin: 0;
  color: #008ac6;
  /*font-weight: bold;*/
  line-height: 1.2em;
  font-size: 12px;
}
#search input {
  padding: 0 2px 2px;
  margin: 0;
  width: 110px;
  border: 1px solid #008ac6;
  font-size: 12px;
}
#search a {
  display: inline-block;
  width: auto;
  padding: 0 4px;
  line-height: 19px;
  background: #008ac6;
  color: white;
  text-decoration: none;
  margin: 0 2px 2px 0;
  font-weight: bold;
}

/*** div tekst ***/
#tekst {
  position: absolute;
  top: 17px;
  left: 10px;
  width: 577px;
  padding: 6px 10px 0 0;
  /*
  height: 449px;
  overflow: auto;
  scrollbar-base-color: #008ac6;
  */
  color: white;
}
#page.fullwidth #tekst {
  width: 840px;
}

#tekst h1 {
  font-size: 120%;
}
#tekst h2 {
  font-size: 110%;
  margin-bottom: 0px;
}
#tekst h3 {
  font-size: 100%;
  margin-bottom: 0px;
}

#tekst p {
  margin-top: 0;
}

#tekst a {
  color: #FFFFFF;
}
#tekst a:visited {
  color: #FFFFFF;
}

#tekst table {
  color: white;
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #13467C;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #2C6698;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}

br {
  clear: left;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}

#forummenu {
  height: 25px;
}
#forummenu li,
.divider {
  border-color: #afafaf;
}
	
.divider {
  border-color: #afafaf;
}

#agenda table {
  width: 100%;
  border-collapse: collapse;
}
#agenda table, #agenda tr {
  border: 1px solid #8c8c8c;
}
#agenda table th {
  text-align: left;
}
#agenda .date {
  white-space: nowrap;
}
#agenda table thead th {
  background: #016eb3;
  color: white;
}
#agenda .odd {
  background: #cbe2ac;
}

#agenda_item table {
  width: 100%;
  border-collapse: collapse;
}
#agenda_item table th {
  text-align: left;
  white-space: nowrap;
}

#beeldbank form {
  clear: both;
}
#beeldbank .filename {
  display: none;
}
#beeldbankform label {
  width: auto;
}
#beeldbankform #tags {
  margin-right: 2px;
}
#beeldbankform .button {
  background: #13467C;
  border: 0;
  color: white;
}
#beeldbank .title, #beeldbank .filename {
  margin: 0;
  padding: 0;
}
#beeldbank .results {
  margin: 0;
  padding: 16px 0 0;
  clear: both;
}
#beeldbank img {
  margin: 0;
}
#beeldbank .img {
  float: left;
  width: 355px;
  margin: 0 35px 20px 0;
}
#beeldbank .img p, #beeldbank .img ul {
  margin-left: 190px;
}
#beeldbank .imglarge div {
  background: white;
}
#beeldbank .title {
  font-weight: bold;
}
#beeldbank .tags {
  padding-top: 16px;
  margin-bottom: 0;
  font-weight: bold;
}
#beeldbank div.img a {
  background: white;
  float: left;
  border: 1px solid white;
}

#beeldbank .imglarge ul, #beeldbank .imglarge li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#beeldbank .imglarge p, #beeldbank .imglarge ul {
  margin-left: 365px;
}
#beeldbank .imglarge .explain {
  margin-top: 16px;
  font-weight: bold;
}

#news {
  position: absolute;
  top: 10%;
  left: 10%;
}
#shadow {
  width: 312px;
  height: 312px;
}
#news div {
  position: absolute;
  left: 0;
  top: 0;
  width: 266px;
  height: 211px;
  background: #054f8e url(gfx/popup_animatie.gif) 0 0 no-repeat;
  color: white;
  padding: 71px 16px 16px;
  color: white;
  font: 12px/1.2em Helvetica, Arial, Verdana, Helvetica, sans-serif;
  border: 1px solid white;
}
#news h2 {
  font-size: 12px;
  margin-bottom: 8px;
}
#news p {
  font-size: 10px;
  margin: 4px 0;
}
#news a {
  color: white;
}
#sluit {
  position: absolute;
  right: 10px;
  bottom: 10px;
}