html {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  }

body {
/* let op: de margin mag niet op 0 gezet worden, omdat anders IE8 na een zoom de onresize-event niet meer activeert! 
   margin-left òf margin-right moet groter dan 0 zijn om het probeleem te voorkomen. */
  height: 100%; 
  max-height: 100%;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-right: 0px;
  overflow: hidden;
  color: #FFFFFF;
  background-color: #330000;
  font-family: Verdana, Geneva, Arial, sans-serif;
  }


#collage {
  position: absolute;
  top: 0px;
  left: -500px;
  visibility: visible;
  }
body > #collage {position: fixed;}


#werkvlak{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 200px;
  overflow-y:auto; 
  overflow-x: hidden;
  visibility: hidden;
  }
body > #werkvlak {position: fixed;}
  
#tekstvlak_hidden{
  position: absolute;
  z-index: 1;
  top: 0px;
  width: 550px;
  margin-top: 0px;  
  visibility: hidden;
  }

#tekstvlak{
  position: absolute;
  z-index: 1;
  top: 0px;  
  margin-top: 95px;  
  background-color: #FFFFFF;
  color: #000000;
  }

.transparent{
  filter:alpha(opacity=93);
  opacity: 0.93; 
}

#menuvlak{
  position: absolute;
  top: 90px;
  left: 0px;
  height: 725px;
  width: 200px;
  overflow: hidden;
  visibility: hidden;
  }
body > #menuvlak {position: fixed;}

.menu{
  color: #FFFFFF;
  width: 180px;
  margin: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0px;
  border: 0px;
  text-transform: uppercase;
  overflow: hidden;
  line-height: 150%;  }
.menu td {
  background-color: #000000;
  width: 100%;
  letter-spacing: 1px;
  font-size: x-small;
  font-weight: bold;
  text-indent: 15px;
  }
.menu td.itself {
  background-color: #400B0B;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-color: #A51D19;
  border-top-style: solid;
  border-bottom-style: solid;
  }
.menu td.edit {
  background-color: gray;
  text-transform: none;
  text-shadow: #330000 1px 1px 3px;
  }
.menu a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  }
.menu a:hover {
  background-color: #A51D19;
  }
.menu td.parent{
  background-color: #400B0B;
  border-top-width: 2px;
  border-color: #A51D19;
  border-top-style: solid;
  }
.menu td.child {
  padding-top: 1px;
  padding-bottom: 6px;
  line-height: 100%;
  color: #A51D19;
  text-transform: none;
  background-color: #400B0B;
  border-bottom-width: 2px;
  border-color: #A51D19;
  border-bottom-style: solid;
  vertical-align: top;
  }

#rechtervlak{
  position: absolute;
  top: 90px;
  left: 750px;
  left: 20px;
  height: 635px;
  width: 140px;
  overflow: hidden;
  font-size: x-small;  
  color: #FFFFFF;
  padding: 5px;
  margin-left: 10px;
  z-index: 2;
  }
body > #rechtervlak {position: fixed;}
#rechtervlak a{
  color: #FFFFFF;
  }
#rechtervlak button{
  width: 130px;
  font-size: inherit;  
  }
#rechtervlak input{
  width: 130px;
  font-size: inherit;  
  }
#rechtervlak select{
  font-size: inherit;  
  }
#rechtervlak_bg{
  position: absolute;
  top: 90px;
  left: 750px;
  height: 635px;
  width: 140px;
  background-color: #330000;
  filter:alpha(opacity=70);
  opacity: 0.7;
  padding: 5px;
  margin-left: 10px;
  z-index: 1;
  }
body > #rechtervlak_bg {position: fixed;}

#linkerelementen{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 725px;
  width: 400px;
  overflow: hidden;
  visibility: hidden;
  }
body > #linkerelementen {position: fixed;}

#rechterelementen{
  position: absolute;
  top: 0px;
  left: 600px;
  height: 725px;
  width: 400px;
  overflow: hidden;
  visibility: hidden;
  z-index: 1;
  border: 0px;
  }
body > #rechterelementen {position: fixed;}

#rechterelementen_inside{
  visibility: hidden;
  }

#header{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 90px;
  width: 432px;
  overflow: hidden;
  visibility: hidden;
  }
body > #header {position: fixed;}
  
#header_bg{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 90px;
  width: 432px;
  overflow: hidden;
  visibility: hidden;
  }
body > #header_bg {position: fixed;}

#mp3commentdiv {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent; 
  background-image: url(graphics/cartoon.png);
  z-index: 1;
  visibility: hidden;
  }
body > #mp3commentdiv {position: fixed;}

#mp3comment {
  border-width: 0px; 
  height: 110px; 
  width: 134px;
  color: #330000;
  background-color: transparent;
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: smaller;
  overflow: hidden; 
  vertical-align: top;
  margin: 2px;
  margin-left: 4px;
  margin-top: 6px;
}

#curtain {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #330000;
  filter:alpha(opacity=70);
  opacity: 0.7;
  visibility: hidden;
}

#frontstage {
  position: absolute;
  top: 50px;
  left: 100px;
  z-index: 10;
  visibility: hidden;
  background-color: #FFFFFF;
  color: #000000;
  font-size: smaller;
}