html {
  overflow: auto;
  }

body {
  margin: 0px;
  padding: 0px;
  color: #281848;
  background-color: #901010; 
  background-image: url(gif/backgr.png);
  background-attachment: scroll;
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: small;
}

p {text-indent: 20px; margin-top: 10px; margin-bottom: 10px;}
p.noindent {text-indent: 0px;}
p.subkop {margin-top: 20px; margin-bottom: -10px; font-weight: bold}
a {text-decoration:none; color: #1100D8;}
a:hover {color: #D91419; text-decoration: underline;}
h3 {font-family: Comic Sans MS; margin-left: 20px;}
h4 {font-family: Comic Sans MS; margin-left: 20px;}
ul {list-style-type: circle; list-style-position: inside; line-height: 120%;}
li {margin-bottom: 10px}
li.none {list-style-type: none; list-style-position: outside;}
li.groot {list-style-type: circle; list-style-position: outside; margin-bottom: 20px;}
li.groot  a{color: #110044;}
li.groot  a:hover{color: #D91419; text-decoration: underline;}
td.form {padding: 5px; font-size: 90%; background-color: #F4F3E9;}
img.portretleft {position: static; left: 5px; padding-top: 10px; padding-bottom: 2px; padding-right: 15px;}
img.portretright {position: static; right: 5px; padding-top: 10px; padding-bottom: 2px; padding-left: 15px;}
input {font-family: verdana, arial, helvetica, sans-serif; }
select {font-family: verdana, arial, helvetica, sans-serif; }

.invisible {display: none;}

#fixed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 128px;
  height: 100%;
  overflow: hidden;
  padding-top: 24px;
  padding-left: 1px;
  color:#A8AA9B; font-size:70%; font-weight:bold;
  }

body > #fixed {position: fixed;}

#fixed a {color:#A8AA9B; text-decoration:none; }
#fixed a:hover {color:#F4F4F6;}
#fixed a.self {color:#D91419;}
#fixed a.self:hover {color:#D91419;}

#fixed td {height: 24px; text-align: left;}
#fixed td.taal{height: 60px; padding: 20px;}

#content {
  margin-left: 128px;
  padding: 10px;
  max-width: 600px; 
  width: expression(document.body.clientWidth > 748? "600px": "auto" );
  background-image: url("gif/muzback3.gif"); 
}

#content.wide {
  margin-left: 10px;
  max-width: 718px; 
  width: 718px; 
}

#artikel {
  margin-left: 10px;
  padding: 10px;
  max-width: 738px; 
  width: 738px; 
  background-image: url("gif/muzback3.gif"); 
}
#artikel p {font-size: small;}


#inhopg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 196px;
  width: expression(document.body.clientWidth > 996? "196px": (document.body.clientWidth-780)+"px");
  overflow: hidden;
  margin-left: 776px;
  margin-top: 20px;
  color:#A8AA9B; font-size:70%; font-weight:bold;
  }
body > #inhopg {position: fixed;}
#inhopg a {color:#A8AA9B; text-decoration:none;}
#inhopg a:hover {color:#F4F4F6;}
#inhopg td {text-align: left; vertical-align: top; padding: 4px;}
#inhopg td.top {padding-top: 1px; padding-bottom: 1px;}
#inhopg table {width: 100%; }

#sideimage {
  position: absolute;
  top: 128px;
  top: expression(document.documentElement.clientHeight > 540? ((document.documentElement.clientHeight-500)/2)+"px": "20px");
  left: 820px;
  left: expression(document.body.clientWidth < 1080? "780px": ((document.body.clientWidth+480)/2)+"px");
  overflow: hidden;
  margin-top: 20px;
  width: expression(document.body.clientWidth > 1080? "300px": (document.body.clientWidth-784)+"px");
  }
body > #sideimage {position: fixed;}