/**
 * 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;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

a {
	text-decoration: none;
	color: #0078C7;
}

a:hover {
	text-decoration: underline;
	color: #544A40;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
}

blockquote {
	margin: 20px 0;
	padding: 20px 10px 10px;
	border-top: 1px solid #E7E3DD;
	border-bottom: 1px solid #E7E3DD;
	color: #89154D;
	overflow: hidden;
}

blockquote p {
	margin: 0 0 10px;
	font: bold 18px/150% "Times New Roman", Times, serif;
}

blockquote .more {
	float: right;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman", Times, serif;
}

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

h2 {
	margin: 0 0 10px;
	font-size: 18px;
	color: #0078C7;
}

h2.alt {
	font-size: 16px;
	color: #544A40 !important;
}

h3 {
	margin: 0 0 8px;
	font-size: 16px;
	color: #0078C7;
}

h4 {
	margin: 0 0 6px;
	font-size: 14px;
	color: #0078C7;
}

h5 {
	margin: 0 0 4px;
	font-size: 12px;
	color: #0078C7;
}

h6 {
	margin: 0 0 2px;
	font-size: 12px;
	color: #0078C7;
}

img {
	border: 0;
}

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

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

q {
	position: relative;
	display: block;
	padding: 30px 0;
	color: #0078C7;
}

q:before,
q:after {
	position: absolute;
	font: bold 72px "Times New Roman", Times, serif;
}

q:before {
	content: "\201C";
	top: -18px;
	left: 0;
}

q:after {
	content: "\201D";
	right: 0;
	bottom: -42px;
}


/* Table styles */

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

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

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

.wsclick tr {
	cursor: pointer;
}

.wsclick tr:first-child {
	cursor: default;
}


/* Form styles */

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

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

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

form li.last {
	margin: 0;
}

form li p {
	margin: 0;
}

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

fieldset.group{
	float: left;
	margin: 0;
}

legend {
	display: none;
}

input.text {
	margin-right: 2px;
	padding: 2px;
	height: 14px;
	border: 1px solid #666;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

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

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

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

input.toggle-value {
	color: #9C9A9A;
}

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

input.wsv-error,
textarea.wsv-error {
	border-color: #CC0000;
	background-color: #FFBABA;
}


fieldset.wsv-error {
	background-color: #FFBABA;
}


label.indent,
span.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}

label.group{
	float: left;
}

textarea {
	padding: 2px;
	width: 285px;
	height: 150px;
	border: 1px solid #666;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
}


/* Options list */

.options > label {
	display: block;
	float: left;
}

.options ul {
	float: left;
	width: 285px;
	overflow: hidden;
}

.options ul li {
	float: left;
}


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

#background-wrapper {
	width: 100%;
	background: white url(../img/background-wrapper-bg.gif) repeat-y 50% 0;
}

#wrapper {
	margin: 0 auto;
	height: auto !important;
	height: 550px;
	width: 940px;
	min-height: 550px;
	background: url(../img/wrapper-bg.gif) repeat-y;
}

#header {
	position: relative;
	padding-left: 180px;
	width: 760px;
	height: 60px;
	z-index: 5;
}

#header .inner {
	width: 100%;
}

#main {
	width: 100%;
}

#sidebar {
	padding-top: 220px;
	width: 160px;
}

#content-wrapper {
	position: relative; /* For loading overlay */
	float: right;
	width: 780px;
	background-color: white;
}

#content {
	padding: 20px 40px 40px;
	width: 400px;
}

#content-span {
	padding: 20px 40px 40px;
	width: 700px;
}

#mediabar {
	padding-top: 20px;
	width: 300px;
}

#footer {
	margin-bottom: 20px;
	height: 38px;
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
}

#footer .inner {
	margin: 0 auto;
	width: 940px;
}

.column {
	float: left;
}

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


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

.accent {
	color: #0078C7;
}

.intro {
	font-size: 12px;
	color: #0078C7;
}

.intro a {
	text-decoration: underline;
}

.date {
	margin: 0 0 10px;
	font-size: 10px;
	color: #0078C6;
}

.disclaimer {
	font-size: smaller;
}

.hidden {
	visibility: hidden;
}

.ellipsis {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/* Overview */

.overview {
	margin: 0 0 20px;
}

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


/* Blocks */

.block {
	margin-bottom: 20px;
	padding: 20px;
}


/* Toolbars */

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

.toolbar a,
.toolbar .more {
	float: right;
}


/* More links */

.more {
	display: inline-block;
	padding: 0 22px 0 0;
	background: url(../img/arrow-sprite.png) no-repeat 100% 0;
	line-height: 15px;
	color: #22942B;
}

.more:hover {
	background-position: 100% -50px;
	color: #175F1C;
}

button.more {
	padding: 0 20px 0 0;
	width: auto;
	background-position: 100% 1px;
	border: 0;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 15px !important;
	vertical-align: middle;
	overflow: visible;
	cursor: pointer;
}

button.more:hover {
	background-position: 100% -49px;
	text-decoration: underline;
}

.more.prev {
	padding: 0 0 0 22px;
	background-position: 0 -1050px;
}

.more.prev:hover {
	background-position: 0 -1100px;
}


/* Buttons */

.button {
	display: inline-block;
	padding: 0 5px;
	height: 20px;
	background-color: #0078C7;
	line-height: 20px;
	white-space: nowrap;
	color: #FFF;
}

.button:hover,
.wsclick tr:hover .button {
	background-color: #89154D;
	text-decoration: none;
	color: #FFF;
}


/* Specific buttons */

#register-button,
#checkout-button {
	width: 120px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/checkout-button-sprite.png) no-repeat 0 0;
}

#checkout-button {
	background-position: 0 -30px;
}

#register-button:hover,
#checkout-button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* Icons */

.icon {
	display: inline-block;
	padding-left: 22px;
	background: url(../img/icon-sprite.png) no-repeat;
	line-height: 16px;
}

.mail-icon { background-position: 0 0; }
a.mail-icon:hover { background-position: 0 -30px; }
.print-icon { background-position: 0 -60px; }
a.print-icon:hover { background-position: 0 -90px; }
.save-icon { background-position: 0 -120px; }
a.save-icon:hover { background-position: 0 -150px; }

.rss-icon { background-position: 0 -654px; }
.greenrss-icon { background-position: 0 -673px; }
.purplerss-icon { background-position: 0 -692px; }


/* Thumbs */

.thumb,
.thumb img {
	display: block;
}

.audio {
	background: url(../img/audio-thumb-default.gif) no-repeat;
}

.video {
	background: url(../img/video-thumb-default.gif) no-repeat;
}


/* Banners */

.banner {
	display: block;
	margin: 0 0 20px;
	width: 300px;
}

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


/* Banner pairs */

.banner-pair {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.banner-pair li {
	float: left;
	margin: 0 0 0 20px;
}

.banner-pair li:first-child {
	margin: 0;
}

.banner-pair .banner {
	margin: 0;
	width: auto;
}


/* Loading overlays */

.loading-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: white url(../img/loading-blue.gif) no-repeat 50% 100px;
}

#content-wrapper-overlay {
	width: 780px;
	background-image: url(../img/loading-green.gif);
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/* Tooltips */

.tooltip {
	position: relative;
}

.tooltip .tooltip-balloon {
	position: absolute;
	display: none;
	padding: 9px;
	width: 160px;
	background-color: white;
	border: 1px solid #E7E3DD;
}

.tooltip:hover .tooltip-balloon {
	display: block;
	font-size: 11px;
	line-height: normal;
	color: #544A40;
}

/* Info icons */

.info {
	position: relative;
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../img/icon-sprite.png) no-repeat 0 -540px;
}

.info:hover {
	background-position: 0 -570px;
}

.info span {
	position: absolute;
	display: none;
	padding: 10px;
	width: 160px;
	top: 16px;
	left: 0;
	background-color: white;
	font-size: 11px;
	line-height: normal;
	color: #544A40;
}

.info:hover span {
	display: block;
}


/* Prices */

.price {
	padding: 6px 5px 21px;
	width: 44px;
	height: 48px;
	background: url(../img/price-bg.png) no-repeat;
	font-size: 11px;
	text-align: center;
	color: #FFF;
}

.price .currency {
	display: block;
	font-size: 14px;
}


/* Tabs */

.tabs {
	margin: 0;
	padding: 0 0 1px;
	height: 35px;
	border-bottom: 3px solid #F3F1EE;
	list-style: none;
}

.tabs li {
	float: left;
	margin: 0 0 0 1px;
}

.tabs li:first-child {
	margin: 0;
}

.tabs a {
	display: block;
	padding: 0 10px;
	background-color: #E7E3DD;
	font: bold 16px/35px "Times New Roman", Times, serif;
	text-decoration: none;
	color: #989696;
}

.tabs a:hover,
.tabs .selected a {
	color: #544A40;
}

.tabs .selected {
	margin: 0 0 -1px;
}

.tabs .selected a {
	padding-bottom: 1px;
	background-color: #F3F1EE;
}


/* Google Maps */

.map {
	background-color: #A5BFDD;
	color: #637385;
}

.map > .loading {
	padding: 20px;
}

.map > .loading h2 {
	margin: 0 0 5px;
	color: #637385;
}

.map > .loading p {
	margin: 0;
}


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

#logo {
	position: absolute;
	display: block;
	padding: 60px 19px 20px;
	top: 0;
	left: 0;
	width: 100px;
	/*height: 166px;*/
	background-color: white;
	border-right: 1px dashed black;
	border-bottom: 1px dashed black;
	border-left: 1px dashed black;
}

#logo img {
	display: block;
}


/* Tagline */

#tagline {
	position: absolute;
	top: 210px;
	left: 20px;
	width: 100px;
	font: bold 11px "Times New Roman", Times, serif;
	line-height: 150%;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #544A40;
}


/* Secondary navigation */

#secondary-nav {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 29px;
	list-style: none;
	color: #0078C5;
}

#secondary-nav li {
	display: inline;
}


/* Navigation wrapper */

#navigation-wrapper {
	width: 100%;
	height: 30px;
	border-bottom: 1px dashed black;
	clear: both;
}


/* Navigation */

#navigation {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
}

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

#navigation a {
	display: block;
	padding: 0 10px;
	background: url(../img/navigation-sprite.png) repeat-x;
	font: 16px "Times New Roman", Times, serif;
	text-align: center;
	line-height: 30px;
	color: white;
}

#navigation a:hover {
	background-position: 0 -30px;
	text-decoration: none;
}

#navigation .selected a,
#navigation .selected a:hover {
	background-position: 0 -60px;
}


/* Languages */

#languages {
	float: right;
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
}

#languages li {
	float: left;
	margin-left: 10px;
}

#languages a,
#languages img {
	display: block;
	width: 24px;
	height: 16px;
}


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

#social-network {
	margin: 0 0 20px;
	padding: 0 15px 0 20px;
	width: 125px;
	list-style: none;
	overflow: hidden;
}

#social-network li {
	float: left;
	margin-right: 5px;
}

#social-network a,
#social-network img {
	display: block;
	width: 20px;
	height: 20px;
}


/* Menu */

#menu {
	margin: 0 0 20px;
	padding: 10px 15px 10px 20px;
	width: 125px;
	background-color: white;
	list-style: none;
}

#menu li {
	padding: 5px 0;
}

#menu a {
	font: bold 16px "Times New Roman", Times, serif;
	color: #544A40;
}

#menu a:hover,
#menu .selected a {
	text-decoration: none;
	color: #0078C7;
}


/* Menu sub levels */

#menu ul {
	display: none;
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
}

#menu .selected ul {
	display: block;
}

#menu ul li {
	padding: 2px 0 2px 10px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -1138px;
}

#menu ul .selected {
	background-position: 0 -442px;
}

#menu ul a {
	font-size: 12px;
	color: #0078C5;
}

#menu ul a:hover {
	color: #544A40;
}


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

#article-visual {
	margin-left: 20px;
	width: 760px;
	height: 260px;
	background-color: #E7E3DD;
}

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

#article-visual-items {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 320px;
	list-style: none;
}

#article-visual-items a {
	position: relative;
	display: block;
	margin-left: -10px;
	padding: 10px 20px 10px 50px;
	width: 260px;
	height: 60px;
	font-weight: bold;
	line-height: 120%;
	overflow: hidden;
	outline: none;
	color: black;
}

#article-visual-items a:hover {
	color: #0078C7;
}

#article-visual-items .selected a {
	background: url(../img/article-visual-item-bg.png) repeat-y;
	color: #0078C7;
}

#article-visual-items img {
	float: left;
	margin-right: 20px;
}


/* Spotlight articles */

#spotlight-articles {
	margin: -20px -20px 20px;
	padding: 20px;
	width: 400px;
	background-color: #F5F4F2;
}

#spotlight-articles .article {
	margin: 0;
}

#spotlight-articles h1 a,
#spotlight-articles h2 a {
	color: #544A40;
}

#spotlight-articles h1 a:hover,
#spotlight-articles h2 a:hover {
	color: black;
}

#spotlight-articles h2 {
	margin: 0 0 12px;
	font-size: 22px;
}


/* Content visual */

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

div#content-visual {
	overflow: hidden;
}

#content-visual img {
	float: left;
}

#content-visual #search-form {
	float: right;
	padding: 0;
	width: 260px;
}


/* Content tools */

#content-tools {
	float: right;
	margin: 0 0 10px 20px;
	width: 80px;
}

#content-tools .tooltip {
	margin: 0 0 10px;
	width: 80px;
	height: 80px;
}

#content-tools .tooltip span {
	left: auto;
	top: 70px;
	left: 10px;
	width: auto;
	white-space: nowrap;
}

#content-tools .tooltip img {
	display: block;
}

#content-tools ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content-tools a {
	font-size: 11px;
}


/* Articles */

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

.article h3 {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.article h3 a {
	color: #544A40;
}

.article h3 a:hover {
	text-decoration: underline;
	color: black;
}

.article .thumb {
	float: left;
	margin-right: 20px;
	width: 100px;
	height: 80px;
	background: url(../img/thumb-default.gif) no-repeat;
}

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

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

.related .article .toolbar {
	padding-right: 20px;
	width: auto;
}


/* Related lists */

.related {
	margin: 0 -20px 20px;
	width: 440px;
	clear: both;
}

.related .column-row {
	width: 440px;
	overflow: hidden;
}

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

.related ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.related li {
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -444px;
	word-wrap: break-word;
}

.related ul a {
	color: #544A40;
}

.related ul a:hover {
	color: black;
}

.related .date {
	font-size: 12px;
}

.related a:hover .date {
	color: black;
}

.related .toolbar a {
	color: #22942B;
}

.related .toolbar a:hover {
	color: #175F1C;
}


/* Product overviews */

.products {
	margin: 0 -20px 20px;
	width: 740px;
	background-color: #F3F1EE;
	border-top: 1px dashed #000;
}

.products > .row {
	padding: 20px 10px;
	border-bottom: 1px dashed #000;
	overflow: hidden;
}


/* Products */

.product {
	width: 230px;
	overflow: hidden;
}

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

.product .thumb {
	float: left;
	margin: 0 10px 10px 0;
	width: 100px;
	text-align: center;
}

.product .thumb img {
	display: inline;
	vertical-align: middle;
}

.product .body {
	margin: 0 0 0 110px;
	zoom: 1;
}

.product > .body {
	margin-bottom: 10px;
}

.product .meta {
	clear: both;
}

.product h2 {
	margin: 0 0 10px;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif
}

.product h2 a {
	color: #544A40;
}

.product h2 a:hover {
	text-decoration: underline;
	color: #000;
}

.product .intro {
	font-weight: bold;
	color: #000;
}

.product .price {
	float: left;
	margin: 0 23px;
}

.product .options {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.product .options li {
	margin: 0 0 5px;
}

.product .options .more {
	display: block;
}


/* Full products */

.product.full {
	margin: 0 -20px 20px;
	padding: 20px 10px;
	width: 740px;
	background-color: #F3F1EE;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

.product.full .thumb {
	margin: 0 20px 0 0;
	width: 300px;
}

.product.full .body {
	margin: 0 0 0 320px;
}

.product.full .meta {
	overflow: hidden;
	clear: none;
}

.product.full .price {
	margin: 0 30px 0 0;
}

.product.full .options {
	float: left;
	margin: 0 30px 0 0;
	width: 120px;
}

.product.full .meta img {
	float: left;
}


/* Product search */

#product-search {
	margin: 0 0 20px;
	overflow: hidden;
}

#product-search form {
	float: right;
	padding: 0;
}

#product-search select {
	margin: 0 5px;
	width: auto !important;
	width: 160px;
	max-width: 160px;
}


/* Comments */

.comments {
	margin: 20px -20px;
	padding: 20px 0 0;
	border-top: 1px solid #E7E3DD;
}

.comments > .header {
	padding: 0 20px;
	overflow: hidden;
}

.comments > .header h2 {
	float: left;
}

.comments > .header p {
	float: right;
	margin: 3px 0 0;
}

.comment {
	position: relative;
	margin: 30px 0 20px;
	padding: 15px 20px;
	background-color: #E7E3DD;
}

.comment p {
	margin: 0;
}

.comment .date {
	text-align: right;
}

.comment .fn {
	font-size: 14px;
	font-weight: bold;
	color: #931A60;
}

.comment:after {
	content: "";
	position: absolute;
	display: block;
	border: solid transparent;
	top: -30px;
	left: 20px;
	border-width: 15px;
	border-bottom-color: #E7E3DD;
}


/* Comment form */

#comment-form {
	margin: 0 0 20px;
	padding: 19px;
	border: 1px dashed #0078C7;
}

#comment-form .toolbar li {
	margin-bottom: 0;
}

#comment-form .text {
	width: 285px;
}

#comment-form .disclaimer {
	margin: 0;
}

#comment-form button.more {
	float: right;
}


/* Comment form JS styles */

#comment-form.expanded .toolbar {
	display: none;
}


/* Progress (bars) */

.progress {
	margin: 0 -20px 20px;
	padding: 20px;
	background-color: #E7E3DD;
}

.progress dt,
.progress dd {
	margin: 0 0 10px;
}

.progress dd {
	background-color: #0078C7;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-indent: 91%;
	color: #FFF;
}

.progress dd span {
	display: block;
	background-color: #931A60;
}


/* Timeline */

#timeline {
	position: relative;
	margin-left: 20px;
	width: 760px;
	height: 260px;
	background-color: #22942B;
	overflow: hidden;
}

#timeline-visual {
	position: relative;
	width: 760px;
	height: 160px;
}

#timeline-visual img {
	display: block;
}

#timeline-visual .caption {
	position: absolute;
	padding: 10px 10px 20px;
	width: 430px;
	height: auto !important;
	height: 77px;
	min-height: 77px;
	bottom: 0;
	left: 90px;
	background: url(../img/white-80.png) repeat;
}

#timeline-visual .caption p {
	margin: 0;
	color: #22942B;
}

#timeline-visual .title {
	font: 30px "Times New Roman", Times, serif;
}

#timeline-visual .date,
#timeline-visual .locality {
	font-size: 14px;
}

#timeline .info {
	position: absolute;
	top: 10px;
	right: 10px;
}

#timeline .info span {
	left: auto;
	right: 0;
}

#timeline .tooltip {
	position: absolute;
	margin: 0;
	top: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../img/icon-sprite.png) no-repeat 0 -540px;
}

#timeline .tooltip:hover {
	background-position: 0 -570px;
}

#timeline .tooltip span {
	left: auto;
	top: 16px;
	right: 0;
}


/* Timeline controls */

.timeline-control {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/timeline-agenda-sprite.png) no-repeat;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
}

#timeline-prev {
	top: 60px;
	left: 20px;
	background-position: 0 -120px;
}

#timeline-prev:hover {
	background-position: -40px -120px;
}

#timeline-next {
	top: 60px;
	right: 20px;
	background-position: -80px -120px;
}

#timeline-next:hover {
	background-position: -120px -120px;
}


/* Timeline milestones */

#timeline-milestones-wrapper {
	padding: 0 20px;
	width: 720px;
	height: 59px;
	border-top: 1px dashed #C8E4CA;
}

#timeline-milestones {
	position: relative;
	width: 720px;
	height: 59px;
}

#timeline-milestones ul {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 191000px;
	height: 59px;
	list-style: none;
}

#timeline-milestones li {
	float: left;
	border-right: 1px dashed #59AF60;
}

#timeline-milestones a {
	position: relative;
	display: block;
	padding: 3px 10px;
	width: 170px;
	height: 53px;
	font-size: 11px;
	line-height: normal;
	outline: none;
	color: white;
}

#timeline-milestones a:hover {
	background: url(../img/timeline-agenda-sprite.png) repeat-x 0 -10px;
	text-decoration: none;
}

#timeline-milestones .selected a {
	margin-top: -10px;
	padding-top: 13px;
	background: url(../img/timeline-agenda-sprite.png) repeat-x;
}

#timeline-milestones .date {
	margin: 0;
	font: 14px "Times New Roman", Times, serif;
	font-weight: bold;
	color: white;
}

#timeline-milestones .title {
	margin: 0;
	height: 28px;
	line-height: normal;
	overflow: hidden;
}


/* Timeline slider */

#timeline-slider {
	padding: 14px 20px 15px 20px;
	width: 720px;
	height: 10px;
	background: url(../img/timeline-agenda-sprite.png) repeat-x 0 -70px;
	border-top: 1px dashed #C8E4CA;
}

#timeline-track {
	position: relative;
	width: 100%;
	height: 10px;
	background: url(../img/timeline-agenda-sprite.png) repeat-x 0 -110px;
}

#timeline-handle {
	position: absolute;
	margin: -12px 0;
	width: 190px;
	height: 34px;
	background: url(../img/timeline-agenda-sprite.png) repeat-x 0 -160px;
	cursor: pointer;
}


/* History index */

#history-index {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

#history-index h2 {
	margin: 0 0 15px;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#history-index .toggler {
	padding-left: 15px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -595px;
	color: #89154D;
}

#history-index .toggler:hover {
	background-position: 0 -645px;
	text-decoration: underline;
	color: #580E31;
}

#history-index .selected .toggler {
	background-position: 0 -894px;
}

#history-index ul {
	padding: 0;
	list-style: none;
}

#history-index ul li {
	margin-bottom: 20px;
}

#history-index h3 {
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#history-index ul a {
	padding-left: 30px;
	background: url(../img/arrow-sprite.png) no-repeat 15px -496px;
	color: #534A3F;
}

#history-index ul a:hover {
	background-position: 15px -596px;
	text-decoration: underline;
	color: #89154D;
}

#history-index .year {
	display: inline-block;
	width: 40px;
}

#history-index .inner {
	padding-left: 75px;
}

#history-index p {
	color: #534A3F;
}


/* Partners header */

#partners-header {
	margin: 0 -40px 20px -20px;
	padding: 0 20px;
	width: 720px;
	border-bottom: 1px dashed black;
}

#partners-header h1 {
	float: left;
}

#partners-header #search-form {
	float: right;
	padding: 0;
	width: 260px;
}


/* Partners tabs */

#partners-tabs {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	clear: both;
}

#partners-tabs li {
	float: left;
	margin-right: 10px;
}

#partners-tabs a,
#partners-tabs img {
	display: block;
	height: 16px;
}

#partners-tabs a {
	opacity: 0.2;
	filter: alpha(opacity=20);
	outline: none;
}

#partners-tabs a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

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


/* Item blocks */

.item {
	margin: 0 0 40px;
	padding-left: 20px;
	width: 100%;
	overflow: hidden;
}

.item h3 {
	font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #544A40;
}

.item h3 a {
	color: #544A40;
}

.item h3 a:hover {
	color: black;
}

.item .thumb {
	float: left;
}

.item-body {
	float: left;
	margin-right: 20px;
	width: 260px;
}

.item-body p {
	margin: 0 0 10px;
}


/* Media blocks */

.media {
	margin: 0 0 40px;
	width: 100%;
	overflow: hidden;
}

.media h3 {
	font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.media h3 a {
	color: #544A40;
}

.media h3 a:hover {
	color: black;
}

.media .thumb {
	float: left;
	margin-right: 20px;
	width: 120px;
	height: 80px;
}

.media-body {
	float: left;
	width: 260px;
}

.media-body p {
	margin: 0 0 10px;
}


/* Contact-form */

#contact-form .text {
	width: 285px;
}

#contact-submit {
	float: right;
}


/* Sitemap */

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

#sitemap li {
	font-weight: bold;
}

#sitemap a {
	padding-left: 15px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -447px;
}

#sitemap a:hover {
	background-position: 0 -497px;
}

#sitemap ul {
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	line-height: 200%;
	list-style: none;
}

#sitemap ul li {
	font-weight: normal;
}

#sitemap ul li a {
	padding-left: 15px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -497px;
	color: #544A40;
}

#sitemap ul li a:hover {
	background-position: 0 -547px;
	color: black;
}


/* Search results */

#search-results {
	padding: 0 0 0 20px;
}

#search-results li {
	color: #0078C7;
}

#search-results a {
	font-weight: bold;
	color: #544A40;
}

#search-results a:hover {
	color: black;
}

#search-results p {
	color: black;
}


/* Pagination */

.pagination {
	margin: 0 0 20px;
	overflow: hidden;
}

.pagination p {
	float: left;
	margin: 0;
	color: #544A40;
}

.pagination ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination li {
	float: left;
	margin-left: 20px;
}

.pagination a {
	display: inline-block;
	background: url(../img/arrow-sprite.png) no-repeat;
	line-height: 15px;
	color: #22942B;
}

.pagination a:hover {
	color: #175F1C;
}

.pagination #pagination-prev a {
	padding-left: 22px;
	background-position: 0 -1050px;
}

.pagination #pagination-next a {
	padding-right: 22px;
	background-position: 100% 0;
}

.pagination #pagination-prev a:hover {
	background-position: 0 -1100px;
}

.pagination #pagination-next a:hover {
	background-position: 100% -50px;
}

.pagination span {
	display: inline-block;
	background: url(../img/arrow-sprite.png) no-repeat;
	line-height: 15px;
	color: #9C9A9A;
}

.pagination #pagination-prev span {
	padding-left: 22px;
	background-position: 0 -950px;
}

.pagination #pagination-next span {
	padding-right: 22px;
	background-position: 100% -1000px;
}


/* Partner search */

#partner-search {
	position: relative;
	margin: 0 0 20px;
}


/* Partner search tabs */

#partner-search .tabs {
	border: 0;
}

#partner-search .tabs li {
	float: right;
	margin: 0 0 0 1px;
}

#partner-search .tabs img {
	margin: 0 3px -2px 0;
}


/* Partner search form */

#partner-search-form {
	margin: 0 0 1px;
	padding: 10px;
	background-color: #F3F1EE;
	overflow: hidden;
}

#partner-search-form label,
#partner-search-form button,
#partner-search-form select,
#partner-search-form .text {
	vertical-align: middle;
}

#partner-search-form label {
	display: none;
}

#partner-search-form .text {
	border-color: #CFCAC2;
	font-size: 11px;
}

#partner-search-query {
	width: 330px;
}

#partner-search-view {
	float: right;
	width: 280px;
}


/* Partner list */

#partner-list-view {
	padding: 10px;
	background-color: #E7E3DD;
}

#partner-list-view > .inner {
	padding: 9px;
	height: 405px;
	background-color: #FFF;
	border: 1px solid #979595;
	overflow-x: hidden;
	overflow-y: auto;
}

#partner-list-view table {
	margin: 0;
	font-size: 11px;
}

#partner-list-view th,
#partner-list-view td {
	padding: 3px 10px;
	color: #544A40;
}

#partner-list-view th {
	display: none;
}

#partner-list-view td {
	border-color: #E7E3DD;
}

#partner-list-view .name {
	padding-left: 0;
	font-weight: bold;
}

#partner-list-view .name,
#partner-list-view .name .ellipsis {
	width: 220px;
}

#partner-list-view .url,
#partner-list-view .email,
#partner-list-view .url .ellipsis,
#partner-list-view .email .ellipsis {
	width: 120px;
}

#partner-list-view .row-action {
	padding-right: 0;
	width: 16px;
}

#partner-list-view tr:hover td {
	background-color: #F3F1EE;
}


/* Partner map */

#partner-map-view {
	overflow: hidden;
}

#partner-map {
	float: left;
	margin: 0 20px 0 0;
	width: 438px;
	height: 443px;
	border: 1px solid #979595;
}


/* Partner map items */

#partner-map-items {
	position: relative;
	float: right;
	padding: 10px;
	width: 280px;
	height: 425px;
	background-color: #E7E3DD;
	overflow-y: auto;
}

#partner-map-items .partner {
	margin: 5px 0 0 0;
}

#partner-map-items .partner:first-child {
	margin: 0;
}

.partner {
	position: relative;
	padding: 10px;
	height: 60px;
	background-color: #F3F1EE;
	cursor: default;
}

.partner:hover,
.partner.active {
	background-color: #FFF;
}

.partner:hover:after,
.partner.active:after {
	content: "";
	position: absolute;
	display: block;
	margin: -20px 0 0;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left: 30px solid #89154D;
}

.partner .thumb {
	float: left;
	margin: 0 7px 0 0;
	width: 80px;
	height: 60px;
	background-color: #FFF;
}

.partner .body {
	margin: 0 0 0 87px;
}

.partner h2,
.partner p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.partner h2 {
	margin: 0;
	font-weight: normal;
	line-height: 16px;
	color: #89154D;
}

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

.partner .toolbar {
	margin: 0;
	padding: 0;
	list-style: none;
}

.partner .toolbar li {
	float: left;
	margin: 0 0 0 2px;
}

.partner .toolbar li:first-child {
	margin: 0;
}

.partner .toolbar a {
	float: none;
}


/* Partner info window */

#partner-info-window {
	position: absolute;
	padding: 9px;
	right: 0;
	bottom: 0;
	width: 280px;
	height: 425px;
	background-color: #FFF;
	border: 1px dashed #0078C7;
	overflow-x: hidden;
	overflow-y: auto;
}

#partner-info-window .prev {
	display: block;
	margin: 0 0 10px;
}

#partner-info-window .thumb {
	margin: 0 0 5px;
}

#partner-info-window h2 {
	margin: 0;
	font-weight: normal;
	color: #89154D;
}

#partner-info-window p {
	margin: 0 0 10px;
	font-size: 11px;
}

#partner-info-window .vcard {
	color: #0078C7;
}

#partner-info-window .vcard p {
	margin: 0;
}

#partner-info-window .website-button {
	position: absolute;
	right: 10px;
	bottom: 10px;
}


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

#search-form {
	padding: 0 20px;
}

#search {
	width: 180px;
}

#search-form a {
	color: #22942B;
}

#search-form a:hover {
	color: #175F1C;
}


/* Agenda */

#agenda {
	background-color: #E7E3DD;
}

#agenda ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

#agenda ul a {
	color: #544A40;
}

#agenda ul a:hover {
	color: black;
}

#agenda strong {
	margin-right: 10px;
}


/* Subscribe form */

#subscribe-form {
	border: 1px dashed #0078C7;
}

#subscribe-form input {
	width: 140px;
}


/* Poll form */

#poll-form {
	border: 1px dashed #0078C7;
}

#poll-form h2 {
	margin: 0 0 5px;
}

#poll-form p {
	margin: 0 0 10px;
	font-size: 11px;
	font-weight: bold;
	color: #594F45;
}

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

#poll-form li.last {
	margin: 0;
}

#poll-form button.more {
	float: right;
}


/* Featured products */

#featured-products {
	border: 1px dashed #0078C7;
}

#featured-products h2 {
	margin: 0 0 5px;
}

#featured-products .overview {
	margin: 0 -5px;
	overflow: hidden;
}

#featured-products .product {
	float: left;
	margin: 0 0 0 14px;
	width: 80px;
	font-size: 10px;
}

#featured-products .product:first-child {
	margin: 0;
}

#featured-products .product h3 {
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #544A40;
}

#featured-products .product .more {
	display: block;
}


/* Video block */

#video {
	margin: -20px 0 0;
	overflow: hidden;
}

#video .thumb {
	float: left;
	margin-right: 20px;
	width: 120px;
	height: 100px;
	font-weight: bold;
}

#video .last {
	margin: 0;
}

#video .thumb img {
	margin-bottom: 5px;
}


/* Audio block */

#audio {
	margin: -20px 0 0;
}

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

#audio li {
	padding-left: 10px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -444px;
}

#audio a {
	display: block;
	text-align: right;
}


/* Timeline languages */

#timeline-languages {
	background-color: #E7E3DD;
}

#timeline-languages h2 {
	display: inline;
}

#timeline-languages ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#timeline-languages li {
	display: inline;
}


/* Timeline filter form */

#timeline-filter-form {
	background-color: #E7E3DD;
}

#timeline-filter-form h3 {
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#timeline-filter-form ul {
	margin: 0 0 20px;
}

#timeline-filter-form li {
	margin: 0;
}


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

#service-nav-label {
	float: left;
	margin: 0 20px 0 0;
	width: 160px;
	font: bold 18px "Times New Roman", Times, serif;
	text-align: right;
	line-height: 38px;
	color: #0078C7;
}


/* Service navigation */

#service-nav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#service-nav li {
	float: left;
	margin-right: 30px;
	font-size: 11px;
	line-height: 38px;
}

#service-nav a {
	padding-left: 10px;
	background: url(../img/arrow-sprite.png) no-repeat 0 -497px;
	color: #544A40;
}

#service-nav a:hover {
	background-position: 0 -547px;
	color: black;
}


/* Partners */

#partners {
	margin: 0 auto;
	width: 940px;
}

#partners #partners-tabs {
	margin: 0 0 20px;
	padding: 0 0 5px;
	border-bottom: 1px dashed black;
}

#partners h3 {
	margin: 0 0 10px;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #524A3F; 
}

#partners .partner-list {
	margin: 0 0 20px;
	padding: 10px 0;
	border-top: 1px dashed #9C9A9A;
	list-style: none;
	overflow: hidden;
}

#partners .partner-list li {
	float: left;
	margin: 0 15px 10px 0;
}

#partners .partner-list a {
	display: block;
}

#partners .partner-list img {
	vertical-align: middle;
}


/**
 * LIGHTWINDOWS
 * ----------------------------------------
 */

#player-wrapper {
	padding: 20px;
	width: 380px;
	height: 254px;
	background-color: white;
}

#player-wrapper object {
	display: block;
	margin: 0 0 20px;
}

.player-controls {
	padding: 0 0 0 20px;
	height: 20px;
}

.player-play {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/player-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

.player-play:hover { background-position: 0 -20px; }
.playing .player-play { background-position: -20px 0; }
.playing .player-play:hover { background-position: -20px -20px; }

.player-duration {
	float: left;
	margin: 5px 15px;
	width: 190px;
	height: 10px;
	background-color: #CCC;
	overflow: hidden;
}

.player-elapsed {
	height: 10px;
	background-color: #0083D7;
}

.player-time {
	float: left;
	margin: 0 15px 0 0;
	font-size: 10px;
	line-height: 20px;
	color: #0083D7;
}

.player-mute {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/player-sprite.gif) no-repeat -40px 0;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

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


/**
 * SECTION SPECIFIC
 * ----------------------------------------
 */

.section-home #navigation .selected a, .section-home #navigation .selected a:hover,
.section-agenda #navigation .selected a, .section-agenda #navigation .selected a:hover,
.section-history #navigation .selected a, .section-history #navigation .selected a:hover { position: relative; margin-bottom: -10px; height: 41px; }


/* Home section */

.section-home #navigation .selected a, .section-home #navigation .selected a:hover { background-position: 0 -240px; }


/* Agenda section */

.section-agenda a { color: #22942B; }
.section-agenda a:hover { color: #175F1C; }
.section-agenda h2, .section-agenda h3, .section-agenda h4, .section-agenda h5, .section-agenda h6 { color: #22942B; }
.section-agenda #secondary-nav li { color: #22942B; }
.section-agenda #navigation .selected a, .section-agenda #navigation .selected a:hover { background-position: 0 -322px; }
.section-agenda .mail-icon { background-position: 0 -360px; }
.section-agenda a.mail-icon:hover { background-position: 0 -390px; }
.section-agenda .print-icon { background-position: 0 -420px; }
.section-agenda a.print-icon:hover { background-position: 0 -450px; }
.section-agenda .save-icon { background-position: 0 -480px; }
.section-agenda a.save-icon:hover { background-position: 0 -510px; }
.section-agenda #menu a:hover, .section-agenda #menu .selected a { color: #22942B; }
.section-agenda .related li { background-position: 0 -694px; }


/* History (reformatie) section */

.section-history a { color: #89154D; }
.section-history a:hover { color: #580E31; }
.section-history h2, .section-history h3, .section-history h4, .section-history h5, .section-history h6 { color: #89154D; }
.section-history #secondary-nav li { color: #89154D; }
.section-history #navigation .selected a, .section-history #navigation .selected a:hover { background-position: 0 -281px; }
.section-history .mail-icon { background-position: 0 -180px; }
.section-history a.mail-icon:hover { background-position: 0 -210px; }
.section-history .print-icon { background-position: 0 -240px; }
.section-history a.print-icon:hover { background-position: 0 -270px; }
.section-history .save-icon { background-position: 0 -300px; }
.section-history a.save-icon:hover { background-position: 0 -330px; }
.section-history .more { background-position: 100% -100px; color: #89154D; }
.section-history .more:hover { background-position: 100% -150px; color: #580E31; }
.section-history #search-form a { color: #89154D; }
.section-history #search-form a:hover { color: #580E31; }
.section-history #menu a:hover, .section-history #menu .selected a { color: #89154D; }
.section-history #content-wrapper-overlay { background-image: url(../img/loading-purple.gif); }
.section-history .related li { background-position: 0 -594px; }

.section-history #timeline { background-color: #89154D; }
.section-history #timeline .tooltip { background-position: 0 -600px; }
.section-history #timeline .tooltip:hover { background-position: 0 -630px; }
.section-history #timeline .info { background-position: 0 -600px; }
.section-history #timeline .info:hover { background-position: 0 -630px; }
.section-history #timeline-milestones-wrapper { border-color: #B5889D; }
.section-history #timeline-milestones li { border-color: #A7507A; }
.section-history #timeline-slider { border-color: #B5889D; }
.section-history #timeline-visual .caption { background: none; }
.section-history #timeline-visual .caption p { color: #89154D; }
.section-history .timeline-control, .section-history #timeline-milestones a:hover, .section-history #timeline-milestones .selected a, .section-history #timeline-slider, .section-history #timeline-track, .section-history #timeline-handle { background-image: url(../img/timeline-history-sprite.png); }


/* Partner search */

.section-partner-search #content-span {
	padding: 20px 0 40px 20px;
	width: 760px;
}