/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background-color: #4E4C4C;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
}

blockquote {
	margin: 10px 30px;
}

h1 {
	margin: 0 0 12px;
	text-transform:uppercase;
	font-size: 20px;
	font-weight: 600;
}

h2 {
	margin: 0 0 6px;
	text-transform:uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #4B4B4D;
}

h3 {
	margin: 0 0 4px;
	font-size: 12px;
}

h4 {
	margin: 0 0 2px;
	font-size: 11px;
}

h5 {
	margin: 0px;
	font-size: 11px;
}

h6 {
	margin: 0px;
	font-size: 11px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 150%;
}

p {
	margin: 0 0 20px;
	line-height: 160%;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
}

td {
	padding: 8px;
	border-bottom: 1px solid #EDEDED;
}

th, thead td {
	padding: 8px;
	background-color: #EDEDED;
	border-bottom: 1px solid #EDEDED;
	font-weight: bold;
	text-align: left;
}

.hover td {
	background-color: #F6F6F6;
	cursor: pointer;
}

.row-actions {
	width: 16px;
}

.row-actions ul {
	margin: 0;
	padding: 0;
	height: 16px;
	white-space: nowrap;
	list-style: none;
}

.row-actions li {
	display: inline-block;
	margin: 0 0 0 5px;
}

.row-actions li:first-child {
	margin: 0;
}


/* 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;
}

form li.last {
	margin: 0;
}

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

button {
	vertical-align: middle;
}

.indent button {
	margin-left: 3px;
}

input.text {
	padding: 4px;
	border: 1px solid #DBDBDB;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input:focus,
textarea:focus {
	border-color: #818182;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 273px;
}

input.toggle-value {
	color: #C9C9C9;
}

input.focus {
	color: #333 !important;
}

input.wsv-error,
textarea.wsv-error {
	border-color: #CC071E;
}

select.wsv-error {
	background-color: #FCC;
	border: 1px solid #CC071E;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

label .accent {
	font-size: 10px;
	color: #818182;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #DBDBDB;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#header-wrapper {
	margin: 20px 0 0;
	width: 100%;
	height: 210px;
/*	background:url(../img/header-wrapper-bg.gif) no-repeat top center;*/
	background:url(../img/header-wrapper-bg-temp.gif) no-repeat top center;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 210px;
	z-index: 5;
}

#main-wrapper {
	width: 100%;
	overflow:hidden;
	background:url(../img/main-wrapper-bg.gif) repeat-y top center;
}

#main {
	margin: 0 auto 10px;
	padding: 10px 0 0;
	width: 990px;
	background-color: white;
}

#footer-wrapper {
	width: 100%;
	overflow:hidden;
	background:url(../img/footer-wrapper-bg.png) no-repeat top center;
}

#footer {
	margin: 0 auto 40px;
	width: 990px;
	overflow: hidden;
	color: #6B7FA3;
}

#sidebar {
	float: left;
	margin: 0 10px 0 0;
	padding-top:20px;
	width: 240px;
}

#content-full {
	width: 990px;
}

#content-wrap {
	float: right;
	margin: 0;
	width: 740px;
}

#content-wrap h1,
#content-full h1 {
	margin: 0;
	padding: 23px 10px 17px;
}

#content-wrap .toolbar {
	width: 720px;
}

#content div.toolbar li,
#content-wrap div.toolbar li {
	float: left;
	margin: 0 0 0 5px;
}

#content {
	padding: 0 10px;
	width: 470px;
}

#content .intro,
#content-span > .intro {
	margin: 0 -10px 20px;
}

#content .section h2,
#content .section .section-header {
	margin: 0 -10px 10px;
	width: 470px;
	text-transform:uppercase;
}

#content .section .intro {
	margin: 0 0 20px;
	padding: 0;
	background: none;
	border: 0;
}

#content .toolbar {
	margin: 0 -10px;
	width: 470px;
}

#content-span {
	padding: 0 10px;
	width: 720px;
}

#content-span #content-header {
	margin: 0 -10px 10px;
	width: 740px;
}

#content-wrap .double-column,
#content-span .double-column {
	width: 365px;
}

#content-wrap .double-column.last,
#content-span .double-column.last {
	margin: 0;
}

#mediabar {
	margin: 0;
	width: 240px;
}

.column {
	float: left;
	margin-right: 10px;
	width: 240px;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	color: #6B7FA3;
}

.intro {
	margin: 0 0 20px;
	padding: 10px 10px 0;
	background: url(../img/gradient-bg.gif) repeat-x;
	border-top: 1px solid #DBDBDB;
	font-size: 14px;
	overflow: hidden;
	color: #6F6F71;
}

.intro p {
	float: left;
	margin: 0;
}

.date {
	font-size: 12px;
	font-weight: bold;
	color: #4B4B4D ;
}

.role {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #818182;
}

.hidden {
	visibility: hidden;
}

.disclaimer {
	color: #818182;
}


/* Sections */

#sidebar .section,
#mediabar .section {
	margin: 0 0 10px;
}

.section h2 {
	margin: 0 0 10px;
	padding: 13px 10px 12px 10px;
	border-top: 5px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	font-size: 16px;
	text-transform: uppercase;
}

.section-header {
	margin: 0 0 10px;
	padding: 13px 10px 12px 10px;
	border-top: 5px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	overflow: hidden;
	color: #072866;
}

.section-header h1 {
	padding: 0 !important;
}

.section-header h2 {
	float: left;
	margin: 0 !important;
	padding: 0;
	width: auto !important;
	border: 0;
}

.section-header .plain-icon {
	float: left;
	margin: 2px 0 0 10px;
}

.section-header .more-icon {
	float: right;
	padding-right: 10px;
	background-position: 100% -114px;
	line-height: 20px;
	color: #6F6F71;
}

.section-header .more-icon:hover {
	background-position: 100% 6px;
	color: #4B4B4D;
}

.section .inner {
	padding: 0 10px 10px;
	width: 220px;
}


/* Buttons */

.button {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	height: 30px;
	background: url(../img/button-sprite.png) no-repeat;
	border: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: visible;
	cursor: pointer;
	color: #818182;
}

.button .button-inner {
	position: relative;
	display: block;
	padding-right: 30px;
	width: auto !important;
	width: 20px;
	min-width: 20px;
	background: url(../img/button-sprite.png) no-repeat 100% 0;
	line-height: 30px;
	white-space: nowrap;
}

.button:hover, .button:focus { background-position: 0 -30px; color: #4B4B4D; }
.button:hover .button-inner, .button:focus .button-inner { background-position: 100% -30px; }

button.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-top: -1px;
		margin-right: -3px;
	}
}


/* Button icons */

.button .icon {
	display: inline-block;
	margin: 0 0 -3px 3px;
	padding: 0;
	width: 16px;
	height: 16px;
}


/* Twitter button */

.twitter-button {
	display: block;
    margin: 0 0 10px;
}

.twitter-button .icon {
	margin: 0 3px -6px 0;
	padding: 2px 5px 2px 0;
	background-position: 0 -1251px;
	border-right: 1px solid #CCC;
}

.twitter-button:hover .icon {
	background-position: 0 -1301px;
}


/* Accordions */

.accordion {
	margin-bottom: 5px;
	width: 100%;
}

.accordion-toggle {
	display: block;
	padding: 7px 30px 7px 10px;
	width: 450px;
	background: url(../img/arrow-sprite.gif) no-repeat 470px -1680px;
	border-bottom: 1px solid #EDEDED;
	text-decoration: none;
	outline: none;
	color: #818182;
}

.accordion-toggle:hover {
	background-position: 470px 10px;
	color: #4B4B4D;
}

.accordion-content {
	margin-bottom: 5px;
	width: 240px;
	background: url(../img/block-sprite.gif) no-repeat;
	overflow: hidden;
}

.inner-accordion {
	margin-top: 10px;
	padding: 0 10px 10px;
	width: 220px;
	background: url(../img/block-sprite.gif) no-repeat 0 100%;
}


/* Tabs */

.tabs {
	margin: 0 0 10px;
	padding: 5px 10px 0 10px;
	height: 30px;
	border-bottom: 1px solid #DBDBDB;
	list-style: none;
}

.tabs li {
	float: left;
	margin-right: 1px;
}

.tabs li a {
	display: block;
	float: left;
	padding: 0 8px;
	height: 29px;
	background-color: #A5A5A6;
	font-weight: bold;
	text-decoration: none;
	line-height: 29px;
	outline: none;
	color: white;
}

.tabs li a:hover {
	background-color: #4B4B4D;
}

.tabs .selected {
	position: relative;
	margin: -5px 1px -1px 0;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
}

.tabs .selected a,
.tabs .selected a:hover {
	height: 35px;
	background: url(../img/gradient-bg.gif) repeat-x 0 1px;
	font-size: 14px;
	line-height: 35px;
	color: #4B4B4D;
}


/* Calendars */

.calendar {
	display: block;
	margin: 0;
	padding: 3px;
	width: 59px;
	height: 79px;
	background: url(../img/calendar-sprite.png) no-repeat;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: white;
}

.calendar span {
	display: block;
	width: 100%;
	color: #4B4B4D;
}

.calendar-day {
	font-size: 36px;
	line-height: 49px;
}

.calendar-month {
	font-size: 16px;
	line-height: 30px;
}

.calendar-year {
	display: none;
}


/* Icon links */

.icon {
	padding: 1px 0 1px 20px;
	background: url(../img/icon-sprite.png) no-repeat;
	text-decoration: none;
	font-weight:bold;
}

.more-icon {
	padding: 0 20px 0 0;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-decoration: none;
}

.back-icon {
	padding: 0 0 0 15px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-decoration: none;
}

.plain-icon {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/icon-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.email-icon { background-position: 0 -100px; }
a.email-icon:hover { background-position: 0 -150px; }
.phone-icon { background-position: 0 -200px; }
a.phone-icon:hover { background-position: 0 -250px; }
.fax-icon { background-position: 0 -1050px; }
a.fax-icon:hover { background-position: 0 -1100px; }
.weblog-icon { background-position: 0 -300px; }
a.weblog-icon:hover { background-position: 0 -350px; }
.rss-icon { background-position: 0 -650px; font-weight: bold; color: #818182; }
a.rss-icon:hover { background-position: 0 -700px; color: #FF6600; }
.twitter-icon { background-position: 0 -750px; font-weight: bold; color: #818182; }
a.twitter-icon:hover { background-position: 0 -800px; color: #00CCFF; }
.cellphone-icon { background-position: 0 -1350px; }
a.cellphone-icon:hover { background-position: 0 -1400px; }

.rss-plain-icon { background-position: 0 -650px; }
.rss-plain-icon:hover { background-position: 0 -700px; }
.twitter-plain-icon { background-position: 0 -750px; }
.twitter-plain-icon:hover { background-position: 0 -800px; }

.list-icon { background-position: 0 -850px; }
a.list-icon:hover { background-position: 0 -900px; }
.map-icon { background-position: 0 -950px; }
a.map-icon:hover { background-position: 0 -1000px; }

.add-icon { background-position: 0 -1150px; }
a.add-icon:hover, a:hover .add-icon { background-position: 0 -1200px; }
.edit-icon { background-position: 0 -300px; }
a.edit-icon:hover, a:hover .edit-icon { background-position: 0 -350px; }
.search-icon { background-position: 0 -400px; }
a.search-icon:hover, a:hover .search-icon { background-position: 0 -450px; }

.twitter-pictogram { background-position: 0 -1252px; }
a.twitter-pictogram:hover, a:hover .twitter-pictogram { background-position: 0 -1302px; }

.delete-icon { background-position: 0 -1450px; }
a.delete-icon:hover, a:hover .delete-icon { background-position: 0 -1500px; }


/* Thumbnails */

.thumb {
	position: relative;
	display: block;
	margin: 0 0 10px;
	width: 240px;
	height: 170px;
}

.thumb img {
	display: block;
}

.zoom {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: white url(../img/icon-sprite.png) no-repeat 50% -446px;
	text-indent: -9999px;
	overflow: hidden;
}

a:hover .zoom {
	background-position: 50% -496px;
}


/* Overviews */

.overview .album,
.overview .thumb {
	float: left;
	margin: 0 10px 10px 0;
}

.overview .section {
	float: left;
	width: 240px;
	margin: 0 10px 10px 0;
}

.overview .section img {
	display: block;
}

.overview .section .more {
	display: block;
	padding: 8px 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 220px -1680px;
	border-top: 1px solid #DBDBDB;
	border-bottom: 5px solid #DBDBDB;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #818182;
}

.overview .section .more:hover {
	background-position: 220px 10px;
	color: #4B4B4D;
}

.overview .last {
	margin: 0 0 10px;
}


/* Toolbars */

.toolbar {
	margin: 0;
	padding: 10px;
	background: url(../img/gradient-bg.gif) repeat-x;
	border-top: 1px solid #DBDBDB;
	overflow: hidden;
	clear: both;
}

ul.toolbar {
	list-style: none;
}

.toolbar ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.toolbar li {
	float: left;
	margin-right: 5px;
}

.toolbar .button,
.more-items .button,
.more .button,
#hotel-detail .button {
	float: left;
	padding-left: 6px;
	height: 20px;
	background-position: 0 -470px;
	font-size: 10px;
	color: white;
}

.toolbar .button .button-inner,
.more-items .button .button-inner,
.more .button .button-inner,
#hotel-detail .button-inner {
	padding: 0 18px 2px 0;
	background-position: 100% -470px;
	line-height: 18px;
}

.toolbar .button:hover, .more-items .button:hover, .more .button:hover, .hover .button, #hotel-detail .button:hover { background-position: 0 -490px; color: white; }
.toolbar .button:hover .button-inner, .more-items .button:hover .button-inner, .more .button:hover .button-inner, .hover .button .button-inner, #hotel-detail .button:hover .button-inner { background-position: 100% -490px; }


.toolbar-alt {
	overflow: hidden;
}

ul.toolbar-alt,
.toolbar-alt ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.toolbar-alt ul {
	float: right;
}

.toolbar-alt li {
	margin: 0 10px 0 0;
	float: left;
}

.toolbar-alt ul li {
	margin: 0 0 0 10px;
}


/* Ticket buttons */

.more-items .button { background-position: 0 -510px; }
.more-items .button .button-inner { background-position: 100% -510px; }
.more-items .button:hover { background-position: 0 -530px; }
.more-items .button:hover .button-inner { background-position: 100% -530px; }

.soldout .button { background-position: 0 -550px!important; }
.soldout .button .button-inner { padding-right: 6px; background-position: 100% -550px!important; }
.soldout .button:hover { background-position: 0 -550px; }
.soldout .button:hover .button-inner { background-position: 100% -550px; }


/* Labels */

.label {
	position: absolute;
	margin: 0 !important;
	right: -1px;
	bottom: -1px;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
}

.new label { background-position: 0 0; }


/* Quantity fields */

.quantity-field-container {
	width: 52px;
	height: 24px;
}

.quantity-field-container .quantity-field,
.quantity-field-container .quantity-control {
	float: left;
}

.quantity-field {
	margin: 0;
	width: 20px;
	text-align: right;
	color: #4B4B4D;
}

.quantity-control {
	display: inline;
	float: left;
	width: 12px;
	height: 12px;
	background: url(../img/cart-sprite.gif) no-repeat;
	font-size: 8px;
	text-indent: -9999px;
	overflow: hidden;
}

.quantity-control.increment { background-position: -80px 0; }
.quantity-control.increment:hover { background-position: -80px -12px; }
.quantity-control.decrement { background-position: -92px 0; }
.quantity-control.decrement:hover { background-position: -92px -12px; }


/* Delete buttons */

.delete a {
	display: block;
	width: 8px;
	height: 8px;
	background: url(../img/cart-sprite.gif) no-repeat -110px 0;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
}

.delete a:hover {
	background-position: -110px -10px;
}


/* Overlays */

.loading-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: white url(../img/loading.gif) 50% 100px no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* KvK */

.kvk {
	display: inline-block;
	margin: 0;
	padding: 2px 5px 0 40px;
	width: 85px;
	height: 28px;
	background: url(../img/kvk-bg.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	overflow: hidden;
	vertical-align: middle;
	color: #A5A5A6;
}


/* Booth number */

.booth-number {
	margin: 0;
	padding: 5px;
	width: 60px;
	height: 60px;
	background-color: #E3001B;
	font-size: 10px;
	line-height: 250%;
	text-transform: none;
	color: white;
}

.booth-number strong {
	display: block;
	font-size: 30px;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#logo-wrap {
	float:left;
	margin: 0 20px 0 0;
	width: 230px;
	height: 210px;
}

#header-inner {
	float:right;
	width: 740px;
	height: 120px;
}

#login-wrap {
	width: 740px;
	height: 60px;
	/*visibility:hidden;	Hidden. Still in developement*/
}

#navigation-wrap {
	width: 740px;
	height:110px;
}

#breadcrumbs-wrap {
	padding: 0 10px;
	width: 720px;
	height: 40px;
	background-color: #EFEFEF;
}


/* Logo */

#logo {
	display: block;
	float: left;
	margin: 32px 0 0 20px;
	width: 180px;
	height: 178px;
	text-indent: -9999px;
	overflow: hidden;
}

#logo:hover {
	background-position: 0 -178px;
}


/* Login */

#login {
	float: right;
	margin: 5px -10px 0 0;
	padding: 5px 10px 0;
	width: 220px;
	height: 50px;
	overflow: hidden;
    background: #818182;
}

#login p {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
}

#login .toolbar {
	padding: 0;
	background: none;
	border: 0;
}

#login .toolbar li {
	margin-right: 10px;
}

#login .more-icon {
	padding: 0 10px 0 0;
	background-position: 100% -478px;
	font-size: 10px;
	color: white;
}

#login .more-icon:hover {
	background-position: 100% 2px;
	color: #4B4B4D;
}


/* Navigation */

#site-nav {
	position: relative;
	float: left;
	width: 740px;
	height: 40px;
	z-index: 5;
	background: #818182 url(../img/nav-bg.gif) repeat-x top left;
}

#navigation {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height: 40px;
	list-style: none;
}

#navigation li {
	position: relative;
	display: inline;
	float: left;
	margin-right: 1px;
}

#navigation li:hover,
#navigation li.iehover,
#navigation li.selected {
	margin-top: -5px;
}

#navigation a {
	display: block;
	padding: 12px 10px 13px 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	color: #DBDBDB;
}

#navigation li:hover a,
#navigation li.iehover a,
#navigation li.selected a {
	background-color: white;
}


/* Second level navigation */

#navigation-wrap .subnav {
	position: absolute;
	display: none;
	margin: -5px 0 0;
	padding: 0 5px 5px;
	left: -5px;
	width: 230px;
	background: url(../img/navigation-bg.png) no-repeat 0 100%;
	list-style: none;
}

#navigation-wrap .nav-left .subnav {
	left: auto;
	right: -5px;
}

#navigation-wrap li:hover .subnav,
#navigation-wrap li.iehover .subnav {
	display: block;
}

#navigation-wrap .subnav li {
	position: relative;
	display: block;
	float: none;
	margin: 0;
	width: 230px;
	border-bottom: 1px solid #DBDBDB;
	vertical-align: middle;
}

#navigation-wrap .subnav li:hover,
#navigation-wrap .subnav li.iehover,
#navigation-wrap .subnav li.selected {
	margin: 0;
	border-top: 0;
}

#navigation-wrap .subnav a {
	padding: 8px 30px 8px 10px;
	width: 190px;
	background: url(../img/arrow-sprite.gif) no-repeat 210px -1810px;
	font-size: 11px;
	font-weight: normal;
	color: #818182;
}

#navigation-wrap li:hover .subnav a,
#navigation-wrap li.iehover .subnav a,
#navigation-wrap li:hover .subnav li:hover .subnav a,
#navigation-wrap li.iehover .subnav li.iehover .subnav a {
	padding: 8px 30px 8px 10px;
	width: 190px;
	background: url(../img/arrow-sprite.gif) no-repeat 210px -1810px;
	font-size: 11px;
	font-weight: normal;
	color: #818182;
}

#navigation-wrap .subnav li:hover a,
#navigation-wrap .subnav li.iehover a,
#navigation-wrap li:hover .subnav li:hover .subnav li:hover a,
#navigation-wrap li.iehover .subnav li.iehover .subnav li.iehover a {
	background-color: #EDEDED;
	background-position: 210px -1520px;
	color: #4B4B4D;
}


/* Deeper level navigation */

#navigation-wrap .subnav li .subnav {
	display: none !important;
	margin: 0;
	top: -1px;
	left: 225px;
}

#navigation-wrap .nav-left .subnav li .subnav {
	left: auto;
	right: 225px;
}

#navigation-wrap .subnav li:hover .subnav,
#navigation-wrap .subnav li.iehover .subnav {
	display: block !important;
}


/* Language */

#language {
	float: left;
	margin: 0; 
	padding: 0;
	height: 40px;
	list-style: none;
}

#language li {
	float: left;
	margin: 0 6px 0 0;
	padding: 10px 0 6px;
	height: 24px;
	width: 24px;
}

#language a {
	display: block;
	padding: 24px 0 0;
	height: 0px;
	width: 24px;
	overflow: hidden;
	background: url(../img/language-sprite.png) no-repeat 0 -30px;
}

#language .dutch a { background-position: 0 -30px; }
#language .dutch a:hover,
#language .dutch.selected a { background-position: 0 0; } 
#language .english a { background-position: -60px -30px; }
#language .english a:hover,
#language .english.selected a { background-position: -60px 0; } 
#language .german a { background-position: -30px -30px; }
#language .german a:hover,
#language .german.selected a { background-position: -30px 0; } 


/* Sitemap button */

#sitemap-button {
	display: inline;
	float: right;
	margin: 13px 10px 0 0;
	width: 19px;
	height: 15px;
	background: url(../img/icon-sprite.png) no-repeat 0 -550px;
	text-indent: -9999px;
	overflow: hidden;
}

#sitemap-button:hover {
	background-position: 0 -600px;
}


/* Activity navigation */

#activity-nav {
	float: left;
	margin: 0;
	padding: 10px 0 0;
	width: 500px;
	height: 60px;
	list-style: none;
	background-color: white;
}

#activity-nav li {
	position: relative;
	float: left;
	height: 50px;
	border-left: 1px solid #DBDBDB;
}

#activity-nav li.first {
	border-left:0;
}

#activity-nav li a {
	display: block;
	padding: 10px;
	width: 100px;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	color: #4B4B4D;
}


/* Activity menus */

#activity-nav .activity-menu {
	position: absolute;
	display: none;
	padding: 10px 15px 15px 5px;
	top: 50px;
	left: -5px;
	width: 470px;
	background: url(../img/navigation-bg.png) no-repeat -250px 100%;
}

#activity-nav li:hover .activity-menu,
#activity-nav li.iehover .activity-menu {
	display: block;
}

#activity-nav .activity-menu ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
	background-color: white;
	list-style: none;
}

#activity-nav .activity-menu li {
	float: none;
	height: auto;
	border: 0;
	border-bottom: 1px solid #DBDBDB;
}

#activity-nav .activity-menu a,
#activity-nav li:hover .activity-menu a,
#activity-nav li.iehover .activity-menu a {
	height: auto;
	width: 180px;
	padding: 8px 30px 8px 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 200px -1810px;
	font-size: 11px;
	font-weight: normal;
	color: #818182;
}

#activity-nav li:hover .activity-menu li:hover a,
#activity-nav li.iehover .activity-menu li.iehover a {
	background-color: #EDEDED;
	background-position: 200px -1520px;
	color: #4B4B4D;
}

.activity-quick {
	float: left;
	padding: 10px;
	width: 230px;
	height: 160px;
	background-color: #EDEDED;
}

.activity-quick p {
	font-size: 26px;
	line-height: normal;
	text-transform: lowercase;
	color: #4B4B4C;
}

.activity-quick p span {
	font-weight: bold;
}

.activity-quick label {
	display: block;
	margin: 0 0 5px;
	font-size: 10px;
	font-weight: bold;
	color: #818182;
}

.activity-quick select {
	width: 100%;
}

.exhibition-menu .activity-quick {
	float: none;
	margin: 10px 0 0;
	padding: 10px;
	width: 210px;
	height: auto;
	background-color: #EDEDED;
}


/* Activity nav sub level navigation */

#activity-nav .subnav {
	margin: 0;
	top: 50px;
}

#activity-nav .subnav li {
	height: auto;
	border-left: 0;
}

#activity-nav .subnav a {
	height: auto;
	line-height: normal;
}


/* Exhibition menus */

.exhibition-menu {
	position: absolute;
	display: none;
	padding: 15px;
	top: 50px;
	left: -5px;
	width: 500px;
	background: url(../img/navigation-bg.png) no-repeat -750px 100%;
}

li:hover .exhibition-menu,
li.iehover .exhibition-menu {
	display: block;
}

.exhibition-menu .column {
	margin: 0 40px 0 0;
	width: 230px;
}

.exhibition-menu .last {
	margin: 0;
}

.exhibition-menu h2 {
	font-size: 20px;
	text-transform: none;
	color: #B7B7B8;
}


/* Activity nav more items */

#activity-nav .more-items {
	background: transparent;
}

#activity-nav .more-items li {
	float: none;
	padding: 10px 0;
	width: auto;
	height: auto;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #DADADA;
}

#activity-nav .more-items a {
	padding: 0;
	width: 100%;
	height: auto;
	font-weight: normal;
}

#activity-nav .more-items a:hover {
	color: #000;
}


/* Activity nav toolbars */

#activity-nav .toolbar {
	padding: 0;
	background: transparent;
	border: 0;
}

#activity-nav .toolbar li {
	float: none;
	margin: 0;
	height: auto;
	border: 0;
	border-bottom: 1px solid #DADADA;
}

#activity-nav .toolbar a {
	padding: 8px 15px 8px 0;
	width: auto;
	height: auto;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -1808px;
	font-size: 11px;
	font-weight: normal;
}

#activity-nav .toolbar a:hover {
	background-position: 100% -1518px;
}


/* Organizer */

.organizer {
	padding-top: 10px;
	width: 240px;
	height: 60px;
	overflow: hidden;
}

#navigation-wrap .organizer {
	float: left;
}

#sidebar .organizer {
	margin: 0 0 10px;
	background: url(../img/gradient-bg.gif) repeat-x;
	border-top: 1px solid #DBDBDB;
}

.organizer-thumb {
	display: block;
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	background-color: #E6E9EF;
}

.organizer-thumb img {
	display: block;
}

.organizer-body {
	float: left;
	width: 180px;
	height: 60px;
}

.organizer p {
	margin: 0;
	font-weight: bold;
	line-height: normal;
}

.organizer .fn {
	font-size: 14px;
	color: #E3001B;
}

.organizer .n {
	display: none;
}

.organizer .toolbar {
	padding: 0;
	width: 100%;
	margin-top: 8px;
	background: none;
	border: 0;
}

.organizer .toolbar li {
	margin-right: 5px;
}

.organizer .icon {
	font-size:10px;
	color: #818182;
}

.organizer .icon:hover {
	color: #4B4B4D;
}


/* Organizer scroller */

#organizers {
	margin: 0 0 10px;
	width: 240px;
}

#organizer-scroller {
	margin: 0;
	padding: 0;
	width: 240px;
	list-style: none;
}

#organizers .organizer,
#organizers .organizer-body {
	margin: 0;
	height: 70px;
}

.jcarousel-container #organizer-scroller,
#organizers .jcarousel-container,
#organizers .jcarousel-clip,
#organizers .jcarousel-item {
	display: block;
	margin: 0;
	width: 240px;
	height: 90px;
	overflow: hidden;
}


/* More links */

.more {
	padding: 0 10px 0 0;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -117px;
	font-weight: bold;
	text-decoration: none;
	color: #818182;
}

.more:hover {
	background-position: 100% 3px;
}


/* Profile summary */

#profile-summary {
	width: 240px;
	height: 50px;
	overflow: hidden;
}

#navigation-wrap #profile-summary {
	float: left;
	padding: 10px 0;
}

#profile-summary .thumb {
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	height: 50px;
}

#profile-summary .body {
	margin: 0 0 0 60px;
	padding: 8px 0 7px 0;
	height: 35px;
}

#profile-summary .profile-user {
	margin: 0 0 2px;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #E3001B;
}

#profile-summary .toolbar {
	padding: 0;
	background: transparent;
	border: 0;
	clear: none;
}


/* Breadcrumbs */

#breadcrumbs {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 40px;
	list-style: none;
	color: #818182;
}

#breadcrumbs li {
	display: inline;
}

#breadcrumbs a {
	text-decoration: none;
	color: #818182;
}

#breadcrumbs a:hover {
	color: #4B4B4D;
}

#breadcrumbs li:first-child,
#breadcrumbs li.first {
	display: none;
}

/* Search form */

#search-form {
	margin: 0;
	padding: 8px 0;
	float: right;
	width: 230px;
	height: 40px;
	overflow: hidden;
}

#search-form li {
	margin: 0;
}

#search {
	margin-right: -4px;
	width: 170px;
	height: 30px;
	padding: 4px 4px 4px 10px;
	box-shadow: inset 1px 1px 1px #EFEFEF;
}

#search-form button {
	width: 40px;
	height: 40px;
	border: 0;
	background: #818182 url(../img/icon-sprite.png) no-repeat 10px -1543px;
	text-indent: -9999px;
	cursor: pointer;
}

#search-form button:hover {
	background-position: 10px -1599px;
}

/* Extended search form */

#extended-search-form {
	margin: 0;
	overflow: hidden;
}

.section-home #extended-search-form {
	margin-bottom: 20px;
}

#extended-search-form li {
	margin: 0;
	float: left;
	line-height: 40px;
	font-weight: bold;
	color: #4B4B4D;
	font-size: 14px;
}

#extended-search-form li:first-child {
	width: 250px;
}

#extended-search {
	margin-right: 10px;
	width: 544px;
	height: 30px;
	padding: 4px 4px 4px 10px;
	box-shadow: inset 1px 1px 1px #EFEFEF;
}

#extended-search-form button {
	height: 40px;
	width: 170px;
	border: 0;
	font-weight: bold;
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
}

#extended-search-form .search-icon { 
	background-position: 0 -1553px;
	margin-left: 10px;
}

#extended-search-form button:hover .search-icon { 
	background-position: 0 -1609px;
}

/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

#content h2 {
	text-transform: none;
}

#visual {
	margin: 0 0 10px;
	padding: 10px;
	width: 720px;
	height: 280px;
	overflow: hidden;
}


/* Visual intro */

#visual-intro {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	width: 220px;
	height: 270px;
	overflow: hidden;
}

#visual-intro h1,
#visual-intro h2 {
	text-transform:none;
	font-size: 26px;
}

#visual-intro h1,
#visual-intro h2 {
	font-weight: bold;
}

#visual-intro h1 span,
#visual-intro h2 span {
	font-weight: bold;
}

#visual-intro .date {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
}

#visual-intro p {
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 180%;
}


/* Visual scroller */

#visual-scroller {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
	height: 280px;
	list-style: none;
	overflow: hidden;
}

.section-expo-detail .visual-span #visual-scroller,
.section-concert-detail .visual-span #visual-scroller,
.section-meeting-detail .visual-span #visual-scroller {
    width: 720px;
}

.section-expo-detail .visual-span #visual-scroller img,
.section-concert-detail .visual-span #visual-scroller img,
.section-meeting-detail .visual-span #visual-scroller img {
    margin: 0;
}

#visual-scroller li,
#visual .jcarousel-container,
#visual .jcarousel-clip,
#visual .jcarousel-item,
#visual .scroller-item {
	display: block;
	width: 500px;
	height: 280px;
}

#visual .jcarousel-container {
	float: left;
}

#visual .jcarousel-item {
	overflow: hidden;
}

#visual-scroller a,
#visual-scroller img,
#visual-scroller object,
#visual-scroller embed {
	display: block;
}


/* Scroller YouTube players */

#visual-scroller .player-wrapper {
	position: relative;
	width: 500px;
	height: 280px;
}

#visual-scroller .player-canvas {
	width: 100%;
	height: 100%;
	background-color: black;
}

#visual-scroller .player-controls {
	position: absolute;
	padding: 0;
	bottom: 10px;
	left: 10px;
	width: auto;
	height: 30px;
	background: none;
}

#visual-scroller .player-controls a {
	margin-right: 10px;
	background: url(../img/visual-player-sprite.png) no-repeat;
}

#visual-scroller a.player-play {
	width: 30px;
	height: 30px;
	background-position: -30px 0;
}

#visual-scroller .player-play:hover { background-position: -30px -30px; }
#visual-scroller.paused .player-play { background-position: 0 0; }
#visual-scroller.paused .player-play:hover { background-position: 0 -30px; }

#visual-scroller a.player-mute {
	width: 30px;
	height: 30px;
	background-position: -60px 0;
}

#visual-scroller .player-mute:hover { background-position: -60px -30px; }
#visual-scroller.muted .player-mute { background-position: -90px 0; }
#visual-scroller.muted .player-mute:hover { background-position: -90px -30px; }


/* Visual playlist */

#visual-playlist {
	position: relative;
	float: left;
	padding: 15px 5px 5px 15px;
	width: 200px;
	height: 260px;
	z-index: 4;
}

#visual-playlist h2 {
	font-size: 26px;
}

#visual-playlist ul {
	position: relative;
	margin: 0 -10px 0 -40px;
	padding: 0;
	width: 260px;
	list-style: none;
}

#visual-playlist li {
	width: 260px;
}

#visual-playlist a {
	display: block;
	padding: 12px 10px 11px 40px;
	width: 210px;
	height: 27px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	outline: none;
}

/*#visual-playlist a:hover,
#visual-playlist .selected a {
	background-position: 0 -50px;
}*/

#visual-playlist a:hover {
	color: #FFF;
}

#visual-playlist small {
	display: block;
}

#visual-playlist span {
	display: block;
	width: 210px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/* Visual thumbs */

#visual-thumbs {
	position: relative;
	margin: -10px -10px 10px;
	padding: 10px;
	width: 470px;
	height: 50px;
}

#visual-thumbs-prev { background-position: 10px -1430px; }
#visual-thumbs-next { background-position: 20px -1350px; }
#visual-thumbs-prev:hover { background-position: 10px -790px; }
#visual-thumbs-next:hover { background-position: 20px -710px; }

.visual-thumbs-control {
	display: block;
	float: left;
	width: 40px;
	height: 50px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#visual-thumbs-vp {
	float: left;
	margin: 0;
	padding: 0;
	width: 390px;
	height: 50px;
	list-style: none;
	overflow: hidden;
}

#visual-thumbs-vp li {
	float: left;
	margin-right: 10px;
}

#visual-thumbs-vp li a {
	display: block;
	width: 70px;
	height: 50px;
}

#visual-thumbs .jcarousel-container,
#visual-thumbs .jcarousel-clip {
	display: block;
	width: 390px;
	height: 50px;
}

#visual-thumbs .jcarousel-container {
	float: left;
}

#visual-thumbs .jcarousel-item {
	width: 70px;
	height: 50px;
}

#visual-thumbs .selected {
	width: 64px;
	height: 44px;
	border: 3px solid white;
	overflow: hidden;
}

#visual-thumbs .selected a {
	margin: -3px;
}


/* Items */

.item {
	display: block;
	padding-bottom: 10px;
	width: 240px;
	background: url(../img/item-bg.gif) no-repeat -50px 100%;
	border-bottom: 1px solid #CED4E0;
	overflow: hidden;
}

.item-thumb {
	display: block;
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
}

.item-thumb img {
	display: block;
}

.item-body {
	float: left;
	width: 180px;
}

.item-body .date {
	margin: 0;
	font-size: 10px;
	color:#818182;
}

.item-body a:hover .date {
	color: #818182;
}

.item-body h3 {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: normal;
}

.item-body h3 a {
	text-decoration: none;
	color: #4B4B4D;
}

.item-body h3 a:hover {
	color: #818182;
}

.item .toolbar {
	padding: 0;
	background: none;
	border: 0;
}

.item .toolbar li {
	margin-right: 5px;
}

.item li.tickets {
	float: right;
	margin: 0;
}


/* More items lists */

.more-items {
	margin: 0;
	padding: 0;
	background-color: #EDEDED;
	list-style: none;
}

.more-items li {
	display: block;
	padding: 8px 10px 13px 10px;
	width: 220px;
	background: url(../img/item-bg.gif) no-repeat -50px 100%;
	border-bottom: 1px solid #DBDBDB;
	vertical-align: middle;
	overflow: hidden;
}

.more-items .item-body {
	float: left;
	margin-right: 5px;
	width: 135px;
}

.more-items .item-actions {
	float: left;
	padding-top: 12px;
	width: 80px;
}

.more-items .item-actions .button {
	float: right;
}

.more-items h4,
.more-items p {
	margin: 0;
}

.more-items .date {
	font-size: 10px;
	color:#6F6F71;
}

.more-items h4 {
	font-size: 11px;
	font-weight: normal;
}

.more-items h4 a {
	display: block;
	padding-right: 10px;
	width: 210px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -1816px;
	text-decoration: none;
	color: #4B4B4D;
}

.more-items .item-body h4 a {
	padding: 0;
	width: 135px;
	background: none;
}

.more-items h4 a:hover {
	background-position: 100% -887px;
}


/* Home news */

#home-news .section-header {
	width: 220px;
}

#home-news .plain-icon {
	float: right;
	margin: 2px 0 0 5px;
}


/* Home agenda */

#home-agenda {
	position: relative;
	margin: -35px 0 0 -10px;
	padding: 0 10px;
	width: 240px;
	background: url(../img/home-agenda-bg.gif) no-repeat;
}

#home-agenda h2 {
	position: relative;
	margin: 0;
	border-bottom: 0;
}

#home-agenda .calendar {
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 15px 3px 3px;
	width: 29px;
	height: 17px;
	background: none;
}

#home-agenda .calendar-day {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: #DBDBDB;
}

#home-agenda .calendar-month,
#home-agenda .calendar-year {
	display: none;
}

#home-agenda .item {
	padding: 0 10px 10px;
	width: 220px;
}

#home-agenda .item-body {
	width: 160px;
}

#home-agenda .more-items .item-body {
	width: 135px;
}


/* Subscribe form */

#subscribe {
	margin: 0;
}

#subscribe h2 {
	margin: 0;
	border-bottom: 0;
}

#subscribe-form {
	margin: 0 0 10px;
	padding: 10px;
	width: 220px;
	background: #EDEDED url(../img/envelope.gif) no-repeat 180px 10px;
}

#subscribe-form label {
	display: block;
	margin-bottom: 8px;
	padding-right: 60px;
	width: 160px;
	line-height: 160%;
	color: #333333;
}

#subscribe-form input {
	width: 210px;
}


/* Testimonial */

#testimonial {
	position: relative;
	margin: 0 0 10px;
	width: 240px;
	overflow: hidden;
}

#testimonial blockquote {
	position: relative;
	margin: 0;
	padding: 10px 30px 5px 10px;
	width: 160px;
	background: url(../img/testimonial-bg.gif) no-repeat 0 100%;
}

#testimonial p {
	margin: 0 0 5px;
	font-size: 12px;
	color: white;
}

#testimonial #quotee {
	font-size: 10px;
	font-weight: bold;
	color: #DBDBDB;
}

#testimonial img {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
}


/* Content header wrapper */

#content-header {
	position: relative;
	width: 100%;
/*	border-top: 5px solid #CED4E0;*/
	overflow: hidden;
}

#content-header h1 {
	float: left;
	margin: 0;
	padding: 23px 10px 12px;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	width: 470px;
	border: 0;
}

#content-header .date {
	position: absolute;
	margin: 0;
	top: 10px;
	left: 10px;
}

#content-header .toolbar {
	float: right;
	margin: 20px 0 0 0;
	width: auto;
	background: none;
	border: 0;
	clear: none;
}


/* Related list */

.related {
	margin: 0 -10px 20px;
	width: 490px;
}

.related h2 {
	margin: 0 !important;
}

.related ul {
	margin: 0;
	padding: 0;
	background: url(../img/gradient-bg.gif) repeat-x;
	list-style: none;
}

.related li {
	border-bottom: 1px solid #E6E9EF;
}

.related a {
	display: block;
	padding: 7px 30px 7px 10px;
	width: 450px;
	background: url(../img/arrow-sprite.gif) no-repeat 470px -880px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #6F6F71;
}

.related a:hover {
	background-position: 470px -720px;
	color: #4B4B4D;
}


/* Downloads */

.downloads {
	margin: 0 -10px 20px;
	width: 490px;
}

.downloads h2 {
	margin: 0 !important;
}

.downloads table {
	margin: 0;
	background: url(../img/gradient-bg.gif) repeat-x;
}

.downloads td {
	padding: 8px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #6F6F71;
}

.downloads .file-size,
.downloads .file-type {
	font-size: 11px;
	color: #B7B7B8;
}

.downloads .hover .file-size,
.downloads .hover .file-type {
	color: #6F6F71;
}

.downloads .more {
	width: 90px;
}

.downloads .button-inner {
	width: 66px !important;
}


/* Articles */

.article {
	margin: 0 0 30px;
	width: 100%;
	overflow: hidden;
}

.article-thumb {
	display: block;
	float: left;
	margin: 25px 15px 0 0;
	width: 115px;
	height: 90px;
}

.article-thumb img {
	display: block;
}

.article-body {
	float: left;
	width: 610px;
}

.article-body .date {
	margin: 0 0 5px;
	font-weight: bold;
	color:#818182;
}

.article-body h2 {
	margin: 0 0 5px;
	text-transform:none;
	font-size: 18px;
	font-weight: normal;
}

.article-body h2 a {
	text-decoration: none;
	color:#4B4B4D;
}

.article-body h2 a:hover {
	text-decoration: none;
	color:#818182;
}

.article-body p {
	margin: 0 0 10px;
}


/* Archive list */

.archive {
	margin: 0 0 10px;
}

.archive h2 {
	margin: 0;
}

.archive table {
	margin: 0 -10px;
	width: 490px;
	border-collapse:collapse;
	background-color: #EDEDED;
}

.archive tr {
	cursor: pointer;
}

.archive td {
	padding: 13px 10px;
	border-bottom-color: #DBDBDB;
	font-size: 11px;
}

.archive .date {
	width: 55px;
	background: url(../img/item-bg.gif) no-repeat 0 100%;
	color:#818182;
}

.archive tr:hover .date,
.archive tr.hover .date {
	color: #818182;
}

.archive .arrow {
	padding: 12px 30px 12px 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 395px -1805px;
}

.archive tr:hover .arrow,
.archive tr.hover .arrow {
	background-position: 395px -715px;
}

.archive a {
	display: block;
	text-decoration: none;
	color: #4B4B4D;
}

.archive a:hover,
.archive tr.hover a {
	background-position: 470px -1679px;
	color: #818182;
}


/* Content accordions */

#content .accordion {
	margin: 0 -10px 20px;
	width: 490px;
}

#content .accordion .ui-state-active,
#content .accordion .ui-state-active:hover {
	padding: 5px 30px 5px 10px;
	font-size: 16px;
	font-weight: bold;
}

#content .accordion-content {
	margin: 0;
	width: 490px;
	background: none;
	overflow: hidden;
}

#content .inner-accordion {
	padding: 0 10px 10px;
	width: 470px;
	background: url(../img/shadow-bottom.gif) repeat-x 0 100%;
}


/* Vacation accordion */

#vacation-accordion .accordion-content {
	position: relative;
}

#vacation-accordion table {
	margin: 0;
	line-height: 160%;
}

#vacation-accordion th,
#vacation-accordion td {
	background: none;
	border: 0;
	vertical-align: top;
}

#vacation-accordion th {
	padding: 0;
}

#vacation-accordion td {
	padding: 0 0 20px;
}

#vacation-accordion ul {
	margin: 0;
	padding: 0 0 0 15px;
}

#vacation-accordion .button {
	float: right;
	margin: 0;
	width: auto;
}


/* Employees */

.employee {
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 343px;
	height: 118px;
	border: 1px solid #CED4E0;
}

.employee.last {
	margin: 0 0 10px 0;
}

.employee-thumb {
	float: left;
	margin-right: 10px;
	width: 90px;
	height: 90px;
}

.employee-body {
	float: left;
	width: 243px;
}

.employee-body h2 {
	margin: 0;
	text-transform:none;
	color: #4B4B4D;
}

.employee-body p {
	margin: 0;
	line-height: normal;
	color:#4B4B4D;
}

.employee-body .n {
	display: none;
}

.employee-body .role {
	margin: 0 0 10px;
	color:#818182;
}

.employee-body .icon {
	line-height: 160%;
}

.employee-body .tel-group {
	width: 100%;
	overflow: hidden;
}

.employee-body .tel-group .tel {
	float: left;
	margin-right: 10px;
}

/* Employees alternative */

.employee-overview .employee {
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 720px;
	height: auto;
	border: none;
	border-bottom: 1px solid #CED4E0;
}

.employee-overview .employee-thumb {
	float: left;
	margin-right: 10px;
	width: 185px;
}

.employee-overview .employee-body {
	float: left;
	width: 525px;
	min-height: 195px;
}

.employee-overview .employee-body h2 {
	margin: 0;
	text-transform:none;
	color: #4B4B4D;
	display: inline;
}

.employee-overview .employee-body .role {
	margin: 0 0 0 10px;
	text-transform:none;
	color: #808080;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

.employee-overview .employee-body p {
	margin: 0 0 10px;
	line-height: normal;
	color:#4C4C4C;
	font-size: 14px;
	line-height: 1.6;
}

.employee-overview .employee-body .n {
	display: none;
}

.employee-overview .employee-body .icon {
	line-height: 160%;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	color: #808080;
	padding-left: 30px;
}

.employee-overview .employee-body .tel-group {
	width: 100%;
	overflow: hidden;
}

.employee-overview .employee-body .tel-group .tel {
	float: left;
	margin-right: 10px;
}

/* Management employees */

.employees-management .employee {
    min-height: 118px;
    height: auto;
}

.employees-management .caption {
    position: relative;
    background: none;
    color: #333;
    font-size: 14px;
    height: auto;
    padding: 0;
    margin: 10px 0 20px;
    width: 740px;
}

/* Newsletter opt-in */

#newsletter {
	background: #EDEDED url(../img/newsletter-decoration.png) 0 100% no-repeat;
	padding: 10px 13px 10px 10px;
	margin-bottom: 10px;
	color: #4C4C4C;
	font-size: 13px;
}

#newsletter:after {
    content: "";
    display: table;
    clear: both;
}

#newsletter strong {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: block;
}

.newsletter-icon {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 10px 0;
	background: url(../img/newsletter-sprite.png) 0 0 no-repeat;
}

#newsletter p {
	float: right;
	width: 155px;
	line-height: 1.2;
	margin: 0;
}

#newsletter .button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: url(../img/white-15.png) 0 0 repeat-x;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.10);
	border: 1px solid;
	margin: 10px 0 0;
}

#newsletter .button .more {
	color: #FFF;
	background-position: 100% -1368px;
	padding-right: 20px;
}


.section-home #newsletter .button {
	margin: 0;
	background-color: #F6F6F6;
	border-color: #C9C9C9;
}

.section-home #newsletter .button .more {
	color: #6C6C71;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.10);
	background-position: 100% -888px;
}

/* Weblog posts */

.post {
	margin: 0 0 10px;
	width: 740px;
	border-top: 5px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	overflow: hidden;
}

.post-meta {
	margin: 0 0 5px;
	padding: 10px 10px 0;
	font-weight: bold;
	color: #6F6F71;
}

.post-body {
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	width: 470px;
}

.post-thumb {
	display: block;
	float: left;
	width: 240px;
	height: 170px;
}

.post h2 {
	text-transform:none;
	font-size: 20px;
}

.post h2 a {
	text-decoration: none;
}

.post .toolbar {
	margin: 0 -10px;
	padding: 0 10px 10px;
	width: 470px !important;
	background: none;
	border: 0;
}

.post-comments {
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #818182;
}

.post-comments:hover {
	color: #4B4B4D;
}


/* Exhibitions and Congresses */

#trade-fairs,
#concerts {
	width: 365px;
}

#exhibitions {
	margin: 0;
	width: 365px;
}

#trade-fairs .section-header,
#exhibitions .section-header,
#concerts .section-header {
	width: 345px;
}

#trade-fairs .more-items li,
#exhibitions .more-items li,
#concerts .more-items li {
	width: 345px;
}

#trade-fairs .more-items h4 a,
#exhibitions .more-items h4 a,
#concerts .more-items h4 a {
	width: 335px;
}


/* Spanning Exhibitions and Congresses */

#trade-fairs-span,
#exhibitions-span {
	margin: 0;
	width: 740px;
}

#trade-fairs-span .section-header,
#exhibitions-span .section-header {
	width: 720px;
}

#trade-fairs-span .activity,
#exhibitions-span .activity {
	width: 718px;
	height: 98px;
}

#trade-fairs-span .activity-body,
#exhibitions-span .activity-body {
	width: 592px;
	height: 98px;
}

#trade-fairs-span .more-items li,
#exhibitions-span .more-items li {
	width: 720px;
}

#trade-fairs-span .more-items h4 a,
#exhibitions-span .more-items h4 a {
	width: 710px;
}


/* Activity/album blocks */

.activity,
.album {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	width: 343px;
	height: 98px;
	border: 1px solid #DBDBDB;
}

.activity .thumb,
.album .thumb {
	float: left;
	margin: 0 10px 0 0;
	width: 115px;
	height: 85px;
}

.activity .calendar {
	float: left;
	margin-right: 10px;
}

.activity .calendar-day {
	line-height: 49px;
}

.activity .calendar-month {
	line-height: 30px;
}

.activity .calendar-year {
	display: none;
}

.activity-body,
.album-body {
	float: left;
	width: 218px;
}

.activity .date,
.album .date {
	margin: 0;
	font-size: 10px;
	color:#818182;
}

.activity h3,
.album h3 {
	margin: 0;
	font-size: 14px;
}

.activity h3 a,
.album h3 a {
	text-decoration: none;
	color: #4B4B4D;
}

.activity h3 a:hover,
.album h3 a:hover {
	color: #818182;
}

.activity p,
.album p {
	margin: 0 0 10px;
}

.activity .toolbar,
.album .toolbar {
	padding: 0;
	width: 218px !important;
	background: none;
	border: 0;
}

#content-wrap .activity .toolbar li,
#content-wrap .album .toolbar li {
	float: left;
	margin: 0 5px 0 0;
}

.activity-details {
	float: right;
	width: 130px;
}

.activity-details h4 {
	margin: 0 0 5px;
	padding: 0 6px;
	background: url(../img/themes/hardenberg/activity-details-sprite.png) no-repeat;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: white;
}

.activity-details .toolbar {
	width: auto !important;
}

.activity-details .toolbar li,
.activity-details .button {
	float: none !important;
}

.activity-details .toolbar li {
	margin: 0 0 5px !important;
}

.activity-details .button {
	display: block;
	padding: 0 20px 0 0;
	background: #FFF url(../img/themes/hardenberg/activity-details-sprite.png) no-repeat 100% -30px;
	color: #333;
}

.activity-details .button-inner {
	padding: 0 0 0 6px !important;
	height: 20px;
	background: url(../img/themes/hardenberg/activity-details-sprite.png) no-repeat 0 -30px;
}

.activity-details .button:hover {
	background-position: 100% -50px !important;
	color: #333;
}

.activity-details .button:hover .button-inner {
	background-position: 0 -50px !important;
}

.activity-details .button .mark {
	displaY: inline-block;
	width: 26px;
	color: #FFF;
}

.gorinchem .activity-details .button { background-image: url(../img/themes/gorinchem/activity-details-sprite.png); }
.gorinchem .activity-details .button-inner { background-image: url(../img/themes/gorinchem/activity-details-sprite.png); }

.venray .activity-details .button { background-image: url(../img/themes/venray/activity-details-sprite.png); }
.venray .activity-details .button-inner { background-image: url(../img/themes/venray/activity-details-sprite.png); }


/* Comments */

.comment {
	position: relative;
	margin: 0 -10px 10px;
	width: 490px;
	overflow: hidden;
}

.comment img {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
}

.comment-body {
	position: relative;
	margin: 0;
	padding: 10px 40px 5px 10px;
	width: 400px;
	background: url(../img/comment-body-bg.gif) no-repeat 100% 100%;
}

.comment .comment-meta {
	margin: 0 0 5px;
	font-size: 10px;
	font-weight: bold;
	color: #B7B7B8;
}

.comment p {
	margin: 0 0 5px;
	color: #333;
}


/* Comment form */

#comment-form {
	margin: 0 -10px 10px;
	padding: 10px;
	width: 400px;
	background-color: #EDEDED;
}

#comment-form label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #4B4B4D;
}

#comment-form .text,
#comment-form textarea {
	width: 390px;
}

#comment-form .last button {
	float: right;
}


/* Concerts span */

#concerts-span {
	margin: 0;
	width: 740px;
}

#concerts-span .section-header {
	width: 720px;
}

#concerts-span .activity {
	width: 718px;
	height: 85px;
}

#concerts-span .activity-body {
	width: 518px;
}


/* Search results */

.result {
	margin: 0 -10px 15px;
	padding: 0 10px 15px;
	width: 470px;
	border-bottom: 1px solid #CED4E0;
}

.result h2 {
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: normal;
}

.result h2 a {
	text-decoration: none;
	color: #4B4B4D;
}

.result h2 a:hover {
	color: #818182;
}

.result p {
	margin: 0 0 10px;
}


/* Pagination */

.pagination {
	padding: 10px;
	width: 720px;
	background: url(../img/gradient-bg.gif) repeat-x;
	border-top: 1px solid #DBDBDB;
	font-size: 12px;
	overflow: hidden;
}

#content .pagination {
	margin: 0 -10px;
	width: 470px;
}

.pagination ol {
	float: left;
	margin: 0;
	padding: 0;
	width: 684px;
	text-align: center;
	list-style: none;
}

#content .pagination ol {
	width: 434px;
}

.pagination li {
	display: inline;
}

.pagination li a {
	padding: 2px 6px;
	background-color: #EFEFEF;
	text-decoration: none;
	color: #818182;
}

.pagination a:hover {
	color: #4B4B4D;
}

.pagination .selected a {
	font-weight: bold;
	background-color: #4B4B4D;
	color: white;
}

.pagination-control {
	display: block;
	float: left;
	width: 18px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	line-height: 150%;
	text-indent: -9999px;
	overflow: hidden;
}

#pagination-prev { background-position: 0 -1605px; }
#pagination-prev:hover { background-position: 0 -805px; }

#pagination-next { background-position: 100% -1525px; }
#pagination-next:hover { background-position: 100% -725px; }


/* Sitemap */

#sitemap {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 200%;
	list-style: none;
}

#sitemap li {
	font-weight: bold;
}

#sitemap ul {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #CED4E0;
	line-height: 200%;
	list-style: none;
}

#sitemap ul li {
	font-weight: normal;
}

#sitemap a {
	text-decoration: none;
	color: #4B4B4D;
}

#sitemap a:hover {
	color: #E3001B;
}


/* Windows */

.window {
	width: 490px;
	background-color: #EDEDED;
}

.window .section-header {
	margin: 0 !important;
	background-color: white;
}

.window .section-body {
	margin: 10px;
	background-color: white;
}

.window .intro {
	margin: 0 0 10px !important;
	padding: 0;
	background: none;
	border: 0;
}

.window label {
	font-weight: bold;
	color: #4B4B4D;
}


/* Call me now window */

#callmenow-form {
	margin: 0;
	padding: 10px;
	width: 470px;
}

#callmenow-form fieldset {
	margin: 0;
	padding: 10px 10px 50px;
	background: url(../img/callmenow-bg.gif) no-repeat 0 100%;
}

#callmenow-form label {
	display: block;
	margin-bottom: 5px;
}

#callmenow-form .text {
	margin-right: 10px;
	width: 200px;
	height: 20px;
	font-size: 16px;
}

#callmenow-employee {
	margin-top: -40px;
	padding: 0 10px 10px;
	width: 470px;
	height: 50px;
}

#callmenow-employee img {
	display: block;
	float: right;
}

#callmenow-employee p {
	margin: 0;
}

#callmenow-employee .fn {
	font-size: 14px;
	font-weight: bold;
	color: #6F6F71;
}

#callmenow-employee-details {
	float: right;
	margin-right: 25px;
	padding-top: 20px;
	height: 30px;
}

#callmenow-employee-details p {
	text-align: right;
	line-height: normal;
}


/* Tell a friend window */

#taf-form {
	margin: 0;
	padding: 10px;
	width: 470px;
}

#taf-form li.last {
	margin: 0 -10px -10px;
	padding: 10px;
	background-color: #DBDBDB;
}

#taf-form li.indent {
	padding-left: 130px;
}

#taf-form label.indent {
	width: 120px;
}

#taf-form .text {
	width: 300px;
}

/* Voorregistratie */

#advance-booking-window {
	width: 740px;
	height: 380px;
	overflow: hidden;
}

#advance-booking-window .body {
	float: left;
	padding: 10px;
	width: 220px;
	height: 360px;
	background-color: #E3001B;
}

#advance-booking-window h2 {
	margin: 0 0 16px;
	text-transform: lowercase;
	font-size: 30px;
	font-weight: bold;
	color: white;
}

#advance-booking-window p {
	font-size: 11px;
	color: white;
}

#advance-booking-window .button { background-position: 0 -270px; color: #E3001B; }
#advance-booking-window .button .button-inner { background-position: 100% -270px; }
#advance-booking-window .button:hover { background-position: 0 -300px; color: #B60016; }
#advance-booking-window .button:hover .button-inner { background-position: 100% -300px; }

#advance-booking-window .banner {
	display: block;
	text-decoration: none;
	float: left;
}

#advance-booking-window img {
	display: block;
}

/* Relatiekaarten window */

#window-relatiekaarten {
	width: 500px;
	background-color: #FBBA00;
}

#window-relatiekaarten .header {
	margin: 0 0 10px;
	padding: 10px 10px 0;
	width: 480px;
	background-color: #FBBA00;
}

#window-relatiekaarten h2 {
	margin: -10px 0 0px;
	padding-top: 10px;
	text-transform:lowercase;
	font-size: 26px;
	font-weight: normal;
	line-height: 23px;
	background:url("../img/themes/gorinchem/page-actions-ticket.gif") no-repeat scroll 100% 0 transparent;
	color: white;
}

#window-relatiekaarten h2 span {
	font-weight: bold;
}

#window-relatiekaarten .body {
	padding: 10px;
	width: 480px;
	overflow: hidden;
	background-color: #D7AA00;
}

#window-relatiekaarten .thumb {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 240px;
	height: 120px;
	border: 2px solid white;
}

#window-relatiekaarten .body-inner {
	float: left;
	width: 220px;
	overflow: hidden;
}

#window-relatiekaarten .body-inner p {
	font-size: 14px;
	color: white;
}

#window-relatiekaarten .footer {
	padding: 5px;
	text-align: right;
}

#window-relatiekaarten  .button { background-position: 0 -330px; color: #FBBA00; margin: 5px 0; }
#window-relatiekaarten  .button .button-inner { background-position: 100% -330px; }
#window-relatiekaarten  .button:hover { background-position: 0 -360px; color: #FBBA00; }
#window-relatiekaarten  .button:hover .button-inner { background-position: 100% -360px; }


/* Relatiekaarten window Venray */

#window-relatiekaarten-venray {
	width: 500px;
	background-color: #97C00E;
}

#window-relatiekaarten-venray .header {
	margin: 0 0 10px;
	padding: 10px 10px 0;
	width: 480px;
	background-color: #97C00E;
}

#window-relatiekaarten-venray h2 {
	margin: -10px 0 0px;
	padding-top: 10px;
	text-transform:none;
	font-size: 26px;
	font-weight: normal;
	line-height: 23px;
	background:url("../img/themes/venray/page-actions-ticket.gif") no-repeat scroll 100% 0 transparent;
	color: white;
}

#window-relatiekaarten-venray h2 span {
	font-weight: bold;
}

#window-relatiekaarten-venray .body {
	padding: 10px;
	width: 480px;
	overflow: hidden;
	background-color: #799A0B;
}

#window-relatiekaarten-venray .thumb {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 240px;
	height: 120px;
	border: 2px solid white;
}

#window-relatiekaarten-venray .body-inner {
	float: left;
	width: 220px;
	overflow: hidden;
}

#window-relatiekaarten-venray .body-inner p {
	font-size: 14px;
	color: white;
}

#window-relatiekaarten-venray .footer {
	padding: 5px;
	text-align: right;
}

#window-relatiekaarten-venray  .button { background-position: 0 -690px; color: #97C00E; margin: 5px 0; }
#window-relatiekaarten-venray  .button .button-inner { background-position: 100% -690px; }
#window-relatiekaarten-venray  .button:hover { background-position: 0 -720px; color: #799A0B; }
#window-relatiekaarten-venray  .button:hover .button-inner { background-position: 100% -720px; }


/* Relatiekaarten window Hardenberg */

#window-relatiekaarten-hardenberg {
	width: 500px;
	background-color: #E3001B;
}

#window-relatiekaarten-hardenberg .header {
	margin: 0 0 10px;
	padding: 10px 10px 0;
	width: 480px;
	background-color: #E3001B;
}

#window-relatiekaarten-hardenberg h2 {
	margin: -10px 0 0px;
	padding-top: 10px;
	text-transform:none;
	font-size: 26px;
	font-weight: normal;
	line-height: 23px;
	background:url("../img/themes/hardenberg/page-actions-ticket.gif") no-repeat scroll 100% 0 transparent;
	color: white;
}

#window-relatiekaarten-hardenberg h2 span {
	font-weight: bold;
}

#window-relatiekaarten-hardenberg .body {
	padding: 10px;
	width: 480px;
	overflow: hidden;
	background-color: #CC0018;
}

#window-relatiekaarten-hardenberg .thumb {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 240px;
	height: 120px;
	border: 2px solid white;
}

#window-relatiekaarten-hardenberg .body-inner {
	float: left;
	width: 220px;
	overflow: hidden;
}

#window-relatiekaarten-hardenberg .body-inner p {
	font-size: 14px;
	color: white;
}

#window-relatiekaarten-hardenberg .footer {
	padding: 5px;
	text-align: right;
}

#window-relatiekaarten-hardenberg  .button { background-position: 0 -270px; color: #E3001B; margin: 5px 0; }
#window-relatiekaarten-hardenberg  .button .button-inner { background-position: 100% -270px; }
#window-relatiekaarten-hardenberg  .button:hover { background-position: 0 -300px; color: #CC0018; }
#window-relatiekaarten-hardenberg  .button:hover .button-inner { background-position: 100% -300px; }


/* Relatiekaarten - algemeen op homepage */

#window-relatiekaarten-homepage {
	padding: 0 0 1px;
	width: 600px;
}

#window-relatiekaarten-homepage .section-header h2 {
	font-size: 28px;
}

#window-relatiekaarten-homepage .section-body {
	padding: 0;
	list-style: none;
}

#window-relatiekaarten-homepage .section-body > li {
	margin: 0;
	padding: 10px 10px 10px 125px;
	position: relative;
	border-bottom: 1px solid #EDEDED;
}

#window-relatiekaarten-homepage .thumb {
	display: block;
	width: 105px;
	height: 105px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#window-relatiekaarten-homepage .date {
	margin: 0;
	color: #999999;
}

#window-relatiekaarten-homepage h2 {
	margin: 0 0 5px;
	padding: 0;
	border: 0;
}

#window-relatiekaarten-homepage h2 a {
	font-size: 20px;
	text-decoration: none;
	color: #4B4B4C;
}

#window-relatiekaarten-homepage p {
	margin: 0 0 7px;
	font-size: 12px;
	color: #999999;
}


/* Attendants search */

#attendants-search {
	margin: 0 0 10px;
	padding: 15px 10px 0;
	width: 720px;
	background: #EDEDED url(../img/attendants-search-bg.gif) no-repeat 100% 0;
	border-top: 1px solid #DBDBDB;
}

#attendants-search h2 {
	margin: 0 0 10px;
	padding: 10px 0 0;
	text-transform:lowercase;
	font-size: 26px;
	font-weight: normal;
	line-height: 23px;
	color: #4B4B4C;
}

#attendants-search h2 span {
	font-weight: bold;
}

#attendants-search-form {
	margin: 0 -10px;
	padding: 10px;
	width: 720px;
	background-color: #DBDBDB;
}

#attendants-search-form table {
	margin: 0;
}

#attendants-search-form td {
	padding: 5px 0;
	border: 0;
}

#attendants-search-form .submit {
	padding: 16px 0 5px;
}

#attendants-search-form label {
	display: block;
	margin: 0 0 5px;
	font-size: 10px;
	font-weight: bold;
	color: #4B4B4D;
}

#attendants-search-form .text {
	width: 220px;
}

#attendants-search-form select {
	width: 230px;
}


/* Attendants list */

#attendants-list {
	margin: 0 0 10px;
	width: 740px;
}

#attendants-list h2,
#attendants-list table {
	margin: 0;
}

#attendants-list th {
	background-color: #EFEFEF;
	border: 0;
	font-weight: normal;
	line-height: 20px;
	color: #818182;
}

#attendants-list td {
	color: #4B4B4D;
}

#attendants-list .company-name {
	width: 200px;
}

#attendants-list .stand {
	width: 50px;
}

#attendants-list .more {
	padding: 8px 0;
	width: 104px;
}

#attendants-list .button-inner {
	width: 80px !important;
}


/* Album intro */

#album-intro {
	margin: 0 0 10px;
	width: 720px;
	overflow: hidden;
}

#album-intro p {
	float: left;
	margin-right: 10px;
	width: 595px;
}

p#album-photo-count {
	display: inline;
	float: right;
	margin: 0 -10px 0 0;
	padding: 10px;
	width: 95px;
	height: 90px;
	background-color: #4B4B4D;
	font-weight: bold;
	line-height: normal;
	color:#808081;
}

#album-photo-count span {
	font-size: 42px;
	color: white;
}


/* Album overview */

#album-overview {
	width: 740px;
}

#album-overview .thumb {
	width: 115px;
	height: 110px;
}


/* Rooms filters form */

#room-filters-form {
	margin: 0;
	padding: 10px 10px 45px 114px;
	width: 614px;
	background-color: #EDEDED;
	border: 1px solid #DBDBDB;
}

#room-filters-form h2 {
	margin: 0 0 10px;
	text-transform:lowercase;
	font-size: 26px;
	font-weight: normal;
	color: #4B4B4D;
}

#room-filters-form h2 span {
	font-weight: bold;
}


/* Room filters */

#room-filters {
	margin: 0;
	padding: 0;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	list-style: none;
}

#room-filters li {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	overflow: visible;
}

#room-filters .button { background-position: 0 -570px; outline: none; }
#room-filters .button-inner { padding-right: 40px; background-position: 100% -570px; }
#room-filters .button:hover { background-position: 0 -120px; }
#room-filters .button:hover .button-inner { background-position: 100% -120px; }
#room-filters .active, #room-filters .active:hover { background-position: 0 -600px; color: #4B4B4D; }
#room-filters .active .button-inner, #room-filters .active:hover .button-inner { background-position: 100% -600px; }


/* Filter menus */

.filter-menu {
	position: absolute;
	padding: 10px 15px 15px 10px;
	top: 25px;
	left: 0;
	width: 215px;
	background: url(../img/filter-menu-bg.png) no-repeat 0 100%;
	z-index: 5;
}

.filter-menu p {
	margin: 0 0 10px;
	color: #818182;
}

.filter-menu .column {
	margin: 0 0 10px;
	width: 105px;
}

.filter-menu .column li {
	float: none !important;
	margin: 0 !important;
}

.filter-menu .toolbar {
	padding: 0;
	width: auto !important;
	background: transparent;
	border: 0;
}

.filter-menu .toolbar a {
	line-height: 20px;
	text-transform: lowercase;
	color: #818182;
}

.filter-menu .toolbar a:hover {
	color: #4B4B4D;
}

#room-filters .filter-menu .button {
	float: left;
	padding-left: 6px;
	height: 20px;
	background-position: 0 -510px;
	font-size: 10px;
	color: white;
}

#room-filters .filter-menu .button-inner {
	padding: 0 18px 2px 0;
	background-position: 100% -510px;
	line-height: 18px;
}

#room-filters .filter-menu .button:hover { background-position: 0 -530px; color: white; }
#room-filters .filter-menu .button:hover .button-inner { background-position: 100% -530px; }


/* Rooms */

.room {
	width: 240px;
	border-bottom: 5px solid #DBDBDB;
}

.overview > .room {
	float: left;
	margin: 0 10px 20px 0;
}

.overview > .room.last {
	margin-right: 0;
}

.room .thumb {
	float: none;
	margin: 0;
}

.room h2 {
	margin: 0;
	font-size: 14px;
	text-transform: none;
}

.room h2 a {
	display: block;
	padding: 8px 10px;
	background-position: 220px -1678px;
}

.room h2 a:hover {
	background-position: 220px 12px;
}


/* Room overview */

#room-overview {
	margin: 0 0 20px;
	overflow: hidden;
}


/* Sliders */

.slider-wrap {
	margin-bottom: 8px;
	padding: 5px;
	width: 205px;
	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: #E3001B;
	font-size: 5px;
	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 -215px 0;
	cursor: pointer;
	outline: none;
	z-index: 2;
}

.slider-values {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}

.slider-min-value {
	float: left;
}

.slider-max-value {
	float: right;
}


/* Rooms table */

#rooms-table {
	margin: -35px 0 5px;
}

#rooms-table th,
#rooms-table td {
	padding: 10px;
	border-bottom: 5px solid white;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color: #4B4B4D;
}

#rooms-table th {
	background-color: #DBDBDB;
}

#rooms-table td {
	background-color: #F6F6F6;
	border-left: 1px solid white;
}

#rooms-table-header th,
#rooms-table-header td {
	cursor: auto;
}

#rooms-table-header th {
	border-left: 1px solid white;
}

#rooms-table-header td {
	background-color: transparent;
	border: 0;
}

#rooms-table .odd td {
	background-color: #EDEDED;
}

#rooms-table .hover td {
	background-color: #DBDBDB;
}

#rooms-table .room-name {
	width: 95px;
	text-align: left;
	color: #818182;
}

#rooms-table .room-name a {
	display: block;
	text-decoration: none;
	color: #4B4B4D;
}

#rooms-table .alt,
#rooms-table .alt a {
	color: #9CA9C2;
}


/* Tech specs section */

#techspecs .inner {
	height: 120px;
}

#techspecs h3 {
	font-size: 16px;
	color: #4B4B4D;
}

#techspecs .alt {
	margin: -10px 0 0;
	padding: 10px 60px 10px 0;
	background: url(../img/pdf-icon-large.png) no-repeat 100% 0;
	font-weight: bold;
	color: #818182;
}


/* Hotel tabs */

#hotel-tabs {
	margin: -35px 0 0;
	padding: 0;
	height: 40px;
	border: 0;
}

#hotel-tabs li {
	float: right;
	margin: 0 0 0 1px;
}

#hotel-tabs .selected {
	margin: 0 0 0 1px;
	border: 0;
}

#hotel-tabs a {
	padding: 0 12px 0 26px;
	height: 40px;
	background-color: #EDEDED;
	font-size: 12px;
	line-height: 40px;
	color: #A5A5A6;
}

#hotel-tabs a:hover {
	color: #4B4B4D;
}

#hotel-tabs .selected a,
#hotel-tabs .selected a:hover {
	background-color: #DBDBDB;
	background-image: url(../img/icon-sprite.png);
	background-repeat: no-repeat;
	color: #4B4B4D;
}

#hotel-tabs .list-icon { background-position: 10px -835px; }
#hotel-tabs .list-icon:hover, #hotel-tabs .selected .list-icon { background-position: 10px -885px; }
#hotel-tabs .map-icon { padding-left: 32px; background-position: 10px -940px; }
#hotel-tabs .map-icon:hover, #hotel-tabs .selected .map-icon { background-position: 10px -990px; }


/* Hotel views */

.hotels-container {
	margin: 0 0 10px;
	padding: 10px;
	width: 970px;
	height: 420px;
	background-color: #DBDBDB;
	overflow: hidden;
}


/* Hotels map view */

#hotels-map-view {
	position: relative;
}

#hotels-map {
	float: left;
	margin-right: 10px;
	width: 608px;
	height: 418px;
	background-color: #E6E9EF;
	border: 1px solid white;
}

#hotels-map p {
	margin: 190px 0 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #6B7FA3;
}


/* Hotels map view list */

#hotels-list {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 420px;
	overflow: auto;
}

#hotels-list .hotel {
	position: relative;
	display: block;
	margin: 0 0 5px;
	padding: 9px;
	width: 303px;
	height: 60px;
	background-color: #EDEDED;
	border: 1px solid EDEDED;
	vertical-align: middle;
}

#hotels-list .hotel:hover,
#hotels-list .active {
	background-color: white;
}

#hotels-list .last {
	margin: 0;
}

#hotels-list .arrow {
	position: absolute;
	display: none;
	top: 0;
	left: -1px;
	width: 20px;
	height: 78px;
	background: url(../img/themes/hardenberg/hotels-arrow.gif) no-repeat 0 50%;
	z-index: 1;
}

#hotels-list .hotel:hover .arrow,
#hotels-list .active .arrow {
	display: block;
}

#hotels-list .thumb {
	float: left;
	margin: 0 5px 0 0;
	width: 80px;
	height: 60px;
	overflow: hidden;
}

#hotels-list .hotel:hover .thumb,
#hotels-list .active .thumb {
	width: 78px;
	height: 58px;
	background-color: white;
	border: 1px solid #DBDBDB;
}

#hotels-list .hotel:hover .thumb img,
#hotels-list .active .thumb img {
	margin: -1px 0 0 -1px;
}

#hotels-list .inner {
	float: left;
	width: 215px;
	height: 60px;
}

#hotels-list h2 {
	margin: 0;
	color: #E3001B;
}

#hotels-list h2 span {
	display: block;
	width: 215px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#hotels-list p {
	margin: 0 0 5px;
	color: #4B4B4D;
}

#hotels-list .hotel:hover h2,
#hotels-list .active h2,
#hotels-list .hotel:hover p,
#hotels-list .active p {
	color: #4B4B4D;
}

#hotels-list .toolbar {
	padding: 0;
	width: 100%;
	background: none;
	border: 0;
}


/* Hotel detail */

#hotel-detail {
	position: absolute;
	width: 350px;
	height: 420px;
	right: 10px;
	background-color: white;
	z-index: 5;
}

#hotel-detail-close {
	display: block;
	padding: 10px 10px 10px 25px;
	background: url(../img/arrow-sprite.gif) no-repeat 10px -1117px;
	border-bottom: 1px solid #DBDBDB;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #A5A5A6;
}

#hotel-detail-close:hover {
	background-position: 10px -797px;
	color: #4B4B4D;
}

#hotel-logo {
	padding: 10px;
	border-bottom: 1px solid #DBDBDB;
}

#hotel-logo img {
	display: block;
	margin: 0 auto;
}

#hotel-detail .inner {
	padding: 15px;
}

#hotel-detail h2 {
	margin: 0;
	font-size: 16px;
	color: #4B4B4D;
}

#hotel-detail p {
	margin: 0;
	color: #4B4B4D;
}

#hotel-detail .note {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #818182;
}

#hotel-detail .adr {
	margin: 0 0 5px;
}

#hotel-detail .column {
	margin-right: 10px;
	width: 150px;
}

#hotel-detail .tel .type {
	display: none;
}

#hotel-detail .button {
	margin-bottom: 5px;
}

#hotel-detail .button-inner {
	width: 100px !important;
}


/* Hotels list view */

#hotels-list-view .inner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#hotels-list-view table {
	margin: 0;
	width: 943px;
}

#hotels-list-view th {
	background-color: white;
	color: #4B4B4D;
}

#hotels-list-view td {
	background-color: #fff;
	border-bottom: 1px solid #ededed;
	color: #818182;
}

#hotels-list-view .hover td {
	background-color: #EDEDED;
	color: #4B4B4D;
}

#hotels-list-view .company-name {
	width: 300px;
}

#hotels-list-view td.company-name {
	font-weight: bold;
}

#hotels-list-view .distance {
	width: 100px;
}

#hotels-list-view .more {
	width: 120px;
}


/* Submit hotel */

#submit-hotel {
	padding: 6px 0 0 26px;
	width: 170px;
	background: url(../img/questionmark.gif) no-repeat 0 6px;
	font-size: 12px;
}

#submit-hotel p {
	margin: 0;
	color: #4B4B4D;
}

#submit-hotel a {
	display: #4B4B4D;
}


/* Webshop */

#products {
	margin: 0 -10px 20px;
	width: 490px;
}

.product {
	margin: 0 0 10px;
	width: 488px;
	border: 1px solid #DBDBDB;
	overflow: hidden;
}

.product .thumb {
	float: left;
	margin: 0;
	width: 148px;
	height: 148px;
}

.product .description,
.product .meta {
	height: auto !important;
	height: 128px;
	min-height: 128px;
}

.product .description {
	float: left;
	padding: 10px;
	width: 178px;
	border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
}

.product h2 {
	font-size: 16px;
	color: #4B4B4D;
}

.product p {
	margin: 0;
}

.product .meta {
	position: relative;
	float: left;
	padding: 10px;
	width: 120px;
}

.product .meta .inner {
	position: absolute;
	bottom: 10px;
}

.product .meta p {
	margin: 0 0 5px;
}

.product .type {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #4B4B4D;
}

.product .price {
	font-size: 16px;
	font-weight: bold;
	color: #E3001B;
}

.product .unit {
	font-size: 12px;
	font-weight: bold;
	color: #E3001B;
}

.product .meta .button-inner {
	width: 80px !important;
}


/* A-Z jumpers */

#az-jumpers {
	margin: 0 0 20px;
	padding: 15px;
	width: 960px;
	background-color: #EFEFEF;
	list-style: none;
	overflow: hidden;
}

#az-jumpers li {
	float: left;
	margin-right: 22px;
}

#az-jumpers a {
	font-size: 20px;
	text-decoration: none;
	color: #4B4B4D;
}

#az-jumpers a:hover,
#az-jumpers .selected a {
	
}


/* A-Z index */

#az-index {
	width: 990px;
	overflow: hidden;
}

#az-index .last {
	margin: 0;
}

#az-index h2 {
	border-bottom: 1px solid #4B4B4D;
	font-size: 22px;
	color: white;
}

#az-index h2 span {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #4B4B4D;
	text-align: center;
	line-height: 40px;
}

#az-index ul {
	padding: 0;
	list-style: none;
}

#az-index li {
	border-bottom: 1px solid #CED4E0;
}

#az-index li a {
	display: block;
	padding: 5px 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -1681px;
	text-decoration: none;
	color: #6F6F71;
}

#az-index li a:hover {
	background-position: 100% 9px;
	color: #4B4B4D;
}


/* Tickets */

.tickets {
	margin: 0 -10px;
/*	width: 740px;*/
}

.tickets-header {
	padding: 15px 10px;
	width: 720px;
	border-bottom: 5px solid #DBDBDB;
}

.tickets-header h2 {
	margin: 0;
	color:#4B4B4D;
}

#tickets-progress {
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: bold;
	color: #818182;
}


/* Tickets table */

#tickets-table {
	margin: 0;
	width: 740px;
}

#tickets-table th,
#tickets-table td {
	padding: 15px 8px;
	background: transparent;
	border-bottom: 1px solid #DBDBDB;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	color: #4B4B4D;
}

#tickets-table .soldout td {
	color: #818182;
}

#tickets-table .thumb {
	position: static;
	display: table-cell;
	margin: 0;
	padding: 8px 0;
	width: 70px;
	height: auto;
}

#tickets-table td.date {
	width: 150px;
	color: #818182;
}

#tickets-table span.date {
	display: block;
	margin: 0;
	font-size: 10px;
	color:#818182;
}

#tickets-table .more {
	width: 110px;
	font-size: 12px;
}

#tickets-table .more .more-icon {
	padding-right: 15px;
	background-position: 100% -598px;
	font-size: 12px;
	color:#818182;
}

#tickets-table .more .more-icon:hover {
	background-position: 100% 2px;
	color: #4B4B4D;
}

#tickets-table .kvk-required {
	padding: 10px 8px;
	width: 130px;
}

#tickets-table .row-action {
	padding: 10px 0;
	font-size: 11px;
	font-weight: normal;
	color: #818182;
}

#event-tickets .row-action {
	width: 130px;
}

#exhibition-tickets .row-action {
	width: 90px;
}

#tickets-table .soldout .button {
	background-position: 0 -750px!important;
	color: white;
}

#tickets-table .soldout .button-inner {
	padding-right: 10px;
	background-position: 100% -750px!important;
}


/* Tickets table step 2 */

#tickets-table .quantity,
#tickets-table .price {
	color: #818182;
}

#tickets-table .quantity {
	width: 52px;
}

#tickets-table .type {
	width: 150px;
}


/* Tickets table step 3 */

#tickets-table .option {
	width: 200px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

#tickets-table .option-choice {
	width: 180px;
}

.quantity-container {
	margin-top: 5px;
	padding-left: 25px;
	height: 24px;
	background: url(../img/indent-bg.gif) no-repeat 11px -288px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.quantity-container label,
.quantity-container .quantity-field-container {
	float: left;
}

.quantity-container label {
	margin: 5px 6px 0 0;
}


/* Tickets form */

#tickets-form {
	margin: 0 0 10px;
	width: 740px;
}

#tickets-form fieldset {
	margin: 0;
}

#tickets-form fieldset.wsv-error {
	background-color: #FCC;
}

#tickets-form .text {
	width: 300px;
}

#tickets-form .quantity-field {
	width: 30px;
}

.tickets-total {
	margin: 0;
	padding: 10px;
	background-color: #EDEDED;
	border-bottom: 1px solid white;
	text-align: right;
	color: #4B4B4D;
}

.tickets-total .price {
	display: inline-block;
	width: 80px;
	font-weight: bold;
}

#tickets-grand-total {
	font-size: 14px;
	font-weight: bold;
	color: #CC071E;
}

#tickets-navigation {
	padding: 10px;
	width: 720px;
	height: 30px;
	background-color: #4B4B4D;
}

#tickets-navigation .back-icon {
	float: left;
	margin-top: 5px;
	background-position: 0 -1287px;
	font-size: 12px;
	font-weight: bold;
	color: #B7B7B8;
}

#tickets-navigation .back-icon:hover {
	background-position: 0 -1447px;
	color: white;
}

#tickets-navigation .button {
	float: right;
	background-position: 0 -630px;
	color: white;
}

#tickets-navigation .button:hover {
	background-position: 0 -660px;
}

#tickets-navigation .button-inner {
	background-position: 100% -630px;
}

#tickets-navigation .button:hover .button-inner {
	background-position: 100% -660px;
}


/* Tickets form step 4 */

#tickets-form li {
	margin: 0;
	padding: 10px 8px;
	border-bottom: 1px solid #CED4E0;
}

#tickets-form li.indent {
	padding-left: 158px;
}

#tickets-form #initials,
#tickets-form #zip {
	width: 80px;
}

#tickets-form #street {
	margin-right: 15px;
}

#tickets-form #street-number {
	margin-left: 5px;
	width: 40px;
}

#tickets-form #zip {
	margin-right: 15px;
}

#tickets-form #city {
	margin-left: 5px;
	width: 200px;
}

#tickets-form #phone {
	width: 200px;
}

#tickets-form #terms.wsv-error {
	border: 1px solid #CC071E;
}

#tickets-form ul ul li {
	padding: 0;
	border: 0;
}


/* Tickets iDEAL */

#tickets-ideal {
	padding: 30px 10px 10px 158px;
	width: 572px;
	height: 37px;
	background: url(../img/ideal-logo.gif) no-repeat 10px 10px;
}

#ideal-banks {
	width: 200px;
}


/* Tickets person table */

#tickets-person-table th {
	background-color: transparent;
	font-weight: normal;
}

#tickets-person-table td {
	padding: 8px 8px 8px 0;
}

#tickets-person-table .initials {
	padding: 8px;
	width: 50px;
}

#tickets-person-table .gender {
	width: 120px;
}

#tickets-person-table .lastname,
#tickets-person-table .email {
	width: 240px;
}

#tickets-person-table .delete {
	width: 25px;
}

#tickets-person-table .text {
	width: 230px;
}

#tickets-person-table .initials .text {
	width: 42px;
}


/* Profile details */

#profile-details {
	margin: 0 0 20px;
}

#profile-details .section-header,
#profile-details table {
	margin: 0;
}

#content-wrap #content #profile-details .section-header {
	padding: 60px 10px 12px;
}

#profile-details .section-header .booth-number {
	float: right;
	margin: -47px 0 0;
}

#content-wrap #content #profile-details table {
	margin: 0 -10px;
	width: 490px;
}

#profile-details th,
#profile-details td {
	padding: 8px 10px 7px;
	background-color: transparent;
	border-color: #DBDBDB;
	color: #4B4B4D;
}

#profile-details th {
	width: 150px;
}

#profile-details .more-icon {
	margin: 0 0 0 10px;
	padding: 0 15px 0 5px;
	background-position: 100% -727px;
	border-left: 1px solid #E5E5E5;
	font-weight: bold;
	color: #4B4B4C;
}

#profile-details .more-icon:hover {
	background-position: 100% -1047px;
	color: #A5A5A6;
}


/* Profile logo */

#profile-logo {
	margin: 0 0 10px;
	padding: 25px 0;
	border: 1px solid #DBDBDB;
	text-align: center;
}

#profile-logo img {
	vertical-align: middle;
}


/* Appointment form */

#content-span #appointment-form .section-header {
	margin: 0 -10px 10px;
}


/* Appointment summary */

#appointment-summary {
	margin: 0 -10px 20px;
}

#appointment-summary .section-header {
	margin: 0 0 10px !important;
	width: auto !important;
}

#appointment-summary .section-body {
	padding: 0 10px;
	overflow: hidden;
	color: #999;
}

#summary-exhibition,
#summary-exhibitor {
	width: 240px;
}

#summary-exhibition {
	float: left;
}

#summary-exhibitor {
	float: right;
}

#summary-exhibition p,
#summary-exhibitor p {
	margin: 0;
	font-size: 10px;
}

#summary-exhibition .thumb {
	float: right;
	margin: 0 0 0 5px;
	width: 68px;
	height: 68px;
	border: 1px solid #DBDBDB;
	overflow: hidden;
}

#summary-exhibition .thumb img {
	margin: -1px;
}

#summary-exhibitor .booth-number {
	float: right;
	margin: 0 0 0 5px;
}


/* Appointment reminder options */

#reminder-options li {
	margin: 0;
	padding: 5px 0 5px 180px;
	background: url(../img/indent-bg.gif) no-repeat 164px 50%;
}

#reminder-options li.last {
	background-position: 164px -284px;
}


/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */

#nav-back {
	padding: 25px 10px 0;
	width: 220px;
	height: 40px;
}

#nav-back a {
	display: block;
	padding-left: 15px;
	width: 205px;
	background: url(../img/arrow-sprite.gif) no-repeat 0 -1127px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #A5A5A6;
}

#nav-back a:hover {
	background-position: 0 -807px;
	color: #4B4B4D;
}


/* Menu */

#menu {
	margin: 0 0 10px;
	width: 240px;
	background-color: #4B4B4D;
}

#menu h2 {
	margin: 0 0 10px;
	padding: 40px 10px 0;
	font-size: 16px;
	color: white;
}

#menu ul {
	margin: 0;
	padding: 0;
	width: 240px;
	list-style: none;
}

#menu li {
	width: 240px;
	border-bottom: 1px solid #6F6F71;
}

#menu a {
	display: block;
	padding: 7px 10px;
	width: 220px;
	background: url(../img/arrow-sprite.gif) no-repeat 220px -1200px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #B7B7B8;
}

#menu a:hover {
	background-position: 220px -1360px;
	color: white;
}

#menu .subnav {
	display: none;
	padding: 5px 0;
	width: 240px;
	background-color: white;
}

#menu .selected a,
#menu .selected a:hover {
	background-position: 220px -1360px;
	color: white;
}

#menu .selected .subnav {
	display: block;
}

#menu .subnav li {
	border: 0;
}

#menu .subnav a {
	padding: 3px 10px 3px 20px;
	width: 210px;
	font-size: 11px;
	font-weight: normal;
	color: #4B4B4D;
}

#menu .subnav a:hover,
#menu .subnav .selected a {
	padding: 3px 10px 3px 15px;
}


/* Details accordion */

#details-accordion .button {
	margin-bottom: 5px;
	width: 230px;
	background-position: 0 -60px;
	outline: none;
}

#details-accordion .button .button-inner {
	width: 200px;
	background-position: 100% -60px;
}

#details-accordion .button:hover {
	background-position: 0 -90px;
}

#details-accordion .button:hover .button-inner {
	background-position: 100% -90px;
}

#details-accordion .ui-state-active,
#details-accordion .ui-state-active:hover {
	background-position: 0 -120px;
	color: #4B4B4D;
}

#details-accordion .ui-state-active .button-inner,
#details-accordion .ui-state-active:hover .button-inner {
	background-position: 100% -120px;
}

#details-accordion p {
	margin: 0;
}

#details-accordion .fn {
	display: none;
}

#details-accordion .adr {
	margin: 0 0 5px;
}


/* Details accordion map */

#map {
	display: block;
	margin: 0 0 10px;
	width: 220px;
	height: 110px;
}

#map img {
	display: block;
}

#map-form {
	margin: 0;
}

#map-form li {
	margin: 0;
}

#map-form label {
	color: #4B4B4D;
}

#map-form #zip-label {
	display: block;
	margin: 0 0 5px;
}

#map-form fieldset {
	margin: 0;
}

#map-zipnum {
	width: 30px;
}

#map-zipchar {
	width: 20px;
	text-transform: uppercase;
}

#transport-car,
#transport-public {
	margin: 0;
}


/* Player */

.player-wrap {
	margin: 0 0 10px;
	width: 240px;
}

.player-wrap h2 {
	margin: 0;
	border-bottom: 0;
}

.player-wrap h2 span {
	display: inline-block;
	width: 26px;
	background: url(../img/player-sprite.gif) no-repeat;
	text-align: center;
	line-height: 20px;
	color: white;
}

.player-placeholder {
	width: 240px;
	height: 170px;
	background-color: black;
}

.player-controls {
	padding: 10px 8px;
	width: 224px;
	height: 10px;
	background-color: #4B4B4D;
	overflow: hidden;
}

.player-controls a {
	display: block;
	float: left;
	background: url(../img/player-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

a.player-play {
	width: 9px;
	height: 9px;
	background-position: -40px 0;
}

.player-play:hover { background-position: -40px -10px; }
.paused .player-play { background-position: -30px 0; }
.paused .player-play:hover { background-position: -30px -10px; }

a.player-mute {
	width: 10px;
	height: 9px;
	background-position: -50px 0;
}

.player-mute:hover { background-position: -50px -10px; }
.muted .player-mute { background-position: -60px 0; }
.muted .player-mute:hover { background-position: -60px -10px; }

.player-duration {
	float: left;
	margin: 0 8px;
	padding: 4px;
	width: 180px;
	height: 2px;
	background-color: #818182;
	font-size: 10px;
}

.player-elapsed {
	height: 2px;
	background-color: white;
	font-size: 2px;
}


/* Twitter */

#twitter {
	margin: 0 0 10px;
	width: 240px;
	background-color: #DBDBDB;
	font-size: 12px;
	color: #6E6E71;
}

#twitter .header,
#twitter .body {
	padding: 10px;
}

#twitter .header {
	min-height: 40px;
	background: #EDEDED url(../img/twitter-header-bg.png) no-repeat 100% 100%;
}

#twitter .header h2 {
	margin: 0 0 2px;
	text-transform: none;
}

#twitter .header p {
	font-weight: bold;
}

#twitter .header a {
	text-decoration: none;
	color: #6E6E71;
}

#twitter .header a:hover {
	color: #333;
}

#twitter p {
	margin: 0;
}


/* Twitter button */

/*#twitter {
	display: block;
	margin: 0 0 10px;
	padding: 13px 10px 12px 10px;
	width: 220px;
	background: url(../img/arrow-sprite.gif) no-repeat 220px -1673px;
	border-top: 5px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #4B4B4D;
}

#twitter:hover {
	background-position: 220px -343px;
	color: #818182;
}

#twitter span {
	display: block;
	float: left;
	margin: -5px 2px -5px 0;
	width: 30px;
	height: 30px;
	background: url(../img/twitter-icon.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}*/


/* Weblog profile */

#weblog-profile {
	margin: 0 0 10px;
	width: 240px;
}

#weblog-profile img {
	display: block;
}

#weblog-profile-caption {
	padding: 10px 10px 10px 45px;
	width: 185px;
	background: #4B4B4D url(../img/weblog-profile-caption-bg.png) no-repeat 10px 10px;
}

#weblog-profile-name {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: white;
}


/* Page actions */

.page-actions {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	width: 220px;
	background-color: #4B4B4D;
}

.page-actions h2 {
	margin: -10px 0 10px;
	padding-top: 10px;
	text-transform:lowercase;
	font-size: 26px;
	font-weight: normal;
	line-height: 23px;
	color: white;
}

#expo-actions h2 { background: url(../img/themes/hardenberg/page-actions-expo.gif) no-repeat 100% 0; }
#exhibitor-actions h2, #cart-actions h2 { background: url(../img/themes/hardenberg/page-actions-cart.gif) no-repeat 100% 0; }
#ticket-actions h2 { background: url(../img/themes/hardenberg/page-actions-ticket.gif) no-repeat 100% 0; }
#appointment-actions h2 { background: url(../img/themes/hardenberg/page-actions-calendar.gif) no-repeat 100% 0; }

.page-actions h2 span {
	font-weight: bold;
}

.page-actions p {
	margin: 0 0 15px;
	font-size: 12px;
	color: white;
}

.page-actions a.button { margin-bottom: 5px; background-position: 0 -210px; color: white; }
.page-actions a.button .button-inner { width: 180px !important; background-position: 100% -210px; }
.page-actions a.button:hover { background-position: 0 -240px; color: white; }
.page-actions a.button:hover .button-inner { background-position: 100% -240px; }


/* Appointment actions */

#appointment-actions h2 {
	padding: 10px 0 10px;
	font-size: 14px;
	line-height: normal;
}

#appointment-actions h2 a {
	text-decoration: none;
	color: white;
}

#appointment-actions h2 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#appointment-actions h2 span {
	font-size: 18px;
}


/* Exhibitor contacts */

#exhibitor-contacts {
	border-bottom: 1px solid #DBDBDB;
}

#exhibitor-contacts .employee {
	float: none;
	margin: 0 0 10px;
	padding: 0;
	width: auto;
	height: auto;
	border: 0;
	overflow: hidden;
}

#exhibitor-contacts .employee-thumb {
	width: 50px;
	height: 50px;
}

#exhibitor-contacts .employee-body {
	width: 180px;
}

#exhibitor-contacts .fn {
	margin: 0;
}

#exhibitor-contacts .role {
	margin: 0 0 3px;
}

#exhibitor-contacts .icon {
	color: #666;
}

#exhibitor-contacts .icon:hover {
	color: #333;
}


/* Weblog entry */

#weblog-entry {
	margin: 0 0 10px;
	width: 240px;
}

#weblog-entry-body {
	margin: 0 0 -20px;
	padding: 10px 10px 40px;
	width: 220px;
	background: url(../img/weblog-entry-bg.gif) no-repeat 0 100%;
	border-top: 1px solid #E6E9EF;
}

#weblog-entry .post-meta {
	padding: 0;
	font-size: 10px;
}

#weblog-entry h3,
#weblog-entry p {
	margin: 0 0 8px;
}

#weblog-entry h3 {
	font-size: 14px;
}

#weblog-entry h3 a {
	text-decoration: none;
}

#weblog-entry img {
	display: block;
}

#weblog-entry .toolbar {
	padding: 0;
	width: 220px;
	background: none;
	border: 0;
}

#weblog-entry .toolbar li {
	float: right;
	margin: 0;
}


/* Partner links (logos) */

#partners {
	margin: 0 0 10px;
	width: 240px;
}

#partners ul {
	margin: 0;
	padding: 0 10px;
	width: 220px;
	list-style: none;
}

#partners li {
	margin: 0 0 20px;
}

#partners a {
	display: block;
	width: 220px;
}

#partners img {
	display: block;
	margin: 0 auto;
}


/* Attendants */

#attendants {
	margin: 0 0 10px;
	padding: 0 10px;
	width: 220px;
	background-color: #EDEDED;
}

#attendants h2 {
	margin: 0 0 10px;
	padding: 10px 0 0;
	background: url(../img/themes/hardenberg/attendants-bg.gif) no-repeat 100% 0;
	text-transform:lowercase;
	font-size: 26px;
	font-weight: normal;
	line-height: 23px;
	color: #4B4B4D;
}

#attendants h2 span {
	font-weight: bold;
}

#attendants p {
	margin: 0 0 10px;
	font-size:12px;
	color:#4B4B4D;
}

#attendants-form {
	margin: 0 -10px;
	padding: 10px;
	width: 220px;
	background-color: #DBDBDB;
}

#attendants-form label {
	display: block;
	margin: 0 0 5px;
	font-size: 10px;
	font-weight: bold;
	color: #6F6F71;
}

#attendants-form .text {
	width: 210px;
}

#attendants-form select {
	margin: 0;
	width: 220px;
}

#attendants-form .more-icon {
	float: left;
	padding-right: 10px;
	background-position: 100% -109px;
	line-height: 30px;
	color: #6F6F71;
}

#attendants-form .more-icon:hover {
	background-position: 100% 11px;
	color: #4B4B4D;
}

#attendants-form .button {
	float: right;
}


/* Agenda */

#agenda ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#agenda .activity {
	margin: 0 0 10px;
	padding: 0 0 10px;
	width: 240px;
	height: auto;
	border: 0;
	border-bottom: 1px solid #CED4E0;
	overflow: hidden;
}

#agenda .calendar {
	float: left;
	margin: 0 10px 0 0;
	width: 39px;
	height: 54px;
	background-position: 0 -85px;
}

#agenda .calendar-day {
	font-size: 26px;
	line-height: 34px;
}

#agenda .calendar-month {
	font-size: 14px;
	line-height: 20px;
}

#agenda .calendar-year {
	display: none;
}

#agenda .activity-body {
	width: 185px;
}

#agenda h3 {
	margin-bottom: 7px;
}

#agenda .toolbar {
	width: 100% !important;
}


/* Ticket form */

#ticket-actions {
	position: relative;
	overflow: hidden;
}

#ticket-actions h2 {
	margin:-10px 0 8px;
}

#ticket-actions p {
	margin: 0 0 10px;
}

#ticket-form {
	margin: 0 0 5px;
	padding-top: 3px;
	width: 220px;
	background: url(../img/cart-sprite.gif) no-repeat 0 -40px;
}

#ticket-form .inner {
	width: 220px;
	background: url(../img/cart-sprite.gif) no-repeat 0 100%;
}

#ticket-form table {
	margin: 0;
	width: 220px;
}

#ticket-form th,
#ticket-form td {
	padding: 5px 10px;
	background: none;
	border-bottom: 1px solid white;
	line-height: 20px;
	color: #4B4B4D;
}

#ticket-form th {
	font-size: 10px;
}

#ticket-form select {
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B4B4D;
}

#ticket-form .last td {
	padding: 0 5px 5px;
	line-height: 30px;
}

#ticket-form .currency {
	text-align: right;
}

#ticket-form .quantity {
	padding-right: 0;
	width: 42px;
}

#ticket-form .quantity-field {
	float: left;
}

#ticket-form .ticket-row td {
	padding: 2px 10px 5px 10px;
	border-bottom: 1px solid white;
}

#ticket-form p {
	margin: 0;
	padding: 0 5px 0 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
	color: #4B4B4D;
}

#ticket-form .grand-total-label {
	float: left;
}

#ticket-form .sub-total {
	float: right;
	padding: 0 10px;
	font-weight: normal;
	text-align: right;
}

#ticket-form #grand-total {
	float: right;
	padding: 0 10px;
	width: 80px;
	background: url(../img/cart-sprite.gif) no-repeat -120px 0;
	text-align: right;
	color: #4B4B4D;
}

#ticket-submit {
	padding: 5px 5px 0 10px;
	width: auto;
	height: 35px;
	background: none;
	border: 0;
}

#ticket-submit .more-icon {
	float: left;
	margin: 15px 0 0;
	padding-right: 10px;
	background-position: 100% -237px;
	font-weight:normal;
	text-decoration:underline;
	line-height: normal;
	color: #A5A5A6;
}

#ticket-submit .more-icon:hover {
	background-position: 100% -477px;
	color: white;
}

#ticket-submit .button {
	float: right;
	width: 100px;
	background-position: 0 -780px;
	color: white;
}

#ticket-submit .button-inner {
	width: 50px;
	background-position: 100% -780px;
}

#ticket-submit .button:hover,
#ticket-submit .button:focus {
	background-position: 0 -810px;
}

#ticket-submit .button:hover .button-inner,
#ticket-submit .button:focus .button-inner {
	background-position: 100% -810px;
}



/* Tickets order form */

#ticket-order-form h2 {
	margin: 0 0 10px;
	color: #4B4B4D;
}

#ticket-properties {
	margin: 0 -10px 20px;
	padding: 0 10px 10px;
	background-color: #EDEDED;
}

#ticket-properties h2 {
	margin: 0 -10px 10px;
	padding: 45px 10px 0;
	height: auto !important;
	height: 25px;
	min-height: 25px;
	background: #DBDBDB url(../img/themes/hardenberg/page-actions-ticket.gif) no-repeat 420px 0;
}

#ticket-properties ul {
	margin: 0 -10px;
}

#ticket-properties .row {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #DBDBDB;
}

#ticket-properties li.indent {
	padding-left: 160px;
}

#ticket-properties #eventname {
	width: 310px;
}

#ticket-properties #ticket-quantity {
	margin-right: 20px;
	width: 40px;
}

#ticket-properties #ticket-rank-label {
	display: inline-block;
	width: 34px;
}

#ticket-properties #ticket-rank {
	width: 210px;
}

#ticket-properties #ticket-options {
	margin: 0;
}

#ticket-properties #ticket-options li {
	margin: 0;
}

#ticket-properties .additional {
	margin: 0;
	color: #4B4B4D;
}

#ticket-properties .total {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #4B4B4D;
}

#ticket-properties .total-label {
	display: inline-block;
	width: 150px;
}


/* Cart form */

#cart-actions {
	position: relative;
}

#cart-actions.scroll-fixed {
	position: fixed;
	top: 10px;
}

#cart-form {
	margin: 0 0 5px;
	padding-top: 3px;
	width: 220px;
	background: url(../img/cart-sprite.gif) no-repeat 0 -40px;
}

#cart-form .inner {
	width: 220px;
	background: url(../img/cart-sprite.gif) no-repeat 0 100%;
}

#cart-form table {
	margin: 0;
	width: 220px;
}

#cart-form th,
#cart-form td {
	padding: 5px 10px;
	background: none;
	border: 0;
	line-height: 20px;
	color: #4B4B4D;
}

#cart-form th {
	border-bottom: 1px solid white;
	font-size: 10px;
}

#cart-form .row td {
	border-bottom: 1px solid white;
}

#cart-form .currency {
	text-align: right;
}

#cart-form .quantity {
	padding-right: 0;
	width: 42px;
}

#cart-form .quantity-field {
	float: left;
}

#cart-form p {
	margin: 0;
	padding: 15px 5px 5px 10px;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
	color: #4B4B4D;
}

#cart-form #grand-total-label {
	float: left;
}

#cart-form #grand-total {
	float: right;
	padding: 0 10px;
	width: 80px;
	background: url(../img/cart-sprite.gif) no-repeat -120px 0;
	text-align: right;
	color: #4B4B4D;
}

#cart-submit {
	padding: 0 5px 0 10px;
	width: auto;
	height: 35px;
	background: none;
	border: 0;
}

#cart-submit .more-icon {
	float: left;
	margin: 15px 0 0;
	padding-right: 10px;
	font-weight:normal;
	text-decoration:underline;
	background-position: 100% -237px;
	line-height: normal;
	color: #A5A5A6;
}

#cart-submit .more-icon:hover {
	background-position: 100% -477px;
	color: white;
}

#cart-submit .button {
	float: right;
	width: 100px;
	background-position: 0 -780px;
	color: white;
}

#cart-submit .button-inner {
	width: 50px;
	background-position: 100% -780px;
}

#cart-submit .button:hover,
#cart-submit .button:focus {
	background-position: 0 -810px;
}

#cart-submit .button:hover .button-inner,
#cart-submit .button:focus .button-inner {
	background-position: 100% -810px;
}	


/* Albums */

#albums {
	margin: 0 0 10px;
	width: 240px;
}

#albums h2 {
	margin: 0;
}

#albums ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#albums .item {
	margin-top: 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 220px -1490px;
	text-decoration: none;
	vertical-align: middle;
}

#albums .item-body {
	padding-right: 20px;
	width: 160px;
}

#albums .item h3 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #4B4B4D;
}

#albums .item:hover h3 {
	color: #818182;
}

#albums small {
	font-weight: bold;
	line-height: 100%;
	color: #818182;
}


/* Emplacements */

#emplacements p {
	margin: 0 0 10px;
	color: #6F6F71;
}

#emplacements ul {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
}

#emplacements li {
	margin: 0 0 5px;
	padding: 4px;
	width: 230px;
	border: 1px solid #DBDBDB;
	vertical-align: middle;
	overflow: hidden;
}

#emplacements img {
	display: block;
	float: left;
	margin-right: 10px;
}

#emplacements li .inner {
	float: left;
	padding: 10px 0;
	width: 145px;
}

#emplacements h3 {
	font-size: 16px;
	color: #4B4B4D;
}

#emplacements li p {
	margin: 0;
	color: #6F6F71;
}


/* Expo countdown */

#expo-countdown {
	margin: 0 0 10px;
	padding: 5px 10px 10px 20px;
	width: 210px;
	background: url(../img/themes/hardenberg/expo-countdown-bg.gif) no-repeat;
	border-bottom: 1px solid #DBDBDB;
	font-size: 12px;
	font-weight: bold;
	color: #4B4B4D;
}

#expo-countdown-timer {
	display: block;
	margin: 0 0 30px -8px;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	line-height: 34px;
	color: white;
}


/* Ads */

#ads {
	margin: 0 0 10px;
	padding: 5px 0 5px 5px;
	width: 235px;
	height: 80px;
	background: url(../img/banner-bg.gif) no-repeat;
}

#ad-scroller,
#ads .jcarousel-container {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 200px;
	height: 80px;
	list-style: none;
	overflow: hidden;
}

.ad-item {
	display: block;
	float: left;
	width: 200px;
	height: 80px;
}

.ad-item img,
.ad-item object,
.ad-item embed {
	display: block;
}

#ads .jcarousel-container,
#ads .jcarousel-clip,
#ads .jcarousel-item {
	width: 200px;
	height: 80px;
}

#ad-contact {
	display: block;
	float: left;
	margin: -5px 0;
	width: 30px;
	height: 90px;
	background: url(../img/banner-bg.gif) no-repeat 100% 0;
	text-indent: -9999px;
	overflow: hidden;
}


/* Single ad */

.ad,
.ad img {
	display: block;
	width: 240px;
}


/* Room quick select */

#room-quick-select h2 {
	margin: 0;
	border-bottom: 0;
}

#room-quick-select .section-body {
	padding: 10px 10px 0;
	background-color: #EDEDED;
}

#room-quick-select .accent {
	margin: 0 0 10px;
	font-size: 26px;
	line-height: normal;
	color: #4B4B4D;
}

#room-quick-select label {
	display: block;
	margin: 0 0 10px;
	font-size: 12px;
	color: #4B4B4D;
}

#room-quick-select .toolbar {
	margin: 0 -10px;
	background: #DBDBDB;
	border: 0;
}

#room-quick-select select {
	width: 100%;
}


/* Ticket summary */

#tickets-summary {
	margin: 0 0 10px;
	padding: 0 10px 10px;
	width: 220px;
	background-color: #EDEDED;
}

#tickets-summary .section-header {
	margin: 0 -10px 10px;
	padding: 30px 10px 10px;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	background: #4B4B4D url(../img/themes/hardenberg/page-actions-ticket.gif) no-repeat 170px 0;
	border: 0;
}

#tickets-summary .section-header h2 {
	font-size: 20px;
	color: white;
}

#tickets-summary p {
	margin: 0 0 10px;
	color: #4B4B4C;
}

#tickets-summary table {
	margin: 0 -10px;
	width: 240px;
}

#tickets-summary th,
#tickets-summary td {
	color: #4B4B4D;
}

#tickets-summary th {
	padding: 10px 10px 3px;
}

#tickets-summary td {
	padding: 0 10px 3px;
}

#tickets-summary td a {
	text-decoration: underline;
	color: #818182;
}

#tickets-summary td a:hover {
	color: #333;
}


/* Help */

#help {
	margin: 0 0 10px;
	padding: 10px;
	width: 220px;
	background-color: #EFEFEF;
}

#help h2,
#help p,
#help a {
	color: #4B4B4D;
}

#help a:hover {
	color: #6F6F71;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#footer-tagline-wrapper {
	float:left;
	width: 250px;
	height: 200px;
}

#footer-tagline {
	display:block;
	margin: 138px 0 0 20px;
	width:180px;
	height:62px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../img/footer-tagline-bg.png) no-repeat;
}

#footer-nav {
	float:left;
	margin: 0;
	padding: 162px 0 0;
	width: 740px;
	list-style: none;
}

#footer-nav li {
	float: left;
	margin-right: 10px;
}

#footer-nav li.last {
	margin-right: 0;
}

#footer-nav a {
	display: block;
	padding: 10px;
	width: 220px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% -1075px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #A5A5A6;
}

#footer-nav a:hover,
#footer-nav .selected > a { background-position: 100% -1395px; color: white; }

#footer-nav .toggler {
	outline: none;
}

#footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-nav ul li {
	float: none;
	margin: 0;
}

#footer-nav ul a {
	padding: 5px 10px;
	background: none;
	font-size: 11px;
}

#footer-nav ul.footer-de li {
    float: left;
}

#footer-nav ul.footer-de li a {
    width: 160px;
}

/**
 * SPLASH ELEMENTS
 * ----------------------------------------
 */

#splash-visual {
	padding-top: 40px;
	width: 100%;
	height: 875px;
	background: white url(../img/splash-visual.jpg) no-repeat 0 0;
}

#splash-visual-content {
	margin: 0 auto;
	width: 990px;
	background: white url(../img/splash-visual-content-bg.gif) repeat-y 0 10px;
	overflow: hidden;
}


/* Splash intro */

#splash-visual-intro {
	margin: 0;
	padding: 20px 15px;
	width: 220px;
	background-color: #EDEDED;
}

#splash-visual-intro h1 {
	font-weight: normal;
}

#splash-visual-intro p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #4B4B4D;
}

.section-splash .de {
    display: inline-block;
    margin: 0 0 -3px 10px;
    height: 0px;
    height: 19px;
    width: 24px;
    overflow: hidden;
    background: url(../img/language-sprite.png) no-repeat -30px 0px;
}

/* Establishments */

#establishments {
	margin: 0;
	padding: 0 0 20px;
	width: 740px;
}

#establishments ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

#establishments li {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #EDEDED;
	overflow: hidden;
}

#establishments .last {
	border: 0;
}

#establishments .thumb {
	display: inline;
	float: left;
	margin: 0 20px;
	width: 110px;
	height: auto;
}

.establishment-body {
	float: left;
	width: 490px;
}

#establishments h2 a {
	font-size: 16px;
	text-decoration: none;
	color: #4B4B4D;
}

#establishments h2 a:hover {
	color: #333;
}

#establishments .indent {
	margin: 0;
	padding-left: 145px;
}


/* Splash news */

#splash-news {
	margin-bottom: 30px;
	width: 990px;
	background-color: #818182;
	height: 40px;
	overflow: hidden;
}

#splash-news h2 {
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 80px;
	background-color: white;
	font-size: 20px;
	line-height: 40px;
	text-transform: uppercase;
	color: #4B4B4D;
}

#splash-news ul {
	float: left;
	margin: 0;
	padding: 0 15px;
	width: 860px;
	list-style: none;
}

#splash-news li {
	background-color: #818182;
}

#splash-news li a {
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	color: white;
}

#splash-news .date {
	margin-right: 10px;
}

#splash-news a:hover .date {
	color: white;
}


/* Splash agenda */

#splash-agenda h2 {
	display: none;
}

#splash-agenda ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#splash-agenda li {
	float: left;
	margin-right: 10px;
}

#splash-agenda .last {
	margin: 0;
}

#splash-agenda a {
	display: block;
	width: 240px;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

#splash-agenda .calendar {
	float: left;
	margin-right: 10px;
	padding: 5px 0;
	width: 40px;
	height: 40px;
	background: url(../img/splash-calendar-sprite.png) no-repeat;
}

#splash-agenda a:hover .calendar {
	background-position: 0 -50px;
}

#splash-agenda .calendar-day {
	font-size: 20px;
	line-height: 22px;
	color: white;
}

#splash-agenda .calendar-month {
	font-size: 12px;
	line-height: 18px;
	color: white;
}

#splash-agenda .calendar-year {
	display: none;
}

#splash-agenda a:hover .calendar-day,
#splash-agenda a:hover .calendar-month,
#splash-agenda a:hover .calendar-year {
	color: #4B4B4D;
}

#splash-agenda .item-body {
	padding-top: 5px;
	width: 190px;
}

#splash-agenda .item-body h3 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

#splash-agenda .city {
	margin: 0;
	font-size: 12px;
	color: #818182;
}

#splash-agenda a:hover .city {
	color: white;
}


/* Splash footer */

#splash-footer {
	padding-bottom: 30px;
	width: 100%;
	border-bottom: 1px solid #818182;
}

#splash-footer-inner {
	margin: 0 auto;
	width: 990px;
}

/**
 * SPLASH ELEMENTS - RESTYLING 2014
 * ----------------------------------------
 */

/* Splash icons */

.section-splash .icon {
	background: url(../img/icon-sprite-splash.png) 0 0 no-repeat;
	padding: 0;
}

.section-splash span.icon {
    display: inline-block;
}

.section-splash .icon-16 {
	width: 16px;
	height: 16px;
}

.section-splash .icon-32 {
	width: 32px;
	height: 32px;
}

.section-splash .red-marker-icon {
	background-position: 0 0px;
}

.section-splash .purple-marker-icon {
	background-position: 0 -16px;
}

.section-splash .yellow-marker-icon {
	background-position: 0 -32px;
}

.section-splash .green-marker-icon {
	background-position: 0 -48px;
}

.section-splash .rss-icon {
	background-position: 0 -64px;
}

.section-splash .icon-16.twitter-icon {
	background-position: 0 -80px;
}

.section-splash .googleplus-icon {
	background-position: -38px 0px;
}

.section-splash .youtube-icon {
	background-position: -38px -32px;
}

.section-splash .linkedin-icon {
	background-position: -38px -64px;
}

.section-splash .twitter-icon {
	background-position: -38px -96px;
}

.section-splash .facebook-icon {
	background-position: -38px -128px;
}

.section-splash a .icon-32 {
	opacity: 0.15;
	filter: alpha(opacity=15);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.section-splash a:hover .icon-32 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.section-splash {
	background: #FFF url(../img/splash-background.jpg) left 50% bottom 280px no-repeat
}

#splash-wrapper {
	background: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	margin: 0 auto -20px;
	width: 990px;
	padding: 20px 20px 0;
	z-index: 2;
	position: relative;
}

.flag-icon {
	width: 24px;
	height: 20px;
	background: url(../img/language-sprite.png) 0 0 no-repeat;
	float: left;
	display: inline;
	margin: 2px 10px -2px 0;
}

.flag-nl {
	background-position: 0 0;
}

.flag-de {
	background-position: -30px 0;
}

.splash-intro {
	background: url(../img/gradient-black-oval.png) 50% 100% no-repeat;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 1.4;
}

.splash-intro h1 {
	font-size: 16px;
	font-weight: normal;
}

.splash-intro h1 span {
	font-weight: bold;
}

.splash-intro:after,
.splash-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.splash-intro .NL {
	width: 315px;
	float: left;
	min-height: 150px;
	padding-left: 150px;
	background: url(../img/splash-evenementenhal.png) 0 0 no-repeat;
	padding-bottom: 20px;
	padding-right: 20px;
}

.splash-intro .DE {
	width: 315px;
	float: left;
	min-height: 150px;
	padding-left: 150px;
	background: url(../img/splash-messehal.png) 0 0 no-repeat;
	padding-bottom: 20px;
}

.splash-content {
	padding-top: 20px;
}

.splash-content .map {
	width: 620px;
	height: 470px;
	background: url(../img/locations-map.png) 0 0 no-repeat;
	position: relative;
	float: left;
	margin-top: -30px;
}

.splash-content .map-marker {
	position: absolute;
	text-align: center;
	text-decoration: none;
	color: #4A4A4A;
}

.splash-content .map-marker strong {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}

.splash-content .map-marker .tooltip {
	display: none;
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -80px;
	width: 150px;
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 0 5px #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.map-marker .tooltip:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #CCC;
}

.splash-content .map-marker .tooltip strong {
	font-size: 12px;
}

.splash-content .section-header a {
	text-decoration: none;
}

.splash-content .section-header ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

.splash-content .section-header ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

.splash-content .map-marker:hover .tooltip,
.splash-content .map-marker:focus .tooltip {
	display: block;
}

.splash-content .map .marker-hardenberg {
	top: 178px;
	left: 223px;
}

.splash-content .map .marker-gorinchem {
	top: 289px;
	left: 99px;
}

.splash-content .map .marker-venray {
	top: 329px;
	left: 202px;
}

.splash-content .map .marker-messehal {
	top: 235px;
	left: 398px;
}

.splash-content .map .flag-marker-venray-nl {
	position: absolute;
	top: 369px;
	left: 202px;
}

.splash-content .map .flag-marker-venray-de {
	position: absolute;
	top: 369px;
	left: 232px;
}

.splash-content #home-news,
.splash-content #home-news .item,
.splash-content #home-news .section-header {
	width: 355px;
}

.splash-content #home-news .section-header {
	padding: 10px 0;
}

.splash-content #home-news .item-body {
	width: 285px;
}

.splash-content #home-news .more-items li {
	width: 335px;
}

.splash-content #home-news .more-items h4 a {
    width: 325px;
}

.section-splash .subfooter {
	background: #EDEDED;
	padding-top: 10px;
}

.subfooter-inner {
	margin: 0 auto;
	width: 990px;
	padding: 30px 0 20px;
}

.subfooter-inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.footer-header h2 {
	margin-bottom: 20px;
}

.subfooter-inner .item {
	margin-left:10px;
	float: left;
	background: none;
	border: 0;
}

.subfooter-inner .item img {
	float: left;
	margin: 0 20px 0 0;
}

.subfooter-inner .item.first {
	margin-left: 0;
}

.subfooter-inner .item a.body {
	text-decoration: none;
	min-height: 90px;
	width: 150px;
	float: right;
	overflow: hidden;
}

.subfooter-inner .item h2 {
	text-transform: none;
}

.subfooter-inner .item .date {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: bold;
}

.subfooter-inner .item .read-more {
	text-decoration: underline;
	display: block;
	font-size: 12px;
	color: #333;
	padding-top: 5px;
}

.subfooter-inner .item .button {
	padding: 0 15px;
	background: url(../img/gradient-white-10.png) repeat-x 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 190px;
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	background: url(../img/large-button-gradient.png) 0 0 repeat-x;
	-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
	-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);

	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.subfooter-inner .item .button .more {
	font-weight: bold;
	color: #FFF;
	background-position: 100% -463px;
	display: block;
}

	.subfooter-inner .item .red-button {
		background-color: #E3001B;
	}
	.subfooter-inner .item .yellow-button {
		background-color: #FBBA00;
	}
	.subfooter-inner .item .green-button {
		background-color: #97C00E;
	}
	.subfooter-inner .item .purple-button {
		background-color: #524FA1;
	}

.subfooter-inner .item .button:hover {
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15);
}

#splash-footer {
	border: 0;
	background: #4A4A4A;
	position: relative;
	z-index: 0;
}

#splash-footer-inner {
	padding: 30px 0 80px;
	background: url(../img/footer-decoration.png) 50% 0 no-repeat;
}

#splash-footer-inner a {
	text-decoration: none;
}

#splash-footer-inner img {
	float: right;
}

#splash-footer-inner ul.social-media {
	list-style: none;
	float: left;
	height: 62px;
	margin: 0;
	padding: 0;
}

#splash-footer-inner ul.social-media li {
	display: inline;
	padding-right: 7px;
	vertical-align: middle;
}

/**
 * RELATIEKAARTEN LOGIN ELEMENTS
 * ----------------------------------------
 */

 #login-tijdelijk {
	float:right;
	width:150px;
	padding-left:10px;
	background:#4E4C4C;
}

#login-tijdelijk-inner {
	height:210px;
	background:#949494;
	color:#fff;
	padding:25px 13px;
}
 
#login-tijdelijk-inner h3{
	font-size:16px;
	margin-bottom:10px;
}

#login-tijdelijk-inner p{
	line-height:160%;
	font-size:12px;
	margin-bottom:15px;
}

#login-window {
	position: absolute;
	width: /*810px; */650px;
	height: 260px;
	top:50%;
	left: 50%;
	margin-top: -130px;
	margin-left: /*-405px;*/-280px;
	background-color:white;
}

#login-window .logo {
	display:block;
	float:left;
	width: 180px;
	margin: 30px;
}

#login-window .logo img {display:block;}

#login-window h1 {
	float:right;
	margin: 0;
	padding:0;
	width: 60px;
	height: 260px;
	text-indent: -99999px;
	background: white url(../img/relatiekaarten/relatiekaarten-login.gif) no-repeat 18px 19px;
}

#login-form-wrapper {
	float:right;
	padding: 30px 20px 20px;
	width:310px;
	height:210px;
	background: url(../img/relatiekaarten/gradient.gif) repeat-x bottom left;
}

#login-form-wrapper div {
	margin-bottom: 10px;
}

#login-form-wrapper p {
	margin: 10px 0;
	font-size:12px;
	color: #818182;
}

#login-form legend {
	display:block;
	padding:0;
	text-transform: lowercase;
	font-size:24px;
	font-weight:bold;
	color:#4D4C4C;
}

html* #login-form legend {
	margin-left: -0.3em;		/*IE7 legend alignment patch*/
}

#login-form label.indent {
	width: 110px;
	font-size: 12px;
	color: #818182;
}

#login-form input.text {
	padding: 7px 4px;
	width:180px;
}

#login-form div.indent {
	padding-left: 110px;
}


/* Register VIP tickets */

#register-vip-tickets {
	width: 720px;
	height: 35px;
	background: #4B4B4D url(../img/register-vip-tickets-bg.gif) repeat-x top left;
}

#register-vip-tickets h2 {
	float:left;
	margin: -20px 20px 0 0;
	padding: 22px 0 4px 70px;
	font-size: 22px;
	background: url(../img/themes/hardenberg/page-actions-mail.gif) no-repeat 0 0;
}

#register-vip-tickets p {
	float:left;
	line-height: 30px;
}

#register-vip-tickets .button {
	float:right;
}

#register-vip-tickets .button .button-inner {
	width:auto !important;
}


/* order VIP tickets */

#order-vip-tickets {
	padding-bottom: 0;
	background-color: #E3001B;
}

.section-expo-detail #order-vip-tickets {
	padding-bottom: 5px;
	background-color: #4B4B4D;
}

#order-vip-tickets h2 {
	margin: -10px 0 10px;
	padding: 10px 60px 0 0;
	font-size: 22px;
	border-top: 0;
	background: url(../img/themes/hardenberg/page-actions-ticket.gif) no-repeat 160px 0;
}

#order-vip-tickets .select-exhibition {
	margin: 0 -10px;
	padding: 10px;
	width: 220px;
	background-color:#C50F25;
}

#order-vip-tickets form,
#order-vip-tickets fieldset {
	margin:0;
}

#order-vip-tickets #select-exhibition {
	width: 220px;
}

/* Exhibitor Actions */
#exhibitor-actions h2 {
    margin: -10px 0 10px;
    padding: 10px 60px 0 0;
}

/* Mijn Evenementenhal */
#mijn-evenementenhal h2 {
    width: 236px;
    height: 50px;
    background: url(../img/mijn-evenementenhal.png) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px;
    margin: -8px -8px -4px;
}

#mijn-evenementenhal p {
	font-weight: bold;
}

/* Photo Report */

#photo-report h2 {
	background: url(../img/themes/hardenberg/page-actions-photo.gif) no-repeat 160px 0;
}


/**
 * SECTION SPECIFIC STYLES
 * ----------------------------------------
 */

/*.section-splash { background: #4B4B4D; }
*/
.section-home #main { padding: 30px 0 20px; }
.section-home #visual { width: 970px; }
.section-home #visual-intro { margin: 0 10px 0 0; }

.section-concert-detail #sidebar { float: right; margin: 0; padding:0; }
.section-concert-detail #content-wrap { float: left; margin: 0 10px 0 0; }
.section-concert-detail #content { float: right; margin: 0; }
.section-concert-detail #mediabar { float: left; margin: 0 10px 0 0; }
.section-concert-detail #content-header { float: left; width: 740px; }
.section-concert-detail #nav-back { float: left; margin-right: 10px; }
.section-concert-detail #ticket-actions { height: auto !important; height: 285px; min-height: 285px; }

.section-expo-detail #visual { padding: 10px 10px 0; }
.section-expo-detail #visual-intro { margin: 0 0 0 10px; }
.section-meeting-detail #sidebar,
.section-webshop #sidebar,
.section-expo-detail #sidebar,
.section-activity-overview #sidebar { padding-top:0; }
.section-photo-overview #sidebar { padding-top:20px; }
.section-meeting-detail #visual-intro { margin: 0 0 0 10px; }

.section-news #content-header { margin: 0 0 20px; border-bottom: 1px solid #CED4E0; }
.section-news #content-header .toolbar li { margin: 0 0 0 10px; }
.section-webshop #content-header { margin: 0 0 10px; border-bottom: 1px solid #CED4E0; }

.section-tickets #main {
	padding-top:30px;
}

.section-tickets #content-header {
	margin: 0 -10px !important;
	height: 70px;
	background-color: #4B4B4D;
	border: 0;
}

.section-tickets #content-header h1 {
	padding: 30px 10px 10px;
	font-size: 20px;
	text-transform: uppercase;
	color: white;
}


/* Visual carousels */
.caption 	{
	background:  url(../img/overlay-black-50.png) repeat 0 0;
	position: absolute;
	bottom: 0;
	height: 40px;
	width: 480px;
	padding: 10px;
	color: #FFF;
}

.caption p 	{
	white-space: nowrap;
	width: 480px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	padding: 0;
}

.caption a	{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.caption a:hover	{
	color: #FFF;
	text-decoration: underline;
}

.section-expo-detail #visual-scroller,
.section-expo-detail .scroller-item,
.section-concert-detail #visual-scroller,
.section-concert-detail .scroller-item,
.section-meeting-detail #visual-scroller,
.section-meeting-detail .scroller-item {
	width: 480px;
}

.section-expo-detail #visual-scroller li,
.section-expo-detail #visual .jcarousel-container,
.section-expo-detail #visual .jcarousel-clip,
.section-expo-detail #visual .jcarousel-item,
.section-expo-detail #visual .scroller-item,
.section-concert-detail #visual-scroller li,
.section-concert-detail #visual .jcarousel-container,
.section-concert-detail #visual .jcarousel-clip,
.section-concert-detail #visual .jcarousel-item,
.section-concert-detail #visual .scroller-item,
.section-meeting-detail #visual-scroller li,
.section-meeting-detail #visual .jcarousel-container,
.section-meeting-detail #visual .jcarousel-clip,
.section-meeting-detail #visual .jcarousel-item,
.section-meeting-detail #visual .scroller-item {
	width: 480px;
}

.section-expo-detail #visual-scroller img,
.section-concert-detail #visual-scroller img,
.section-meeting-detail #visual-scroller img {
	margin: 0 -10px;
}

.section-expo-detail #visual-scroller .player-wrapper,
.section-concert-detail #visual-scroller .player-wrapper,
.section-meeting-detail #visual-scroller .player-wrapper {
	width: 480px;
}

.section-activity-detail #visual-scroller li,
.section-activity-detail #visual .jcarousel-container,
.section-activity-detail #visual .jcarousel-clip,
.section-activity-detail #visual .jcarousel-item,
.section-activity-detail #visual .scroller-item,
.section-activity-overview #visual-scroller li,
.section-activity-overview #visual .jcarousel-container,
.section-activity-overview #visual .jcarousel-clip,
.section-activity-overview #visual .jcarousel-item,
.section-activity-overview #visual .scroller-item,
.section-activity-overview #visual-scroller .player-wrapper {
	width: 490px;
}

.section-activity-overview .jcarousel-item img,
.section-activity-overview .jcarousel-item object {
	margin: 0 -5px;
}


/**
 * JCAROUSEL
 * ----------------------------------------
 */
.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.jcarousel-list {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jcarousel-item {
	float: left;
	width: 75px;
	height: 75px;
	list-style: none;
}

.jcarousel-next,
.jcarousel-prev {
	display: none;
}


/**
 * PRINT SPECIFIC STYLES
 * ----------------------------------------
 */

@media print {
	body, h1, h2, h3, h4, h5, h6, p { color: black !important; }
	#wrapper, #breadcrumbs-wrap, #main, #content-wrap, #content-span, #content, #header, #navigation-wrap, #logo, .toolbar, .section, .related, .section h2, .section-header, .comment, .comment-body { width: auto !important; height: auto !important; }
	#login-wrap, #site-nav, #activity-nav, .organizer, #search-form, #sidebar, #visual-thumbs, .comment img, #comment-form, #nav-back, #mediabar, #footer { display: none !important; }
	#logo { font-size: 24px; font-weight: bold; text-decoration: none; text-indent: 0; color: black; }
}
