/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors:
 * - Base blue: #02255B;
 * - Link blue: #0295E5;
 * - Orange:    #CB4212;
 */

/* Fonts */

@font-face {
    font-family: 'Journal';
    src: url('../font/journal-webfont.eot');
    src: url('../font/journal-webfont.eot?iefix') format('eot'),
         url('../font/journal-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CartoGothicStd';
    src: url('../font/CartoGothicStd-Book-webfont.eot');
    src: url('../font/CartoGothicStd-Book-webfont.eot?iefix') format('eot'),
         url('../font/CartoGothicStd-Book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStd';
    src: url('../font/CartoGothicStd-Italic-webfont.eot');
    src: url('../font/CartoGothicStd-Italic-webfont.eot?iefix') format('eot'),
         url('../font/CartoGothicStd-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'CartoGothicStd';
    src: url('../font/CartoGothicStd-Bold-webfont.eot');
    src: url('../font/CartoGothicStd-Bold-webfont.eot?iefix') format('eot'),
         url('../font/CartoGothicStd-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStd';
    src: url('../font/CartoGothicStd-BoldItalic-webfont.eot');
    src: url('../font/CartoGothicStd-BoldItalic-webfont.eot?iefix') format('eot'),
         url('../font/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}


/* General */

body {
	margin: 0 0 50px;
	padding: 0;
	background: #02255B url(../img/body-bg.jpg) no-repeat 50% 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #02255B;
}

a:link, a:visited {
	color: #0295E5;
}

a:hover, a:active {
	color: #02255B;
}

address {
	font-style: normal;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: #02255B;
}

h1 {
	margin: 20px 0 10px;
	font-size: 22px;
	line-height: 32px; /* For 'offset page' alignment */
}

h2 {
	margin: 20px 0 8px;
	font-size: 18px;
}

h3 {
	margin: 20px 0 6px;
	font-size: 16px;
}

h4 {
	margin: 20px 0 4px;
	font-size: 14px;
}

h5 {
	margin: 20px 0 3px;
	font-size: 13px;
}

h6 {
	margin: 20px 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

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

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

p.accent {
	font-size: 14px;
	color: #8092AD;
}

.date {
	font-weight: bold;
	color: #8092AD;
}

.price {
	font-weight: bold;
}

.disclaimer {
	padding: 0 10px;
	color: #4D668C;
}

.hidden {
	visibility: hidden;
}


/* Table styles */

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

th, td {
	padding: 8px;
	border-bottom: 1px solid #E5E9EE;
	text-align: left;
}

thead td {
	background-color: #E5E9EE;
	border-bottom: 1px solid #8092AD;
	font-weight: bold;
}


/* Form styles */

form ul,
.filter-wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form ul li,
.filter-wrap ul li {
	margin: 0 0 10px;
	overflow: hidden; /* For newsletter submit */
}

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

form ul li.checkbox input {
	float: left;
}

form ul li.checkbox label {
	margin-left: 25px;
}

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

legend {
	display: none;
}

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

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

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.focus {
	color: #02255B !important;
}

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

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


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

#wrapper {
	margin: 0 auto;
	padding: 0 15px;
	width: 950px;
	background: url(../img/wrapper-bg.png) repeat-y;
}

#header {
	margin: 0 -15px;
	padding: 0 15px;
	height: 150px;
	background: url(../img/header-bg.png) no-repeat;
}

#inner-header {
	margin-bottom: 10px;
	width: 100%;
	height: 100px;
	position: relative;
}

#main {
	padding-top: 10px;
	width: 100%;
	background: url(../img/main-bg.gif) no-repeat;
	overflow: hidden;
}

#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;
}

#main.offset {
	padding-top: 40px;
}

#sidebar {
	padding: 0 10px 0 0;
	width: 230px;
}

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

.offset #sidebar,
.offset #imagebar {
	margin-top: 62px;
}

#content {
	padding: 0 15px;
	width: 440px;
}

.page #content {
	position: relative;
	margin-top: -110px;
}

#imagebar {
	padding: 0 0 0 10px;
	width: 230px;
}

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

#footer {
	margin: 0 -15px;
	padding: 15px 0;
	width: 980px;
	background: #02255B url(../img/footer-bg.gif) no-repeat;
	color: #4D668C;
	clear: both;
}

#inner-footer {
	margin: 0 15px;
	width: 950px;
	overflow: hidden;
}

.column {
	float: left;
/*	overflow: hidden;*/
}

#partycolumn{
	overflow: visible;
}

.column.single { width: 230px; }
.column.double { width: 470px; }
.column.triple { width: 710px; }
.column.quadruple { width: 950px; }
.column.extend { margin-right: 10px; }
.overview { overflow: hidden; }
.single .overview { width: 240px; }
.double .overview { width: 480px; }
.triple .overview { width: 720px; }
.quadruple .overview { width: 960px; }
.no-header { margin-top: 55px; }
.no-overflow { overflow: visible !important; }


/**
 * GENERAL STYLES
 * ----------------------------------------
 */

.block {
	position: relative;
	display: block;
	padding: 10px;
	width: 210px;
	background: url(../img/block-sprite.png) no-repeat;
	overflow: hidden;
}

.block.green { background-position: -230px 0; }
.block.brown { background-position: -804px 0; }
.block.red { background-position: -1504px 0; }
.block.zwembad { background-position: -1734px 0; }

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

.block h2 {
	margin: 0 0 5px;
	font-size: 22px;
	color: #02255B;
}

.blue h2 { color: #0066B2; }
.green h2 { color: #47C700; }
.brown h2 { color: #985929; }
.red h2 { color: #990000; }
.zwembad h2 { color: #09A49B; }
.block p { margin: 0 0 5px; }
.block .accent { color: #02255B; }


/* Product blocks */

.product {
	background-position: -460px 0;
	text-decoration: none;
	cursor: pointer;
}

.product img {
	display: block;
	margin: -6px -6px 12px;
}

.product .block-title {
	display: block;
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #02255B;
}

.product .block-text {
	margin: 0 0 5px;
	line-height: 160%;
	color: #4D668C;
}

.product .arrow {
	float: right;
	color: #0295E5;
}

.product:hover .arrow {
	background-position: 100% -1290px;
	color: #80CAF2;
}

.product .price-label {
	position: absolute;
	top: 50px;
	right: 10px;
}

.product:hover .price-label {
	background-position: -747px 0;
}

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

.product.actie:hover .label { background-position: 0 -70px; }
.product.actie .price-label { background-position: -690px -62px; }
.product.actie:hover .price-label { background-position: -747px -62px; }

.product.lastminute .price-label { background-position: -1964px 0; }
.product.lastminute:hover .price-label { background-position: -2021px 0; }

.product.artist .price-label { background-position: -690px -186px; }
.product.artist:hover .price-label { background-position: -747px -186px; }

.product.discount-20 .price-label { background-position: -1964px -62px; }
.product.discount-20:hover .price-label { background-position: -2021px -62px; }

.product.actie .arrow { background-position: 100% -1170px; color: #FF8800 !important; }
.product.actie:hover .arrow { background-position: 100% -1210px; color: #FFB866 !important; }

.product.lastminute .arrow { background-position: 100% -1330px; color: #48C105 !important; }
.product.lastminute:hover .arrow { background-position: 100% -3390px; color: #8DD862 !important; }

.product.artist .arrow { background-position: 100% -3690px; color: #02255B !important; }
.product.artist:hover .arrow { background-position: 100% -3730px; color: #4C668C !important; }

.product.discount-20 .arrow { background-position: 100% -3770px; color: #DA0074 !important; }
.product.discount-20:hover .arrow { background-position: 100% -3810px; color: #E966AC !important; }


/* Product alt blocks */

.product-alt {
	padding: 4px 9px 39px;
	width: 210px;
	height: 184px;
	border: 1px solid #F2F4F7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background: transparent;
}

.product-alt img {
	margin: 0 -5px 5px;
}

.product-alt .header {
	margin: 0 0 5px;
	padding: 5px 0 0;
	height: 44px;
	overflow: hidden;
}

.product-alt .header h3 {
	margin: 0;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #02255B;
}

.product-alt .label {
	width: auto;
	height: auto;
	position: static;
	text-indent: 0;
	line-height: 20px;
	font-size: 14px;
	background: none;
	color: #0295E5;
}

.product-alt .intro {
	margin: 0;
	height: 30px;
	overflow: hidden;
	line-height: 15px;
	font-size: 11px;
	color: #4D668C;
}

.product-alt .footer {
	padding: 5px 10px;
	width: 210px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.product-alt .footer .price {
	float: left;
	padding: 0;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #0295E5;
}

.product-alt .footer .price em {
	font-weight: normal;
	font-style: normal;
}

.product-alt .footer .button {
	float: right;
}

.product-alt:hover {
	background-color: #F2F4F7;
	border-color: #CDD4DE;
}

.product-alt:hover .header,
.product-alt:hover .price {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.product-alt.lastminute .label { color: #48C105; }
.product-alt.actie .label { color: #FF8800; }
.product-alt.actie .discount-20 { color: #DB027A; }


/* Artist blocks */

.artist .image-wrap {
	position: relative;
	display: block;
	margin: -6px -6px 12px;
	width: 222px;
	height: 92px;
	overflow: hidden;
}

.artist .image-wrap img {
	margin: 0;
	float: left;
}

.artist .image-wrap .sold-out-mask {
	position: absolute;
	top: 0;
	right: 0;
	width: 162px;
	height: 92px;
	text-indent: -9999px;
	background: url(../img/product-sold-out-mask.png) no-repeat 0 0;
}

.artist .calendar {
	margin: 0 3px 0 0;
	width: 57px;
	height: 92px;
	background: url(../img/block-sprite.png) no-repeat -690px -248px;
}

.artist:hover .calendar {
	background: url(../img/block-sprite.png) no-repeat -747px -248px;
}

.artist .calendar span {
	width: 57px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
}

.artist .calendar .day {
	height: 46px;
	font-size: 36px;
	line-height: 46px;
}


/* Text blocks */

.text-block {
	padding: 15px 0 0;
	width: 230px;
	background: url(../img/text-block-bg.gif) no-repeat;
}

.inner-text {
	padding: 0 15px 10px;
	width: 200px;
	background: url(../img/text-block-bg.gif) no-repeat bottom left;
}


/* Dish blocks */

.dishes {
	padding: 4px 4px 0;
	width: 462px;
	background-position: -1034px 0;
}

.dishes .inner-content {
	padding: 0 10px 5px;
	width: 442px;
	background: url(../img/block-sprite.png) no-repeat -1038px 100%;
}

.dishes h2 {
	margin: 10px -10px;
	padding: 0 10px 10px;
	border-bottom: 3px solid #EDE1D9;
	font-size: 16px;
	color: #985929;
}


/* Labels */

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

.nieuw .label { background-position: 0 -140px; }
.nieuw:hover .label { background-position: 0 -210px; }
.tip .label { background-position: 0 -280px; }
.tip:hover .label { background-position: 0 -350px; }
.uniek .label { background-position: 0 -420px; }
.uniek:hover .label { background-position: 0 -490px; }
.super .label { background-position: 0 -560px; }
.super:hover .label { background-position: 0 -630px; }
.lastminute .label { background-position: 0 -700px; }
.lastminute:hover .label { background-position: 0 -770px; }
.discount-20 .label { background-position: 0 -840px; }
.discount-20:hover .label { background-position: 0 -910px; }


/* Price labels */

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

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

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

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


/* Calendars */

.calendar {
	display: inline-block;
	float: left;
	margin: 6px 10px 6px 6px;
	width: 40px;
	height: 45px;
	color: white;
}

.calendar span {
	display: block;
	width: 40px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

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

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


/* Buttons */

button.button { 
	position: relative;
	border: 0; 
	padding: 0 0 0 10px;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

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

button .button-text { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button .button-texts {
		margin-top: -1px;
	}
}

.button {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 10px;
	height: 30px;
	background: url(../img/arrow-button-sprite.png) no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #8092AD !important;
	cursor: pointer;
}

.button .button-text {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 35px;
	height: 30px;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% 0;
	line-height: 30px;
}

.button .button-extra {
	font-size: 10px;
	font-weight: normal;
}

.button:hover,
.button.ui-state-active {
	color: #02255B !important;
}

.button:hover .button-text {
	background-position: 100% -30px;
}

.button.ui-state-active .button-text {
	background-position: 100% -60px;
}

.button.attraction {
	background-position: 0 -90px;
	color: white !important;
}

.button.attraction .button-text {
	background-position: 100% -90px;
}

.button.attraction:hover {
	color: white !important;
}

.button.attraction:hover .button-text {
	background-position: 100% -120px;
}

.button.zalen {
	background-position: 0 -2830px;
	color: white !important;
}

.button.zalen .button-text {
	background-position: 100% -2830px;
}

.button.zalen:hover {
	color: white !important;
}

.button.zalen:hover .button-text {
	background-position: 100% -2860px;
}

.button.children {
	background-position: 0 -3920px;
	color: white !important;
}

.button.children .button-text {
	background-position: 100% -3920px;
}

.button.children:hover {
	color: white !important;
}

.button.children:hover .button-text {
	background-position: 100% -3950px;
}

.button.hotel {
	background-position: 0 -2920px;
	color: white !important;
}

.button.hotel .button-text {
	background-position: 100% -2920px;
}

.button.hotel:hover {
	color: white !important;
}

.button.hotel:hover .button-text {
	background-position: 100% -2950px;
}

.button.stars {
	background-position: 0 -180px;
	color: white !important;
}

.button.stars .button-text {
	background-position: 100% -180px;
}

.button.stars:hover {
	color: white !important;
}

.button.stars:hover .button-text {
	background-position: 100% -210px;
}

.button.orange {
	background-position: 0 -270px;
	color: white !important;
}

.button.orange .button-text {
	background-position: 100% -270px;
}

.button.orange:hover {
	color: white !important;
}

.button.orange:hover .button-text {
	background-position: 100% -300px;
}

.button.action {
	padding-left: 6px;
	height: 25px;
	background-position: 0 -450px;
	font-size: 11px;
	color: #4D668C !important;
}

.button.action .button-text {
	padding-right: 20px;
	height: 25px;
	background-position: 100% -450px;
	line-height: 25px;
}

.button.action:hover {
	background-position: 0 -475px;
	color: white !important;
}

.button.action:hover .button-text {
	background-position: 100% -475px;
}

.button.filter {
	background-position: 0 -500px;
	color: #8092AD !important;
}

.button.filter .button-text {
	background-position: 100% -500px;
}

.button.filter:hover,
.active .button.filter,
.highlight .button.filter {
	background-position: 0 -530px;
	color: #02255B !important;
}

.button.filter:hover .button-text,
.active .button.filter .button-text,
.highlight .button.filter .button-text {
	background-position: 100% -530px;
}

.button.filter:hover .button-extra,
.active .button.filter .button-extra,
.highlight .button.filter .button-extra {
	color: #0295E5 !important;
}

#attraction-accordion .button.ui-state-active {
	background-position: 0 -150px;
	color: white !important;
}

#attraction-accordion .button.ui-state-active .button-text {
	background-position: 100% -150px;
}

#zalen-accordion .button.ui-state-active {
	background-position: 0 -2890px;
	color: white !important;
}

#zalen-accordion .button.ui-state-active .button-text {
	background-position: 100% -2890px;
}

#children-accordion .button.ui-state-active {
	background-position: 0 -3920px;
	color: white !important;
}

#children-accordion .button.ui-state-active .button-text {
	background-position: 100% -3980px;
}

#hotel-accordion .button.ui-state-active {
	background-position: 0 -2980px;
	color: white !important;
}

#hotel-accordion .button.ui-state-active .button-text {
	background-position: 100% -2980px;
}

#stars-accordion .button.ui-state-active {
	background-position: 0 -240px;
	color: white !important;
}

#stars-accordion .button.ui-state-active .button-text {
	background-position: 100% -240px;
}


/* Orange book button (without arrow) */

.button-book {
	margin: 0 5px 0 0 !important;
	background-position: 0 -4285px;
}

.button-book .button-text {
	margin: 0 -5px 0 0;
	padding: 0 8px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background-position: 100% -4285px;
	color: white;
}

.button-book:hover,
a:hover .button-book {
	background-position: 0 -4315px;
}

.button-book:hover .button-text,
a:hover .button-book .button-text {
	background-position: 100% -4315px;
}


/* Arrow links */

.arrow {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 28px;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -1130px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

.arrow:hover {
	background-position: 100% -1450px;
}

.arrow.full {
	display: block;
	text-align: right;
}

.arrow.darkblue {
	background-position: 100% -1450px;
	color: #02255B !important;
}

.arrow.darkblue:hover {
	background-position: 100% -1250px;
	color: #CB4212 !important;
}

.arrow.aqua {
	background-position: 100% -1370px;
	color: #09A49B !important;
}

.arrow.aqua:hover {
	background-position: 100% -3270px;
	color: #47BBB4 !important;
}

.arrow.plain {
	padding: 0 25px 0 0;
	background-position: 100% -2708px;
	font-size: 11px;
	line-height: normal;
	color: #02255B !important;
}

.arrow.plain:hover {
	background-position: 100% -2798px;
	color: #CB4212 !important;
}

.arrow.back {
	padding: 0 0 0 25px;
	background-position: 0 -1110px;
	color: #8092AD !important;
}

#zalen-accordion .arrow {
	background-position: 100% -3190px;
	color: #990000 !important;
}

#zalen-accordion .arrow:hover {
	background-position: 100% -3230px;
	color: #B34040 !important;
}


/* Menus */

.menu {
	margin-bottom: 10px;
	padding-bottom: 30px;
	width: 100%;
	background: #E5E9EE url(../img/menu-bottom-bg.gif) no-repeat bottom left;
}

.menu h2 {
	margin: 0;
	padding: 20px 10px 0;
	height: 25px;
	background: #02255B url(../img/menu-top-bg.gif) no-repeat;
	border-bottom: 5px solid #DF8F24;
	font-size: 14px;
	color: white;
}

.menu ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid white;
	list-style: none;
}

.menu ul li {
	border-bottom: 1px solid white;
}

.menu ul li.selected {
	border: 0;
}

.menu ul li a {
	display: block;
	padding: 7px 25px 6px 10px;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -2670px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #677C9D !important;
}

.menu ul li a:hover,
.menu ul li.selected a {
	background-color: white;
	background-position: 100% -2700px;
	color: #02255B !important;
}

.menu ul li.selected a {
	background-position: 100% -2760px;
}

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

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

.menu .subnav li {
	border: 0;
}

.menu li .subnav li a {
	padding: 2px 10px 2px 20px;
	height: 1%;
	background: none !important;
	font-size: 11px;
	font-weight: normal;
	color: #677C9D !important;
}

.menu li .subnav li a:hover,
.menu li .subnav li.selected a {
	font-weight: bold;
	color: #02255B !important;
}


/* Accordions */

#accordion-wrap {
	width: 230px;
}

.accordion {
	margin-bottom: 10px;
}

.accordion .button {
	margin-bottom: 5px;
	outline: none;
}

#accordion-wrap .button {
	margin-bottom: 5px;
	outline: none;
}

#accordion-wrap .button,
#accordion-wrap .button-text {
	display: block;
}

.accordion .rowlink {
	outline: none;
}

.accordion-content {
	overflow: hidden;
}

.inner-accordion {
	padding: 0 5px;
	overflow: hidden;
}

.inner-accordion th {
	padding: 8px 8px 8px 0;
}

.compact .button,
.compact .button .button-text {
	display: block;
}

.compact .accordion-content {
	margin-bottom: 5px;
	width: 230px;
	background: url(../img/sidebar-accordion-content-bg.gif) no-repeat;
}

.compact .inner-accordion {
	margin-top: 10px;
	padding: 0 10px 10px;
	width: 210px;
	background: url(../img/sidebar-accordion-content-bg.gif) no-repeat bottom left;
}

.compact ul.inner-accordion {
	margin: 5px 0 0;
}

.compact .accordion-content p {
	margin: 0 0 5px;
}

.compact .picture {
	margin-bottom: 5px;
}

.compact table {
	margin: 5px 0 0;
}

.compact td {
	padding: 3px 0;
	border: 0;
}


/* Dishes accordion */

.dishes-accordion {
	width: 470px;
}

.dishes-accordion .button {
	color: #C4A084 !important;
}

.dishes-accordion .button,
.dishes-accordion .button-text {
	display: block;
	background-image: url(../img/dishes-accordion-sprite.gif);
}

.dishes-accordion .button:hover,
.dishes-accordion .ui-state-active {
	color: #985929 !important;
}

.dishes-accordion .accordion-content {
	margin-bottom: 5px;
	width: 470px;
	background: url(../img/dishes-accordion-sprite.gif) no-repeat 0 -90px;
}

.dishes-accordion .inner-accordion {
	margin-top: 10px;
	padding: 0 10px 10px;
	width: 450px;
	background: url(../img/dishes-accordion-sprite.gif) no-repeat bottom left;
}

.dishes-accordion p {
	margin: 0 0 5px;
}

/* Media accordion */

.media-accordion {
	width: 470px;
}

.media-accordion .button {
	color: #fff !important;
}

.media-accordion .button,
.media-accordion .button-text {
	display: block;
	background-image: url(../img/media-accordion-sprite.gif);
}

.media-accordion .accordion-content {
	margin-bottom: 5px;
	width: 470px;
	background: url(../img/media-accordion-sprite.gif) no-repeat 0 -90px;
/*	overflow:visible;*/
}

.media-accordion .inner-accordion {
	margin-top: 5px;
	padding: 0 5px 5px;
	width: 460px;
	background: url(../img/media-accordion-sprite.gif) no-repeat bottom left;
}

.media-accordion p {
	margin: 0 0 5px;
}

.media-accordion .photo-thumbs {
	width: 456px;
	padding: 0 2px;
	overflow:hidden;
}

.media-accordion .photo-thumbs a {
	display:block;
	float:left;
	width: 60px;
	height:60px;
	position:relative;
	margin-right:6px;
}

.media-accordion .photo-thumbs a:hover {
	cursor:pointer;
}

.media-accordion .photo-thumbs a.last {
	margin-right:0;
}

.media-accordion .photo-thumbs img {
	display:block;
}

.media-accordion .photo-thumbs a .mask {
	display:block;
	width: 60px;
	height:60px;
	position: absolute;
	top:0;
	left:0;
	background:url(../img/media-accordion-photo-thumb-mask.png) no-repeat;
}

/* YouTube Double Player */

.player-double-wrap {
	width: 470px;
/*	height: 265px;*/
}

.accordion .player-double-wrap {
	margin: 0 -5px;
}

.player-double-wrap object,
.player-double-wrap embed {
	display: block;
	margin-bottom: 5px;
	background-color: black;
}

.player-double {
	padding: 10px;
	width: 450px;
	height: 225px;
	background:black;
}

.player-double p,
.player-double a {
	color: white;
}

.player-double-controls {
	padding:0 5px 5px;
	width: 460px;
	height: 25px;
}

.player-double-play {
	display: block;
	float: left;
	margin-right: 5px;
	width: 50px;
	height: 25px;
	background: url(../img/player-double-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

.player-double-play { background-position: -50px 0; }
.player-double-play:hover { background-position: -50px -25px; }
.paused .player-double-play { background-position: 0 0; }
.paused .player-double-play:hover { background-position: 0 -25px; }

.player-double-progress {
	float: left;
	padding: 10px;
	width: 385px;
	height: 5px;
	background: url(../img/player-double-sprite.png) no-repeat -100px -25px;
}

.player-double-duration {
	float: left;
	margin-right: 8px;
	width: 355px;
	height: 5px;
	background-color: #F6BFDC;
	font-size: 5px;
}

.player-double-elapsed {
	height: 5px;
	background-color: #DA0074;
	font-size: 5px;
}

.player-double-controls p.current-time {
	color:#DA0074;
}


/* Toolbars */

#content .toolbar {
	margin: 15px 0 10px;
	width: 100%;
	height: 25px;
}

#content .toolbar .inner-toolbar {
	float: right;
	height: 25px;
}

#content .toolbar .button {
	float: left;
	margin-left: 10px;
}


/* Horizontal rules */

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

.hr hr {
	display: none;
}

.hr.small {
	width: 230px;
}

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

.hr.medium.flip {
	background-position: 0 -40px;
}

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


/* Sidebar thumbs */

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

.thumb img {
	display: block;
}

.thumb .zoom {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	bottom: 5px;
	right: 5px;
	background: url(../img/arrow-button-sprite.png) no-repeat -260px -560px;
	text-indent: -9999px;
}

#accommodations-block .thumb .zoom { background-position: -300px -560px; }
#attraction-accordion .thumb .zoom { background-position: -280px -560px; }
#zalen-accordion .thumb .zoom { background-position: -240px -580px; }
#children-accordion .thumb .zoom { background-position: 0 -4110px; }
#children-accordion .thumb:hover .zoom { background-position: 0 -4130px; }
#hotel-accordion .thumb .zoom { background-position: -260px -580px; }
.section-event-detail .thumb .zoom { background-position: -240px -560px; }

.thumb-links { display: none; }


/* Rowlinks (for accordion and related items) */

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

.related .arrow {
	float: right;
	margin-top: 10px;
}

.rowlink {
	display: block;
	padding: 8px 25px 8px 5px;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -1405px;
	border-bottom: 1px solid #E5E9EE;
	text-decoration: none;
	color: #02255B !important;
}

.rowlink:hover {
	background-position: 100% -1245px;
	color: #CB4212 !important;
}

#faq-accordion .ui-state-active,
#jobs-accordion .ui-state-active {
	background-position: 100% -1764px !important;
	border: 0;
	font-size: 12px;
	font-weight: bold;
	color: #CB4212 !important;
}

.rowlink .date {
	margin-right: 10px;
}

.rowlink:hover .date {
	color: #CB4212;
}


/* Truncators */

.truncate {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
}

.truncate:after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: url(../img/gradient-truncate-20px.png) repeat-x;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.truncate-toggler {
	padding: 0 20px 0 0;
	background: url(../img/arrow-sprite.png) no-repeat 100% -149px;
	font-weight: bold;
	cursor: pointer;
	color: #698C43;
}

.truncate-toggler:hover {
	background-position: 100% -349px;
	color: #A1B789;
}

.truncate-toggler.truncated {
	background: url(../img/arrow-sprite.png) no-repeat 100% -49px;
}

.truncate-toggler.truncated:hover {
	background-position: 100% -249px;
}


/* Checklists */

.checklist {
	margin-bottom: 10px;
	padding: 15px 15px 0;
	width: 200px;
	background: url(../img/checklist-bg.gif) no-repeat;
}

.checklist h2 {
	color: #DF8F24;
}

.checklist p {
	margin: 0 0 10px;
	padding: 10px 50px 5px 0;
	font-size: 12px;
	color: #0194E5;
}

.checklist ul {
	margin: 0 -15px;
	padding: 0 15px 15px 30px;
	width: 185px;
	background: url(../img/checklist-bg.gif) no-repeat bottom left;
	color: #4D668C;
}

#hotel-checklist {
	background-position: -230px 0;
}

#hotel-checklist h2 {
	color: #0066B2;
}

#hotel-checklist p {
	margin: 0 0 5px;
	padding: 0;
	color: #0066B2;
}

#hotel-checklist ul {
	background-position: -230px 100%;
}


/* Tabs */

.tabs {
	margin: 0;
	padding: 0 5px;
	height: 30px;
	border-bottom: 1px solid #8092AD;
	list-style: none;
	overflow: visible !important;
	overflow: hidden;
}

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

.tabs li.selected {
	position: static !important;
	position: relative;
	background-position: 0 -30px;
}

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

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

.tabs li.selected a {
	height: 31px;
	background-position: 100% -30px;
	color: #02255B !important;
}


/* Accordion price-list */

.compact .price-list {
	padding: 0 10px 5px;
}

.price-list li {
	display: block;
	margin: 0 -9px;
	border-bottom: 1px solid #E5E9EE;
	vertical-align: middle;
}

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

.price-list li.last {
	margin-bottom: -4px;
	border: 0;
}

.price-list li a {
	display: block;
	padding: 4px;
	height: 42px;
	text-decoration: none;
	cursor: pointer;
}

.price-list a .price-label {
	float: left;
	margin-right: 8px;
	width: 42px;
	height: 42px;
	background: url(../img/price-label-sprite.gif) no-repeat;
}

.price-list a:hover .price-label { background-position: 0 -42px; }
.price-list li a.price-list-actie .price-label { background-position: 0 -84px; }
.price-list li a.price-list-actie:hover .price-label { background-position: 0 -126px; }
.price-list li a.price-list-lastminute .price-label { background-position: 0 -168px; }
.price-list li a.price-list-lastminute:hover .price-label { background-position: 0 -210px; }

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

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

.price-list .title {
	display: block;
	float: left;
	margin-top: 5px;
	width: 160px;
	font-weight: bold;
	color: #02255B;
}

.price-list .caption {
	display: block;
	float: left;
	width: 160px;
	font-weight: bold;
	color: #6E82A1;
}


/* Picture blocks */

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

.picture.green {
	background-position: -230px 0;
}

.picture.blue {
	background-position: -460px 0;
}

#zalen-accordion .picture {
	background-position: -690px 0;
}

#children-accordion .picture {
	background-position: -1150px 0;
	color: #FF5100;
}

#hotel-accordion .picture {
	background-position: -920px 0;
}

.inner-picture {
	margin: 5px 0 0;
	padding: 0 10px 15px;
	width: 210px;
	background: url(../img/picture-block-sprite.gif) no-repeat bottom left;
	overflow: hidden;
}

.green .inner-picture {
	background-position: -230px 100%;
}

.blue .inner-picture {
	background-position: -460px 100%;
}

#zalen-accordion .inner-picture {
	background-position: -690px 100%;
}

#children-accordion .inner-picture {
	background-position: -1150px 100%;
}

#hotel-accordion .inner-picture {
	background-position: -920px 100%;
}

.picture .thumb {
	margin: 0 -5px 5px;
	width: 220px;
	height: 165px;
}

.picture .full {
	margin: 0 0 5px;
}

.picture .check {
	padding: 10px 0 0 40px;
	background: url(../img/check-aqua.gif) no-repeat;
	font-weight: bold;
	color: #09A49B;
}

.picture ul {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	color: #4D668C;
}

.picture ul.indent {
	padding: 0 0 0 40px;
	list-style: none;
}

.picture .disclaimer {
	margin: 0 -5px -10px;
	padding: 10px 5px 10px 45px;
	width: 170px;
	background: #E6F6F5 url(../img/info-icon.gif) no-repeat 6px 14px;
}


/* Explanation block */

.explanation {
	margin: 0 0 5px;
	padding: 15px 0 0;
	width: 230px;
	background:url(../img/explanation-sprite.png) no-repeat 0 0;
}

.explanation .inner {
	padding: 0 10px 5px;
	background:url(../img/explanation-sprite.png) no-repeat 0 100%;
}

.explanation h2 {
	margin:0 0 8px;
	padding:0;
	font-size:20px;
	color:#02255B;
}

.explanation p {
	margin: 0 0 5px;
}


/* Header image replacement */

.replace {
	display: block;
	margin: 10px 0 5px;
	height: 40px;
	background: url(../img/header-sprite.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

.r-geselecteerd { background-position: 0 -40px; }
.r-arrangementen { background-position: 0 -80px; }
.r-faciliteiten { background-position: 0 -120px; }
.r-attracties { background-position: 0 -160px; }
.r-aanbiedingen { margin: 0; background-position: 0 -203px; }
.r-lastminutes { margin: 0; background-position: 0 -1160px; }
.r-vindarrangement { background-position: 0 -240px; }
.r-acties { background-position: 0 -280px; }
.r-artiestagenda { background-position: 0 -320px; }
.r-fotos { background-position: 0 -360px; }
.r-inclusief { background-position: 0 -400px; }
.r-suggesties { background-position: 0 -440px; }
.r-specials { background-position: 0 -480px; }
.r-gerelateerdeartikelen { background-position: 0 -520px; }
.r-meerweten { background-position: 0 -560px; }
.r-meernieuws { background-position: 0 -600px; }
.r-bistro { background-position: 0 -640px; }
.r-piripiri { background-position: 0 -680px; }
.r-uiteten { background-position: 0 -720px; }
.r-dagvergader { background-position: 0 -810px; }
.r-meerdaagsevergader { background-position: 0 -850px; }
.r-vergaderzalen { background-position: 0 -890px; }
.r-zalen { background-position: 0 -930px; }
.r-hotelkamer { background-position: 0 -970px; }
.r-kinderfeestjes { background-position: 0 -1010px; }
.r-availability { background-position: 0 -1200px; }
.r-artiestagenda-themes { background-position: 0 -1320px; }
.r-inclusief-themes { background-position: 0 -1240px; }
.r-informatie-themes { background-position: 0 -1280px; }
.r-videos { background-position: 0 -1360px; }
.r-party {
	background: url('../img/q-musicparty.jpg') no-repeat; 
	margin: 0; 
	background-position: 0 0px; 
	padding-top: -10px;
	margin-top: -5px;
	margin-bottom: 5px;
}

.r-sterren-title {
	width: 470px;
	height: 94px;
	background: url(../img/sterren-title.png) no-repeat 50% 0;
	overflow: hidden;
}

.r-sterren-title:hover {
	background-position: 50% -94px;
}

.r-inclusief-block {
	margin: 0;
	width: 150px;
	height: 50px;
	background-position: 0 -760px;
}

.r-inclusief-hotel {
	margin: 10px 0 0 20px;
	width: 150px;
	height: 50px;
	background-position: 0 -1050px;
}

.r-feestje {
	margin: 10px 0;
	width: 150px;
	height: 60px;
	background-position: 0 -1100px;
}

.r-fair {
	margin: 25px 0 0;
	height: 88px;
	background: url(../img/header-fair.gif) no-repeat;
	text-indent: -9999px;
}

.r-culinair {
	margin: 10px 0;
	height: 116px;
	background: url(../img/header-culinair.gif) no-repeat;
	text-indent: -9999px;
}

.r-pool {
	margin: 10px 0;
	height: 164px;
	background: url(../img/header-pool.gif) no-repeat;
	text-indent: -9999px;
}

.r-sterren {
	margin: 34px 0 0;
	height: 134px;
	background: url(../img/header-sterren.gif) no-repeat;
	text-indent: -9999px;
}

.r-zalen-title {
	margin: 31px 0 0;
	height: 101px;
	background: url(../img/header-zalen.gif) no-repeat;
	text-indent: -9999px;
}

.r-uitgaan {
	margin: 25px 0 10px;
	height: 93px;
	background: url(../img/header-uitgaan.gif) no-repeat;
	text-indent: -9999px;
}

.r-hotel {
	margin: 35px 0 0;
	height: 93px;
	background: url(../img/header-hotel.gif) no-repeat;
	text-indent: -9999px;
}

.r-children-title {
	margin: 20px 0;
	height: 129px;
	background: url(../img/header-children.png) no-repeat;
	text-indent: -9999px;
}


/* 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/arrow-button-sprite.png) no-repeat;
	text-indent: -9999px;
}

#pagination-prev { background-position: 0 -1110px; }
#pagination-next { background-position: -300px -1610px; }

#pagination-prev:hover { background-position: 0 -3310px; }
#pagination-next:hover { background-position: -300px -3350px; }

.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;
}


/* YouTube Player */

.player-wrap {
	width: 220px;
	height: 190px;
}

.accordion .player-wrap {
	margin: 0 -5px;
}

.player-wrap object,
.player-wrap embed {
	display: block;
	margin-bottom: 5px;
	background-color: black;
}

.player {
	padding: 10px;
	width: 200px;
	height: 130px;
}

.player p,
.player a {
	color: white;
}

.player-controls {
	padding: 5px;
	width: 210px;
	height: 25px;
}

.player-play {
	display: block;
	float: left;
	margin-right: 5px;
	width: 50px;
	height: 25px;
	background: url(../img/player-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

.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 {
	float: left;
	padding: 10px;
	width: 135px;
	height: 5px;
	background: url(../img/player-sprite.png) no-repeat -100px 0;
}

.player-duration {
	float: left;
	margin-right: 8px;
	width: 105px;
	height: 5px;
	background-color: #C0E4F8;
	font-size: 5px;
}

.player-elapsed {
	height: 5px;
	background-color: #0295E5;
	font-size: 5px;
}

p.current-time {
	float: left;
	margin: -3px 0 -2px;
	font-size: 10px;
	line-height: 10px;
	color: #0295E5;
}


/* Flip calendars */

.flip-calendar {
	display: block;
	height: 114px;
	background: url(../img/flip-calendar-bg.png) repeat-x;
	font-size: 120px;
	font-weight: bold;
	line-height: 113px;
	letter-spacing: 23px;
	text-indent: 12px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
	overflow: hidden;
	color: #FFF;
}


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

#header #logo {
	display: block;
	float: left;
	width: 230px;
	height: 94px;
	position: relative;
	z-index: 100;
	background: url(../img/logo-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#header #logo:hover {
	background-position: 0 -94px;
}


/* 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: #7F92AC;
}

#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% -1250px;
	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);
}


/* Tagline */

#tagline {
	float: left;
	margin: 11px 0 0 15px;
	width: 358px;
	height: 31px;
	background: url(../img/tagline-bg.gif) no-repeat;
	font: 16px Garamond;
	text-indent: -9999px;
	color: #7185A3;
}


/* Passport */

#passport {
	float: right;
	padding: 10px;
	width: 210px;
	height: 80px;
	color: white;
}

#passport #languages {
	width: 210px;
	height: 15px;
}

#passport #inner-languages {
	float: right;
	height: 15px;
}

#passport #languages a {
	display: block;
	float: left;
	margin-left: 5px;
	width: 14px;
	height: 12px;
	background: url(../img/flags.png) no-repeat;
	font-size: 8px;
	text-indent: -9999px;
}

#passport #languages #nl { background-position: 0 0; }
#passport #languages #en { background-position: -14px 0; }
#passport #languages #de { background-position: -28px 0; }
#passport #languages #nl.active { background-position: 0 -12px; }
#passport #languages #en.active { background-position: -14px -12px; }
#passport #languages #de.active { background-position: -28px -12px; }

#passport #passport-logo {
	display: block;
	margin: 0 0 8px -10px;
	width: 140px;
	height: 25px;
	background: url(../img/paspoort-logo.gif) no-repeat;
	text-indent: -9999px;
}

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

#passport p {
	margin: 0;
	font-weight: bold;
}

#passport a.action {
	padding: 0 20px 0 0;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -2678px;
	font-size: 10px;
	text-decoration: none;
	color: #9AA8BD;
}

#passport a.action:hover {
	background-position: 100% -2738px;
	color: white;
}


/* Online reserveren button */

#online-reserveren {
	float: right;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 40px;
	background: url(../img/online-reserveren.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#online-reserveren:hover {
	background-position: 0 -40px;
}

#online-reserveren-home {
	position: absolute;
	padding: 35px 10px 0;
	width: 200px;
	height: 15px;
	top: 10px;
	right: 10px;
	background: url(../img/online-reserveren-home.png) no-repeat;
	font-weight: bold;
	overflow: hidden;
	color: #F29C38 !important;
}

#online-reserveren-home:hover {
	background-position: 0 -50px;
}

#online-reserveren-home-alt {
	position: absolute;
	padding: 14px 0 0 15px;
	width: 205px;
	height: 46px;
	top: 10px;
	right: 10px;
	background: url(../img/online-reserveren-home-alt.png) no-repeat 0 0;
	font-weight: bold;
	overflow: hidden;
	color: #F29C38 !important;
}

#online-reserveren-home-alt:hover { background-position: 0 -60px; }

#online-reserveren-home-alt h2 {
	margin: 0;
	font: bold 18px/100% CartoGothicStd, Arial, Helvetica, sans-serif;
	color: white;
}

#online-reserveren-home-alt p {
	margin: 0;
	line-height: 120%;
	color: #F29C38;
}


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

/* Homepage visual */

#home-visual {
	position: relative;
	margin: 0 0 10px;
	width: 950px;
	height: 355px;
}

#home-visual .mask {
	width: 950px;
	height: 355px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/homepage-visual-mask.png) no-repeat 0 0;
}

#home-visual > a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}


/* Visual intro */

#home-visual #visual-intro {
	padding: 90px 20px 0;
	width: 180px;
	height: 255px;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1;
	background: url(../img/homepage-visual-mask.png) no-repeat -950px 1px;
	font-size: 18px;
	color: #002559;
}

#home-visual #visual-intro h1 {
	margin: 0 0 10px;
	font-size: 24px;
	font-weight: normal;
	line-height: 1;
}

#home-visual #visual-intro h1 strong {
	font-size: 30px;
}

#home-visual #visual-intro p .unit {
	display: block;
	text-align: right;
	text-transform: uppercase;
	color: #4C668C;
}

#home-visual .disclaimer {
	position: absolute;
	padding: 5px 10px 10px;
	bottom: 10px;
	left: 10px;
	width: 200px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	color: #CB4112;
}

#home-visual .disclaimer h2,
#home-visual .disclaimer p {
	margin: 0;
	line-height: 1.2;
}

#home-visual .disclaimer h2 {
	font-size: 32px;
	color: #CB4112;
}

#home-visual .disclaimer p {
	line-height: 1.2;
}

#home-visual .disclaimer em {
	display: block;
	font-style: normal;
	text-decoration: underline;
}


/* Home Visual alt */

#home-visual-alt {
	margin: 0 0 10px;
	height: 310px;
	background: url(../img/home-visual-alt-bg.png) repeat-x 0 0; 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#home-visual-alt #online-booking-form {
	float: left;
	margin: 0;
	padding: 20px 0 20px 20px;
	width: 295px;
	background: none;
}

#home-visual-alt #online-booking-form fieldset,
#home-visual-alt #online-booking-form ul {
	margin: 0;
	padding: 0;
	background: none;
}

#home-visual-alt #online-booking-form .block-header {
	margin: 0 0 10px;
	padding: 0;
}

#home-visual-alt .block-header h2 {
	font: bold 30px/1.2 "CartoGothicStd", Arial, Helvetica, sans-serif;
	color: #01255A;
	text-shadow: 1px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

#home-visual-alt .block-header p {
	font-size: 14px;
	text-shadow: 1px 1px 0px #FEE8B1;
	filter: dropshadow(color=#FEE8B1, offx=1, offy=1);
}

#home-visual-alt .block-header p em {
	font-style: normal;
	text-decoration: underline;
}

#home-visual-alt .block-header p strong {
	color: #FF0000;
}

#home-visual-alt #online-booking-form label {
	text-shadow: 1px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

#home-visual-alt #online-booking-submit {
	float: none;
	margin: 10px 0 15px;
	padding: 0;
	height: 42px;
	width: 122px;
	text-align: center;
	text-transform: uppercase;
	font: bold 18px/40px Arial, Helvetica, sans-serif;
	background-position: 0 -4345px;
	color: white !important;
}

#home-visual-alt #online-booking-submit:hover {
	background-position: -122px -4345px;
}

#home-visual-alt #online-booking-form .block-footer {
	padding-left: 30px;
	font: bold 14px/1 "CartoGothicStd", Arial, Helvetica, sans-serif;
	background: url(../img/balloon.png) no-repeat 0 0;
	color: white;
}

#home-visual-alt #online-booking-form .block-footer em {
	font-style: normal;
	color: #FFF;
	text-decoration: underline;
}
#home-visual-alt #online-booking-form .block-footer em a{
	color: #FFF;
}

#home-visual-alt #online-booking-form .block-header em a{
	color: #02255B;
}
#home-visual-alt #visual {
	float: right;
	display: block;
	width: 635px;
	height: 310px;
	position: relative;
}

#home-visual-alt #visual img {
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#home-visual-alt .discount-label {
	position: absolute;
	right: 10px;
	bottom: 10px;
}


/* Home discount buttons */

.home-discount-buttons {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.home-discount-buttons li {
	float: left;
}

.home-discount-buttons li.acties {
	margin: 0 10px 0 0;
}

.home-discount-buttons a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	font: 12px/30px Arial, Helvetica, sans-serif;
	background: url(../img/home-discount-buttons.png) no-repeat 0 0;
}

.home-discount-buttons .acties a { 
	width: 285px;
	background-position: 0 0; 
	color: #FD8B16;
}

.home-discount-buttons .acties a:hover { 
	background-position: 0 -30px; 
}

.home-discount-buttons .lastmins a { 
	width: 375px;
	background-position: -305px 0; 
	color: #48C105;
}

.home-discount-buttons .lastmins a:hover { 
	background-position: -305px -30px; 
}


/*#home-visual #visual-intro {
	padding: 45px 10px 0;
	width: 200px;
	height: 300px;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1;
	background: url(../img/homepage-visual-mask-old.png) no-repeat -950px 1px;
}

#home-visual #visual-intro .button {
	height: 32px;
	background-position: 0 -4150px;
}

#home-visual #visual-intro .button-text {
	margin-right: -5px;
	height: 32px;
	line-height: 32px;
	background-position: 100% -4150px;
	color: white;
}

#home-visual #visual-intro .button:hover { background-position: 0 -4182px; }
#home-visual #visual-intro .button:hover .button-text { background-position: 100% -4182px; color: #E5A189; }

#home-visual .header {
	height: 90px;
}

#home-visual h1 {
	margin: 20px 0 10px;
	font-family: Journal, Arial, Helvetica, sans-serif;
	font-size: 80px;
	font-weight: normal;
	color: #002559;
}

*:first-child+html #home-visual h1 { padding: 20px 0 10px; }

#home-visual h1 strong {
	text-transform: lowercase;
	font-family: CartoGothicStd, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}

#home-visual .price {
	font-family: CartoGothicStd, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #002559;
}*/

/*#home-visual h1 {
	margin: 0 0 20px;
	font-family: Journal, Arial, Helvetica, sans-serif;
	font-size: 90px;
	font-weight: normal;
	color: #002559;
}

#home-visual p.caption {
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

#visual-intro .packages {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
}

*:first-child+html #visual-intro li {
	height: 66px;
}

#visual-intro .packages li {
	border-bottom: 1px solid #e5e5e5;
}

#visual-intro .packages li.last {
	border: 0;
}

#visual-intro .packages a {
	display: block;
	padding: 15px 70px 0 10px;
	height: 54px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

#visual-intro .packages .price-label {
	position: absolute;
	top: 8px;
	right: 9px;
	background-position: -1964px 0;
}

#visual-intro .packages a h2 {
	margin: 0 0 13px;
	font-family: Journal, Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: normal;
	color: #48C105;
}

#visual-intro .packages a p {
	margin: 0;
	font-size: 11px;
	color: #999;
}

#visual-intro .packages a:hover {
	background-color: #48C105;
}

#visual-intro .packages a:hover h2 {
	color: white;
}

#visual-intro .packages a:hover p {
	color: #B2E596;
}*/


/* Home visual */

/*#home-visual p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #4C668C;
}

#home-visual-images {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 355px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	list-style: none;
}

#home-visual-images ul{
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0px;
	line-height: 0;
}

#home-visual-images li {
	width: 950px;
	height: 350px;
	margin-top: 0px;
	padding-top: 0px;
}

#home-visual-images img {
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}*/


/* Visual toolbar */

#home-visual-toolbar {
	margin: 0;
	padding: 0;
	width: 460px;
	height: 70px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 3;
	list-style: none;
}

#home-visual-toolbar li {
	margin-right: 10px;
	float: left;
}

#home-visual-toolbar a {
	display: block;
	width: 220px;
	height: 70px;
	text-indent: -9999px;
	background: url(../img/home-visual-toolbar-sprite.png) no-repeat 0 0;
}

#home-visual-toolbar h3 {
	margin: 0;
}

#home-visual-toolbar .deals a { background-position: 0 0; }
#home-visual-toolbar .deals a:hover { background-position: 0 -70px; }
#home-visual-toolbar .lastminutes a { background-position: -220px 0; }
#home-visual-toolbar .lastminutes a:hover { background-position: -220px -70px; }


/* Home Visual Player */

#home-visual .player-wrapper {
	margin-top: -90px;
	width: 950px;
	height: 535px;
	position: relative;
	background-color: black;
}

#home-visual .player-controls {
	padding: 0;
	width: auto;
	height: auto;
	position: absolute;
	z-index: 3;
	bottom: 120px;
	right: 235px;
}

#home-visual .player-controls a {
	display:block;
	float:left;
	margin: 0 5px 0 0;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent: 9999px;
	background-image: url(../img/homepage-player-controls-sprite.png);
	background-repeat: no-repeat;
	outline: none;
}

#home-visual .player-play { background-position: -40px 0; }
#home-visual .player-play:hover { background-position: -60px 0; }
#home-visual .playing .player-play { background-position: 0 0 ; }
#home-visual .playing .player-play:hover { background-position: -20px 0; }

#home-visual .player-mute { background-position: 0 -20px; }
#home-visual .player-mute:hover { background-position: -20px -20px; }
#home-visual .muted .player-mute { background-position: -40px -20px; }
#home-visual .muted .player-mute:hover { background-position: -60px -20px; }


/* Page visual */

#page-visual {
	display: block;
}

#content-visual {
	position: relative;
	margin: 0 -5px 20px;
	width: 450px;
	height: 300px;
	background: #E5E9EE url(../img/no-event-image.gif) no-repeat;
}

#content-visual img {
	display: block;
}

#content-visual .sold-out-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 300px;
	text-indent: -9999px;
	background: url(../img/content-visual-sold-out-mask.png) no-repeat 0 0;
}

#content-visual .label {
	position: absolute;
	top: 0;
	left: 0;
}


/* News Ticker */

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

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

#news-ticker a {
	text-decoration: none;
	color: #667B9D !important;
}

#news-ticker a:hover {
	color: #02255B !important;
}


/* Old News ticker */

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

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

#news-ticker-old .date {
	margin-right: 10px;
	padding: 0 10px;
	width: 90px;
	border-right: 1px solid white;
	color: #677C9D;
}

#news-ticker-old a {
	text-decoration: none;
	color: #677C9D !important;
}

#news-ticker-old a:hover {
	color: #02255B !important;
}



/* Discount toolbar */

#discount-toolbar {
	margin: 0 0 10px;
	padding: 0;
	width: 230px;
	height: 30px;
	list-style: none;
}

#discount-toolbar li {
	float: left;
}

#discount-toolbar a {
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/arrow-button-sprite.png) no-repeat 0 0;
}

#discount-toolbar .deals a {
	margin-right: 10px;
	width: 80px;
	background-position: 0 -3610px;
}

#discount-toolbar .deals a:hover {
	background-position: -160px -3610px;
}

#discount-toolbar .lastminutes a {
	width: 140px;
	background-position: 0 -3640px;
}

#discount-toolbar .lastminutes a:hover {
	background-position: -160px -3640px;
}


/* Online booking form */

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

#online-booking-form .block-header {
	padding: 0 10px;
	height: 60px;
}

#online-booking-form h2 {
	margin: 3px 0 0;
	font: normal 40px/23px Journal, Arial, Helvetica, sans-serif;
	color: #CB4112;
}

#online-booking-form h2 strong {
	text-transform: lowercase;
	font: bold 25px/23px CartoGothicStd, Arial, Helvetica, sans-serif;
}

#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 -250px 0;
}

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

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

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

#online-booking-form select { margin: 0; }
#arrival-day, #departure-day { width: 50px; }
/*#arrival-month, #departure-month { width: 60px; }*/
#arrival-month, #departure-month { width: 83px; }
#arrival-year, #departure-year { width: 60px; }
#online-booking-form .calicon { margin: 0 0 0 4px; vertical-align: middle; }
#accommodation-type { width: 200px; }
#online-booking-form li.checkbox { margin-bottom: 0; }
#online-booking-form li.checkbox label { line-height: 120%; font-size: 11px; font-weight: normal; color: #4D668C;}

#online-booking-submit {
	display: block;
	float: right;
	height: 32px;
	border: 0;
	background: url(../img/arrow-button-sprite.png) no-repeat 0 -3460px;
	cursor: pointer;
}

#online-booking-submit .button-text {
	height: 32px;
	font: bold 12px/32px Arial, Helvetica, sans-serif;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -3460px;
	color: white;
}

#online-booking-submit:hover .button-text { background-position: 100% -3495px; color: #E5A189; }

#phone-booking-button { background-position: 0 -525px; color: #B090C0; }
#phone-booking-button:hover { background-position: 0 -555px; color: #622181;}
#phone-booking-button .button-inner { width: 179px; background-position: 100% -525px; }
#phone-booking-button:hover .button-inner { background-position: 100% -555px; }


/* Homepage events */

#home-events .block-header {
	padding: 0 15px;
	height: 60px;
}

#home-events h2 {
	margin: 3px 0 0;
	font: normal 40px/23px Journal, Arial, Helvetica, sans-serif;
	color: #D80079;
}

#home-events h2 strong {
	text-transform: lowercase;
	font: bold 25px/23px CartoGothicStd, Arial, Helvetica, sans-serif;
}

#home-events #event-list {
	padding: 0 0 4px;
	background-position: bottom left;
}

#home-events #event-list ul {
	margin: 0;
	padding: 4px 4px 0;
	background-position: 0 0;
}

#home-events #event-list .more {
	float: right;
	margin-right: 4px;
	padding: 0 30px 0 0;
	text-decoration: none;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -3538px;
	color: #7F92AC;
}

#home-events #event-list .more:hover {
	background-position: 100% -3568px;
	color: #02255B;
}


/* Event Banner */

#home-events {
	width: 230px;
}

#home-events .event-banner {
	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;
}

#home-events .event-banner img {
	display: block;
	-webkit-border-radius: 5px;
}

#home-events .event-banner .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;
}

#home-events .event-banner .body h3 {
	font: normal 22px/1.2 "CartoGothicStd", Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
	color: white;
}

#home-events .event-banner .button {
	display: block;
	margin: 0 0 9px;
	padding: 0 0 0 73px;
	width: 137px;
	height: 35px;
	position: relative;
	font: bold 16px/35px "CartoGothicStd", Arial, Helvetica, sans-serif;
	white-space: nowrap;
	background-position: 0 -4215px;
}

#home-events .event-banner:hover .button {
	background-position: 0 -4250px;
}

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

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

#home-events .event-banner .date {
	padding: 15px 5px;
	width: 45px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 5px;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
	font: bold 16px/15px "CartoGothicStd", Arial, Helvetica, sans-serif;
	background: url(../img/arrow-button-sprite.png) no-repeat -210px -4215px;
	color: white;
}

#home-events .event-banner:hover .date {
	background-position: -265px -4215px;
}

#home-events .event-banner .date span {
	display: block;
	text-align: center;
}

#home-events .event-banner .date .day { font-size: 18px; line-height: 18px; }
#home-events .event-banner .date .month { font-size: 12px; }


/* Event carousel */

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

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

#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;
}


/* 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;
}


/* Homepage Banners */

#homepage-banners {
	margin: 0 0 10px;
	width: 230px;
	height: 30px;
	overflow: hidden;
	position: relative;
}

#homepage-banners ul {
	margin: 0;
	padding: 0;
	height: 30px;
	position: absolute;
	list-style: none;
}

#homepage-banners li {
	float: left;
	margin: 0 10px 0 0;
}

#homepage-banners a,
#homepage-banners img {
	display: block;
}


/* Articles */

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

.article-thumb {
	float: left;
	margin-right: 15px;
	padding-top: 25px;
	width: 130px;
}

.article-thumb a {
	display: block;
	width: 130px;
	height: 90px;
	background: #E5E9EE url(../img/no-image.gif) no-repeat;
}

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

.article-content .date {
	margin: 0 0 5px;
}

.article-content h2 {
	margin: 0 0 10px;
	font-size: 14px;
}

.article-content h2 a {
	text-decoration: none;
	color: #CB4212 !important;
}

.article-content h2 a:hover {
	color: #02255B !important;
}

.article-content p {
	margin: 0 0 10px;
}

#article-date {
	font-size: 14px;
	margin: 20px 0 -20px;
}

/* Zakelijk overview */

/*h2.journal {
	margin: 0 10px 10px;
	font-size:34px;
	clear:both;
}*/

#business-visual {
	margin: 0 0 10px;
	width: 950px;
	height:330px;
	background:url(../img/business-visual-bg.png) no-repeat 0 0;
}

#business-visual-rooms {
	float:left;
	position:relative;
	margin: 10px 0 0 10px;
	width:460px;
	height:310px;
}

#business-visual-rooms .jcarousel-container {
	position:relative;
}

#business-visual-rooms .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	width:460px;
	height:310px;
}

#business-visual-rooms .jcarousel-list {
	z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#business-visual-rooms .jcarousel-list li,
#business-visual-rooms .jcarousel-item {
    float: left;
    list-style: none;
	width:460px;
	height:310px;
}

#business-visual-rooms img {
	display:block;
}

#business-visual-rooms .mask {
	position:absolute;
	width:460px;
	height:310px;
	top:0;
	left:0;
	z-index:4;
	background:url(../img/business-visual-rooms-mask.png) no-repeat;
}

#business-visual-intro {
	float:right;
	margin: 20px 20px 0 0;
	width:440px;
	height:280px;
}

#business-visual-intro h1,
#business-visual-intro h2 {
	margin:0;
	font-weight:300;
	color:white;
}

#business-visual-intro h1 {
	margin:40px 0 5px;
	font-size:22px;
}

#business-visual-intro h2 {
	margin-bottom:20px;
	font-size:32px;
}

#business-visual a.button {
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	height:73px;
	width:135px;
	text-indent:-9999px;
	background:url(../img/business-visual-button-sprite.png) no-repeat 0 0;
}

#business-visual a.button:hover { background-position: 0 -73px;}

#business-visual a.online-booking {
	background-position: -135px 0;
}

#business-visual a.online-booking:hover { background-position: -135px -73px; }


#business-room-featured {
	padding:4px;
	width:462px;
	height:192px;
	background:url(../img/business-room-featured-bg.png) no-repeat 0 0;
}

#business-room-featured .thumb {
	float:left;
	width: 226px;
	height:192px;
}

#business-room-featured .zoom {
	background-position: -240px -600px;
}

#business-room-featured a:hover .zoom {
	background-position: -260px -600px;
}

#business-room-featured .arrow {
	background-position:100% -3690px;
	color:#02255B;
}

#business-room-featured a.arrow:hover {
	background-position: 100% -3730px;
	color:#4C668C;
}

#business-room-featured .body {
	float:right;
	padding:15px;
	width: 206px;
	height:162px;
}

#business-room-featured h3,
#business-room-featured p {
	margin:0 0 10px;
}

#business-room-featured h3 {
	margin-bottom:8px;
	font-size:22px;
	font-weight:300;
}

#business-room-featured p {
	color:#4C668C;
}

#business-rooms .room-size {
	width: 90px;
	color:#9AA8BD;
}

#business-rooms .hover .room-size,
#business-rooms .arrangement-table a:hover,
#business-rooms .arrangement-table .hover a {
	color:#4C668C!important;
}

#business-rooms .arrow-cell {
	background-position:100% -3685px;
}

#business-rooms .hover .arrow-cell {
	background-position: 100% -3725px;
}


/* Zakelijk detail */

#room-visual-wrapper {
	margin: 0 0 10px;
	width: 950px;
	height:350px;
}

#room-visual {
	position:relative;
	width: 480px;
	height:350px;
	overflow:hidden;
}

#room-visual a.room-player {
	position:absolute;
	top:0;
	left:0;
	width: 480px;
	height:350px;
	background:url(../img/room-visual-mask.png) no-repeat 0 0;
}

#room-visual .player-label {
	position:absolute;
	bottom:10px;
	right:10px;
	width: 130px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/360-graden-label-sprite.png) no-repeat 0 0;
}

#room-visual a.room-player:hover .player-label {
	background-position: 0 -30px;
}

#room-visual-intro {
	padding:20px;
	width:430px;
	height:310px;
	background:url(../img/room-visual-intro-bg.png) no-repeat;
}

#room-visual-intro h1,
#room-visual-intro p {
	font-weight:300;
	color:white;
}

#room-visual-intro h1 {
	margin-bottom:20px;
	font-size:32px;
}

#room-visual-intro p {
	margin-bottom:30px;
	font-size:14px;
}

#room-visual-intro .button {
	display:block;
	width:156px;
	height:73px;
	text-indent:-99990px;
	background:url(../img/room-visual-button-sprite.png) no-repeat;
}

#room-visual-intro a.button:hover {
	background-position: 0 -73px; 
}

#room-visual-intro .toolbar {
	width:430px;
	overflow:hidden;
}

#room-visual-intro .toolbar .arrow {
	float:right;
	font-size:14px;
	background-position: 100% -2735px;
	color:white;
}

#room-visual-intro .toolbar a.arrow:hover {
	background-position: 100% -3590px;
	color:#CCD3DE;
}


/* Events overview */

#events-visual {
	width: 950px;
	height:330px;
	background:url(../img/events-visual-bg.png) no-repeat;
}

#events-visual img {
	display:block;
}

#events-visual .photo {
	display:block;
	float:left;
	margin:12px 2px 12px 12px;
	width:456px;
	height:306px;
}

#events-visual-intro {
	float:right;
	width:450px;
	height:268px;
	margin:12px 0 0;
	padding:50px 10px 0 0;
}

#events-visual .date {
	font-size:20px;
	color:white;
}

#events-visual h2 {
	margin: 0 0 30px;
	font-size:44px;
	line-height:100%;
	text-transform:uppercase;
	width:350px;
	color:white;
}

#events-visual a.button {
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	height:73px;
	width:135px;
	text-indent:-9999px;
	background:url(../img/events-visual-button-sprite.png) no-repeat 0 0;
}

#events-visual a.button:hover { background-position: 0 -73px;}

#events-visual a.online-booking {
	width: 140px;
	background-position: -135px 0;
}

#events-visual a.online-booking:hover { background-position: -135px -73px; }

.events-header {
	margin:10px 0;
	height: 60px;
	background:url(../img/events-header-sprite.png) no-repeat;
}

.events-header h2 {
	float:left;
	text-indent:-9999px;
}

.events-header .calendar {
	float:right;
	margin:0;
	width: 60px;
	height:60px;
}

.events-header .calendar .weekday,
.events-header .calendar .month {
	display:none;
}

.events-header .calendar .day {
	margin: 24px 0 0 9px;
	font-size:28px;
	line-height:27px;
}

.events-header.past-header {
	background-position: 0 -60px;
}

/* Event detail */

#event-visual img {
	display: block;
}

#event-details {
	margin: 10px -5px 20px;
	padding-left: 5px;
	width: 450px;
	overflow: hidden;
}

#event-details .column {
	margin-right: 15px;
	width: 200px;
}

#event-details .column h2 {
	margin: 10px 0 5px;
	font-size: 14px;
	color: #CB4212;
}

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


/* Online booking 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;
}

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

.book .button {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* Online booking double */

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

.book-double p {
	float: left;
	margin: 0 5px 0 0;
	padding-right: 5px;
	width: 131px;
	background: url(../img/book-double-price-bg.gif) no-repeat 100% 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.book-double p .type {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 4px 5px;
	width: 40px;
	height: 22px;
	background: url(../img/book-double-price-bg.gif) no-repeat;
	border-right: 1px solid #CCD3DE;
	font-size: 10px;
	line-height: 9px;
	overflow: hidden;
	color: #8092AD;
}

.book-double .button {
	float: right;
	width: 137px;
}

.book-double .button-text {
	padding-right: 30px;
	width: 107px;
}


/* Experience */

#experience-visual {
	margin-bottom: 10px;
	width: 950px;
	height: 350px;
}

#experience-visual .experience-player {
	float: left;
	width: 720px;
	height: 350px;
	background-color: black;
}

#experience-visual img {
	display: block;
}

#experience-caption {
	float: left;
	padding: 10px;
	width: 210px;
	height: 330px;
	overflow: hidden;
}

#experience-visual .zwembad { background: url(../img/experience-caption-aqua.png) no-repeat; }
#experience-visual .kermis { background: url(../img/experience-caption-green.png) no-repeat; }
#experience-visual .stars { background: url(../img/experience-caption-stars.png) no-repeat; }
#experience-visual .zalen { background: url(../img/experience-caption-red.png) no-repeat; }
#experience-visual .children { background: url(../img/experience-caption-children.png) no-repeat; }
#experience-visual .hotel { background: url(../img/experience-caption-blue.png) no-repeat; }
#experience-visual .uitgaan { background: url(../img/experience-caption-orange.png) no-repeat; }
#experience-visual .culinair { background: url(../img/experience-caption-brown.png) no-repeat; }

#experience-caption h1,
#experience-caption p {
	color: white;
}

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

/* Player Children */

#player-children {
	float: left;
	padding: 0;
	width: 720px;
	height: 350px;
	overflow: hidden;
	position: relative;
}

#player-children .player-placeholder {
	margin-top: -56px;
	margin-left: -8px;
	height: 410px;
	width: 730px;
}

#player-children .player-controls {
	padding: 10px;
	width: 700px;
	position: absolute;
	bottom: 0;
}

#player-children .player-progress {
	width: 625px;
	background: url(../img/experience-player-sprite.png) no-repeat 0 -25px;
}

#player-children .player-duration {
	width: 595px;
	background-color: #FFD3BF;
}

#player-children .player-elapsed {
	background-color: #FF5100;
}

#player-children .current-time {
	color: #FF5100;
}

#player-children .player-play {
	background: url(../img/experience-player-sprite.png) no-repeat;
}

#player-children .player-play { background-position: 0 0; }
#player-children .player-play:hover { background-position: -50px 0; }
#player-children.playing .player-play { background-position: -100px 0; }
#player-children.playing .player-play:hover { background-position: -150px 0; }


/* Themes visual */

#theme-scroller {
	width: 950px;
	height: 370px;
}

#theme-viewport {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 710px;
	height: 370px;
	overflow: hidden;
}

.theme-item {
	position: absolute;
	width: 710px;
	height: 370px;
	z-index: 5;
}

#theme-viewport .hidden {
	z-index: 0;
}

#theme-viewport img,
#theme-viewport object,
#theme-viewport embed {
	display: block;
}


/* Themes update 20 01 2010 */

.theme-caption {
	position: absolute;
	z-index: 100;
	width: 710px;
	height: 81px;
	bottom: 0;
	background: url(../img/theme-caption-bg.png) no-repeat;
}

#theme-caption-container {
	position: relative;
	width: 540px;
	height: 81px;
	margin: 0 0 0 170px;
	bottom: 0;
}

#theme-caption-container .content {
	width: 190px;
	height: 81px;
	float: left;
	padding: 0 20px 0 0;
}

#theme-caption-container .content h4 {
	font-size: 14px;
	color:#0295E5;
	margin: 10px 0 5px 0;
}

#theme-caption-container .content p {
	font-size: 11px;
	font-weight: normal;
	color:#FFF;
	margin: 5px 0 5px 0;
}

#theme-caption-container .moreinfo {
	width: 110px;
	float: left;
	text-align: right;
	padding:45px 10px 10px 0;
}

.moreinfo .arrow {
	float: right;
	color: #0295E5;
}

.moreinfo:hover .arrow {
	background-position: 100% -1290px;
	color: #80CAF2;
}


/* Theme visual YouTube Player */

.theme-item .player-wrap {
	position: absolute;
	padding: 10px;
	top: 10px;
	left: 10px;
	width: 445px;
	height: 330px;
	background: url(../img/player-sprite.png) no-repeat 0 -50px;
}

.theme-item .player {
	width: 425px;
	height: 310px;
	background-color: black;
}

.theme-item .player-controls {
	position: absolute;
	padding: 10px;
	bottom: 10px;
	width: 425px;
}

.theme-item .player-progress {
	width: 350px;
	background-position: -100px -25px;
}

.theme-item .player-duration {
	width: 320px;
	background-position: -100px -25px;
}

.theme-item .more {
	position: absolute;
	display: block;
	padding: 0 15px;
	right: 10px;
	bottom: 10px;
	width: 195px;
	height: 50px;
	background: url(../img/theme-item-more-sprite.png) no-repeat;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 50px;
	color: #0295E5;
}

.theme-item .more:hover {
	background-position: 0 -50px;
	color: #80CAF2;
}


/* Theme visual controls */

#theme-controls {
	float: left;
	margin: 0;
	padding: 58px 0 0;
	width: 230px;
	height: 312px;
	background: url(../img/theme-controls-sprite.png) no-repeat;
	list-style: none;
}

#theme-controls li {
	display: block;
	width: 230px;
}

#theme-controls a {
	position: relative;
	display: block;
	margin-bottom: -4px;
	padding: 0 60px 0 15px;
	width: 155px;
	height: 48px;
	background: url(../img/theme-controls-sprite.png) no-repeat -230px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 46px;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	color: white;
}

#theme-controls a:hover,
#theme-controls .selected a {
	background-position: -230px -48px;
	color: #02255B;
}

#theme-controls a img {
	position: absolute;
	display: block;
	top: 4px;
	right: 4px;
	border-left: 1px solid #02255B;
}

#theme-controls a:hover img,
#theme-controls .selected a img {
	display: none !important;
}


/* Experience carousel */

#experience-caption .jcarousel-container {
    position: relative;
}

#experience-caption .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	width: 210px;
	height: 310px;
}

#experience-caption .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	height: 310px;
}

#experience-caption .jcarousel-list li,
#experience-caption .jcarousel-item {
    float: left;
    list-style: none;
    width: 210px;
    height: 310px;
}

#experience-caption #carousel-controls {
	width: 210px;
	height: 20px;
}

#experience-caption #carousel-controls .carousel-control {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/arrow-button-sprite.png) no-repeat 0 -1030px;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
}

#experience-caption #carousel-controls #carousel-next { background-position: 100% -1530px; }
#experience-visual .zwembad #carousel-controls #carousel-prev { background-position: 0 -1070px; }
#experience-visual .zwembad #carousel-controls #carousel-next { background-position: 100% -1570px; }
#experience-visual .zalen #carousel-controls #carousel-prev { background-position: 0 -3030px; }
#experience-visual .zalen #carousel-controls #carousel-next { background-position: 100% -3030px; }
#experience-visual .children #carousel-controls #carousel-prev { background-position: 0 -3890px; }
#experience-visual .children #carousel-controls #carousel-next { background-position: 100% -3850px; }
#experience-visual .hotel #carousel-controls #carousel-prev { background-position: 0 -3070px; }
#experience-visual .hotel #carousel-controls #carousel-next { background-position: 100% -3070px; }
#experience-visual .uitgaan #carousel-controls #carousel-prev { background-position: 0 -3110px; }
#experience-visual .uitgaan #carousel-controls #carousel-next { background-position: 100% -3110px; }
#experience-visual .culinair #carousel-controls #carousel-prev { background-position: 0 -3150px; }
#experience-visual .culinair #carousel-controls #carousel-next { background-position: 100% -3150px; }

#experience-caption #carousel-controls ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 170px;
	text-align: center;
	list-style: none;
}

#experience-caption #carousel-controls ul li {
	display: inline;
	font-size: 20px;
}

#experience-caption #carousel-controls ul li a {
	line-height: 20px;
	text-decoration: none;
	outline: none;
}

#experience-caption.kermis #carousel-controls ul li a { color: #94D370 !important; }
#experience-caption.zwembad #carousel-controls ul li a { color: #7FD0C4 !important; }
#experience-caption.zalen #carousel-controls ul li a { color: #BD5959 !important; }
#experience-caption.children #carousel-controls ul li a { color: #FFA880 !important; }
#experience-caption.hotel #carousel-controls ul li a { color: #599BCD !important; }
#experience-caption.uitgaan #carousel-controls ul li a { color: #F39D59 !important; }
#experience-caption.culinair #carousel-controls ul li a { color: #BC9374 !important; }

#experience-caption #carousel-controls ul li a:hover,
#experience-caption #carousel-controls ul li a.selected {
	color: white !important;
}


/* Stars */

#stars-accordion .inner-picture,
#video-accordion .inner-picture {
	padding: 0 10px 5px;
}

#stars-accordion .arrow {
	margin: 0;
	padding-right: 12px;
	background-position: -234px -2674px;
	color: #8092AD;
}

#stars-accordion .arrow:hover {
	background-position: -234px -2734px;
	color: white;
}


/* Arrangement price labels */

.price-label-group {
	position: relative;
	margin-top: -80px;
	height: 84px;
	overflow: hidden;
}

.visual-price-label {
	display: block;
	float: right;
	margin-left: 5px;
	width: 94px;
	height: 84px;
	background: url(../img/visual-price-label.png) no-repeat;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	color: white !important;
}

.visual-price-label:hover { background-position: 0 -84px; }
.visual-price-label-actie { background-position: 0 -168px; }
.visual-price-label-actie:hover { background-position: 0 -252px; }
.visual-price-label-lastminute { background-position: 0 -336px; }
.visual-price-label-lastminute:hover { background-position: 0 -420px; }
.visual-price-label-event { background-position: 0 -504px; margin-top:10px; }
.visual-price-label-event:hover { background-position: 0 -590px; }

.visual-price-label span {
	display: block;
	width: 94px;
}

.visual-price-label:hover span {
	color: white;
}

.visual-price-label .type {
	height: 24px;
	font-size: 14px;
	line-height: 24px;
}

.visual-price-label .price {
	padding-top: 10px;
	height: 20px;
	line-height: 20px;
}

.visual-price-label .unit {
	padding: 3px 5px 0 0;
	height: 17px;
	width: 89px;
	font-size: 10px;
	text-align: right;
	color: #81CAF2;
}

.visual-price-label-actie .unit { color: #FFB867; }
.visual-price-label-lastminute .unit { color: #8CD862; }
.visual-price-label-event .unit { color:#677C9D; }


/* Arrangement scroller */

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

#arrangement-overviews {
	float: left;
	width: 720px;
}

#arrangement-overviews .overview {
	width: 100%;
}

#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;
}


/* Arrangement filter */

#arrangement-filter {
	margin-bottom: 10px;
	padding: 4px;
	width: 702px;
	background: url(../img/arrangement-filter-bg.gif) no-repeat;
}

#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;
}

#arrangement-filter #filters .button-text {
	width: 115px;
	overflow: hidden;
}

#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 #CDD4DE;
	border-top: 3px solid #E5E9EE;
}

#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: #9AA8BD;
}

#arrangement-filter-head span {
	color: #0295E5;
}

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

#arrangement-filter-head label {
	font-weight: bold;
	color: #9AA8BD;
}

#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: #02255B !important;
}

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

.arrangement-table.events a:hover,
.arrangement-table.events .hover a,
.arrangement-table.events .hover .unit,
.arrangement-table.events .hover .price {
	color: #02255B !important;
}

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

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

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

.arrangement-table .arrow {
	background-position: 100% -1130px;
	font-size: 11px;
	color: #0295E5 !important;
}

.arrangement-table .hover .arrow {
	background-position: 100% -1290px;
	color: #80CAF2 !important;
}

.arrangement-table .arrow-cell {
	padding: 8px 0 0 8px;
	width: 20px;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -1405px;
}

.arrangement-table .hover .arrow-cell {
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -1125px;
}

.arrangement-table.events .arrow-cell {
	background-position: 100% -3765px;
}

.arrangement-table.events .hover .arrow-cell {
	background-position: 100% -3805px;
}

.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;
}


/* Package alt */

#package-search-alt {
	margin: 50px 0 10px;
	width: 948px;
	border: 1px solid #CCD3DE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/package-search-alt-bg.png) repeat-y 0 0;
}

#package-search-alt:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#faceted-search {
	float: left;
	padding: 10px;
	width: 220px;
}

#faceted-search .header {
	margin: -50px 0 0;
	height: 50px;
}

#faceted-search h2 {
	margin: 0;
	padding: 0;
	font: bold 16px "CartoGothicStd", Arial, sans-serif;
}

#packages .header {
	margin: -60px 0 0;
	height: 60px;
}

#packages h2 {
	float: left;
	margin: 0;
	padding: 0;
	font: normal 32px "CartoGothicStd", Arial, sans-serif;
}

#sort-form-wrap {
	padding: 10px 0;
	float: right;
}

#package-search-alt #packages {
	float: right;
	margin: 0;
	padding: 10px;
	width: 688px;
	overflow: visible;
}

#faceted-search h3 {
	margin: 0 0 8px;
	font-size: 14px;
	color: #4D668C;
}

/* Packages table */

#packages table {
	margin: -10px -10px 0;
	width: 708px;
}

#packages .package td {
	border-bottom: 1px solid #E5E9EE;
	padding: 10px;
	background-image: linear-gradient(bottom, rgb(241,243,246) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(241,243,246) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(241,243,246) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(241,243,246) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(241,243,246) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(241,243,246)),
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(255,255,255))
	);
}

#packages .package:hover td,
#packages .package.hover td {
	background-image: linear-gradient(bottom, rgb(229,233,238) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(229,233,238) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(229,233,238) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(229,233,238) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(229,233,238) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(229,233,238)),
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(255,255,255))
	);
	cursor: pointer;
}

#packages .package .package-label {
	padding: 10px 0;
	width: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: #F1F3F6 url(../img/table-label-sprite.png) no-repeat 80px 0;
}

#packages .package:hover .package-label,
#packages .package.hover .package-label {
	background-color: #E5E9EE;
}

#packages .package.actie .package-label { background-position: -100px -8px; }
#packages .package.actie.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat -100px -108px; }  /*Somehow I need to specify the whole thing again here for it to work...*/
#packages .package.lastminute .package-label { background-position: -80px -8px; }
#packages .package.lastminute.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat -80px -108px; }  /*Somehow I need to specify the whole thing again here for it to work...*/
#packages .package.discount-20 .package-label { background-position: -120px -8px; }
#packages .package.discount-20.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat -120px -108px; }  
#packages .package.tip .package-label { background-position: 0 -8px; }
#packages .package.tip.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat 0 -108px; }  
#packages .package.nieuw .package-label { background-position: -20px -8px; }
#packages .package.nieuw.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat -20px -108px; }  
#packages .package.uniek .package-label { background-position: -40px -8px; }
#packages .package.uniek.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat -40px -108px; }  
#packages .package.super .package-label { background-position: -60px -8px; }
#packages .package.super.hover .package-label { background: url(../img/table-label-sprite.png) no-repeat -60px -108px; }  


#packages .package .package-thumb {
	width: 80px;
}

#packages .package .package-body {
	padding: 10px 0;
	width: 390px;
}

#packages .package h3 {
	margin: 0 0 5px;
	font-size: 16px;
	color: #02255B;
}

#packages .package p {
	margin: 0;
	line-height: 1.3;
	color: #4D668C;
}

#packages .package-offer {
	vertical-align: bottom;
}

#packages .package p.price {
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #4D668C;
}

#packages .package p.price em  {
	font-weight: normal;
	font-style: normal;
}

#packages .package-action {
	vertical-align: bottom;
}

#packages .package-action .button {
	margin: 0 0 5px;
}

#packages .package:hover .button,
#packages .package.hover .button {
	background-position: 0 -4315px;
}

#packages .package:hover .button-text,
#packages .package.hover .button-text {
	background-position: 100% -4315px;
}


/* Faceted Search */

#faceted-search .slider-values {
	margin: 0 0 10px;
}

#faceted-search .slider {
	padding: 5px;
	background: url(../img/slider-sprite.png) no-repeat 0 0;
}

#faceted-search .ui-slider-range {
	background-color: #4EB5ED;
}

#faceted-search .ui-slider-handle {
	background: url(../img/slider-sprite.png) no-repeat 100% 0;
}

#package-search-form ul.keywords,
#package-search-form ul.specials {
	margin: 0 0 20px 0;
	padding: 0;
	width: 230px;
	overflow: hidden;
	list-style: none;
}

#package-search-form ul.keywords li,
#package-search-form ul.specials li {
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
}

#package-search-form ul.period,
#package-search-form ul.days,
#package-search-form ul.budget {
	margin: 0 0 20px;
}

#package-search-form ul.period label,
#package-search-form ul.days label,
#package-search-form ul.budget label {
	display: inline-block;
	width: 60px;
}

#package-search-form ul.days li,
#package-search-form ul.budget li {
	overflow: visible;
}

#faceted-search label {
	color: #4D668C;
}



/* Jobs accordion */

#jobs-accordion table {
	margin: 0;
}

#jobs-accordion table th,
#jobs-accordion table td {
	border: 0;
	line-height: 160%;
	vertical-align: top;
}

#jobs-accordion table ul {
	margin: 0;
	padding: 0 0 0 15px;
}

#jobs-accordion table .button {
	float: right;
}


/* Tell-a-friend form */

#tellafriend-form {
	margin: 0 0 10px;
	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;
}


/* Search results */

.search-result {
	margin-bottom: 15px;
	width: 440px;
	overflow: hidden;
}

.search-result h2 {
	margin: 0 0 10px;
}

.search-result h2 a {
	text-decoration: none;
	color: #02255B;
}

.search-result h2 a:hover {
	color: #0295E5;
}

.search-result p {
	margin-bottom: 10px;
}

.search-result .button {
	margin: 0 0 5px;
	float: right;
}

.search-result .hr {
	clear: both;
}


/* Contact */

#contact-form {
	margin-top: 20px;
}


/* Address details */

.address-details {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

.address-details address {
	float: left;
	width: 50%;
	font-size: 12px;
}


/* 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;
}


/**
 * SIDEBAR/IMAGEBAR ELEMENTS
 * ----------------------------------------
 */

#map {
	margin-bottom: 5px;
	width: 210px;
	height: 100px;
	background: url(../img/map.gif) no-repeat;
	overflow: hidden;
}

#map-form,
#map-form fieldset {
	margin: 0;
}

#map-zipnum {
	width: 30px;
	color: #4D668C;
}

#map-zipchar {
	width: 20px;
	color: #4D668C;
}

#map-submit {
	padding: 0 20px 0 0;
	width: 85px;
	border: 0;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -2707px;
	font-size: 11px;
	font-weight: bold;
	color: #02255B;
}

#map-submit:hover {
	background-position: 100% -2797px;
	color: #CB4212;
}


/* Newsletter */

#newsletter-head {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}

#newsletter-icon {
	float: left;
	margin-right: 10px;
}

#newsletter-head p {
	float: left;
	margin-top: 2px;
	width: 140px;
}

#newsletter-form {
	margin: 0;
}

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

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

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

#newsletter-submit {
	float: right;
	padding: 0 20px 0 0;
	width: 85px;
	border: 0;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -2707px;
	font-size: 11px;
	font-weight: bold;
	color: #02255B;
}

#newsletter-submit:hover {
	background-position: 100% -2797px;
	color: #CB4212;
}


/* Search */

#search {
	width: 200px;
	color: #4D668C;
}

#search-submit {
	float: right;
	padding: 0 20px 0 0;
	width: 65px;
	border: 0;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -2707px;
	font-size: 11px;
	font-weight: bold;
	color: #02255B;
}

#search-submit:hover {
	background-position: 100% -2797px;
	color: #CB4212;
}


/* Event list */

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

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

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

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

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

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

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

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

#event-list .date {
	display: block;
	float: left;
	margin-top: 12px;
	width: 130px;
	font-size: 10px;
	color: #6E82A1;
}

#event-list .artist {
	display: block;
	float: left;
	width: 130px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	color: #02255B;
}


/* Photo album */

#album-overview {
	width: 440px;
	overflow: hidden;
}

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

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


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

/* Footer buttons */

#footer .button {
	float: left;
	margin-right: 10px;
	background-position: 0 -360px;
	color: #4D668C !important;
	outline: none;
}

#footer .button .button-text {
	width: 185px;
	background-position: 100% -360px;
}

#footer .button:hover {
	background-position: 0 -390px;
	color: white !important;
}

#footer .button:hover .button-text {
	background-position: 100% -390px;
}

#footer .button.active {
	background-position: 0 -420px;
	color: white !important;
}

#footer .button.active .button-text {
	background-position: 100% -420px;
}



/* Social navigation */

h2.journal {
	margin: 5px 0 10px;
	padding: 0 10px;
	font: 34px/40px Journal, Arial, Helvetica, sans-serif;
}

#social-nav {
	margin: 0 0 10px;
	padding: 10px;
	width: 210px;
	overflow: hidden;
	list-style: none;
	background: url(../img/social-nav-bg.png) no-repeat 0 0;
}

#social-nav p {
	margin: 0 0 5px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #4C668C;
}

#social-nav li {
	margin: 0px;
}

#social-nav a {
	display: block;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	float:left;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 40px;
	background: transparent url(../img/sprite-socialmedia.png) no-repeat;
}

#social-nav .facebook a {
	background-position: -30px 0px;
}


#social-nav .hyves a {
	background-position: -60px 0px ;
}


#social-nav .linkedin a {
	background-position: -90px 0px ;
}


#social-nav .twitter a {
	background-position: 0px 0px ;
}


#social-nav.narrow {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #F2F4F7;
}

#social-nav.narrow li {
	float: left;
	margin: 0 10px 0 0;
}

#social-nav.narrow a {
	width: 30px;
	height: 30px;
	background: url(../img/social-icons.png) no-repeat 0 0;
}

#social-nav.narrow .facebook a { background-position: -30px 0; }
#social-nav.narrow .hyves a { background-position: -60px 0; }
#social-nav.narrow .linkedin a { background-position: -90px 0; }
#social-nav.narrow .twitter a { background-position: 0 0; }

#social-nav.narrow a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* Service navigation */

#service-navigation-buttons {
	width: 960px;
	height: 30px;
}

.service-navigation-menu {
	margin: 5px 0;
	padding-bottom: 29px;
	width: 960px;
	background: url(../img/service-navigation-menu-bg.gif) repeat;
	overflow: hidden;
	clear: both;
}

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

.service-navigation-menu ul li {
	padding: 0 10px;
	line-height: 30px;
}

.service-navigation-menu ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #8092AD !important;
}

.service-navigation-menu ul li a:hover {
	color: white !important;
}

#about ul {
	float: right;
}

#zoover  {
display: block;
height:80px;
width: 210px;
text-decoration:none;
background:url("../img/zoover-bg.gif") no-repeat scroll 0 0 transparent;
line-height:normal;
}
#zoover h3 {
display:none;
float:left;
}
#zoover strong {
color:#999999;
float:left;
font-size:13px;
font-weight:bold;
margin:40px 0 0 2px;
width:125px;
}
a#zoover:hover strong {
color:#333333;
}
#zoover-grade {
color:white;
display:inline;
float:right;
font-size:40px;
font-weight:bold;
height:70px;
line-height:70px;
margin:5px 5px 0 0;
text-align:center;
width:70px;
}

/* COUNTDOWN ACTIE */
#home-visual.countdown {
	height: 375px;
}
#countdown-footer{
	height: 400px;
	margin-top: -10px;
}
#countdown-payoff{
	height: 100px;
	text-align: center;
}
a.countdown-link{
	margin-right: 7px;
}
a.countdown-link-2{
	margin-right: 5px;
}
#countdown-actie {
	display: block;
}

/* 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: 18px;
	font-weight: 300;
	overflow: hidden;
	color: #008E34;
	white-space: nowrap;
	margin-right: -4px;
}

.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;
}


/* Countdown deals small */

.column #countdown-deals {
	margin: 0;
	padding: 160px 0 0;
	width: 230px;
	height: 307px;
	position: relative;
	background: url(../img/countdown-deals-bg.png) no-repeat;
}

.column #countdown {
	width: 230px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
}

.column #countdown-timer {
	margin: 12px 0 0 12px;
	font: bold 34px/50px CartoGothicStd, Arial, Helvetica, sans-serif;
	letter-spacing: 9px;
	color: #fff;
}

.column #countdown-timer .seperator {
	display: none;
}

.column #countdown-logo {
	position: absolute;
}

.column #countdown-deals .deals {
	margin: 0;
	padding: 0;
	list-style: none;
}

.column #countdown-deals .deal a {
	display: block;
	padding: 15px 75px 15px 15px;
	height: 40px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	font: 18px/1.2 CartoGothicStd, Arial, Helvetica, sans-serif;
	color: #fff;
}

.column #countdown-deals .deal a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}



.column #countdown-deals .duration {
	display: block;
	font-weight: bold;
}

.column #countdown-deals .price {
	display: block;
	width: 65px;
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 16px;
}

.column #countdown-deals a.more-countdowns {
	display: block;
    color: #FFF;
	position: relative;
    text-decoration: none;
    font-weight:bold;
    font: 16px/1.2 CartoGothicStd, Arial, Helvetica, sans-serif;
    margin: 3px 0px 0px 15px;
}

.column #countdown-deals a.more-countdowns:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* Section Children */

.section-children h2 {
	margin: 0 0 8px;
	padding: 0 10px;
	font: normal 34px Journal, Arial, Helvetica, sans-serif;
	color: #FF5100;
}

/* Children downloads */

#children-downloads {
	margin: 20px 0;
	padding: 0 5px 5px;
	background: url(../img/children-downloads-sprite.png) no-repeat 0 100%;
}

#children-downloads .header {
	margin: 0 -5px;
	padding: 17px 5px 0;
	background: url(../img/children-downloads-sprite.png) no-repeat 0 0;
}

#children-downloads ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#children-downloads a {
	display: block;
	padding: 17px 0 17px 50px;
	position: relative;
	text-decoration: none;
	font: normal 14px/100% Arial, Helvetica, sans-serif;
	color: #FF5100;
	background: #FFF6F2 url(../img/children-downloads-sprite.png) no-repeat -470px 10px;
}

#children-downloads a:hover {
	color: #FF7433;
}

#children-downloads .mp3  a {
	background: #FFF6F2 url(../img/children-downloads-sprite.png) no-repeat -470px -30px;
}

#children-downloads .odd a {
	background-color: #FFEDE5;
}

#children-downloads .action {
	padding: 10px 40px 0px 10px;
	position: absolute;
	top: 0;
	right: 0;
	font: normal 30px/30px Journal, Arial, Helvetica, sans-serif;
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -4015px;
}

#children-downloads a:hover .action {
	background: url(../img/arrow-button-sprite.png) no-repeat 100% -4055px;
}

/* Children block */

.children-picture {
	padding: 5px 0 0;
	background-position: -1380px 0;
}

.children-picture .inner-picture {
	margin: 0;
	padding: 0 5px 5px;
	width: 220px;
	overflow: visible;
	position: relative;
	background-position: -1380px 100%;
}

.children-picture .thumb { margin: 0 0 5px; }
.children-picture .button,
.children-picture .button-text { display: block; }


/* Children contest */

#children-contest .inner-picture {
	padding-top: 130px;
}

#children-contest .thumb {
	position: absolute; 
	top: -40px;
	margin-bottom: -40px;
}

/* Picture of the month */

#picture-of-the-month .thumb {
	height: 125px;
	text-decoration: none;
}

#picture-of-the-month .thumb .mask {
	width: 220px;
	height: 125px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/picture-of-the-month-mask.png) no-repeat 0 0;
}

#picture-of-the-month .thumb .zoom { background-position: 0 -4110px; }
#picture-of-the-month .thumb:hover .zoom { background-position: 0 -4130px; }

textarea.question-small {
	border-color: #7F9DB9;
	height:100px;
	width:190px;
}


/* Banner reserveringskosten */

.banner-reserveringskosten {
	position: absolute;
	top: 72px;
	left: -18px;
	z-index: 9999;
}

a.event-banner {
	display: block;
	margin:0 0 10px;
}