/* Minification failed. Returning unminified contents.
(1360,1): run-time error CSS1019: Unexpected token, found '@charset'
(1360,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1360,17): run-time error CSS1019: Unexpected token, found ';'
 */
/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon {*/
	/*display: block;*/
	/*text-indent: -99999px;*/
	/*overflow: hidden;*/
	/*background-repeat: no-repeat;*/
/*}*/


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
    font-size:15px;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("/Downloads/jquery-ui-1.10.3/themes/base/images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget-content {
	border: 1px solid #eee/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content table tbody tr:nth-child(even) {
    background:white;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	background-color: #F29300;
	color: #fff/*{fcHeader}*/;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {

	background: #000;
	font-weight: normal/*{fwDefault}*/;
	color: #fff/*{fcDefault}*/;
}
.ui-state-disabled .ui-state-default {
    background:#eee;
    color:#999;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #F29300;
	font-weight: normal/*{fwDefault}*/;
	color: #fff/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    background: #F29300;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #F29300;
    color: #fff;
    font-weight:400;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #F29300;
	color: #fff;
    font-weight:400;
}*/
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #fff/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
/*.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}*/
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons*/
/*----------------------------------*/

/* states and images */
/*.ui-icon {*/
	/*width: 16px;*/
	/*height: 16px;*/
/*}*/
/*.ui-icon,*/
/*.ui-widget-content .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_222222_256x240.png)*//**//*{iconsContent}*//**//*;*/
/*}*/
/*.ui-widget-header .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_222222_256x240.png)*//**//*{iconsHeader}*//**//*;*/
/*}*/
/*.ui-state-default .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_888888_256x240.png)*//**//*{iconsDefault}*//**//*;*/
/*}*/
/*.ui-state-hover .ui-icon,*/
/*.ui-state-focus .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_454545_256x240.png)*//**//*{iconsHover}*//**//*;*/
/*}*/
/*.ui-state-active .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_454545_256x240.png)*//**//*{iconsActive}*//**//*;*/
/*}*/
/*.ui-state-highlight .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_2e83ff_256x240.png)*//**//*{iconsHighlight}*//**//*;*/
/*}*/
/*.ui-state-error .ui-icon,*/
/*.ui-state-error-text .ui-icon {*/
	/*background-image: url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-icons_cd0a0a_256x240.png)*//**//*{iconsError}*//**//*;*/
/*}*/

/* positioning */
/*.ui-icon-blank { background-position: 16px 16px; }*/
/*.ui-icon-carat-1-n { background-position: 0 0; }*/
/*.ui-icon-carat-1-ne { background-position: -16px 0; }*/
/*.ui-icon-carat-1-e { background-position: -32px 0; }*/
/*.ui-icon-carat-1-se { background-position: -48px 0; }*/
/*.ui-icon-carat-1-s { background-position: -64px 0; }*/
/*.ui-icon-carat-1-sw { background-position: -80px 0; }*/
/*.ui-icon-carat-1-w { background-position: -96px 0; }*/
/*.ui-icon-carat-1-nw { background-position: -112px 0; }*/
/*.ui-icon-carat-2-n-s { background-position: -128px 0; }*/
/*.ui-icon-carat-2-e-w { background-position: -144px 0; }*/
/*.ui-icon-triangle-1-n { background-position: 0 -16px; }*/
/*.ui-icon-triangle-1-ne { background-position: -16px -16px; }*/
/*.ui-icon-triangle-1-e { background-position: -32px -16px; }*/
/*.ui-icon-triangle-1-se { background-position: -48px -16px; }*/
/*.ui-icon-triangle-1-s { background-position: -64px -16px; }*/
/*.ui-icon-triangle-1-sw { background-position: -80px -16px; }*/
/*.ui-icon-triangle-1-w { background-position: -96px -16px; }*/
/*.ui-icon-triangle-1-nw { background-position: -112px -16px; }*/
/*.ui-icon-triangle-2-n-s { background-position: -128px -16px; }*/
/*.ui-icon-triangle-2-e-w { background-position: -144px -16px; }*/
/*.ui-icon-arrow-1-n { background-position: 0 -32px; }*/
/*.ui-icon-arrow-1-ne { background-position: -16px -32px; }*/
/*.ui-icon-arrow-1-e { background-position: -32px -32px; }*/
/*.ui-icon-arrow-1-se { background-position: -48px -32px; }*/
/*.ui-icon-arrow-1-s { background-position: -64px -32px; }*/
/*.ui-icon-arrow-1-sw { background-position: -80px -32px; }*/
/*.ui-icon-arrow-1-w { background-position: -96px -32px; }*/
/*.ui-icon-arrow-1-nw { background-position: -112px -32px; }*/
/*.ui-icon-arrow-2-n-s { background-position: -128px -32px; }*/
/*.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }*/
/*.ui-icon-arrow-2-e-w { background-position: -160px -32px; }*/
/*.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }*/
/*.ui-icon-arrowstop-1-n { background-position: -192px -32px; }*/
/*.ui-icon-arrowstop-1-e { background-position: -208px -32px; }*/
/*.ui-icon-arrowstop-1-s { background-position: -224px -32px; }*/
/*.ui-icon-arrowstop-1-w { background-position: -240px -32px; }*/
/*.ui-icon-arrowthick-1-n { background-position: 0 -48px; }*/
/*.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }*/
/*.ui-icon-arrowthick-1-e { background-position: -32px -48px; }*/
/*.ui-icon-arrowthick-1-se { background-position: -48px -48px; }*/
/*.ui-icon-arrowthick-1-s { background-position: -64px -48px; }*/
/*.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }*/
/*.ui-icon-arrowthick-1-w { background-position: -96px -48px; }*/
/*.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }*/
/*.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }*/
/*.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }*/
/*.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }*/
/*.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }*/
/*.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }*/
/*.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }*/
/*.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }*/
/*.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }*/
/*.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }*/
/*.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }*/
/*.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }*/
/*.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }*/
/*.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }*/
/*.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }*/
/*.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }*/
/*.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }*/
/*.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }*/
/*.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }*/
/*.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }*/
/*.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }*/
/*.ui-icon-arrow-4 { background-position: 0 -80px; }*/
/*.ui-icon-arrow-4-diag { background-position: -16px -80px; }*/
/*.ui-icon-extlink { background-position: -32px -80px; }*/
/*.ui-icon-newwin { background-position: -48px -80px; }*/
/*.ui-icon-refresh { background-position: -64px -80px; }*/
/*.ui-icon-shuffle { background-position: -80px -80px; }*/
/*.ui-icon-transfer-e-w { background-position: -96px -80px; }*/
/*.ui-icon-transferthick-e-w { background-position: -112px -80px; }*/
/*.ui-icon-folder-collapsed { background-position: 0 -96px; }*/
/*.ui-icon-folder-open { background-position: -16px -96px; }*/
/*.ui-icon-document { background-position: -32px -96px; }*/
/*.ui-icon-document-b { background-position: -48px -96px; }*/
/*.ui-icon-note { background-position: -64px -96px; }*/
/*.ui-icon-mail-closed { background-position: -80px -96px; }*/
/*.ui-icon-mail-open { background-position: -96px -96px; }*/
/*.ui-icon-suitcase { background-position: -112px -96px; }*/
/*.ui-icon-comment { background-position: -128px -96px; }*/
/*.ui-icon-person { background-position: -144px -96px; }*/
/*.ui-icon-print { background-position: -160px -96px; }*/
/*.ui-icon-trash { background-position: -176px -96px; }*/
/*.ui-icon-locked { background-position: -192px -96px; }*/
/*.ui-icon-unlocked { background-position: -208px -96px; }*/
/*.ui-icon-bookmark { background-position: -224px -96px; }*/
/*.ui-icon-tag { background-position: -240px -96px; }*/
/*.ui-icon-home { background-position: 0 -112px; }*/
/*.ui-icon-flag { background-position: -16px -112px; }*/
/*.ui-icon-calendar { background-position: -32px -112px; }*/
/*.ui-icon-cart { background-position: -48px -112px; }*/
/*.ui-icon-pencil { background-position: -64px -112px; }*/
/*.ui-icon-clock { background-position: -80px -112px; }*/
/*.ui-icon-disk { background-position: -96px -112px; }*/
/*.ui-icon-calculator { background-position: -112px -112px; }*/
/*.ui-icon-zoomin { background-position: -128px -112px; }*/
/*.ui-icon-zoomout { background-position: -144px -112px; }*/
/*.ui-icon-search { background-position: -160px -112px; }*/
/*.ui-icon-wrench { background-position: -176px -112px; }*/
/*.ui-icon-gear { background-position: -192px -112px; }*/
/*.ui-icon-heart { background-position: -208px -112px; }*/
/*.ui-icon-star { background-position: -224px -112px; }*/
/*.ui-icon-link { background-position: -240px -112px; }*/
/*.ui-icon-cancel { background-position: 0 -128px; }*/
/*.ui-icon-plus { background-position: -16px -128px; }*/
/*.ui-icon-plusthick { background-position: -32px -128px; }*/
/*.ui-icon-minus { background-position: -48px -128px; }*/
/*.ui-icon-minusthick { background-position: -64px -128px; }*/
/*.ui-icon-close { background-position: -80px -128px; }*/
/*.ui-icon-closethick { background-position: -96px -128px; }*/
/*.ui-icon-key { background-position: -112px -128px; }*/
/*.ui-icon-lightbulb { background-position: -128px -128px; }*/
/*.ui-icon-scissors { background-position: -144px -128px; }*/
/*.ui-icon-clipboard { background-position: -160px -128px; }*/
/*.ui-icon-copy { background-position: -176px -128px; }*/
/*.ui-icon-contact { background-position: -192px -128px; }*/
/*.ui-icon-image { background-position: -208px -128px; }*/
/*.ui-icon-video { background-position: -224px -128px; }*/
/*.ui-icon-script { background-position: -240px -128px; }*/
/*.ui-icon-alert { background-position: 0 -144px; }*/
/*.ui-icon-info { background-position: -16px -144px; }*/
/*.ui-icon-notice { background-position: -32px -144px; }*/
/*.ui-icon-help { background-position: -48px -144px; }*/
/*.ui-icon-check { background-position: -64px -144px; }*/
/*.ui-icon-bullet { background-position: -80px -144px; }*/
/*.ui-icon-radio-on { background-position: -96px -144px; }*/
/*.ui-icon-radio-off { background-position: -112px -144px; }*/
/*.ui-icon-pin-w { background-position: -128px -144px; }*/
/*.ui-icon-pin-s { background-position: -144px -144px; }*/
/*.ui-icon-play { background-position: 0 -160px; }*/
/*.ui-icon-pause { background-position: -16px -160px; }*/
/*.ui-icon-seek-next { background-position: -32px -160px; }*/
/*.ui-icon-seek-prev { background-position: -48px -160px; }*/
/*.ui-icon-seek-end { background-position: -64px -160px; }*/
/*.ui-icon-seek-start { background-position: -80px -160px; }*/
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/*.ui-icon-seek-first { background-position: -80px -160px; }*/
/*.ui-icon-stop { background-position: -96px -160px; }*/
/*.ui-icon-eject { background-position: -112px -160px; }*/
/*.ui-icon-volume-off { background-position: -128px -160px; }*/
/*.ui-icon-volume-on { background-position: -144px -160px; }*/
/*.ui-icon-power { background-position: 0 -176px; }*/
/*.ui-icon-signal-diag { background-position: -16px -176px; }*/
/*.ui-icon-signal { background-position: -32px -176px; }*/
/*.ui-icon-battery-0 { background-position: -48px -176px; }*/
/*.ui-icon-battery-1 { background-position: -64px -176px; }*/
/*.ui-icon-battery-2 { background-position: -80px -176px; }*/
/*.ui-icon-battery-3 { background-position: -96px -176px; }*/
/*.ui-icon-circle-plus { background-position: 0 -192px; }*/
/*.ui-icon-circle-minus { background-position: -16px -192px; }*/
/*.ui-icon-circle-close { background-position: -32px -192px; }*/
/*.ui-icon-circle-triangle-e { background-position: -48px -192px; }*/
/*.ui-icon-circle-triangle-s { background-position: -64px -192px; }*/
/*.ui-icon-circle-triangle-w { background-position: -80px -192px; }*/
/*.ui-icon-circle-triangle-n { background-position: -96px -192px; }*/
/*.ui-icon-circle-arrow-e { background-position: -112px -192px; }*/
/*.ui-icon-circle-arrow-s { background-position: -128px -192px; }*/
/*.ui-icon-circle-arrow-w { background-position: -144px -192px; }*/
/*.ui-icon-circle-arrow-n { background-position: -160px -192px; }*/
/*.ui-icon-circle-zoomin { background-position: -176px -192px; }*/
/*.ui-icon-circle-zoomout { background-position: -192px -192px; }*/
/*.ui-icon-circle-check { background-position: -208px -192px; }*/
/*.ui-icon-circlesmall-plus { background-position: 0 -208px; }*/
/*.ui-icon-circlesmall-minus { background-position: -16px -208px; }*/
/*.ui-icon-circlesmall-close { background-position: -32px -208px; }*/
/*.ui-icon-squaresmall-plus { background-position: -48px -208px; }*/
/*.ui-icon-squaresmall-minus { background-position: -64px -208px; }*/
/*.ui-icon-squaresmall-close { background-position: -80px -208px; }*/
/*.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }*/
/*.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }*/
/*.ui-icon-grip-solid-vertical { background-position: -32px -224px; }*/
/*.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }*/
/*.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }*/
/*.ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/


/* Misc visuals
----------------------------------*/

/* Corner radius */
/*.ui-corner-all,*/
/*.ui-corner-top,*/
/*.ui-corner-left,*/
/*.ui-corner-tl {*/
	/*border-top-left-radius: 4px*//*{cornerRadius}*//*;*/
/*}*/
/*.ui-corner-all,*/
/*.ui-corner-top,*/
/*.ui-corner-right,*/
/*.ui-corner-tr {*/
	/*border-top-right-radius: 4px*//*{cornerRadius}*//*;*/
/*}*/
/*.ui-corner-all,*/
/*.ui-corner-bottom,*/
/*.ui-corner-left,*/
/*.ui-corner-bl {*/
	/*border-bottom-left-radius: 4px*//*{cornerRadius}*//*;*/
/*}*/
/*.ui-corner-all,*/
/*.ui-corner-bottom,*/
/*.ui-corner-right,*/
/*.ui-corner-br {*/
	/*border-bottom-right-radius: 4px*//*{cornerRadius}*//*;*/
/*}*/

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(../../../../../../../Downloads/jquery-ui-1.10.3/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	/*border-radius: 8px*//*{cornerRadiusShadow}*//*;*/
}

/*!
 * jQuery UI Datepicker 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	z-index: 9999 !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 2em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.6em;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

@charset "UTF-8";

@font-face {
    font-family: 'nunitolight';
    src: url('/fonts/nunito-light-webfont.eot');
    src: url('/fonts/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/nunito-light-webfont.woff') format('woff'),
    url('/fonts/nunito-light-webfont.ttf') format('truetype'),
    url('/fonts/nunito-light-webfont.svg#nunitolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitoregular';
    src: url('/fonts/nunito-regular-webfont.eot');
    src: url('/fonts/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/nunito-regular-webfont.woff') format('woff'),
    url('/fonts/nunito-regular-webfont.ttf') format('truetype'),
    url('/fonts/nunito-regular-webfont.svg#nunitoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitobold';
    src: url('/fonts/nunito-bold-webfont.eot');
    src: url('/fonts/nunito-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/nunito-bold-webfont.woff') format('woff'),
    url('/fonts/nunito-bold-webfont.ttf') format('truetype'),
    url('/fonts/nunito-bold-webfont.svg#nunitobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #fff ;
    font-family: 'nunitolight', Arial;
    font-size: 16px;
    color: #000;
}
.ie8 body,
.lt-ie8 body { font-family:Arial; }

[ng-click]{ cursor: pointer}
[ng-cloak] { display: none}

.no-js #reisplanner {display: none}
.no-js #reisplanner.nojs {display: block}

.no-js-planner {display:none;}
.no-js .no-js-planner {
    display: block;
    padding-left: 30px;
    padding-top: 100px;
    width: 350px;
}
.no-js-planner.winterweer {
    background: #FFF;
    margin-top: 50px;
    position: relative;
    padding: 30px !important;
}
.page-statusupdates-hor {
    display:none;
}
.no-js .page-statusupdates-hor {
    display:block;
}
.js .no-javascript { display: none}
.no-js .no-javascript { display: block }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

a.ui-datepicker-prev,
a.ui-datepicker-next {
    cursor:pointer !important;
}

/*.homepage {background:#FDF7F4 url(/img/bgr_dot_flat.png) repeat left top; }*/
address {
    margin-bottom:30px;
    font-style:normal;
}
h1,h2,h3,h4 {
    margin: 0 0 20px 0;
    padding:0;
    font-weight:300;
}
h1 {
    font-size:40px;
}
.doc-section h1,
.doc-section h2 {
    font-size:30px;

}
.doc-section h1 {
    text-align:left;
    margin-bottom: 50px;
}

h2 {
    font-size:26px;
}
h2.centered {
    text-align:center;
    margin-bottom:50px;
}
h2.inline-h {
    font-size:30px;
    margin:50px 0 0;
    float:left;
    width:100%;
}
h3 {
    font-size:20px;
}
h4 {
    font-size:16px;
    margin-bottom:0px;
    font-weight:400;
}

p {
    margin:0 0 30px 0;
    line-height:24px;
    font-size: 16px;
}
div.p-intro p {
    font-size:20px;
    line-height:30px;
}
div.centered-intro {
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
div.centered-intro p {
    padding:0 10%;
    text-align:center;
}
.text-center {

    /*float:left;
    width:70%;
    padding:0 15%;*/
    text-align:center;
}
.printonly { display: none}
strong, b { font-family: 'nunitoregular', Arial; font-weight:normal; }
.ie8 strong,
.lt-ie8 strong,
.ie8 b,
.lt-ie8 b { font-family: Arial; font-weight:bold; }

ul, ol {
    margin:0 0 30px 0;
    padding:0;
    line-height:24px;

}
ol { margin-left:25px; }
ol li { margin-bottom:0; /*list-style: lower-latin;*/}
ul li {
    background:url(/img/bullet.png) no-repeat left 10px;
    background-size:6px 6px;
    padding-left:20px;
    list-style:none;
    font-size: 16px;
}

.ol-special ol {
    list-style-type: none;
    float:left;
    width:100%;
    margin:0 0 30px 0;
}

.ol-special ol > li {
    counter-increment: customlistcounter;
    position:relative;
    list-style-type: none;
    float:left;
    width:47%;
    margin:0 0 30px 5%;
}
.ol-special ol li:first-child,
.ol-special ol li:first-child + li + li,
.ol-special ol li:first-child + li + li + li + li {

    margin-left:0;
}
.ol-special ol > li > div {
    padding-left:80px;
}
.ol-special ol > li .number {
    content: counter(customlistcounter) " ";
    position:absolute;
    left:0;
    top:0;
    padding:20px 0;
    height:20px;
    width:60px;
    text-align:center;
    font-size:18px;
    color:white;
    background:url(/img/specialol-colors.png) no-repeat left top;
}
.ol-special ol > li.red .number {
    background-position:left -60px;
}
.ol-special ol > li.orange .number {
    background-position:left -120px;
}

.ol-special:first-child {
    counter-reset: customlistcounter;
}

.js .map-js {
    display:block;
}
.js .map-no-js,
.no-js .map-js {
    display:none;
}

a {
    color:#67AAF2; /* #008500*/
    /*-moz-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;*/
}
a:hover {
    text-decoration: none;
    /*-moz-transition: all 0.2s easeOutQuad;
    -webkit-transition: all 0.2s easeOutQuad;
    -ms-transition: all 0.2s easeOutQuad;
    transition: all 0.2s easeOutQuad;*/
}
img,
a img { border:0; }
img { max-width:100%; }

.p-btn {
    float:left;
    width:100%;
}
.p-btn a {
    display: inline-block;
    padding:8px 20px;
    background:#000;
    color:#FFF;
    text-decoration: none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
}
.p-btn a.arrowed,
button.arrowed,
input.arrowed {
    background:#000 url(/img/arrow-white8-12.png) no-repeat 92% center;
    background-size:8px 12px;
    padding:8px 35px 8px 20px;
    /*background: url("/img/arrow-white8-12.png") no-repeat scroll 88% center / 8px 10px #000000;
    padding: 6px 35px 6px 15px;*/
}
.p-btn a:hover {
    background-color:#333;
}
.p-btn a:active {
    background-color:#151515;
}

.p-btn-square {
    float:left;
    width:100%;
    text-align:center;
    margin-bottom: 0 !important;
}
.p-btn-square a,
.p-btn-square .link {
    display: inline-block;
    width:45px;
    height:45px;
    background:#000 url(/img/arrow-white8-12.png) no-repeat center center;
}
.p-btn-square a:hover,
.p-btn-square .link:hover {
    background-color:#333;
}
.p-btn-square a:active,
.p-btn-square .link:active {
    background-color:#151515;
}
.p-btn-square a span,
.p-btn-square .link span { display:none;}

.ingangen-iconed-blue a,
.ingangen-iconed-blue .link {
    background-color:#22ACF4;
}
.ingangen-iconed-blue a:hover,
.ingangen-iconed-blue .link:hover {
    background-color:#0080B1;
}
.ingangen-iconed-blue .p-btn-square a:active,
.ingangen-iconed-blue .link:active {
    background-color:#0080B1;
}

.ingangen-iconed-orange a,
.ingangen-iconed-orange .link {
    background-color:#F6921C;
}
.ingangen-iconed-orange a:hover,
.ingangen-iconed-orange .link:hover {
    background-color:#E27E08;
}
.ingangen-iconed-orange .p-btn-square a:active,
.ingangen-iconed-orange .link:active {
    background-color:#F6921C;
}
.mosaic-regular li .p-btn-square a {
    background-color:#0080B1;
}
.mosaic-regular li .p-btn-square a:hover {
    background-color:#006b94;
}

/* icon sprite */
.advanced-tabbed .advanced-tabbed-tabs li a,
.advanced-tabbed .advanced-tabbed-container h2,
.lijnoverzicht dt,
.hp-route-warning,
.btn-looproute a,
.hp-route-cta ul li a,
.btn-totop a,
.btn-close a,
a.btn-route-options,
#reisplanner .hp-planner-foldout>div .foldout-close,
.lijn-disruptions ul li .icon,
.onbekende-route h2,
.b-wijziging-summery h2,
.b-wijziging-advies h2,
.cycle-pager a {
    background-image:url(/img/icon-sprite.png);
    background-size:100px 2500px;
    background-repeat: no-repeat;
}

table  {
    float:left;
    width:100%;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-spacing: 0;
    border-collapse: collapse;
    margin:0 0 30px 0;
}
table thead th {
    padding: 15px;
    text-align: left;
    font-family: 'nunitoregular', Arial;
    font-weight:normal;
}
.ie8 table thead th,
.lt-ie8 table thead th { font-family:Arial; font-weight:bold; }
.table-klantenservice thead th { min-height:43px; }
.table-klantenservice tbody tr:nth-child(even) {
    background: #FFF;
}
table  th {
    border-bottom: 1px solid #E5E5E5;
}
table tbody tr:nth-child(even) {
    background:#FEF4F4;
}
table tbody tr.odd {
    background:#FEF4F4;
}
.hp-results-layover-inner table tbody tr:nth-child(even) {
    background:#F2E7E7;
}
.hp-results-layover-inner table tbody tr.odd {
    background:#F2E7E7;
}

table  td {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px;
}
table.table-klantenservice tbody tr td.escape { width:25%; }

.frow {
    float:left;
    width:100%;
    margin-bottom:10px;
    position: relative;
}
.frow .control {
    position: relative;
}
.frow .control .loader {
    position: absolute;
    right: -1px;
    top: 7px;
    z-index: 2;
}


figure {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    position:relative;
    display:block;
}
figure.alignLeft {
    float:left;
    width:50%;
    margin:0 30px 0px -40px;
}
figure.alignRight {
    float:right;
    width:50%;
    margin:0 -40px 0px 30px;
}
figure figcaption {
    color:#555;
    font-size:14px;
}

fieldset { padding:0 !important; border:0; margin:0; }

.input-text {
    border:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
    box-shadow:inset 0 0 3px rgba(0,0,0,0.5);
    padding:13px 10px 10px;
    width:100%;
    overflow:hidden;
    display:block;
    font-size:16px;
    font-family: 'nunitolight', Arial;
}
.onbekende-route .input-text {
    padding-top:11px;
}
/*
.inputText, textarea {
    font-family: 'Nunito', sans-serif;
    padding:7px;
    display: inline-block;
    border:1px solid #c2dfb5;
    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px  2px rgba(0,0,0,0.05);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    background:#fff;
    color:#008500;
    font-size:16px;
}*/
textarea { min-height:75px; }


.input-submit {
    border:0;
    display: inline-block;
    padding:8px 20px;
    background:#000;
    color:#FFF;
    font-size:16px;
    text-decoration: none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    font-family: 'Nunito', sans-serif;
    -webkit-appearance: none;
}
.input-submit:hover {
    background-color:#333;
    cursor:pointer;
}

.input-select option {
    background:#fff;
    border:0;
}

.htm-form {
    float:left;
    width:100%;
    margin:0 0 40px 0;
}
.htm-form .contentWide { padding-bottom:0; }
.htm-form fieldset {
    float:left;
    width:60%;
    margin:0 0 40px 0;
}
.htm-form legend {
    font-size:32px;
    padding:0;
    margin:0 0 30px 0;
}
.htm-form .row { margin-bottom:20px; position:relative; }
.htm-form .rowSubmit .inputSubmit {
    margin:0 0 20px 0;
}
.htm-form .row p { margin:0; }
.htm-form .row p a {
    font-size:13px;
    color:#545454;
}
.htm-form label {
    display: block;
    margin-bottom: 10px;
}
.htm-form input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin:0;
}
.htm-form select { margin:0; width:60%; }
.htm-form span.label {
    display: block;
    margin:0 0 10px 0;
}
.inputText, textarea {
    font-family: 'nunitolight', sans-serif;
    padding:7px;
    display: inline-block;
    border:2px solid #E7E7E7;
    background:#fff;
    font-size:16px;
    font-weight:300;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.inputText[type="password"] {
    font-family:Arial;
}

.inputText:hover, textarea:hover {
    border-color:#d5d5d5;
}
.inputText:focus, textarea:focus {
    outline:0;
    border-color:#B0E1FF;
}
.margin-bottom30
{
    margin-bottom:30px;
}
.row-8020>div {
    float:left;
    width:25%;
}
.row-8020>div:first-child {
    width:70%;
    margin-right:5%;
}
.row-3070>div {
    float:left;
    width:65%;
}
.row-3070>div:first-child {
    width:30%;
    margin-right:5%;
}
.radio-hor label {
    display: inline-block;
    margin:0 10px 0 0;
}
.row-agree .checker {
    float:left;
    margin-right:3% !important;
}
.row-agree label {
    float:left;
    width:90%;
}


.inputSubmit {
    border:0;
    display: inline-block;
    padding:8px 20px;
    background:#000;
    color:#FFF;
    font-size:16px;
    text-decoration: none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    font-family: 'Nunito', sans-serif;
    -webkit-appearance: none;
}
.inputSubmit[disabled],
button[disabled]{
    background-color: #666 !important;
    cursor: default !important;
    border:none;
}

.inputSubmit:hover {
    background-color:#333;
    cursor:pointer;
}
.htm-form-error-container {
    float:left;
    width:100%;
    background:#E62026;
    margin:0 0 30px 0;
    color:white;
}
/* form errors */
.htm-form-error-container>div {
    padding:20px 20px 0;
}
.htm-form-error-container p {
    font-size:20px;
    margin:0 0 20px;
}
.row.error .inputText,
.row.error textarea{
    border-color:#E62026;
}
.frow.error .input-text {
    box-shadow: 0 0 3px #E62026 inset;
}
.row.error label,
.row.error span.label{
    color:#E62026;
}
.row.error .valid {
    border-color:#E7E7E7;
}
.row.error label.valid {
    color:black;
}

.row .error-message {
    background: #E62026;
    color: white;
    position: absolute;
    right: -65%;
    top: 24px;
    width: 60%;
    z-index:100;
}
.row .help-message {
    background: #333333;
    color: white;
    position: absolute;
    right: -65%;
    top: 20px;
    width: 60%;
}

.row .error-message:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:16px;
    left:-20px;
    border: 10px solid transparent;
    border-right-color: #E62026;
}
.row .help-message:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:20px;
    left:-20px;
    border: 10px solid transparent;
    border-right-color: #333333;
}

.row .error-message>div,
.row .help-message>div
{
    padding:13px 15px;
}
.row .error-message>div p,
.row .help-message>div p
{ margin:0;}


.fform label.error {
    color:#cd2e2e;
    font-weight:normal;
    display: block;
    padding:5px 0;
}


.server-error {
    background-color: white;
}
.server-error p {
    margin: 10px !important;
    color: #D0191F
}

.sticky-wrapper {
    position: fixed;
    top: 70px;
    width: 100%;
    height: 51px;
}

.chap-loginform h1 {
    font-size:42px;
    margin:0 0 30px 0;
    text-align:left;
}
.chap-loginform .contentFixed {
    width:60%;
    padding:20px;
}
.chap-loginform form,
.chap-loginform fieldset {
    margin:0;
}

.chap-loginform .sticky-el {
    position:absolute;
    right:0;
    top:100px;
    width:25%;
}
.chap-loginform .cblock {
    background: #FDF7F4;
}
.chap-loginform .cblock>div {
    padding:20px 10%;
}
.chap-loginform .cblock h2 {
    font-size:22px;
}
.chap-loginform .cblock li {
    margin:0 0 10px 0;
}


#wrapper {
    max-width: 100%;
    min-height: 100%;
    position: relative;
}
#contentWrapper {
    width: 100%;
    min-height:100%;
    margin: 0 auto;
	padding: 121px 0 60px;
    position: relative;
    overflow: hidden;
}
.homepage #contentWrapper {
    padding-bottom:0;
    padding-top:0;
}
.homepage #contentWrapper>div {
    overflow:hidden;
}
#contentWrapper>div {
    /*max-width:2000px;*/
    margin:0 auto;
    min-height:100%;

}
.contentWide {
    float:left;
    padding:0px 0 30px;
    margin: 0;
    width:100%;
    position:relative;
    border-bottom:1px solid #E5E5E5;
}

.contentWide.lijn-timetable {
    padding-bottom: 12px;
}

.contentWide.events {
    border-bottom:0px;
    padding:0px;
}

.contentWide.events.head {
    background-color: #fff6f6;
    min-height: 290px;
}

#chap-evenementen { padding-bottom:60px; }
.contentWide:last-child {
    border-bottom:0;
    margin-bottom:0;
}

.plannerContentWide #reisplanner {
    padding-bottom:30px;
}

.contentWide.dif { background-color: #FEF4F4; }
.contentWide.style-thankyou {
    background-color: #FEF4F4;
    margin-bottom:40px;
}
.contentWide.style-thankyou>div {
    padding: 40px 0 0;
    border-bottom:0;
    max-width: 84.647887%;
}
.contentWide.bg-winter .contentFixed {
    width:400px;
    padding:0;
}
.contentWide.bg-winter #reisplanner { margin:50px 0; }
.contentWide.bg-winter #reisplanner:after { display:none; }

.contentWide.bg-winter > img{ width:100%; height:auto !important; position:absolute; z-index:-1; top:0; }


.contentFixed {
    margin:0 auto;
    padding:60px 0;
    max-width:74.647887323%;
    position:relative;
}

.crow {
    float:left;
    width:100%;
    position:relative;

}

.custom-lb {
    position: fixed;
    height: 100%;
    width: 100%;
    background: url(/img/customlb-bg.png) repeat left top;
    z-index: 99999;
    top: 0;
    left: 0;
    visibility:hidden;
    opacity:0;
    -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}
.custom-lb.active {
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}
.custom-lb .inner {
    position:absolute;
    left:0;
    top:50px;
    background:white;
    width:100%;
}

.custom-lb .b-wijziging-item .contentFixed {
    padding-bottom:60px;
}

.homepage #header {
    position: fixed;
    border-bottom: 1px solid #eee;
}

#header {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:999;
    background:#fff;
    color:white;
    min-height: 60px;
}
#header .identity {
    float:left;
    padding:10px 0 0 30px;
}
#header .identity img {
    width:100px;
    max-width:none !important;
}
.trigger-mainnav {
    position: absolute;
    right:0px;
    top:0px;
    width:60px;
    height:61px;
    background:black url(/img/trigger-mainnav.png) no-repeat center center;
    background-size:24px 23px;
    display:none;
    z-index:9999;
}
/* main nav */
.main-nav {
    float:right;
    width:70.322535212%;
    margin:0;
    padding:0;
    text-align:right;
    height: 70px;
    border-right:1px solid #e5e5e5;
}
.main-nav>ul>li {
    float:left;
    padding: 0;
    width:20%;
    background:none;
    position:relative;

}
.main-nav>ul>li>a {
    display: block;
    text-align:center;
    padding:23px 0;
    text-decoration: none;
    color:#000;
    position: relative;
    font-size:16px;
    border-left:1px solid #e5e5e5;
}
.ie8 .main-nav>ul>li>a,
.lt-ie8 .main-nav>ul>li>a {
    padding-top:18px;
}
.main-nav>ul>li>a.current,
.main-nav>ul>li>a.current:hover {
    background:black;
    color:white;
}
.main-nav>ul>li.iconed {
    width:6.5%;
}
.main-nav>ul>li.login {
    width:7%;
}
.main-nav>ul>li.iconed>a {
    padding:7px 0 3px 0;
}
.main-nav>ul>li.iconed>a span {
    display:inline-block;
    width:20px;
    padding:26px 0 27px;
}
.ie8 .main-nav>ul>li.iconed>a.current,
.lt-ie8 .main-nav>ul>li.iconed>a.current {
    border-bottom:1px solid black !important;
}
.main-nav>ul>li.iconed strong {
    position: absolute;
    left: 45%;
    bottom: -15px;
    width: 1px;
    height: 20px;
    display:none;
}
.main-nav>ul>li.iconed strong:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:0px;
    right: -10px;
    border: 10px solid transparent;
    border-bottom-color: white;
}

.main-nav>ul>li.iconed>a span em { font-style:normal; display: none; }
.main-nav>ul>li.shop>a span {
    background:url(/img/icon-basket.png) no-repeat left center;
    background-size:20px 18px;
}
.main-nav>ul>li.login>a span {
    background:url(/img/icon-login.png) no-repeat left center;
    background-size:20px 20px;
}
.main-nav>ul>li.login>a.current span {
    background-image:url(/img/icon-login-white.png);
}
.main-nav>ul>li.en span {
    background:url(/img/icon-flag.png) no-repeat left center;
    background-size:30px 18px;
    width:30px !important;
}

.main-nav>ul>li>a:hover { background:#fafafa; }
.main-nav>ul>li>a:active { background:#f5f5f5; }
.main-nav>ul>li.hover>a,
.main-nav>ul>li.active>a {
    color:white;
    background:#fafafa;
}
.main-nav>ul>li ul { display:none; }

.main-nav>ul>li .foldout {
    position:absolute;
    right:0px;
    width:200px;
    z-index:999;
    top:52px;
    display:none;
    padding-top:20px;
}
.main-nav>ul>li.login em strong {
    position:absolute;
    left:45%;
    bottom:-20px;
}
.main-nav>ul>li.login em strong:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:0px;
    right: 20px;
    border: 10px solid transparent;
    border-bottom-color: white;
}
.main-nav>ul>li .foldout ul {
    display:block;
    margin:0;
}
.main-nav>ul>li .foldout ul li {
    list-style:none;
    text-align:left;
    padding:0;
    background:none;
}
.main-nav>ul>li .foldout ul li a {
    border-top:1px solid #e5e5e5;
    display:block;
    padding:10px 20px;
    background:white;
    color:black;
    text-decoration:none;
}
.main-nav>ul>li .foldout ul li a:hover {
    background-color:#f8f3f3;
}
.main-nav>ul>li .foldout ul li:first-child a {
    border-top:0;
}

div.cblock {
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
div.cblock>.inner {
    padding:20px;
}
div.cblock p {
    margin-bottom:10px;
}

div.content-holder {
    float:right;
    width:76.056338028%;
    margin-top:40px;
}


div.content-main {
    float:left;
    width:64.814814814%;
    position: relative;
}


.eventsContentWide {
    background-color: #fff7f5;
    position: relative;
    padding-bottom:0px;
}

.plannerContentWide {
    padding-bottom:0px;
}

.eventsContentWide figure {
    margin-bottom: 0px;
    top:6px;
}

.reisplanner-content {
    width:460px;
    margin:auto;
    padding:22px 0;
}

.plannerContentWide h2 {
    font-size:34px !important;
    padding-top:56px !important;
    text-align:center;
}

.contentFixed.events {
    padding-top: 0;
    position: static;
    max-width: 1040px;
    margin-top:-6px;
}

.eventsContentWide .contentFixed.events {
    max-width: 100%;
}

.events .events-main,
.events .events-additional {
    padding: 60px 0 0 0;
    box-sizing: border-box;
}

.events .events-main {
    width: 58.490566037%;
    float: left;
    padding-left: 40px;
}

.events .events-main h1 {
    margin-bottom: 10px;
}

.events .events-additional {
    width: 28.679245283%;
    float: right;
    padding-right: 40px;
}

.events .events-additional table td a {
    background: url("/img/arrow-white8-12.png") no-repeat scroll 92% center / 8px 12px #000;
    color: #fff;
    padding: 8px 35px 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    top:18px;
}

.events .events-additional table p {
    margin-bottom: 0;
}
.events .events-additional table tr:nth-child(even) {
    background-color: transparent;
}
.events .events-additional table td {
    border: none;
}

div.content-main.head {
    width: 73%;
}

.events .event-head {
    color: #fff;
    position: absolute;
    top: 20%;
    left: 50%;
    text-align:center;
    z-index:10;
    width: 1040px;
    padding: 0 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    margin-left:-560px;
}

.events .event-head h1 {
    text-transform: uppercase;
}

.events .event-head h2 {
    margin-top: 70px;
}

div.content-additional {
    float:right;
    width:30.555555555%;
}
div.content-aside {
    float:left;
    width:21.126760563%;
}


.fixed-nav {
	float:left;
	width:100%;
	background:#E62026;
	height: 51px; /* client wants fixed height */
	overflow:hidden;
	z-index:998 !important;
	position:fixed; top:70px;
}
.stuck { position:fixed; top:70px; z-index: 9999; }
.fixed-nav .back {
    width:12.676056338%;
    float:left;
    background:#aa101E;
    text-align:right;
}
.fixed-nav .back a {
    padding:17px 15px 16px 15px;
    display: inline-block;
    background: url(/img/arrow-arrowback5-9.png) no-repeat left center;
    background-size: 5px 9px;
    color:white;
    text-decoration: none;
}
.fixed-nav .back a i,
.breadcrumb .back a i { font-style:normal; }
.fixed-nav .back a em,
.breadcrumb .back a em { font-style:normal; }
.fixed-nav ul { margin:0; padding:0; }
.fixed-nav ul li {
    list-style:none;
    float:left;
    padding:0;
    margin:0;
    background:none;
}
.fixed-nav ul li a {
    float:left;
    padding:14px 20px 13px;
    color:white;
    text-decoration: none;
}
.fixed-nav ul li a:hover,
.fixed-nav ul li a.active {
    background:#D0191F;
}

.breadcrumb .back a i,
.fixed-nav .back a i {
    display:none;
}
.breadcrumb .back a em,
.fixed-nav .back a em {
    display:block;
}

.breadcrumb {
    float:left;
    width:100%;
    background:#E62026;
    height: 51px; /* client wants fixed height */
    overflow:hidden;
}
.breadcrumb .back {
    width:21.126760563%;
    float:left;
    background:#b50313;
    text-align:right;
}
.breadcrumb .back a {
    padding:16px 15px 17px 15px;
    display: inline-block;
    background: url(/img/arrow-arrowback5-9.png) no-repeat left center;
    background-size: 5px 9px;
    color:white;
    text-decoration: none;
}

/* aside nav */
div.content-aside ul.aside-nav {
    background:#fcf6f6;
    padding:50px 0px;
    margin:0;
    float:left;
    width:100%;
}
div.content-aside ul.aside-nav li {
    float:right;
    width:100%;
    padding:0;
    background:none;
}
div.content-aside ul.aside-nav li a {
    font-size:20px;
    padding:10px 0;
    color:black;
    float:left;
    width:100%;
}
div.content-aside ul.aside-nav li a span {
    float:right;
    width:79%;
    padding-right:5%;
    padding-left:16%;
    display:block;
    background:url(/img/arrow-black8-12.png) no-repeat 8% 6px;
    background-size:8px 12px;
}

div.content-aside ul.aside-nav li a:hover {
    background:#f7eeee;
}
div.content-aside ul.aside-nav li a:active {
    background:#ede5e5;
}

div.content-aside ul.aside-nav li.active a {
    background:black;
    color:white;
}
div.content-aside ul.aside-nav li.active a span {
    background-image:url(/img/arrow-white8-12.png);
}

/* blocks */

.hp-route-cta {
    float:left;
    width:100%;
    margin:0 0 50px 0;
    background:#1EA4EB;
}
.hp-route-cta ul,
.hp-route-cta ul li { margin:0; padding:0; }
.hp-route-cta ul li { float:left; width:30%; }
.hp-route-cta ul li a {
    display: block;
    background-color:#22ACF4;
    font-size:18px;
    padding:30px 10px 30px 90px;
    color:white;
    text-decoration: none;
    border-right:1px dotted #fff;
}
.hp-route-cta ul li a.email { background-position:30px -1813px; }
.hp-route-cta ul li a.print { background-position:30px -1935px; }
.hp-route-cta ul li a:hover { background-color:#20AEF9;}

.hp-route-price { float:left; width:70%; font-size:26px; margin-bottom:50px; padding-left:15px; }
.hp-route-price em { font-style:normal; font-size:16px; }
.icon-9292 {
    float:left; width:100%;
    margin-bottom:80px;
}


#chap-other {

}

#chap-other .info-content {
    box-sizing: border-box;
    display: inline-block;
    background: white;
    width: 46%;
    vertical-align: top;
}

#chap-other .info-content img {
    width: 100% !important;
}

#chap-other .info-content:first-child{
    margin-right:3%;
}

#chap-other .info-content:last-child{
    margin-left:3%;
}

#chap-other .content-imaged .additional {
    width:100%;
    float: inherit;
}

#chap-other .main-text {
    padding: 22px;
}

#chap-other .info-content p {
    margin-bottom:0px;
}

#chap-other .info-content p.p-btn {
    float: inherit;
    margin-top: 20px;
}

#chap-dienstregeling {
    padding-bottom:60px;
}
#chap-dienstregeling h2 {
    margin-bottom:50px;
    margin-top: 20px;
}
#chap-reisinformatie h1 {
    margin-bottom: 49px;
    margin-top: 20px;
}
.advanced-tabbed {
    float:left;
    width:100%;
    margin:0px 0 50px 0;
    overflow: hidden;
}
.advanced-tabbed .advanced-tabbed-tabs,
.advanced-tabbed .advanced-tabbed-container {
    float:left;
    width:100%;
    margin:0;
}
.no-js .advanced-tabbed .advanced-tabbed-tabs {
    display:none;
}
.advanced-tabbed .advanced-tabbed-tabs,
.advanced-tabbed .advanced-tabbed-tabs li { margin:0; padding:0; list-style: none; }
.advanced-tabbed .advanced-tabbed-tabs li {
    float:left;
    background:none;
    padding:0;
    position: relative;
}
.advanced-tabbed .advanced-tabbed-container>p {
    text-align: center;
    padding: 40px;
}
.advanced-tabbed .advanced-tabbed-container a {
    color:#333;
}
.advanced-tabbed .advanced-tabbed-container ul li a:hover p {
    text-decoration:underline;
}
.advanced-tabbed .advanced-tabbed-tabs li a {
    font-size:22px;
    float:left;
    color:black;
    text-decoration: none;
    border-right:1px solid #CCCCCC;
    padding:30px 40px 26px 100px;
    background-color:#E7DBDB;
    background-repeat:no-repeat;
    background-position: 20px -1132px;
    margin-top:20px;
    position:relative;
}
.advanced-tabbed .advanced-tabbed-tabs li.icon-gepland a { background-position: 20px -1237px; }
.advanced-tabbed .advanced-tabbed-tabs li.icon-toegankelijkheid a { background-position: 20px -1349px; }

.advanced-tabbed .advanced-tabbed-tabs li a .shadow {
    display:none;
    position:absolute;
    right:-8px;
    bottom:6px;
    width:8px;
    height:73px;
    background:url(/img/advanced-tabbed-shadow.png) no-repeat left bottom;
    background-size: 8px 80px;
    z-index:999;
}

.advanced-tabbed .advanced-tabbed-tabs li a:hover {
    background-color:#F3E7E7;
}
.advanced-tabbed .advanced-tabbed-tabs li a:active {
    background-color:#F8ECEC;
}
.advanced-tabbed .advanced-tabbed-tabs li.current a {
    margin-top:0;
    border-right:1px solid transparent;
    background-color:white;
    padding-top:50px;
}
.advanced-tabbed .advanced-tabbed-tabs li.current.icon-actueel a { background-position: 20px -1112px; }
.advanced-tabbed .advanced-tabbed-tabs li.current.icon-gepland a { background-position: 20px -1217px; }
.advanced-tabbed .advanced-tabbed-tabs li.current.icon-toegankelijkheid a { background-position: 20px -1329px; }


.advanced-tabbed .advanced-tabbed-tabs li.current a .shadow { display:block; }
.advanced-tabbed .advanced-tabbed-container {
    background:white;
    margin:0 0 1px 0;
}
.advanced-tabbed .advanced-tabbed-container.collapse {
    margin-bottom: 0;
}
.advanced-tabbed .advanced-tabbed-container h2 {
    padding:20px 15px 20px 100px;
    background-color:#E7DBDB;
    background-repeat: no-repeat;
    background-position: 20px -1112px;
    margin-bottom: 0;
}
.js .advanced-tabbed-container h2 {
    display:none;
}
.advanced-tabbed .advanced-tabbed-container h2.icon-actueel { background-position: 20px -1132px; }
.advanced-tabbed .advanced-tabbed-container h2.icon-gepland { background-position: 20px -1237px; }
.advanced-tabbed .advanced-tabbed-container h2.icon-toegankelijkheid { background-position: 20px -1349px; }

.advanced-tabbed .advanced-tabbed-container ul,
.advanced-tabbed .advanced-tabbed-container ul li {
    float:left;
    width:100%;
    margin:0; padding:0; list-style: none; background:white;
    border-bottom: 1px solid rgba(0,0,0,.10);
}
.advanced-tabbed .advanced-tabbed-container ul li a {
    box-sizing: border-box;
    float: left;
    font-size: 20px;
    padding: 0 220px 0 72px;
    position: relative;
    width: 100%;
    height: 62px;
}

.advanced-tabbed .advanced-tabbed-container ul li a .lijn-tram,
.advanced-tabbed .advanced-tabbed-container ul li a .lijn-bus {
    transition:background-color 0.4s ease-out;
}

.advanced-tabbed .advanced-tabbed-container ul li a:hover .lijn-tram{
    background-color:#E27E08;
    transition:background-color 0.2s ease-out;
}

.advanced-tabbed .advanced-tabbed-container ul li a:hover .lijn-bus{
    background-color:#0080B1;
    transition:background-color 0.2s ease-out;
}
.advanced-tabbed .advanced-tabbed-container ul li a:hover .lijn-nightbuzz {
    background-color:#444;
    transition:background-color 0.2s ease-out;
}

.advanced-tabbed .advanced-tabbed-container ul li p {
    float:left;
    width:65%;
    font-size: 16px;
    margin:12px 0 10px 0;
    padding-top: 9px;
}

.advanced-tabbed .advanced-tabbed-container ul li div.lijnnumber {
    width: 62px;
    position: absolute;
    left: 0;
    top: 0;
}

.advanced-tabbed .advanced-tabbed-container ul li div.richting {
    /*width: 320px;*/
}

.advanced-tabbed .advanced-tabbed-container ul li .disruption-date {
    position: absolute;
    width: 150px !important;
    top: 0;
    right: 60px;
}
.advanced-tabbed-container .richting {
    padding-left: 10px;
}


 .advanced-tabbed-container .description,
 .advanced-tabbed-container .richting {
    width: 50% !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
}

.upcoming-disruptions .advanced-tabbed-container .description {
    width: 100% !important;
    padding-left: 10px;
    padding-right: 40px;
}

.advanced-tabbed .advanced-tabbed-container ul li span.icon.arrow-right {
    background: url("/img/arrow-black8-12.png") no-repeat scroll 30px 18px rgba(0, 0, 0, 0);
    float: right;
    width: 60px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 9px;
}

.advanced-tabbed-container p{
    width: auto !important;
}

.advanced-tabbed ul.lijn-dag {
    background-color: #F3E7E7;
    height: 60px;
    margin-bottom: 0px;
}

.advanced-tabbed ul.lijn-dag li {
    position: relative;
    top: 18px;
}

.advancced-tabbed ul.lijn-dag li a {
    text-decoration: none;
}

.advanced-tabbed ul.lijn-dag li a p {
    font-size: 16px;
    color: #000;
    display: inline-block;
}

.advanced-tabbed ul.lijn-dag li {
    background-image: none;
}

.advanced-tabbed ul.lijn-dag li a .toggle-travelinfo {
    background: #000;
    width:60px;
    height: 60px;
    top: -18px;
    position: absolute;
    right: 0px;
}

.advanced-tabbed ul.lijn-dag li a .toggle-travelinfo span.icon {
    background:url(/img/icon-chap-opened@2x.png) no-repeat center center;
    display: block;
    background-size: 20px 4px;
    min-height: 60px;

}

.advanced-tabbed ul.lijn-dag li a .toggle-travelinfo span.icon.closed {
    background:url(/img/icon-chap-closed@2x.png) no-repeat center center;
    min-height: 60px;
    background-size: 20px 20px;
}

.advanced-tabbed ul.lijn-dag li .collapsed .toggle-travelinfo span.icon {
    background:url(/img/icon-chap-closed@2x.png) no-repeat center center;
    background-size: 40px 40px;
}

.advanced-tabbed .advanced-tabbed-container ul li div {
    float:left;
    height: 62px;
}

.advanced-tabbed .advanced-tabbed-container ul li .lijnnr {
    background:#0099FF !important;
    width:62px;
    padding:20px 0 0;
    text-align:center;
    color:white;
    font-size:24px;
    float:left;
    margin:0 20px 0px 0;
    height: 42px;
    border-bottom: 1px solid rgba(0,0,0,.10);
}

.advanced-tabbed .advanced-tabbed-container ul li .lijnnr.lijn-tram { background:#F29300; }
.advanced-tabbed .advanced-tabbed-container ul li .lijnnr.lijn-bus { background:#00ADEE; }
.advanced-tabbed .advanced-tabbed-container ul li .lijnnr.lijn-nightbuzz { background:#000; }

.advanced-tabbed .advanced-tabbed-container ul li:nth-child(even) {
    background-color:#FEF4F4;
}
.advanced-tabbed .advanced-tabbed-container ul li.odd {
    background-color:#F3E7E7;
}


li.no-delays {
    padding: 15px 19px !important;
}

.lijnoverzicht {
    float:left;
    width:100%;

    margin: 0;
}
.lijnoverzicht input {
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
}
.lijnoverzicht dt {
    float:left;
    width:50px;
    margin:0 0 5px 0;
    text-align: center;
    padding:30px 0 0 0;
    font-size:14px;
    line-height: 16px;
    margin-top: 14px;
    min-height: 20px;
    width: 50px;
    background-size: 50px 200px;
}
.lijnoverzicht dt.type-tram {
    background-position: 0px 0px;
    background-image: url("/img/icon-vehicle-types-statusses@2x.png") !important;

}
.lijnoverzicht dt.type-bus {
    background-position: 0px -50px;
    background-image: url("/img/icon-vehicle-types-statusses@2x.png") !important;
}
.lijnoverzicht dt.type-nachtbuzz { background-position: left -867px; }
#hp-actueel .lijnoverzicht dt {
    background:url(/img/icon-sprite-hpactueel.png) no-repeat left top;
    background-size:37px 556px;
}
#hp-actueel .lijnoverzicht dd .all {display: none;}
#hp-actueel .lijnoverzicht dd .all.hasMore {display: block;}
#hp-actueel .lijnoverzicht dt.type-tram { background-position: 0 1px; }
#hp-actueel .lijnoverzicht dt.type-bus { background-position: 0 -250px; }
#hp-actueel .lijnoverzicht dt.type-nachtbuzz { background-position: 0 -518px; }



.lijnoverzicht dd {
    float:right;
    width:90%;
    margin: 0;
}


#hp-actueel .lijnoverzicht dt span { display: none; }
#hp-actueel .lijnoverzicht dd {
    width:84%;
    float:left;
}
#hp-actueel .lijnoverzicht dt {
    padding-top:45px;
}
.lijnoverzicht dd a {
    float:left;
    font-size:30px;
    color:#000;
    text-decoration: none;
    padding:10px 0;
    width:80px;
    text-align:center;
    background:#ddd;
    margin:0 10px 10px 0;
}
.lijnoverzicht dd a.tram {
    background:#F6921C;
}
.lijnoverzicht dd a.bus {
    background:#F6921C;
}
.lijnoverzicht dd a.nachtbuzz {
    background:#F6921C;
}
.lijnoverzicht dd a:hover {
    background:#000;
    color:white;
}

#hp-alt-lijnenstatus .lijnoverzicht dd a {
    position:relative;
}
#hp-alt-lijnenstatus .lijnoverzicht dd a  .status-disrupted-icon {
    position:absolute;
    right:-8px;
    top:-8px;
    display:block;
    width:20px;
    height:20px;
    background: url("/img/exclamation-mark.png") no-repeat;
}

#hp-alt-lijnenstatus .lijnoverzicht dd a.planned,
#hp-alt-lijnenstatus .lijnoverzicht dd a.emergency {
    color: #fff;
}
#hp-alt-lijnenstatus .lijnoverzicht dd a.planned {
    background-color: #00adee;
}
#hp-alt-lijnenstatus .lijnoverzicht dd a.planned:hover {
    background-color: #0096cf;
}
#hp-alt-lijnenstatus .lijnoverzicht dd a.emergency {
    background-color: #f50000;
}
#hp-alt-lijnenstatus .lijnoverzicht dd a.emergency:hover {
    background-color: #da0000;
}
#hp-alt-lijnenstatus .lijnoverzicht dt {
    margin-top:0;
}

#hp-lijnenstatus {
    background-color: #fff;
    width: 100%;
    float: none;
}
#hp-lijnenstatus .inner {
    padding: 40px 0 10px 40px;
    overflow: hidden;
}
#hp-lijnenstatus .loader,
#hp-lijnenstatus .message,
#hp-alt-lijnenstatus .loader,
#hp-alt-lijnenstatus .message{
    float: left;
}
#hp-lijnenstatus .message,
#hp-alt-lijnenstatus .message{
    font-size: 14px;
    margin-top: 10px;
}
#hp-lijnenstatus .lijnoverzicht {
    overflow: hidden;
}
#hp-lijnenstatus .lijnoverzicht dt,
#hp-lijnenstatus .lijnoverzicht dd {
    float: left;
}
#hp-lijnenstatus .lijnoverzicht dt {
    margin-bottom: 10px;
    padding: 0;
    background-image: url("/img/icon-vehicle-types-statusses.png");
    background-size: 50px 200px;
}

#hp-lijnenstatus .lijnoverzicht dt.type-tram {
    background-position: 0 0;
}
#hp-lijnenstatus .lijnoverzicht dt.type-bus,
#hp-lijnenstatus .lijnoverzicht dt.type-nachtbuzz {
    background-position: 0 -50px;
}
#hp-lijnenstatus .lijnoverzicht dt.type-metro {
    background-position: 0 -100px;
}
#hp-lijnenstatus .lijnoverzicht dt.type-trein {
    background-position: 0 -150px;
}
#hp-lijnenstatus .lijnoverzicht dt > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#hp-lijnenstatus .lijnoverzicht dt {
    width: 50px;
    height: 50px;
    margin-top: 5px;
}
#hp-lijnenstatus .lijnoverzicht dd {
    width: 90%;
}
#hp-lijnenstatus .lijnoverzicht dd a {
    width: 50px;
    height: 50px;
}
#hp-lijnenstatus .lijnoverzicht dd a,
#hp-lijnenstatus .lijnoverzicht dd.type-tram a,
#hp-lijnenstatus .lijnoverzicht dd.type-bus a {
    background-color: #ddd;
}
#hp-lijnenstatus .lijnoverzicht dd a:hover,
#hp-lijnenstatus .lijnoverzicht dd.type-tram a:hover,
#hp-lijnenstatus .lijnoverzicht dd.type-bus a:hover {
    background-color: #ccc;
}
#hp-lijnenstatus .lijnoverzicht dd a {
    height: 30px;
    margin: 5px 0 5px 10px;
    padding: 10px 0;
    font-size: 26px;
    color: #000;
}
#hp-lijnenstatus .lijnoverzicht dd a.planned,
#hp-lijnenstatus .lijnoverzicht dd a.emergency {
    color: #fff;
}
#hp-lijnenstatus .lijnoverzicht dd a.planned {
    background-color: #00adee;
}
#hp-lijnenstatus .lijnoverzicht dd a.planned:hover {
    background-color: #0096cf;
}
#hp-lijnenstatus .lijnoverzicht dd a.emergency {
    background-color: #f50000;
}
#hp-lijnenstatus .lijnoverzicht dd a.emergency:hover {
    background-color: #da0000;
}

#hp-updates {}
#hp-updates .inner {
    padding: 40px 40px 10px 40px;
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
}
#hp-updates .inner > div {
    width: 100%;
    display: table;
}
#hp-updates .update {
    display: table-cell;
    width: 50%;
    height: 320px;
    background-color: #fff4f4;
    color: #000;
    position: relative;
    vertical-align: middle;
}
#hp-updates a.update {
    text-decoration: none;
    overflow: hidden;
}
#hp-updates a.update h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
#hp-updates .update > div {
    padding: 40px;
    -webkit-transition: padding 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -transition: padding 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: padding 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
}
#hp-updates .update p {
    font-size: 16px;
}

#hp-updates .update .p-btn-square {
    display: none;
}
#hp-updates a.update:hover > div {
    padding-top: 0;
}
#hp-updates a.update:hover .p-btn-square {
    display: block;
}
#hp-updates .update .link {
    background-image: url("/img/arrow-btn-grey.png");
}
#hp-updates .update.orange,
#hp-updates .update.blue {
    color: #fff;
}
#hp-updates .update.orange {
    background-color: #f89300;
}
#hp-updates .update.orange .link {
    background-image: url("/img/arrow-btn-orange.png");
}
#hp-updates .update.blue {
    background-color: #00acf1;
}
#hp-updates .update.blue .link {
    background-image: url("/img/arrow-btn.png");
}

#hp-contact {
}
#hp-contact h2 {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 40px;
    background:transparent url("/img/icon-hulpnodig.png") no-repeat 0 0;
    background-size:32px 32px;
}
#hp-contact .sub {
    font-size: 20px;
}
#hp-contact .tel {
    display: block;
    margin: 30px 0 10px 0;
    font-size: 30px;
    font-weight: 600;
}

#hp-related,
#hp-related li,
#hp-related a {
    font-size: 18px;
    color: #fff;
}
#hp-related {
    width: 100%;
    margin-top: 20px;
    background-color: #ca0000;
    z-index: 0;
}
#hp-related h2 {
    padding-left: 20px;
    padding-right: 20px;
}
.hp-related-list {
    list-style-type: none;
    margin: 0;
    pading: 0;
}
.hp-related-list > li {
    background: none;
    border-bottom: 2px solid #ef1322;
    padding-left: 0;
}
.hp-related-list a {
    position: relative;
    display: block;
    padding: 15px 20px;
    text-decoration: none;
}
.hp-related-list a .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 12px;
    margin-top: -6px;
    background: transparent url("/img/arrow-white8-12.png") no-repeat 0 0;
}
.hp-related-list a:hover {
    background-color:#c00000;
}
.hp-related-list .socials {
    padding: 15px 20px 5px 20px;
}
.hp-related-list .social {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("/img/icon-social-sprite.png");
    background-size: 50px 300px;
    padding: 0;
}
.hp-related-list .socials {
    text-align: right;
}
.hp-related-list .socials > span {
    float: left;
}
.hp-related-list .social > span {
    display: none;
}
.hp-related-list .social.fb {
    background-position: 0 0;
    margin-right: 20px;
}
.hp-related-list .social.tw {
    background-position: 0 -68px;
}

.table-timetable .floatThead-wrapper > .cf + div {
    z-index: 1 !important;
}

.homepage .back-to-top {
    float: right;
    padding: 0 20px 0 0;
    margin: 0 40px 10px 0;
    color: #000;
    text-decoration: none;
    background: transparent url("/img/arrow-black-up8-12.png") no-repeat right 6px;
}

#chap-dienstregeling .lijnoverzicht dd a {
    line-height: 55px;
}
#chap-dienstregeling .lijnoverzicht dd a span {

    margin: 3px 0 3px;
    display: inline-block;
}
#chap-dienstregeling .lijnoverzicht dd a.selected span {
    border-bottom: 3px solid white;
    margin-top:0;
}

.page-statusoverzicht .lijnoverzicht-tram,
.page-statusoverzicht .lijnoverzicht-bus {
    width:50%;
}
.page-statusoverzicht .lijnoverzicht-nachtbuzz {
    width:20%;
}

.page-statusoverzicht dt {
    width:15%;
    display:none;
}

.page-statusoverzicht dt span { display:none; }
.page-statusoverzicht dd {
    width:50%;
    float:left;
}
.page-statusoverzicht dd div {
    float:left;
    width:100%;
}
.page-statusoverzicht  dd a {
    font-size:25px;
    width:55px;
}
.page-statusoverzicht dd span {
    display:inline-block;
    padding:15px 0 0 5%;
    word-wrap: break-word;
    max-width:123px;
}
.page-statusoverzicht .lijnoverzicht-nachtbuzz dt {
    width:30%;
}
.page-statusoverzicht .lijnoverzicht-nachtbuzz dd {
    width:100%;
}
.page-statusoverzicht h2 {
    text-align: center;
    margin:0 0 60px 0;
}

.page-statusupdates {
    background-image:url(/img/sprite-haltes-bg.gif);
    background-repeat: repeat-x;
    background-position: left 200px;
    overflow: hidden;
}
.page-statusupdates-mob {
    background:white !important;
}
.page-statusupdates-mob .contentFixed {
    padding:0;
}
.page-statusupdates h2 {
    background:white;
    text-align:center;
    margin-top:-1px;
    padding:40px 0 40px;
}

.page-statusupdates-hor {
    margin:0 0 60px 0;
    float:left;
    width:100%;
}
.page-statusupdates-hor h2 {
    font-size:24px;
}
.page-statusupdates-hor li {
    float:left;
    width:30%;
    margin:0 3% 0 0;
    padding:50px 0 0;
    background:url(/img/sprite-haltes-hor-red.png) no-repeat -612px top;
    background-size:700px 20px;
    position:relative;
}
.page-statusupdates-hor li.last {
    background-position: 20px top;
}
.page-statusupdates-hor dl {
    float:left;
    background:#22ACF4;
    padding:20px 5%;
    margin:0;
    position:relative;
    color:white;
}
.page-statusupdates-hor dl:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:-20px;
    left:20px;
    border: 10px solid transparent;
    border-bottom-color: #22ACF4;
}

.page-statusupdates-hor dl dt {
    float:left;
    width:100%;
    margin:0 0 10px 0;
    font-family: 'nunitoregular', Arial;
}
.ie8 .page-statusupdates-hor dl dt,
.lt-ie8 .page-statusupdates-hor dl dt {
    font-family: Arial;
    font-weight:bold;
}
.page-statusupdates-hor dl dt span { font-size:16px; }
.page-statusupdates-hor dl dd {
    float:left;
    width:100%;
    margin:0;
}

.page-statusupdates-hor li.last dl {
    background:none;
    border:1px dashed #ccc;
    color:#777;
}

.page-statusupdates-hor li.last dl:after {
    display:none;
}

#hp-actueel .lijnoverzicht {
    /*background:#FAF3F3;*/
    margin: 0
}

#hp-actueel .lijnoverzicht dd a {
    font-size:18px;
    width:31px;
    padding: 7px 0;
    margin-right:4px;
}
.mode-extreme #hp-actueel .lijnoverzicht dd a {
    width: 44px;
    padding: 11px 0;
    margin-top: -3px;
}
#hp-actueel .lijnoverzicht dd a.all {
    background: url("/img/arrow-black12-21.png") no-repeat scroll 51% 50%;
    color: #000000;
    overflow: hidden;
    text-indent: 999px;
    opacity:.5;
}

#hp-actueel .lijnoverzicht dd a.all:hover {
    opacity:1;
    background-color:#f5f5f5;
}

#hp-actueel {
    padding-bottom:50px;
    position: relative;
    margin-bottom:0;
    background:white !important;
}
.mode-extreme #hp-actueel {
    padding-bottom:85px;
}
#hp-actueel .lijnoverzicht {
    margin:0 0 0px 0;
}
.mode-extreme #hp-actueel .lijnoverzicht {
    margin:0 0 5px 0;
}
#hp-actueel .inner>div.item h2 {
    font-size:22px;
    margin:0 0 10px 0;
}
.mode-extreme #hp-actueel .inner>div.item h2 {
    font-size:26px;
    margin:5px 0 25px 0;
}
#hp-actueel .inner {min-height: 127px; padding-top:15px;}
#hp-actueel .inner>div.item {
    display:none;
    /*min-height: 210px;*/
}
#hp-actueel .inner>div.item:first-child {
    display:block;
}
#hp-actueel .btn-view-all {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    padding:0 0 0 0px;
    color:white;
    text-decoration: none;
}
#hp-actueel .btn-view-all a {
    float:left;
    width:50%;
    padding:8px 0;
    background:#E27E08;
    text-align:center;
    color:white;
    text-decoration:none;
    position:relative;
}
.mode-extreme #hp-actueel .btn-view-all a {
    padding:14px 0;
}
#hp-actueel .btn-view-all a.current:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:-20px;
    left:45%;
    border: 10px solid transparent;
    border-bottom-color: #F6921C;
}
#hp-actueel .btn-view-all a:hover {
    background-color:#d57606;
}
#hp-actueel .btn-view-all a.current,
#hp-actueel .btn-view-all a.current:hover {
    background-color:#F6921C;
}

.block-cta {
    padding:0;
    float:left;
    margin:0 0 30px 0;
    position: relative;
    width:100%;
    min-height: 265px;
}

.block-cta.img-left>div {
    padding:20px 5% 0 40%;
}
.block-cta img.img {
    position:absolute;
    left:5%;
    top:30px;
}
.block-cta.contrast p,
.block-cta.contrast h2 { color:white; }

.block-cta.color-red {
    background:#ED1B2D;
}
.block-cta.color-red a {
    color: white;
}
.block-cta.color-gray {
    background:#FDF7F4;
}
.block-cta.color-red .p-btn a:hover { background-color:#57090F;}
.block-cta.color-red .p-btn a:active { background-color:#3D050A;}
/*.block-cta.color-gray .p-btn a { background-color:#00ADEE;}*/

/* content types */
.content-imaged .additional {
    float:left;
    width:58.490566037%;
}
.content-imaged .additional img { width:100%; }
.content-imaged .main {
    float:right;
    width:38.679245283%;
}
.content-imaged-right .additional { float:right; }
.content-imaged-right .main { float:left; }

.page-introduction h1 {
    margin-bottom:20px;
    text-align: center;
    margin-top: 20px;
}
.page-introduction p {
    text-align:center;
    padding:0 15%;
    margin:0;
}

.page-introduction p.p-btn-square { padding: 0 }

.page-introduction:nth-child(1) {
    padding:60px 0 20px;
}
.homepage-alt .page-introduction:nth-child(1) {
    padding:181px 0 20px;
}
.page-introduction h2 {
    text-align: center;
    margin:0 0 10px 0;
}

#b-hulpnodig {
    background:#FDF7F4;
}
#b-hulpnodig h2 {
    background:url(/img/icon-hulpnodig.png) no-repeat left top;
    background-size:32px 32px;
    padding:5px 0px 7px 42px;
    font-size:18px;
}
#b-hulpnodig .tel {
    font-size:30px;
}
.tel span { display:none; }

/* homepage */

.hp-container {
    float:left;
    width:200%;
    margin-left:-100%;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;

}
.searchstate-nonjs .hp-container { margin-left:-29.5%; }

.hp-results-container {
    float:left;
    width:50%;
    background:#FEF4F4;
    margin-top:70px;
    position:relative;
}
.hp-results-container-inner {
    float:right;
    width:70.5%;
    position:relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

}
.hp-results-container-inner.loading {
    opacity: .5;
}
.hp-results-layover {
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:#4C4C4C;
    z-index:9999;
}
.hp-results-layover-visible {
    left:0;
}
.hp-results-layover-inner {
    float:right;
    width:100%;
    background:#FEF4F4;
    height: 100%;
    position:relative;
}
.block-haltetable .hp-results-layover-inner {
    height:auto;
}
.hp-results-layover-inner .geen-advies {
    margin-top: 50px;
}
/*
.hp-results-layover-inner .btn-close a {
    background-position: 200px -2133px;
}
.block-haltetable .btn-close a {
    background-position: 200px -2133px;
}*/
.hp-results-layover-inner>div {
    /*padding:50px 20px 0;*/
    float:right;
    width:67.5%;
    padding:50px 0 0 3%;
}
.hp-results-layover-inner .btn-totop {
    bottom:0;
}
.hp-results-layover>div:before {
    content: ' ';
    position: absolute;
    bottom:-10px;
    right:0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 320px 10px 0;
    border-color: transparent #414141 transparent transparent;
    -webkit-transform:rotate(360deg);
}

.onbekende-route {
    float:left;
    width:100%;
    margin:0 0 50px 0;
}
.onbekende-route h2 {
    font-size:32px;
    background-position: 0 -1142px;
    padding:12px 20px 12px 80px;
    margin-bottom: 40px;
    line-height: 39px;
}
.onbekende-route fieldset .inner {
    float:left;
    width:100%;
    padding-left:0%;
    background:#F2E7E7;

}
.onbekende-route .columns>div {
    float:left;
    width:42%;
    padding:30px 4% 30px 4%;
}
.onbekende-route .columns>div:first-child {
    border-right:1px solid #D4CBCB;
    width:41%;
    padding:30px 4% 30px 4%;
}

.onbekende-route p {
    font-size:20px;
    margin:0 0 20px 0;
}
.onbekende-route label.inset {
    top:14px;
}
.onbekende-route .input-text {
    padding-left:50px;
}
.onbekende-route .frow-submit {
    text-align:right;
    padding:20px 5% 0 0;
    width:95%;
}
.onbekende-route .input-radio-holder { margin-bottom:30px; }
.onbekende-route .input-radio-holder .input-radio  { float: none }


.onbekende-route .input-radio {
    position:relative;
    padding-left:30px;
    float:left;
    margin:0 0 20px 0;
}
.onbekende-route .input-radio input,
.onbekende-route .input-radio .radio {
    position:absolute;
    left:0;
    top:0;
}
.onbekende-route .input-radio .type {
    font-size:16px;
    color: #999;
    margin:0;
}

/* lijn wijziging */
.b-wijziging-intro .contentFixed {
    padding-bottom:10px;
}
.content-page-centered .contentFixed {

}
.b-wijziging-summery,
.b-wijziging-summery .contentFixed {
    padding:0;
}
.b-wijziging-summery .contentFixed>div {
    float:left;
    width:27%;
    padding: 30px 0 30px 5%;
    min-height: 70px;
    border-left:1px solid white;
}
.b-wijziging-summery .contentFixed>div:first-child {
    border-left:0;
    padding-left:0;
    width:32%;
}
.b-wijziging-summery h2 {
    background-position: left -1247px;
    padding:15px 0 15px 80px;
    max-width: 200px;
    margin-top:5px;
    min-height:32px;
}

.b-wijziging-summery h2.unplanned {
   background-position: left -1138px;
}

.b-wijziging-summery h2.type-actueel {
    background-position: left -1142px;
}
.b-wijziging-summery h2.type-gepland {
    background-position: left -1247px;
}

dl.vantot {
    margin:10px 0 0 0;
}
dl.vantot dt {
    float:left;
    width:20%;
    margin:0 0 10px 0;
}
dl.vantot.wide dt,
dl.vantot.wide dd {
    width:100%;
}
dl.vantot dd {
    float:left;
    width:80%;
    margin:0 0 10px 0;
    font-family: 'nunitoregular', Arial;
}
.ie8 dl.vantot dd,
.lt-ie8 dl.vantot dd {
    font-family: Arial;
    font-weight:bold;
}
.b-wijziging-summery .lijnoverzicht {
    margin:10px 0 0 0;
}
.b-wijziging-summery .lijnoverzicht dd {
    float:left;
    width:auto;
}
.b-wijziging-summery .lijnoverzicht a {
    width:50px;
    font-size:28px;
    padding:7px 0;
    background-color: #0099FF;
    color:#fff;
}
.b-wijziging-updates .contentFixed {
    padding-top:40px;
}
.b-wijziging-updates-vert {
    margin:0 0 10px 0;
    float:left;
    width:100%;
}
.b-wijziging-updates-vert h2 {
    font-size:24px;
}
.b-wijziging-updates-vert li {
    float:left;
    width:94%;
    background:url(/img/sprite-haltes-red.png) no-repeat left -328px;
    background-size:20px 700px;
    padding:0 0 20px 6%;
    position:relative;
}
.b-wijziging-updates-vert li:first-child {
    background-position: left -27px;
}
.b-wijziging-updates-vert li.last {
    background-position: left -657px;
}
.b-wijziging-updates-vert dl {
    float:left;
    width:94%;
    background:#FEF4F4;
    padding:20px 3%;
    margin:0;
    position:relative;
}
.b-wijziging-updates-vert dl:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:25px;
    left:-20px;
    border: 10px solid transparent;
    border-right-color: #FEF4F4;
}
.b-wijziging-updates-vert dl dt {
    float:left;
    width:100%;
    margin:0;
    font-family: 'nunitoregular', Arial;
}
.ie8 .b-wijziging-updates-vert dl dt,
.lt-ie8 .b-wijziging-updates-vert dl dt {
    font-family: Arial;
    font-weight:bold;
}
.b-wijziging-updates-vert dl dt span { font-size:16px; }
.b-wijziging-updates-vert dl dd {
    float:left;
    width:100%;
    margin:0;
}
.page-statusupdates .b-wijziging-updates-vert dl {
    background:#22ACF4;
    color:white;
}
.page-statusupdates .b-wijziging-updates-vert dl:after {
    border-right-color:#22ACF4;
}
.page-statusupdates .b-wijziging-updates-vert  li.last dl {
    background:none;
    border:1px dashed #ccc;
    color:#777;
}
.page-statusupdates .b-wijziging-updates-vert  li.last dl:after {
    display:none;
}


.b-wijziging-item .contentFixed {
    padding-bottom:10px;
    position:relative;
}
.b-wijziging-item .lijnoverzicht {
    position:absolute !important;
    left:-130px !important;
    top:60px;
}
.b-wijziging-item .lijnoverzicht dd {
    float:none;
}
.b-wijziging-item .contentWide {
    margin-bottom:40px;
    padding-bottom:0;
}
.b-wijziging-item .contentWide .contentFixed {
    width:auto;
    margin:0;
    padding:30px 30px 10px 30px;
    max-width:none;
}
.b-wijziging-advies .contentFixed {
    padding:40px 0 0px;
}
.b-wijziging-advies h2 {
    background-position: left -1142px;
    padding:15px 0 15px 80px;
    max-width: 200px;
}
.b-wijziging-meerinfo {
    background:#22ACF4 !important;
    color:white;
}
.b-wijziging-meerinfo h2 {
    font-size:32px;
}
.b-wijziging-meerinfo p {
    font-size:20px;
    line-height:32px;
}
.b-wijziging-meerinfo .contentFixed {
    padding:40px 0 0px;
}

.block-haltetable h2 {
    font-size:34px;
    margin-bottom:50px;
}
.block-haltetable h3 {
    font-size:24px;
}
.haltetable-type {
    float:left; width:100%;
}
.haltetable-type p {
    text-transform: uppercase;
    margin-bottom:20px;
}
.haltetable-type p span {
    background:#E72027;
    display:inline-block;
    padding:10px 20px;
    color:white;
}
.haltetable-type.type-intercity p span {
    background:#22ACF4;
}


/* Added update carousel - Dannyz */
.controls div {
    background-color: #FFF;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    opacity:0.5;
    vertical-align:middle;
    color:#000;
    text-indent:150px;
    overflow:hidden;
    margin-top:94px;
    cursor:pointer;
    background: white url("/img/arrow-black12-21.png") no-repeat scroll 51% 50%;

}

.controls > div:hover {

}

.controls .left {
    background: url("/img/arrow-blackback12-21.png") no-repeat scroll 51% 50% rgba(255, 255, 255, 0.4);
}

.controls .right{
    left: auto;
    right: 0;
}


.hp-results-container-inner>div { padding:0; }
.hp-results-layover>div { padding:0; }

.hp-results-container h2.h-destination {
    font-size:32px;
    margin:30px 0;
    padding-left:30px;
    min-height: 93px;
    padding-right:220px;
}
.hp-results-container h2.h-destination img {
    display: inline-block;
    margin: 0 10px;
}
.hp-results-container h2.h-destination span { display:block; }
.hp-results-paging {
    float:left;
    width:100%;
    background:#177FB5;
    color:white;
    position: relative;
}
.hp-results-paging p {
    position:absolute;
    left:30%;
    top:0;
    right:30%;
    text-align: center;
    padding:15px;
    margin:0;
    white-space: nowrap;
}
.hp-results-paging a {
    color:white;
    display:inline-block;
    padding:15px;
    z-index:99;
}



.hp-results-paging a.arrow-prev {
    margin:0 0 0 2%;
    background:url(/img/arrow-white-back10-17.png) no-repeat left center;
    background-size: 10px 17px;
    padding:15px 0 15px 3%;
}
.hp-results-paging a.arrow-first {
    border-right:1px dotted white;
    background:url(/img/arrow-white-first.png) no-repeat center center;
    background-size: 16px 19px;
    width:3%;
    min-height: 21px;
}
.hp-results-paging a.arrow-backwards {
    border-right:1px dotted white;
    background:url(/img/arrow-white-back20-17.png) no-repeat center center;
    background-size: 20px 17px;
    width:5%;
    min-height: 21px;
}
.hp-results-paging a.arrow-next {
    margin:0 2% 0 0;
    background:url(/img/arrow-white10-17.png) no-repeat right center;
    background-size: 10px 17px;
    padding:15px 3% 15px 0;
}
.hp-results-paging a.arrow-next {
    margin:0 2% 0 0;
    background:url(/img/arrow-white10-17.png) no-repeat right center;
    background-size: 10px 17px;
    padding:15px 3% 15px 0;
}
.hp-results-paging a.arrow-last {
    background:url(/img/arrow-white-last.png) no-repeat center center;
    background-size: 16px 19px;
    width:3%;
    min-height: 21px;
    border-left:1px dotted white;
}
.hp-results-paging a.arrow-forwards {
    border-left:1px dotted white;
    background:url(/img/arrow-white20-17.png) no-repeat center center;
    background-size: 20px 17px;
    width:5%;
    min-height: 21px;
}
.hp-results-paging a.arrow-forwards:hover,
.hp-results-paging a.arrow-backwards:hover {
    background-color:#1374A6;
}
.hp-results-paging a.arrow-next,
.hp-results-paging a.arrow-last,
.hp-results-paging a.arrow-forwards {
    float:right;
}
.hp-results-paging a.arrow-prev,
.hp-results-paging a.arrow-first,
.hp-results-paging a.arrow-backwards {
    float:left;
}

.hp-results-options {
    float:left;
    width:100%;
    background:#22ACF4;
    color:white;
    position: relative;
    margin:0 0 30px 0;
}
.hp-results-options ul {
    float:left;
    margin:0;
    width:90%;
    height: 136px;
    overflow: hidden;
    padding:10px 0 0 15px;
}
.hp-results-options ul li {
    float:left;
    width:12%;
    margin-right:1%;
    padding:0;
    background:none;
    text-align: center;
}
.hp-results-options ul li:first-child {
    text-align: right;
    /*margin-right:13%;*/
    padding:10px 0;
    width:20%;
    min-width: 90px;
}
.hp-results-options ul li a {
    color:white;
    display:block;
    text-decoration: none;
    padding:10px 0;
    position:relative;
}

.hp-results-options ul li a:hover { background:#1EA4EA; }
.hp-results-options ul li a.current {
    background:white;
    color:black;
}
.hp-results-options a .shadow {
    display:none;
    position:absolute;
    right:-6px;
    bottom:0px;
    width:6px;
    height:122px;
    background:url(/img/shadow-reisresult.png) no-repeat left bottom;
    background-size: 6px 122px;
    z-index:999;
}
.hp-results-options ul li a.current .shadow { display:block; }
.hp-results-options ul li p {
    margin-bottom:5px;
}
.hp-results-options ul li .label {
    position:absolute;
    left:15px;
    background:#F29300;
}

.hp-route-overview {
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
.hp-route-overview h3 { display:none; }
.hp-route-warning {
    float:left;
    background-color:#333333;
    background-position: 10px -1515px;
    color:white;
    margin:0 0 20px 20px;
    position:relative;
}
.hp-route-warning:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:100%;
    left:20px;
    border: 10px solid transparent;
    border-top-color: #333;
    margin-left:20px;
}
.hp-route-warning p {
    padding:20px 20px 20px 70px;
    margin:0;
    font-size:20px;
    line-height: 26px;
}


.hp-route-overview .route-start,
.hp-route-overview .route-eind {
    font-family: 'nunitoregular', Arial;
    font-size:18px;
    padding-left:30px;
    float:left;
    width:100%;
}
.ie8 .hp-route-overview .route-start,
.ie8 .hp-route-overview .route-eind,
.lt-ie8 .hp-route-overview .route-start,
.lt-ie8 .hp-route-overview .route-eind {
    font-family: Arial;
    font-weight:bold;
}
.hp-route-overview .route-start { margin:0 0 10px 0; }
.hp-route-overview .route-eind { margin:10px 0 20px 0; }

.hp-route-overview ol,
.hp-route-overview ol li.step {
    float:left; width:100%;
    margin:0; padding:0;
    list-style:none;
    background:none;
}
.hp-route-overview ol a {
    color:#333;
    text-decoration:underline;
}
.hp-route-overview ol .hp-route-warning a { color: #fff; }
.hp-route-overview ol a:hover {
    text-decoration: none;
}
.hp-route-overview ol li.step {
    margin:0 0 0 0;
    background:url(/img/hp-route-overview-timeline.png) repeat-y 45px top;
    position:relative;
}

.hp-route-overview ol li.step>div {
    padding:40px 0 30px 15%;
    float:left;
    width:85%;
    /*background:url(/img/hp-routeoverview-icons.png) no-repeat 20px 20px;
    background-size: 12500px 69px;*/
}
.hp-route-overview ol li.step>div.icon-walk { background: url(/img/icon-walk.png) no-repeat 20px 20px; background-size:60px 68px; }
.hp-route-overview ol li.step>div.icon-bus { background: url(/img/icon-bus.png) no-repeat 20px 20px; background-size:60px 68px;}
.hp-route-overview ol li.step>div.icon-tram { background: url(/img/icon-tram.png) no-repeat 20px 20px; background-size:60px 68px;}
.hp-route-overview ol li.step>div.icon-train { background: url(/img/icon-train.png) no-repeat 20px 20px; background-size:60px 68px;}
.hp-route-overview ol li.step>div.icon-ferry { background: url(/img/icon-boat.png) no-repeat 20px 20px; background-size:60px 68px;}
.hp-route-overview ol li.step>div.icon-subway { background: url(/img/icon-subway.png) no-repeat 20px 20px; background-size:60px 68px;}
.hp-route-overview ol li.step:nth-child(even) {
    background-color:#F2E7E7;
}
.hp-route-overview ol li.step:first-child>div { padding-top:20px; }
.hp-route-overview ol li.step:first-child>div.icon-walk { background-position:20px 0px; }
.hp-route-overview ol li.step:first-child>div.icon-bus { background-position:20px 0px; }
.hp-route-overview ol li.step:first-child>div.icon-tram { background-position:20px 0px; }
.hp-route-overview ol li.step:first-child>div.icon-train { background-position:20px 0px; }
.hp-route-overview ol li.step:first-child>div.icon-ferry { background-position:20px 0px; }
.hp-route-overview ol li.step:first-child>div.icon-subway { background-position:20px 0px; }


.hp-route-overview ol li.step h4 {
    font-size:24px;
    font-weight: 300;
    margin-bottom: 20px;
    clear:both;
}
.hp-route-overview ol li.step dl,
.hp-route-overview ol li.step dl dt,
.hp-route-overview ol li.step dl dd {
    float:left; width:100%;
    margin:0; padding:0;
}
.hp-route-overview ol li.step dl dt {
    float:left;
    width:10%;
    margin:0 0 10px 0;
    font-family: 'nunitoregular', Arial;
}
.ie8 .hp-route-overview ol li.step dl dt,
.lt-ie8 .hp-route-overview ol li.step dl dt {
    font-family: Arial;
    font-weight:bold;
}
.hp-route-overview ol li.step dl dd {
    float:left;
    width:90%;
    margin:0 0 10px 0;
}
.hp-route-overview ol li.step .hp-route-warning {
    width:auto;
    margin-top:-10px;
    margin-left:0;
    background-position:-67px -1612px;
    padding:15px 15px 15px 0;
}
.hp-route-overview ol li.step .hp-route-warning:after { left:10px; }
.hp-route-overview ol li.step .hp-route-warning p {
    font-size:16px;
    padding:8px 20px 8px 30px;
}
.btn-looproute {
    position:absolute;
    right:0;
    top:40px;
}

.hp-route-overview ol li.step:first-child>div .btn-looproute { top:20px }
.btn-looproute a {
    color:#999999;
    text-decoration: none;
    padding:12px 30px 10px 48px;
    display: inline-block;
    background-position: 15px -1672px;
}
.btn-looproute a:hover {
    color:black;
    background-position: 15px -1717px;
}
.btn-looproute a.active {
    background-color:white;
    background-position: 20px -1764px !important;
    color:black;
}

.btn-totop {
    position:absolute;
    right:0;
    bottom:52px;
}
.btn-totop a {
    color:#fff;
    text-decoration: none;
    padding:12px 25px 10px 55px;
    display: inline-block;
    background-color:black;
    background-position: 20px -2071px;
}
.btn-totop a:hover {
    color:#fff;
    background-color:#333;
}

.btn-close {
    position:absolute;
    right:0;
    top:0;
}
.btn-close a {
    position:absolute;
    right:0;
    top:0;
    width:60px;
    height:54px;
    background-color:black;
    background-position: 20px -2133px;
}
.btn-close a span {
    position:absolute;
    right:60px;
    top:0;
    width:280px;
    text-align:right;
}
.btn-close a span em {
    font-style:normal;
    padding:15px 20px;
    display: inline-block;
    background-color:#000;
    color:#fff;
    text-decoration: none;
}
.btn-close a:hover span em {
    color:#fff;
    background-color:#333;
}
.btn-close a:hover { background-color:#333; /*#2BA8E4; */}


/* gmap */
.gmap {
    float:left;
    width:96%;
    margin:0px 0 20px 0;
    background:white;
}
.hp-results-container .gmap { margin-top:10px; }

.gmap-map {
    padding:10px;
}
.gmap-map img { width:100%; }
.gmap-map .gmap-canvas { display: block; height: 400px;}
.gmap-map .gmap-canvas img { max-width: none; }
.gmap-route h5 {
    padding:0 3%; margin:10px 0 10px 0;
    font-size:22px;
    font-weight: 300;
}
.gmap-route ol,
.gmap-route ol li { list-style: none; }
.gmap-route ol li {
    padding:10px 3%;
    width:auto;
}
.gmap-route ol li:nth-child(even) { background:#F2E7E7; }
.gmap-route ol li.odd { background:#F2E7E7; }

.gmap-legenda { float:left; width:100%; margin-bottom: 100px; }
.gmap-legenda .col {
    float:left; width:40%;
    position:relative;
    padding-left:7%;
    min-height:140px;
}
.gmap-legenda .col p { margin-bottom: 10px; }
.gmap-legenda .col:before {
    content: ' ';
    position: absolute;
    top:0px;
    left:0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 150px 10px 0 0;
    border-color: #DBD2D2 transparent transparent transparent;
    -webkit-transform:rotate(360deg);
}
.gmap-legenda .col:first-child {
    padding-left:0;
    width:52%;
    border-right:1px solid #C2B9B9;
}
.gmap-legenda .col:first-child:before { display: none; }

.gmap-legenda .marker {
    padding:15px 0 30px 60px;
    font-family: 'nunitoregular', Arial;
}
.ie8 .gmap-legenda .marker,
.lt-ie8 .gmap-legenda .marker {
    font-family: Arial;
    font-weight:bold;
}
.gmap-legenda .marker-red { background:url(/img/marker_red.png) no-repeat left top; }
.gmap-legenda .marker-black { background:url(/img/marker_black.png) no-repeat left top; }
.gmap-legenda .marker-special { background:url(/img/marker_special.png) no-repeat left top; }



.hp-search-container {
    float:right;
    width:50%;
}

div.hp-aside {
    float:left;
    position: fixed;
    top: 0;
    width:29.577464788%;
    height: 100%;
    background-color: #e62026;
}
.weergave-9292 {
    width:100%;
    overflow: hidden;
}
.weergave-9292>div.inner {
    padding:85px 20px 0 20px;
    min-height: 120px;
	color: white;
}
.weergave-9292>div.inner a {
	color: white;
}
.weergave-9292 div.row-submit {
    float:left;
    width:100%;
    text-align:right;
    position:relative;
    padding:20px 0;
    min-height:20px;
    margin-top:50px;
}
.weergave-9292 div.row-submit .input-submit { float:right; margin:-80px 20px 0 0;}
.weergave-9292 div.row-submit img {
    position:absolute;
    left:20px;
    bottom:35px;
}
.weergave-9292 .error {
    background: transparent url("/img/icon-error-9292.png") no-repeat 0 0;
    background-size: 40px 40px;
    padding-left: 60px;
}
.weergave-9292 .input-submit {
    float: right;
}
#reisplanner {
    background:#E62026;
    margin:0;
    color:white;
    position: relative;
}

.homepage #reisplanner {
    float: none;
    width: auto;
    margin-top: 65px;
    padding: 20px 0 0 0;
}

#reisplanner h2 {
    color:white;
    padding:15px 0 0 20px;
    margin-bottom:10px;
    font-size:22px;
}
#reisplanner fieldset .inner {
    padding:0 20px;
    position: relative;
}
#reisplanner fieldset .inner .from-to-container{
    float: left;
    margin-right: 50px;
}
#reisplanner fieldset .inner .switch-locations {
    position: absolute;
    top: 24px;
    right: 20px;
    width: 43px;
    height: 43px;
}
#reisplanner fieldset .switch-locations img {
    -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;

    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Opera, Chrome, and Safari */
}
#reisplanner fieldset .switch-locations img:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
}
#reisplanner fieldset legend { display:none; }
#reisplanner div.dif {
    float:left;
    width:100%;
    margin:10px 0 0 0;
    position:relative;
}
#reisplanner div.dif .inner {
    padding:15px 20px;
}
#reisplanner div.dif .inner .frow { margin-bottom:0; }
#reisplanner .inner .frow { position:relative; margin-bottom: 5px; }

label.inset {
    position: absolute;
    left:10px;
    top:14px;
    z-index:10;
    color:black;
    font-size:16px;
    font-weight:normal;
    font-family: 'nunitoregular', Arial;
    line-height:20px !important;
}

.ie8 label.inset,
.lt-ie8 label.inset {
    font-family:Arial;
    font-weight:bold;
}
#reisplanner .input-text:focus {
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#reisplanner .row.radio-hor > label {
    margin-top:6px;
}
#reisplanner .frow .error-message {
    background: white;
    color: #D0191F;
    padding: 10px;
}
#reisplanner .frow .help-message {
    background: white;
    color: #333333;
    padding: 10px;
}
#reisplanner .inner .error label.inset {
    color:#cd2e2e;
}

#reisplanner .inner .frow .input-text {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding: 13px 5px 10px 60px;
    width:100%;
    overflow:hidden;
    display:block;
    font-size:15px;
    float:left;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    margin:0;
    -webkit-appearance: none;
    border-radius: 0;
}

#reisplanner .inner .frow .input-text:first-child { text-transform: capitalize }
#reisplanner .inner .frow .input-datum {
    float:left;
    position:relative;
    width:60%;
    margin-right:1%;

}
#reisplanner .inner .frow .input-datum img { display:none; }

#reisplanner .inner .frow .input-datum .input-text {
    padding-left:75px;
}
#reisplanner .inner .frow .input-tijd {
    float:left;
    position:relative;
    width:39%;
}
.isTouch #ui-datepicker-div {
    display:none !important;
}
.input-datum input{
    -webkit-appearance: none;
}
#reisplanner .input-datum.for-mobile{
    display: none;
}
.isTouch #reisplanner .input-datum{
    display: none;
}
.isTouch #reisplanner .input-datum.for-mobile{
    display: block;
}
.isTouch  #reisplanner .input-datum input{
    -webkit-appearance: none;
}
#reisplanner .input-tijd input{
    -webkit-appearance: none;
}

.isTouch #timetableForm #input-datum,
#timetableForm #input-datum.for-mobile {
    display: none;
}
.isTouch #timetableForm #input-datum.for-mobile {
    display: block;
}


#reisplanner .inner .frow .input-tijd .input-text {
    padding-left:45px;
    padding-right:5px;
    width:100%;

}
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;

}

#reisplanner .submit-error {
    background: #333333;
    color: white;
    position: absolute;
    right: 0px;
    bottom: 40px;

    padding:5px 10px;
}
#reisplanner .submit-error p { margin:0; }
#reisplanner .submit-error:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    bottom:-20px;
    right:20px;
    border: 10px solid transparent;
    border-top-color: #333333;
}
#timetable-filter .submit-error {
    background: #333333;
    color: white;
    position: absolute;
    right: 0px;
    bottom: 48px;
    padding: 5px 10px;
    width: 170px;
}
#timetable-filter .submit-error p { margin:0; }
#timetable-filter .submit-error:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    bottom:-20px;
    right:20px;
    border: 10px solid transparent;
    border-top-color: #333333;
}
small.warning-message {
    background: #444;
    color: white;
    position: absolute;
    left: 0px;
    bottom: -40px;
    width: 93%;
    z-index: 100;
    padding: 5px 10px;
}
small.warning-message:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -20px;
    left: 45px;
    border: 10px solid transparent;
    border-bottom-color: #444;
}
#reisplanner .inner .frow .btn-route-options {
    display: inline-block;
    background-image: none !important;
    color:white;
    text-decoration: none;
    padding-top: 7px;

}

#reisplanner .inner .frow .input-submit {
    float:right;
    padding-right:25px;
    padding-left:10px;
    margin:0 !important;
}

#reisplanner .inner .frow .input-submit .loader {
    margin-left: -5px;
}
#reisplanner .inner .frow .input-submit:hover {
    background-color:#880F13 !important;
}
#reisplanner .inner .frow .input-submit:active {
    background-color:#222;
}
#reisplanner .inner .frow .input-submit[disabled] {
    background-color:#000 !important;
    color:#FFF;
    text-shadow: none;

}
#reisplanner .inner .frow .input-submit[disabled] span {
    border:0 !important;
}

.newsletter-subscriptions {
    float:left;
    width:100%;
    margin:0 0 30px 0;
}
.newsletter-subscriptions h2 {
    margin-bottom:20px;
}

/* reisplannen foldout */
.hp-planner-foldout {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.hp-planner-foldout.open {
    height: 255px;
    position: relative;
    z-index: 1;
    background-color: #E62026;
}

.hp-planner-foldout:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:-20px;
    left:45px;
    border: 10px solid transparent;
    border-bottom-color: #E62026;
}
#reisplanner .hp-planner-foldout>div.inner {
    padding:20px 5%;
    float:left;
}
.hp-planner-foldout>div h3 {
    margin:15px 0;
    float:left;
    width:100%;
    font-size:16px;
}
.hp-planner-foldout>div .checkbox-holder {
    float:left;
    width:33%;
    margin:0 0 8px 0;
}
#reisplanner .hp-planner-foldout>div div.dif {
    margin:0px 0;
    width:100%;
    background:transparent;
}
#reisplanner .hp-planner-foldout>div .foldout-close {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    padding:10px 20px 10px 60px;
    background-color:#D0191F;
    color:white;
    text-decoration: none;
    background-position:20px -2139px;
    display:none;
}
#reisplanner .hp-planner-foldout>div .foldout-close:hover {
    background-color:#bc1117;
}



/*
.hp-search-active .hp-aside { width:100%; }
.hp-search-active .hp-content { display:none; }
*/



/* elements */
div.blockquote {
    background:#F6921C;
    padding:25px 30px;
    color:white;
    width:40%;
    float:left;
    margin:0 40px 20px -40px;
}
div.blockquote blockquote {
    font-size:25px;
    color:white;
    margin:0 0 10px 0;
}
div.blockquote cite {
    color:white;
    font-style:normal;
}


div.blockquotesmall {
    background:#00ADEE;
    padding:25px 30px;
    color:white;
    width:100%;
    float:left;
    margin:0 0 30px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div.blockquotesmall.alignLeft {
    margin:0 40px 30px -40px;
    width:40%;
}
div.blockquotesmall.alignRight {
    margin:0 -40px 30px 40px;
    width:40%;
    float:right;
}

div.blockquotesmall p {
    font-size:15px;
    line-height: 20px;
    color:white;
    margin:0 0 20px 0;
}
div.blockquotesmall p:first-child {
    font-size:28px;
    line-height:30px;
    margin:0 0 20px 0;
}
div.blockquotesmall a {
    color:white;
}
div.blockquotesmall p.p-btn-readmore {
    margin:0;
}
div.blockquotesmall p.p-btn-readmore a {
    background:url(/img/arrow-white10-17.png) no-repeat left center;
    color:white;
    padding-left:25px;
}



/* buttons */
.social-btn {
    display: inline-block;
    color:white;
    text-decoration: none;
    padding:15px 17px 15px 67px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    position:relative;
    overflow:hidden;
    margin:20px 10px 20px 0;
    -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.social-btn span {
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:100%;
    background:#1C4885 url(/img/icon-social-sprite.png) no-repeat left top;
    background-size: 50px 300px;

}
.social-btn.fb {
    background-color:#305C99;
}
.social-btn.fb:hover { background-color:#2A548D; }
.social-btn.fb:active { background-color:#1C4885; }
.social-btn.fb span {
    background-position:12px 16px;
}
.social-btn.tw {
    background-color:#31A9DE;
}
.social-btn.tw:hover { background-color:#2A9ACB; }
.social-btn.tw:active { background-color:#1D95CA; }
.social-btn.tw span {
    background-position:13px -52px;
    background-color:#1D95CA;
}
.social-btn.go {
    background-color:#DD4B39;
}
.social-btn.go:hover { background-color:#D24635; }
.social-btn.go:active { background-color:#DD4B39; }
.social-btn.go span {
    background-position:14px -115px;
    background-color:#C93725;
}

div.hp-content {
    float:right;
    margin-top: 70px;
    width:70.422535211%;
}
div.hp-content .cycle-slideshow {
    overflow: hidden;
}

div.hp-content .cycle-slideshow,
div.hp-content .cycle-slideshow .item {
    width:100%;
    height:100%;
    position:relative;
}
div.hp-content .cycle-slideshow .item {
    float:left;
}
div.hp-content .cycle-slideshow .item img.bg,
div.hp-content .cycle-slideshow .item figure,
div.hp-content .cycle-slideshow .item figure img {
    width:100%; float:left; vertical-align: middle; height:auto !important;
}
div.hp-content .cycle-slideshow .item img {
    width:100%; float:left; vertical-align: middle; height:auto !important;
}

div.hp-content .cycle-slideshow .item div.descr {
    position:absolute;
    bottom: 0;
    padding: 40px;
    z-index:10;
    width: 70%;
}
div.hp-content .cycle-slideshow .item div.descr p.title {
    font-size:40px;
    color:white;
    text-transform:uppercase;
    line-height:60px;
    -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.2);
    -moz-text-shadow:1px 1px 1px rgba(0,0,0,0.2);
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.cycle-pager {
    position:absolute;
    right:5%;
    top:45%;
    width:20px;
    z-index:200;
}
.cycle-pager a {
    float:right;
    display: block;
    position:relative;
    height:21px;
    width:20px;
    margin:0 0 10px;
    background-position:left -2355px;
}
.cycle-pager a:hover,
.cycle-pager .cycle-pager-active {
    background-position:left -2380px;
}
.cycle-pager a span {
    position:absolute;
    right:35px;
    top:-15px;
    width:600px;
    text-align:right;
    display:none;
}

.cycle-pager a:hover span { display:block; }
.cycle-pager a span em {
    background:black;
    padding:15px 25px;
    color:white;
    font-style:normal;
    float:right;
    position:relative;
}
.cycle-pager a span em:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top:40%;
    right:-14px;
    border: 7px solid transparent;
    border-left-color: black;
}


.dif-overviewdetail {
    background:#F29300;
    color:white;
    padding:0;
}
.dif-overviewdetail-contact {
    background:#22ACF4;
}
.dif-overviewdetail .contentFixed {
    padding:30px 0 20px;

}
.dif-overviewdetail .contentFixed.iconed h1,
.dif-overviewdetail .contentFixed.iconed p { padding-left:30%; }
.dif-overviewdetail .contentFixed .icon {
    position: absolute;
    left: -2%;
    top: 5%;
    width: 29%;
    height:200px;
    background:url(/img/icons-doors-sprite.png) no-repeat -1000px 100px;
    background-size: 320px 4540px;
}

.dif-overviewdetail .contentFixed.icon-kaartjes .icon { background-position:center 10px;;  }
.dif-overviewdetail .contentFixed.icon-chipkaart .icon { background-position:center -280px; }
.dif-overviewdetail .contentFixed.icon-slechtzienden .icon { background-position:center -565px; }
.dif-overviewdetail .contentFixed.icon-65 .icon { background-position:center -855px; }
.dif-overviewdetail .contentFixed.icon-zakelijk .icon { background-position:center -1145px; }
.dif-overviewdetail .contentFixed.icon-taxibus .icon { background-position:center -1440px; }
.dif-overviewdetail .contentFixed.icon-tourist .icon { background-position:center -1720px; }
.dif-overviewdetail .contentFixed.icon-verloren .icon { background-position:center -2580px; }
.dif-overviewdetail .contentFixed.icon-restitutie .icon { background-position:center -2870px; }
.dif-overviewdetail .contentFixed.icon-boetes .icon { background-position:center -3160px; }
.dif-overviewdetail .contentFixed.icon-vraag .icon { background-position:center -3450px; }
.dif-overviewdetail .contentFixed.icon-melding .icon { background-position:center -3740px; }
.dif-overviewdetail .contentFixed.icon-gevonden .icon { background-position:center -4030px; }
.dif-overviewdetail .contentFixed.icon-kids .icon { background-position:center -2010px; }
.dif-overviewdetail .contentFixed.icon-pr .icon { background-position:center -2290px; }

.dif-overviewdetail .contentFixed.icon-opzeggen .icon { background-position:center -4320px; }

.dif-overviewdetail h1 {
    text-align: left;
    font-size:34px;
    line-height:42px;
    margin-bottom: 30px;
}
.dif-overviewdetail p {
    font-size:18px;
    line-height:32px;
    margin-bottom:20px;
}
.nav-overviewdetail {
    float:left;
    width:100%;
}
.nav-overviewdetail ul,
.nav-overviewdetail ul li {
    float:left;
    width:100%;
    background:none;
    padding:0;
    margin:0;

}
.nav-overviewdetail ul li { padding-bottom:20px;  border-bottom:1px solid #E5E5E5; }
.nav-overviewdetail ul li .contentFixed {
    padding:30px 0 0px;
}
.nav-overviewdetail ul li h2 {
    font-size:34px;
    line-height:42px;
    margin-bottom:20px;
}
.nav-overviewdetail ul li p {
    font-size:18px;
    line-height:28px;
    margin-bottom:20px;
}
.dif-overviewdetail>.contentFixed { width:60%; }
.nav-overviewdetail .contentFixed { width:60%; }

/* SEARCH */

.back a {
    background: url("/img/arrow-arrowback5-9.png") no-repeat scroll left center / 5px 9px rgba(0, 0, 0, 0);
    color: white;
    display: inline-block;
    padding: 17px 15px 16px;
    text-decoration: none;
}

.search-header {
    background-color: #FFF4F4;
    color: #000;
    border-bottom: 0;
}

.search-header .contentFixed {
    width: 60%;
    padding-bottom: 0px;
    padding-left:0px;
    padding-top: 38px;
}

.search-header .contentFixed.options {
    padding-top: 0px;
    padding-left: 8%;
}

.search-header .contentFixed > div {
    width: 100%;
}


.search-header h1 {
    text-align: center;
    font-size: 40px;

}.search-header h2 {
     text-align: center;
     font-size: 20px;
     color: #333;
 }


.search-header .row {
    float: inherit;
    display: inline-block;
    padding-left: 8%;
}

.search-header input {
    display: inline-block;
    margin: 0px;
}

.search-header .inputText {
    padding: 10px;
    width: 70%;
    border-right:0px;
    position: relative;
    left: 5px;
}

.search-header .btn-submit {
    background:#000 url(../img/loop-white.png) no-repeat 10px center;
    background-size: 20px 21px;
    border: 2px solid #000;
    vertical-align: top;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    padding: 10px;
    min-height: 21px;
    text-indent: 26px;
}

.search-header ul.search-options {
    display: inline-block;
    margin: 20px 0 10px 9px;
    width: 46%;
}

.search-header ul.search-options li {
    padding-left: 0px;
}

.search-header ul.search-options li a span {
    width:79%;
    font-size: 16px;
    margin-top: 12px;
    padding-left: 14%;
    padding-right: 13%;
    display:block;
    background:url(../img/arrow-black8-12.png) no-repeat 8% 6px;
    background-size:8px 12px;
    color: #000;
    float: right;
}

.search-results {
    clear: both;
}

.search-results ul li {
    padding-bottom:10px;
}
.search-results ul li h2 {
    font-size:24px;
    margin-bottom:20px;
    line-height:32px;
}
.search-results ul li .contentFixed>div {
    padding-left:90px;
}
.search-results ul li .icon {
    position:absolute;
    left:0;
    top:30px;
    width:70px;
    height:70px;
    background-position: left -1142px;
}

.search-results ul li p span {
    font-weight: bold;
}

.search-results ul li a.read-more span {
    display: block;
    width:79%;
    margin-left: -8%;
    padding-left: 11%;
    padding-right: 10%;
    display:block;
    background: url(../img/arrow-black8-12.png) no-repeat 8% 7px;
    background-size:8px 12px;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    font-family: 'nunitoregular', Arial;
}


.search-results.nav-overviewdetail ul li,
.search-results.nav-overviewdetail ul.nav-results li{
    border-bottom:0;
}


.search-results.nav-overviewdetail ul li:first-child {
    padding-bottom:0px;
}

.search-results.nav-overviewdetail ul li:first-child p {
    font-size: 16px;
    margin-bottom: 10px;
}

a.read-more {
    text-decoration: none;
}

ul.nav-results ul.page-numbering {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    margin-top: 6px;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
}

ul.nav-results ul.page-numbering li {
    display: inline-block;
    width: auto;
    margin-right: 16px;
}

ul.nav-results ul.page-numbering a {
    padding-bottom: 3px;
    text-decoration: none;
    color: #000;
}

ul.nav-results ul.page-numbering a.current,
ul.nav-results ul.page-numbering a:hover {
    border-bottom: 1px solid #000000;
}

.nav-overviewdetail ul li p.p-btn {
    display: inline-block !important;
    width: auto;
    margin: -5px 0px 0px 14px;

}

.nav-overviewdetail ul li p.p-btn a {
    padding: 6px 46px 6px 20px;
    color: #fff;
    background:#000 url(../img/arrow-white8-12.png) no-repeat 110px center;
}

.search-results .btn-totop a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 8px 55px 8px 25px;
    background-position: 127px -2074px;
}

/* End of search style */

.lijn-header {
    background: #F29300;
    color: white;
    text-align:center;
    border-bottom:0;
}
.lijn-header-tram {
    background: #F6921C;
}
.lijn-header-bus {
    background: #00ADEE;
}
.lijn-header-nachtbuzz {
    background: #2E0102;
}
.lijn-header .contentFixed { padding:10px 0 10px 0;}
.lijn-header h1 { line-height: 60px; font-size:20px; margin:0; }
.lijn-header h1 span {
    display:block;
    font-size:100px;
}
.lijn-nav {
    position:absolute;
    left:0;
    top:0;
    width:25%;
    height:100%;
    z-index:88;
    overflow:hidden;
    display:none;
}
.lijn-nav a {
    text-align: left;
    color:black;
    text-decoration: none;
    padding:25px 0 0 15%;
    display:block;
    font-size:14px;
    line-height: 42px;
    height:75%;
    background:url(/img/lijnnav-arrows.png) no-repeat 95% 60px;
    background-size:34px 287px;
}
.isTouch .lijn-nav a { background:none; }
.lijn-nav a span {
    display: block;
    font-size:70px;
    margin-left:-5px;
}
.lijn-nav-next {
    left:auto;
    right:0;
}
.lijn-nav-next a {
    text-align: right;
    padding:25px 15% 0 0;
    background-position: 5% -163px;
}

.lijn-disruptions ul li {
    padding-bottom:10px;
}
.lijn-disruptions ul li h2 {
    font-size:24px;
    margin-bottom:20px;
    line-height:32px;
}
.lijn-disruptions ul li .contentFixed>div {
    padding-left:90px;
}
.lijn-disruptions ul li .icon {
    position:absolute;
    left:0;
    top:30px;
    width:70px;
    height:70px;
    background-position: left -1142px;
}

.lijn-disruptions ul li .icon.planned {
   background-position: left -1247px;
}

.lijn-disruptions ul li .icon p { display:none; }

#timetable-filter {
    background:#D97A00;
    color:white;
}

#timetable-filter input,
#timetable-filter select {
    cursor:pointer;
}

.time-input-holder {
    display: inline-block;
    vertical-align: middle;
}

.timetable-filter-tram {
    background: #F6921C !important;
}
.timetable-filter-bus {
    background: #00ADEE !important;
}
.timetable-filter-nachtbuzz {
    background: #2E0102 !important;
}

#timetable-filter .contentFixed { padding:30px 0 0px; }
#timetable-filter .frow {
    width:auto;
    margin-right:1%;
}
#timetable-filter .frow.zoeken {
    margin-right: 0px;
}
#timetable-filter .frow label {
    display:inline-block;
    font-size:18px;
    margin-bottom:10px;
    position: relative;
    top: 3px;
    margin-right:4px;
}
#timetable-filter .frow.input-richting {
    width:255px;
    margin-right:10px;
}

#timetable-filter .frow.input-tijd {
    width:auto;
}
#timetable-filter .frow.input-tijd label,
#timetable-filter .frow.input-datum label {
    margin-bottom:14px;
}
#timetable-filter .frow.input-tijd input {
    text-align:center;
    -webkit-appearance: none;
    padding:9px;
    width: 64px;
}
#timetable-filter .frow.input-datum {
    width: auto;
}
#timetable-filter .frow.input-datum input {
    text-align:left;
    -webkit-appearance: none;
    padding:9px 15px;
    width:150px;
}
.input-datum { position: relative;}

.input-datum .ui-datepicker-trigger {
    position: absolute;
    right: 8px;
    bottom:12px;
}

#timetable-filter .input-datum .ui-datepicker-trigger {
    right: 15px;
    bottom: 12px;
}
.htm-form .ui-datepicker-trigger {
    position: absolute;
    right: 2%;
    top: 38px;
}

.table-timetable {
    float:left;
    width:100%;
    position:relative;
    margin:0 0 30px 0;
}
.table-timetable .timetable-paging {
    position:absolute;
    right:2px;
    top:8px;
	z-index: 999;
}

.table-timetable .download a {
    background:url(/img/icon-download.png) no-repeat center center;
    background-size:33px 30px;
    min-height: 30px;
    width:33px;
    display: inline-block;
    position: relative;
    top:5px;
}

.table-timetable .download a:hover {
    background:url(/img/icon-download-hover.png) no-repeat center center;
}

.timetable-paging a {
    display: inline-block;
    color:black;
    text-decoration: none;
    font-family: 'nunitoregular', Arial;
    background:url(/img/arrow-black8-12.png) no-repeat right center;
    background-size:8px 12px;
    padding-right:15px;
    margin: 0 0 -12px 10px;
}

.timetable-paging a:hover {
    color:#333;
    background:url(/img/arrow-black8-12-hover.png) no-repeat right center;
    background-size:8px 12px;
}

.ie8 .timetable-paging a,
.lt-ie8 .timetable-paging a {
    font-family:Arial;
    font-weight:bold;
}
.timetable-paging a.prev {
    background:url(/img/arrow-blackback8-12.png) no-repeat left center;
    padding:0 0 0 15px;
    background-size:8px 12px;
}
.timetable-paging a.prev:hover {
    background:url(/img/arrow-blackback8-12-hover.png) no-repeat left center;
    background-size:8px 12px;
}
.timetable-paging a.first {
    background:url(/img/arrow-black-first.png) no-repeat left center;
    background-size:12px 14px;
    border-right: 1px dotted #E3DEDB;
    min-height: 35px;
    padding: 0 10px 0 15px;
}
.timetable-paging a.first:hover {
    background:url(/img/arrow-black-first-hover.png) no-repeat left center;
    background-size:12px 14px;
}
.timetable-paging a.last {
    background:url(/img/arrow-black-last.png) no-repeat right center;
    padding:0 15px 0 15px;
    background-size:12px 14px;
    border-left: 1px dotted #E3DEDB;
    min-height: 35px;
}
.timetable-paging a.last:hover {
    background:url(/img/arrow-black-last-hover.png) no-repeat right center;
    background-size:12px 14px;
}


.table-timetable table { table-layout: auto !important; }
.table-timetable td:first-child {
    background:url(/img/timetable-halte-reg.png) no-repeat 22px center;
    background-size: 20px 105px;
}
/*.table-timetable td:first-child+td {
    width:30%;
}*/
.table-timetable td.start {
    background:url(/img/timetable-halte-start.png) no-repeat 17px center;
    background-size: 30px 86px;
}
.table-timetable td.first{
    width: 40px;
}
.table-timetable td.eind {
    background:url(/img/timetable-halte-eind.png) no-repeat 17px center;
    background-size: 30px 86px;
}

p.p-btn-readmore a {
    background:url(/img/arrow-black8-12.png) no-repeat left center;
    background-size:8px 12px;
    display:inline-block;
    padding-left:30px;
    color:black;
}

.table-timetable thead tr {
    border-bottom: 1px solid #E5E5E5 !important;
}
.table-timetable thead tr th {
	background: white;
    border:0 !important;
}

.table-timetable thead tr th,
.table-timetable tbody tr td {
    width:11.1%;
}

.module-download-line {
    float:left;
    width:100%;
    margin:0 0 40px 0;
}
.module-download-line div.fields {
    padding:40px 30px 20px 30px;
    background:#fff6f6;
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
.vehicle-type a {
    display:inline-block;
    padding:30px 30px 30px 110px;
    margin:0 1px 0 0;
    color:black;
    font-size:24px;
    position:relative;
    text-decoration: none;
}
.vehicle-type a:before {
    content:"";
    position:absolute;
    left:30px;
    top:15px;
    background: url(/img/icon-vehicle-types.png) no-repeat left top;
    width:60px;
    height:60px;
}
.vehicle-type a:first-child:before {
    background-position:left -120px;
}
.vehicle-type a.is-active {
    background:#fff6f6;
}
.vehicle-type a.is-active:before {
    background-position:left -60px;
}
.vehicle-type a.is-active:first-child:before {
    background-position:left -180px;
}


.module-download-line h3 {
    margin:0 0 10px 0;
}
.module-download-line .row {
    margin:0 0 20px 0;
}
.module-download-line .label {
    float:left;
    width:40%;
    margin-left:10%;
    /*padding-top: 10px;*/
}
.module-download-line .input {
    float:left;
    width:50%;
}
.module-download-line .input select {
    width:90%;
}
.module-download-line p {
    margin:0;
}
.module-download-line .validation {
    text-align:center;
    color:red;
}




.text-error { color :red;}


#footer {
    background:#eeeeee;
    overflow: hidden;
    margin-top: -60px;
}
#footer .contentFixed {
    padding: 30px 0;
}
.homepage #footer .contentFixed {
    padding: 30px 40px;
    margin: 0 0 0 31.666666666%;
}
.homepage.searchstate-active #footer .contentFixed {
    margin-left: 0;
    margin-right: 31.666666666%;
}
.homepage #footer {
    margin-top: 0;
}

.footer-nav,
.footer-nav a {
    color: #000;
    text-decoration: none;
}
.footer-nav li,
.footer-nav .title {
    padding: 0 0 10px 0;
}
.footer-nav .title:hover {
    text-decoration: none;
}
.footer-nav {
    list-style-type: none;
    overflow: hidden;
}
.footer-nav li {
    background: none;
}
.footer-nav > li {
    float: left;
    padding-left: 20px;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-nav > li:first-child {
    padding-left: 0;
}
.footer-nav .icon {
    display: none;
}
.footer-nav .icon a {
    display: block;
    height: 25px;
    background: transparent url("/img/icon-social-sprite.png") no-repeat center -192px;
    background-size: 50px 300px;
}
.footer-nav .icon span {
    display: none;
}
.footer-nav .tw a {
    background-position: center -255px;
}
.footer-nav .title {
    font-size: 18px;
    font-weight: 600;
}
.footer-nav > li li {
    float: none;
}
.footer-nav a {
    display: block;
}
.footer-nav a:hover {
    text-decoration: underline;
}

/* mosaic */
.mosaic-regular {
    float:left;
    width:100%;
    margin:0;
}
.btn-mosaic-moreless {
    margin-top:30px;
}
.mosaic-regular li {
    float:left;
    width:25%;
    position:relative;
    margin:0;
    background:white;
    padding-left:0;
    overflow:hidden;
}
.mosaic-regular li.highlight75 { width:75%; }
.mosaic-regular li.highlight50 { width:50%; }
.mosaic-regular li img { width:100%; vertical-align: middle; }

.mosaic-regular li {
    background:#22ACF4;
    color: white;
}
.mosaic-regular li.difpos1,
.mosaic-regular li.difpos2 { margin-top:-25%; }
.mosaic-regular li.difpos1 { margin-top:-25%; margin-left: 25%; }

.mosaic-regular li p {
    color: white;
}
.mosaic-regular li a { text-decoration: none; }
.mosaic-regular li a h3 {
    color: white;
    text-transform: uppercase;
}
.mosaic-regular li .date {
    position:absolute;
    left:0;
    top:0;
    width:25%;
    height:20%;
    padding-top:5%;
    text-align:center;
    background:#000;

}
.mosaic-regular li .date p {
    line-height:18px;
}
.mosaic-regular li .date span { display:block; }
.mosaic-regular li.highlight .date {
    width:12%;
    height:12%;
    padding-top:3%;
}
.mosaic-regular li .info {
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    padding:0 5%;
    -webkit-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.mosaic-regular li .info p { display:none; margin-bottom:10px; }
.mosaic-regular li .info h3 { margin-bottom:10%; text-transform: uppercase }
.mosaic-regular li:hover .info {
    bottom:5%;
}
.mosaic-regular li:hover .info p { display:block }
.mosaic-regular li.highlight .info {
    text-align:left;
}
.mosaic-regular li.highlight .info p {  margin-bottom:20px; }
.mosaic-regular li.highlight .info h3 {
    font-size:36px;
    line-height:46px;
}
.mosaic-regular li.highlight .open {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}
.mosaic-regular li.highlight75 .open {
    width:60%;
}
.mosaic-regular li.highlight .open.hover {
    background-color:#22ACF4;
}

.mosaic-regular li.highlight:hover .info {
    bottom:5%;
    text-align:center;
}
.mosaic-regular li.highlight:hover .arrow-btn { margin-top:30px; }
.arrow-btn { margin:0; }
.arrow-btn>span {
    display: inline-block;
    width:40px;
    height:40px;
    background:black;
    background:url(/img/arrow-btn.png) no-repeat center center;
    background-size:50px 50px;
}
.arrow-btn>span>span { display: none; }


/* gridded */
.gridded-3 {
    float:left;
    width:100%;
    margin: 0;
}
.gridded-3 li {
    float:left;
    width:30.188679245%;
    margin:0 4.7169811325% 30px 0;
    background:white;
    padding-left:0;
}
.gridded-3 li:nth-child(3n+3) {
    margin-right:0;
}
.gridded-3 li:first-child + li + li,
.gridded-3 li:first-child + li + li + li + li + li {
    margin-right:0;
}
.ingangen a {
    display: block;
    text-decoration: none;
    color:#000;
    position: relative;
    overflow:hidden;
    background:url(/img/icons-doors-sprite.png) no-repeat -1000px 100px;
    background-size: 320px 4540px;
}
.ingangen li.icon-kaartjes a { background-position:center 10px; }
.ingangen li.icon-chipkaart a { background-position:center -280px; }
.ingangen li.icon-slechtzienden a { background-position:center -565px; }
.ingangen li.icon-65 a { background-position:center -855px; }
.ingangen li.icon-zakelijk a { background-position:center -1145px; }
.ingangen li.icon-taxibus a { background-position:center -1440px; }
.ingangen li.icon-tourist a { background-position:center -1720px; }

.ingangen li.icon-verloren a { background-position:center -2580px; }
.ingangen li.icon-restitutie a { background-position:center -2870px; }
.ingangen li.icon-boetes a { background-position:center -3160px; }
.ingangen li.icon-vraag a { background-position:center -3450px; }
.ingangen li.icon-melding a { background-position:center -3740px; }
.ingangen li.icon-gevonden a { background-position:center -4030px; }
.ingangen li.icon-kids a { background-position:center -2010px; }
.ingangen li.icon-pr a { background-position:center -2290px; }
.ingangen li.icon-opzeggen a { background-position:center -4320px; }



.ingangen a>div,
.ingangen-imaged a>div {
    background:#FEF4F4;
    display: block;
    padding: 20px 10px 15px;
    text-align: center;
    font-size:20px;
    min-height: 68px;
    position:absolute;
    left:0;
    bottom:-5%;
    right:0;
    -webkit-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.ingangen a:hover>div,
.ingangen-imaged a:hover>div { bottom: 0%; }
.ingangen a>div p,
.ingangen-imaged a>div p { display:none; }
.ingangen a:hover>div p,
.ingangen-imaged a:hover>div p { display:block; }
.dif .ingangen a>div {
    background:white;
}
.ingangen-iconed-orange li a {
    padding-top:300px;
    background-color:#F6921C;
}
.ingangen-iconed-blue li a {
    padding-top:300px;
    background-color:#22ACF4;
}
.ingangen-imaged a {
    display: block;
    text-decoration: none;
    color:#000;
    position: relative;
    overflow:hidden;
    padding-bottom:35%;
}
.ingangen-imaged img { width:100%; }

.dif .ingangen-imaged a>div {
    background:white;
}

/* accordion */
.content-accordion {
    float:left;
    width:100%;
    margin:0 0 40px 0;
}
.content-accordion>h3 {
    padding:10px 0 5px 6%;
    float:left;
    width:94%;
    margin:0;
    color:#333;
    font-size:16px;
    font-family: 'nunitoregular', Arial;
    background:url(/img/arrow-black8-12.png) no-repeat 13px 15px;
    background-size:8px 12px;
}
.ie8 .content-accordion>h3,
.lt-ie8 .content-accordion>h3 {
    font-family:Arial;
    font-weight:bold;
}
.content-accordion h3:hover {
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
.content-accordion h3.current {
    background:#f3f3f3 url(/img/arrow-black-down8-12.png) no-repeat 11px 19px;
    background-size:12px 8px;
}
.content-accordion>div {
    padding:10px 6% 0;
    float:left;
    width:88%;
    margin:0px 0 0px 0;
}
.content-accordion>div p {
    margin:0 0 20px 0;
}
.content-accordion>div.current {
    background:#f3f3f3;
}


.columns {
    float:left;
    width:100%;
    margin: 0 0 00px 0;
}
.column {
    float:left;
    width:100%;
}
.w60 {
    float:left;
    width:60%;
    margin-right:5%;
}
.w55 {
    float:left;
    width:55%;
    margin-right:5%;
}
.w50 {
    float:left;
    width:45%;
    margin-right:5%;
}
.w50r {
    float:left;
    width:50%;
}
.w45 {
    float:left;
    width:45%;
    margin-right:5%;
}
.w40 {
    float:left;
    width:40%;
    margin-right:5%;
}
.w35 {
    float:left;
    width:35%;
    margin-right:5%;
}

div#wrapper:after{
    position:fixed;
    bottom:0;
    right:0;
    color:white;
    background:black;
    display:block;
    padding:5px;
    z-index:100;
}

.mob-visible { display: none; }
table .screen-visible { display: block; }

#dl-menu {
    display: none;
    position:absolute;
    left:0;
    right:0;
    top:61px;
    z-index:9999;
}
#dl-menu ul {
    margin-bottom:0;
}
#dl-menu li {
    padding-left:0;
    list-style: none;
    background:none;
    background-color:#F29300;
}
#dl-menu li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-decoration: none;
    background:url(/img/arrow-white8-12.png) no-repeat 97% center;
    background-size:8px 12px;
}
#dl-menu ul ul a {
    padding-left:60px;
}
#dl-menu li:nth-child(1) a { background-color:#F29300 !important; }
#dl-menu li:nth-child(2) a { background-color:#F18D17 !important; }
#dl-menu li:nth-child(3) a { background-color:#EC8812 !important; }
#dl-menu li:nth-child(4) a { background-color:#E7830D !important; }
#dl-menu li:nth-child(5) a { background-color:#E27E08 !important; }
#dl-menu li:nth-child(5) a { background-color:#DD7903 !important; }
#dl-menu li:nth-child(6) a { background-color:#D87400 !important; }
#dl-menu li:nth-child(7) a { background-color:#D87400 !important; }

#dl-menu li a span em {font-style:normal; }
#dl-menu li.shop>a span {
    background-image:url(/img/icon-basket-white.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size:20px 18px;
    padding-left:40px;
}
#dl-menu li.login>a span {
    background-image:url(/img/icon-login-white.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size:20px 20px;
    font-style:normal;
    padding-left:40px;
}
#dl-menu li.en > a span {
    background-image:url(/img/icon-flag.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size:24px 15px;
    padding-left:40px;
}
.trigger-mainnav.open {
    background-color:#F29300;
}


/* Collapse. */
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    transition: height .3s ease;
    -webit-transition: height .3s ease;
    overflow: hidden;
}


/* Retina specific.
 * http://css-tricks.com/snippets/css/retina-display-media-query/
 */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    ul li {
        background-image:url(/img/bullet@2x.png);
    }
    div.content-aside ul.aside-nav li a span,
    .content-accordion>h3 {
        background-image:url(/img/arrow-black8-12@2x.png);
    }

    div.content-aside ul.aside-nav li.active a span,
    #dl-menu li a,
    .p-btn a.arrowed {
        background-image:url(/img/arrow-white8-12@2x.png) !important;
    }
    .content-accordion h3.current {
        background-image:url(/img/arrow-black-down8-12@2x.png);
    }

    .hp-results-paging a.arrow-next {
        background-image:url(/img/arrow-white10-17@2x.png) !important;
    }
    .hp-results-paging a.arrow-prev {
        background-image:url(/img/arrow-white-back10-17@2x.png) !important;
    }
    .hp-results-paging a.arrow-backwards {
        background-image:url(/img/arrow-white-back20-17@2x.png) !important;
    }
    .hp-results-paging a.arrow-forwards {
        background-image:url(/img/arrow-white20-17@2x.png) !important;
    }


    li.shop a span {
        background-image:url(/img/icon-basket@2x.png) !important;
    }
    li.login a span {
        background-image:url(/img/icon-login@2x.png) !important;
    }
    li.login a.current span {
        background-image:url(/img/icon-login-white@2x.png) !important;
    }
    #dl-menu li.shop a span {
        background-image:url(/img/icon-basket-white@2x.png) !important;
    }
    #dl-menu li.login a span {
        background-image:url(/img/icon-login-white@2x.png) !important;
    }
    .trigger-mainnav {
        background-image:url(/img/trigger-mainnav@2x.png);
    }
    .advanced-tabbed .advanced-tabbed-tabs li a,
    .advanced-tabbed .advanced-tabbed-container h2,
    .lijnoverzicht dt,
    .hp-route-warning,
    .btn-looproute a,
    .hp-route-cta ul li a,
    .btn-totop a,
    .btn-close a,
    a.btn-route-options,
    #reisplanner .hp-planner-foldout>div .foldout-close,
    .onbekende-route h2,
    .b-wijziging-summery h2,
    .b-wijziging-advies h2,
    .cycle-pager a {
        background-image:url(/img/icon-sprite@2x.png) !important;
    }
    #hp-actueel .lijnoverzicht dt {
        background-image:url(/img/icon-sprite-hpactueel@2x.png) !important;
    }
    .dif-overviewdetail .contentFixed .icon {
        background-image:url(/img/icon-sprite-blocks-01.png);
    }
    .lijn-nav a {
        background-image:url(/img/lijnnav-arrows@2x.png);
    }
    .content-accordion>h3 {
        padding:15px 0 15px 10%;
        width:90%;
    }
    .content-accordion>div {
        padding:0 10%;
        width:80%;
    }
    .b-wijziging-updates li {
        background:url(/img/sprite-haltes-red@2x.png) no-repeat left -328px;
    }
    .ingangen a {
        background-image:url(/img/icons-doors-sprite@2x.png);
    }

    #hp-alt-lijnenstatus .lijnoverzicht dd a  .status-disrupted-icon {
        background: url("/img/exclamation-mark@2x.png") no-repeat;
        background-size:20px 20px;
    }
    #hp-lijnenstatus .lijnoverzicht dt {
        background-image: url("/img/icon-vehicle-types-statusses@2x.png") !important;
    }

    .weergave-9292 .error {
        background-image: url("/img/icon-error-9292@2x.png");
    }

}

/* default mobile */
@media
only screen and (max-device-width: 480px),
only screen and (max-width: 480px) {

    .eventsContentWide figure {
        top:-3px;
    }

    .events .events-main {
        padding-left: 24px;
        padding-top:0px;
    }

    .table-timetable.sticky td {
    padding: 15px 10px;
}
    #timetable-filter .frow {
        margin-right: 0 !important;
    }
    .table-timetable thead {display:none;}
    #timetable-filter .frow.input-tijd,
    #timetable-filter .frow.input-datum {
        width:100%;
    }
    #timetable-filter .frow.input-tijd label,
    #timetable-filter .frow.input-datum label {
        margin-top:0px !important;
    }
        #timetable-filter .frow.input-datum input,
        #timetable-filter .frow.input-tijd input {
            width:290px;
        }
    #timetable-filter .input-datum .ui-datepicker-trigger {
        left:180px;
    }
    body { -webkit-text-size-adjust: 100% }
    /*div#wrapper:after { content:"Phone Portrait (< 330px)"; }*/
    .content-holder,
    .content-additional,
    .content-aside,
    .content-main,
    .hp-aside,
    .hp-content,
    .w50 {
        width:100% !important;

    }

    .search-header .contentFixed.options,
    .search-header .row {
        padding-left:0;
    }

    .lijn-nav a span {
        font-size: 40px;
    }

    #timetable-filter .frow.input-tijd label, #timetable-filter .frow.input-datum label {
        margin-top:4px;
    }

    .advanced-tabbed ul.lijn-dag li a p {
        font-size: 13px;
    }

    .advanced-tabbed .advanced-tabbed-container ul li p {
        font-size: 14px;
    }

    .search-header .contentFixed,
    .search-header .inputText {
        width: 100% !important;
    }

    div.hp-content { margin-top: 0px; }
    .trigger-mainnav {
        display: block;
    }

    div.hp-aside {
        float:left;
        position: static;
        top: auto;
        margin-top:60px;
        width:100%;
        height: auto;
    }

    .main-nav,
    .fixed-nav ul {
        display: none;
    }
	.fixed-nav { top: 61px;}

	.fixed-nav .back,
    .breadcrumb .back { width:40%; }

    #header { border-bottom: 1px solid #e5e5e5; }
    #contentWrapper { padding-bottom:120px; }
    .homepage-alt .page-introduction:nth-child(1) {
        padding:111px 0 20px;
    }
    #contentWrapper .content-main { padding-right:5%; padding-left:5%; width: 90% !important; }

    .homepage #hp-lijnenstatus {
        margin-bottom: 0;
    }
    .homepage #hp-lijnenstatus .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .homepage #hp-lijnenstatus .loader,
    .homepage #hp-lijnenstatus .message,
    .homepage #hp-alt-lijnenstatus .loader,
    .homepage #hp-alt-lijnenstatus .message{
        display: inline-block;
        text-align: center;
        float: none;
    }
    .homepage #hp-lijnenstatus .loader {
        display: block;
        margin: 0 auto;
    }
    .homepage #hp-lijnenstatus .message,
    .homepage #hp-alt-lijnenstatus .message{
        display: inline-block;
        margin-bottom: 20px;
    }
    .homepage #reisplanner {
        margin-top: 0;
    }

    #hp-contact h2 {
        padding-left: 38px;
    }

    div.hp-content .cycle-slideshow .item img {
        max-width: none;
        width: auto;
        height: 100%;
    }

    /*#wrapper { overflow:hidden; }*/
    #footer {
        margin-top: -120px;
    }
    #footer .contentFixed {
        padding: 0;
    }
    .homepage #footer .contentFixed {
        margin: 0;
        padding: 0;
    }
    .footer-nav {
        margin-bottom: 0;
        background: transparent url(data:image/gif;base64,R0lGODlhAgAFAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjMwMUJGQjZGQzVBMTFFM0E5NTdFMTY0QzVGNTFDOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjMwMUJGQjdGQzVBMTFFM0E5NTdFMTY0QzVGNTFDOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzAxQkZCNEZDNUExMUUzQTk1N0UxNjRDNUY1MUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAxQkZCNUZDNUExMUUzQTk1N0UxNjRDNUY1MUM5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAACAAUAAAIDhI8FADs=) repeat-y center 0;
    }
    .footer-nav > li {
        width: 50% !important;
        padding: 10px 0 0 0 !important;
        text-align: center;
        border-bottom: 2px solid #fff;
    }
    .footer-nav .icon {
        display: block;
    }
    .footer-nav ul {
        display: none;
    }
     .homepage #footer .contentFixed {
        max-width: 100%;
    }

    div.blockquote,
    div.blockquotesmall {
        width:100% !important; margin:0 0 30px 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .social-btn {
        display: block;
        margin-right:0;
    }
    .block-cta { width:100%; }
    .block-cta img { display:none; }
    .block-cta.img-left>div { padding-left:5%; width:90%;}

    .content-imaged .main,
    .content-imaged .additional { width:100%; }
    .content-imaged .additional p { margin-bottom: 10px}
    .gridded-3 li { width:100%;  margin-right:0; }
    .gridded-3 li:nth-child(3n+3) {
        margin-right:0;
    }
    .gridded-3 li:first-child + li + li {
        margin-right:0;
    }
    .gridded-3 li:nth-child(2n+2) {
        margin-right:0;
    }
    .gridded-3 li:first-child + li {
        margin-right:0;
    }
    /*
    .gridded-3 li { height:330px; width:45%;  margin-right:5%; }
    .gridded-3 li:nth-child(3n+3) {
        margin-right:5%;
    }
    .gridded-3 li:first-child + li + li {
        margin-right:5%;
    }
    .gridded-3 li:nth-child(2n+2) {
        margin-right:0;
    }
    .gridded-3 li:first-child + li {
        margin-right:0;
    }
    */
    .page-introduction p { padding:0; }

    .mosaic-regular li,
    .mosaic-regular li.highlight {
        width:100%;
        height:150px;
    }
    .mosaic-regular li.highlight .info h3 { font-size:24px; line-height: 32px; }
    .mosaic-regular li:hover img { opacity:0.8; }

    .mosaic-regular li.difpos1,
    .mosaic-regular li.difpos2 { margin-top:0%; }
    .mosaic-regular li.difpos1 { margin-top:0%; margin-left: 0%; }

    /*#contentWrapper { padding-bottom:120px !important; }*/


    .mosaic-regular li.highlight75 .open,
    .mosaic-regular li.highlight50 .open { width:100%;  }
    .mosaic-regular li.highlight75 .date,
    .mosaic-regular li.highlight50 .date,
    .mosaic-regular li .date { height:47px !important; width:60px !important; padding-top:12px !important; }
    .mosaic-regular li .info,
    .mosaic-regular li .info h3 {
        text-align:left !important;
        font-size:20px !important;
        line-height: 24px !important;
    }
    .mosaic-regular li .info h3 { margin-bottom:10px; padding-right:17%; }
    .mosaic-regular li .info .arrow-btn {
        position: absolute;
        right:5%;
        bottom:0;
    }
    .mosaic-regular li.highlight:hover .info p.intro { display:none }

    .mosaic-regular li:hover .info {
        bottom:13% !important;
    }

    body.searchstate-active .hp-container {
        width:100%;
        margin-left:0;
    }
    body.searchstate-active .hp-results-container { display:block; width:100%; }
    body.searchstate-active .hp-results-container:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        top:0px;
        left:20px;
        border-style: solid;
        border-width: 20px 20px 0 20px;
        border-color: #D0191F transparent transparent transparent;
    }

    body.searchstate-active .hp-search-container { width:100%; }

    #chap-reisinformatie { background-image: none; }
    .advanced-tabbed .advanced-tabbed-tabs {
        display:none;
    }
    #chap-reisinformatie h1 { text-align: center; }
    .advanced-tabbed .advanced-tabbed-container h2 {
        display:block !important;
        font-size:20px;
        padding-top:30px;
        padding-bottom:25px;
    }

    .advanced-tabbed .advanced-tabbed-container ul li p,
    .advanced-tabbed .advanced-tabbed-container ul li div {
        float:left;
        width:100%;
    }
    .advanced-tabbed .advanced-tabbed-container ul li .lijnnr {
        float:left;
    }
    .lijnoverzicht dt {
        width:10%;
        height:51px;
        padding:0px 0 0px 9%;
    }
    #hp-actueel .lijnoverzicht dt {
        height:auto;
    }
    .lijnoverzicht dt span { display:none; }
    .lijnoverzicht dd,
    #hp-actueel .lijnoverzicht dd { width:75%; }
    #hp-actueel .lijnoverzicht dd a { margin-right:3px; }

    #hp-actueel .lijnoverzicht dt {
        width:45px;
        padding-left:0;
    }
    #hp-actueel .lijnoverzicht dd {
        width:82%;
    }
    #hp-actueel .lijnoverzicht dd a:nth-child(6),
    #hp-actueel .lijnoverzicht dd a:nth-child(7),
    #hp-actueel .lijnoverzicht dd a:nth-child(8){display: none;}
    #hp-actueel .lijnoverzicht dd a.all {
        display: block;
    }

    .lijnoverzicht dd a {
        font-size: 30px;
    }

    #hp-alt-lijnenstatus .lijnoverzicht dd a {
        font-size: 27px;
    }

    .dl-menuwrapper li a {
        text-decoration: none;
        background-image:url(/img/arrow-white8-12.png);
        background-repeat: no-repeat;
        background-size:8px 12px;
        background-position: 97% center;
    }
    .dl-menuwrapper li a:hover { background-color:transparent !important; }


    .nav-overviewdetail .contentFixed { width:100% !important; }
    .dif-overviewdetail .contentFixed {
        padding:30px 0 20px;
        background:none;
        width:100% !important;
    }
    .dif-overviewdetail .contentFixed.iconed h1,
    .dif-overviewdetail .contentFixed.iconed p { padding-left:0; }

    .hp-results-container { margin:0; }
    .hp-results-container-inner { width:100%;  padding-top:50px  }
    .hp-results-layover-inner>div { width:94%; margin-right:3%; padding-top:80px }
    .hp-results-container h2.h-destination { padding-left:10px; font-size:26px; }
    .hp-results-paging a span { display:none; }
    .hp-results-paging a.arrow-prev,
    .hp-results-paging a.arrow-next { min-height: 21px; width:4%; }
    .hp-results-paging a.arrow-next { margin-right:4%; }
    .hp-results-paging a.arrow-prev { margin-left:4%; }
    .hp-results-options ul li { width:21%; }
    .hp-results-options ul li:first-child { text-align: left; }
    .hp-route-overview ol li.step>div {
        padding-left:90px;
        width:auto;
    }
    .hp-route-overview ol li.step { background-position:35px top; }
    .hp-route-overview ol li.step .btn-looproute {
        position: relative;
        top:auto;
        right:auto;
        float: left;
        width: 100%;
    }

    .hp-route-overview ol li.step:nth-child(even) {
        background-color:#F2E7E7;
    }
    .hp-route-overview ol li.step:first-child>div { padding-top:20px; }

    .hp-route-overview ol li.step>div.icon-walk { background-position:10px 20px; }
    .hp-route-overview ol li.step>div.icon-bus { background-position:10px 20px; }
    .hp-route-overview ol li.step>div.icon-tram { background-position:10px 20px; }
    .hp-route-overview ol li.step>div.icon-train { background-position:10px 20px; }
    .hp-route-overview ol li.step>div.icon-ferry { background-position:10px 20px; }
    .hp-route-overview ol li.step>div.icon-subway { background-position:10px 20px; }

    .hp-route-overview ol li.step:first-child>div.icon-walk { background-position:10px 0px; }
    .hp-route-overview ol li.step:first-child>div.icon-bus { background-position:10px 0px; }
    .hp-route-overview ol li.step:first-child>div.icon-tram { background-position:10px 0px; }
    .hp-route-overview ol li.step:first-child>div.icon-train { background-position:10px 0px; }
    .hp-route-overview ol li.step:first-child>div.icon-ferry { background-position:10px 0px; }
    .hp-route-overview ol li.step:first-child>div.icon-subway { background-position:10px 0px; }



    .hp-route-overview ol li.step dl dt,
    .hp-route-overview ol li.step dl dd {
        float:left; width:100%;
        margin:0; padding:0;
    }
    .hp-route-overview ol li.step dl { margin:0 0 10px 0; }
    .hp-route-warning p { font-size: 16px; line-height:16px;}
    .hp-route-overview ol li.step .hp-route-warning p { line-height: 26px; }
    .hp-route-overview .route-start,
    .hp-route-overview .route-eind {
        padding-left:20px;
    }
    .hp-route-cta ul li { width:28%; }
    .hp-route-cta ul li a { min-height: 85px; padding:0; }
    .hp-route-cta ul li a span { display: none; }
    .hp-route-price { width:96%; }
    .hp-results-container-inner .btn-totop { bottom:0px; }

    .gmap-legenda .col { width:100% !important; border:0 !important; min-height:0; padding:0; }
    .gmap-legenda .col:before { display: none; }
    .hp-results-layover-inner .gmap { width:100%; }


    .flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .flip-scroll * html .cf { zoom: 1; }
    .flip-scroll *:first-child+html .cf { zoom: 1; }

    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    .flip-scroll th,
    .flip-scroll td { margin: 0; vertical-align: top; }
    .flip-scroll th { text-align: left; }

    .flip-scroll table { display: block; position: relative; width: 100%; }
    .flip-scroll thead { display: block; float: left; }
    .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .flip-scroll thead tr { display: block; }
    .flip-scroll th { display: block; text-align: right; }
    .flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
    .flip-scroll th { border-bottom: 0; border-left: 0; }
    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    .flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    .flip-scroll th:last-child,
    .flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }

    .table-timetable td { padding:15px 10px; }


    .table-timetable .timetable-paging {
        position:relative;
        text-align:center;
        top:8px;
    }
    .table-timetable .times-row td{
        /*width: 11.1%;*/
    }
    #timetable-table .contentFixed { padding:10px 0; }

    .hp-results-container-inner .btn-close a { width:60px; height:60px; overflow:hidden; background-position: 20px -2131px; }
    .hp-results-container-inner .btn-close a span { display:none; }

    .lijn-nav a { background:none; }
    .hp-route-warning { margin-left:10px; }

    .htm-form fieldset {
        width:100%;
        margin:0 0 40px 0;
    }
    .onbekende-route h2 {
        font-size:22px;
        padding-top:0;
        line-height:34px;
    }
    .onbekende-route .columns>div,
    .onbekende-route .columns>div:first-child {
        width:90%;
        padding:30px 5% 30px 5%;
        border:0;
        margin:0;
    }
    .onbekende-route .columns>div:first-child {
        border-bottom:1px solid #D4CBCB;
    }

    .b-wijziging-summery h2 {
        max-width:100%;
        margin:20px 0 20px 0;
    }
    .b-wijziging-summery .contentFixed>div,
    .b-wijziging-summery .contentFixed>div:first-child {
        float:left;
        width:90%;
        padding: 10px 5% 10px 5%;
        border-left:0;
        min-height: 0;
        border-bottom:1px solid white;
    }
    .cycle-pager {
        top: 35%;
    }
    div.hp-content .cycle-slideshow .item div.descr {
        bottom:5%;
        width:75%;
    }
    div.hp-content .cycle-slideshow .item div.descr p.title {
        font-size:25px;
        line-height:35px;
    }
    .b-wijziging-updates-vert li {
        width:88%;
        padding-left:12%;
    }
    .b-wijziging-updates-vert dl dt,
    .b-wijziging-updates-vert dl dd {
        width:100%;
    }
    .b-wijziging-updates-vert dl {
        width:80%;
        padding:20px 10%;
    }
    .row .error-message {
        background:#E62026;
        color:white;
        margin:20px 0 0 0;
        float:left;
        width:100%;
        position:relative;
        right:auto;
        top:auto;

    }
    .row .help-message {
        background:#333333;
        color:white;
        margin:20px 0 0 0;
        float:left;
        width:100%;
        position:relative;
        right:auto;
        top:auto;
    }
    .row .error-message:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        top:-20px;
        left:20px;
        border: 10px solid transparent;
        border-bottom-color: #E62026;
    }
    .row .help-message:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        top:-20px;
        left:20px;
        border: 10px solid transparent;
        border-bottom-color: #333333;
    }

    ul.ingangen-iconed-blue li a>div {
        background-color:#22ACF4;
        color:#fff;
    }
    ul.ingangen-iconed-orange li a>div {
        background:#F6921C !important;
        background-color:#F6921C;
        color:#fff;
    }


    .ingangen li a {
        padding-top:0;
        float:left;
        width:100%;
    }
    .ingangen li a div {
        position:relative;
        left:auto;
        bottom:auto;
        min-height:0;
        padding:30px 10px 10px;
    }
    .ingangen li a:hover p {
        display:none;
    }
    .page-statusoverzicht .lijnoverzicht {
        width:50%;
    }
    .page-statusoverzicht .lijnoverzicht dd { width:100%;}
    .page-statusoverzicht .lijnoverzicht dd span {
        float: left;
        max-width: 80px;
        padding: 10px 0 0px 0px;
        font-size: 14px;
    }

    .contentWide.bg-winter { padding:0; margin:0 0 50px 0; }
    .contentWide.bg-winter .contentFixed { padding:0; width:100%; max-width:100%;}
    .contentWide.bg-winter .contentFixed #reisplanner { margin:0; }

    .ol-special ol li {
        width:100%;
        margin:0 0 30px 0;
    }
    .hp-results-container h2.h-destination {
        padding-right:20px;
    }
    .dif-overviewdetail .contentFixed .icon {
        display:none;
    }

    .module-download-line .vehicle-type a {
        padding:20px 30px;
    }
    .module-download-line div.fields {
	    padding: 20px 20px 10px 20px;
    }
    .module-download-line .vehicle-type a:before,
    .module-download-line .label { margin-left:0; }
    .module-download-line .input,
    .module-download-line .input select {
        width:100%;
    }
	.table-timetable.sticky .timetable-paging {
		position:fixed;
		top:110px;
		left:0;
		right: 0;
		text-align: center;
		width: 100%;
		background-color: white;
		margin: 0 auto;
		padding: 5px 0 14px;
        border-bottom:1px solid #e5e5e5 !important;
    }
	.table-timetable.sticky { padding-top: 10px}

    #hp-updates {
        margin-bottom: 0;
    }
    #hp-updates .update {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }
    #hp-updates a.update:hover > div {
      padding: 40px;
    }

    #hp-updates .update p {
        display: none;
    }

    #hp-updates .update .p-btn-square {
        display: block;
    }
    #footer .contentFixed {
        padding: 0;
    }
    .homepage #footer .contentFixed {
        margin: 0;
    }
    #hp-updates .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 320px) {

    #hp-alt-lijnenstatus .lijnoverzicht dd {
        text-align:center;
    }
    #hp-alt-lijnenstatus .lijnoverzicht dd a {
        margin:0 auto;
        display: block;
        float: none;
    }
    #hp-alt-lijnenstatus .lijnoverzicht dd span {
        float: none;
        clear:both;
        max-width: 80%;
        padding: 5px 0px 15px 0px;
        min-height:50px;
        font-size: 15px;
    }
}

@media only screen and (min-width: 480px) {
    .hide-desktop {
        display: none;
    }
    .timetable-paging.hide-desktop {
        display:block;
    }

}

@media only screen and (max-width: 480px) {
    .advanced-tabbed .advanced-tabbed-container ul li a {
        padding: 62px 0 0 0;
        height: auto !important;
    }

    .advanced-tabbed .advanced-tabbed-container ul li .disruption-date {
        right: auto;
        left: 82px;
    }

    .advanced-tabbed .advanced-tabbed-container ul li a span.icon.arrow-right {
        margin-top: 0;
        top: 7px;
    }

    .advanced-tabbed-container p.description {
        text-overflow: initial;
        overflow: visible;
        white-space: normal;
        line-height: 24px;
    }

    .advanced-tabbed .advanced-tabbed-container ul li div.richting {
        width: 200px;
    }

    .table-timetable .timetable-paging {
        margin-bottom: 16px;
    }

    #timetable-filter .input-datum .ui-datepicker-trigger {
        left: 260px;
    }

    .table-timetable td:first-child {
        display: none;
    }
    .table-timetable thead tr th:first-child {
        display:none;
    }
    #timetable-filter .frow label {
        width:150px;
    }
    .plannerContentWide h2 {
        font-size: 24px !important;
    }
    .reisplanner-content {
        width:310px;
    }
    div.content-main .event-head {
        width:90%;
    }

    div.content-main .event-head h1 {
        font-size:19px;
    }

    #timetable-filter .frow.input-tijd label,
    #timetable-filter .frow.input-datum label {
        width: 80px;
        display: block;
        margin-top: 20px;
    }

    #timetable-filter .frow.zoeken {
        margin-bottom: 0px;
        top: -24px;
        display: block;
        margin-right:0px !important;
    }

    #timetable-filter .frow.zoeken label {
        display:block;
    }

    .lijn-nav a span {
        font-size: 40px;
    }

    .lijn-header h1 span {
        font-size: 80px;
    }

    .lijn-nav a,
    .lijn-nav-next a {
        padding-top: 10px;
    }

    .contentWide.lijn-header {
        padding-bottom: 0;
    }

    .contentWide#timetable-filter {
        padding-bottom:0;
    }

    #timetable-filter div.selector {
        width: 196px;
    }

    #timetable-filter div.selector span {
        width: 168px;
    }
    .advanced-tabbed ul.lijn-dag li a p {
        font-size: 13px;
    }

    .advanced-tabbed .advanced-tabbed-container ul li p,
    .table-timetable td {
        font-size: 14px;
    }

    .advanced-tabbed .advanced-tabbed-container ul li p.description {
        padding: 0 40px 0 10px;
    }

    .search-header .contentFixed {
        width: 100%;
        padding-top: 20px;
    }

    .search-results ul li p {
        font-size: 15px;
        line-height: 28px;
    }

    .search-results ul li h2 {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .search-header h1 {
        font-size: 26px;
        margin-bottom:4px;
    }
    .btn-totop {
        bottom: 30px;
    }
    .search-results ul li .contentFixed > div,
    .search-header .contentFixed > div{
        padding-left:0px;
    }

    .search-results ul li a.read-more span {
        padding-left: 14%;
        font-size: 16px;
    }

    .search-results.nav-overviewdetail ul li:first-child p {
        font-size: 12px;
    }

    .nav-overviewdetail ul li p.p-btn a {
        padding-left: 12px;
        background-position: 90px center;
    }

    .search-header .contentFixed > div {
        max-width: 95%;
    }

    .search-header ul.search-options li a span {
        font-size: 15px;
    }

    .search-header ul.search-options {
        display: block;
        width: auto;
    }

    .search-header .inputText {
        width: 100%;
        display: block;
        border-right: 2px solid #e5e5e5;
        left: 0px;
    }

    .search-header .btn-submit {
        width: 100%;
        margin-top: 10px;
    }

    .search-header h2 {
        font-size: 15px;
    }

    .hide-mobile {
        display: none;
    }


    #hp-lijnenstatus .lijnoverzicht dd {
        width: 75%;
    }
    #hp-lijnenstatus .lijnoverzicht dd a {
        font-size: 20px;
        height: 35px;
        padding: 10px 5px 0 5px;
        width: 40px;
    }
    .hp-route-price {
        line-height: 30px;
    }
	#reisplanner .inner .frow .input-datum.for-mobile,
	#reisplanner .inner .frow .input-tijd {
		float:none;
		width: 100%;
		clear: both;
		display: inline-block;
	}
}




@media only screen and (max-width: 768px) {
    .homepage * {
        -webkit-transition: none !important;
        transition: none !important;
    }

    /*.table-timetable .timetable-paging {
        display:block;
        color:red;
        position:relative;
        text-align:center;
    }*/

    .events .events-main,
    .events .events-additional {
        padding: 60px 0 0 0;
        box-sizing: border-box;
    }

    .events .events-main {
        width: auto;
        float: none;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
    }

    .events .events-additional {
        width: auto;
        float: none;
        padding-right: 40px;
        padding-left: 40px;
    }

    .events .event-head {
        display: none;
    }

    .contentWide.eventsContentWide {
        background-color: #fff;
        border: none;
    }
    .contentFixed.events {
        padding: 0 !important;
    }

}

@media
only screen and (min-width: 481px) and (max-width: 768px) /*,
only screen and (min-device-width: 481px) and (max-device-width: 768px)*/ {
    /*div#wrapper:after { content:"Phone Landscape / Tablet Portrait (481px / 768px)"; }*/

    .timetable-paging.hide-mobile {
        display:block;
    }

    .table-timetable .timetable-paging {
        margin-bottom: 16px;
    }

    #timetable-filter .input-datum .ui-datepicker-trigger {
        left: 260px;
    }


    #header { border-bottom: 1px solid #e5e5e5; }


    .advanced-tabbed .advanced-tabbed-container ul li p.description {
        padding: 0 40px 0 10px;
    }

    div.hp-aside {
        float:left;
        position: static;
        top: auto;
        margin-top:60px;
        width:100%;
        height: auto;
    }

    .content-main,
    .content-additional,
    .hp-aside,
    .hp-content {
        width:100% !important;
    }
    .hp-aside .cblock {
        width:50%;
    }
    div.hp-content { margin-top: 0px; }
    body.searchstate-active .hp-container {
        width:100%;
        margin-left:0;
    }
    body.searchstate-active .hp-results-container { display:block; width:100%; }
    body.searchstate-active .hp-results-container:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        top:0px;
        left:20px;
        border-style: solid;
        border-width: 20px 20px 0 20px;
        border-color: #D0191F transparent transparent transparent;
    }
    body.searchstate-active .hp-search-container { width:100%; }

    .trigger-mainnav {
        display: block;
    }
    .main-nav,
    .fixed-nav ul{
        display: none;
    }
    .fixed-nav .back,
    .breadcrumb .back { width:40%; }

    .fixed-nav {
        top: 60px;
    }

    .main-nav>li>a {
        padding:10px 5px;
    }
    div.content-aside ul.aside-nav li a {
        font-size:16px;
    }
    #hp-updates {
        margin-bottom: 0;
    }
    #hp-updates .update {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }
    #hp-updates a.update:hover > div {
      padding: 40px;
    }

    #hp-updates .update p {
        display: none;
    }

    #hp-updates .update .p-btn-square {
        display: block;
    }

    #footer .contentFixed {
        padding: 0;
    }
    .homepage #footer .contentFixed {
        margin: 0;
        padding: 0;
    }
    .footer-nav {
        margin-bottom: 0;
        background: transparent url(data:image/gif;base64,R0lGODlhAgAFAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjMwMUJGQjZGQzVBMTFFM0E5NTdFMTY0QzVGNTFDOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjMwMUJGQjdGQzVBMTFFM0E5NTdFMTY0QzVGNTFDOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzAxQkZCNEZDNUExMUUzQTk1N0UxNjRDNUY1MUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAxQkZCNUZDNUExMUUzQTk1N0UxNjRDNUY1MUM5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAACAAUAAAIDhI8FADs=) repeat-y center 0;
    }
    .footer-nav > li {
        width: 50% !important;
        padding: 10px 0 0 0 !important;
        text-align: center;
        border-bottom: 2px solid #fff;
    }
    .footer-nav .icon {
        display: block;
    }
    .footer-nav ul {
        display: none;
    }
    .footer-nav > li:first-child {
        border-top: 0;
    }
    .footer-nav ul {
        margin: 0;

    }
    .homepage #footer .contentFixed {
        max-width: 100%;
    }

    .homepage-alt .page-introduction:nth-child(1) {
        padding:111px 0 20px;
    }
    /*#contentWrapper { padding-bottom:120px !important; }*/


    .content-imaged .main,
    .content-imaged .additional { width:100%; }
    .content-imaged .additional p { margin-bottom: 10px}

    .block-cta { width:100%; }

    .block-cta.img-left { padding-left:5%; width:90%;}
    .gridded-3 li { width:47.5%;  margin-right:5%; }
    .gridded-3 li:nth-child(3n+3) {
        margin-right:5%;
    }
    .gridded-3 li:first-child + li + li {
        margin-right:5%;
    }
    .gridded-3 li:nth-child(2n+2) {
        margin-right:0;
    }
    .gridded-3 li:first-child + li,
    .gridded-3 li:first-child + li + li + li {
        margin-right:0;
    }
    .page-introduction p { padding:0; }
    .mosaic-regular li.highlight:hover .info p.intro { display:none }
    .mosaic-regular li.highlight:hover .info {bottom:1%;}
    .mosaic-regular li:hover .info {bottom:5%;}
    .mosaic-regular li.highlight75 .open { width:100%; }
    .mosaic-regular li.highlight75 .open p { margin:0 0 30px 0; }
    .mosaic-regular li.highlight50 .open p { margin:0 0 30px 0; }
    .mosaic-regular li.highlight50 .info h3 { font-size:32px; margin-bottom:20px; }

    .mosaic-regular li.highlight75 .date,
    .mosaic-regular li.highlight50 .date  { height:15%;  padding-top:3%; }
    .mosaic-regular li .date { height:25%; width:30%; padding-top:5%; }
    .mosaic-regular li .info h3 { font-size:16px; line-height: 18px; }

    #chap-reisinformatie { background-image: none; }
    .advanced-tabbed .advanced-tabbed-tabs li a {
        font-size:18px;
        padding-right:20px;
    }

    .hp-results-container { margin-top:0;}
    .hp-results-container-inner { width:100%; }
    .hp-results-layover-inner>div { width:94%; margin-right:3%; }


    .lijnoverzicht dt {
        width:16%;
        height:51px;
        padding:00px 0 00px 9%;
    }
    #hp-actueel .lijnoverzicht dt {
        width:50px;
        height:51px;
        padding:00px 0 00px 0;
    }

    .lijnoverzicht dt span { display:none; }
    .lijnoverzicht dd,
    #hp-actueel .lijnoverzicht dd { width:74%; }
    #hp-actueel .lijnoverzicht dd a:nth-child(4),
    #hp-actueel .lijnoverzicht dd a:nth-child(5),
    #hp-actueel .lijnoverzicht dd a:nth-child(6),
    #hp-actueel .lijnoverzicht dd a:nth-child(7),
    #hp-actueel .lijnoverzicht dd a:nth-child(8){display: none;}
    #hp-actueel .lijnoverzicht dd a.all {
        display: block;
    }
    .lijnoverzicht dd a {
        font-size: 34px;
    }

    #hp-alt-lijnenstatus .lijnoverzicht dd a {
        font-size: 27px;
    }

    .dl-menuwrapper li a {
        text-decoration: none;
        background-image:url(/img/arrow-white8-12.png);
        background-repeat: no-repeat;
        background-size:8px 12px;
        background-position: 97% center;
    }
    .dl-menuwrapper li a:hover { background-color:transparent !important; }

    .dif-overviewdetail .contentFixed {
        padding:30px 0 20px;
        background:none;
    }
    .dif-overviewdetail .contentFixed.iconed h1,
    .dif-overviewdetail .contentFixed.iconed p { padding-left:0; }

    .hp-results-container-inner .btn-close a { width:60px; height:60px; overflow:hidden; background-position: 20px -2131px; }
    .hp-results-container-inner .btn-close a span { display:none; }

    .lijn-nav a { background:none; }

    .table-timetable td:first-child {
        display:none;
    }

    .table-timetable td:nth-child(5),
    .table-timetable th:nth-child(6),
    .table-timetable th:nth-child(7),
    .table-timetable th:nth-child(8),
    .table-timetable th:nth-child(9){display: none;}

    .htm-form {
        /*width:93%;*/
        margin:0 0 40px 0;
    }
    div.hp-content .cycle-slideshow .item div.descr {
        bottom:5%;
        width:75%;
    }
    div.hp-content .cycle-slideshow .item div.descr p.title {
        font-size:55px;
        line-height:65px;
    }
    .page-statusoverzicht .lijnoverzicht {
        width:50%;
    }
    .page-statusoverzicht .lijnoverzicht dd { width:100%; }
    .hp-results-container h2.h-destination {
        padding-right:80px;
    }
    .b-wijziging-summery .contentFixed>div {
        width:50%;
        margin:0;
        border:0;
        padding:20px 0;
    }
    .b-wijziging-summery .contentFixed>div:first-child {
        width:100%;
        padding-bottom:0;
    }
    .dif-overviewdetail .contentFixed .icon {
        display:none;
    }
}

@media
only screen and (min-width: 380px) and (max-width: 530px) {
    #timetable-filter .frow {
        width: 100%;
    }

    .table-timetable td:nth-child(5),
    .table-timetable th:nth-child(6),
    .table-timetable th:nth-child(7),
    .table-timetable th:nth-child(8),
    .table-timetable th:nth-child(9){display: none;}

    .table-timetable td:first-child {
        display: none;
    }
    .table-timetable thead tr th:first-child {
        display:none;
    }
    .table-timetable thead {
    display:none;
    }
}

@media
only screen and (min-width: 769px) and (max-width: 920px)/*,
only screen and (min-device-width: 769px) and (max-device-width: 920px)*/ {
    /*div#wrapper:after { content:"Tablet Landscape + Desktop small (769px / 920px)"; }*/
    .page-statusoverzicht .lijnoverzicht dd span {
        max-width:105px;
    }
    #timetable-filter .frow {
        margin-right:1%;
    }

    .content-main,
    .content-additional {
        width:100% !important;
    }

    body.searchstate-default div.hp-aside { width:41.666666666% !important;}
    body.searchstate-default div.hp-content { width:58.333333334% !important;}
    /*body.searchstate-active div.hp-aside { width:41.666666666% !important;}
    body.searchstate-active div.hp-content { width:58.333333334% !important;}
*/

    #header .identity { width:auto;}
    #header .main-nav { float:right; width: 81%; }
    #header .main-nav>li { width:auto; }
    #header .main-nav>ul>li>a { padding-right:5px; padding-left:5px; font-size:12px !important}

    div.content-aside ul.aside-nav li a {
        font-size:16px;
    }
    .mosaic-regular li.highlight:hover .info p.intro { display:none }
    .mosaic-regular li.highlight75 .open { width:85%; }
    .advanced-tabbed .advanced-tabbed-tabs li a {
        font-size:18px;
    }
    body.searchstate-active #reisplanner .inner .frow a.btn-route-options {
        background-image:none;
        padding-left:10px;
    }
    body.searchstate-active #reisplanner .inner .frow .input-datum label,
    body.searchstate-active #reisplanner .inner .frow .input-tijd label { display:none; }
    body.searchstate-active #reisplanner .inner .frow .input-datum input,
    body.searchstate-active #reisplanner .inner .frow .input-tijd input { text-align:center; padding-left:0; padding-right:0;}

}

@media only screen and (max-width: 890px) {
    #timetable-filter .frow label {
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    .advanced-tabbed-container .description {
        line-height: 42px;
    }

    .current-disruptions .advanced-tabbed-container .description {
        width: 100% !important;
    }

    .advanced-tabbed-container .richting {
        display: none;
    }

    #chap-other .info-content {
    display: block;
    width: auto;
    margin: 0px 0px 40px 0px !important;
    }
    /* Force table to not be like tables anymore */
    .default-table table,
    .default-table thead,
    .default-table tbody,
    .default-table th,
    .default-table td,
    .default-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility)*/
    .default-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .default-table tr { border: 1px solid #ccc; }

    .default-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }
    .table-klantenservice td {
        padding-right:45%;
        padding-left:15px;
    }
    .table-klantenservice td .dates-right {
        position:absolute;
        right:15px;
        top:16px;
    }

    .default-table td:before {

    }

    /*
    Label the data
    */
    .default-table td:before { content: attr(data-title); font-weight:300; }

    table tbody .escape {
        position:absolute !important;
        left:-9999px;
        top:-9999px;
    }
    table .mob-visible { display: block; }
    table .screen-visible { display: none; }
    table.table-klantenservice tbody tr td.escape { width:auto; }
    table.table-klantenservice tbody th.mob-visible { padding:10px 0; }

    #hp-actueel .lijnoverzicht dd { width:74%; }
    #hp-actueel .lijnoverzicht dd a:nth-child(5),
    #hp-actueel .lijnoverzicht dd a:nth-child(6),
    #hp-actueel .lijnoverzicht dd a:nth-child(7),
    #hp-actueel .lijnoverzicht dd a:nth-child(8){display: none;}
    #hp-actueel .lijnoverzicht dd a.all {
        display: block;
    }

    .advanced-tabbed .advanced-tabbed-container ul li p.description {
        padding: 0 40px 0 10px;
    }

}

@media only screen and (max-width: 1140px) {
    #reisplanner .inner .frow .input-datum,
    #reisplanner .inner .frow .input-tijd {
        float: none;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    #reisplanner .inner .frow .input-tijd {
        margin-top: 5px;
    }
   /* #reisplanner fieldset .inner .switch-locations {
        top: 75px;
    }*/
}

@media only screen and (min-width: 800px) and (max-width: 1300px) {
    #hp-actueel .lijnoverzicht dd { width:74%; }
    #hp-actueel .lijnoverzicht dd a:nth-child(5),
    #hp-actueel .lijnoverzicht dd a:nth-child(6),
    #hp-actueel .lijnoverzicht dd a:nth-child(7),
    #hp-actueel .lijnoverzicht dd a:nth-child(8){display: none;}
    #hp-actueel .lijnoverzicht dd a.all {
        display: block;
    }
}


@media only screen and (min-width: 921px) and (max-width: 1100px) {
    body.searchstate-default div.hp-aside { width:31.666666666% !important;}
    body.searchstate-default div.hp-content { width:68.333333334% !important;}

    #header .main-nav { width:80%; }

    body.searchstate-active #reisplanner .inner .frow .btn-route-options {
        background-image:none !important;
        padding-left:10px;
    }
    body.searchstate-active #reisplanner .inner .frow .input-datum label,
    body.searchstate-active #reisplanner .inner .frow .input-tijd label { display:none; }
    body.searchstate-active #reisplanner .inner .frow .input-datum input,
    body.searchstate-active #reisplanner .inner .frow .input-tijd input { text-align:center; padding-left:0; padding-right:0;}
}

@media only screen and (max-width: 1100px) {

    .search-header .inputText {
        width: 50%;
    }

    .search-header ul.search-options {
        display: block;
        width: auto;
    }

    .search-header .contentFixed {
        width: 75%;
    }
    /*body.searchstate-active #reisplanner .inner .frow .input-datum { width:100%; margin:0 0 10px 0;}
    body.searchstate-active #reisplanner .inner .frow .input-tijd { width:100%;}*/

    /*body.searchstate-active #reisplanner .inner .frow .input-datum label,
    body.searchstate-active #reisplanner .inner .frow .input-tijd label { display:none }
    body.searchstate-active #reisplanner .inner .frow .input-datum { width: 60%; }
    body.searchstate-active #reisplanner .inner .frow .input-datum .input-text { padding-left:15px; }
    body.searchstate-active #reisplanner .inner .frow .input-tijd { width: 37%; }
    body.searchstate-active #reisplanner .inner .frow .input-tijd .input-text { padding-left:25px; }*/
}
@media (min-width: 700px) {
    body.searchstate-active #hp-actueel { visibility:hidden; }
}
@media (min-width: 921px) {
    /*div#wrapper:after { content:"Desktop large (> 921px)"; }*/

    .container {
        max-width: 1280px;
    }
    div.content-aside ul.aside-nav li a {
        font-size:16px;
    }
}
@media (max-width: 999px) {
    div.blockquote {
        margin-left:0;
        margin-right:0;
    }
    div.blockquotesmall.alignLeft,
    figure.alignLeft {
        margin:0 30px 20px 0 !important;
    }
    div.blockquotesmall.alignRight,
    figure.alignRight  {
        margin:0 0 20px 30px !important;
    }


    .fixed-nav ul li a {
        padding-left:15px;
        padding-right:15px;
    }
}
@media (min-width: 769px) and (max-width: 1140px) {
    div.hp-content .cycle-slideshow .item div.descr p.title {
        font-size: 30px;
        line-height: 150%;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
}

@media (min-width: 769px) and (max-height: 640px) {
    .hp-related-list li:first-child,
    .hp-related-list li:nth-child(2) {
        display: none;
    }
}

@media (min-width: 769px) and (max-height: 640px) {
    .hp-related-list li:first-child,
    .hp-related-list li:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1099px) {

    .contentFixed {
        max-width:95%;
    }

    .breadcrumb .back a em,
    .fixed-nav .back a em {
        display:none;
    }
    .breadcrumb .back a i,
    .fixed-nav .back a i {
        display:block;
    }


    .dif-overviewdetail>.contentFixed { width:75%; }
    .nav-overviewdetail .contentFixed { width:75%; }

}

@media (min-width: 1100px) {
    /*div#wrapper:after { content:"Desktop large (> 1000px)"; }*/

    /*div.hp-aside { width:29.577464788% !important; }
    div.hp-content { width:70.422535211% !important; }*/

    div.content-aside ul.aside-nav li a {
        font-size:20px;
    }
    .hp-results-container-inner {
        width:65%;
        padding:0;
    }
    .hp-results-layover-inner>div {
        width:65%;
        padding:50px 0 0;
    }
    .hp-results-container-inner h2.h-destination { padding-left:0 }

    .custom-lb .contentFixed {
        max-width: 52.3%;
    }

    .js .nav-overviewdetail ul li p.p-btn { display:none; }
    .nav-overviewdetail.screen li:hover{
        background:#FDF7F4 url(/img/arrow-74-124.png) no-repeat 95% center;
        cursor:pointer;
    }
}

@media (min-width: 1280px) {

    .advanced-tabbed .advanced-tabbed-tabs li a {
        font-size:28px;
    }
    .main-nav>ul>li { width: 16.6666666667% !important; }
    .main-nav>ul>li.iconed { width: 8.3% !important; }
    .main-nav>ul>li.login { width: 16.6666666667% !important; }
    .main-nav>ul>li.iconed>a {
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .main-nav>ul>li.iconed>a span {
        padding:24px 0;
    }
    .ie8 .main-nav>ul>li.iconed>a.current,
    .lt-ie8 .main-nav>ul>li.iconed>a.current{
        border-bottom:0 !important;
    }
    .main-nav>ul>li.login>a {
        padding:23px 18px;
    }
    .main-nav>ul>li.login>a span {
        display:inline-block;
        padding:0  0 0 30px;
        width:auto;
    }
    .main-nav>ul>li.login>a span em { display: block; }

    .onbekende-route fieldset .inner {
        float:left;
        width:91%;
        padding-left:9%;
        background:#F2E7E7;

    }
    .onbekende-route .columns>div {
        width:30%;
        padding:30px 10% 30px 5%;
    }
    .onbekende-route .columns>div:first-child {
        width:29%;
        padding:30px 5% 30px 10%;
    }

    .content-page-narrow .contentFixed {
        width:55%;
    }
    #reisplanner .inner .frow .input-datum img { display:block; }

    .page-statusoverzicht dt { display:block; }
    .page-statusoverzicht dt {
        width:15%;
    }
    .page-statusoverzicht dt span { display:none; }
    .page-statusoverzicht dd {
        width:42%;
        float:left;
    }

    .type-tram:last-child {
        float: right;
}

    .page-statusoverzicht .lijnoverzicht-nachtbuzz dt {
        width:30%;
    }
    .page-statusoverzicht .lijnoverzicht-nachtbuzz dd {
        width:70%;
    }
}

@media (min-width: 1420px) {
    /*div#wrapper:after { content:"Extreme (> 1420px)"; }*/

    div.content-holder {
        width:73.056338028%;
    }
    div.content-main {
        width:60.814814814%;
    }

    #hp-alt-lijnenstatus dd span {
        max-width: 144px;
    }
}
@media (min-width: 1620px) {

    #hp-alt-lijnenstatus dd span {
        max-width: 170px;
    }
}



.row { float:left; width:100%;}
img.flr { float:right; margin:0 0 20px 20px; }
img.fll { float:left; margin:0 20px 20px 0; }
.nopadding { padding:0 !important; }
.nomargin { margin:0; }

.nomarginright { margin-right:0; }
.hidden { position:absolute; left:-4000px; top:-4000px;}
.clearboth { clear:both; }
.notvisible { visibility: hidden; }
.text-centered { text-align:center; }
.pull-right{float: right}
.inline { display: inline-block}
.fll {
    width:100%;
    float:left;
}

.margintop30 { margin:30px 0 0 0; }

.margintop38 {
    top: 38px;
    position: relative;
}

.loader {
    background-image: url('/img/spinning-loader.svg');
    background-size: 40px;
    height: 40px;
    width: 40px;
    margin: 0 10px;
    display: inline-block;
    text-align: center;
}
.ie8 .loader,
.lt-ie8 .loader {
    background: url('/img/spinning-loader.gif') center center no-repeat;
    height: 66px;
    width: 66px;
}
.loader.small {
    background-image: url('/img/spinning-loader.svg');
    background-size: 20px auto;
    height: 20px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 20px;
}
.ie8 .loader.small,
.lt-ie8 .loader.small {
    background: url('/img/spinning-loader-small.gif') center center no-repeat;
    height: 16px;
    width: 16px;
}
button .loader {
    background-image: url('/img/spinning-loader-white.svg');
    background-size: 20px auto;
    height: 20px;
    margin: -4px 0 0 -10px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 20px;
}
.ie8 button .loader,
.lt-ie8 button .loader {
    background: url('/img/spinning-loader-small-white.gif') center center no-repeat;
    height: 16px;
    width: 16px;
}

.loader.center { margin: 50px auto; display: table; }


/* Autocomplete
----------------------------------*/
.auto-suggest {
    position: absolute;
    cursor: default;
    z-index: 9999;
    top: 42px;
    width: 100%;
    background-color: #000;
}
.mode-extreme .auto-suggest {
    top:42px;
}
.auto-suggest .title {
    height: 30px;
    line-height: 30px;
    width: 100%;
    background-color: #000;
    color: white;
    text-align: center;
    font-family: 'nunitoregular', Arial;
}
.auto-suggest .location-link{
    position: relative;
}
.auto-suggest .location-type{
    position: absolute;
    top: 2px;
    left: 5px;
    width: 45px;
    height: 55px;
    background: url("/img/plannerIcons/retina.png") no-repeat;
    background-size:100%;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi){
    .auto-suggest .location-type{
        top:-2px;
        background: url("/img/plannerIcons/normal.png") no-repeat;
        background-size:45px 151px !important;
        background-position: 0 5px;
    }
}
.auto-suggest .location-info {
    margin-left: 50px;
    line-height:18px;
}
.auto-suggest .location-type.Station{
    background-position: 0 0px;
}
.auto-suggest .location-type.Street,
.location-type.Address,
.location-type.AddressRange,
.location-type.LatLong,
.location-type.Place,
.location-type.Poi,
.location-type.Postcode {
    background-position: 0 -50px;
}
.auto-suggest .location-type.Stop{
    background-position: 0 -100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .auto-suggest .location-type.Station{
        background-position: 0 5px;
    }
    .auto-suggest .location-type.Street,
    .location-type.Address,
    .location-type.AddressRange,
    .location-type.LatLong,
    .location-type.Place,
    .location-type.Poi,
    .location-type.Postcode {
        background-position: 0 -48px;
    }

    .auto-suggest .location-type.Stop{
        background-position: 0 -97px;
    }
}


.ie8 .auto-suggest .title,
.lt-ie8 .auto-suggest .title {
    font-family:Arial;
    font-weight:bold;
}
.auto-suggest ul {
    list-style:none;
    padding: 0px;
    margin: 1px;
    display:block;
}

.auto-suggest ul li {
    margin:0;
    padding: 0;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #eee;
    border-top:none;
}
.auto-suggest ul li:last-child { border-bottom:0;}
.auto-suggest ul li a {
    color: #000;
    text-decoration:none;
    background-color: white;
    display:block;
    padding:5px 10px;
    line-height:1.5;
    zoom:1;
}
.auto-suggest ul li a small{
    color: #999;
}
.auto-suggest ul li a:first-child { text-transform: capitalize }
.auto-suggest ul li a:hover,
.auto-suggest ul li.hlight a,
.auto-suggest ul li.hlight small,
.auto-suggest ul li a:hover small {
    background-color: #22ACF4;
    color: white;
}


/*

Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
    background-image: url("/img/uniform-sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    /* Keeping this as :focus to remove browser styles */ }
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
    margin: 0;
    padding: 0; }

.highContrastDetect {
    background: url("/images/bg-input.png") repeat-x 0 0;
    width: 0px;
    height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    padding: 3px;
    background: url("/images/bg-input.png") repeat-x 0 0;
    outline: 0; }
input.uniform-input.active,
select.uniform-multiselect.active,
textarea.uniform.active {
    background: url("/images/bg-input-focus.png") repeat-x 0 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none; }

/* Select */
div.selector {
    background-position: -2px -130px;
    line-height: 26px;
    height: 41px;
    padding: 0 0 0 18px;
    position: relative;
    overflow: hidden; }

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0px;
    height: 41px;
    line-height: 45px;
    padding-right: 40px;
    cursor: pointer;
    width: 100%;
    display: block;
    color:black;
}
#timetable-filter div.selector {
    width: auto; }
#timetable-filter div.selector  span {
    width: 205px; }

div.selector.fixedWidth {
    width: 195px; }
div.selector.fixedWidth span {
    width: 155px; }

.module-download-line div.selector.fixedWidth {
    width: 215px; }
.module-download-line div.selector.fixedWidth span {
    width: 175px; }

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 41px;
    top: 0px;
    left: 10px;
    width: 100%; }
div.selector.active {
    background-position: -2px -156px; }
div.selector.active span {
    background-position: right -26px; }
div.selector.hover, div.selector.focus {
    background-position: -2px -174px; }
div.selector.hover span, div.selector.focus span {
    background-position: right -44px; }
div.selector.hover.active, div.selector.focus.active {
    background-position: -2px -174px; }
div.selector.hover.active span, div.selector.focus.active span {
    background-position: right -44px; }

div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
div.selector.disabled span, div.selector.disabled.active span {
    background-position: right -104px; }
.row.error div.selector {
    background-position: -2px -218px !important; }
.row.error div.selector span {
    background-position: right -88px !important;
    color:#e62026;
}

/* Checkbox */
div.checker {
    position: relative; }
div.checker, div.checker span, div.checker input {
    width: 21px;
    height: 22px; }
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -408px; }
div.checker span.checked {
    background-position: -30px -408px; }
div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
/*div.checker.active span {
    background-position: -19px -260px; }
div.checker.active span.checked {
    background-position: -95px -260px; }
div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
div.checker.hover span.checked, div.checker.focus span.checked {
    background-position: -114px -260px; }
div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
    background-position: -133px -260px; }
*/div.checker.disabled, div.checker.disabled.active {
      background-position: -152px -260px; }
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
    background-position: -171px -260px; }

/* Radio */
div.radio {
    position: relative; }
div.radio, div.radio span, div.radio input {
    width: 21px;
    height: 22px; }
div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: -30px -355px; }
div.radio span.checked {
    background-position: 0 -355px; }
div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
/*div.radio.active span {
    background-position: -18px -18px -279px; }
div.radio.active span.checked {
    background-position: -90px -279px; }
div.radio.hover span, div.radio.focus span {
    background-position: -36px -36px -279px; }
div.radio.hover span.checked, div.radio.focus span.checked {
    background-position: -108px -279px; }
div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
    background-position: -126px -279px; }
*/div.radio.disabled span, div.radio.disabled.active span {
      background-position: -144px -279px; }
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
    background-position: -162px -279px; }

/* Uploader */
div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden; }
div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px; }
div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%; }
div.uploader.active span.action {
    background-position: right -465px; }
div.uploader.hover, div.uploader.focus {
    background-position: 0 -353px; }
div.uploader.hover span.action, div.uploader.focus span.action {
    background-position: right -437px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action {
    background-position: right -493px; }
div.uploader.disabled, div.uploader.disabled.active {
    background-position: 0 -325px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
    background-position: right -381px; }

/* Buttons */
div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative;
    /* Keep buttons barely visible so they can get focus */ }
div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px; }
div.button.active {
    background-position: 0 -671px; }
div.button.active span {
    background-position: right -551px;
    cursor: default; }
div.button.hover, div.button.focus {
    background-position: 0 -701px; }
div.button.hover span, div.button.focus span {
    background-position: right -581px; }
div.button.disabled, div.button.disabled.active {
    background-position: 0 -731px; }
div.button.disabled span, div.button.disabled.active span {
    background-position: right -611px;
    cursor: default; }

/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #777;
    border-top: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
input.uniform-input.hover, input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999; }

/* PRESENTATION */
/* Buttons */
div.button span {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase; }
div.button.hover span, div.button.focus span {
    color: #555; }
div.button.disabled span, div.button.disabled.active span {
    color: #bbb; }

/* Select */

div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

/* Checker */
div.checker {
    margin-right: 0px; }

/* Radio */
div.radio {
    margin-right: 3px; }

/* Uploader */
div.uploader span.action {
    text-shadow: white 0px 1px 0px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold; }
div.uploader span.filename {
    color: #777;
    border-right: solid 1px #bbbbbb;
    font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
    color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
    border-color: #ddd;
    color: #aaa; }

input.uniform-input, input.uniform-input:focus {
    background-color: #fff; }




.directions .direction-icon{
    background-image: url("/img/directions/tt3.png");
    background-repeat: no-repeat;
    height: 16px;
    left: -5px;
    position: relative;
    top: 2px;
    display: block;
    float: left;
    width: 19px;
    opacity: .5;
}

.directions .direction-icon.ferry {
    background-position: 0 -614px;
}
.directions .direction-icon.ferry-train {
    background-position: 0 -566px;
}
.directions .direction-icon.merge {
    background-position: 0 -143px;
}
.directions .direction-icon.straight {
    background-position: 0 -534px;
}
.directions .direction-icon.fork-left {
    background-position: 0 -550px;
}
.directions .direction-icon.ramp-left {
    background-position: 0 -598px;
}
.directions .direction-icon.roundabout-left {
    background-position: 0 -197px;
}
.directions .direction-icon.turn-left {
    background-position: 0 -413px;
}
.directions .direction-icon.turn-sharp-left {
    background-position: 0 0;
}
.directions .direction-icon.turn-slight-left {
    background-position: 0 -378px;
}
.directions .direction-icon.uturn-left {
    background-position: 0 -305px;
}
.directions .direction-icon.fork-right {
    background-position: 0 -499px;
}
.directions .direction-icon.ramp-right {
    background-position: 0 -429px;
}
.directions .direction-icon.roundabout-right {
    background-position: 0 -232px;
}
.directions .direction-icon.turn-right {
    background-position: 0 -483px;
}
.directions .direction-icon.turn-sharp-right {
    background-position: 0 -582px;
}
.directions .direction-icon.turn-slight-right {
    background-position: 0 -51px;
}
.directions .direction-icon.uturn-right {
    background-position: 0 -35px;
}

@media (min-height: 940px) {
    .hp-planner-foldout {
        height: auto !important;
    }
    #reisplanner .inner .frow .btn-route-options {
        display: none;
    }
}

.chrome-fix {
    -webkit-transform:scale(1);
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 0; 
	border: 2px solid #000;
	background: #000;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.tooltipster-default a {
    text-decoration: none;
}
.tooltipster-default p:last-child,
.tooltipster-default ul:last-child {
    margin-bottom: 0;
}
.tooltipster-default ul li {
    margin-left: 20px;
    padding-left:0;
    background-image: none;
    color: #fff;
    list-style-type: disc;
}

.tooltipster-lijnenstatus .tooltipster-content > a {
    display: block;
    margin-right: 10px;
    
}
.tooltipster-lijnenstatus .tooltipster-content > a {
    padding-right: 50px;
    background: transparent url(/img/arrow-white10-17.png) no-repeat right center;
}

.tooltipster-lijnenstatus .tooltipster-content > .touch-close {
    display: none;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 21px;
    height: 21px;
    margin-top: -10px;
    background-color: transparent;
    background-image:url(/img/icon-sprite.png);
    background-size:100px 2500px;
    background-repeat: no-repeat;
    background-position: 0 -2150px;
}

.tooltipster-lijnenstatus.touch .tooltipster-content {
    padding-left: 35px;
}
.tooltipster-lijnenstatus.touch .tooltipster-content li {
    list-style-type: none;
    margin-left: 10px;
}

.tooltipster-lijnenstatus.touch .tooltipster-content > .touch-close {
    display: block;
}

.tooltipster-lijnenstatus .unstyled li {
    list-style-type: none;
    margin-left: 10px;
}