html, body {
width: 100%;
height: 100%;
overflow: auto;
margin: 0px;
}
body
{
  background-color: #cccccc;
  scrollbar-base-color: #ffffff;
  scrollbar-arrow-color: #f27b05;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #ffffff;
}
.search {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.search, .search * {
  color: #cccccc; 
}
body, table, td, div, a, span, ul, li {
font-family: Tahoma, Verdana;
font-size: 9px;
color: black;
}
a {
font-weight: bold;
text-decoration: none;
}
img
{
  border: 0px;
}
.gray
{
  color: #8a8989;
}
.bold
{
  font-weight: bold;
}


#page {
position: absolute;
width: 950px;
height: 560px;
top: 50%;
left: 50%;
margin-left: -475px;
margin-top: -325px;
background-color: #ffffff;
}
#top
{
  position: absolute;
  border-bottom: 1px solid #cccccc;
  height: 90px;
  width: 850px;
  left: 50px;
  top: 0px;
}
#logo
{
  background-image: url(layout/logo.jpg);
  background-repeat: no-repeat;
  bottom: 0px;
  left: 0px;
  position: absolute;
  width: 399px;
  height: 70px;
  cursor: pointer;
}

#middle
{
  position: absolute;
  border-bottom: 1px solid #cccccc;
  height: 370px;
  width: 850px;
  left: 50px;
  top: 90px;
}

#middle_intro
{
  position: absolute;
  margin-top: 15px;
  padding-bottom: 15x;
  border-bottom: 1px solid #cccccc;
  height: 405px;
  width: 850px;
  left: 50px;
  top: 80px;  
}

#title
{
  position: absolute;
  top: 20px;
  left: 0px;
  width: 150px;
  height: 25px;
}
#contentarea
{
  position: absolute;
  top: 20px;
  left: 112px;
  height: 300px;
  width: 675px;
}
#content
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 340px;
  padding-bottom: 0px;
  width: 315px;
  padding-right: 18px;
  overflow: auto;
}
#picture
{
  position: absolute;
  top: 0px;
  left: 338px;
  height: 325px;
  width: 400px;
}
#picnav
{
  position: absolute;
  top: 325px;
  left: 338px;
  height: 25px;
  width: 400px; 
}

#bottom
{
  position: absolute;
  height: 100px;
  width: 850px;
  left: 50px;
  top: 460px;
}
#bottom_intro
{
  position: absolute;
  height: 30px;
  width: 850px;
  left: 50px;
  top: 520px;
}
#bottom_intro a
{
  font-family: Arial;
  font-weight: normal;
}
#bottom_intro a:hover
{
  font-family: Arial;
  color: #fd7f00;
}
#menu
{
  position: absolute;
  top: 10px;
  left: 0px;
  width: 300px;
  height: 80px;
  line-height: 15px;
  z-index: 10;
}
.menuitem
{
  color: #8a8989;
  font-weight: normal;
}
.menuitem_on
{
  color: #000000;
  font-weight: normal;
}

#sub
{
  position: absolute;
  width: 150px;
  left: 112px;
  top: 10px;
  height: 80px;
  line-height: 15px;
  background-color: #ffffff;
  z-index: 30;
}
#undersubmenu
{
  position: absolute;
  width: 150px;
  left: 220px;
  top: 10px;
  padding-left: 0px;
  height: 80px;
  line-height: 15px;
  z-index: 40;
}
#itemmenu
{
  position: absolute;
  left: 450px;
  top: 10px;
  height: 80px;
  width: 400px;
  line-height: 15px;
  z-index:50;
  overflow: auto;
}

.medewerker {
  color: black;
  cursor: default;
}
.medewerker.on {
  color: #f27b05;
}
.medewerker.description {
  color: #969696;
}

img.medewerker {
  border: 2px solid transparent;
}
img.medewerker.on {
  border: 2px solid #f27b05;
}