/**
 * Layout.css - Global styles
 *
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 *
 * Colors:
 * - Base:            #18479E;
 * - Donkerblauw:    #062E71;
 * - Diepblauw:        #17468E;
 * - Lichtblauw:    #0A7DD3;
 * - Orange:        #FF9900;
 * - Rood:            #C61901;
 * - Groen:            #48C105;
 */

/* General */

body {
    margin: 0 0 40px;
    padding: 0;
    background: #18479E url(../img/body-bg.png) repeat-x 50% 0;
    font: 11px Arial, Helvetica, sans-serif;
    color: #17468E;
}

#body-wrap {
    width:100%;
    background: url(../img/body-bg.jpg) no-repeat 50% 0;
}

a {
    color: #0A7DD3;
}

a:hover {
    color: #6CB1E5;
}


blockquote {
    margin: 10px 30px;
}

h1 {
    margin: 0 0 12px;
    font-size: 22px;
    color: #C61901;
}

h2 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #0A7DD2;
}

.information h2 { color: #8BA1C5 !important; }
.packages h2 { color: #0A7DD2 !important; }
.acties h2 { color: #FF9900 !important; }

.column h2 { padding: 0 10px; }
#content h2, .section h2 { padding: 0; }

h3 {
    margin: 0 0 8px;
    font-size: 18px;
    color: #17468D;
}

h4 {
    margin: 0 0 6px;
    font-size: 16px;
    color: #7DBE0B;
}

h5 {
    margin: 0 0 4px;
    font-size: 14px;
    color: #7DBE0B;
}

h6 {
    margin: 0 0 2px;
    font-size: 12px;
    color: #7DBE0B;
}

img {
    border: 0;
}

ol, ul {
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    line-height: 160%;
}

p {
    margin: 0 0 20px;
    line-height: 160%;
}


/* Table styles */

table {
    margin: 10px 0 20px;
    width: 100%;
    border-collapse: collapse;
}

table .hover {
    cursor: pointer;
}

td {
    padding: 8px;
    border-bottom: 1px solid #CCD3DE;
}

th, thead td {
    padding: 8px;
    background-color: #DDD;
    border-bottom: 1px solid #9E9E9E;
    font-weight: bold;
    text-align: left;
}


/* Form styles */

form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

form li {
    margin: 0 0 10px;
    overflow: hidden;
}

form li.indent {
    padding-left: 150px;
}

fieldset {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

legend {
    display: none;
}

input.text {
    margin-right: 2px;
    padding: 4px;
    border: 1px solid #CCC;
    font: 11px Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

input.extra-small {
    width: 30px;
}

input.small {
    width: 60px;
}

input.medium {
    width: 125px;
}

input.large {
    width: 200px;
}

input.toggle-value {
    color: #999;
}

input.focus {
    color: #062E71 !important;
}

label.indent {
    display: -moz-inline-box;
    display: inline-block;
    width: 150px;
}

button.plain {
    padding: 0 15px 0 0;
    background: url(../img/icon-sprite.png) no-repeat 100% -656px;
    border: 0;
    overflow: visible;
    font: 11px Arial Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #062E71;
}

button.plain:hover {
    background-position: 100% -54px;
    color: #5C7DB0;
}

textarea {
    padding: 4px;
    width: 275px;
    height: 150px;
    border: 1px solid #CCC;
    font: 11px Arial, Helvetica, sans-serif;
    vertical-align: top;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#wrapper {
    margin: 0 auto 5px;
    padding-bottom: 10px;
    width: 980px;
    background: url(../img/wrapper-bg.png) no-repeat -1960px 100%;
}

#header {
    padding: 0 15px 0;
    width: 950px;
    height: 170px;
    background: url(../img/wrapper-bg.png) no-repeat 0 0;
}

#main {
    padding: 1px 15px 0;
    width: 950px;
    background: url(../img/wrapper-bg.png) repeat-y -980px 0 !important;
}

#inner-main {
    position: relative;
    margin-top: -156px;
    padding: 70px 0 0;
    width: 950px;
}

#inner-main:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

#sidebar {
    margin: 0;
    padding: 10px 10px 0 0;
    background: url(../img/shadow-sprite.gif) no-repeat 100% -80px;
}

#content {
    position: relative;
    margin: -140px 0 0 0;
    padding: 20px 15px 20px;
    width: 440px;
    background: url(../img/content-bg.png) no-repeat;
}

#mediabar {
    margin: 0;
    padding: 10px 0 0 10px;
    background: url(../img/shadow-sprite.gif) no-repeat 0 -80px;
}

.actions #mediabar {
    background: none;
}

#footer {
    margin: 0 auto;
    padding: 0 0 0 10px;
    width: 960px;
    color: black;
}

.column {
    float: left;
    margin-right: 10px;
    width: 230px;
}

.column.last {
    margin: 0;
}

.column-double {
    width: 470px;
}

.column-triple {
    width: 710px;
}

.column-triple.last {
    margin:0;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
    color: #999;
}

.intro {
    font-size: 14px;
    color: #C61901;
}

.disclaimer {
    padding: 0 8px;
    color: #5B7DB0;
}

.date {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #17468D;
}

.hidden {
    visibility: hidden;
}

.clear {
    clear:both;
}

/* Overviews */

.overview {
    /*width: 720px;*/
    overflow: hidden;
}

.overview .block {
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
}

.overview .last {
    margin: 0;
}

.overview h2 {
    padding: 0 10px;
}

#events {
    margin: 0;
    width: 480px;
}

.h-wrap {
    padding: 0 0 8px;
    width:100%;
    overflow:hidden;
}

.h-wrap h1,
.h-wrap h2,
.h-wrap h3,
.h-wrap p {
    float:left;
    margin:0!important;
    margin-right:5px!important;
    padding:0;
    line-height:30px;
}

.h-wrap p {
    margin:0;
}


/* Blocks */

.block {
    display: block;
    margin: 0 0 10px;
    padding: 10px;
    width: 210px;
}


/* Object blocks */

.object-block img,
.object-block object,
.object-block embed {
    display: block;
}


/* Product blocks */

.product {
    position: relative;
    background: url(../img/product-block-sprite.png) no-repeat 0 -92px;
    text-decoration: none;
    cursor: pointer;
}

.product img {
    margin: -5px -5px 10px -5px;
}

.product h3 {
    margin: 0 0 5px;
    font-size: 12px;
    color: #062E71;
}

.product p {
    margin: 0 0 5px;
    color: #17468E;
    line-height: 140%;
}

.product .label {
    position: absolute;
    margin: 0;
    top: 5px;
    left: 5px;
}

.product .price-label {
    position: absolute;
    margin: 0;
    top: 48px;
    right: 10px;
}

.product .more-icon {
    margin: 0;
}

.actie { background-position: 0px -92px; }
/*.actie h3 { color: #FF7700 !important; }*/
.package { background-position: -460px -92px; }
/*.package h3 { color: #062E71 !important; }*/
.event { background-position: -690px -92px; }
/*.event h3 { color: #027200 !important; }*/
.lastminute { background-position: -230px -92px; }
/*.lastmin h3 { color: #45C001 !important; }*/

/* Event blocks */

.thumb-wrap {
    margin: -5px -5px 10px -5px;
    width:220px;
    height: 90px;
}

.event .calendar {
    position: relative;
    float: left;
    margin: -1px 4px 0 -1px;
    width: 57px;
    height: 92px;
    background: url(../img/product-block-sprite.png) no-repeat -342px 0;
    color: white;
}

.event:hover .calendar {
    background: url(../img/product-block-sprite.png) no-repeat -399px 0;
}

.event .calendar-weekday,
.event .calendar-month {
    height: 23px;
    font-size: 14px;
    line-height: 23px;
}

.event .calendar-day {
    height: 46px;
    font-size: 34px;
    line-height: 46px;
    color:#17468E;
}

.event img {
    float: left;
    margin: 0;
}


/* Price labels */

.label {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../img/label-sprite.gif) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.actie .label { background-position: 0 0; }
.actie:hover .label { background-position: -70px 0; }
.nieuw .label { background-position: 0 -70px; }
.nieuw:hover .label { background-position: -70px -70px; }
.tip .label { background-position: 0 -140px; }
.tip:hover .label { background-position: -70px -140px; }
.uniek .label { background-position: 0 -210px; }
.uniek:hover .label { background-position: -70px -210px; }
.super .label { background-position: 0 -280px; }
.super:hover .label { background-position: -70px -280px; }
.lastminute .label { background-position: 0 -350px; }
.lastminute:hover .label { background-position: -70px -350px; }

.arrangement-detail .image-overlay {
    width: 450px;
    height:300px;
    margin-top: -320px;
    margin-left:-5px;
    margin-bottom:20px;
    position:relative;
    z-index:2;
}

*:first-child+html .arrangement-detail .image-overlay {
    margin-top:-300px;
    margin-bottom:0;
}

.arrangement-detail .content-body.actie:hover .label { background-position: 0 0 }
.arrangement-detail .content-body.nieuw:hover .label { background-position: 0 -70px; }
.arrangement-detail .content-body.tip:hover .label { background-position: 0 -140px; }
.arrangement-detail .content-body.uniek:hover .label { background-position: 0 -210px; }
.arrangement-detail .content-body.super:hover .label { background-position: 0 -280px; }
.arrangement-detail .content-body.lastminute:hover .label { background-position: 0 -350px; }

/* Price labels */

.price-label {
    display: block;
    width: 57px;
    height: 62px;
    background: url(../img/product-block-sprite.png) no-repeat;
}

.price-label span {
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: white;
}

.price-label .unit {
    font-size: 10px;
    line-height: 24px;
}

.price-label .price {
    font-size: 12px;
    line-height: 28px;
}

a:hover .price-label { background-position: -57px 0; }
.package .price-label { background-position: -228px 0; }
.package:hover .price-label { background-position: -285px 0; }
.actie .price-label { background-position: -114px 0; }
.actie:hover .price-label { background-position: -171px 0; }
.lastminute .price-label { background-position: -456px 0; }
.lastminute:hover .price-label { background-position: -513px 0; }

#content .price-label {
    float:right;
    width: 94px;
    height:84px;
    margin:-80px 0 0 5px;
    position:relative;
    z-index:100;
    background: url(../img/product-block-sprite.png) no-repeat -570px 0;
}

*:first-child+html .arrangement-detail #content .price-label,
*:first-child+html .event-detail #content .price-label {
    margin-top: -60px;
}

#content .price-label .unit {
    font-size: 14px;
    line-height: 24px;
    height:24px;
}

#content .price-label .price {
    font-size: 22px;
    line-height: 40px;
    height:40px;
}

#content .price-label .price .cents {
    font-size:13px;
}

#content .price-label .pp {
    margin-top:-6px;
    width: 87px;
    height: 10px;
    line-height:10px;
    text-align:right;
    color:#60AAE2;
}

#content .actie .price-label {background-position: -664px 0 !important;}
#content .actie .price-label .pp  {color:#FFBD59 !important;}
#content .lastminute .price-label {background-position: -758px 0 !important;}
#content .lastminute .price-label .pp  {color:#88D75C !important;}

/* Price lists */

.price-list a:hover {
    cursor:pointer;
}

.price-list .price-label {
    float:left;
    width:42px;
    height:42px;
    margin-right:5px;
    background: url(../img/product-block-sprite.png) no-repeat -852px 0;
}

.price-list a:hover .price-label { background-position: -894px 0; }
.price-list a.actie .price-label { background-position: -936px 0; }
.price-list a.actie:hover .price-label { background-position: -978px 0; }
.price-list a.lastminute .price-label { background-position: -1020px 0; }
.price-list a.lastminute:hover .price-label { background-position: -1062px 0; }

.price-list .price-label .unit {
    font-size: 10px;
    line-height: 18px;
}

.price-list .price-label .price {
    font-size: 12px;
    line-height: 24px;
}

ul.price-list {
    margin: 10px 0 0;
    list-style:none;
}

.price-list li {
    display:block;
    clear:both;
    padding: 5px;
    margin: 0 -9px;
    border-bottom:1px solid #D2DAE8;
}

.price-list li.first {
    padding: 0 5px 5px;
}

.price-list li.first .price-label {
    margin-top:-5px;
}

.price-list li.last {
    padding: 5px 5px 0;
    margin-bottom:-3px;
    border:none;
}

.price-list .title,
.price-list .caption {
    display:block;
    line-height:160%;
    font-size:11px;
    font-weight:bold;
    color:#062D71;
}

.price-list .title {margin-top:4px; }
.price-list .caption { color:#7390BA; margin-bottom:1px;}

.price-list a { text-decoration:none;}

/* Calendars */

.calendar {
    display: inline;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: white;
}

.calendar span {
    display: block;
    width: 100%;
}


/* Buttons */

.button {
    display: inline-block;
    padding-left: 8px;
    height: 30px;
    background: url(../img/button-sprite.png) no-repeat 0 -330px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: white;
}

.button .button-inner {
    display: block;
    padding-right: 33px;
    background: url(../img/button-sprite.png) no-repeat 100% -330px;
    line-height: 30px;
}

.button:hover { background-position: 0 -360px; color: white; }
.button:hover .button-inner { background-position: 100% -360px;color: white; }

.button-alt {
    margin-right: 5px;
    background-position: 0 -892px;
}

.button-alt .button-inner {
    margin-right: -5px;
    padding-right: 8px;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    background-position: 100% -892px;
}

.button-alt:hover {
    background-position: 0 -922px;
}

.button-alt:hover .button-inner {
    background-position: 100% -922px;
}

/* Icon links */

.icon {
    padding-left: 26px;
    background: url(../img/icon-sprite.png) no-repeat;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px !important;
}

a.icon {
    display: inline-block;
}

.more-icon {
    padding: 0 26px 0 0;
    background-position: 100% -1px; color: #17468E;
    text-align: right;
}

.more-icon:hover {
    background-position: 100% -51px; color: #5C7DB0;
}

#button-back {
    margin:-40px 0 20px 10px;
    position:relative;
    z-index:100;
}

#button-back .icon {
    background-position: 0 -550px;
    color: #fff;
    text-align: right;
}

#button-back .icon:hover { background-position: 0 -600px; color:#7490BB;}

#archive-toolbar .more-icon { padding: 0 20px 0 0; }
#archive-toolbar .more-icon:hover {  }

.package .more-icon { background-position: 100% -200px; color: #0A7DD3; }
.package:hover .more-icon { background-position: 100% -250px; color: #72C7E2; }
.product .more-icon { background-position: 100% -100px; color: #17468E; }
.product:hover .more-icon { background-position: 100% -150px; color: #5C7DB0; }
.actie .more-icon { background-position: 100% -300px; color: #FF9900; }
.actie:hover .more-icon { background-position: 100% -350px; color: #FFC266; }
.lastminute .more-icon { background-position: 100% -400px; color: #48C105; }
.lastminute:hover .more-icon { background-position: 100% -450px; color: #91DA69; }


/* Sections */

.section {
    padding: 0 10px;
}


/* Accordions */

.accordion {
    margin-bottom: 5px;
    width: 100%;
}

.accordion .button {
    margin-bottom: 5px;
    width: 222px;
    outline: none;
    background-position: 0 0;
    color:#7490BB;
}

.accordion .button .button-inner {
    width: 189px;
    background-position: 100% 0;
}

.accordion .button:hover .button-inner {background-position: 100% -30px; color:#062E71;}

.accordion .ui-state-active,
.accordion .ui-state-active:hover {
    background-position: 0 -60px;
    color: #062E71;
}

.accordion .ui-state-active .button-inner,
.accordion .ui-state-active:hover .button-inner {
    background-position: 100% -60px;
}

.accordion-content {
    margin-bottom: 5px;
    width: 230px;
    background: url(../img/block-sprite.gif) no-repeat 0 0;
    overflow: hidden;
}

.inner-accordion {
    margin-top: 10px;
    padding: 0 10px 10px;
    width: 210px;
    overflow:hidden;
    background: url(../img/block-sprite.gif) no-repeat 0 100%;
}


/* Tabs */

.tabs {
    margin: 0;
    padding: 0;
    height: 30px;
    list-style: none;
}

.tabs li {
    float: left;
    margin-right: 3px;
}

.tabs a {
    display: block;
    height: 30px;
    background: url(../img/tab-sprite.png) no-repeat;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

.tabs span {
    display: block;
    padding: 5px 10px;
    background: url(../img/tab-sprite.png) no-repeat 100% 0;
}


/* Thumbnails */

.thumb {
    position: relative;
    display: block;
    margin: 0 0 10px;
    width: 230px;
    height: 170px;
}

.thumb img {
    display: block;
}

.zoom {
    position: absolute;
    display: block;
    right: 5px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    background: url(../img/icon-sprite.png) 0 -700px;
    text-indent: -9999px;
    overflow: hidden;
}

a:hover .zoom {
    background-position: 0 -750px;
}


/* Horizontal rules */

.hr {
    clear: both;
    margin: 0 0 20px;
    height: 10px;
    background: url(../img/shadow-sprite.gif) no-repeat;
    border: 0;
}

.hr hr {
    display: none;
}

#main .hr {
    width: 950px;
    background-position: 0 -60px;
}

#main .column-double .hr {
    width: 470px;
    background-position: 0 -20px;
}

#main .column-triple {
    width: 710px;
    background-position: 0 -60px;
}

#content .hr {
    margin: 0 -15px 20px;
    width: 470px;
    background-position: 0 -20px;
}

#content .hr.alt {
    background-position: 0 -40px;
}

#sidebar .hr,
#mediabar .hr {
    width: 230px;
    background-position: 0 0;
}

/* Openingstijden */

#openingstijden thead td {
    background-color: #17468E;
    color:white;
}

#openingstijden td {
    text-align:center;
    background-color:#FFFBE5;
    border-bottom: 1px solid #fff;
    border-right:1px solid white;
    color:#17468E;
}

#openingstijden td.closed {
    background-color:#C61901;
    color:white;
}

#openingstijden td.main-season {
    background-color:#17468E;
    color:white;
}

.legend {
    margin-bottom:20px;
}

.legend p {
    margin-bottom:5px;
    width:100%;
    overflow:hidden;
}

.legend span {
    height:30px;
    line-height:30px;
    display:block;
    float:left;
}

.legend .color {
    width: 30px;
}

.legend .defenition {
    padding-left:5px;
}

.legend .sub-season .color {
    background-color:#FFF8CC;
}

.legend .main-season .color {
    background-color:#17468E;
}

.legend .closed .color {
    background-color:#C61901;
}


/* Toolbars */

.toolbar {
    width: 100%;
    overflow: hidden;
}

.toolbar-group {
    float: right;
}

.toolbar .button {
    float: left;
    margin-left: 10px;
    height: 25px;
    background-position: 0 -390px;
    font-size: 11px;
    color: #062E71;
    width: auto;
}

.toolbar .button .button-inner {
    padding-right: 25px;
    background: url(../img/button-sprite.png) no-repeat 100% -390px;
    line-height: 25px;
    width: auto;
}

.toolbar .button:hover { background-position: 0 -415px; color: white; }
.toolbar .button:hover .button-inner { background-position: 100% -415px; }

.toolbar-large .button {
    display: inline-block;
    padding-left: 8px;
    height: 30px;
    background: url(../img/button-sprite.png) no-repeat 0 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #7490BB;
}

.toolbar-large .button .button-inner {
    display: block;
    padding-right: 33px;
    background: url(../img/button-sprite.png) no-repeat 100% 0;
    line-height: 30px;
}

.toolbar-large .button:hover { background-position: 0 -30px; color: #062E71; }
.toolbar-large .button:hover .button-inner { background-position: 100% -30px;color: #062E71; }

#archive-toolbar {
    margin: 0 -10px;
    width: 460px;
}

/* Package tables */

.package-table {
    margin: 0 0 8px;
}

.package-table td {
    border-color: #E5E9EE;
    color: #002559;
}

.package-table .unit {
    padding: 8px 0 8px 8px;
    width: 20px;
    font-weight: bold;
    color: #062D71;
}

.package-table .price {
    padding:8px 8px 8px 0;
    width:50px;
    font-weight: bold;
    text-align:right;
}

.package-table .arrow {
    padding: 8px;
    width: 20px;
    background: url(../img/icon-sprite.png) no-repeat 50% -195px;
}

.package-table .hover .arrow {
    background-position: 50% -245px;
}

.package-table a {
    text-decoration: none;
    color: #062D71;
}

.package-table a:hover,
.package-table .hover a,
.package-table .hover .unit,
.package-table .hover .price {
    color: #0A7DD2;
}

#package-search-table{
    margin-bottom: 10px;
}

/* Shortcuts */

.shortcut {
    display: block;
    margin: 0 0 10px 0;
    padding: 10px 28px 10px 5px;
    width: 195px;
    height: 30px;
/*    background: url(../img/shortcut-sprite.gif) no-repeat;*/
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #C61901;
}

.shortcut:hover {
    background-position: 0 -50px;
    color: #C61901;
}

.shortcut img {
    display: block;
    float: left;
    margin: -5px 10px -5px 0;
}

.overview .shortcut {
    float: left;
    margin: 4px 0 0 4px;
}

.overview .shortcut.last {
    margin: 4px 4px 0 5px;
}

#shortcuts {
    margin: -20px 0 10px;
    background: url(../img/visual-controls-bg.png) no-repeat 0 -124px;
    height:112px;
}

.intro { color: #C61901; }
#visual { background: url(../img/visual-bg.png) no-repeat; }
#visual-intro .button { background-position: 0 -600px; color: #DF0E7F; }
#visual-intro .button-inner { background-position: 100% -600px; }
#visual-intro .button:hover { background-position: 0 -630px; color: #FF4FB1; }
#visual-intro .button:hover .button-inner { background-position: 100% -630px; }
#visual-controls { background: url(../img/visual-controls-bg.png) no-repeat; }
#visual-jumpers a { background: url(../img/visual-controls-bg.png) no-repeat -80px -236px; }
.visual-control { background: url(../img/visual-controls-bg.png) no-repeat; }
/*.zoom { background-position: 0 -1390px; }
a:hover .zoom { background-position: 0 -1410px; }*/
.shortcut { background-image: url(../img/shortcut-sprite.png); }

/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#inner-header {
    width: 100%;
    height: 110px;
    position: relative;
}


/* Logo */

#logo {
    display: inline;
    float: left;
    margin-top: 5px;
    width: 241px;
    height: 91px;
    position: relative;
    z-index: 100;
/*    text-indent:-9999px;*/
/*    background:url(../img/logo-sprite-nl.png) 0 0;*/
    overflow:hidden;
}

/*a#logo:hover{
    background-position: 0 -91px;
}*/


/* Booking quickform (in header) */

#booking-quickform .row {
    padding: 15px 10px 0 245px;
    width: 455px;
    height: 35px;
    position: absolute;
    top: 50px;
    left: 0;
    background: url(../img/booking-quickform-bg.png) no-repeat 0 100%;
}

*:first-child+html #booking-quickform .row {
    padding-top: 12px;
    height: 38px;
}

#booking-quickform label {
    margin-right: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #7490BB;
}

#booking-quickform #arrival-year {
    margin-right: 5px;
}

#booking-quickform .calicon {
    vertical-align: middle;
    margin-right: 10px;
}

#booking-quickform button {
    padding: 3px 26px 3px 0;
    overflow: visible; /* removes extra side padding in IE */
    position: relative;
    border: 0;
    cursor: pointer;
    font: bold 12px Arial, Helvetica, sans-serif;
    background-position: 100% -1100px;
    color: #CB4212;
}

#booking-quickform button::-moz-focus-inner {
    padding: 0;
    border: none;  /* overrides extra padding in Firefox */
}

#booking-quickform button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}



/* MOST Paspoort */

#passport {
    float: right;
    margin: 20px 5px 0 0;
    padding: 0;
    width: 220px;
    height:80px;
}

#passport-header {
    margin: 0 -10px 8px;
    width: 230px;
    height: 25px;
}

#passport-content {
    padding: 4px 0 0 10px;
}

#passport-logo {
    display: inline;
    float: left;
    margin: 5px 0 0 15px;
    width: 140px;
    height: 25px;
    background: url(../img/paspoort-logo-sprite.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#passport-logo:hover {
    background-position: 0 -25px;
}

#passport-user {
    margin: 0;
    font-weight: bold;
    color:#17468E;
}

#passport .icon {
    padding: 0 18px 0 0;
    background-position: 100% -51px;
    font-size: 10px;
    font-weight: bold;
    color: #5C7DB0;
}

#passport .icon:hover {
    background-position: 100% -653px;
    color: #002559;
}


/* Languages */

#languages {
    position: relative;
    float: right;
    margin: 12px 8px 0 0;
    height: 15px;
}

#languages a {
    display: block;
    float: left;
    margin-left: 5px;
    width: 14px;
    height: 12px;
    background: url(../img/flags.gif) no-repeat;
    font-size: 8px;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#languages a.selected {
    opacity: 1;
    filter: alpha(opacity=100);
}

#languages #nl { background-position: 0 0; }
#languages #en { background-position: 0 -12px; }
#languages #de { background-position: 0 -24px; }


/* Online booking button */

#online-booking-button {
    display: inline;
    float: right;
    margin: 4px 4px 4px 0;
    width: 227px;
    height: 32px;
    background: url(../img/navigation-sprite.png) no-repeat 0 -40px;
    text-indent: -9999px;
    overflow: hidden;
}

#online-booking-button:hover {
    background-position: 0 -72px;
    color:#5C7DB0;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

#home-visual {
    position: relative;
    margin: 0 0 10px;
    padding-top:4px;
    width: 950px;

    /* JW: aanpassing voor actie */
    /*height: 350px;*/
    
    height: 390px;
    background: url(../img/homepage-visual-tabs-bg.png) no-repeat;
    
}

    #home-tabs {
        list-style:none;
        height:79px;
        margin:0;
        padding: 0;
    }
    
    #home-tabs li {
        width:230px;
        height:75px;
        float:left;
        padding-left:10px;
    }
    
    #home-tabs li.first {
        margin-left:4px;
        padding-left:9px;
        width:217px;
    }
    
    #home-tabs li.last {
        margin-right:4px;
        width:226px;
    }
    
    #home-tabs a {
        display:block;
        height:75px;
        text-decoration:none;
        outline:none;
    }
    
    #home-tabs a h3 {
        color:#fff;
        font-size:22px;
        margin:0 0 7px;
        padding:12px 0 0;
    }
    
    #home-tabs a p {
        color:#456BA5;
        font-weight:bold;
        line-height:120%;
        margin-right:10px;
        padding-bottom:10px;
        padding-right:30px;
/*        background: url(../img/icon-sprite.png) 100% -993px no-repeat;*/
        margin-bottom:0;
    }
    
    #home-tabs a:hover p {
        color:#fff;
        background-position: 100% -1043px;
    }
    
    #home-tabs li.selected {
        background:url(../img/homepage-tabs-selected.png) bottom left no-repeat;
    }
    
    #home-tabs li.selected a {
        background: url(../img/homepage-tabs-selected.png) bottom right no-repeat;
    }
    
    #home-tabs .selected a p { color: #17468D; background-position: 100% -93px;}
    #home-tabs .selected a h3 { color:#C61901;}
    
    #home-panes {
        width: 942px;
        height:307px;
        margin:0px 4px;
    }
    
    #home-panes div {
            width: 942px;
            height:307px;
            overflow:hidden;
    }
    
    #home-panes div.first {
        background:url(../img/white-mask.png) bottom left no-repeat;
    }
    
    #home-panes div.last {
        background:url(../img/white-mask.png) bottom right no-repeat;
    }
    

#home-panes .player {
    width:701px;
    height:297px;
    margin:5px 0 0 5px;
    position:relative;
}

#home-panes .player-controls {
    width: 100px;
    height: 40px;
    position: absolute;
    bottom: 20px;
    left: 10px;
}

#home-panes .player-controls a {
    display:inline-block;
    background:url(../img/homepage-player-sprite.png) 0 0 no-repeat;
    text-indent:-999px;
    overflow:hidden;
    outline: none;
}

#home-panes .player-controls a.player-play {
    width: 40px;
    height:40px;
}

#home-panes .player-controls a.player-play:hover { background-position: 0 -40px; }
#home-panes .playing .player-controls a.player-play { background-position: 0 -120px; }
#home-panes .playing .player-controls a.player-play:hover { background-position: 0 -160px; }

#home-panes .player-controls a.player-mute {
    width: 20px;
    height:20px;
    background-position: 0 -80px;
    margin-bottom:10px;
    margin-left:5px;
}

#home-panes .player-controls a.player-mute:hover { background-position: -20px -80px; }
#home-panes .muted .player-controls a.player-mute { background-position: 0 -100px; }
#home-panes .muted .player-controls a.player-mute:hover { background-position: -20px -100px; }


/* Homepage events */

.homepage-events {
    float: right;
    width: 230px;
    overflow: hidden;
}

.homepage-events .event {
    display: block;
    margin: 0 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 230px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.homepage-events .event img {
    -webkit-border-radius: 5px;
}

.homepage-events .event .body {
    padding: 10px 10px 1px;
    width: 210px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/black-50.png);
    -webkit-border-radius: 0 0 5px 5px;
}

.homepage-events .event .body h3 {
    margin: 0 0 9px;
    color: white;
}

.homepage-events .event .button {
    display: block;
    margin: 0 0 9px;
    padding: 0 0 0 73px;
    width: 137px;
    height: 35px;
    position: relative;
    font: bold 16px/35px myriad-pro, Arial, Helvetica, sans-serif;
    white-space: nowrap;
    background-position: 0 -952px;
}

.homepage-events .event:hover .button {
    background-position: 0 -987px;
}

.homepage-events .event .price {
    display: block;
    padding-left: 5px;
    width: 65px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    color: #CC0000;
}

.homepage-events .event .button-inner {
    display: inline;
    padding: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background: transparent;
    color: white;
}


/* Event carousel */

#banner-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}

#banner-carousel li {
    margin: 0 10px 0 0;
    width: 230px;
    height: 380px;
}

#banner-carousel-controls {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    text-align: center;
}

#banner-carousel-controls li {
    display: inline-block;
    margin: 0 3px 0 0;
}

#banner-carousel-controls a {
    display: block;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: url(../img/banner-carousel-control-sprite.png) no-repeat 0 0;
}

#banner-carousel-controls .selected a {
    background-position: -10px 0;
}


/* COUNTDOWN ACTIE */
div.countdown {
    /*background: url(../img/actie-countdown/home-blank-bg.png) no-repeat;*/
    height: 370px;
}
#countdown-footer{
    height: 400px;
    margin-top: -10px;
}
#countdown-payoff{
    height: 5px;
    text-align: center;
}
a.countdown-link{
    margin-right: 7px;
}
a.countdown-link-2{
    margin-right: 5px;
}
#countdown-actie {
    display: block;
}
    

#home-visual #home-intro {
    width:236px;
    position:relative;
}

#home-intro h1 {
    font-size:38px;
    position:absolute;
    left:10px;
    top:40px;
/*    margin: 40px 0 0 10px;*/
}

#home-intro ul {
    position:absolute;
    top:165px;
    list-style:none;
    margin:0;
    padding:0;
}

#home-intro ul li {
    height: 40px;
    width: 236px;
    margin-top:-5px;
}

#home-intro ul a.button {
    display:block;
    padding:0;
    width: 236px;
    height: 40px;
    background-position: 100% -582px;
    color:#17468D;
    line-height:40px;
    text-indent: 15px;
}

#home-intro ul a.button:hover {
    background-position: 100% -622px;
    color:#5C7DB0;
}


/* Herfstactie stijlen */

#home-visual.herfst {
    padding: 0;
    background: none;
}

#home-visual.herfst img {
    display: block;
}

#home-visual.herfst .intro {
    padding: 50px 10px 0;
    width: 210px;
    height: 340px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/visual-intro-bg.png);
    color: white;
}

#home-visual.herfst .intro h1 {
    margin: 0 0 30px;
    font: bold 30px/100% myriad-pro, Arial, Helvetica, sans-serif;
    color: white;
}

#home-visual.herfst .intro p {
    margin: 0 0 30px;
}

#home-visual.herfst .intro .button {
    width: 190px;
    height: 40px;
    background-position: 0 -812px;
}

#home-visual.herfst .intro .button-inner {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0;
    text-align: center;
    font: bold 18px/40px myriad-pro, Arial, Helvetica, sans-serif;
    background-position: 100% -812px;
    color: white;
}

#home-visual.herfst .intro .button:hover {
    background-position: 0 -852px;
}

#home-visual.herfst .intro .button:hover .button-inner {
    background-position: 100% -852px;
}

#home-visual.herfst .badge {
    display: block;
    position: absolute;
    top: 50px;
    left: 40px;
}


/* News ticker */

#news-ticker {
    margin: 0 0 10px 0;
    padding: 0 10px 0 110px;
    width: 605px;
    height: 30px;
    background: url(../img/news-ticker-bg.png) no-repeat;
    list-style: none;
    overflow: hidden;
    color:#7490BB;
}

#news-ticker li {
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
}

#news-ticker .date {
    font-size: 12px;
    margin: 0 10px 0 10px;
    width: 110px;
    display:-moz-inline-box;
    display:inline-block;
    color: #7490BB;
}

#news-ticker a {
    text-decoration: none;
    color: #7490BB !important;
}

#news-ticker a:hover {
    color: #17468E !important;
}


/* Social nav */

#social-nav {
    margin: 0 0 10px;
    padding: 10px 0 0;
    width: 230px;
    background: url(../img/block-sprite.gif) no-repeat 0 0;
}

#social-nav ul {
    margin: 0;
    padding: 0 10px 10px;
    width: 210px;
    overflow: hidden;
    list-style: none;
    background: url(../img/block-sprite.gif) no-repeat 0 100%;
}

#social-nav li {
    float: left;
    margin-right: 10px;
}

#social-nav li a {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/button-sprite.png) no-repeat 0 -782px;
}

#social-nav .twitter a { background-position: 0 -782px; }
#social-nav .facebook a { background-position: -30px -782px; }
#social-nav .hyves a { background-position: -60px -782px; }
#social-nav .youtube a { width: 63px; background-position: -90px -782px; }

#social-nav li a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}


/* Alle acties */

#alle-acties {
    margin: 0 0 10px 0;
    width: 100%;
    height: 30px;
}

#alle-acties a {
    display:block;
    float:left;
    width: 110px;
    margin: 0 10px 0 0;
    line-height: 30px;
    background: url(../img/button-sprite.png) no-repeat;
    text-indent:-999px;
    overflow:hidden;
}

#alle-acties a.last {
    margin:0;
}

#alle-acties a.acties {background-position: 0 -180px;}
#alle-acties a.acties:hover {background-position: -110px -180px;}
#alle-acties a.lastmins {background-position: 0 -210px;}
#alle-acties a.lastmins:hover {background-position: -110px -210px;}

.product-type-choice {
    width:100%;
    overflow:hidden;
}

*:first-child+html .product-type-choice {
    padding-bottom:10px;
}

.product-type-choice h2,
.product-type-choice ul,
.product-type-choice li {
    float:left;
}

.product-type-choice ul {
    list-style:none;
    margin:2px 0 10px;padding:5px 0 0;
}

.product-type-choice li {
    margin-right:5px;
}

.product-type-choice a {
    padding-right:6px;
    display:inline-block;
    font-weight:bold;
    color:#84BEE9;
    border-right: 1px solid #84BEE9;
}

.product-type-choice a:hover {
    color:#0A7DD2;
}

.product-type-choice .active a {
    color:#0A7DD2;
    text-decoration:none;
}

.product-type-choice .last a {
    border:0;
}

#invitation {
    margin: -17px 0 10px;
    padding: 10px;
    width: 230px;
    height: 176px;
}

#invitation h3 {
    margin-right:90px;
}

#invitation p {
    margin: 18px 0 5px;
    padding-right:10px;
    font-weight:bold;
}

#invitation .button {
    width: 202px;
    text-transform: lowercase;
    font-size:18px;
}

/* Spotlight */

#spotlight {
    position: relative;
    margin: -40px -10px 10px;
    padding: 9px 15px 0;
    width: 220px;
}

#spotlight .block-header {
    height: 95px;
}

#spotlight h2 {
    clear:both;
    color: #062D71;
    text-transform:lowercase;
}

#spotlight h2.thin {
    display: inline;
    font-size: 35px;
    line-height: 53px;
    font-weight:normal;
    text-transform:lowercase;
}

*:first-child + html #spotlight h2.thin {
    margin-left: 35px;
    margin-top:-55px;
    display:block;
}

*:first-child + html .event-theme #spotlight  h2.thin {
    margin-left:0;
    margin-top:0;
}

#spotlight .number {
    float:left;
    margin-bottom:0;
    padding: 0 0 0 10px;
    font-size: 53px;
    line-height:53px;
}

#spotlight .thick {
    margin-top:5px;
    padding: 0 10px;
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    text-transform:lowercase;
}

*:first-child + html #spotlight .thick {
    margin-top:-10px;
}

#spotlight ul {
    margin:5px 0 0;
    padding: 0 15px;
}

#spotlight .last {
    margin: 0;
}

#spotlight .accordion .button,
#photo-accordion .button {
    text-transform: uppercase;
    background-position: 0 -240px;
}

#spotlight .accordion .button .button-inner,
#photo-accordion .button .button-inner {
    background-position: 100% -240px;
    color: white;
}

#photo-accordion {
    width:220px;
    margin: 0 5px ;
}

#spotlight #photo-accordion { margin:0;}

#spotlight .accordion .button {width: 212px;}
#spotlight .accordion .button .button-inner {width: 179px;}

#photo-accordion .button {width: 200px;}
#photo-accordion .button-inner {width: 180px;}

#spotlight .accordion .button:hover .button-inner,
#photo-accordion .button:hover .button-inner {
    background-position: 100% -270px;
}

#spotlight .accordion .ui-state-active .button-inner,
#spotlight .accordion .ui-state-active:hover .button-inner,
#photo-accordion .ui-state-active .button-inner,
#photo-accordion .ui-state-active:hover .button-inner {
    background-position: 100% -300px;
}

#photo-accordion .accordion-content {
    position: relative;
    margin-bottom: 5px;
    background: url(../img/block-sprite.gif) no-repeat -680px 0;
    overflow: hidden;
}

#photo-accordion .inner-accordion {background-position: -680px 100%;}

#photo-accordion .thumb {
    width: 210px;
    height:150px;
    margin-bottom:5px;
}

#spotlight .accordion-content {
    margin-bottom: 5px;
    width: 220px;
    background: url(../img/block-sprite.gif) no-repeat -230px 0;
    overflow: hidden;
}

#spotlight .accordion-content.last {
    margin-bottom:10px;
}

#spotlight .inner-accordion,
#photo-accordion .inner-accordion {
    background-position: -230px 100%;
}

#spotlight .thumb,
#photo-accordion .thumb {
    margin: 0 0 5px;
    width: 200px;
    height: 143px;
}

/* Video player */

.player-controls {
    height:25px;
    padding:5px;
    width:210px;
}
.player-play {
    background:transparent url(../img/player-sprite.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:25px;
    margin-right:5px!important;
    overflow:hidden;
    text-indent: 9999px;
    width:50px;
}
.player-play {
    background-position:-50px 0;
}
.player-play:hover {
    background-position:-50px -25px;
}
.paused .player-play {
    background-position:0 0;
}
.paused .player-play:hover {
    background-position:0 -25px;
}
.player-progress {
    background:transparent url(../img/player-sprite.png) no-repeat scroll -100px 0;
    float:left;
    height:5px;
    padding:10px;
    width:125px;
}
.player-duration {
    background-color:#C0E4F8;
    float:left;
    font-size:5px;
    height:5px;
    margin-right:8px;
    width:95px;
}
.player-elapsed {
    background-color:#0295E5;
    font-size:5px;
    height:5px;
}
p.current-time {
    color:#0295E5;
    float:left;
    font-size:10px;
    line-height:10px;
    margin:-3px 0 -2px;
}


/* Online booking form */

#online-booking-form {
    position: relative;
    margin-top:-14px;
    padding:14px 5px 0;
    width: 220px;
    background: url(../img/online-booking-form-sprite.png) no-repeat;
}

#online-booking-form h2 {
    margin: 10px 0;
    color: #17468E;
}

*:first-child+html #online-booking-form h2 {margin-top: 24px;}

#online-booking-form .calendar {
    float: right;
    margin: 0 16px 0 0;
    padding: 22px 4px 4px;
    width: 46px;
    height: 27px;
    color: #DD0077;
}

#online-booking-form .calendar-day {
    display: block;
    font-size: 28px;
    line-height: 27px;
}

#online-booking-form .calendar-month,
#online-booking-form .calendar-year {
    display: none;
}

#online-booking-form fieldset {
    display: block;
    margin: 0 0 5px;
    padding-top: 10px;
    width: 220px;
    background: url(../img/online-booking-form-sprite.png) no-repeat 100% 0;
}

#online-booking-form ul {
    padding: 0 10px 10px;
    width: 200px;
    background: url(../img/online-booking-form-sprite.png) no-repeat -230px 100%;
}

#online-booking-form .last {
    margin: 0;
}

#online-booking-form label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #17468D;
}

#online-booking-form select { margin: 0; }
#arrival-day, #departure-day { width: 49px; }
#arrival-month, #departure-month { width: 84px; }
#arrival-year, #departure-year { width: 60px; }
#duration-of-stay { width: 199px; }
#pm-three-search {float:left;margin-right:10px;}
#online-booking-form label#pm-three-label { color:#7390BA;}

#online-booking-submit {
    display: block;
    float: right;
    width: 112px;
    height: 30px;
    border: 0;
    background: url(../img/button-sprite.png) no-repeat 100% -522px;
    color:#17468D;
    cursor: pointer;
    text-align:left;
    font-family:arial,sans-serif;
    font-size:12px;
    font-weight:bold;
}

#online-booking-submit:hover { background-position: 100% -552px; color:#5C7DB0;}

#phone-booking-button { background-position: 0 -360px; color: #DD0077; }
#phone-booking-button:hover { background-position: 0 -390px; }
#phone-booking-button .button-inner { width: 179px; background-position: 100% -360px; }
#phone-booking-button:hover .button-inner { background-position: 100% -390px; }

/* Zoover block */

#zoover {
    height: 80px;
    background: url(../img/zoover-bg.gif) no-repeat;
    line-height: normal;
}

#zoover h3 {
    display: none;
    float: left;
}

#zoover a {
    margin: 40px 0 0 2px;
    float: left;
    width: 125px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #999;
}

#zoover a:hover {
    color: #333;
}

#zoover-grade {
    display: inline;
    margin: 5px 5px 0 0;
    float: right;
    width: 70px;
    height: 70px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    color: white;
}


/* Page visual */

#page-visual {
    display: block;
}


/* Related links */

.related {
    margin: 0 -5px 20px;
    padding: 0;
    width: 450px;
    list-style: none;
}

.related li {
    width: 450px;
    border-bottom: 1px solid #E5E9EE;
}

.related a {
    display: block;
    padding: 7px 30px 6px 5px;
    width: 415px;
    background: url(../img/icon-sprite.png) no-repeat 100% -95px;
    text-decoration: none;
    color: #17468D;
}

.related a:hover {
    background-position: 100% -145px;
    color: #5C7DB0;
}

.related .date {
    font-size: 11px;
    margin-right: 10px;
    color:#7390BA;
}

.related a:hover .date {
    color: #7390BA;
}


/* Files (or downloads) */

.files {
    margin: 0 -5px 20px;
    padding: 0;
    width: 450px;
    list-style: none;
}

.files td {
    border-bottom: 1px solid #E5E9EE;
}

.files .file-name {
    padding-left: 30px;
    font-weight: bold;
    background: url(../img/filetype-sprite.png) no-repeat 0 -9999px;
}

.files .pdf .file-name { background-position: 4px 6px; }
.files .pdf.hover .file-name { background-position: 4px -24px; }
.files .doc .file-name { background-position: 4px -54px; }
.files .doc.hover .file-name { background-position: 4px -84px; }
.files .xls .file-name { background-position: 4px -114px; }
.files .xls.hover .file-name { background-position: 4px -144px; }
.files .img .file-name { background-position: 4px -174px; }
.files .img.hover .file-name { background-position: 4px -204px; }

.files .file-action {
    width: 80px;
    font-weight: bold;
    background: url(../img/icon-sprite.png) no-repeat 100% -95px;
}

.files .file-action a {
    text-decoration: none;
    color: #17468D;
}

.files .hover .file-action {
    background-position: 100% -145px;
}

.files .hover .file-action a,
.files .hover td {
    color: #5C7DB0;
}

/*.related a {
    display: block;
    padding: 7px 30px 6px 5px;
    width: 415px;
    background: url(../img/icon-sprite.png) no-repeat 100% -95px;
    text-decoration: none;
    color: #17468D;
}

.related a:hover {
    background-position: 100% -145px;
    color: #5C7DB0;
}

.related .date {
    font-size: 11px;
    margin-right: 10px;
    color:#7390BA;
}

.related a:hover .date {
    color: #7390BA;
}*/



/* Articles */

.article {
    margin: 0 0 20px;
    width: 100%;
    overflow: hidden;
}

.article-thumb {
    display: block;
    float: left;
    margin: 25px 15px 0 0;
    width: 130px;
    height: 90px;
    background: url(../img/article-no-image-bg.gif) no-repeat;
}

.article-thumb img {
    display: block;
}

.article-body {
    float: left;
    width: 295px;
}

.article-body .date {
    margin: 0 0 5px;
    font-size: 11px;
}

.article-body h2,
.article-body p {
    margin: 0 0 10px;
}

.article-body h2 {
    font-size: 14px;
}

.article-body h2 a {
    text-decoration: none;
    color: #C61901;
}

.article-body h2 a:hover {
    color: #062E71;
}


/* Photo accordion */

.photo-accordion .inner-accordion {
    padding: 0 10px 5px;
}

.photo-accordion .thumb {
    margin: -5px -5px 0;
    width: 210px;
    height: 150px;
}

.photo-accordion .thumb-caption {
    margin: 0 -5px 0;
    padding: 5px;
    width: 200px;
}

.photo-accordion .thumb-caption p {
    margin: 0;
}

.photo-accordion .more-icon {
    float: right;
    padding: 0 26px 0 0;
    background-position: 100% 0;
    color: #062D71;
}

.photo-accordion .more-icon:hover {
    background-position: 100% -1620px;
    color: #333;
}

.photo-accordion .toolbar {
    margin: 0 -5px 5px;
    border-bottom:1px solid #E7ECF3;
    padding:0 5px 4px;
    width:200px;
}

.photo-accordion .zoom {
    background-position: 0 -800px;
}

.photo-accordion a:hover .zoom {
    background-position: 0 -850px;
}


/* Main header */

#main-header {
    padding: 0 0 0 10px;
    width: 940px;
    height: 60px;
}

#main-header h1 {
    float: left;
    margin: 0;
    font-size: 30px;
    line-height: 50px;
}

#discover {
    float: right;
    padding-top: 2px;
    width: 230px;
}

#discover label {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    color: #8BA2C6;
    font-weight:bold;
}

#discover-select {
    width: 100%;
}

/* Visual */

#visual {
    margin: 0 0 20px;
    padding: 9px 9px 0;
    width: 940px;
    height: 305px;
}

#visual img {
    display: block;
    float: left;
}

#visual-scroller {
    position: relative;
    float: left;
    width: 711px;
    height: 296px;
    overflow: hidden;
}

#visual-scroller .items {
    position: absolute;
    width: 7150px;
}


/* Visual intro */

#visual-intro {
    float: left;
    padding: 15px;
    width: 195px;
    height: 270px;
}

#visual-intro.span {
    width: 445px;
}

#visual-intro h2,
#visual-intro h3 {
    margin: 0 0 20px;
    color: #C61901;
}

#visual-intro p {
    margin: 0 0 20px;
    color: #17468C;
}

#visual-intro h2 { font-size: 36px; }
#visual-intro h3 { font-size: 14px; }
#visual-intro p { margin: 0 0 10px; font-size: 14px; }


/* Visual tabs */

#visual-tabs {
    margin: -10px -10px 0;
    padding: 0 0 0 5px;
    width: 465px;
    height: 70px;
    line-height: 140%;
}

#visual-tabs a {
    padding-left: 40px;
    width: 85px;
    height: 50px;
}

#visual-tabs span {
    display: block;
    padding: 10px 10px 10px 0;
    height: 30px;
    background-position: 100% 0;
    overflow: hidden;
}

#visual-tabs a:hover { background-position: 0 -50px; }
#visual-tabs a:hover span { background-position: 100% -50px; }
#visual-tabs .selected a, #visual-tabs .selected a:hover { background-position: 0 -100px; }
#visual-tabs .selected span, #visual-tabs .selected a:hover span { background-position: 100% -100px; }

#disability-tab a { background-position: 0 -150px; }
#disability-tab a span { background-position: 100% -150px; }
#disability-tab a:hover { background-position: 0 -200px; }
#disability-tab a:hover span { background-position: 100% -200px; }
#disability-tab.selected a, #disability-tab.selected a:hover { background-position: 0 -250px; }
#disability-tab.selected a span, #disability-tab.selected a:hover span { background-position: 100% -250px; }


/* Visual controls */

#visual-controls {
    position: relative;
    margin: -59px -5px 20px 0;
    padding: 0 9px 5px 9px;
    width: 461px;
    height: 120px;
}

#visual-jumpers {
    width: 100%;
    height: 35px;
}

#visual-jumpers ul {
    margin: 0 0 0 175px;
    padding: 12px 0 14px;
    width: 107px;
    height: 9px;
    text-align: center;
    list-style: none;
}

#visual-jumpers li {
    display: inline;
    float: left;
    margin-left: 11px;
}

#visual-jumpers a {
    display: block;
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    overflow: hidden;
}

#visual-jumpers a:hover,
#visual-jumpers .selected a {
    background-position: -88px -236px !important;
}

.visual-control {
    display: block;
    float: left;
    width: 20px;
    height: 85px;
    text-indent: -9999px;
    overflow: hidden;
}

#visual-caption {
    float: left;
    padding: 5px 10px 0;
    width: 392px;
    height: 80px;
    font-size: 12px;
    overflow: hidden;
    color: #C51900;
}

#visual-caption h3 {
    margin: 0 0 5px;
    color: #C51900;
}

#visual-caption p {
    margin: 0 0 5px;
    color: #17468C;
}

#visual-caption h3 {
    font-size: 14px;
}

#visual-caption p {
    font-size: 12px;
}

#visual-prev { background-position: 0 100%; }
#visual-prev:hover { background-position: -20px 100%; }
#visual-next { background-position: -40px 100%; }
#visual-next:hover { background-position: -60px 100%; }

/** html #visual-jumpers ul {
    display: inline;
}*/


/* Visual new */

#visual {
    padding: 5px;
    width: 940px;
    height: 305px;
    position: relative;
    background-image: linear-gradient(bottom, rgb(63,102,161) 0%, rgb(209,218,232) 100%);
    background-image: -o-linear-gradient(bottom, rgb(63,102,161) 0%, rgb(209,218,232) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(63,102,161) 0%, rgb(209,218,232) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(63,102,161) 0%, rgb(209,218,232) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(63,102,161) 0%, rgb(209,218,232) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(63,102,161)),
        color-stop(1, rgb(209,218,232))
    );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#visual-carousel {
    margin: 0;
    padding: 0;
    width: 940px;
    height: 305px;
    overflow: hidden;
    list-style: none;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#visual-carousel li {
    width: 940px;
    height: 305px;
    overflow: hidden;
}

#visual-carousel .intro {
    float: left;
    padding: 20px 10px;
    width: 185px;
    height: 285px;
    background: url(../img/visual-intro-bg.jpg) no-repeat 0 0;
}

#visual-carousel .intro h2 {
    color: #C51900;
}

#visual-carousel .intro p {
    color: #17468C;
}

#visual-carousel li img {
    float: right;
    margin: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#visual .jcarousel-container {
    width: 940px;
    height: 305px;
    overflow: hidden;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#visual-jumpers {
    position: absolute;
    bottom: 5px;
    left: 475px;
    width: auto;
}

#visual-jumpers ul {
    margin: 0;
    padding-right: 11px;
    width: auto;
    background-color: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}


/* Experience content */

#experience-content {
    margin: 0 0 20px;
    width: 950px;
    overflow: hidden;
    background: url(../img/experience-tabs-bg.jpg) no-repeat 200px 0;
}

#experience-tabs-wrap {
    float: left;
    width: 230px;
/*    min-height: 370px;*/
}

#experience-content h3 {
    margin: 0 0 10px;
    padding: 0;
    font: normal 16px/1.2 myriad-pro, Arial, Helvetica, sans-serif;
    color: #D14734;
}

#experience-tabs-wrap .header {
    padding: 0 10px;
}

#experience-tabs {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

#experience-tabs li {
    border-bottom: 1px solid #F9E8E5;
}

#experience-tabs a {
    display: block;
    padding: 9px 10px;
    text-decoration: none;
    font: bold 11px/1.2 Arial, Helvetica, sans-serif;
    color: #D14633;
}

#experience-tabs .selected a {
    margin: 0 -10px 0 0;
    padding: 0 10px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    font: bold 14px/40px myriad-pro, Arial, Helvetica, sans-serif;
    background: url(../img/experience-tabs-selected.png) no-repeat 0 0;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    filter: dropshadow(color=rgba(0, 0, 0, 0.4), offx=0, offy=-1);
}

#experience-content .pane {
    float: right;
    width: 690px;
    overflow: hidden;
}

#experience-content .pane h2 {
    margin: 0 0 20px;
    font-size: 22px;
    color: #C51900;
}

#experience-content .pane .body {
    float: left;
    margin: 0 20px 0 0;
    width: 440px;
}

#experience-content .pane p {
    font-size: 12px;
    color: #666666;
}

#experience-content .pane p.intro {
    font-size: 14px;
}

#experience-content .facilities {
    float: right;
    margin: 0 0 20px 20px;
    padding: 15px 10px 5px;
    width: 198px;
    background-color: #FCF4F2;
    border: 1px solid #F9E8E5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#experience-content .facilities p {
    margin: 0 0 10px;
}

#experience-content .pane .media {
    float: right;
    width: 230px;
}

#experience-content .gallery {
    width: 240px;
    margin: 0 -10px 20px 0;
    padding: 0;
    list-style: none;
}

#experience-content .gallery li {
    float: left;
    margin: 0 10px 10px 0;
}

#experience-content .gallery .thumb {
    margin: 0;
    width: 110px;
    height: 80px;
}

#experience-content .gallery .thumb img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* Items overlay */

.items-overlay {
    display:block;
    width:711px;
    height:296px;
    position:relative;
    z-index:2;
}

/* Event visual */

#event-visual {
    display: block;
    margin: 0 -5px 20px;
}

/* Event list */

#event-list {
    margin-bottom: 10px;
    width: 230px;
    background: #A8D45B url(../img/event-list-sprite.png) no-repeat;
    overflow: hidden;
}

#event-list ul {
    margin: 4px 0 0;
    padding: 0 4px 4px;
    width: 222px;
    list-style: none;
    background: #A8D45B url(../img/event-list-sprite.png) no-repeat bottom left;
}

#event-list li {
    margin: 0 0 4px;
    width: 222px;
    height: 57px;
    vertical-align: middle;
}

#event-list li.last {
    margin-bottom: 0;
}

#event-list li.selected {
    margin-right: -4px;
}

#event-list li a {
    display: block;
    width: 222px;
    height: 57px;
    background: url(../img/event-list-sprite.png) no-repeat -230px 0;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

#event-list li a:hover {
    background-position: -230px -57px;
}

#event-list li.selected a {
    width: 226px;
    background-position: -230px -114px !important;
    background-color: white;
}

#event-list .calendar {
    float: left;
    margin: 6px 10px 6px 6px;
    width: 40px;
    height: 45px;
}

#event-list .calendar-day {
    height: 23px;
    font-size: 18px;
    line-height: 23px;
}

#event-list .calendar-month {
    height: 22px;
    font-size: 12px;
    line-height: 22px;
}

#event-list .calendar-year {
    display: none;
}

.event-list-body {
    float: left;
    padding: 12px 0;
    width: 166px;
    height: 33px;
    overflow: hidden;
}

.event-list-body p {
    margin: 0;
    font-weight: bold;
}

#event-list .date {
    font-size: 10px;
    color: #17468E;
}

#event-list .artist-name {
    font-size: 12px;
    color: #17468E;
}

#event-list li.selected .artist-name,
#event-list li a:hover .artist-name,
#event-list li a:hover .date {
    color:#C61901;
}


/* Event details & Arrangement detail */

#event-details,
#informatie {
    margin: 0 0 20px;
    width: 440px;
    overflow: hidden;
}

#event-details .column,
#informatie .column {
    margin-right: 15px;
    width: 195px;
}

#event-details .checklist,
#informatie .checklist {
    float: left;
}

#tarieven,
#reserveren,
#bijzonderheden {
    margin-bottom:20px;
}

/* Checklists */

.checklist {
    padding: 15px 15px 0;
    width: 200px;
    background: url(../img/block-sprite.gif) no-repeat -450px 0;
}

.checklist h2 {
    padding: 15px 15px 0px !important;
    background: url(../img/event-check.gif) no-repeat 90% 0;
    font-size: 26px !important;
    color: #017001;
    text-transform:lowercase;
}

.checklist .checklist-inner {
    margin: 0 -15px 0;
    padding: 0 15px 15px 30px;
    width: 185px;
    background: url(../img/block-sprite.gif) no-repeat -450px 100%;
    color: #17468D;
}

/* Page tabs */

ul#page-tabs {
    list-style:none;
    height:30px;
    border-bottom:1px solid #A2B5D2;
    margin:0 0 20px;
    padding:0 5px;
}

#page-tabs li {
    margin-right:2px;
    float:left;
    padding-left:10px;
    background: url(../img/page-tabs.gif) no-repeat 0 0;
}

#page-tabs li.selected { background: url(../img/page-tabs.gif) no-repeat 0 -30px;}

#page-tabs a {
    display:block;
    padding-right:10px;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#8BA2C6;
    background: url(../img/page-tabs.gif) no-repeat 100% 0;
}

#page-tabs li.selected a {    background: url(../img/page-tabs.gif) no-repeat 100% -30px; color:#062E71; height:31px;}

/* Book blocks */

.book {
    position: relative;
    margin: 0 -5px 10px;
    padding: 15px 165px 15px 15px;
    width: 270px;
    height: 40px;
    background: url(../img/book-bg.gif) no-repeat;
    overflow: hidden;
}

.book p {
    margin: 0;
/*    color: #DD0077;*/
}

.book .price {
    font-size: 16px;
    font-weight: bold;
}

.book .button {
    position: absolute;
    right: 10px;
    bottom: 10px;
/*    background-position: 0 -720px;*/
    color: white;
}

/*.book .button-inner { background-position: 100% -720px; }*/
/*.book .button:hover { background-position: 0 -750px; color: white; }*/
/*.book .button:hover .button-inner { background-position: 100% -750px; }*/

/* Arrangement scroller */

#arrangement-scroller {
    height: 200px;
    overflow: hidden;
}


#arrangement-tabs {
    float: left;
    margin: 0;
    padding: 0 4px 4px;
    width: 222px;
    height: 188px;
    background: url(../img/arrangement-tabs-sprite.gif) no-repeat;
    list-style: none;
}

#arrangement-tabs li {
    width: 222px;
    margin-top: 4px;
}

#arrangement-tabs li.selected {
    margin: 4px 0 0 -4px;
    width: 226px;
}

#arrangement-tabs li a {
    display: block;
    padding: 0 10px;
    width: 202px;
    height: 42px;
    background: url(../img/arrangement-tabs-sprite.gif) no-repeat 100% 0;
    font-weight: bold;
    text-decoration: none;
    line-height: 42px;
    color: #8092AD !important;
    outline: none;
}

#arrangement-tabs li a:hover {
    color: #02255B !important;
}

#arrangement-tabs li.selected a {
    width: 206px;
    background: url(../img/arrangement-tabs-sprite.gif) no-repeat 100% -42px;
    color: #02255B !important;
}


/* Filter menus */

.filter-container {
    position: absolute;
    display: none;
    padding: 10px 12px 12px 10px;
    width: 200px;
    top: 25px;
    left: 0;
    background: url(../img/filter-container-bg.png) no-repeat 0 100%;
    z-index: 10;
}

.active .filter-container {
    display: block;
}

.filter-container p {
    margin: 0 0 10px;
}

.filter-container p.alt {
    margin: 0;
}

.filter-container .column {
    float: left;
    margin: 0;
    padding: 0;
    width: 100px;
    list-style: none;
}

.filter-container .column li {
    margin-bottom: 5px;
}

.filter-container .toolbar {
    margin-top: 5px;
    width: 200px;
}


/* Filter controls */

.filter-control {
    display: block;
    float: left;
    margin-right: 4px;
    padding-left: 3px;
    background: url(../img/button-sprite.png) no-repeat 0 -1104px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: white;
}

.filter-control span {
    display: block;
    padding-right: 4px;
    line-height: 14px;
    background: url(../img/button-sprite.png) no-repeat 100% -1104px;
}

.filter-control:hover { background-position: 0 -1118px; color: white; }
.filter-control:hover span { background-position: 100% -1118px; }


/* Filter sliders */

.ui-slider-wrap {
    margin-bottom: 8px;
    padding: 5px;
    width: 190px;
    height: 10px;
    background: url(../img/slider-sprite.gif) no-repeat;
}

.ui-slider {
    position: relative;
    height: 10px;
}

.ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #0295E5;
    font-size: 0.7em;
    z-index: 1;
}

.ui-slider-handle {
    position: absolute;
    margin-left: -7px;
    top: -9px;
    width: 14px;
    height: 28px;
    background: url(../img/slider-sprite.gif) no-repeat -200px 0;
    cursor: pointer;
    outline: none;
    z-index: 2;
}

.slider-values {
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
}

#days-from-value,
#budget-from-value {
    float: left;
}

#days-to-value,
#budget-to-value {
    float: right;
}

/* Arrangement filter */

.arrangement-overview {
    background: url(../img/arrangement-filter-bg.gif) no-repeat;
}

.arrangement-overview h2 {
    color:#17468E;
    margin: 10px 0 6px;
}

.arrangement-overview ul {
    margin: 10px 0;
}

.arrangement-overview .product-type-choice li {
    margin-right:0;
}

.arrangement-overview .product-type-choice a {
    color:#7390BA;
    padding: 0 8px;
    border-color:#7390BA;
}
.arrangement-overview .product-type-choice a span {
    display:block;
    height:22px;
    line-height:22px;
}
.arrangement-overview .product-type-choice .active a{
    border-color:#EBEFF5;
    color:#0A7DD2;
    background: url(../img/button-sprite.png) no-repeat 0 -500px;
    padding: 0 0 0 8px;
    height: 22px;
    display:inline-block;
    text-decoration:none;
}

.arrangement-overview .product-type-choice .active a span{
    background: url(../img/button-sprite.png) no-repeat 100% -500px;
    padding-right: 8px;
}

.arrangement-overview .product-type-choice a:hover {
    color:#0A7DD2;
}

#arrangement-filter {
    margin-bottom: 10px;
    padding: 4px;
    width: 702px;
}

#arrangement-filter #filters {
    margin-bottom: 4px;
    width: 702px;
    height: 30px;
}

#arrangement-filter #filters .filter-wrap {
    position: relative;
    float: left;
    margin-right: 4px;
}

#arrangement-filter #filters .filter-wrap.last {
    margin: 0;
}

#arrangement-filter #filters .filter-wrap.active {
    z-index: 5;
}

#arrangement-filter #filters .button {
    outline: none;overflow:hidden;
    background-position: 0 -440px;
}

#arrangement-filter #filters .button-inner {
    width: 120px;
    color:#7390BA;
    background-position:100% -440px;
}

#arrangement-filter #filters #period-button .button-inner {
    width: 165px;
}

#arrangement-filter #filters .button-extra {font-weight: normal; font-size: 10px;}

#arrangement-filter #filters .button:hover { background-position: 0 -470px;  }
#arrangement-filter #filters .button:hover .button-inner { background-position: 100% -470px; color: #062D71; }

#arrangement-filter #filters #period-button .button-text {
/*    width: 165px;*/
}

#arrangement-filter #filters .filter-container {
    position: absolute;
    display: none;
    padding: 10px 12px 12px 10px;
    width: 200px;
    top: 25px;
    left: 0;
    background: url(../img/filter-container-bg.png) no-repeat bottom left;
    z-index: 10;
}

#arrangement-filter #filters .active .filter-container {
    display: block;
}

#arrangement-filter #filters .active .filter-container-inner {
    width: 100%;
    overflow: hidden;
}

#arrangement-filter #filters .filter-container .column {
    float: left;
    width: 100px;
}

#arrangement-filter #filters .filter-container .column li {
    margin-bottom: 5px;
}

#arrangement-filter #filters .filter-container .text {
    width: 190px;
}

#arrangement-filter #filters .filter-container .toolbar {
    width: 100%;
    height: 14px;
    clear: both;
}

#arrangement-filter #filters .filter-container p {
    margin: 0 0 10px;
}

#arrangement-filter #filters .filter-container p.alt {
    margin: 0;
}

#arrangement-filter #filters .filter-control {
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    margin-right: 4px;
    padding-left: 3px;
    height: 14px;
    background: url(../img/filter-control-sprite.gif) no-repeat;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: white !important;
    cursor: pointer;
}

#arrangement-filter #filters .filter-control span {
    display: -moz-inline-box;
    display: inline-block;
    padding-right: 4px;
    height: 14px;
    background: url(../img/filter-control-sprite.gif) no-repeat 100% 0;
}

#arrangement-filter #filters .filter-control:hover {
    background-position: 0 -14px;
}

#arrangement-filter #filters .filter-control:hover span {
    background-position: 100% -14px;
}

#arrangement-filter table {
    margin: 0;
    width: 702px;
    background-color: white;
    border: 1px solid #B9C7DD;
    border-top: 3px solid #E7ECF3;
}

#arrangement-filter-head {
    margin: 0;
    padding: 30px 10px 10px;
    width: 682px;
    height: 20px;
    background: white url(../img/arrangement-filter-head-bg.gif) no-repeat;
}

#arrangement-filter-head p {
    float: left;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #7390BA;
}

#arrangement-filter-head span {
    color: #0A7DD2;
}

#arrangement-filter-head form {
    float: right;
    margin: 0;
}

#arrangement-filter-head label {
    font-weight: bold;
    color: #7490BB;
}

#period-month-from,
#period-month-to {
    width: 80px;
}


/* Arrangement table */

.arrangement-table {
    margin: 0 0 20px;
}

.arrangement-table .hover {
    cursor: pointer;
}

.arrangement-table a {
    text-decoration: none;
    color: #062D71 !important;
}

.arrangement-table a:hover,
.arrangement-table .hover a,
.arrangement-table .hover .unit,
.arrangement-table .hover .price {
    color: #0A7DD3 !important;
}

.arrangement-table .unit {
    padding: 8px 0 8px 8px;
    width: 20px;
    font-weight: bold;
    color: #8BA2C6;
}

.arrangement-table .price {
    padding: 8px 8px 8px 0;
    width: 50px;
    font-weight: bold;
    text-align: right;
}

.arrangement-table .info {
    width: 120px;
}

.arrangement-table .arrow {
    display:block;
    font-size: 11px;
    font-weight:bold;
    color: #0A7DD3 !important;
    height:20px;
    line-height:20px;
    padding:0;
    background: url(../img/icon-sprite.png) no-repeat 100% -200px;
}

.arrangement-table .hover .arrow {
    color: #72C7E2 !important;
    background: url(../img/icon-sprite.png) no-repeat 100% -250px;
}

.arrangement-table .table-label {
    display: inline-block;
    margin: -1px 0 -1px 5px;
    width: 42px;
    background: url(../img/table-label-sprite.gif) no-repeat;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    color: #FF8800;
}

.arrangement-table .table-label.new {
    background-position: 0 -22px;
    color: #47C700;
}

/* Page Tabs */



/* FAQ accordion */
#faq-accordion {
    margin: 0 -5px 20px;
    width: 450px;
}

#faq-accordion .accordion-toggle {
    display: block;
    padding: 8px 25px 8px 5px;
    margin: 0;
    width: 420px;
    background: url(../img/icon-sprite.png) no-repeat 100% -648px;
    border-bottom:1px solid #E5E9EE;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    color: #062E71;
}

#faq-accordion .accordion-toggle:hover {
    background-position: 100% -46px;
    color: #5C7DB0;
}

#faq-accordion .ui-state-active,
#faq-accordion .ui-state-active:hover {
    background-position: 100% -1765px;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #062E71;
}

#faq-accordion .button-inner {
    width: 409px;
    background: none;
}

#faq-accordion .accordion-content {
    margin: 0;
    width: 100%;
    background: none;
}

#faq-accordion .inner-accordion {
    margin: 0;
    padding: 0 5px 5px;
    width: 440px;
    background: none;
}


/* vacancy accordion */

#vacancy-accordion {
    margin: 0 -5px 20px;
    width: 450px;
}

#vacancy-accordion .accordion-toggle {
    display: block;
    padding: 8px 25px 8px 5px;
    margin: 0;
    width: 420px;
    background: url(../img/icon-sprite.png) no-repeat 100% -648px;
    border-bottom:1px solid #E5E9EE;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    color: #062E71;
}

#vacancy-accordion .accordion-toggle:hover {
    background-position: 100% -46px;
    color: #5C7DB0;
}

#vacancy-accordion .ui-state-active,
#vacancy-accordion .ui-state-active:hover {
    background-position: 100% -1765px;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #062E71;
}

#vacancy-accordion .accordion-content {
    margin: 0;
    width: 100%;
    background: none;
}

#vacancy-accordion .inner-accordion {
    margin: 0;
    padding: 0 5px 5px;
    width: 440px;
    background: none;
}

/* Vacancy accordion table */

#vacancy-accordion th,
#vacancy-accordion td {
    background-color: transparent;
    border: 0;
    vertical-align: top;
}

#vacancy-accordion th {
    padding-left: 0;
}

#vacancy-accordion td {
    padding-right: 0;
}

#vacancy-accordion ul {
    margin: 0;
    padding-left: 15px;
}

#vacancy-accordion .button {
    float: right;
}

/* Tell a friend form */

#tellafriend-form {
    margin: 10px 0 0;
    padding-top: 15px;
    width: 440px;
    background: url(../img/tellafriend-bg.gif) no-repeat;
}

#tellafriend-form ul {
    padding: 0 15px 5px;
    width: 410px;
    background: url(../img/tellafriend-bg.gif) no-repeat bottom left;
}

#tellafriend-form li.indent {
    padding-left: 120px;
}

#tellafriend-form label.indent {
    width: 120px;
}

#tellafriend-form input.text,
#tellafriend-form textarea {
    width: 275px;
    border: 1px solid #B9C7DD;
    margin-right:0;
}


/* Album overview */

#album-overview {
    width: 100%;
    overflow: hidden;
}

#album-overview .thumb {
    float: left;
    margin: 0 10px 10px 0;
    width: 140px;
    height: 120px;
}

#album-overview .last {
    margin: 0 0 10px 0;
}


/* Pagination */

.pagination {
    margin: 10px 0;
    padding: 5px;
    width: 430px;
    height: 20px;
    background: url(../img/pagination-bg.gif) no-repeat;
}

.pagination-control {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../img/icon-sprite.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#pagination-prev { background-position: 0 -900px; }
#pagination-next { background-position: 0 -100px; }

#pagination-prev:hover { background-position: 0 -950px; }
#pagination-next:hover { background-position: 0 -150px; }

.pagination ol {
    float: left;
    margin: 0;
    padding: 0;
    width: 390px;
    text-align: center;
    line-height: 20px;
    list-style: none;
}

.pagination li {
    display: inline;
}

.pagination ol a {
    padding: 0 5px;
    text-decoration: none;
    color: #8092AD;
}

.pagination ol a:hover,
.pagination .selected a {
    color: #02255B;
}


/* Weather block */

#weather {
    margin: 0 0 10px;
    padding: 5px;
    width: 460px;
    height: 110px;
    background: url(../img/weather-bg.png) no-repeat;
}

#weather ul {
    float: left;
    margin: 0 5px 0 0;
    padding: 5px 0 5px 12px;
    width: 212px;
    height: 100px;
    list-style: none;
    overflow: hidden;
}

#weather li {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 100%;
}

#weather li p {
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
}

#weather li img {
    display: block;
    margin: 0 0 5px;
}

#weather .weekday {
    font-size: 12px;
    font-weight: bold;
}

#weather-body {
    float: left;
    padding: 7px;
    width: 216px;
    height: 96px;
}

#weather-body h3 {
    margin: 0 0 5px;
    font-size: 14px;
    color: white;
}

#weather-body p {
    margin: 0;
    color: white;
}


/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */

.back-button {
    margin-top: -30px;
}

.menu {
    margin-bottom: 10px;
    padding-bottom: 30px;
    width: 230px;
    background: url(../img/menu-sprite.png) no-repeat 0 100%;
}

.menu h2 {
    margin: 0;
    padding: 20px 10px 10px;
    line-height: 20px;
    font-size: 14px;
    background: url(../img/menu-sprite.png) no-repeat;
    border-bottom: 1px solid white;
    color: #C61901;
}

.menu ul {
    margin: 0;
    padding: 0;
    background-color: #17468E;
    list-style: none;
}

.menu li {
}

.menu li.selected {
}

.menu a {
    display: block;
    padding: 7px 25px 6px 10px;
    width: 195px;
    background: url(../img/icon-sprite.png) no-repeat 207px -45px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #456BA5;
    color: white;
}

.menu .selected a,
.menu .selected a:hover {
    background-color: #FFF8CC;
    background-position: 207px 5px;
    border-bottom:1px solid white;
    color: #C61901;
}

.menu a:hover {
    background-color: #fff;
    background-position: 207px -647px;
    border-bottom:1px solid white;
    color: #062E71;
}

.menu .selected a,
.menu .selected a:hover {
    background-position: 207px -494px;
}

.menu .subnav {
    display: none;
    padding: 5px 0;
    background-color: white;
    border-top: 1px solid #FDE233;
}

.menu .selected .subnav {
    display: block;
}

.menu .subnav li {
    border: 0;
}

.menu .subnav a {
    padding: 2px 10px 2px 20px;
    width: 200px;
    background: none;
    border: 0;
    font-size: 11px;
    font-weight: normal;
    color: #062D71;
}

.menu .subnav a:hover,
.menu .subnav .selected a {
    font-weight: bold;
    color: #062D71;
    background:none;
    border:none;
}

.menu .subnav .subnav {
    display:none;
    border-top:0;
    border-left: 1px solid #D1DAE8;
    margin:5px 0 5px 20px;
    padding: 0 10px;
}

.menu .subnav .selected .subnav {
    display:block;
}

.menu .subnav .subnav a {
    padding:0;
    font-weight:normal;
    color:#6A81AA;
}

.menu .subnav .subnav a:hover,
.menu .subnav .subnav .selected a {
    color:#062D71;
}

.menu .subnav .subnav .selected a {
    font-weight:bold;
}


/* Details accordion vcard */

.vcard p {
    margin: 0;
    line-height:130%;
}

.fn {
    font-weight:bold;
}

.adr {
    margin: 0 0 5px;
}


/* Details accordion Google Maps */

#map {
    display: block;
    margin: -5px -5px 10px;
    width: 220px;
    height: 90px;
}

#map img {
    position: relative;
    display: block;
}

#map-form {
    margin: 0;
}

#map-form label {
    display: block;
    margin: 0 0 5px;
    color: #4D668C;
}

#map-form fieldset {
    margin: 0;
}

#map-zipnum {
    width: 30px;
    color:#17468D;
}

#map-zipchar {
    width: 20px;
    text-transform: uppercase;
    color:#17468D;
}


/* Details accordion news letter */

#newsletter-header {
    margin: 0 0 10px;
    width: 100%;
    overflow: hidden;
}

#newsletter-header img {
    float: left;
    margin-right: 15px;
}

#newsletter-header p {
    float: left;
    margin: 0;
    width: 150px;
    color: #17468E;
}

#newsletter-form {
    margin: 0;
}

#newsletter-form li {
    margin-bottom: 5px;
}

#newsletter-form li.indent {
    padding-left: 65px;
}

#newsletter-form label.indent {
    width: 65px;
    color:#4D668C;
}

#newsletter-form button {
    float: right;
}

/* Details accordion search form */

#search-form {
    margin:0;
}

#search-form .hidden {
    display:none;
}

#search-form li {
    margin-bottom:0;
}

#search {
    float:left;
    margin-left:0;
    padding: 7px 5px;
    width: 160px;
    color:#B9C7DD;
    border-color:#D1DAE8;
}

#search-form button {
    float:right;
    width: 30px;
    height:30px;
    padding:0; margin: 0;
    text-indent: -999px;
    overflow:hidden;
    border:none;
    background: url(../img/search-sprite.gif) no-repeat 0 0;
}

#search-form button:hover {
    background-position: 0 -30px;
    cursor:pointer;
}

/* Accommodations block */

#accommodations-block {
    padding: 5px 5px 0;
    width: 220px;
    background: url(../img/block-sprite.gif) no-repeat -920px 0;
}

#accommodations-block .thumb {
    margin: 0;
    width: 220px;
    height: 165px;
}

#accommodations-block .block-body {
    margin: 0 -5px;
    padding: 0 15px 15px;
    width: 200px;
    background: url(../img/block-sprite.gif) no-repeat -920px 100%;
}

#accommodations-block .toolbar {
    margin: 0 -10px 5px;
    padding: 5px;
    width: 210px;
    border-bottom: 1px solid #CFECF5;
}

#accommodations-block .toolbar .icon {
    float: right;
}

#accommodations-block p {
    margin: 0 0 5px;
}

#accommodations-block p.alt {
    padding: 10px 0 0 40px;
    font-weight: bold;
}

#accommodations-block ul {
    margin: 0 0 5px;
    padding: 0 0 0 40px;
    list-style: none;
}


/* Testimonial block */

#testimonial {
    background: url(../img/testimonial-bg.png) no-repeat;
}

#testimonial h3,
#testimonial p {
    margin: 0 0 5px;
    color:#C51900;
}

#testimonial p {
    color:#17468E;
}

#testimonial img {
    float:right;
    margin-top: -15px;
}

#testimonial-author {
    font-weight: bold;
    color: #062E71;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#service-navigation {
    margin: 0 0 5px;
    padding: 0;
    width: 960px;
    list-style: none;
    overflow: hidden;
}

#service-navigation li {
    float: left;
    margin-right: 10px;
}

#service-navigation .button { background-position: 0 -90px; color: #5C7DB0; }
#service-navigation .button .button-inner { width: 189px; background-position: 100% -90px; }
#service-navigation .button:hover { background-position: 0 -120px; color: white; }
#service-navigation .button:hover .button-inner { background-position: 100% -120px; }
#service-navigation .active, #service-navigation .active:hover { background-position: 0 -150px; color: white; }
#service-navigation .active .button-inner, #service-navigation .active:hover .button-inner { background-position: 100% -150px; }

.service-navigation-menu {
    padding-bottom: 29px;
    width: 950px;
    overflow: hidden;
}

.service-navigation-menu .inner {
    width: 960px;
    overflow: hidden;
}

.service-navigation-menu ul {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 220px;
    line-height: 30px;
    list-style: none;
}

.service-navigation-menu a {
    font-weight: bold;
    text-decoration: none;
    color: #5C7DB0;
}


#about ul {
    float: right;
}

/* Content accordion */
/*
#content .accordion {
    margin: 0 -5px 20px;
    width: 450px;
}

#content .accordion .accordion-toggle {
    display: block;
    padding: 8px 25px 8px 5px;
    margin: 0;
    width: 420px;
    background: url(../img/icon-sprite.png) no-repeat 100% -648px;
    border-bottom:1px solid #E5E9EE;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    color: #062E71;
}

#content .accordion .accordion-toggle:hover {
    background-position: 100% -46px;
    color: #5C7DB0;
}

#content .accordion .ui-state-active,
#content .accordion .ui-state-active:hover {
    background-position: 100% -1765px;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #062E71;
}

#content .accordion .button,
#content .accordion .button-inner {
    width: 409px;
    background: none;
}

#content .accordion .accordion-content {
    margin: 0;
    width: 100%;
    background: none;
}

#content .accordion .inner-accordion {
    margin: 0;
    padding: 0 5px 5px;
    width: 440px;
    background: none;
}

*/

/**
 * THEMES
 * ----------------------------------------
 */

.event-theme #visual { background: url(../img/events-visual-bg.png) no-repeat;     margin: 0 0 10px;}
.event-theme #visual-intro h1 { font-size: 24px; }
.event-theme h2 { color: #17468E;}
.event-theme #spotlight { background: url(../img/spotlight-block-foto.png) no-repeat; padding-top:0;}
.event-theme #spotlight h2 { margin-bottom:0; }
*:first-child + html .event-theme #spotlight h2 {margin-bottom:10px; }
.event-theme #spotlight .thick {font-size:18px;line-height:18px;margin:0 0 15px;}
.event-theme #spotlight .video {background: url(../img/spotlight-block-video.png) no-repeat 100% 100%;margin-top: -5px;}
.event-theme .toolbar {text-align:right;}
.event-theme .toolbar a {margin-right:15px;}
.event-theme #content {margin-top:-80px;}
.event-theme .calendar-day {color: #17468E;}
.event-detail #content h2 { color:#C61901; font-size:14px;}
.event-detail #content .intro {color:#17468E; clear:both;}
.event-detail #content .content-body .intro {color:#5C7DB0;}
*:first-child+html #event-visual {margin-bottom:0;}

/* Page layout */

.page-layout #content h2 { color:#17468C;}
.page-layout #content .content-body h2 { color:#C61901; font-size:14px;}

/* Arrangement layout */

.arrangement-theme h1 {font-size:30px;padding: 10px 10px 0;}
.arrangement-theme #page-visual {}
.arrangement-theme #content .intro {clear:both;}
.arrangement-detail #content {margin-top:-80px;padding-top:42px;}
.arrangement-detail #content .intro {color:#5C7DB0; clear:both;}
.arrangement-detail #content h2 { color:#C61901; font-size:14px;}


/* Familiepark theme */

.familiepark-theme #spotlight {    background: url(../img/spotlight-block-familiepark.png) no-repeat;}
.familiepark-theme #invitation {background: url(../img/invitation-familiepark-bg.png) no-repeat;}
.familiepark-theme .items-overlay {background: url(../img/items-overlay-familiepark.png) no-repeat -16px -64px;}
*html .familiepark-theme .items-overlay { background: none; } /* Haalt de transparante png's over de visuals weg */

/* Hotel theme */

.hotel-theme #spotlight {    background: url(../img/spotlight-block-hotel.png) no-repeat;}
.hotel-theme #spotlight .tips {    background: url(../img/block-header-tips.png) no-repeat top right;    margin-top: -10px;}
.hotel-theme #invitation {    background: url(../img/invitation-hotel-bg.png) no-repeat;}
.hotel-theme #invitation h3 {    margin-top:8px;}
.hotel-theme #invitation .button,
.hotel-theme #invitation p {    margin-top: 5px;}
.hotel-theme .items-overlay {background: url(../img/items-overlay-hotel.png) no-repeat;}
*html .hotel-theme .items-overlay { background: none; } /* Haalt de transparante png's over de visuals weg */

/* Zakelijk theme */

.zakelijk-theme #spotlight {    background: url(../img/spotlight-block-zakelijk.png) no-repeat;}
.zakelijk-theme #invitation {    background: url(../img/invitation-zakelijk-bg.png) no-repeat;}
.zakelijk-theme #invitation h3 {    margin-top:8px;}
.zakelijk-theme #invitation .button,
.zakelijk-theme #invitation p {    margin-top: 5px;}


/* Uitgaan theme */

.uitgaan-theme #spotlight {    background: url(../img/spotlight-block-uitgaan.png) no-repeat;}
.uitgaan-theme #spotlight .tips {    background: url(../img/block-header-tips.png) no-repeat top right;    margin-top: -10px;}
.uitgaan-theme #invitation {    background: url(../img/invitation-uitgaan-bg.png) no-repeat;}
.uitgaan-theme #invitation h3 {    margin-top:8px; margin-right: 120px;}
.uitgaan-theme #invitation p {    margin-top: 15px;}
.uitgaan-theme #invitation .button {margin-top:0px;}
.uitgaan-theme .items-overlay {background: url(../img/items-overlay-uitgaan.png) no-repeat;}
*:first-child+html .uitgaan-theme #invitation h3 {    margin-top:23px;}
*html .uitgaan-theme .items-overlay { background: none; } /* Haalt de transparante png's over de visuals weg */

/* Fotoalbum theme */

.foto-album #content {margin-top:-80px;}

/* ==================== */
/* = Colorbox Stijlen = */
/* ==================== */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://www.wunderlandkalkar.eu/img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* zakelijke beleving telefoonnummer weergave */
span.phonenumber{
    font-size: 24px;
    font-weight: bold;
}

/* youtube large */
.player-large{
    width:350px;
}
.player-duration-large{
    width:320px;
}

/* Countdown deals */

#countdown-deals {
    margin: 10px 0 0 0;
    width: 960px;
    overflow: hidden;
}

#countdown-deals .countdown-deal {
    float: left;
    margin: 0 10px 10px 0;
}

.countdown-deal {
    position: relative;
    padding: 10px;
    width: 210px;
    height: 155px;
    background: url(../img/countdown-deal-bg.png) no-repeat 0 0;
}

.countdown-deal .header {
    position: relative;
    padding: 0 5px 10px 5px;
    margin: 0 -5px 5px -5px;
    border-bottom: 1px solid #D1EBDB;
    height: 55px;
    vertical-align: bottom;
}

.countdown-deal .header h3 {
    position: absolute;
    bottom: 25px;
    margin: 0;
    line-height: 21px;
    font-family: "museo-1", "museo-2", sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #008D33;
}

.countdown-deal .header .subtitle {
    position: absolute;
    bottom: 3px;
    margin: 0;
    font-family: "museo-1", "museo-2", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #008D33;
}

.countdown-deal .former-cost {
    position: relative;
    float: left;
    margin: 0;
    font-family: "museo-1", "museo-2", sans-serif;
    font-size: 20px;
    font-weight: 300;
    overflow: hidden;
    color: #008E34;
    white-space: nowrap;
}

.countdown-deal .former-cost .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 70px;
    height: 27px;
    background: url(../img/former-cost-mask.png) no-repeat bottom left;
}

.countdown-deal .current-cost {
    float: left;
    margin: 0 0 0 10px;
    line-height: 45px;
    font-family: "museo-1", "museo-2", sans-serif;
    font-size: 46px;
    font-weight: 700;
    color: #F24D07;
    white-space: nowrap;
}

.countdown-deal .current-cost .valuta {
    margin: 0 -10px 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 300;
    vertical-align: top;
}

.countdown-deal .current-cost .rounded {
    font-size: 20px;
}

.countdown-deal .countdown-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    padding: 0 25px 0 10px;
    width: 175px;
    line-height: 30px;
    font-family: "museo-1", "museo-2", sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    background: url(../img/countdown-button-sprite.png) no-repeat 0 0;
    color: #FFF;
}

.countdown-deal .countdown-button:hover {
    background-position: 0 -30px;
}


/* Weekdeal */

body.weekdeal #home-visual {
    width: 950px;
    height: 330px;
    position: relative;
    background: none;
}

body.weekdeal #home-visual .visual {
    position: absolute;
    top: 0;
    left: 0;
}

body.weekdeal #home-visual .body {
    padding: 10px;
    width: 930px;
    height: 310px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

body.weekdeal #home-visual h1 {
    margin: 0;
    line-height: 1;
    font-size: 50px;
    /*color: white;*/
    color: #E33B18;
}

body.weekdeal #home-visual .week {
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    /*color: white;*/
    color: #E33B18;
}

body.weekdeal .deals {
    margin: 0;
    padding: 0;
    height: 250px;
    list-style: none;
    position: absolute;
    left: 5px;
    bottom: -10px;
}

body.weekdeal .deals li {
    float: left;
}

body.weekdeal .deals a {
    display: block;
    padding: 15px;
    width: 160px;
    height: 220px;
    position: relative;
    text-decoration: none;
    background: url(../img/weekdeal-bg-sprite.png) no-repeat 0 0;
}

body.weekdeal .deals a:hover {
    background-position: -190px 0;
}

body.weekdeal .deals .duration {
    margin: 0 0 5px;
    padding: 5px 0 10px 40px;
    height: 50px;
    position: relative;
    font: normal 20px/25px Arial, Helvetica, sans-serif;
    color: black;
}

body.weekdeal .deals .duration .days {
    position: absolute;
    top: 5px;
    left: 0;
    font: normal 50px/50px Arial, Helvetica, sans-serif;
}

body.weekdeal .deals .price-old {
    margin: 20px 0 0;
    font: normal 30px/40px Arial, Helvetica, sans-serif;
    color: #999;
}

body.weekdeal .deals .price-new {
    margin: 0;
    font: normal 30px/30px Arial, Helvetica, sans-serif;
    /*color: #990066;*/
    color: #E33B18;
}

body.weekdeal .deals .price-new strong {
    font-size: 40px;
}

body.weekdeal .deals .price-old .unit,
body.weekdeal .deals .price-new .unit {
    padding-right: 30px;
}

body.weekdeal .deals .action {
    position: absolute;
    bottom: 37px;
    left: 25px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}



/* Kerst */
/*body.christmas {*/

body.christmas {
    background: #F0EFF5 url(../img/body-bg.jpg) repeat-x top center;
}


/*body.christmas #body-wrap {*/

body.christmas #body-wrap {
    background: transparent;
}


body.christmas #home-visual {
    padding: 0;
    height: 330px;
    background: url(../img/christmas-bg.jpg) no-repeat 0 0;
}

body.christmas #home-visual h1 {
    display: none;
}

body.christmas .deals {
    margin: 0;
    padding: 0;
    width: 370px;
    position: absolute;
    top: 15px;
    right: 15px;
    list-style: none;
}

body.christmas .deals a {
    display: block;
    float: left;
    width: 185px;
    height: 150px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../img/christmas-sprite.png) no-repeat 0 0;
}

body.christmas .deals .package-1 a { background-position: 0 0; }
body.christmas .deals .package-1 a:hover { background-position: 0 -150px; }
body.christmas .deals .package-2 a { background-position: -185px 0; }
body.christmas .deals .package-2 a:hover { background-position: -185px -150px; }
body.christmas .deals .package-3 a { background-position: -370px 0; }
body.christmas .deals .package-3 a:hover { background-position: -370px -150px; }
body.christmas .deals .package-4 a { background-position: -555px 0; }
body.christmas .deals .package-4 a:hover { background-position: -555px -150px; }

body.christmas #home-visual .button {
    position: absolute;
    bottom: 20px;
    left: 20px;
}


/* German arrangements */

body.christmas #home-visual.de {
    background: url(../img/christmas-bg-de.jpg) no-repeat 0 0;
}

body.christmas #home-visual.de .button {
    bottom: 80px;
    left: 65px;
}

body.christmas #home-visual.de .deals a {
    background-image: url(../img/christmas-sprite-de.png);
}


/* Footer */

body.christmas #service-navigation .button {
    margin-right: 5px;
    background-position: 0 -1022px;
}

body.christmas  #service-navigation .button .button-inner {
    margin-right: -5px;
    background-position: 100% -1022px;
}

body.christmas #service-navigation .button:hover {
    background-position: 0 -1052px;
}

body.christmas  #service-navigation .button:hover .button-inner {
    background-position: 100% -1052px;
    color: #5C7DB0;
}

body.christmas #service-navigation .button.active {
    background-position: 0 -1082px;
}

body.christmas  #service-navigation .button.active .button-inner {
    background-position: 100% -1082px;
    color: #5C7DB0;
}