/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors:
 * - Base:    #191919;
 * - Green:   #017001;
 * - Orange:  #FF7700;
 * - Blue:    #0099CC;
 * - Pink:    #DD0077;
 */

/* General */

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

a {
	color: #0099CC;
}

a:hover {
	color: #02255B;
}

blockquote {
	margin: 10px 30px;
}

h1 {
	margin: 0 0 12px;
	font-size: 26px;
	color: #017001;
}

h2 {
	margin: 0 0 10px;
	font-size: 22px;
	color: #268804;
}

.information h2 { color: #7F92AC !important; }
.packages h2 { color: #0099CC !important; }
.acties h2 { color: #FF7700 !important; }

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

h3 {
	margin: 0 0 8px;
	font-size: 18px;
	color: #58A708;
}

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

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

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

img {
	border: 0;
}

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

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


/* Table styles */

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

table .hover {
	cursor: pointer;
}

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

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


/* Form styles */

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

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

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

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

legend {
	display: none;
}

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

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

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

input.focus {
	color: #333 !important;
}

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

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

button.plain:hover {
	background-position: 100% -1622px;
	color: #333;
}

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


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

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

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

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

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

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

#content-span {
	width: 710px;
}

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

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

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

.column.last {
	margin: 0;
}

.column-double {
	width: 470px;
}

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


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

.accent {
	color: #999;
}

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

.disclaimer {
	margin: 0 0 10px;
	padding: 0 8px;
	color: #7F92AC;
}

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

.hidden {
	visibility: hidden;
}


/* Overviews */

.overview {
	overflow: hidden;
}

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

.overview .last {
	margin: 0;
}

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


/* Blocks */

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


/* Object blocks */

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


/* Product blocks */

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

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

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

.product p {
	margin: 0 0 5px;
	color: #191919;
}

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

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

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

.actie { background-position: -230px -92px; }
.actie h3 { color: #FF7700 !important; }
.package { background-position: -460px -92px; }
.package h3 { color: #002559 !important; }
.event { background-position: -690px -92px; }
.event h3 { color: #027200 !important; }
.lastminute { background-position: -920px -92px; }
.lastminute h3 { color: #45C001 !important; }


/* Event blocks */

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

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

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

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

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

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


/* Price labels */

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

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


/* Price labels */

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

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

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

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

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


/* Calendars */

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

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


/* Buttons */

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

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

.button:hover { background-position: 0 -30px; color: #02255B; }
.button:hover .button-inner { background-position: 100% -30px; }

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


/* Icon links */

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

a.icon {
	display: inline-block;
}

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

.more-icon:hover {
	background-position: 100% -600px; color: #3CA43C;
}

#archive-toolbar .more-icon { padding: 0 20px 0 0; background-position: 100% -1px; }
#archive-toolbar .more-icon:hover { background-position: 100% -1621px; color: #191919; }

.product .more-icon { background-position: 100% -550px; color: #027101; }
.product:hover .more-icon { background-position: 100% -600px; color: #3CA43C; }
.actie .more-icon { background-position: 100% -650px; color: #FF7700; }
.actie:hover .more-icon { background-position: 100% -700px; color: #FFA04D; }
.package .more-icon { background-position: 100% -750px; color: #0099CC; }
.package:hover .more-icon { background-position: 100% -800px; color: #72C7E2; }
.lastminute .more-icon { background-position: 100% -1670px; color: #45C001; }
.lastminute:hover .more-icon { background-position: 100% -1720px; color: #74D041; }


/* Sections */

.section {
	padding: 0 10px;
}


/* Accordions */

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

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

.accordion .button .button-inner {
	width: 189px;
}

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

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

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

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


/* Tabs */

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

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

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

.tabs span {
	display: block;
	float: left;
	padding-right: 10px;
	background: url(../img/tabs-sprite.gif) no-repeat 100% 0;
	line-height: 30px;
}

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

.tabs .selected a {
	position: relative;
	margin-bottom: -1px;
	height: 31px;
	background-position: 0 -30px;
	color: #02255B;
}

.tabs .selected span {
	margin-bottom: -1px;
	background-position: 100% -30px;
	line-height: 31px;
}


/* Thumbnails */

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

.thumb img {
	display: block;
}

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

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


/* Horizontal rules */

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

.hr hr {
	display: none;
}

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

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

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

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

#sidebar .hr,
#mediabar .hr {
	width: 230px;
}


/* Toobars */

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

.toolbar-group {
	float: right;
}

.toolbar .button {
	float: left;
	margin-left: 10px;
	height: 25px;
	background-position: 0 -780px;
	font-size: 11px;
	color: white;
}

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

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

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


/* Package tables */

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

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

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

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

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

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

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

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


/* Shortcuts */

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

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

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

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

.overview .shortcut.last {
	margin: 0 0 10px 0;
}

#shortcuts {
	margin: -10px 0 0;
}

*:first-child + html #shortcuts { /* Targets IE7 and IE8 */
	padding-bottom: 10px;
}


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

#inner-header {
	width: 100%;
	height: 160px;
}


/* Logo */

#logo {
	display: inline;
	float: left;
	margin-left: 295px;
	width: 361px;
	height: 156px;
}

#logo img {
	display: block;
}


/* MOST Paspoort */

#passport {
	float: right;
	margin: 40px 0 0;
	padding: 0 10px;
	width: 210px;
}

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

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

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

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

#passport .icon {
	padding: 0 18px 0 0;
	background-position: 100% -402px;
	font-size: 10px;
	font-weight: normal;
	color: #004D91;
}

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


/* Languages */

#languages {
	position: relative;
	float: right;
	margin: -5px 0 0;
	height: 15px;
}

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

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

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


/* Online booking button */

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

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


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

#home-visual {
	position: relative;
	margin: 0 0 20px;
	width: 950px;
	height: 280px;
	background: url(../img/home-visual-bg-original.png) no-repeat;
}

#home-player {
	position: absolute;
	display: block;
	margin: -20px 0 -20px -30px;
	width: 755px;
	height: 320px;
	outline: none;
}

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

#wk-actie {
	display: block;
}

/* COUNTDOWN ACTIE */
#home-visual.countdown {
	background: url(../img/actie-countdown/home-blank-bg.png) no-repeat;
	height: 355px;
}
#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;
}

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

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


/* Online booking form */

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

#online-booking-form .block-header {
	height: 68px;
}

#online-booking-form h2 {
	float: left;
	text-indent: -9999px;
	color: #DD0077;
}

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

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

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

#online-booking-form fieldset {
	display: block;
	margin: 0 0 5px;
	padding-top: 10px;
	width: 220px;
	background: url(../img/online-booking-form-sprite.png) no-repeat -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: #DD0077;
}

#online-booking-form select { margin: 0; }
#arrival-day, #departure-day { width: 50px; }
#arrival-month, #departure-month { width: 83px; }
#arrival-year, #departure-year { width: 60px; }
#accommodation-type { width: 200px; }

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

#online-booking-submit:hover { background-position: 0 -952px; }

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


/* Mayor illustration */

#illustration {
	margin: 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;
}

/* Euroticket block */

#euroticket {
	position: relative;
	margin: -10px 0 10px;
	padding: 10px 10px 0;
	width: 220px;
	height: 140px;
	background: url(../img/euroticket-bg.gif) no-repeat top left;
}

#euroticket h2 {
	margin: 0 0 5px;
	padding: 0;
	font-weight: bold;
	color: white;
}

#euroticket p {
	margin: 0 0 5px;
	font-size: 12px;
	color: white;
}

#euroticket .logo {
	position: absolute;
	top: -10px;
	right: 0;
}

#euroticket .button {
	background-position:0 -600px;
	color:#DF0E7F;
}

#euroticket .button-inner {
	background-position:100% -600px;
}

#euroticket .button:hover {
	background-position: 0 -630px; 
	color: #FF4FB1;
}

#euroticket .button:hover .button-inner {
	background-position: 100% -630px;
}

/* Kinderhulp block */

#kinderhulp {
	margin-top:-10px;
	height: 110px;
	background: url(../img/kinderhulp-bg.gif) no-repeat;
	line-height: normal;
}

#kinderhulp h3,
#kinderhulp p {
	display: none;
	float: left;
}

/* Page visual */

#page-visual {
	display: block;
}


/* Related links */

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

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

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

.related a:hover {
	background-position: 100% -595px;
	color: #3CA43C;
}

.related .date {
	font-size: 11px;
	margin-right: 10px;
}

.related a:hover .date {
	color: #3CA43C;
}


/* Articles */

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

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

.article-thumb img {
	display: block;
}

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

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

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

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

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

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


/* Photo accordion */

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

#photo-accordion .thumb {
	margin: -5px -5px 0;
	width: 220px;
	height: 165px;
}
#photo-accordion  .thumb-links {
	display: none;
}
#photo-accordion .thumb-caption {
	margin: 0 -5px 0;
	padding: 5px;
	width: 210px;
	background-color: white;
}

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

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

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

#photo-accordion .toolbar {
	margin: 5px 0 0;
}


/* Main header */

#main-header {
	padding: 0 10px;
	width: 930px;
	height: 70px;
}

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

#discover {
	float: right;
	padding-top: 8px;
	width: 220px;
}

#discover label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	color: #7F92AC;
}

#discover-select {
	width: 100%;
}


/* Visual */

#visual {
	margin: 0 0 20px;
	padding: 5px;
	width: 940px;
	height: 350px;
}

#visual-image {
	display: block;
	float: left;
}

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

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


/* Visual boeken */

#visual-boeken {
	position: absolute;
	float: left;
	margin-left: -25px;
	top: 80px;
	width: 200px;
}


/* Visual intro */

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

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

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

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


/* Visual tabs */

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

#visual-tabs li {
	margin-right: 3px;
}

#visual-tabs a {
	padding-left: 40px;
	height: 50px;
	background: url(../img/visual-tabs-sprite.png) no-repeat;
}

#visual-tabs span {
	display: block;
	padding: 10px 10px 10px 0;
	width: 80px;
	height: 30px;
	background: url(../img/visual-tabs-sprite.png) no-repeat 100% 0;
	line-height: normal;
	overflow: hidden;
}

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

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


/* Visual map */

#map-view {
	position: relative;
}

#visual-map {
	float: left;
	width: 713px;
	height: 418px;
	border: 1px solid white;
	background-color: #B265BA;
}

#visual-map noscript p {
	margin-top: 190px;
	font-size: 20px;
	text-align: center;
	color: white;
}


/* Visual map items */

#visual-map-items {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 225px;
	height: 100%;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#visual-map-items li {
	position: relative;
	margin: 0 0 5px;
	padding: 5px 5px 5px 10px;
	width: 188px;
	height: 70px;
	background: url(../img/visual-map-item-bg.gif) no-repeat 100% 0;
	vertical-align: middle;
	color: white;
}

#visual-map-items li:hover,
#visual-map-items li.active {
	background-position: 100% -80px;
	color: #9F3EA9;
}

#visual-map-items li.last {
	margin: 0;
}

#visual-map-items p {
	margin: 0 0 5px;
	line-height: normal;
}

#visual-map-items .name {
	font-size: 12px;
	font-weight: bold;
}

#visual-map-items .distance,
#visual-map-items li:hover .distance,
#visual-map-item-detail .distance {
	padding-left: 20px;
	background: url(../img/distance-bg.gif) no-repeat 0 4px;
	line-height: normal;
	color: #D1A3D6;
}

#visual-map-items .more-icon {
	position: absolute;
	padding-right: 18px;
	right: 0;
	bottom: 0;
	background-position: 100% -251px;
	font-size: 11px;
	text-align: right;
	line-height: 20px;
}

#visual-map-items .more-icon:hover {
	background-position: 100% -1621px;
	color: #333;
}

#visual-map-items a {
	color: #9F3EA9;
}


/* Visual map item detail */

#visual-map-item-detail {
	position: absolute;
	top: 0;
	right: 0;
	width: 225px;
	height: 420px;
	background: url(../img/visual-map-item-detail-bg.gif) no-repeat;
	overflow-x: hidden;
	overflow-y: auto;
}

#detail-close {
	display: block;
	padding-left: 20px;
	width: 205px;
	background-position: 0 -2068px;
	border-bottom: 1px solid #F5EBF6;
	line-height: 30px;
	color: #D1A3D6;
}

#detail-close:hover {
	background-position: 0 -2118px;
	color: #9F3EA9;
}

#detail-logo {
	margin: 0 0 10px;
	width: 225px;
	height: 120px;
	border-bottom: 1px solid #F5EBF6;
	text-align: center;
	line-height: 120px;
}

#detail-logo img {
	vertical-align: middle;
}

#visual-map-item-detail .vcard {
	padding: 0 10px;
	width: 205px;
}

#visual-map-item-detail .fn {
	display: block;
	font-size: 16px;
	color: #9F3EA9;
}

#visual-map-item-detail .distance,
#visual-map-item-detail .adr {
	margin: 0 0 10px;
}

#visual-map-item-detail .button {
	margin: 10px 0 0;
	background-position: 0 -180px;
	color: white;
}

#visual-map-item-detail .button-inner {
	background-position: 100% -180px;
}

#visual-map-item-detail .button:hover .button-inner {
	background-position: 100% -210px;
}


/* Viewtype tabs */

/*#viewtype-tabs-wrapper {
	width: 100%;
	height: 40px;
}*/

#viewtype-tabs {
	margin: 0;
	padding: 0;
	height: 40px;
	border: 0;
}

#viewtype-tabs li {
	margin: 0 1px 0 0;
}

#viewtype-tabs a {
	padding-left: 30px;
	height: 40px;
	background: url(../img/viewtype-tabs-sprite.gif) no-repeat;
	color: #9F3EA9;
}

#viewtype-tabs a:hover,
#viewtype-tabs .selected a {
	color: white;
}

#viewtype-tabs a span {
	line-height: 40px;
	background: url(../img/viewtype-tabs-sprite.gif) no-repeat 100% 0;
}

#viewtype-tabs a:hover span,
#viewtype-tabs .selected span {
	background-position: 100% -40px;
}

#viewtype-tabs #map-tab a { background-position: 0 0; }
#viewtype-tabs #map-tab a:hover, #viewtype-tabs #map-tab.selected a { background-position: 0 -40px; }
#viewtype-tabs #list-tab a { background-position: 0 -80px; }
#viewtype-tabs #list-tab a:hover, #viewtype-tabs #list-tab.selected a { background-position: 0 -120px; }


/* Viewtype containers */

.viewtype-tab-container {
	width: 100%;
	height: 100%;
}

#list-view .inner {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#list-view table {
	margin: 0;
	width: 923px;
	height: 100%;
	background-color: #ECD8EE;
}

#list-view th,
#list-view td {
	border-bottom: 1px solid white;
}

#list-view th {
	background-color: white;
	color: #333;
}

#list-view td {
	font-weight: bold;
	color: #9F3EA9;
}

#list-view .hover td {
	background-color: #9F3EA9;
	color: white;
}

#list-view .more {
	width: 130px;
}

#list-view .button {
	height: 20px;
	background-position: 0 -1132px;
	font-size: 11px;
	color: white;
}

#list-view .button span {
	padding-right: 20px;
	background-color: #ECD8EE;
	background-position: 100% -1132px;
	line-height: 20px;
}

#list-view .button:hover,
#list-view .hover .button {
	height: 20px;
	background-position: 0 -1152px;
}

#list-view .button:hover span,
#list-view .hover .button span {
	background-color: #9F3EA9;
	background-position: 100% -1152px;
}


/* Visual controls */

#visual-controls {
	position: relative;
	margin: -55px -5px 20px 0;
	padding: 0 5px 5px;
	width: 465px;
	height: 120px;
}

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

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

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

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

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

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

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

#visual-caption h3,
#visual-caption p {
	margin: 0 0 5px;
	color: white;
}

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

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

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


/* Visual description */

#visual-description {
	position: relative;
	margin: -20px -5px 20px 0;
	padding: 5px 10px 10px;
	width: 455px;
	height: 75px;
}

#visual-description h3 {
	font-size: 14px;
	color: white;
}

#visual-description p {
	margin: 0 0 10px;
}


/* Content visual */

#content-visual {
	position: relative;
	margin: 0 -5px 20px;
	width: 450px;
	height: 300px;
}

#content-visual img {
	display: block;
}

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


/* Content visual price labels */

#visual-price-labels {
	position: absolute;
	margin-top: -64px;
	padding: 0 5px;
	width: 440px;
}

#visual-price-labels .price-label {
	float: right;
	margin-left: 5px;
	width: 94px;
	height: 84px;
	background-position: -810px 0;
	text-decoration: none;
	overflow: hidden;
}

#visual-price-labels .price-label:hover { background-position: -904px 0; }
.actie #visual-price-labels .price-label { background-position: -998px 0; }
.actie #visual-price-labels .price-label:hover { background-position: -1092px 0; }
.lastminute #visual-price-labels .price-label { background-position: -1186px 0; }
.lastminute #visual-price-labels .price-label:hover { background-position: -1280px 0; }

#visual-price-labels span {
	width: 94px;
}

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

#visual-price-labels .price {
	padding-top: 10px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
}

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

.actie #visual-price-labels .unit { color: #FFB867; }
.lastminute #visual-price-labels .unit { color: #8CD862; }
#visual-price-labels a:hover .unit { color: white; }


/* Event list */

#event-list {
	margin-bottom: 10px;
	width: 230px;
	background: #A8D45B 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: #A8D45B url(../img/event-list-sprite.gif) no-repeat bottom left;
}

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

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

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

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

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

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

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

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

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

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

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

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

#event-list .date {
	font-size: 10px;
	color: #7DBE0B;
}

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


/* Event details */

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

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

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


/* Checklists */

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

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

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

.checklist ul {
	margin: 0;
	padding: 0 0 0 15px;
	width: 185px;
	color: #7DBE0B;
}


/* Book blocks */

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

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

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

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

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


/* Content accordion */

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

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

#content .accordion .accordion-toggle:hover {
	background-position: 100% -595px;
	color: #3CA43C;
}

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

#content .accordion .button,
#content .accordion .button-inner {
	margin: 0;
	width: auto;
}

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

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


/* Tell a friend form */

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

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

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

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

#tellafriend-form input.text,
#tellafriend-form textarea {
	width: 275px;
	border: 1px solid #CBE79D;
}


/* Album overview */

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

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

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


/* Pagination */

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

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

#pagination-prev { background-position: 0 -1970px; }
#pagination-next { background-position: 0 -1870px; }

#pagination-prev:hover { background-position: 0 -2020px; }
#pagination-next:hover { background-position: 0 -1920px; }

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

.pagination li {
	display: inline;
}

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

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


/* Weather block */

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

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

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

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

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

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

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

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

#weather-body h3 a {
	text-decoration: none;
	color: white;
}

#weather-body h3 a:hover {
	text-decoration: underline;
}

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


/* Spotlight */

#spotlight {
	margin: -20px 0 10px;
	padding: 25px 5px 5px;
	width: 460px;
	background: url(../img/spotlight-bg.gif) no-repeat;
	overflow: hidden;
}

#spotlight .thumb {
	float: left;
	margin-right: 10px;
	width: 130px;
	height: 90px;
}

#spotlight .inner {
	float: left;
	width: 320px;
}

#spotlight h3 {
	margin: 0 0 5px;
	font-size: 14px;
	color: #9F3EA9;
}

#spotlight p {
	margin: 0 0 10px;
}

#spotlight .more-icon {
	background-position: 100% -1150px;
	color: #9F3EA9;
}

#spotlight .more-icon:hover {
	background-position: 100% -1200px;
	color: #B265BA;
}


/* Packages */

#packages {
	width: 950px;
	overflow: hidden;
}

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

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

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

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

#package-tabs li a:hover {
	color: #02255B;
}

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

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


/* Package search */

#package-search {
	width: 950px;
}

#package-search-header {
	margin: 0 0 10px;
	padding: 0 10px;
	width: 930px;
	height: 60px;
	background: url(../img/package-search-header-bg.gif) no-repeat;
}

#package-search-header h2 {
	line-height: 60px;
	color: white;
}

#package-search #sidebar {
	padding: 10px 0 0;
}

#package-search #online-booking-form {
	padding-right: 5px;
}


/* Package search filters */

#package-search-filters {
	margin-bottom: 10px;
	width: 710px;
	height: 30px;
}

#package-search-filters .filter {
	position: relative;
	float: left;
	margin-right: 5px;
}

#package-search-filters .last {
	margin: 0;
}

#package-search-filters .button { background-position: 0 -1044px; overflow: hidden; outline: none; }
#package-search-filters .button-inner { width: 120px; height: 30px; background-position: 100% -1044px; }
#package-search-filters .button:hover, #package-search-filters .active .button, #package-search-filters .highlight .button { background-position: 0 -1074px; }
#package-search-filters .button:hover .button-inner, #package-search-filters .active .button-inner, #package-search-filters .highlight .button-inner { background-position: 100% -1074px; color: #02255B; }

#period-button .button-inner { width: 170px; }


/* Filter menus */

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

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

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

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

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

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

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


/* Filter controls */

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

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

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


/* Filter sliders */

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

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

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

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

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

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

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


/* Package search table */

#package-search-table-wrapper {
	margin-bottom: 10px;
	padding-bottom: 5px;
	width: 710px;
	background: url(../img/package-search-table-sprite.gif) no-repeat 0 100%;
}

#package-search-table-header {
	padding: 30px 10px 10px;
	width: 690px;
	height: 20px;
	background: url(../img/package-search-table-sprite.gif) no-repeat;
}

#package-search-table-header p {
	float: left;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #9AA8BD;
}

#package-search-table-header span {
	color: #0295E5;
}

#package-search-table-header form {
	float: right;
	margin: 0;
}

#package-search-table-header label {
	font-weight: bold;
	color: #9AA8BD;
}

#package-search-table {
	width: 708px;
	background-color: white;
	border-top: 3px solid #E5E9EE;
	border-right: 1px solid #CDD4DE;
	border-left: 1px solid #CDD4DE;
}

#package-search-table table {
	margin: 0;
}

#package-search-table tr:last-child td {
	border: 0;
}


/* Vacancy accordion table */

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

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

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

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

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


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

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

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

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

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

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

.menu a:hover,
.menu .selected a {
	background-color: white;
	background-position: 207px 5px;
	color: #017001;
}

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

.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 .subnav a {
	padding: 2px 10px 2px 20px;
	width: 200px;
	background: none;
	border: 0;
	font-size: 11px;
	font-weight: normal;
	color: #7DBE0B;
}

.menu .subnav a:hover,
.menu .subnav .selected a {
	font-weight: bold;
	color: #017001;
}


/* Details accordion vcard */

.vcard p {
	margin: 0;
}

.fn {
	display: none;
}


/* Details accordion Google Maps */

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

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

#map-form {
	margin: 0;
}

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

#map-form fieldset {
	margin: 0;
}

#map-zipnum {
	width: 30px;
}

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


/* Details accordion news letter */

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

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

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

#newsletter-form {
	margin: 0;
}

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

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

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

#newsletter-form button {
	float: right;
}


/* Details accordion search */

#search-form {
	margin: 0;
}

#search-form li {
	margin: 0 0 5px;
}

#search-form button {
	float: right;
}

#search {
	width: 200px;
}


/* Accommodations block */

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

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

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

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

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

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

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

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

#thumb-links {
	display: none;
}


/* Testimonial block */

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

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

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


/* Suggestions accordion */

#suggestions-accordion {
	margin: 0 0 15px;
}

#suggestions-accordion .inner-accordion {
	margin: 10px 0 0;
	padding: 0 10px 1px;
	list-style: none;
}

#suggestions-accordion li {
	display: block;
	margin: 0 -9px;
	width: 228px;
	border-bottom: 1px solid #E5E9EE;
	vertical-align: middle;
}

#suggestions-accordion li.first {
	margin-top: -5px;
}

#suggestions-accordion li.last {
	border-bottom: none;
}

#suggestions-accordion li a {
	display: block;
	padding: 4px;
	width: 220px;
	height: 40px;
	text-decoration: none;
	cursor: pointer;
}

#suggestions-accordion .first a {
	padding-top: 0;
}

#suggestions-accordion .price-label {
	float: left;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	background-position: -570px 0;
}

#suggestions-accordion a:hover .price-label { background-position: -610px 0; }
#suggestions-accordion .actie .price-label { background-position: -650px 0; }
#suggestions-accordion .actie:hover .price-label { background-position: -690px 0; }
#suggestions-accordion .lastminute .price-label { background-position: -730px 0; }
#suggestions-accordion .lastminute:hover .price-label { background-position: -770px 0; }

#suggestions-accordion .type {
	width: 40px;
	height: 17px;
	line-height: 17px;
}

#suggestions-accordion .price {
	width: 40px;
	height: 23px;
	line-height: 23px;
}

#suggestions-accordion h3 {
	margin: 2px 0 0;
	font-size: 11px;
	color: #02255B;
}

#suggestions-accordion p {
	margin: 0;
	font-weight: bold;
	color: #7390BA;
}

#suggestions-accordion .inner {
	float: left;
	width: 172px;
}


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

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

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

#service-navigation .button { background-position: 0 -830px; color: #328D1C; }
#service-navigation .button .button-inner { width: 189px; background-position: 100% -830px; }
#service-navigation .button:hover { background-position: 0 -860px; color: white; }
#service-navigation .button:hover .button-inner { background-position: 100% -860px; }
#service-navigation .active, #service-navigation .active:hover { background-position: 0 -890px; color: white; }
#service-navigation .active .button-inner, #service-navigation .active:hover .button-inner { background-position: 100% -890px; }

.service-navigation-menu {
	padding-bottom: 29px;
	width: 950px;
	background: url(../img/service-navigation-menu-bg.gif) repeat;
	overflow: hidden;
}

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

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

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

.service-navigation-menu a:hover {
	color: white;
}

#about ul {
	float: right;
}


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

.event-theme #visual { background: url(../img/themes/event/visual-bg.png) no-repeat; }
.event-theme #visual-intro h1 { font-size: 28px; }
.event-theme #visual-intro h2 { font-size: 14px; }
.event-theme #photo-accordion .button { background-position: 0 -270px; color: white; }
.event-theme #photo-accordion .button-inner { background-position: 100% -270px; }
.event-theme #photo-accordion .button:hover { background-position: 0 -300px; }
.event-theme #photo-accordion .button:hover .button-inner { background-position: 100% -300px; }
.event-theme #photo-accordion .ui-state-active, .event-theme #photo-accordion .ui-state-active:hover { background-position: 0 -330px; }
.event-theme #photo-accordion .ui-state-active .button-inner, .event-theme #photo-accordion .ui-state-active:hover .button-inner { background-position: 100% -330px; }
.event-theme #photo-accordion .accordion-content { background-position: -230px 0; }
.event-theme #photo-accordion .inner-accordion { background-position: -230px 100%; }


/* Pipodorp theme */

.pipodorp-theme h1, .pipodorp-theme h2 { color: #DF0E7F; }
.pipodorp-theme .intro { color: #FF4FB1; }
.pipodorp-theme #visual { background: url(../img/themes/pipodorp/visual-bg.png) no-repeat; }
.pipodorp-theme #visual-intro .button { background-position: 0 -600px; color: #DF0E7F; }
.pipodorp-theme #visual-intro .button-inner { background-position: 100% -600px; }
.pipodorp-theme #visual-intro .button:hover { background-position: 0 -630px; color: #FF4FB1; }
.pipodorp-theme #visual-intro .button:hover .button-inner { background-position: 100% -630px; }
.pipodorp-theme #visual-controls { background: url(../img/themes/pipodorp/visual-controls-bg.png) no-repeat; }
.pipodorp-theme #visual-jumpers a { background: url(../img/themes/pipodorp/visual-controls-bg.png) no-repeat -80px -125px; }
.pipodorp-theme .visual-control { background: url(../img/themes/pipodorp/visual-controls-bg.png) no-repeat; }
.pipodorp-theme .zoom { background-position: 0 -1390px; }
.pipodorp-theme a:hover .zoom { background-position: 0 -1410px; }
.pipodorp-theme #testimonial { background-position: -230px 0; }
.pipodorp-theme #testimonial h3, .pipodorp-theme #testimonial-author { color: #DF0E7F; }
.pipodorp-theme .shortcut { background-image: url(../img/themes/pipodorp/shortcut-sprite.gif); }


/* Pipowoningen theme */

.pipowoningen-theme h1 { color: #FF9900; }
.pipowoningen-theme h2 { color: #B76D00; }
.pipowoningen-theme .intro { color: #FF9900; }
.pipowoningen-theme #visual { background: url(../img/themes/pipowoningen/visual-bg.png) no-repeat; }
.pipowoningen-theme #visual-scroller { width: 465px; }
.pipowoningen-theme #visual-scroller .items { width: 4650px; }
.pipowoningen-theme #visual-intro .button { background-position: 0 -660px; color: #FF9900; }
.pipowoningen-theme #visual-intro .button-inner { background-position: 100% -660px; }
.pipowoningen-theme #visual-intro .button:hover { background-position: 0 -690px; color: #FFAD33; }
.pipowoningen-theme #visual-intro .button:hover .button-inner { background-position: 100% -690px; }
.pipowoningen-theme #visual-tabs { background: url(../img/themes/pipowoningen/visual-tabs-bg.png) no-repeat; }
.pipowoningen-theme #visual-tabs a { color: #FFA927; }
.pipowoningen-theme #visual-tabs .selected a { color: white; }
.pipowoningen-theme #visual-controls { background: url(../img/themes/pipowoningen/visual-controls-bg.png) no-repeat; }
.pipowoningen-theme #visual-jumpers a { background: url(../img/themes/pipowoningen/visual-controls-bg.png) no-repeat -80px -125px; }
.pipowoningen-theme .visual-control { background: url(../img/themes/pipowoningen/visual-controls-bg.png) no-repeat; }
.pipowoningen-theme .zoom { background-position: 0 -1430px; }
.pipowoningen-theme a:hover .zoom { background-position: 0 -1450px; }
.pipowoningen-theme #testimonial { background-position: -460px 0; }
.pipowoningen-theme #testimonial h3, .pipowoningen-theme #testimonial-author { color: #FF9900; }


/* Zwemparadijs theme */

.zwemparadijs-theme h1, .zwemparadijs-theme h2 { color: #0099CC; }
.zwemparadijs-theme .intro { color: #2FCDFF; }
.zwemparadijs-theme #visual { background: url(../img/themes/zwemparadijs/visual-bg.png) no-repeat; }
.zwemparadijs-theme #visual-intro .button { background-position: 0 -540px; color: #0099CC; }
.zwemparadijs-theme #visual-intro .button-inner { background-position: 100% -540px; }
.zwemparadijs-theme #visual-intro .button:hover { background-position: 0 -570px; color: #2FCDFF; }
.zwemparadijs-theme #visual-intro .button:hover .button-inner { background-position: 100% -570px; }
.zwemparadijs-theme #visual-controls { background: url(../img/themes/zwemparadijs/visual-controls-bg.png) no-repeat; }
.zwemparadijs-theme #visual-jumpers a { background: url(../img/themes/zwemparadijs/visual-controls-bg.png) no-repeat -80px -125px; }
.zwemparadijs-theme .visual-control { background: url(../img/themes/zwemparadijs/visual-controls-bg.png) no-repeat; }
.zwemparadijs-theme .zoom { background-position: 0 -1470px; }
.zwemparadijs-theme a:hover .zoom { background-position: 0 -1490px; }
.zwemparadijs-theme #accommodations-block { background-position: -920px 0; }
.zwemparadijs-theme #accommodations-block .block-body { background-position: -920px 100%; }
.zwemparadijs-theme #accommodations-block .more-icon { background-position:100% -750px; color: #0099CC; }
.zwemparadijs-theme #accommodations-block .more-icon:hover { background-position: 100% -800px; color: #72C7E2; }
.zwemparadijs-theme #accommodations-block p.alt { background: url(../img/themes/zwemparadijs/check.gif) no-repeat; color: #0099CC; }
.zwemparadijs-theme #testimonial { background-position: -690px 0; }
.zwemparadijs-theme #testimonial h3, .zwemparadijs-theme #testimonial-author { color: #0099CC; }


/* Speelstad theme */

.speelstad-theme h1, .speelstad-theme h2 { color: #FF7700; }
.speelstad-theme .intro { color: #FFA04C; }
.speelstad-theme #visual { background: url(../img/themes/speelstad/visual-bg.png) no-repeat; }
.speelstad-theme #visual-intro .button { background-position: 0 -480px; color: #FF7700; }
.speelstad-theme #visual-intro .button-inner { background-position: 100% -480px; }
.speelstad-theme #visual-intro .button:hover { background-position: 0 -510px; color: #FFA04C; }
.speelstad-theme #visual-intro .button:hover .button-inner { background-position: 100% -510px; }
.speelstad-theme #visual-controls { background: url(../img/themes/speelstad/visual-controls-bg.png) no-repeat; }
.speelstad-theme #visual-jumpers a { background: url(../img/themes/speelstad/visual-controls-bg.png) no-repeat -80px -125px; }
.speelstad-theme .visual-control { background: url(../img/themes/speelstad/visual-controls-bg.png) no-repeat; }
.speelstad-theme #photo-accordion .button { background-position: 0 -90px; color: white; }
.speelstad-theme #photo-accordion .button-inner { background-position: 100% -90px; }
.speelstad-theme #photo-accordion .button:hover { background-position: 0 -120px; }
.speelstad-theme #photo-accordion .button:hover .button-inner { background-position: 100% -120px; }
.speelstad-theme #photo-accordion .ui-state-active, .speelstad-theme #photo-accordion .ui-state-active:hover { background-position: 0 -150px; }
.speelstad-theme #photo-accordion .ui-state-active .button-inner, .speelstad-theme #photo-accordion .ui-state-active:hover .button-inner { background-position: 100% -150px; }
.speelstad-theme #photo-accordion .accordion-content { background-position: -690px 0; }
.speelstad-theme #photo-accordion .inner-accordion { background-position: -690px 100%; }
.speelstad-theme .zoom { background-position: 0 -1510px; }
.speelstad-theme a:hover .zoom { background-position: 0 -1530px; }
.speelstad-theme #testimonial { background-position: -920px 0; }
.speelstad-theme #testimonial h3, .speelstad-theme #testimonial-author { color: #FF7700; }
.speelstad-theme .shortcut { background-image: url(../img/themes/speelstad/shortcut-sprite.gif); }


/* Omgeving theme */

.omgeving-theme h1, .omgeving-theme h2 { color: #9F3EA9; }
.omgeving-theme .intro { color: #BC78C3; }
.omgeving-theme #visual { height: 420px; background: #9F3EA9; }
.omgeving-theme #visual-intro .button { background-position: 0 -984px; color: #9F3EA9; }
.omgeving-theme #visual-intro .button-inner { background-position: 100% -984px; }
.omgeving-theme #visual-intro .button:hover { background-position: 0 -1014px; color: #BC78C3; }
.omgeving-theme #visual-intro .button:hover .button-inner { background-position: 100% -1014px; }
.omgeving-theme #visual-controls { background: url(../img/themes/omgeving/visual-controls-bg.png) no-repeat; }
.omgeving-theme #visual-description { background: url(../img/themes/omgeving/visual-description-bg.gif) no-repeat 0 100%; }
.omgeving-theme #visual-jumpers a { background: url(../img/themes/omgeving/visual-controls-bg.png) no-repeat -80px -125px; }
.omgeving-theme .visual-control { background: url(../img/themes/omgeving/visual-controls-bg.png) no-repeat; }
.omgeving-theme #photo-accordion .button { background-position: 0 -180px; color: white; }
.omgeving-theme #photo-accordion .button-inner { background-position: 100% -180px; }
.omgeving-theme #photo-accordion .button:hover { background-position: 0 -210px; }
.omgeving-theme #photo-accordion .button:hover .button-inner { background-position: 100% -210px; }
.omgeving-theme #photo-accordion .ui-state-active, .omgeving-theme #photo-accordion .ui-state-active:hover { background-position: 0 -240px; }
.omgeving-theme #photo-accordion .ui-state-active .button-inner, .omgeving-theme #photo-accordion .ui-state-active:hover .button-inner { background-position: 100% -240px; }
.omgeving-theme #photo-accordion .accordion-content { background-position: -460px 0; }
.omgeving-theme #photo-accordion .inner-accordion { background-position: -460px 100%; }
.omgeving-theme .zoom { background-position: 0 -1550px; }
.omgeving-theme a:hover .zoom { background-position: 0 -1570px; }
.omgeving-theme #testimonial { background-position: -1150px 0; }
.omgeving-theme #testimonial h3, .omgeving-theme #testimonial-author { color: #9F3EA9; }


/* Overview theme */

.overview-theme #mediabar {
	padding: 37px 0 0;
	background: none;
}

/* Form validation */

fieldset.wsv-error {
	padding: 0 5px 0 0;
	background-color: #FFBABA;
}

input[type="text"].wsv-required,
input[type="password"].wsv-required,
textarea.wsv-required {
	/*border-left-width: 5px;*/
}

input[type="text"].wsv-error,
input[type="password"].wsv-error,
textarea.wsv-error {
	background-color: #FCF2F2;
	/*border-color: #C00;*/
	border: 2px solid #C00;
}

select.wsv-error {
	background-color: #FAE5E5;
	border: 2px solid #C00;
}