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

/* General */

body {
	margin: 0 0 50px;
	padding: 0;
	background: #02255B url(../img/body-bg.png) 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;
}

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

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

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


/* Artist blocks */

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

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

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

.artist .price-label {
	background-position: -690px -186px !important;
}

.artist:hover .price-label {
	background-position: -747px -186px !important;
}

.artist .arrow {
	background-position: 100% -3430px;
	color: #DF8F24;
}

.artist:hover .arrow {
	background-position: 100% -1210px;
	color: #FFB866 !important;
}


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


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

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


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


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


/* 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 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #DF8F24;
}

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

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

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


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


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


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

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

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


/* 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: left;
	margin: 5px 0;
	padding: 0;
	width: 227px;
	background-position: 0 -560px;
	text-indent: -9999px;
	overflow: hidden;
}

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

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


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

/* Visuals */

#homepage-visual {
	margin-bottom: 10px;
	width: 950px;
	height: 355px;
	background: url(../img/homepage-static-visual.jpg) no-repeat;
}

#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 .label {
	position: absolute;
	top: 0;
	left: 0;
}

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

#home-visual #visual-intro {
	float: right;
	height: 250px;
}

#home-visual h1 {
	font-size: 28px;
	color: white;
}

/* News ticker */

#news-ticker {
	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 li {
	background-color: #E5E9EE;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}

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

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

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


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


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


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


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


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


/* 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  {
background:url("../img/zoover-bg.gif") no-repeat scroll 0 0 transparent;
height:80px;
line-height:normal;
}
#zoover h3 {
display:none;
float:left;
}
#zoover a {
color:#999999;
float:left;
font-size:13px;
font-weight:bold;
margin:40px 0 0 2px;
text-decoration:none;
width:125px;
}
#zoover a:hover {
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;
}