/* high contrast stylesheet, for some visually handicapped */


* {
	margin:0;
	padding:0;
}

html,
body {
	background-image:url("../images/canvas/canvas.gif") !important;
	background-repeat:repeat-y !important;
	background:#000 !important;
	color:#DDD;
	font-family:Arial,sans-serif;
	font-size:small;
}

#canvas {
	width:100%;
	padding:0 0 74px 0;
	position:relative;
	font-size:180%;
	line-height:1.4;
	text-align:center;
}

body.text-medium #canvas {
	font-size:210%;
}

body.text-large #canvas {
	font-size:250%;
}

.col-3a {
    float: left;
    width: 33.3334%;
}

.col-3a.col-aside {
	clear:both;
}

/* Specific for OVCP */
.col-3a,
.col-3b { 
	float: none; 
	width: 100%;
}
.col-3b { 
	height: auto;
}
.header-left {
	min-height: 380px;
}
.video ul,
.slider .steps,
.slider .slides li,
.slider .text-container {
	display: none !important;
}

h1 span {
	display: block;
	font-size: 0.526em;
}

.header {
	background-image: none !important;
}

.slider .slides li.for-print{
	position: static !important;
	display: list-item !important;
}

/*/*/

img {
	border:0;
	vertical-align:middle;
}

* html img {
	behavior:url("/ns2009/static/js/pngfix.htc");
}

img.icon {
	margin:-1px 0.1em 0 0.1em;
}

hr {
	visibility:hidden;
	height:1px;
	margin:0;
	clear:both;
}

br.clear {
	clear: both;
}

h1 {
	margin:0 0 0.5em 0;
	color:#FC3;
	font-size:160%;
	clear:both;
}

h2 {
	margin:0 0 0.5em 0;
	color:#FC3;
	font-size:130%;
}

h3,
h4 {
	margin:0 0 0.5em 0;
	font-size:100%;
}

p {
	margin:0.5em 0 1em 0;
}

ol,
ul,
dl {
	margin:0.5em 0 1em 1.4em;
	list-style-position:outside;
}

table {
	width:100%;
	margin:0.5em -2000px 1.5em 0;
	border-collapse:collapse;
	empty-cells:show;
}

	caption {
		padding:1em 0;
		text-align:left;
	}

	th,
	td {
		padding:0.1em 0.2em;
		border:2px solid #568;
		vertical-align:top;
	}
	
	th,
	th.row,
	thead td {
		background:#124;
		text-align:left;
	}
	
	td,
	thead th {
		text-align:center;
	}

a {
	color:#69F;
}

a:visited {
	color:#369;
}

a:hover {
	color:#FFF;
	background:#006;
}

.for-print {
	display:none;
}

.box  {
	clear: both;
}

.handheld {
    display: none;
}

/* header */

#header {
	height:1.7em;
	padding:0.4em 2%;
	background:#FFF;
	color:#000;
	text-align:right;
}

	#header a,
	#header strong {
		float:left;
		padding:0 0.5em 0 0;
		color:#006;
		background:transparent;
		line-height:1.7;
	}
	
	#header #header-logo {
		background-color:#fff;
		padding:0.5em;
		position:relative;
		top:-10px;
	}
	
	#header .cart {
		float:right;
		background-color:#fff;
		padding:0 1em;
		position: relative;
		top: 0;
		right: 200px;
	}
	
	#header .cart strong {
		float:none;
	}
	
	#header .cart p {
		margin:0;
	}
	
	#header .cart p.cart-contents {
		float:left
	}

	#header .skip {
		float:none;
		padding:0 0 0 0.5em;
	}

#vraag-en-antwoord {
	display:none;
	border:2px solid #DDDDDD;
	padding:0.5em 1em 0;
}
	body.vraag-en-antwoord #vraag-en-antwoord {
		display:block;
	}
	
	#vraag-en-antwoord a.close,
	#virtual-agent {
		display:none;
	}



/* navigation */

#navigation {
	width:70%;
	margin:32px auto;
	padding:32px 0 0 0;
	border-top:1px solid #DDD;
	text-align:left;
	clear: left;
}
	
	#navigation-secondary .navigation-menu {
		display:none;
	}

	#navigation-tools {
		position:absolute;
		right:1em;
		top:3.5em;
		width: 150px;
		z-index:1001;
	}

#search {
	margin:32px 0;
}
	
	#search label {
		position:absolute;
		left:-3000em;
	}
	
	#search input.submit {
		height:1.45em;
	}

/* fontscale tool */
.navigation-fontscaler a {
	padding:0 12px 0 0;
}

.navigation-fontscaler a.active {
	color:#FFF;
}

.navigation-fontscaler .text-small {
	font-size:1em;
}

.navigation-fontscaler .text-medium {
	font-size:1.25em;
}

.navigation-fontscaler .text-large {
	font-size:1.5em;
}
	
#footer {
	width:70%;
	margin:32px auto;
	padding:32px 0 0 0;
	overflow:hidden;
	border-top:1px solid #DDD;
	font-size:88%;
	text-align:left;
}

#footer-navigation {
	width:18%;
	float:right;
	margin:2.4em 0 0 0;
	text-align:right;
}

	#footer-navigation ul {
		list-style-type:none;
		margin:0;
	}
	
	#footer-navigation img {
		margin:-3em 0 0.6em;
	}

#footer-tagcloud {
	width:80%;
	float:left;
}	

	#footer-tagcloud ul {
		list-style-type:none;
		margin:0;
		font-size:80%;
	}

		#footer-tagcloud li {
			display:inline;
			line-height:2.4em;
		}
		
			#footer-tagcloud strong {
				font-size:120%;
				font-weight:normal;
				white-space:nowrap;
			}

/* content */

#content {
	position:relative;
	z-index:500;
	width:70%;
	min-width:556px;
	margin:0 auto;
	padding:2.1em 0 0 0;
	text-align:left;
}
	
	#sub-content h1 {
		position:absolute;
		left:-3000em;
	}
		
#back-to-section {
	margin:0 0 1em 0;
}

#content .navigation-submenu {
	margin-bottom:1em;
}

	#content .navigation-menu ul {
		margin-top:0;
		margin-bottom:0;
	}
	
.rounded {
	overflow:hidden;
}

/* articles */

.briefing,
.article-index,
.article-chapter,
.application {
	margin:1em 0 2em 0;
}

#more-articles {
	margin:32px 0;
	padding:26px 0 0 0;
	border-top:1px solid #DDD;
}

	#more-articles .list-links {
		margin:0;
		list-style-type:none;
	}
	
		#more-articles .list-links li {
			margin:0 0 0.5em 0;
		}
	
			#more-articles .list-links li a strong {
				display:block;
				font-size:115%;
			}

a.article-skip { display:none; }

a.briefing-trigger {
	padding-right:0.5em;
	font-size:88%;	
}

.briefing {
	padding:0.5em 1em 0 1em;
	border:2px solid #DDD;
}

body.js-enabled #content .briefings .box {
	display:none;
}

body.js-enabled #content .briefings .open, 
body.js-enabled #content .briefings .active {
	display:block;
}

/**
 *	detail page summary box
 */
.js-enabled .box.summary {
	display:none;
}
	.js-enabled .box.summary.open {
		display:block;
	}

.article-index ol {
	margin:0 0 0 1.4em;
}

.section-index li {
	margin:0 0 0.5em 0;
}
	
	.section-index li a strong {
		display:block;
	}

#content a.scroll-up {
	clear:both;
	margin:32px 0 0 0;
}

/* buttons */

.buttons {
	clear:both;
	overflow:hidden;
	margin:32px 0;
}

	.button,
	.button:visited,
	.button:hover {
		float:left;
		margin:0 1em 0.3em 0;
		padding:0.2em 0.8em;
		border:2px solid #568;
		background:#006;
		font-weight:bold;
		color:#DDD;
		white-space:nowrap;
		text-decoration:none;
	}
	
	.button.shy {
		font-weight:normal;
	}

/* applications */

.application h2 a,
.application h2 a:visited {
	color:#FC3;
	text-decoration:none;
}

.application li strong a,
.application li strong a:visited {
	color:#E00;
}

/* application form */

.form-application fieldset div {
	position:relative;
	padding:2px;
}
	.form-application fieldset div label {
		float:left;
		width:200px;
	}	
		.form-application fieldset div label.inline,
		.form-application fieldset div.indent label,
		.form-application fieldset div.radiogroup label {
			float:none;
			width:auto;
		}

	.form-application input.number,
	.form-application input.year {
		width:60px;
	}

	.form-application input.short {
		width:100px;
	}

/* related */

.article-related,
.section-related {
	margin:32px 0;
	padding:32px 0 0;
	border-top:1px solid #DDD;	
}

.article-related .item,
.section-related .item {
	margin:32px 0;
}

.question a,
.question a:visited {
	color:#FC3;
	text-decoration:none;
}

/* forms */

input,
select,
textarea {
	margin:0;
	font-size:100%;
	line-height:1.3;
	font-family:Arial, sans-serif;
	vertical-align:middle;
}
	.date input.text,
	.time input.text { 
		width:2.3em; 
	}

	body.js-enabled input.replaced { display:none; }

textarea {
	width:100%;
	margin-bottom:0.5em;
}

button {
	padding:0;
	display:block;
	border:0;
	background:transparent;
	font-size:100%;
	cursor:pointer;
}

fieldset {
	display:block;
	margin:1em 0;
	border:0;
}

fieldset.alternative {
	margin-left:1em;
	border:2px solid #556688;
	background:#000066;
	padding:10px;
}
	fieldset legend { display:none; }
	fieldset h3 {
		position:absolute;
		left:-3000em;
	}

	body.js-enabled div.alt-location input.station,
	body.js-enabled fieldset.alt-station { display:none; }

form.reisplanner label {
	float:left;
	clear:left;
	width:200px;
}

form.reisplanner div {
	padding:2px;
}
	form.reisplanner div.option { 
		margin-left:200px;
	}
		form.reisplanner div.option input.text { display:none; } 
		form.reisplanner div.selected input.text { display:inline; }
	
	form.reisplanner label.inline {
		float:none;
		clear:none;
		display:inline;
		width:auto;
	}

#travel-return { 
	display:none; 
}
	.roundtrip #travel-return { 
		display:block; 
	}

td.departure, 
td.arrival {
	background:#124;
	text-align:left;
}
	body.page-reisplanner tr.hidden {
		display:none;
	}

	body.page-reisplanner tr.selected td,
	body.page-reisplanner tr.selected th {
		background:#006;
		color:#FFCC33;
	}

p.error {
	color:#ff0000;
	font-weight:bold;
}
	.error label {
		color:#ff0000;
		font-weight:bold;
	}

#autoComplete {
	display:none;
	position:absolute;
	z-index:10001;
}

/* to-go */

.togo-toolbar  {
	font-size:82%;
}

	.togo-toolbar h3 {
		position:absolute;
		left:-3000em;
	
	}

.dialog {
	position:absolute;
	top:0;
	left:-3000em;
	z-index:10000;
	visibility:hidden;
	width:24em;
	padding:1em;
	background:#006;
	border:2px solid #568;
	font-size:80%;
	text-align:left;
}

.dialog.west {
	margin:0 0 0 -26em;
}

.dialog.east {
	margin:0 0 0 2em;
}

	.dialog .buttons {
		margin-bottom:0;
	}

/* home */

#campaigns-index {
	display:none;
}

#campaigns .campaign,
.advantage-detail {
	position:static;
	overflow:hidden;
	margin:1em 0;
	padding:1em;
	background-repeat:no-repeat;
	color:#FFF;
	opacity:1 !important;
}

* html #campaigns .campaign,
* html .advantage-detail {
	zoom:1;
	filter:alpha(opacity=100) !important;
}

	#campaigns .campaign h2 {
		margin:0 0 0.3em 0;
		font-weight:normal;
		line-height:1.1;
		color:#FFF;
	}
	
	.category {
		min-height:149px;
		background:no-repeat;
		padding-left:230px;
		clear:both;
	}
		
	.category h3,
	.category p,
	.advantage-detail h3,
	.advantage-detail p,
	#campaigns .campaign p {
		float:left;
		margin:0 20px 1em 0;
		padding:0.3em 0.8em;
		background:#000;
	}
	
	.homepage #campaigns .campaign p {
		float:none;
	}
	
	.homepage #campaigns .campaign p.actions {
		background:none;
	}
	
	.category .sticker b.discount {
		margin-right: 10px;
	}
	
	.category .weekdeal,
	.category strong.sold-out {
		padding:0.3em 0.8em;
		margin:0 20px 1em 0;
		background:#000;
	}
	
	#campaigns .campaign .sticker {		
		float:right;
		margin:0 0 5px 0;
	}
	
	
	#campaigns .campaign .sticker:hover {
		background-color:transparent;
	}
	
	#campaigns .campaign .buttons {
		clear:both;
		float:left;
		margin:0;
	}

.cover-frm {
	position:absolute;
	z-index:9998;
	display:none;
	width:0;
	height:0;
	border:0;
	filter:alpha(opacity=0);
}

.promo,
.top,
.bottom {
	display:none;
}

.pointer {
	position:absolute;
	z-index:10000;
	background:#FC3;
}

/* reisadvies */

.travel-advice, 
.advice-details {
	clear:both;
}

.directions img {
	clear:both;
	
}

.directions li, 
.controls li {
	list-style:none;
	float:left;
	margin:.5em;
}

.overlay {
	display:none;
}

.pages {
	clear:both;
	text-align:center;
	background-color:#000;
}

.pages a.forward {float:right;}
.pages a.back {float:left;}
h2.slim,
a.map {display:none;}

.details,
#navigation-advantages-overview {clear:both;}

.equal {height:auto !important;} 

/* Abonnementenwijzer */
.advies .submit {
	margin-top: 5px;
	clear: left;
}

.advies div.adviescontent {
	margin-left:20px;
	padding-left:192px;	
}

.advies .adviescontent .field {
	clear: both;
}

.advies .vragen .selected {
	color:#FFF;
	background:#006;
}

.advies .vragen .tekst {
	margin-right: 10px;
}

.advies .adviescontent {
	clear: both;
}

.advies .vragen {
	clear: both;
}

.advies .slider-input {
	display: block !important;
}

.advies .advies-checkboxes input {
	float: left;
	display: block !important;
	margin-top: 8px;
	clear: left;
}

.advies .advies-checkboxes-week input  {
	float: left;
	display: block !important;
	margin-left: 2.2em;
	margin-right: 0px;
	width: 14px;
}

.advies .label-spitstijd {
	padding-left: 75px;
}

.advies .clearer {
	clear: both;
}

.advies .label-spitstijd {
	float: left;
}

.advies .advies-checkboxes label {
	float: left;
	display:block;
	margin-left: 8px;
}

.advies div.slider {
	display: none;
}

.advies .checkbox {
	display: block;
}

.advies .slider-tick, .advies .slider-track, .advies .slider-thumb {
	display: none;
}

.advies .sliderRadios label{
	margin-left: 8px;
}

.advies-location-select-img {
	display: none;
}

.advies-proceed-button {
	margin-top: 10px;
}

.advies .adviesvenster a.button {
	float: none;
}

#dialog-email-advies {
	left: 100px !important;
}

#dialog-email-advies .disclaimer {
	clear: left;
}

.advies-mail-preview {
	clear: left;
}

.advies-mail-preview {
	background-color: #fff;
	clear: left;
}

.advies-mail-preview table {
	margin: 0px;
	border-collapse: separate;
}

.advies-mail-preview td {
	text-align: left;
	border: 0px;
	padding: 0px;
}

/* Styling for wicket autocomplete */
div.wicket-aa-container {
	height: 9em;
	width: 300px;
	overflow: auto;
}

	div.wicket-aa-container ul {
		padding-left: 4px;
		padding-right: 4px;
		margin: 0;
	}

	div.wicket-aa {
		background-color: #fff;
		color: #000;
	}
	
	div.wicket-aa-container ul li{
		margin: 0;
		padding: 2px 4px 2px 2px;
	}

	/* Styling for jquery autocomplete */
	ul.ui-autocomplete {
		position: absolute;
		list-style: none;
		background-color: #fff;
		border: 1px solid #B2B2D1;
		height: 10.5em;
		overflow-y: scroll;
	}
	
	ul.ui-autocomplete li a {
		display: block;
		padding: 0 4px;
		color: #000;
	}
	
	ul.ui-autocomplete li a.ui-state-hover {
		background-color: #3399FF;
	}
	
	ul.ui-autocomplete li {
		margin: 0;
		cursor: default;
		text-align: left;
	}

	.page-reisplanner td.icon-container div {
		display: none;
	}
	
	.page-reisplanner td.icon-container div.js-only{
		display: table-row;
		background-color: #fff;
	}
	
	.page-reisplanner td.icon-container div.js-only a:hover{
		background-color: #ccc;
	}
	
	table tr.poi-info {
		display: none;
	}
	
	body.js-enabled table.advice tr.facilities,
	body.js-enabled table.advice tr.intermediate, 
	body.js-enabled table.advice tr.route,
	body.js-enabled table.advice tr.station-facilities,
	body.js-enabled div.ticket-rates .extended,
	body.js-enabled div.co2-details
	{
		display:none;
	}
		body.js-enabled table.advice tr.display-facilities,
		body.js-enabled div.display-stations tr.intermediate, 
		body.js-enabled div.display-route tr.route,
		body.js-enabled table.advice tr.display-station-facilities
		{
			display:table-row;
			*display:block;
		}

		body.js-enabled table.advice tr.intermediate.station-facilities {
			display: none;
		}

		body.js-enabled div.display-stations table.advice tr.intermediate.station-facilities.display-station-facilities {
			display: table-row;
			*display:block;
		}
		
		div.display-rates table.rates tr.extended {
			display:table-row !important;
			*display:block !important;
		}

		div.display-rates table.rates tr.extended,
		div.display-co2 div.co2-details {
			display:block;
		}

		body.js-enabled div.ticket-rates p {
			display: none;
		}
		
		body.js-enabled div.ticket-rates .discount-prices {
			display: none;
		}
		
		div.display-rates div.ticket-rates p {
			display: block !important;
		}		

		div.display-rates div.ticket-rates .discount-prices {
			display: block !important;
		}		
		
		div.display-rates table.rates.extended {
			display: block !important;
		}
	
	.page-reisplanner td.station-name .more {
		display: none;
	}

	.page-reisplanner td.station-name a.active .more,
	.page-reisplanner td.station-name a:hover .more {
		display: inline;
	}
	
	.steps-bar-checkout li {
		display: none;
	}
	
		.steps-bar-checkout li.active {
			display: block;
		}
	
/* Beeldbank */	
ul.files li a {
    line-height: 150px;
    padding-top: 100px;
}

/* Spoordeel */
.advantages h1 > span.shadow {
	display: none;
}

.navigation-date {
	display: inline;
}

.calendar.spoordeel td.past {
	background-color: #112244;
	color: #000066;
}

.calendar.spoordeel td a {
	color: #fff;
}

.calendar.spoordeel td.limited a {
	color: #6699ff;
}

.calendar.spoordeel td.unavailable {
	color: #000066;
}

.calendar.spoordeel .calendar-navigation span {
    padding-right: 5px;
}

.calendar.spoordeel dt{
    float: left;
    height: 20px;
    width: 20px;
    background-color: #fff;
    margin-top: 4px;
}
.calendar.spoordeel dt.limited{
    background-color: #6699ff;
}
.calendar.spoordeel dt.unavailable{
    background-color: #000066;
}
.calendar.spoordeel dd{
    margin-left: 35px;
}
div.error a.drawer-switch {
	color:#fff;
	text-decoration:none;
}
div.error a.drawer-switch:hover {
	color:#fff;
	background:none;
}
div.error a.more {
	color:#fff
}

.banner-travelcarriers {background: none!important;}

/* readspeaker */
.readspeaker-box {
	font-size: 12px;
}

.ie-select {
	width: auto !important;
	height: auto !important;
	background: none !important;
}

.ie-select input[type=text].text, .ie-select img {
	display: none !important;
}

.ie-select select {
	width: auto !important;
	height: auto !important;
	position: static !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/*Livepresence chat*/
.cAgentLine {
    color: #006;
}

/* generic styling for all sites */
 .campaign h2.shaded span {
     background: #000;
     padding: 0.1em 0.15em;
 }

 .campaign h2.shaded > span.shadow {
     display: none;
 }
 
.campaign p > span.shadow {
    display: none;
} 

.campaign h2.alt-text {
    display: block;
}

.campaign h2.alt-text span {
    background: #000;
    padding: 0.1em 0.5em;
}