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

p {text-indent: 20px; margin-top: 10px; margin-bottom: 10px;}
p.noindent {text-indent: 0px;}
a {text-decoration:none; color: #1808D8;}
a:hover {color: #D91419; text-decoration: underline;}
h3 {font-family: Comic Sans MS; margin-left: 230px;}
h3.left {margin-left: 30px;}
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;}

.invisible {display: none;}

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

body > #fixed {position: fixed;}

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

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

#fixedtop {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 660px;
  height: 70px;
  overflow: hidden;
  padding-top: 0px;
  padding-left: 0px;
  color:#A8AA9B; font-size:70%; font-weight:bold;
  z-index:6;
  background-color: transparant; 
 }

body > #fixedtop {position: fixed;}

#fixedtop1 {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 660px;
  height: 70px;
  overflow: hidden;
  padding-top: 0px;
  padding-left: 0px;
  color:#A8AA9B; font-size:70%; font-weight:bold;
  z-index:5;
  background-color: transparant; 
 }

body > #fixedtop1 {position: fixed;}

#content {
  margin-left: 128px;
  margin-top: 90px;
  min-height: 180px;
  padding: 10px;
  max-width: 600px; 
  width: expression(document.body.clientWidth > 748? "600px": "auto" );
  background-image: url("gif/bewaart%20heer%20holland3.jpg"); 
}

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

#artikel {
  margin-left: 10px;
  margin-top: 3px;
  min-height: 610px;
  padding: 10px;
  max-width: 738px; 
  width: 738px; 
  background-image: url("gif/bewaart%20heer%20holland3.jpg"); 
}
#artikel p {font-size: small;}


#inhopg {
  position: absolute;
  top: 64px;
  left: 0px;
  width: 196px;
  width: expression(document.body.offsetWidth > 1036? "196px": (document.body.offsetWidth-840)+"px");
  overflow: hidden;
  margin-left: 816px;
  margin-top: 20px;
  color:#E8A853; font-size:70%; font-weight:bold;
  }
body > #inhopg {position: fixed;}
#inhopg a {color:#E8A853; text-decoration:none;}
#inhopg a:hover {color:#F8E8A3;}
#inhopg td {text-align: left; vertical-align: top; padding: 4px; height: 20px}
#inhopg td.top {padding-top: 1px; padding-bottom: 1px;}
#inhopg table {width: 100%; }