body {
  margin: 0 auto;
  width: 750px;
  background-color: #ccc;
}

#container {
  margin-top: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9.5pt;
  line-height: 133%;
}

#banner
{
width: 750px;
height: 100px;
margin-bottom: 5px;
background-image: url(../images/banner.jpg);
}

.kop {
  color: #000;
  font-size: 125%;
  font-weight: bolder;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  border-bottom: 1px solid #003640;  
}

#content
{
float: left;
width: 548px;
border: 1px solid #333;
background-color: #fcfcfc;
}

#content a {
  color: #DD544E;
  font-weight: bold;
  text-decoration: none;
}

#foto
{
float: right;
}

#informatie
{
margin: 5px;
}

#informatie a {
  color: #DD544E;
  font-weight: bold;
  text-decoration: none;
}

#informatie a:hover {
  text-decoration: underline;
}


#navcontainer {
  float: left;
  width: 200px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
}

#navcontainer li {
  margin: 0 0 3px 0;
  padding: 0;
}

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #999;
background-image: url(../images/button_back.jpg);
}

#navcontainer a:link, #navlist a:visited
{
color: #696969;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(../images/button_back_over.jpg);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(../images/button_back_over.jpg);
color: #333;
}

.hiddenPic {
display:none;
}