body {
  background-color: transparent; /* IE otherwise no midden.gif background*/

  background-attachment : fixed;
  margin: 0px;
  padding: 0px;

  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: black;

  text-align: center; /* IE */
}

.plain, table, td, p, tr {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: black;
  font-weight: normal;
  text-align: left;
}

.kop1 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 16px;
  font-weight : bold;
  color: #669900;
  text-align: left;
  vertical-align: top;
}

.kop2 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 12px;
  font-weight : bold;
  color : #669900;
  text-align: left;
  vertical-align: top;
}

.kop3 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 12px;
  font-style : italic;
  font-weight : normal;
  color : #669900;
  text-align: left;
  vertical-align: top;
}

.kop4 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 11px;
  color : #004D00;
  font-style : normal;
  font-weight : bold;
  text-align: left;
  vertical-align: top;
}

h1 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 16px;
  font-weight : bold;
  color: #669900;
  text-align: left;
  vertical-align: top;
}

h2 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 12px;
  font-weight : bold;
  color : #669900;
  text-align: left;
  vertical-align: top;
}

h3 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 12px;
  font-style : italic;
  font-weight : normal;
  color : #669900;
  text-align: left;
  vertical-align: top;
}

h4 {
  font-family : Verdana, Arial, Helvetica;
  font-size : 11px;
  color : #004D00;
  font-style : normal;
  font-weight : bold;
  text-align: left;
  vertical-align: top;
}

.bijschrift {
  font-family : Verdana, Arial, Helvetica;
  font-size : 10px;
  color: #999999; 
}

.languagebar {
  background-color: #362D1F;
  color: #FFFFFF;
}

.buttonsubmenulink, .buttonsubmenulink:visited, .buttonsubmenulink:active {
  font: 11px Verdana, Arial,  Helvetica; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; }

.buttonsubmenulink:hover {
  font: 11px Verdana, Arial, Helvetica; color: black; font-weight: normal; text-decoration: none; letter-spacing: 0px; }

a, a:visited, a:active {
  font: 11px Verdana, Arial, Helvetica; color: #0066CC; font-weight: normal; text-decoration: none; }

a:hover {
  font: 11px Verdana, Arial, Helvetica; color: #FF0000; font-weight: normal; text-decoration: none; }

.submitknop {
  font-family : Verdana, Arial, Helvetica;
  font-size: 11px;
  width: 22px;
  height: 19px;
  padding-top : 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
}

/* MENU STYLES */

.div_menu {
}

.div_menuitem {
  background-color: #009CB8;
  font-weight: bold;
  width: 150px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 3px;
}

.div_menuitem_hover {
  background-color: #59AEC7;
  font-weight: bold;
  width: 150px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 3px;
}

a.menulink:link, a.menulink:hover, a.menulink:active, a.menulink:visited {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  outline:0;
}

.div_submenu {
  position: absolute;
  left: -1000px;
  top: -1000px;
  padding-left: 5px;
  padding-bottom: 5px;
}

/* index.html *************************************************** */

/* First table container 
   using up all available space on the screen */
table.container1 {
  width: 100%;
  height: 100%; 
  border: 0px none;
  background-color: #000066; /* blue: The left and right margins */
  /* padding: 0px, 0px, 0px, 0px; /** cellpadding=0 */
  /* border-spacing: 0; /** cellspacing=0 */
}

/** The only column in the table
needs center alignment for IE only */
td.container1-main-column
{
  text-align: center;
}

/* Second table container 
    width 920 
    contains 3 columns 
    First is menu:  170 
    Second is content 940 - (170+75) = 675
    Third is right image 75*/
table.container2 {
  width: 920px;
  height: 100%; 
  border: 0px none;
  background-color: #FFFFFF; /* grey: Necessary? */
  margin: 0px auto;
  text-align: left;
  /* cellpadding=0 */
  /* cellspacing=0 */
}

/* The blue horizontal first line */
tr.spacer {
  background-color: #000066; /* blue */
  height: 10px;
}

img.spacer-menu {
  width: 170px; 
  height: 1px;
  border: 0px none;
}

/** TODO Nakijken! Wat doet de padding? */
td.spacer-content {
  width: 100%;
  padding-left: 20px;
}

img.spacer-rechts {
  width: 75px;
  height: 1px;
  border: 0px none;
}
/* End The blue horizontal first line */

/* Start Top.gif is 920x115 */
td.background-image-top {
  height: 115px;
  background-image: url('../background/top-920.gif');
}
/* End Top.gif is 920x115 */

/** Start defining the three columns in index.html*/

/** Prevent the menu from touching top.gif */
img.menu-vertical-spacer {
  width: 1px;
  height: 71px;
  border: 0px none;
}

/* 170x2000: linkerzijde img */
td.menu-column {
  width: 170px;
  background-color: #FFFFFF; /** grey */
  background-image: url('../background/linkerzijde-920-170.gif');
  vertical-align: top; /* otherwise menu moves to bottom */
  border: 0px none;
}

/** The content in index.html containing the iframe */
td.content-column {
  height: 100%;
  vertical-align: top;
}

/* Midden.gif, 675*3000. Contains iframe
  for content in the white part and photo/text in the right green part
*/
div.content-div
{
  width: 675px;
  height: 100%;
  background-image: url('../background/midden-920-675.gif');
  background-position: top;
  background-repeat: none;
  border: 0px none;
}

iframe.content-iframe{
  width: 675px;/* 675; */
  height: 100%;
/*
  Too much IE bugs...
marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling="auto"
*/
} 

/** blauw-groene balk rechts */
td.right-column {
  width: 75px;
  background-color: #009CB8; /** light blue */
  vertical-align: top;
  background-image: url('../background/rechts-920-75.gif'); 
  background-repeat: no-repeat;
  border: 0px none;
}
/** End defining the three columns in index.html*/

/* End index.html *************************************************** */

/** 

Start content styles 675 according to iframe 

Midden.gif(675x3000) Groen deel is 235px. 
De derde kolom neemt 215 in (waarom???), er blijft 20 px over voor de scrollbar rechts 
Ergo het witte deel is 440 (675-20-215). 
Kolom2 rechter spacer in het wit is 20.
Blijft over 420 voor content,
met als echte content 410 (padding!)
*/
table.content-inner-table {
  width: 655; /* leave 20 px for scrollbar */
  height: 100%;
  border: 0px none;
  /* cellpadding="5" cellspacing="0" */
}

/* Tussenruimte tussen content links en het groene blok rechts */
.tussenruimte {
  width: 10px; /* 20 px Note seperation between white content and the green */
  height: 65px;/* Note: this pushes the content down from top.gif, alike img.menu-vertical-spacer*/
  border: 0px none;
}

/* Het groene blok rechts */
.beeld {
  width: 200px;
  text-align: left;
  vertical-align: top;
  border: 0px none;
}

/* Bijschrift onder een foto gecentreerd */
p.bijschrift-center {
  font-family : Verdana, Arial, Helvetica;
  font-size : 10px;
  color: #999999; 

  text-align: center;
}

/* open middag home */
img.beeld-a4-aankondiging
{
  width: 165px; 
  height: 234px;
}

/* open middag in agenda */
img.a4-aankondiging
{
  width: 250px;
  height: 354px;
  border: 0px none;
  margin-left: none;
}

/**
  Foto's in 4:3 formaat ter rechterzijde */
img.beeld-foto-4-3
{
  width: 180px; 
  height: 135px;
}

/**
  Foto's in 3:4 formaat ter rechterzijde */
img.beeld-foto-3-4
{
  width: 135px; 
  height: 180px;
}

/**
  Foto's in 3:4 formaat ter rechterzijde */
img.beeld-foto-3-4-klein
{
  width: 118px; 
  height: 157px;
}

/**
  Foto's in 1:1 formaat ter rechterzijde */
img.beeld-foto-1-1
{
  width: 150px; 
  height: 150px;
}

/* Schoolkrant */
td.schoolkrant-preview
{
  text-align: center; /* IE */
  vertical-align: top;
}

div.schoolkrant-preview
{
  border: 0px solid #999; 
  margin: 0px auto;
}

img.schoolkrant-preview
{
  width: 192px;
  height: 271px;
}

img.beeld-schoolkrant-tnb
{
  width: 38px;
}
/* End Schoolkrant */

/** Leerlingen */
td.foto-leerling-advertenties
{
  text-align: center; /* IE */
  vertical-align: top;
}

a.leerling-advertenties-slideshow
{
  margin: 0px 0px 0px 55px; 
}

div.foto-leerling-advertenties
{
  border: 0px solid #999; 
  margin: 0px auto;
}

img.foto-leerling-advertenties
{
  width: 192px; 
  height: 271px;
}

img.foto-leerling-advertenties-tbn
{
  width: 38px;
}
/** End Leerlingen */

/** Foto's **/
a.gallery-slideshow
{
  margin: 0px 0px 0px 80px;
}

div.foto-gallery
{
  border: 0px none; 
  margin: 0px;
}

img.foto-gallery
{
  width: 380;/*320; */
  height: 285;/*240;*/
  border: 0px none;
}

img.foto-gallery-tbn
{
  width: 72px;
}
/** End Foto's **/

/** Filocafe */
img.filo-bullet
{
  width: 16; 
  height: 9;
}
/** End Filocafe */

/** Scholen **/
img.scholen-spacer 
{
  height: 8;
}

a.scholen
{
  font-size: 16px;
}

img.scholen-klein
{
  width: 129px; 
  border: 0px none;
}

img.scholen-groot
{
  width: 257px; 
  border: 0px none;
}
/** End Scholen **/

/** Websites **/
img.websites-spacer 
{
  height: 8px;
}

object.websites
{
  width: 334px; 
  height: 326px;
}
/** End Websites **/

/** begeleiders */
div.begeleiders-marty
{
  height: 300px;
}
div.begeleiders-myriam
{
  height: 300px;
}
div.begeleiders-claartje
{
  height: 300px;
}

img.beeld-docenten-advertentie
{
  width: 131px;
  height: 185px;
}
/** End begeleiders */

/** bestuurders */
div.bestuur-overzicht
{
  height: 430px;
}
div.bestuurslid-peter
{
  height: 370px;
}
div.bestuurslid-ans
{
  height: 370px;
}
/** End bestuurders */

/** Onderwijsinspectie **/
img.onderwijsinspectie
{
  height: 64px;
  width: 157px;
}

/* TODO Literatuur.html, bevat images van boeken */

/** home.html */
div.home-table {
  text-align: center; /* IE */
  width: auto;
}

div.home-table div.home-table-row {
  margin: 0px auto 0px auto;
  text-align: center; 
  width: 100%;
}

/**
 Add 8 procent margin to the right */
div.home-table * div.home-table-cell-left{
  border: 0px none; 
  float: left; 
  margin: 0px 8% 0px 0px;
  width: 35%;
}

div.home-table * div.home-table-cell-right {
  border: 0px none; 
  float: left; 
  width: 55%;
}

div.home-table * div.space-line {
  clear: both; 
  margin: 0px; 
  width: auto;
}

div.home-table * img.home-foto-gallery-tbn
{
  width: 120px;
  height: 90px;
  margin: 0px auto;
}

div.home-table * div.schoollied{
  float: left;
}

div.home-table * img.schoollied{
  width: 50px; /*66px;*/
}
/** End home.html */