@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
body { font-family:Helvetica, Arial, sans-serif; font-size:10px; background-color:#fff; }
a:link, a:hover, a:visited { color:#000; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }

#title { width:75px; height:10px; z-index:4; zoom:1; } 
#title h1 { display:block; width:75px; height:14px; text-indent:-9999px; background: url('img/title.png') no-repeat top left; }
* html #title { /*\*/position: absolute; top: expression((35 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((675 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #title { position:fixed; top:35px; left:675px; }
div#menu { width:420px; height:19px; z-index:3; }
* html #menu { /*\*/position: absolute; top: expression((32 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((150 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #menu { position:fixed; top:32px; left:150px; }
div#menu select { font-family:Helvetica, Arial, sans-serif; width:350px; padding:1px; }
div#menu select optgroup { font-size:5px; background-color:#fff; }
div#menu select optgroup option { font-family:Helvetica, Arial, sans-serif; padding-left:8px; font-size:11px; }
div#menu select optgroup option.np { padding-left:3px; font-size:11px; }

div#butoverview { width:15px; height:15px; background:url('img/overview.png') no-repeat top left; z-index:3; cursor:pointer; zoom:1; }
* html #butoverview { /*\*/position: absolute; top: expression((33 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((593 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #butoverview { position:fixed; top:33px; left:593px; }
div#butprev { width:30px; height:30px; background:url('img/but_prev.png') no-repeat top left; z-index:3; cursor:pointer; zoom:1; }
* html #butprev { /*\*/position: absolute; top: expression((26 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((113 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #butprev { position:fixed; top:26px; left:113px; }
div#butnext { width:30px; height:30px; background:url('img/but_next.png') no-repeat top left; z-index:3; cursor:pointer; zoom:1; }
* html #butnext { /*\*/position: absolute; top: expression((26 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((507 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #butnext { position:fixed; top:26px; left:507px; }

div#info_1 { width:100px; font-size:10px; line-height:12px; z-index:3; zoom:1; font-weight:bold; }
* html #info_1 { /*\*/position: absolute; top: expression((30 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((825 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #info_1 { position:fixed; top:30px; left:825px; }
div#info_2 { width:55px; font-size:10px; line-height:12px; z-index:3; zoom:1; font-weight:bold; }
* html #info_2 { /*\*/position: absolute; top: expression((30 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((950 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #info_2 { position:fixed; top:30px; left:950px; }

div#content { position:absolute; width:900px; top:100px; left:50px; z-index:2; }
div#content div { float:left; display:block; }
div#content div.mr { margin-right:25px; }
div.projecttitle { margin-left:0; margin-top:0; width:200px; }
h3 { font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; }
div.projectinfo { margin-left:25px; margin-top:0; width:350px; line-height:12px; letter-spacing:0.01em; }
div.projectmetadata { margin-left:125px; margin-top:0; width:200px; line-height:12px; letter-spacing:0.01em; }
div.projectimages { margin-left:100px; margin-top:75px; width:800px; clear:left; }
div.projectimages img, div.projectimages div { position:relative; float:left; display:block; margin-bottom:25px; }

#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

div#overview { position:absolute; top:124px; left:50px; z-index:1; right:50px; }
div.project { width:200px; margin-bottom:25px; margin-right:25px; display:block; position:absolute; }
div.project img { cursor:pointer; }
div.overviewmetadata { position:absolute; top:0; left:0; width:200px; height:100%; background:#fff; cursor:pointer; }
div.overviewmetadata p { margin:12px; margin-top:12px; text-align:center; font-weight:bold; font-size:12px; }

div#full { position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden; z-index:0; }

.cursief { font-style:italic; }