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

* { margin:0; padding:0; }
body { font-family: Arial, sans-serif; font-size:12px;  line-height:16px; background-color:#fff; }
a:link, a:visited { color:#000; text-decoration:none; border-bottom:1px solid #000; }
a:hover { color:#0014d3; text-decoration:none; border-bottom:1px solid #0014d3; }

div#topleft { width:200px; height:60px; z-index:3; }
* html #topleft { /*\*/position: absolute; top: expression((19 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #topleft { position:fixed; top:19px; left:20px; }
div#topright { width:200px; height:60px; z-index:3; text-align:right; }
* html #topright { /*\*/position: absolute; top: expression((19 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #topright { position:fixed; top:19px; right:20px; }

h1 { font-size:12px; font-weight:normal; margin:0; padding:0; display:inline;}
h1 a:link, h1 a:hover, h1 a:visited { border:0; }
#linknews, #linkconnect { cursor:pointer; border:0; }
#linknews:hover, #linkconnect:hover { border:0; }

div.butclose { position:absolute; width:9px; height:9px; background:url('../img/but_closeinfo.png') no-repeat top left; cursor:pointer; }

div#news { display:none; width:425px; height:500px; z-index:3; background-color:#fff; border:1px solid #000;}
* html #news { /*\*/position: absolute; top: expression((71 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #news { position:fixed; top:71px; right:20px; }
div#news-inner { position:absolute; top:25px; left:12px; height:475px; overflow-y:scroll; }
div#news-inner p { margin-bottom:15px; margin-right:10px;}
div#butclosenews { left:409px; top:7px; }

div#connect { display:none; width:215px; height:50px; z-index:4; background-color:#fff; border:1px solid #000; }
* html #connect { /*\*/position: absolute; top: expression((75 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((24 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #connect { position:fixed; top:75px; right:24px; }
div#connect-inner { position:absolute; top:10px; left:12px; width:150px; margin-bottom:25px; }
div#butcloseconnect { left:199px; top:7px; }

div#press { width:800px; z-index:10; background-color:#fff; border:1px solid #000; position:absolute; top:18px; left:0; margin-bottom:25px; }
div#press-inner { position:absolute; top:25px; left:12px; margin-bottom:25px; }
div#butclosepress { left:784px; top:7px; }

div#menu { width:215px; height:52px; z-index:3; }
* html #menu { /*\*/position: absolute; top: expression((12 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((240 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
body > #menu { position:fixed; top:12px; right:240px; }
div#menu select { font-family: Arial, sans-serif; margin:6px; width:200px; padding:1px; }
div#menu select optgroup { font-size:5px;padding-left:5px; }
div#menu select optgroup option { font-size:10px; }

div#butprev { position:absolute; top:25px; left:2px;width:23px; height:23px; background:url('../img/but_prev.png') no-repeat top left; cursor:pointer; }
div#butoverview { position:absolute; top:25px; left:96px; width:23px; height:23px; background:url('../img/overview.png') no-repeat top left; cursor:pointer; }
div#butnext { position:absolute; top:25px; right:5px; width:23px; height:23px; background:url('../img/but_next.png') no-repeat top left; cursor:pointer; }

div#load { display:none; position:absolute; top:18px; left:50%; margin-left:-8px; width:16px; height:16px; background:url('../img/load.gif') no-repeat top left; }

div#content { position:absolute; width:900px; top:75px; left:50px; z-index:2; }
div#content div { float:left; display:block; }
div#content div.mr { margin-right:25px; }
div.projectinfo { margin-left:0; margin-top:0; width:425px; font-weight:normal; }
div.projectmetadata { margin-left:25px; margin-top:0; width:200px; font-weight:normal; }
div.projectimages { margin-left:0; margin-top:25px; width:875px; clear:left; font-weight:normal; }
div.projectimages img, div.projectimages div { position:relative; float:left; display:block; margin-bottom:25px; }

div.slideshow { position:relative; display:block; float:left; }
div.slideshow img { position:absolute; top:0; left:0; z-index:8; }
div.slideshow img.active { z-index:10; }
div.slideshow img.last-active { z-index:9; }

div#overview { position:absolute; top:75px; 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-color:#fff; cursor:pointer; padding:0; }
div.overviewmetadata p { margin:10px; margin-top:25px; text-align:center; }

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; }
.doorstreep { text-decoration:line-through; }