body 
      {
         background-image:url('../images/achtergrond.jpg');
         margin: 0 0 0 0;
      }
#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
width: 12em;
border-right: 1px solid #FCCE04;
padding: 0;
margin-bottom: 1em;
background-color: #FCCE04;
color: #FCCE04;
}

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

#navigatie ul li {
margin: 0;
border-top: 1px solid #;
}

#navigatie ul li a {
display: block;
padding: 2px 2px 2px 4px;
border-left: 10px solid #FCCE04;
border-right: 1px solid #FCCE04;
border-bottom: 1px solid #FCCE04;
background-color: #FCCE04;
color: #000000;
text-decoration: none;
width: 100%;
}

html>body #navigatie ul li a {
width: auto;
}

#navigatie ul li a:hover {
border-left: 10px solid #FFFF00;
border-right: 1px solid #FCCE04;
border-bottom: 1px solid #FFFF00;
background-color: #FFFF00;
color: #FF0000;
}

      #box { width: 980px; height:600px; margin-left: auto;  margin-right: auto; margin-top: 0}

  #box-rood1 { width: 550px; height: 317px; background: red; 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -630px;
                 left: 220px;
                }
  #box-geel1 { width: 121px; height: 148px; background-image:url('../images/menu-1_121-148.gif'); 
                font-family: Arial, Helvetica, sans-serif;
                font-size: 16px;
                top: -820px;
                left: 105px;
                }
  #box-ikwilmarnix1 { width: 170px; height: 150px; background-image:url('../images/ikwilmarnix-1_170-150.gif'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -1430px;
                 left: 740px;
                }
  #box-oranje1 { width: 160px; height: 160px; background-image:url('../images/quizz-1_160-160.gif'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -1110px;
                 left: 40px;
                }
  #box-blauw1 { width: 170px; height: 110px; background-image:url('../images/opendag-1_170-110.gif'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -1780px;
                 left: 800px;
                }
  #box-pol1 { width: 170px; height: 220px; background-image:url('../images/poll_1-170-220.gif');
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -1270px;
                 left: 820px;
                }
  #box-pasfoto1 { width: 160px; height: 180px; background-image:url('../images/pasfoto-6_160-180.png'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: 50px;
                 left: 30px;
                }
  #box-pasfoto2 { width: 160px; height: 180px; background-image:url('../images/pasfoto-7_160-180.png'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -130px;
                 left: 210px;
                }
  #box-pasfoto3 { width: 160px; height: 180px; background-image:url('../images/pasfoto-8_160-180.png'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -310px;
                 left: 390px;
                }
  #box-pasfoto4 { width: 160px; height: 180px; background-image:url('../images/pasfoto-9_160-180.png'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -490px;
                 left: 570px;
                }
  #box-pasfoto5 { width: 160px; height: 180px; background-image:url('../images/pasfoto-0_160-180.png'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -670px;
                 left: 750px;
                }
      .style1
      {
          height: 10px;
      }
      .style2
      {
          color: #FFFFFF;
      }
      .style3
      {
          color: #FFFFFF;
          font-weight: bold;
      }
      .style4
      {
          color: #FFFFFF;
          font-size: 34pt;
          font-family: Arial;
      }
      .style5
      {
          color: #FFFFFF;
          font-size: xx-large;
      }
      .style6
      {
          color: #FFCC00;
          font-weight: bold;
      }
      .style7
      {
          color: #FFFFFF;
          font-size: 26pt;
      }
      .style8
      {
          text-align: center;
      }
      .style9
      {
          font-size: medium;
          font-weight: bold;
      }
      .style10
      {
          color: #FFCC00;
      }
      .style11
      {
          font-weight: bold;
      }