body { margin: 0; padding: 0; background: #fff url(/static/images/bg.gif) repeat-x; font-size: 10px; font-family: verdana,trebuchet ms,sans serif; }

ul#topnav { position: absolute; bottom: 10px; }
ul.navigation { list-style: none; margin: 0; padding: 0; left: 0; font-weight: bold; font-size: 1.2em; line-height: 2em; }
ul.navigation ul { list-style: none; margin: 0; padding: 0; font-weight: normal; display: inline; }
ul.navigation li { float: left; display: inline; }
ul.navigation a { float: left; margin-right: 20px; color: #464f62; }
ul.navigation a:hover { color: #c36363; }

.thePictures { clear: left; margin-top: 5em; margin-bottom: 20em; }
.shadower { clear: left; position: relative; padding: 7px; margin-bottom: 12px; margin-left: 50px; float: left; margin-left: -7px;  }
.noShadow { position: relative; margin-bottom: 12px; }
.sdwTop { position: absolute; height: 7px; background: url(/static/images/sdw-top.png); top: 0; left: 12px;  right: 12px; }
.sdwBottom { position: absolute; height: 7px; background: url(/static/images/sdw-bottom.png); bottom: 0; left: 12px;  right: 12px; }
.sdwLeft { position: absolute; width: 7px; background: url(/static/images/sdw-left.png); bottom: 12px; left: 0;  top: 12px; }
.sdwRight { position: absolute; width: 7px; background: url(/static/images/sdw-right.png); bottom: 12px; right: 0;  top: 12px; }
.sdwLT { position: absolute; width: 12px; height: 12px; background: url(/static/images/sdw-lt.png) no-repeat; left: 0; top: 0; }
.sdwLB { position: absolute; width: 12px; height: 12px; background: url(/static/images/sdw-lb.png) no-repeat; left: 0; bottom: 0; }
.sdwRT { position: absolute; width: 12px; height: 12px; background: url(/static/images/sdw-rt.png) no-repeat; right: 0; top: 0; }
.sdwRB { position: absolute; width: 12px; height: 12px; background: url(/static/images/sdw-rb.png) no-repeat; right: 0; bottom: 0; }
.pSubline { font-size: 1.2em; clear: both; }

#head { position: relative; margin-left: 100px; height: 130px; }
#vosswinkel { position: absolute; left: 0; top: 30px; }

#works { position: relative; float: left; width: 250px; margin-left: -250px; }
#master { position: relative; float: left; width: 900px; margin-right: -900px; }
#menue { position: absolute; top: 96px; left: 0; }
#main { padding-left: 100px; margin-top: 24px; }

#workhead { position: relative; height: 130px; }
#headbar { position: absolute; bottom: 10px; height: 24px; background: url(/static/images/workbar-bg.gif); width: 100%; color: #fff; font-size: 13px; line-height: 24px; }
#innerBar { margin-left: 32px; }

#worklist { font-size: 1.2em; }
#worklist .year { font-size: 24px; color: #c6c8ce; background: white; padding-left: 11px; }
#worklist li { padding-left: 21px; background: url(/static/images/greypix.gif) 0 14px repeat-x; }
ul.workblock { margin: 20px 0; }
#worklist li li {  background: none; padding: 4px 0; }
#worklist li li a {  }
ul.workblock a .sndLine { color: #464f62; font-style: italic; }
ul.workblock a { display: block; padding-left: 16px; margin-left: -5px; }
ul.workblock a.visited { background: url(/static/images/ok.gif) 0 3px no-repeat; }

footer { clear: left; min-width: 800px; padding-left: 100px; height: 80px; padding-top: 30px; background: #F6F6F7; }