body {
   color:   gray;
   font-family: tahoma, verdana, arial, sans-serif;
   font-size: 0.8em;
   background-color: white;
   margin:    0px;
  background: url('../images/blue.gif') top left repeat-y; 
}
DIV {
  margin:   0px;
  padding:  0px;
}
img {
  margin:   0px;
  padding:  0px;
  border:    none;
}
.rc {
  position:  relative;
  width:      100%;
  height:     100%;
}
#layout {
   background: url('../images/top.gif') top left repeat-x;   
  height:               100%;
  padding-top:      75px;
  padding-left:      12.5em;
}


#header {
  position:  absolute;
  top: 0px;
  left: 0px;
}

#headerimage { 
  
}
#adresinfo {
  position:            absolute;
  top:                   0.5em;
  right:                 0.5em;
  padding:            0.2em;
  width:                11em;
  height:               56px;
  border:              solid 1px white;
  background-color:  white;
  overflow:            hidden;
}


.adresinfo {
  display:             block;
  font-size:           0.9em;
  color:                black;
  text-decoration:  none;
}
#headtitle {
  position:     absolute;
  color:          white;
  font-weight: bold;
  text-align:    left;
  vertical-align: middle;
  left:            0.5em;
  top:           75px;
  width:         11em;
  height:        1.2em;
}
#subnavigation {
  padding-left:        0.2em;
  color:                 white;
  height:               0.94em;
  background-color: rgb(51,51,126);
}

#subnavigation a {
   font-size:    1em;
   color:         white;
}
#subnavigation a:hover {
   color: yellow;
}

#navigationbar {
   padding-top: 0.8em;
   position: absolute;   
   top: 100px;
   left: 0px;
   overflow: hidden;
   width:   12em;
}

#logo {
   margin: 1em;
   height:  11em;
   width:    9em;

}

#content { 
  position: relative;
  height: 100%;
  min-height: 23em;
  margin-top: 1em;
  margin-right: 1em;
  padding-left: 20px;
  padding-right: 20px;
  border-left: solid 1px rgb(209,209,209);
  border-right: solid 1px rgb(209,209,209);
}

#extrabox {
   float:       right;
   padding: 1em;
   width:     11em;
   height:    520px;
   display:   none;
   color:      black;
  background: url('../images/blue.gif') top right repeat-y; 
}
p {
   background: white;
   border:         solid 1px black;
   padding:       0.3em;
}

#footbar {
  position: absolute;
  bottom:  40px;
  right:        0px;
  padding-right:  100px;
  text-align: right;
  color:  white;
  width:  200%;
  height: 1.2em;
  background-color:  rgb(51,51,126);
}

a.bureaunet {
  color:           white;
  font-weight:  bold;
  text-decoration: none;
}

a.bureaunet:hover {
  color:           red;
  text-decoration: underline;
}

#footer {
  position: absolute;
  bottom:  0px;
  right:        0px;
  color:  white;
  width:  200%;
  height: 40px;
  background: url('http://www.bureau-id.nl/images/footer.jpg') top right no-repeat;
  background-color:  rgb(255,255,255);
}

.doublemenu {
   margin-left: 0.5em;
   position:  relative;
}
.shadowmenu {
   background: url('../images/shadow.png') top left no-repeat;
   width:  11em;
   text-align: right;
   vertical-align: bottom;
}
.menu {
   position: absolute;
   width:  11em;
   text-align: right;
   vertical-align: bottom; 
   top:      0px;
   left:      0px;
}


.menuitems {
   border-top: 1px solid black;
   width: 10.5em; 
   margin-right: 5px;
   margin-bottom: 5px;
}
.menuitems a  {
   text-align:            left;
   vertical-align:        top;
   color:                   black;
   text-decoration:    none; 
   font-size:             1em;
   padding:              0px;
   padding-left:         0.5em;
   background-color: white;
   border:                 solid 0.1em black;      
   border-top:             none;
   display:                block;
   width:                  10em;
   height:                 auto;
}
.menuitems a:hover  {
   background:        black;
   color:                  white;
}
#mainframe {
   width:   100%;
   height:  100%; 
  min-height:  23em;
}