/* versie 1.0 dec 2006 */
/* lichtblauw  #bcd4fb;  */
/* donkerblauw #00008e;  */
/* lichtgeel   #fefee4;  */
/* roodbruin   #8d0000;  */

/* bg_strook breedte: 126 + 2 * 26 = 178 */
/* margin links voor content 178 + 26 = 204 */


  body { 
background     : #bcd4fb url(bg/bg_waterstraal178egaal.jpg) top left;
color          : #00008e; /* donkerblauw */
font-family    : corbel,verdana,arial,sans-serif; /* voor koppen en navigatie */
font-size      : 96%;
margin         : 0 26px; /* strook links en rechts */
padding        : 0 0 0 0px;
  }

  a:link, a:visited {
color           :inherit;
  }

  a img {
border          : 0;
}

  #alles {
background     : transparent url(bg/bg_navigatie03.jpg) top right repeat-y; 
  }

  #kop, #voet {
background     : #00008e url(bg/bg_blauwe_balk.jpg) top left no-repeat; 
color          : #bcd4fb; /* lichtblauw */ 
height         : 26px;
margin         : 0;
padding        : 0px;
  }

  #kop {
text-align     : right;
  }

  #voet {
clear          : both;
text-align     : left;
  }

  h6 {
font-size      : 120%;
/*font-weight    : bold;*/
letter-spacing : 0.1em;
margin         : 0 0 0 0px;
padding        : 4px;
text-transform : uppercase;
}

  #sitemeter {
float          : right;
}

  #links {  
background     : transparent url(bg/bg_navigatie03.jpg) repeat-y;
color          : #9cf;
float          : left;
margin         : 0;
padding        : 0px 26px 0px 0px;
width          : 152px;
border-style   : none;
border-color   : red; 
border-width   : 1px;
}

  #links p {
margin         : 0; /* geen ruimte onder en boven */
}

  #links a img {
display        : inline; /* om ruimte voor staarten te verwijderen */
}

  #links img {
display        : block; /* om ruimte voor staarten te verwijderen */
}

  #rechts {
float          : right;
margin         : 0px 0 0 26px;
}

  #midden {
background     : #ddeafb;   /* #ddeafb is het lichtblauw van de strook */
background     : transparent;
border-style   : none;
border-color   : #00008e; 
border-width   : 1px 1px 1px 1px;
padding        : 3px 26px 26px 26px;
margin         : 0 178px 0px 178px;
max-width      : 60em;
}

  h1 {
border-style   : solid;
border-color   : #00008e; 
border-width   : 0px 0px 0px 0px;
color          : #00008e;  
font-size      : 200%;
/*font-weight    : bold;*/
line-height    : 90%;
margin         : 0;
padding        : 13px 0 0px 0px;
}

  h2 {
border-style   : solid;
border-color   : #00008e; 
border-width   : 0px 0px 0px 0px;
color          : #8f0000;   
font-size      : 120%;
font-weight    : bold;
margin         : 1em 0 0px 0px;
padding        : 3px 0 3px 0px;
}

  #midden p, #midden ul {
font-family    : constantia,georgia,serif;
line-height    : 130%;
margin         : 0.5em 0% 0.5em 10%;
}

  .rand {
float          : left;
margin         : 0 5px 0 0
}

/* ================== NAV ================ */
  #nav {
/*background     : #bcd4fb; /* lichtblauw */
margin         : 0 0 0 0px;
padding        : 0px;
}

  #nav ul{
list-style     : none none;
margin         : 0;
padding        : 0;
text-decoration: none;
}

  #nav li{
list-style     : none;
margin         : 0 0 0 0px;
padding        : 0px;
}

  #nav a {
border-style   : solid;
border-color   : #00008d; 
border-width   : 0px 0px 0px 0;
display        : block; /* om verticale margin en padding te kunnen geven */
margin         : 0 0 0 0;
padding        : 7px 0px 7px 28px;
text-decoration: none;
text-align     : left;
}

  #nav a:link {
background     : transparent url(bg/rondje_donkerblauw.jpg) center right no-repeat; 
color          : #00008e;
text-decoration: none;
}

  #nav a:visited {
background     : transparent url(bg/rondje_lichtblauw.jpg) center right no-repeat; 
border-color   : #bcd4fb; 
color          : #00008e;
}

  #nav a:hover {
background     : #f0f4ff url(bg/rondje_lichtblauw.jpg) center right no-repeat; 
                 /*#f0f4ff is lichtsblauw*/
}

  #nav #hier {
background     : #dde9fd; /*dde9fd is lichtblauw*/
color          : #8d0000;
cursor         : default;
font-weight    : bold;
}