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: 450px; height: 250px; background: red; 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -100px;
                 left: 20px;
                }
  #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: -480px;
                left: 140px;
                }
  #box-ikwilmarnix1 { width: 200px; height: 200px; background-image:url('../images/verschuifmij-200-200.gif'); 
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 16px;
                 top: -370px;
                 left: 480px;
                }
  #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: -760px;
                 left: 650px;
                }
  #box-blauw1 { width: 170px; height: 110px; background-image:url('../images/opendag-1_170-110.gif');
                 font-family: Arial, Helvetica, sans-serif;

                 top: -1363px;
                 left: 800px;
                }
  
  #box-foto1  {width: 500px; height: 350px; 
               background-repeat:no-repeat;
               font-family: Arial, Helvetica, sans-serif;
               font-size: 16px;
               top: 50px;
               left: 170px;
                }
  #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: -770px;
                 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;
      }