html {
  height: 100%;
  overflow: auto;
  }
body {
  height: 100%; 
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #B8102D;
  background-image: url(gif/backgr.png);
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: small;
  color:#C2C0B8;
  }
a {text-decoration:none; color: #C2C0B8;}
a:hover {color: #F4F4F6; text-decoration: none;}
table {
  height: 100%;
  width: 100%;
  }

#container {
  height: 100%;
  height: expression(document.body.clientHeight < 128? "0px": (document.body.clientHeight-128)+"px");
  vertical-align: top;
  }

iframe {
  height: 100%;
  width: 100%;
  }

#portret {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 132px;
  height: 132px;
  }
body > #portret {position: fixed;}

#kop {
  position: absolute;
  top: 0px;
  left: 140px;
  height: 128px;
  width: expression(document.body.clientWidth > 760? "620px": (document.body.clientWidth-140)+"px");
  overflow: hidden;
  }
body > #kop {position: fixed;}

#kopruimte {
  height: 100%;
  max-width: 620px;
  width: expression(document.body.clientWidth > 760? "620px": (document.body.clientWidth-140)+"px");
  overflow: hidden;
  }

#citaat {
  font-family: times, serif; 
  font-size: medium;
  font-weight: bold;
  color: #C2C0B8;
  vertical-align: middle;
  text-align: center;
  width: 492px;
  height: 56px;
  }

#weergaveknop {
  position: absolute;
  top: 8px;
  left: 632px;
  width: 128px;
  height: 16px;
  font-size: 70%;
  background-image: url(gif/backgrmenu.png);
  vertical-align: middle;
  text-align: center; 
  z-index: 2;
  padding-top: 2px;
  }
body > #weergaveknop {position: fixed;}

#sideimage {
  position: absolute;
  top: 0px;
  left: 784px;
  height: 128px;
  width: expression(document.body.clientWidth < 784? "0px": (document.body.clientWidth-784)+"px");
  overflow: hidden;
  z-index: 1;
  }
body > #sideimage {position: fixed;}