/* ************************************ */
/*  kleuren                             */
/* ************************************ */
/* Achtergrond/wit: #FFFFFF;            */
/* Donker-roze:     #A67A79;            */
/* Licht-roze:      #CAAEAD;            */
/* Donker-blauw:    #214973;            */
/* Licht-blauw:     #3169A6;            */
/* Rood / header:   #EA0032;            */
/* zwart:           #000000;            */
/* ************************************ */

body {
  background: #D5ACAC url(/prodimages/main-bg_ceres.jpg) top left repeat;
  color: #FFFFFF;
  overflow: scroll;
  padding: 20px 0px 0px 0px;
  margin: 0px;
  text-align: center;
}

/* ************************************ */
/*  div-containers                      */
/* ************************************ */

#container {
  float: none;
  position: relative;
  color: #214973;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  width: 846px;
  border: 0px solid #000000;
}


#header1 {
  position: relative;
  color: #214973;
  height: 24px;
  padding: 0px;
  margin: 0px 10px 0px 0px;
}

#header2 {
  background: #214973 url(/prodimages/bg-header5.jpg) top left no-repeat;
  height: 109px;
  max-height: 22px;
  margin: 0px 0px 5px 0px;
  padding: 83px 0px 0px 0px;
  border: 2px solid #214973;
}

#main {
  background: #FFFFFF url(/prodimages/bg-main.gif) top left repeat-y;
  line-height: 18px;
  word-spacing: 1px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 5px 0px;
  border-bottom: 2px solid #214973;
}

#main td {
  line-height: 18px;
  word-spacing: 1px;
  vertical-align: top;
}

#links, #rechts {
  float: left;
  width: 177px;
  margin: 0px;
  line-height: 18px;
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  font-weight: normal;
  color: #214973;
  overflow: hidden;
}

#links ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

#links ul li ul {
  margin: 4px 0px 0px 0px;
  list-style-type: none;
  padding: 0px;
}

#links li {
  line-height: 100%;
  color: #214973;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 8px 0px;
}

#links li a {
  font-family: arial, sans-serif, verdana;
  color: #214973;
  word-spacing: 1px;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

#links li a:hover{
  color: #737373;
  text-decoration: underline;
}

#links li a.over {
  color: #737373;
  font-weight: bold;
}

#links li a.over:hover{
  font-weight: normal;
}

#links a.nws{
  text-decoration: none;
  font-weight: bold;
}

#content {
  float: left;
  width: 492px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#content, #content td {
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  font-weight: normal;
  color: #214973;
  line-height: 18px;
}

#content ul, #content td ul {
  list-style-type: square;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 25px;
}

#content a, #content td a {
  color: #214973;
  text-decoration: underline;
}

#content a:hover, #content td a:hover {
  color: #737373;
  text-decoration: none;
}

#content div.newsdate {
  color: #737373;
  font-style: italic;
  font-size: 10px;
  text-align: right;
  padding: 0px 10px 20px 0px;
}

#content p span sup {
  font-size: 10px;
}


#footer1 {
  height: 23px;
  max-height: 18px;
  background-color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  word-spacing: 1px;
  padding: 5px 5px 0px 5px;
}

#footer2 {
  width: 846px;
  max-width: 826px;
  font-family: arial, sans-serif, verdana;
  font-size: 10px;
  font-weight: normal;
  color: #214973;
  word-spacing: 1px;
  padding: 8px 10px 0px 10px;
  margin: 0px 0px 20px 0px;
}


/* ************************************ */
/*  list-items, links & hovers          */
/* ************************************ */

#header1 ul {
  position: absolute;
  right: 0px;
  margin: 0px;
  list-style: none;
  padding: 0px;
}

#header1 li {
  float: left;
  padding: 0px;
}

#header1 li.sep {
  font-family: arial, sans-serif, verdana;
  color: #888888;
  font-size: 11px;
  font-weight: normal;
  padding: 5px 6px 0px 6px;
}

#header1 li a {
  font-family: arial, sans-serif, verdana;
  color: #214973;
  word-spacing: 1px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}
#header1 li a:hover{
  text-decoration: underline;
}

#header2 ul{
  margin: 0px;
  list-style: none;
  padding: 0px;
}

#header2 li{
  float: left;
  background: #214973;
  color: #FFFFFF;
  height: 22px;
  max-height: 20px;
  padding-top: 2px;
}

#header2 li.db{
  background: #214973;
  padding: 2px 8px 0px 8px;
}

#header2 li.dbend{
  width: 120px;
  background: #FFFFFF url(/prodimages/dbend.jpg) top left repeat-y;
}

#header2 li a{
  font-family: arial, sans-serif, verdana;
  color: #FFFFFF;
  word-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#header2 li a:hover{
  text-decoration: underline;
}



#content p{
  margin: 0px;
  padding: 0px 10px 10px 10px;
  line-height: 20px;
}

#links p, #rechts p {
  font-size: 12px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  line-height: 20px;
}

#links p.meer {
  margin: 0px 5px 8px 5px;
  padding: 0px 5px 8px 0px;
  text-align: right;
  font-size: 11px;
  border-bottom: 1px dashed #3169A6;
}

#rechts p.meer{
  margin: 0px 5px 4px 5px;
  padding: 0px 5px 0px 0px;
  font-size: 11px;
  text-align: right;
}

#links p a, #rechts p a{
  color: #214973;
  text-decoration: underline;
}

#links p a:hover, #rechts p a:hover{
  color: #737373;
  text-decoration: none;
}

#links h1 {
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  padding: 0px 10px 0px 10px;
}

#links h1.links1 {
  width: 100%;
  background-color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  color: #FFFFFF;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 22px;
  max-height: 20px;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

#links h1.links2 {
  width: 100%;
  background-color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  color: #FFFFFF;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 22px;
  max-height: 20px;
  padding: 2px 0px 0px 0px;
  margin: 12px 0px 5px 0px;
}

#links .links3 {
  width: 100%;
  background: url(/prodimages/kop-links3.gif) top left no-repeat;
  height: 6px;
  max-height: 6px;
  padding: 0px;
  margin: 12px 0px 0px 0px;
}

#links h2, #rechts h2 {
  font-size: 12px;
  color: #EA0032;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
}

#content h1.kopcontent {
  width: 100%;
  background-color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  color: #FFFFFF;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 22px;
  max-height: 20px;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  text-transform: lowercase;
}

#content h2 {
  font-size: 14px;
  color: #FE0032;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 0px 10px 10px;
  margin: 0px 0px 0px 0px;
}

#rechts h1.rechts1 {
  width: 100%;
  background-color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  color: #FFFFFF;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 22px;
  max-height: 20px;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

#rechts h1.rechts2 {
  width: 100%;
  background-color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 12px;
  color: #FFFFFF;
  word-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 22px;
  max-height: 20px;
  padding: 2px 0px 0px 0px;
  margin: 12px 0px 5px 0px;
}

#rechts .rechts3 {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 12px 0px;
  border-bottom: 2px solid #214973;
}


/* ************************************ */

#footer1 td {
  text-decoration: none;
  font-family: arial, sans-serif, verdana;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  word-spacing: 1px;
}

#footer1 td a{
  text-decoration: none;
  font-family: arial, sans-serif, verdana;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  word-spacing: 1px;
}

#footer1 td a:hover{
  text-decoration: underline;
}

#footer2 td {
  text-decoration: none;
  font-family: arial, sans-serif, verdana;
  font-size: 11px;
  font-weight: normal;
  color: #214973;
  word-spacing: 1px;
}

#footer2 td a{
  text-decoration: none;
  font-family: arial, sans-serif, verdana;
  font-size: 11px;
  font-weight: normal;
  color: #214973;
  word-spacing: 1px;
}

#footer2 td a:hover{
  text-decoration: underline;
}

#footer2 td span {
  color: #888888;
}

#links p a img {
  margin: 5px 0px 0px 0px;
}


/* *************************************** */
/* ********     KALENDER    ************** */
/* *************************************** */


#rechts table.kalendertable {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
}

#rechts table.kalendertable td {
  color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 8pt;
  font-weight: normal;
  line-height: 20px;
  width: 18px;
  max-width: 16px;
  padding: 0px 2px 4px 0px;
  margin: 0px;
}

#rechts table.kalendertable th {
  color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 8pt;
  font-weight: bold;
  line-height: 20px;
  vertical-align: top;
  padding: 1px 1px 3px 0px;
  margin: 0px;
}

#rechts table.kalendertable th a {
  font-weight: normal;
}

#rechts table.kalendertable th a, #rechts table.kalendertable td a {
  text-decoration: none;
}

#rechts table.kalendertable th a {
  color: #214973;
  font-size: 10pt;
}

#rechts table.kalendertable th a:hover {
  color: #000000;
}

#rechts table.kalendertable td.activiteit {
  background: #FFFFFF url(/prodimages/activiteit.gif) top left no-repeat;
}

#rechts table.kalendertable td.activiteit a {
  width: 16px;
  color: #214973;
}

#rechts table.kalendertable td.vandaag {
  background: #FFFFFF url(/prodimages/vandaag.gif) top left no-repeat;
}

#rechts table.kalendertable td.vandaag a {
  width: 16px;
}

#rechts table.kalendertable td.vandaag a:hover, #rechts table.kalendertable td.activiteit a:hover {
  color: #FFFFFF;
}

#rechts table.kalendertable td.kalenderkop {
  color: #969696;
  text-align: right;
}

#rechts table.kalendertable td.kalenderkop2, #rechts table.kalendertable td.weeknummer {
  width: 12px;
  padding: 2px 0px 2px 0px;
  text-align: left;
  color: #969696;
  font-size: 7pt;
}
#rechts table.kalendertable, #rechts table.kalendertable td.weeknummer {
  vertical-align: bottom;
}
#kaldiv {
  width: 100%;
  padding: 0px 10px 0px 10px;
  color: #214973;
  font-family: arial, sans-serif, verdana;
  font-size: 8pt;
  line-height: 150%;
  font-weight: normal;
  padding-top: 6px;
}

#kaldiv UL {
  list-style-type: square;
  padding: 6px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#kaldiv UL LI {
  padding: 0px 0px 6px 0px;
  line-height: 150%;
}


/************************** overige *************************/

p sup {
  font-size: 7pt;
}

/************************** form *************************/

input {
  font-family: Verdana;
  width: 200px;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  height: 15px;
  color: #6D767F;
  border-left: 1px solid #8BB1D5;
  border-bottom: 1px solid #8BB1D5;
  border-right: 1px solid #8BB1D5;
  border-top: 1px solid #8BB1D5;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 5px;
}

textarea {
  font-family: Verdana;
  width: 200px;
  background-color: #FFFFFF;
  font-size: 11px;
  height: 50px;
  color: #6D767F;
  border-left: 1px solid #8BB1D5;
  border-bottom: 1px solid #8BB1D5;
  border-right: 1px solid #8BB1D5;
  border-top: 1px solid #8BB1D5;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 5px;
  vertical-align: top;
}

.area {
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #6D767F;
  text-align: left;
}

.formbutton {
  width: 70px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 5px;
  height: auto;
  border-left: 1px solid #8BB1D5;
  border-bottom: 1px solid #8BB1D5;
  border-right: 1px solid #8BB1D5;
  border-top: 1px solid #8BB1D5;
  background: #8BB1D5;
  color: #FFFFFF;
  font-size: 10px;
}

.formtexttitel {
  font-weight: normal;
  color: #6D767F;
  text-align: left;
  vertical-align: top;
}

.formright {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.sendform {
  font-family: Verdana;
  background-color: #FFFFFF;
  font-weight: normal;
  font-size: 11px;
  color: #6D767F;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.sendform h1 {
  font-family: Verdana;
  font-weight: normal;
  font-size: 12px;
  color: #8BB1D5;
  text-align: left;
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
}

a.sendform {
  color: #6D767F;
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 1px;
}

a.sendform:hover {
  color: #8BB1D5;
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 1px;
}