@media screen 
  {
  html { height: 100%; }
  }

body,
table
  {
  font: 100% sans-serif;
  }
body
  {
  height: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #000;
  }

div.snelmenu
  {
  position: absolute;
  left: -200em;
  }

div.sidebar
  {
  position: absolute;
  top: 0;
  left: 0;
  width: 15em;
  padding: 3px 0;
  color: #eee;
  background: #000 url(/img/deco/bgblack2.png) repeat-x 0 23px;
  }
div.sidebar div.logo
  {
  margin: 0 0 30px 0;
  text-align: center;
  }
div.sidebar h1 img,
div.sidebar div.logo img
  {
  width: 156px;
  height: 80px;
  vertical-align: bottom;
  background: transparent;
  }
div.sidebar ul
  {
  margin: 2em 0 1em 4em;
  padding: 0;
  color: #f00;
  }
div.sidebar li a,
div.sidebar div.logo a
  {
  border: 0 none;
  }
div.sidebar div.logo a,
div.sidebar div.logo a:hover
  {
  background: transparent;
  }
div.sidebar a
  {
  color: #ccc;
  background: #000;
  }
div.sidebar a:active
  {
  color: #999;
  background: #000;
  }
div.sidebar a:hover
  {
  color: #fff;
  background: #000;
  }
div.sidebar ul li
  {
  margin: 1em 0;
  padding: 0;
  font-weight: bold;
  }
div.sidebar ul li#active
  {
  color: #fff;
  background: #000;
  }
div.sidebar address
  {
  margin: 10px 30px;
  }
div.sidebar p
  {
  margin: 20px 30px;
  }

div.page
  {
  min-height: 100%;
  margin: 0 0 0 15em;
  padding: 34px 30px;
  color: #000;
  background: #fff url(/img/deco/bgwhite2.png) repeat-x 0 23px;
  }
div.page address
  {
  margin: 3em 0 0 0;
  border-top: 1px solid #ccc;
  padding: 0.5em 0;
  text-align: center;
  }

div.parent,
div.index h1
  {
  margin: 0 0 1em 0;
  color: #999;
  font: bold 1.7em/0.9 sans-serif;
  text-align: left;
  }
div.crumbs div.parent,
div.crumbs h1
  {
  margin-bottom: 0.1em;
  }

h1
  {
  margin: 1.5em 0;
  font: 1.6em "Times New Roman",serif;
  }
h2
  {
  margin: 1.5em 0 0.5em 0;
  font: 1.4em "Times New Roman",serif;
  }
h3
  {
  margin: 0.5em 0;
  font: 1.2em "Times New Roman",serif;
  }
p
  {
  margin: 0.5em 0;
  line-height: 1.4;
  }
p.sibling
  {
  text-indent: 1em;
  }
li
  {
  margin: 0.5em 0;
  }
address
  {
  font-style: normal;
  }
table
  {
  border-collapse: collapse;
  border-spacing: 0;
  color: #000;
  background: #fff;
  }
th,
td
  {
  vertical-align: top;
  padding: 0.4em 0.3em;
  }
th
  {
  text-align: right;
  }
hr
  {
  display: none;
  }

a
  {
  border-bottom: 1px solid #ccc;
  color: #b11;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  }
a:visited
  {
  border-bottom-style: dashed;
  }
a:hover,
a:focus,
a:active
  {
  border-bottom-style: solid;
  color: #000;
  background: transparent;
  }
a img
  {
  border: 0 none;
  }
p a
  {
  font-weight: normal;
  }

abbr
  {
  font-style: normal;
  border: none;
  }

ul.pagemenu
  {
  margin: 1.5em 0 2.5em 2em;
  padding: 0;
  }
div.breadcrumbs
  {
  margin: 0 0 1em 0;
  text-align: right;
  }

div.prose h1
  {
  margin: 1em 0;
  font-size: 2em;
  }
div.prose p big
  {
  float: left;
  margin: 0 1px -0.2em 0;
  font: 3.2em/0.9 "Times New Roman",serif;
  }
div.prose h2
  {
  margin: 1.5em 0 0.5em 0;
  font-size: 1.6em;
  }
div.prose h3
  {
  margin: 0.5em 0;
  font-size: 1.4em;
  }
div.prose p
  {
  text-indent: 1em;
  }
div.prose p.flush
  {
  text-indent: 0;
  }
div.prose blockquote p
  {
  text-indent: 0;
  }
div.prose p.abstract
  {
  margin-bottom: 1.5em;
  text-indent: 0;
  font-size: 1.1em;
  }

div.prose h1.caption,
body.nieuws h2.caption
  {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.1em;
  }

div.date,
div.auteur
  {
  padding: 0 0.2em;
  text-align: right;
  }
div.auteur
  {
  margin-bottom: 2em;
  }
.infobox
  {
  margin: 3em 0;
  padding: 1em 1.5em;
  color: #000;
  background: #eee;
  }

div.index p
  {
  margin-bottom: 0;
  }
div.alink
  {
  text-align: right;
  }


/****************
 * Illustraties *
 ****************/

div.archiefkast
  {
  float: right;
  margin: 0.2em 0 0.5em 1em;
  }
div.studio,
div.bezoekersruimte
  {
  margin: 1em 0;
  text-align: center;
  }

div.illuleft
  {
  float: left;
  padding: 0.3em 1.5em 0.3em 0;
  font-size: 12px;
  }
div.illuright
  {
  float: right;
  padding: 0.3em 0 0.3em 1.5em;
  font-size: 12px;
  }
div.illucenter
  {
  margin-top: 30px;
  text-align: center;
  }
div.illu
  {
  margin: 1em 0;
  text-align: center;
  }
div.caption
  {
  font-size: 12px;
  padding: 0 0 5px 5px;
  }
div.caption div
  {
  text-align: right;
  }
.cleanup
  {
  clear: both;
  }
.cleanleft
  {
  clear: left;
  }
.cleanright
  {
  clear: right;
  }

.bs192
  {
  width: 192px;
  }
.bs208
  {
  width: 208px;
  }
.bs240
  {
  width: 240px;
  }
.bs320
  {
  width: 320px;
  }

.w320h400
  {
  width: 320px;
  height: 400px;
  }
.w320h320
  {
  width: 320px;
  height: 320px;
  }
.w320h272
  {
  width: 320px;
  height: 272px;
  }
.w320h240
  {
  width: 320px;
  height: 240px;
  }
.w320h224
  {
  width: 320px;
  height: 224px;
  }
.w320h208
  {
  width: 320px;
  height: 208px;
  }
.w320h192
  {
  width: 320px;
  height: 192px;
  }

.w208h320
  {
  width: 208px;
  height: 320px;
  }
.w224h320
  {
  width: 224px;
  height: 320px;
  }
.w240h320
  {
  width: 240px;
  height: 320px;
  }