/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
    margin-top: -3px;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

body {
  background:black;
  width:100%;
  height:100%;
  min-width:918px;
}

div#container {
  position:absolute;
  height:100%;
  width:100%;
  min-height:821px;
  min-width:918px;
}

div#header {
  height:150px;
  width:100%;
  z-index:10;
  background: url(images/static/header-background.png) repeat-x;
  position:relative;
  z-index:1000;
}

div#header a#logo {
  margin-left:30px;
  display:block;
  float:left;
}

div#header nav {
  float:right;
  margin-right:13px;
}

div#header nav ul li {
  float:left;
  font:14px 'CopperplateGothicLightRegular';
  color:#f2f2f2;
  margin-left:8px;
}

div#header nav ul li ul li {
  margin-left:0px;
}

div#header nav ul li a {
  color:#f2f2f2;
  line-height:46px;
  text-decoration:none;
  text-transform:uppercase;
  padding:0 20px;
  height:55px;
  display:block;
  position:relative;
}

div#header nav ul li nav {
  position:absolute;
  background:#3d7cb9;
  float:left;
  margin-right:0;
  width:220px;
  display:none;
}

div#header nav ul li nav ul li {
  width:265px;
  background: url(images/static/sub-menu-item-background.png) repeat-x;
  height:39px;
}

div#header nav ul li nav ul li a {
  background:none;
}

div#header nav ul li.active nav {
  display:block;
}

div#header nav ul li a:hover,
div#header nav ul li.active a,
div#header nav ul li.menu-active a {
  background:#3d7cb9;
  display:block;
} 

div#header nav ul li.active nav ul li a {
  background:none;
  height:39px;
  line-height:39px;
}

div#header nav ul li.active nav ul li a:hover {
  background:#3d7cb9;
}

div#header nav ul li a div.arrow { 
  display:none;
}

div#header nav ul li a:hover div.arrow,
div#header nav ul li.menu-active a div.arrow {
  display:block;
  position:absolute;
  background: url(images/static/menu-arrow.png) no-repeat;
  width:8px;
  height:5px;
  bottom:0;
  left:-8px;
}

div.left,
div.right {
  position:absolute;
  height:100%;
  top:0;
  width:50%;
  overflow:hidden;
}

div.left {
  left:0;
  background:#fff;
}

div.left div.block,
div.right div.block {
  position:absolute;
  bottom:250px;
  width:435px;
  background: url(images/static/footer-background.png);
  height:85px;
}

div.left .pixelize,
div.right .pixelize {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background: url(images/static/transparent-pixel.png) repeat;
}

div.left div.block span {
  margin-top:15px;
  height:55px;
  background: url(images/static/arrow.png) 362px center no-repeat;
  display:block;
  padding-right:103px;
  padding-left:31px;
  font:22px/30px 'CopperplateGothicLightRegular';
  color:#f2f2f2;
}

div.right div.block span {
  margin-top:15px;
  height:55px;
  background: url(images/static/arrow-to-left.png) 30px center no-repeat;
  display:block;
  padding-right:103px;
  padding-left:31px;
  font:22px/30px 'CopperplateGothicLightRegular';
  color:#f2f2f2;
  text-align:right;
  width:370px;
}

div.left div.block {
  left:0;
}

div.left div.block a,
div.right div.block a {
  text-decoration:none;
}
div.right div.block {
  right:0;
}

div.right {
  right:0;
  text-align:right;
}

div.right img {
  float:right;
}

div#gallery {
  width:400px;
  margin-top:60px;
  z-index:3;
  float:left;
  clear:both;
  margin-left:30px;
  height:495px;
  overflow:hidden;
  position:relative;
}

div#content {
  width:400px;
  margin-top:60px;
  z-index:3;
  float:left;
  clear:both;
  margin-left:30px;
  height:595px;
  overflow:hidden;
  position:relative;
}

div#content .inner {
  background: url(images/static/white-transparent.png) repeat;
  float:left;
  clear:both;
  display:block;
  width:380px;
  padding:20px;
}

div#gallery h1 {
  display:block;  
  background: url(images/static/footer-background.png);
  height:58px;
  color:#f2f2f2;
  font:20px/58px 'CopperplateGothicLightRegular';
  text-transform:uppercase;
  text-align:left;
  padding-left:20px;
  position:absolute;
  bottom:0;
  width:280px;
  z-index:2;
}

div#content h1 {
  float:left;
  position:none;
  height:58px;
  background: url(images/static/footer-background.png);
  text-transform:uppercase;
  text-align:left;
  padding-left:20px;
  display:block;
  width:380px;
  font:20px/58px 'CopperplateGothicLightRegular';
  color:#f2f2f2;
}

div#gallery h1 a.slide-up {
  width:21px;
  height:19px;
  background:url(images/static/slide-up-down.png) no-repeat left bottom;
  display:block;
  position:absolute;
  right:27px;
  top:20px;
}

div#gallery h1 a.slide-down {
  width:21px;
  height:19px;
  background:url(images/static/slide-up-down.png) no-repeat;
  display:block;
  position:absolute;
  right:27px;
  top:20px;
}

div#gallery-wrapper {
  width:300px;
  height:400px;
  position:absolute;
  z-index:1;
} 

div#gallery-wrapper div#scrollable {
  width:300px;
  height:400px;
  position:relative;
  overflow:hidden;
}

div#gallery-wrapper div#scrollable div.items {
  width:20000px;
  height:400px;
  position:absolute;
}

div#gallery-wrapper div#scrollable div.items-wrapper {
  float:left;
  width:300px;
  height:400px;
  background:url("images/static/white-transparent.png");
}

div#gallery-wrapper div#scrollable div.items img {
  display:block;
}

div#gallery-wrapper div#scrollable div.items a {
  float:left;
  border:1px solid #fff;
}



div#gallery-wrapper div#scrollable div.items a.no-margin-right {
  margin-right:0;
}

div#gallery div#navigation {
  height:38px;
  display:block;
  background: url(images/static/white-transparent.png);
  float:left;
  width:300px;
}

div#gallery div#navigation button.play-slideshow {
  border:0;
  width:120px;
  float:left;
  margin-left:18px;
  height:20px;
  background: url(images/static/slideshow-button.jpg);
  cursor:pointer;
  margin-top:9px;
}

div#gallery div#navigation button.play-slideshow.pause {
  border:0;
  width:120px;
  float:left;
  margin-left:18px;
  height:20px;
  background: url(images/static/slideshow-button-pause.jpg);
  cursor:pointer;
  margin-top:9px;
}

div#gallery div#navigation button.play-slideshow:hover {
  background-position:left bottom;
}

div#gallery div#navigation nav.paginator {
  float:right;
  margin-right:11px;
  margin-top:9px;
}

div#gallery div#navigation nav.paginator ul li {
  float:left;
  width:20px;
  height:20px;
  text-align:center;
  line-height:20px;
  margin-left:10px;
}

div#gallery div#navigation li {
  width:20px;
  height:20px;
  display:block;
  background: url(images/static/paginator-backs.jpg) no-repeat;
  color:#ffffff;
  font:12px/20px 'CopperplateGothicLightRegular';
  text-decoration:none;
}

div#gallery div#navigation li:hover,
div#gallery div#navigation li.active-li,
div#gallery div#navigation li.active {
  background-position:left bottom;
}

div#gmap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#ccc;
  z-index:0;
}

div#contact-details {
  z-index:1;
  top:100px;
  left:300px;
  width:445px;
  height:500px;
  position:absolute;
  background:url(images/static/contact-arrow.png) no-repeat right 191px;
}

div#contact-details a {
  color:#3d7cb9;
}

div#contact-details h1 {
  background:url("images/static/footer-background.png");
  height:53px;
  display:block;
  margin-right:44px;
  color:#fff;
  text-transform:uppercase;
  padding-left:20px;
  width:380px;
  float:left;
  font:20px/53px 'CopperplateGothicLightRegular';
}

div#contact-details .inner {
  background:url("images/static/map-white.png");
  margin-right:44px;
  padding-top:18px;
  padding-left:20px;
  padding-bottom:18px;
  width:380px;
  float:left;
}

div#contact-details .inner h2,
div#contact-details .inner h3,
div#content h2 {
  color:#3d7cb9;
  text-transform:uppercase;
  font-weight:normal;
  font:16px 'CopperplateGothicLightRegular';
}

div#contact-details .inner h3 {
  margin-top:15px;
  margin-bottom:5px;
}

div#content p {
  font:14px/18px Helvetica;
  margin-top:10px;
  margin-bottom:10px;
  padding-right:10px;
}

div#content p img {
  float:left;
  margin:0 10px 5px 0;
}

div#content a.email {
  background: url(images/static/e-mail-background.jpg);
  height:20px;
  width:130px;
  display:block;
  clear:both;
  color:#f2f2f2;
  text-transform:uppercase;
  font:12px/20px 'CopperplateGothicLightRegular';
  text-decoration:none;
  text-align:center;
  margin-top:4px;
}

div#content a.email:hover {
  background-position:left bottom;
}

div#contact-details .inner address,
div#success p {
  font-style:normal;
  font:14px/18px Helvetica;
}

div#success {
  display:none;
}

div#contact-details .inner form input,
div#contact-details .inner form textarea {
  background:url(images/static/input-background.png);
  border:1px solid #b4b4b4;
  width:211px;
  margin-top:10px;
  padding-left:10px;
  font-size:14px;
  font-family:Helvetica;
  line-height:18px;
  padding-top:9px;
  padding-bottom:9px;
  outline:none;
}

div#contact-details .inner form input.error,
div#contact-details .inner form textarea.error {
  border:1px solid #f00;
}

div#contact-details .inner form textarea {
  height:100px;
  resize:none;
}

div#contact-details .inner form button {
  height:20px;
  width:93px;
  border:none;
  background: url(images/static/button-verzenden.png) no-repeat;
  cursor:pointer;
}

div#contact-details .inner form button:hover {
  background-position:left bottom;
}

div.footer {
  position:absolute;
  left:0;
  bottom:0px;
  background: url(images/static/footer-background.png);
  width:100%;
  height:25px;
  line-height:25px;
  color:#f2f2f2;
  text-transform:uppercase;
  z-index:2;
}

div.footer span {
  float:right;
  margin-right:20px;
  font-family:'CopperplateGothicLightRegular';
  font-size:12px;
}

img{ border:none; }
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
/*Controls Section*/
#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
#navigation { float:right; margin:0px 0px 0 0; }
	
/*Thumbnail Navigation*/	
#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:10px; }
#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }

::-webkit-input-placeholder {
   color: #555;
}

:-moz-placeholder {
   color: #555;
}

input.input-focused,
textarea.input-focused {
   color: #555;
}

#supersized a {
  text-align: center;
}

#supersized a img {
  height:100%;
  margin:0 auto;
}

a.nextSlide, a.prevSlide {
  width:23px;
  height:16px;
  background: url(../images/static/prevnext.png);
  display:block;
  position:absolute;
  top:405px;
  cursor:pointer;
}

a.prevSlide {
  left: 2px;
}

a.nextSlide {
  right: 2px;
  background-position:left bottom;
}

a.nextSlide.disabled, a.prevSlide.disabled {
  display:none;
}

a.prevslide {
  display : none;
}