/*
Reisplanner mobiel stijlbestand, op basis van het origineel via archive.org 
Toevoegingen door hemmofa en Luc Gommans
*/
body{
	margin:0px;
	color:#000000;
	padding: 0px;
	font-family:helvetica,arial,sans-serif;
	font-style:normal;
	font-weight:normal;
	background-color:#ffffff;
/* 	transform: skewX(-0.223deg);  op een dag zetten we deze aan en wachten we tot mensen op twitter gaan huilen*/
	}
#hbar{margin:0; min-height: 23px;	background-color: #fff; width: 100%;}
#menu{margin:0; padding:0;width:100%; background-color: #ffcc36; }
#menu li{display: inline-block;	list-style: none; min-height: 24px; vertical-align: bottom; 
/* border-left: 1px solid #800000; */
margin: 0px;
	padding-left:  2px;
	padding-right: 2px;
}
#menu a{  vertical-align: bottom; color: #000;
text-decoration: none; font-size: small;}
#menu li.active { 
	background-color: #800000;
	border: #f0f 0px solid;
	padding-left:  6px;
	padding-right: 6px;
	margin: 0px;
}
#menu li.active a {
	color: #fff;
	 font-weight:bold;
	 text-decoration: none;
	
}
.menuseperator{float: left; height:23px; width:1px;}


#heading{margin: 0px;	background-color:#ffffff;	padding: 0px;border: none;}
#headingTitle{ min-heigth: 32px; margin: 0px; padding: 0px; background-color: #def4ff;}
#topbarimg{	width: 100%;	height: 60px;	border: none; maring: 0px; padding: 0px}
#page{margin: 0px;	min-height: 8em; padding: 5px;	color: #fff;	background-color:#800000; clear: both;}
ul{list-style-position: inside;padding: 0; margin: 2px;}
ul.favs{margin: 2px; }
ul.news{margin: 0px; font-size: small}
li.favs, li.news{list-style-image: url("/web/20160505051904/http://m.ns.nl/static/img/arrow-right.gif");}
li.favs, li.news{list-style-image: url("/web/20160505051904/http://m.ns.nl/static/img/arrow-right.gif");}

.drop{margin: 2px; padding: 10px;background-color: #ffffff;
padding-left: 10px; padding-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000;
}

.drop a { color: #000;}
.drop-red{margin: 2px; padding: 10px;background-color: red;
padding-left: 10px; padding-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


.dropC{margin-top: 5px;	display: block;	font-size: small;}
.dropE{margin-top: 5px;	display: none;	font-size: small;}
.clear{clear: both;}
.nu{text-decoration: none;}
#upd{vertical-align: top}
.tab{background-color: #000066; text-align: right; padding-top: 1px;}
a.tab{font-size:small;	vertical-align: bottom; color: white; text-decoration: none; padding:0;height:23px; padding-left:5px;	padding-right: 5px;	 }
.stab{height: 23px; background-color: #ffcc33; text-align: right;}
a.stab{font-size:small;vertical-align: bottom;  color: #006; text-decoration: none;  padding-left:5px;	padding-right: 5px;	}
/* p{font-size:small;padding: 2px;} */
h1{font-size:30px;  margin:0;}
h2{font-size:24px;  margin:0; margin-left: 15px;/* deze is voor paginatitels (op gele achtergrond) */ }
h3{font-size:18px;  margin:0; /* deze is voor titels van storingen en nieuwsberichten enzo */}
h3 a{color: #000;}
h4{font-size:16px;  margin:0;}
dl {margin:0px; width: 100%; }
dt {float:left; width:8em; font-size: x-small; margin-right:4px;}
dt.actdept {width:100px;}
dt.fextra {width:5px;}
dd {font-size:small;}
table {border-spacing:0px; width: 100%;}

.fRight{ float:right; margin-top: 1px; margin-bottom: 1px;	}
.fLeft{	float:left; margin-bottom: 1px;	margin-top: 1px; }
td {
	/* font-size:small; */
	}
.depOdd{ background-color: #FEEDBA;}
.depEven{  background-color: #ffffff;}
a {
	color:#000000;
	text-decoration:underline;
	}
	
#page a {
		color:#000;
	text-decoration:underline;
}
#page #colofon { color:#fff; text-decoration: none;}
.dh{ font-size: small; font-weight: bold; font-size: normal;}
a.favdel{ color: red;}
.red { color: red!important; font-weight: bold;}
.red-unimportant { color: red!important;}
.grey, .grey * { color: grey; }

.cancelledLeg {color:gray; font-weight:bold;}
img {border:none;margin:0;}
.travelPrice th{	text-align: left; font-size: small;	font-weight: bold;}
.travelPrice th[scope=col]{	text-align: right;}
.travelPrice th[scope=row]{	text-align: left;}
td.price{	text-align: right;	width: 6em;}
#footer{ padding-left: 5px;}
#redAlertBox{ margin: 2px; background-color: red; padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.redAlert{ color: white; font-weight: bold;}
.help{  vertical-align: bottom;}
.seperatorLineCell {margin: 0 0 0 0; padding:0 0 0 0; border-spacing:0; height:1px;font-size:0}

/* added stuff 10-11-2016 */
.departure {margin: 4px; padding: 4px;  background-color: #ffffff;}
.departure td {margin: 4px; padding: 4px;}
.departure:nth-child(odd) { background-color: #FEEDBA;}
.departuretime {width: 65px; vertical-align: top;}

#topimg {
	display: block;
	height: 120px;
	width: 100%;
	background-repeat: no-repeat;
    background-position: right; 
	background-image: url('./img/topbarnieuw.jpg');
	background-size: cover;
}
.dezemoetlinks{
	/* float: left; */
	font-size: small;
}
.spår2{
	float: right;
	font-size: small;
}

/* added stuff 12-11-2016 */
.reismogelijkheid {margin: 2px; padding: 2px;  background-color: #ffffff;}
.reismogelijkheid td {margin: 2px; padding: 2px;}
.reismogelijkheidva {width: 15px;text-align: center;}
.reismogelijkheidva a {text-decoration:none;}
.reismogelijkheid-inforegel,.reismogelijkheid-inforegel td  {height: 1.5em; vertical-align: middle;
font-size: small;}
.reismogelijkheidtijd {width: 120px; vertical-align: top; margin: 2px; padding: 2px;}
.reismogelijkheidtijd-multi {width: 100px; vertical-align: top; margin: 2px; padding: 2px;}
.reismogelijkheid hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
/* .reismogelijkheid:last-child  {display: none;} */
/* .tussenstoprij:first-child {display: none;}
.tussenstoprij:last-child {display: none;} */

/* .tussenstops{color: #444488;font-size: small;} */
.reisdeel-tussenstops {display: none;}
#planner-mogelijkheden-overzicht-wrapper {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 60px;

	        overflow: auto;
            overflow-y: hidden;
            margin: 0 auto;
            white-space: nowrap
	}
#planner-mogelijkheden-overzicht {}
.planner-mogelijkheden-legenda {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: small;
	
	
}
.planner-mogelijkheden-mogelijkheid {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-size: small;
}
.planner-mogelijkheden-mogelijkheid-active {
	background-color: #fff;
}

.planner-reismogelijkheid-wrapper{
	border-bottom: 4px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	
	margin-bottom: 5px;
	padding-left: 4px;
	background-color: #fff;
	}
	
	.overview-wrapper,
#show,
#hide:target {
  display: none;
}

#hide:target + #show,
#hide:target ~ .overview-wrapper {
  display: inline;
}
.newspost {
	padding: 15px;
	line-height: 1.5;
	}

.newspost-showhide {
	display: none;
}

	
.disruption{

	padding: 15px;
	line-height: 1.5;
}
#overview {
	line-height: 1.5; 
	margin: 0;
	}
#overview a {
	text-decoration: none;	
}
#colofon {
	text-decoration: none;
}
.stations {display: none;}

 	/* table, td {
	border: 1px solid #f0f;
    border-collapse: collapse;
	} */ 

.small { font-size: 0.75em;}

.multiplanner-form table {
	border: 0px solid #f0f;
	width: auto;
}
.multiplanner-form table tr td:first-child {
background-color: #fff;
width:70px;
font-size: x-small;
text-align: left;
}
.multiplanner-form table tr td:nth-child(2) {
font-size: x-small;
width:203px;
overflow: hidden;
background-color: #fff;
}
.multiplanner-form table tr td:nth-child(3) {
background-color: #fff;
font-size: x-small;
text-align: left;
width: 45px;
}
.extendedform {
display: table-cell;
display: none;
}

.locateme { 
margin-top: -9px;
cursor: pointer;
}

.via a {
	text-decoration: none;
}
.nouline {
	text-decoration: none;
}
.checkboxheight {
	min-height: 19px;
}