@charset "utf-8";

/*
* This stylesheet was taken from Open Source Web Design
*   http://www.oswd.org/files/designs/1812/Essay/
* with modifications from Geert Hendrickx
*
* Copyright (c) 2004 Mark Florian
* Copyright (c) 2005--2010 Geert Hendrickx
*
* $Id: default.css,v 1.60 2013/06/04 11:07:28 ghen Exp $
*/

body
{ font-family: sans-serif;
  background: #f6f0dd;
  padding: 0;
  margin: 0;
}

h1
{ margin: 0;
  padding: 1em 0;
  text-align: center;
  background: transparent url('header.png') top right no-repeat;
  text-shadow: 0.1em 0.1em 0.1em black;
}

h2
{ font-size: medium;
  margin: 0;
  padding: 1em 0 0 0;
}

h3
{ font-size: small;
  margin: 0;
  padding: 1em 0 0 0;
}

h2.date
{ font-size: x-small;
  color: #aaa;
  padding: 0;
}

.sidebar h2
{ background: white;
  font-size: small;
  padding: 0.25em;
  border-top: 1px solid #eee;
}

.sidebar h3
{ font-size: x-small;
  padding: 0;
}

p
{ line-height: 150%;
}

input.veld, textarea.veld
{ width: 95%;
}

img
{ border: 0;
}

img.affiche
{ max-width: 90%;
  border: 1px solid #444;
}

hr
{ border: 1px solid gray;
  margin: 1em 12em;
}

div#master
{ width: 60em;
  max-width: 99%;
  min-width: 75%;
  margin: 5ex auto 5ex auto;
  border: #444 solid thin;
  background: #444;
  box-shadow: 5px 5px 5px grey;
}

#header
{ color: white;
  background-color: #8a1609;
  background-image: url('red.jpg');
}

ul#menu
{ margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  background: #444;
}

ul#menu li
{ float: left;
  background: #444;
  border-top: #777 solid thin;
  border-bottom: #666 solid 0.5em;
}

ul.m4 li
{ width: 25%;
}

ul.m5 li
{ width: 20%;
}

ul#menu li a
{ display: block;
  padding: 0.5em 0;
  font-size: small;
  color: #aaa;
  font-weight: bold;
  text-decoration: none;
  text-shadow: .1em .1em .1em black;
}

ul#menu li a:hover
{ background: #666;
  color: white;
}

ul#menu a.current:link
{ background: #666;
  color: white;
}

ul#menu a.current:visited
{ background: #666;
  color: white;
}

a:link
{ color: #8a1609;
  text-decoration: underline;
}

a:visited
{ color: #8a1609;
  text-decoration: underline;
}

a:link:hover
{ text-decoration: underline;
}

a:visited:hover
{ text-decoration: underline;
}

#content
{ width: 100%;
  float: left;
  background: white;
  border-top: #eee solid 1em;
  font-size: small;
  color: #444;
  text-align: justify;
  padding: 1em 0;
  min-height: 50ex;
}

#content.vlieg
{ background-image: url("plato/vlieg.png");
  background-position: 30% 5ex;
  background-repeat: no-repeat;
}

div.item
{ margin: 0 15em 0 1em;
  border-bottom: #eee solid 1px;
  border-right: #eee solid 1px;
  padding: 0 1.5em 0 1em;
}

div.banner
{ margin: 0 16.5em 0 2em;
  border: #8a1609 solid 2px;
  padding: 0 1.5em 0 1em;
  text-align: center;
}

div.sidebar
{ border-left: solid thick #ddd;
  background: #eee;
  width: 13em;
  max-width: 30%;
  float: right;
  margin: 0 1px 1em 0;
  color: #777;
  clear: both;
}

div.sidebar a
{ font-size: small;
  text-decoration: none;
}

div.sidebar a.current
{ font-weight: bold;
}

div.sidebar p
{ font-size: small;
  margin: 1em;
}

div.sidebar p.caption
{ font-size: x-small;
  text-align: center;
  margin: 0.2em;
}

div.sidebar h2
{ text-align: left;
  margin: 0;
}

div.sidebar ul
{ padding-left: 1.5em;
  font-size: small;
  margin-left: 0;
  text-align: left;
}
div.sidebar img
{ display: block;
  margin: auto;
}

ul
{ padding: 0 0 0 3em;
}

ul.links
{ list-style-type: none;
}

ul.namen
{ list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.namen li
{ margin-bottom: 0.5ex;
}

p.affiche
{ text-align: center;
}

p.affiche a.current
{ font-weight: bold;
}

blockquote.quote
{ background: url('quote.png') no-repeat;
  padding-left: 20px;
  font-style: italic;
}

table.cast
{ width: 99%;
  text-align: left;
}

td
{ vertical-align: top;
}

td.rol, td.naam, td.kolom
{ width: 50%;
}

td.jaar
{ width: 10%;
}

td.stuk
{ width: 90%;
}

a.email:link, a.email:visited
{ color: #444;
  text-decoration: underline;
}

div.border
{ border: #eee solid thick;
  border-right: none;
}

#footer
{ color: #aaa;
  font-size: x-small;
  text-align: right;
}

#bottommenu
{ font-size: x-small;
  text-align: center;
  color: #aaa;
}

#bottommenu a
{ color: #aaa;
}

#footer a
{ color: #aaa;
}