body {
    position: relative;
    background: #738198;
    color: white;
    margin: 0; padding: 0;
    }

div {
    position: relative;
    font: 16px Verdana, sans-serif;
    color: white;
    background: #738198;
    width: 10em;
    z-index: 10;
    }
div#header{
    position:fixed;
    float:left;
    text-align: left;
    top:0em;
    left:0;
    width:100%;
    height:5em;
    margin: 0 0 0 0;
    border-bottom: solid 0.5em #1C3661 ;
    background: #495E81 url("/images/header.gif") repeat-x top;
    z-index: 5;
    }
div#logo {
    float:left;
    position:fixed;
    top:0em;
    width:10em;
    height:5em;
    vertical-align: baseline;
    border-right:solid 1px #1C3661;
    background: #738198;
    z-index: 15;
    }
div#logo img {
    float:right;
    /*position:relative;*/
    }

 div#lassche {
   float: left;
   position: fixed;
   left: 11em;
   top: 0;
   width: auto;
   padding-top: 1em;
   padding-left: 1em;
   font-size: 100%;
   text-align: left;
   background: none;
   color: #cccccc;
   }
div#lassche h4 {
    font: 1em Times, serif;
    font-size: 250%;
    margin: -1em 0 0 -1em;
    padding-left: 1em;
    padding-top: 0.5em;
    /*background: #738198;*/
    height: 1.5em;
    }
div#lassche img {
    float:right;
    /*position:relative;*/
    }

div#links-rand {
    /*display:none;*/
    position: relative;
    float: left;
    height: 40em;
    border-right: solid 1px #1C3661;
    z-index: 5;
    }
div#links {
    position: fixed;
    top: 5.5em;
    left: 0;
    border-right: solid 1px #1C3661;
    /*z-index: 100;*/}

div#links a {
    display: block;
    text-align: left;
    font: 80% verdana sans-serif;
    padding: 5px 10px;
    border-bottom: solid 1px #1C3661;
    text-decoration: none;
    color: white;
    }

div#links a:hover {
    color: black;
    border-right: 3px solid white;
    border-bottom: solid 1px white;
    background: #b7bfcd;
    }

/*div#links a span {display: none;}
div#links a:hover span {
  display: none;
   position: absolute; top: 24em; left: 0; width: 10em;
   padding: 5px; margin: 10px; z-index: 100;
   color: black;
   background: #738198;
   font: 12px Verdana, sans-serif; text-align: center;}*/

div.image {
    float:left;
    padding: 5px;
    margin: 10px;
    width:300px;
    height:410px;
    color: white;
    /*background: #738198;*/
    font: 13px Verdana, sans-serif;
    FONT-STYLE:italic;
    }

div#content {
    position: absolute;
    float:right;
    top: 7em;
    left: 13em;
    margin: 1em;
    width:75%;
    height:auto;
    color: black;
    background: white;
    font: 13px Verdana, sans-serif;
    text-align: justify;
    padding: 10px;
    padding-bottom:2em;
    border: solid 2px #1C3661;
    z-index: 4;
    }
div#content img{
    right: 10em;
    }

div#content p {margin: 0 1em 1em;}
div#content h3 {
    margin-bottom: 0.25em;
    color: #1C3661;
    }
div#content h2 {
    margin-bottom: 0.25em;
    color: #1C3661;
    }

div#content h1 {
    margin: -9px -9px 0.5em;
    padding: 15px 0 5px 9px;
    text-align:left;
    background: #1C3661;
    color: white;
    letter-spacing: 0.5em;
    font: bold 25px sans-serif;
    height: 28px;
    vertical-align: middle;
    white-space: nowrap;
    }

dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: black;}
div#content a:visited {color: black;}
div#content a:link:hover {color: #1C3661;}
div#content a:visited:hover {color: #1C3661;}
code, pre {color: #EDC; font: 110% monospace;}
table {
    MARGIN-LEFT:2em;
    }

div#frontimage {
    margin: -9px -9px 1em -9px;
    padding: 5px 9px 5px 9px;
    width: 100%;
    height: 211px;
    /*border: solid 1px;*/
    color: #cccccc;
    background: #b2a793;
    font: 2.5em Times serif;
    letter-spacing: 0;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
/*    margin-left:1em;*/
    }
div#frontimage marquee {
    position:relative;
    top:2em;
    }

div#frontimage img {
    position: relative;
    right: 0em;
    float: right;
    margin: 5px;
    }
div.kantoordetails {
    width: 150px;
    margin:0;
    position: relative;
    float: left;
    }
div.kantoordetails img {
    width: 150px;
    height: 112px;
    }
div#kantoorimpressie {
    width: auto;
    position: relative;
    float: left;
    margin: 10px;
    padding: 5px;
    }

div#footer{
    clear:both;
    position: relative;
    float:left;
    margin: 0;
    top:2em;
    width: 100%;
    font-size: 70%;
    text-align:center;
    z-index: 0;
    color: black;
    background: white;
 }


#nav-tabs { POSITION:static;
    float:left;
    width:100%;
    background:white url("/images/bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
    margin: 0px -9px 10em -9px;
    }
#nav-tabs ul {
    margin:0;
    padding:0;
    list-style:none;
    /*padding:10px 10px 0;*/
    }
#nav-tabs li {
    float:left;
    background:url("/images/right.gif")  no-repeat right top;
    margin:0;
/*    padding: 1em;*/
    }
#nav-tabs a {
    float:left;
    display:block;
    background:url("/images/left.gif") no-repeat left top;
    padding:5px 15px 4px;
    text-decoration:none;
    font-weight:bold;
    color:#765;}
      /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #nav-tabs a {float:none;}
  /* End IE5-Mac hack */
#nav-tabs a:hover {
    color: yellow;
}
#nav-tabs #current {
    background-image:url("/images/right_on.gif");
    }

#nav-tabs #current a {
    background-image:url("/images/left_on.gif");
    padding-bottom:5px;
    }