html, body { margin: 0; padding: 0; }

body { font-family: Verdana, sans-serif; font-size: 62.5%; color: #fff; background: #001700; overflow-y: scroll; *overflow-y: auto; }

a { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, legend { margin: 0; padding: 0; }

table { border-collapse: collapse; }
th, td { padding: 0; vertical-align: top; padding: 4px 20px 4px 0; }
td { width: 100px; }
td + td { width: auto; }

form { width: 304px; }
 fieldset { border: none; }
  legend { display: none; }
  dd { padding: 5px 0; }

input, textarea { font-size: 110%; font-family: Verdana, sans-serif; width: 300px; border: 1px solid #001700; padding: 3px 0; }
input.submit { width: auto; float: right; margin-top: 10px; padding: 5px 10px; cursor: pointer; }

.submitted { border: 1px solid #fff; padding: 10px; }

#main h1 { background: purple; padding: 10px 20px; color: yellow; font-size: 3em; }

#menu-main, #menu-sub { list-style: none; margin: 0; padding: 0; overflow: hidden; font-size: 1.2em; }
#menu-lang { font-size: 1.1em; }
 #menu-main li, #menu-sub li { margin: 0; padding: 0; float: left; }
  #menu-main a, #menu-sub a { padding: 10px 20px; display: block; color: #001700; }
  #menu-main a:hover, #menu-sub a:hover { text-decoration: none; }

#menu-main { font-size: 1em; padding-bottom: 15px; }
.kunst #menu-main, .art #menu-main { background: #cd3698; }
.school #menu-main { background: #ff3; }
 #menu-main li { width: 35%; font-size: 2em; font-weight: bold; }
 #menu-main li.current { width: 50%; font-style: italic; }
 #menu-main li.to-home { width: 14%; }
  #menu-main li a { text-decoration: none; }
 .kunst #menu-main li, .art #menu-main li, .school #menu-main li.to-home { background: #ff3; }
  .kunst #menu-main li a, .art #menu-main li a, .school #menu-main li.to-home a { color: #cd3698; }
 .school #menu-main li, .kunst #menu-main li.to-home, .art #menu-main li.to-home { background: #cd3698; }
  .school #menu-main li a, .kunst #menu-main li.to-home a, .art #menu-main li.to-home a { color: #ff3; }
 #menu-main li.current { background: none; }
  .kunst #menu-main li.current, .art #menu-main li.current { background: #cd3698; }
  .school #menu-main li.current { background: #ff3; }
  .kunst #menu-main li.current a, .art #menu-main li.current a { color: #ff3; }
  .school #menu-main li.current a { color: #cd3698; }

#menu-sub { font-size: 1.4em; }
 #menu-sub li.current { font-weight: bold; background: #001700; }
  #menu-sub li.current a { color: #fff; }
  #menu-sub li a { text-decoration: none; border: 1px solid #001700; border-bottom: none; border-left: none; width: 100px; padding: 2px 20px; }
  #menu-sub li a:hover { background: #001700; color: #fff; }

.kunst #menu-sub, .art #menu-sub { background: #cd3698; }
.school #menu-sub { background: #ff3; }

#content { margin: 0 20px; font-size: 1.2em; width: 500px; float: left; padding: 20px 0; }
 #content h2 { font-size: 1.2em; margin: 10px 0 5px 0; border-bottom: 1px solid #fff; }
 #content p.bijschrift, #images p.bijschrift { margin-top: 5px; font-size: 10px; color: #fff; font-weight: bold; }
 .kunst #content h2, .art #content h2, .kunst #content strong, .art #content strong { color: #cd3698; }
 .school #content h2, .school #content strong { color: #ff3; }
 /*
 #content .img { position: relative; height: 0; }
  #content .img img { position: absolute; left: 550px; }
 */

#images { float: left; width: 300px; overflow: hidden; margin: 0 0 0 50px; }
 #images .img { margin: 10px 0 0 0; }
  #images img { display: block; }

#work { }
 .kunst #work ul strong, .art #work ul strong { color: #cd3698; }
 .school #work ul strong { color: #ff3; }
.work-styled { overflow: hidden; }
 .work-styled ul { list-style: none; margin: 80px 0 0 20px; font-size: 1.4em; padding: 10px; width: 208px; float: left; border: 1px solid #fff; }
  .work-styled li { padding: 4px 0; }

#thumbs-container { margin: 10px 0 10px 25px; padding: 0; overflow: hidden; width: 850px; height: 96px; position: relative; }
 #thumbs-container #prev, #thumbs-container #next { width: 30px; line-height: 48px; height: 48px; position: absolute; color: #fff; z-index: 100; overflow: hidden; display: block; right: 0; text-decoration: none; text-indent: -9999em; background: #001700 url(img/arrows.gif) no-repeat 0 0; outline: none; }
 #thumbs-container #prev { top: 0; }
 #thumbs-container #next { bottom: 0; background-position: -30px 0; }
 #thumbs { width: 9999em; margin: 0; padding: 0; position: absolute; border: none; float: none; }
  #thumbs li { margin: 0 7px 0 0; padding: 0; float: left; padding: 0; }
   #thumbs a { outline: none; }
    #thumbs img { border: 3px solid #001700; opacity: 0.6; filter: alpha(opacity=60); }
    #thumbs .current img { border-color: #fff; opacity: 1; filter: alpha(opacity=100); }
    #thumbs a:hover img { opacity: 1; filter: alpha(opacity=100); }

#image { margin: 0 0 10px 25px; float: left; }

#homepage { }
 #homepage #top, #homepage #bottom { height: 50%; position: absolute; width: 100%; cursor: pointer; }
  #homepage #top div, #homepage #bottom div { position: absolute; left: 10%; }
  #homepage #top div { bottom: 15px; }
  #homepage #top h1 { bottom: -5px; }
  #homepage #bottom div { top: 0; }
  #homepage #bottom h1 { top: 5px; }
  #homepage h1 { font-size: 4.4em; position: absolute; line-height: 1.2; left: 0; }
  #homepage h2 { font-size: 2.6em; font-weight: normal; margin: 10px 0 0 400px; line-height: 1.2; font-style: italic; }
   #homepage h2 a { text-decoration: none; }
   #homepage #top:hover a, #homepage #bottom:hover a, #homepage h2 a:hover { text-decoration: underline; }
  #homepage p { font-weight: bold; font-size: 1.2em; margin: 10px 0 0 400px; }
 #homepage #top { background: #cd3698; }
  #top h1, #top h2, #top h2 a { color: #ff3; }
  #top p { color: #fff; }
 #homepage #bottom { top: 50%; background: #ff3; }
  #bottom h1, #bottom h2, #bottom h2 a { color: #cd3698; }
  #bottom h2 { padding-top: 10px; }
  #bottom p { color: #001700; }

* html #menu-main,
* html #menu-sub,
* html #menu-main a,
* html #menu-sub a,
* html .work-styled { zoom: 1; }

* html #homepage #top, * html #homepage #bottom { height: 150px; position: relative; }