html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, fieldset, form, table, th, td { margin: 0; padding: 0; }

body { background: #333; color: #ccc; font-family: 'Trebuchet MS', sans-serif; font-size: 90%; }

h1 { color: #fff; padding: 5px 0 0 0; border-bottom: 1px solid #fff; font-size: 17pt; margin-bottom: 10px; margin-top: -10px; letter-spacing: 1px; }

hr { display: none; }

#container { margin: 0 auto; width: 854px; position: relative; }

#head { font-size: 72pt; margin-top: 10px; }
 #head a { display: block; text-decoration: none; background: #333; margin-bottom: 1px; line-height: 60%; color: #444; text-align: right; padding: 0 0 5px 0; }
 #head a:hover { text-decoration: none; border-bottom: 1px solid #444; margin-bottom: 0; }

#content { float: right; width: 674px; }
 #content p { margin-bottom: 0.7em; line-height: 140%; text-align: justify; }
 #content p.fout { color: #f00; border: 3px double #f00; padding: 5px; }
 #content h2 { clear: both; margin: 0.5em 0; font-size: 130%; color: #fff; letter-spacing: 1px; }
 #content h3 { margin: 0.5em 0 0 0; font-size: 100%; }
 #content object { display: block; margin: 0 auto; }
 #content ul, #content ol { margin: 0 0 0.7em 2em; line-height: 140%; }
 #content img { display: block; max-width: 670px; margin: 1em auto; padding: 1px; border: 1px solid #666; }
 #content .borderless img { border: none; }
 #content .images { list-style: none; text-align: center; }
  #content .images li { display: inline; }
   #content .images li img { display: inline; vertical-align: middle; }
 #content table { margin: 1em 0; width: 100%; border-collapse: collapse; border-top: 1px solid #444}
 #content th { text-align: left; color: #ddd; border-bottom: 1px solid #444; padding: 0.1em 0; }
 #content td { border-bottom: 1px solid #444; padding: 0.1em 0; }
 #content a { color: #999; text-decoration: underline; }
 #content a:hover { color: #fff; text-decoration: none; }
 #content a:hover img { background: #999; }
 #content fieldset { border: 1px solid #666; padding: 10px; margin: 0.7em 0; }
  #content fieldset legend { border: 3px double #666; padding: 0.2em 1em; font-weight: bold; }
  #content fieldset dl { }
   #conetn fieldset dl dt { }
    #content fieldset dl dt label { cursor: pointer; display: block; }
   #content fieldset dl dd { margin-bottom: 0.3em; }
    #content fieldset dl dd input, #content fieldset dl dd textarea, #content fieldset dl dd select { background: #666; font-family: 'Trebuchet MS', sans-serif; font-size: 100%; border: 1px solid #666; }
    #content fieldset dl dd input:focus, #content fieldset dl dd textarea:focus, #content fieldset dl dd select:focus { background: #999; border-color: #333; }
    #content fieldset dl dd textarea { width: 600px; }

 #content p.bijschrift { text-align: center; font-weight: bold; font-style: italic; margin-top: -0.5em; }
 #content div.rechts { float: right; margin: 0 0 5px 10px; }
 #content div.links { float: left; margin: 0 10px 5px 0; }
 #content div.rechts img, #content div.links img { margin: 0; }

#informatie { float: right; width: 100px; margin: 0 0 10px 10px; border: 3px double #666; padding: 5px; text-align: center; }
 #informatie dd { font-weight: bold; }

#content #fotos { list-style: none; margin: 0; width: 100%; overflow: hidden; line-height: 1; }
 #content #fotos li { float: left; margin: 0 16px 20px 16px; width: 190px; height: 190px; }
  #content #fotos li a { width: 190px; height: 190px; text-align: center; display: table-cell; vertical-align: middle; }
   #content #fotos li a img { display: inline; margin: 0; vertical-align: middle; }
   #content #fotos li a:hover img { background: #999; }

#content #alle-fotos { margin: 0; list-style: none; }
 #content #alle-fotos li { clear: both; }
  #content #alle-fotos li h3 { margin-bottom: 10px; border-top: 3px double #666; padding-top: 10px; }
  #content #alle-fotos li dl.cijfer { float: right; margin: -30px 0 10px 10px; text-align: center; }
   #content #alle-fotos li dl.cijfer dt { display: none; }
   #content #alle-fotos li dl.cijfer dd { font-family: Georgia, serif; font-weight: bold; font-size: 200%; line-height: 1; }
  #content #alle-fotos li div, #content div.kvdm { float: left; margin: 0 10px 20px 0; }
   #content #alle-fotos li div a, #content div.kvdm a { display: block; }
    #content #alle-fotos li div img, #content div.kvdm img { display: block; margin: 0; }
  #content #alle-fotos li p, #content p.kvdm { margin-left: 215px; }
  #content #alle-fotos li h4 { clear: both; margin: 10px 0; border-top: 1px solid #666; padding-top: 10px; }
  #content #alle-fotos li ol { list-style: none; margin: 10px 0; border-left: 1px solid #666; padding-left: 10px; }
  #content #alle-fotos li .collapsed { display: none; }
   #content #alle-fotos li ol li { margin: 10px 0; }
    #content #alle-fotos li ol li p { line-height: 1.2; margin: 5px 0; }
     #content #alle-fotos li ol li p cite { font-style: normal; font-weight: bold; color: #fff; }
     #content #alle-fotos li ol li p strong { color: #fff; }
    #content #alle-fotos li ol li blockquote { margin: 0; padding: 0; }

#menu { margin: -10px 0 50px 0; }
 #menu ul { list-style: none; width: 160px; padding: 10px 10px 10px 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
 #menu h2 { font-weight: normal; font-size: 1.4em; width: 160px; letter-spacing: -1px; margin-bottom: -5px; text-align: right; padding: 10px 10px 0 0; border-right: 1px solid #fff; font-style: italic; color: #666; line-height: 0.7; }
  #menu li { }
   #menu li a { color: #999; text-decoration: none; padding: 0.1em 0.2em; display: block; }
   #menu li a.current { color: #fff; }
   #menu li a:hover { background: #999; color: #333; }
   #menu li ul { list-style: none; padding: 0; width: auto; border: none; }
    #menu li ul li { }
     #menu li ul li a { padding: 0.1em 1em; }
     #menu li ul li a:hover { padding: 0.1em 0.5em; border-left: 0.5em solid #666; border-right: 0.5em solid #666; }

#foot { clear: both; padding: 2em 0; text-align: center; color: #444; border-top: 1px solid #fff; }
 #foot a { color: #444; text-decoration: underline; }
 #foot:hover a { color: #666; }
 #foot a:hover { text-decoration: none; }

.ext, .zip, .pdf, .doc, .xls, .ppt, .txt, .jpg { padding: 3px 20px 3px 0; background-repeat: no-repeat; background-position: center right; }
.zip { background-image: url(img/zip.png); }
.pdf { background-image: url(img/pdf.png); }
.doc { background-image: url(img/doc.png); }
.xls { background-image: url(img/xls.png); }
.ppt { background-image: url(img/ppt.png); }
.txt { background-image: url(img/txt.png); }
.jpg { background-image: url(img/jpg.gif); }
.ext { background-image: url(img/ext.png); padding-right: 14px; }
 
#lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
 #lightbox img { border: none; clear: both; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }
#overlay { background-image: url(img/overlay.png); }
 #overlay img { border: none; }
* html #overlay { background-color: #333; back\ground-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_css/img/overlay.png', sizingMethod='scale'); }