body {
  background: #a4e2fa url(../img/body-bg.jpg) 50% 0 no-repeat;
  margin: 0;
  padding: 0;
  font: 10px/14px Tahoma, Arial, Helvetica;
  color: #fff;
}

a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;  
}

h1, h2, h3, h4, h5 {
  padding: 0;
}

input, select, textarea {
  font: 11px/15px Tahoma, Arial, Helvetica;
  font-weight: bold;
  color: #383838;  
}
#inner #container .wrapper #right-column #content #map {
  border: 4px solid #053fa0;
}

/* layout elements */

#container {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

#top-row {
  width: 960px;
  height: 330px;
  margin: 90px 0 0 0;
  padding: 0;
  overflow: hidden;
}
#top-row a {
  font-weight: bold;
  text-transform: uppercase;
}
#left-column h2,
#top-row h2 {
  margin: 0;
  padding: 24px 0 0 24px;    
  font-size: 14px;
}

#logo {
  position: absolute;
  top: 0;
  z-index: 1;
  background: url(../img/logo.png) 0 0 no-repeat;
  height: 127px;
  width: 175px;
  margin: 10px 0 0 45px;
  text-indent: -9999px;
}

#block-navigation {
  display: block;
  position: relative;
  float: left;
  width: 267px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#block-innernav {
  display: block;
  position: relative;
  float: left;
  width: 267px;
  background: url(../img/navigation-top.png) 0 0 no-repeat;
}
#index #block-navigation ul {
  height: 240px;  
}
#block-navigation ul {
  display: block;
  float: left;
  width: 267px;
  background: url(../img/nav-fill.gif) 0 0 repeat-y;
  margin: 50px 0 0 0;
  padding: 0;
  overflow: hidden;
}
#block-navigation li {
  display: block;
  float: left;
  background: url(../img/navitem-bg.gif) 10px 0 no-repeat;
  list-style: none;
  width: 267px;
}
#block-navigation li a {
  display: block;
  height: 16px;
  width: 267px;
  padding: 5px 20px;
  font-weight: bold;
  text-transform: uppercase;
}
#block-navigation ul li ul {
  background: none;
  margin: 0;
  padding: 0 0 20px 0;
}
#block-navigation ul li ul li {
  background: url(../img/arrr-pink.gif) 20px 50% no-repeat;
}
#block-navigation ul li ul li a {
  background: none;
  margin: 0;
  padding: 2px 0 0 40px;
  text-transform: none;
}
#block-navigation .block-bottom {
  display: block;
  float: left;
  background: url(../img/navigation-bottom.png) 0 bottom no-repeat;
  height: 40px;
  width: 267px;
  padding: 0;
  margin: 0;
  overflow: hidden;  
}
#navigation-overlay {
  position: absolute;
  top: 0;
  z-index: 2;
  background: url(../img/navigation-overlay.png) 0 0 no-repeat;
  height: 248px;
  width: 173px;
  margin: 198px 0 0 108px;
  padding: 0;  
}
#inner-navigation-overlay {
  position: absolute;
  z-index: 2;
  background: url(../img/navigation-overlay.png) 0 0 no-repeat;
  height: 248px;
  width: 173px;
  margin: -234px 0 0 116px;
  padding: 0;  
}



#block-news {
  display: block;
  float: left;
  background: #053fa0 url(../img/top-blue.gif) 0 0 no-repeat;
  height: 330px;
  width: 267px;
  margin: 0 0 0 14px;
  padding: 0;
}
#inner #block-news {
  display: block;
  float: left;
  background: url(../img/topr-blue.png) 0 0 no-repeat;
  height: 369px;
  width: 267px;
  margin: 14px 0 0 0;
  padding: 0;
}
#block-news ul {
  background: #053fa0;
  margin: 0;
  padding: 0;
}
#block-news li {
  display: block;
  list-style: none;  
  width: 267px;
  border-bottom: 1px solid #2a5cae;  
}
#block-news li#last {
  border: 0;
}
#block-news .item {
  padding: 8px 10px;
}
#block-news .item-head {
  display: block;
  background: url(../img/arrr-blue.gif) right 0 no-repeat;
  padding: 0 0 0 10px;
  color: #9bb2d9;  
  font-weight: bold;
  text-transform: uppercase;
}
#block-news .item a.selected {
  background: url(../img/arrd-blue.gif) right 0 no-repeat;
  color: #fff;  
}
#block-news .item-message {
  padding: 10px;
  height: 130px;
  text-align: justify;
  overflow: hidden;
}
#block-news .item-message p {
  margin: 0;
  padding: 0;  
}
#block-news .item-message img {
  margin: 3px 6px 6px 0;
  border: 1px solid #fff;  
}
#block-news .block-bottom {
  float: left;
  background: url(../img/bottom-blue.gif) 0 0 no-repeat;
  height: 44px;
  width: 242px;
  padding: 15px 0 0 25px;
  overflow: hidden;  
  font-weight: bold;
  text-transform: uppercase;
}

#block-multimedia {
  display: block;
  float: left;
  background: url(../img/multimedia-bg.png) 0 0 no-repeat;
  width: 395px;
  margin: 0 0 0 14px;
}
#block-multimedia ul {
  height: 55px;
  margin: 4px 0 0 0;
  padding: 0;
  overflow: hidden;
}
#block-multimedia li {
  display: block;
  list-style: none;  
  height: 29px;
  width: 267px;
  border-bottom: 1px solid #4188d9;  
}
#block-multimedia li a {
  display: block;
  background: url(../img/arrr-gray.gif) 0 50% no-repeat;
  height: 16px;
  padding: 5px 15px;
  line-height: 20px;
  color: #053fa0;
}

#video {
  background: #161616 url(../img/video-bg.jpg) 0 0 no-repeat;
  width: 384px;
  height: 268px;
  border: 1px solid #134c99;
  overflow: hidden;
}
a#tickets-overlay {
  position: absolute;
  top: 0;
  background: url(../img/tickets-overlay.png) 0 0 no-repeat;
  height: 250px;
  width: 250px;
  margin: 262px 0 0 735px;
  padding: 0;  
  text-indent: -9999px;
}







#bottom-row {
  width: 960px;
  height: 370px;
  margin: 26px 0 50px 0;
  padding: 0;
  overflow: hidden;
}
#bottom-row h2 {
  margin: 0;
  padding: 24px 0 0 24px;  
  font-size: 14px;
}


#block-attractions {
  display: block;
  float: left;
  background: url(../img/top-blue2.png) 0 0 no-repeat;
  height: 369px;
  width: 267px;
}
#featured-attraction {
  height: 101px;
  width: 267px;
  margin: 0;
  padding: 0;  
  overflow: hidden;
}
#featured-overlay {
  position: absolute;
  background: url(../img/attraction-overlay.png) 0 0 no-repeat;
  height: 101px;
  width: 267px;
  margin: 0;
  padding: 0;  
}
#block-attractions ul {
  margin: 0;
  padding: 0;
}
#block-attractions li {
  display: block;
  float: left;
  list-style: none;  
  height: 30px;
  width: 267px;  
  padding: 0;
  margin: 0;
}
#block-attractions li#nr1 {
  background: url(../img/top-1.gif) 0 0 no-repeat;
}
#block-attractions li#nr2 {
  background: url(../img/top-2.gif) 0 0 no-repeat;
}
#block-attractions li#nr3 {
  background: url(../img/top-3.gif) 0 0 no-repeat;
}
#block-attractions li#nr4 {
  background: url(../img/top-4.gif) 0 0 no-repeat;
}
#block-attractions li#nr5 {
  background: url(../img/top-5.gif) 0 0 no-repeat;
}
#block-attractions li a {
  display: block;
  padding: 7px 0 6px 25px;
  font-weight: bold;
  text-transform: uppercase;
}
#block-attractions .block-bottom {
  float: left;
  background: url(../img/bottom-blue.gif) 0 0 no-repeat;
  height: 44px;
  width: 242px;
  padding: 15px 0 0 25px;
  overflow: hidden;  
  font-weight: bold;
  text-transform: uppercase;
}
#block-attractions .block-bottom p {
  clear: both;
  float: left;
  width: 240px;
  margin: 0;
  padding: 0;
  font-size: 8px;
  line-height: 12px;
}

#block-split {
  display: block;
  float: left;
  height: 330px;
  width: 267px;
  margin: 0 0 0 14px;
}
#block-newsletter {
  display: block;
  background: #ff921f url(../img/top-orange.gif) 0 0 no-repeat;
  float: left;
  height: 196px;
  width: 267px;
  margin: 0 0 14px 0;
  padding: 0;
}
#block-newsletter .block-inner {
  padding: 0 20px;
  font-weight: bold;
  text-transform: uppercase;  
}
#block-newsletter input {
  float: left;
  background: url(../img/inputgo-bg.gif) 0 0 no-repeat;
  border: 0;
  height: 17px;
  width: 167px;
  margin: 0;
  padding: 7px;  
}
#block-newsletter button {
  float: left;
  background: url(../img/go-btn.gif) 0 -31px no-repeat;
  width: 30px;
  height: 31px;
  margin: 0;
  padding: 0;
  border: 0;
}
#block-newsletter button:hover {
  background-position: 0 0;
}
#block-newsletter button span {
  display: none;  
}

#block-banner {
  float: left;
  background: #161616;
  width: 267px;
  height: 159px;
  margin: 0;
  padding: 0;
  color: #707070;
}
#block-map {
  float: left;
  background: #161616 url(../img/map-bg.jpg) 0 0 no-repeat;
  width: 267px;
  height: 159px;
  margin: 0;
  padding: 0;
  color: #fff;
}
#block-map p {
  padding: 0 120px 0 10px;
  text-transform: uppercase;
  font-weight: bold;
}


#block-split2 {
  display: block;
  float: left;
  height: 330px;
  width: 390px;
  margin: 0 0 0 14px;
}
#block-dykt {
  display: block;
  background: url(../img/dykt-bg.gif) 0 0 no-repeat;
  float: left;
  height: 196px;
  width: 390px;
  margin: 0 0 14px 0;
  padding: 0;
}
#dykt-overlay {
  position: absolute;
  z-index: 20;
  background: url(../img/dykt-overlay.png) 0 0 no-repeat;
  height: 160px;
  width: 140px;
  margin: 36px 0 0 10px;
  padding: 0;  
}
#block-dykt .block-inner {
  padding: 0 20px 0 180px;
  text-transform: uppercase;  
}
#block-dykt .block-inner p.big {
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
}



#block-footer {
  display: block;
  background: #053fa0 url(../img/bottom-footer.gif) right 100% no-repeat;
  float: left;
  height: 159px;
  width: 390px;
  margin: 0;
  padding: 0;
}
#inner #block-footer {
  display: block;
  background: #f4c127 url(../img/bottom-footer-inner.gif) right bottom no-repeat;
  float: left;
  height: 100px;
  width: 671px;
  margin: 14px 0 0 0;
  padding: 0;
}
#block-footer #links {
  margin: 85px 0 0 0;
  padding: 0 30px 0 0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
}
#inner #block-footer #links {
  margin: 25px 0 0 0;
}
#block-footer #copyright {
  margin: 15px 0 0 0;
  padding: 0 30px 0 0;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
}
#block-footer #copyright a{
  background:url(../img/footerspeelland.png) no-repeat 0 0;
  width:390px;
  height:29px;
  margin-left:-30px;
  float:right;
  overflow:hidden;
 }


#left-column {
  display: block;
  float: left;
  width: 267px;
  margin: 90px 0 50px 0;
  padding: 0;
}

#right-column {
  display: block;
  float: right;
  width: 671px;
  margin: 90px 0 50px 14px;
  padding: 0;
}


#header { 
  background: #000;
  height: 235px;
  width: 669px;
  border: 1px solid #f4c127;  
  overflow: hidden;
}

#content {
  background: #f4c127 url(../img/content-bg.gif) 0 0 repeat-x;
  width: 571px;  
  margin: 0;
  padding: 30px 50px;
  font-size: 11px;
  line-height: 16px;
  color: #333;
}

#content a {
  color: #222;
  text-decoration: underline;  
}


#projects {
  width: 666px;  
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 16px;
  color: #333;
}
#projectheader {
  background: url(../img/projectheader.png) 0 0 repeat-x;
  width: 636px;
  height: 70px;
  padding: 10px 15px;
  margin: 0;
  
}
.project {
  float: left;
  width: 325px;
  padding: 0;
  margin: 0 0 16px 0;
  background: #f4c127;
  border-top: 1px solid #f3d065;    
}
.project-odd {
  float: right;
  width: 325px;
  padding: 0;
  margin: 0 0 16px 0;
  background: #f4c127;  
  border-top: 1px solid #f3d065;  
}
.projecttitle {
  padding: 7px 15px 2px 15px;
}
.projectdescription {
  height: 40px;
  padding: 10px 10px;
  color: #fff;
}

#newslist {
  margin: 0;
  padding: 0;
}
#newslist li {
  list-style: none;
}


.blue {
  color: #6194e8;
}
.blue a {
  color: #6194e8;  
}
a.more {
  display: block;
  float: left;
  padding: 0 15px 0 0;
  font-weight: bold;
}
a.arr-blue {
  background: url(../img/arrr-blue.gif) right 50% no-repeat;
}
a.arr-gray {
  background: url(../img/arrr-gray.gif) right 50% no-repeat;
}
a.arr-purple {
  background: url(../img/arrr-purple.gif) right 50% no-repeat;
}
.block-head {
  height: 59px;
  width: 267px;
  margin: 0;
  padding: 0;  
}
.block-inner {
  margin: 0;
  padding: 0 20px;  
}
.upper {
  text-transform: uppercase;
}




/**
 * Offcourse we need css hacks
 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}


.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}

.sIFR-active h2 {
  font-size: 16px;
  display: block;
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}


.sIFR-active h1 {
  font-size: 20px;
  display: block;
}


/** validated inputs **/ 
/*
input.required, textarea.required {
  border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
  border: 1px solid #FF3300;
  color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
  border: 1px solid #00CC00;
  color : #000;
}
*/
.validation-advice {
  margin: 5px 0;
  padding: 5px;
  background-color: #FF3300;
  color : #FFF;
  font-weight: bold;
}

.custom-advice {
  margin: 5px 0;
  padding: 5px;
  background-color: #C8AA00;
  color : #FFF;
  font-weight: bold;
}

#block-newsletter input.validation-failed, textarea.validation-failed {
  background: #FF3300;
  color : #FFFFFF;
}
#block-newsletter .validation-advice { 
  margin: 0;
  padding: 0;
  display: none;
}



/**
 * ALBUMS
 */
.album {
  clear: both;
  width: 571px;
  height: 110px;
  margin: 0 0 15px 0;
}

.albumthumb {
  float: left;
  padding: 0 8px 16px 0;
}

.albumthumb img {
  float: left;
  border: 3px solid #fff;
}

.albumdesc {
  float: left;
  width: 300px;
  padding: 0 0 0 20px;
}

#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  }

#lightbox a img{ border: none; }

#outerImageContainer{
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  }

#imageContainer{
  padding: 10px;
  }

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  }
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%  
  }

#imageData{  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }      
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }  
    
#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
  }
  
  
  
  
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
}  
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}      
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}