File: D:/HostingSpaces/SBogers7/bogers-tekenburo.nl/wwwroot/public/css/screen.css
html{ width: 100%; height: 100%; }
body{ position: relative; overflow-y: scroll; margin: 0; min-width: 1000px; width: 100%;color: #000; font-size: 14px; font-family: helvetica, arial, sans-serif; line-height: 1.4;}
h1, h2{ font-size: 1.2em; text-transform: uppercase; }
a{ text-decoration: none; color: #3875D7; }
a:hover{ text-decoration: underline; }
.clear{ clear: both; }
#wrapper{ position: relative; margin: 0 auto; width: 1000px; }
/* Header */
header{ margin-bottom: 30px; width: 100%; height: 300px; border-bottom: 20px solid #666666; }
header .logo, header .images{ float: left; width: 50%; height: 100%; }
header .images{ position: relative; overflow: hidden; background: #efefef;}
header .images ul{ position: absolute; margin: 0; padding: 0; list-style: none; }
header .images ul li{ float: left; }
#content .col{ float: left; margin-right: 100px; width: 450px; }
#content .col.last{ margin-right: 0; }
.drawings{ float: left; padding: 0; margin: 0 50px 0 0; width: 200px; list-style: none; }
.drawings.last{ margin-right: 0; }
.drawings li{ margin-bottom: .5em; width: 100%; }
.drawings li a{ display: block; width: 100%; text-decoration: none; color: #000; border-bottom: 1px solid #666;}
.drawings li a:hover { color: #3875D7; border-bottom: 1px solid #3875D7; }
.contact{ margin: 4em 0;}
.contact table{ margin-bottom: 2em; }
table{ padding: 0; border-spacing: 0; border-collapse: separate;}
table td{ vertical-align: top;}
table .title{ font-weight: 700; width: 100px;}
table .empty{ line-height: 0.5;}
.gallery{ margin-bottom: 100px;}
/* GALLERY */
div.navigation-container { float: left; position: relative; width: 100%; }
div.navigation { position: relative; float: left; }
div.navigation a { text-decoration: none; }
div.navigation .pageLink { display: block; position: absolute; margin: 2px; float: left; width: 16px; height: 77px; line-height: 77px; background:center center no-repeat; opacity: 0.67; filter: alpha(opacity=67); }
div.navigation .pageLink.prev { left: -24px; background-image: url('../images/structure/prevPageArrow.gif'); }
div.navigation .pageLink.next { right: -16px; background-image: url('../images/structure/nextPageArrow.gif'); }
ul.thumbs { position: relative; float: left; margin: 0; padding: 0; width:720px; height: 77px; overflow: hidden; }
ul.thumbs li { float: left; padding: 0; width: 102px; height: 77px; list-style: none; opacity: 0.67; filter: alpha(opacity=67); }
ul.thumbs img { border: none; display: block; }
div.controls { height: 23px; margin-top: 5px; width: 720px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; width: 200px; }
div.nav-controls .next{ float: right;}
div.slideshow-container, div.loader{ width: 686px; }
div.slideshow-container { position: relative; clear: both; float: left; height: 532px; }
div.slideshow-container a:hover{ text-decoration: none; }
div.loader { position: absolute; top: 0; left: 0; background: url('../images/structure/loader.gif') no-repeat center; }
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.caption-container { float: left; position: relative; margin-top: 15px; }
div.caption-container, span.image-caption { width: 815px; }
.advance-link{ float: left;}
.advance-link img{ display: block;}