body, p, div, span, th, td, li, dt, dd, dl, ol, ul, h1, h2, h3, h4, h5, h6, input, textarea, select, option, blockquote {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 10pt;
}
tt {
  font-family: Courier New,Courier,fixed;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
h1 {
  font-size: 20pt;
}
h2 {
  font-size: 18pt;
}
h3 {
  font-size: 16pt;
}
h4 {
  font-size: 14pt;
}
h5 {
  font-size: 12pt;
}
h6 {
  font-size: 11pt;
}
.normcolor {
  color: #000000;
}
br.all+* {
  clear: both;
}
hr {
  height: 1px;
}
a:link {
  color: #7f0000;
  text-decoration: underline;
}
a:visited {
  color: #7f0000;
  text-decoration: underline;
}
a:active, a:hover {
  color: #00007f;
  text-decoration: none;
}

a img {
  border: 0px;
}

body {
  background-color: #300000;
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border-width: 0px;
  border-collapse: collapse;
  overflow: auto;
  text-align: center;
}

body.start {
  width: 460px;
}

body.main {
  text-align: left;
}
body.main div.content {
  background: #ffffff;
  padding: 20px;
}

body.main div.dark {
  background: #300000;
  width: 650px;
  height: 90%;
  overflow: auto;
  padding: 20px;
  text-align: left;
}


div.content img.imghead {
  float: left;
  padding: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #300000;
}

div.dark img.imghead {
  float: left;
  padding: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
}

img.img, div.content img.img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border-width: 0px;
  clear: left;
}

div.dark div.head {
  float: right;
  font-size: 28pt;
  color: #ffffff;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  text-align: right;
}

div.head, div.content div.head {
  float: right;
  font-size: 28pt;
  color: #b00000;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  text-align: right;
}

table.start {
  width: 460px;
  border: 0px;
  border-collapse: collapse;
  border-style: none;
  margin: 0px;
  padding: 0px
}

table.debug {
  width: 460px;
  border: 2px;
  border-collapse: none;
  border-style: solid;
  margin: 5px;
  padding: 5px;
  background-color: #fff;
  border-color: #000;
}

table.debug td {
  background-color: #ddd;
}

a.back, div.content a.back {
  font-size: 8pt;
  float: right;
}

div.dark a.copyright {
  color: #ffffff;
}
div.dark a.back {
  font-size: 8pt;
  float: right;
  color: #ffffff;
}




/* oud */





p.kunst {
  width: 590px;
  text-align: justify;
}

p.kunstuitleg {
  width: 590px;
  font-style: italic;
}

div.kunstmenu {
  text-align: center;
  margin-bottom: 10px;
  font-size: 0.8em;
  color: #ff9999;
}
div.kunstmenu a {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  color: #ff9999;
  background-color: #ffffff;
}
div.kunstmenu a:hover {
  color: #ff5555;
  color: #00007f;
  background-color: #e7e7ff;
}

table.kunstoverzicht {
  border: 0px;
  border-style: none;
  padding: 0px;
  margin: 0px;
  width: 590px;
  border-collapse: collapse;
}
table.kunstoverzicht tr td {
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}
table.kunstoverzicht tr td.spacer {
  width: 70px;
}
table.kunstoverzicht tr td.thumb {
  width: 150px;
}
table.kunstoverzicht tr td img {
  border: 0px;
}

img.iright {
  margin-left: 10px;
  margin-bottom: 10px;
  border-width: 0px;
  float: right;
}

table.chapintro {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  border: 0px;
  border-style: none;
  padding: 0px;
  width: 163px;
  border-collapse: collapse;
}
table.chapintro tr td {
  background-color: #dddddd;
  padding: 3px;
  font-size: 8pt;
}

body.cardblack {
  font-size: 10pt;
  background: #000000;
  margin-top: 20px;
  margin-left: 20px;
  text-align: left;
}
body.cardblack table.explain {
  border-collapse: collapse;
  border-width: 0px;
  border-spacing: 0px;
  border-style: none;
  background: transparent;
  padding: 0px;
}
body.cardblack table.explain td {
  vertical-align: top;
  padding-right: 10px;
}
body.cardblack table.org {
  border-collapse: collapse;
  border-width: 2px;
  border-spacing: 0px;
  border-style: solid;
  border-color: #ffffff;
  background: #000000;
  color: #ffffff;
}
body.cardblack table.org td {
  padding: 5px;
  font-size: 8pt;
}
body.cardblack table.card {
  border-collapse: collapse;
  border-width: 2px;
  border-spacing: 0px;
  border-style: solid;
  border-color: #ffffff;
  background: #000000;
  color: #ffffff;
  width: 200px;
}
body.cardblack table.card td {
  padding: 5px;
  font-size: 8pt;
}
body.cardblack table.card td a {
  color: #bbbbbb;
}
body.cardblack table.card td b {
  font-size: 10pt;
}

.footnote {
  font-size: 9pt;
}
.small {
  font-size: 8pt;
}
.large {
  font-size: 12pt;
}
.big {
  font-size: 14pt;
}
.huge {
  font-size: 18pt;
}
.massive {
  font-size: 20pt;
}
.giant {
  font-size: 24pt;
}
.gargantuan {
  font-size: 28pt;
}
.hoofdlijn {
  background: #E0AB1F;
  color: #E0AB1F;
}
.tussenlijn {
  background: #FFCD37;
  color: #FFCD37;
}
.nieuwskolom {
  background: #E0AB1F;
  color: #FFFFFF;
}
a:link.nieuwskolom, a:visited.nieuwskolom, a:active.nieuwskolom, a:hover.nieuwskolom, a.nieuwskolom {
  color: #FFFFFF;
  text-decoration: none;
}
.teststijl {
  color: #FF0000;
}