body{
  text-align:left;
    height:100%;
    padding:0px;
    margin:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#CCCCCC;
    background:#171717;
    overflow:auto;
    }
A:link{
      color:#cccccc;
      text-decoration: underline
    }
A:visited{
      color:#bbbbbb;
        text-decoration: underline
    }
A:hover{
      color:#ff0000;
        text-decoration: underline
    }

#site{
  margin:0 auto;
    min-height:1000px;
  padding:0px;
  border-width: 7px;
  border-style: ridge;
  border-color: #646464;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  height:100%;
    overflow:auto;
    }

#header{
  position: relative;
  margin:0px auto;
  padding:0px 0px 0px 0px;
  height: 244px;
  width: 221px;
  background: url(../images/tegelzetteramstelveen.jpg)
              no-repeat center center;
  background-size: cover;
  }

#leftPanel{
  margin:0px auto;
  padding:0px 0px 0px 0px;
  float: left;
  width: 221px;
    height:100%;

  }

#rightPanel{
  float: left;
  width: 650px;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 40px;
margin-bottom: 30px;
    }

ul#navigation{
  float: left;
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  width: 160px;
  padding: 10px;
  border-right: 1px solid #646464;
  border-bottom: 1px solid #646464;
  }

ul#navigation td{
  list-style:none;
    }
ul#navigation a:hover{
  border-top:1px solid #888888;
  border-bottom:1px solid #888888;
  color:#9999ff;
    }
ul#navigation td a{
  color:#FFFFFF;
  text-decoration:none;
  width:auto;
  font-size:15px;
  line-height:36px;
  }

ul#navigation td.menuh {
  width:auto;
  text-decoration:none;
  padding:2px 3px;
  background:url('../images/menuside.png');

    }

ul#navigation td.menuht {
  text-decoration:none;
  padding:0px 0px 0px 0px;
    }

ul#navigation td.menuh a{
  color:#444444;
    text-decoration:none;
    width:auto;
    font-size:14px;
    line-height:16px;
    padding:0px 0px 0px 0px;
    }

ul#navigation td.menuh a:hover{
  border: 0px;
  color:#9999ff;
  }

ul#navigation td a.current{
  text-decoration:none;
    font-size:16px;
    line-height:38px;
    font-weight:bold;
    }

ul#navigation td.menuu {
  text-decoration:none;
  padding:20px 0px 0px 60px;
    }

#latestUpdate {
  font-size:15px;
    font-weight:normal;
    color:#FFFFFF;
    text-decoration:none;
    padding:20px 0px 0px 24px;
    }

#latestUpdate h3{
  font-weight:normal;
    font-size:15px;
    display:block;
    height:36px;
    padding:0px 0px 0px 24px;
    margin:0px;
    }

#latestUpdate span{
  font-weight:bold;
    font-size:15px;
    padding:0px 0px 0px 3px;
    }


ul#navigation td.menuu a{
  color:#9999ff;
    text-decoration:none;
    width:auto;
    font-size:11px;
    line-height:13px;
    padding:0px 0px 0px 0px;
    }

#banner {
  font:bold 24px Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    display:block;
    height:80px;
    width:682px;
    margin:00px;
    padding:20px 0px 0px 125px;
    text-align:left;
    }

#bodyContent{
    text-align:left;
    margin:0px;
    padding:0px 0px 0px 5px;
    }

#bodyContent h1{
  font-size:18px;
    font-weight:bold;
    text-decoration:none;
    padding:0px 0px 0px 0px;
    margin:0px;
    }

#content{
  font-size:14px;
    display:block;
    height:100%;
    margin:9px 0px 0px 5px;
    padding:5px 35px 0px 2px;
    }

#content p{
  margin:0px;
    padding:0px 0px 15px 0px;
    }

#content ul{
  margin:0px;
    padding:0px 0px 0px 14px;
    }

#content li{
  margin:0px;
    padding:5px 0px 5px 5px;
    }

#content td{
  margin:0px;
    padding:12px 14px 12 14px;
    }

.fadein { position:relative; height:480px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }