/* layout en opmaak */
body {
  text-align: center;
  background-color: rgb(255,255,255);
  margin-top: 0px;
}

div#container {
  position: relative; 
  width: 990px;
  height: 727px;
  margin: 0 auto;
  text-align: left;
  background-image: url('../images/background.jpg');
  background-position: top;
  background-repeat: no-repeat;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: rgb(255,255,255);
}

div#copyright {
  position: absolute;
  top: 685px;
  left: 775px;
  width: 193px;
  float: left;
  font-size: 9px;
  color: rgb(255,255,255);
}

div#copyright a {
  color: rgb(255,255,255);
  text-decoration: none;  
}

div#copyright a:hover {
  text-decoration: underline;  
}

div#footer {
  position: absolute;
  top: 710px;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  color: rgb(19,54,90);
  text-align: center;
}

div#footer a {
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div#f1 {
  margin-left: 96px;
  width: 160px;
  float: left;
}

div#f2 {
  width: 148px;
  float: left;
}

div#f3 {
  width: 106px;
  float: left;
}

div#f4 {
  width: 208px;
  float: left;
}

div#f5 {
  width: 175px;
  float: left;
}

div.row {
  clear: both;
}

img.fll {
  float: left; 
  margin: 0px; 
  margin-right: 8px;
  margin-bottom: 20px;
}

img.flr {
  float: right; 
  margin: 0px; 
  margin-left: 4px;
}

img.flr2 {
  float: right; 
  margin: 0px; 
  margin-left: 4px;
  margin-right: 200px;
}

div.hidden {
  display: none;  
}

a {
  color: rgb(0,85,165);
}

a img {
  border: 0px;
}

th {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px dashed rgb(0,85,165);
}

td#vwo_td {
  width: 200px;
}

/* langskomen positie, hoogte en breedte */
div#langskomen {
  position: absolute;
  left: 45px;
  top: 140px;
}

div.lk_b {
  width: 120px;
}

div.lk_h {
  height: 37px;
}

div#langskomen_popup {
  position: absolute;
  left: 40px;
  top: 120px;
  z-index: 100;
}

/* vraag positie, hoogte en breedte */
div#vraag {
  position: absolute;
  left: 240px;
  top: 105px;
  color: rgb(0,85,165);
}

div.v_b {
  width: 110px;
}

div.v_h {
  height: 37px;
}

div.v_p {
  background-position: 55px;
}

div#vraag_popup {
  position: absolute;
  left: 220px;
  top: 100px;
  z-index: 100;
}

/* brugklas positie, hoogte en breedte */
div#brugklas {
  position: absolute;
  left: 490px;
  top: 125px;
}

div.b_b {
  width: 100px;
}

div.b_h {
  height: 50px;
}

div.b_p {
  background-position: 15px;
}

div#brugklas_popup {
  position: absolute;
  left: 350px;
  top: 120px;
  z-index: 100;
}

/* jaaragenda positie, hoogte en breedte */
div#jaaragenda {
  position: absolute;
  left: 10px;
  top: 310px;
}

div.ja_b {
  width: 165px;
}

div.ja_h {
  height: 37px;
}

div.ja_p {
  background-position: 55px;
}

div#jaaragenda_popup {
  position: absolute;
  left: 20px;
  top: 200px;
  z-index: 100;
}

/* talent positie, hoogte en breedte */
div#talent {
  position: absolute;
  left: 370px;
  top: 275px;
}

div.t_b {
  width: 160px;
}

div.t_h {
  height: 37px;
  line-height: 37px;
}

div#talent_popup {
  position: absolute;
  left: 300px;
  top: 200px;
  z-index: 100;
}

/* pauzes positie, hoogte en breedte */
div#pauzes {
  position: absolute;
  left: 555px;
  top: 225px;
  color: rgb(0,85,165);
}

div.p_b {
  width: 110px;
}

div.p_h {
  height: 37px;
}

div.p_p {
  background-position: 40px;
}

div#pauzes_popup {
  position: absolute;
  left: 450px;
  top: 150px;
  z-index: 100;
}

/* vakken positie, hoogte en breedte */
div#vakken {
  position: absolute;
  left: 700px;
  top: 235px;
}

div.vk_b {
  width: 125px;
}

div.vk_h {
  height: 50px;
}

div.vk_p {
  background-position: 55px;
}

div#vakken_popup {
  position: absolute;
  left: 600px;
  top: 160px;
  z-index: 100;
}

/* google positie, hoogte en breedte */
div#google {
  position: absolute;
  left: 810px;
  top: 150px;
}

div.g_b {
  width: 145px;
}

div.g_h {
  height: 50px;
}

div#google_popup {
  position: absolute;
  left: 630px;
  top: 110px;
  z-index: 100;
}

/* pastbijjou positie, hoogte en breedte */
div#pastbijjou {
  position: absolute;
  left: 570px;
  top: 415px;
}

div.ps_b {
  width: 200px;
}

div.ps_h {
  height: 37px;
  line-height: 37px;
}

div.ps_p {
  background-position: 25px;
}

div#pastbijjou_popup {
  position: absolute;
  left: 530px;
  top: 310px;
  z-index: 100;
}

/* foto's positie, hoogte en breedte */
div#fotos {
  position: absolute;
  left: 40px;
  top: 585px;
  color: rgb(0,85,165);
}

div.ft_b {
  width: 145px;
}

div.ft_h {
  height: 54px;
}

div.ft_p {
  background-position: 60px;
}

div#fotos_popup {
  position: absolute;
  left: 10px;
  top: 420px;
  z-index: 100;
}

/* filmpje positie, hoogte en breedte */
div#filmpje {
  position: absolute;
  left: 320px;
  top: 550px;
}

div.f_b {
  width: 165px;
}

div.f_h {
  height: 50px;
}

div#filmpje_popup {
  position: absolute;
  left: 320px;
  top: 400px;
  z-index: 100;
}

/* vwo+ positie, hoogte en breedte */
div#vwo {
  position: absolute;
  left: 660px;
  top: 605px;
  color: rgb(0,85,165);
}

div.vwo_b {
  width: 145px;
}

div.vwo_h {
  height: 45px;
}

div.vwo_p {
}

div#vwo_popup {
  position: absolute;
  left: 520px;
  top: 400px;
  z-index: 100;
}

