@media only screen and (min-width: 800px){
    #timetable {
        width: 630px;
        margin-bottom:80px;
    }
    .stationheadline {
    	font-size:19px;
    	line-height:24px;
    	}
    .transverse {
    	font-size:17px;
    	line-height:24px;
    	}
.transversealignment {
text-align:right;
}
.transversealignment-right {
text-align:center;
}
#subnavigational a:link, a:visited { font-size:16px;font-weight:300;color:#006699;text-decoration:none;margin-right:16px;}
#subnavigational a:hover, a:active { font-weight:600;background-color:#ffffff;}
#subnavigational a.live:link { font-size:16px;font-weight:600;cursor:default;}
.smlheading {display:none;}

}

@media only screen and (max-width: 799px){
    #timetable {
        max-width: 100%;
        margin-bottom:30px;
    }
    .stationheadline {
    	font-size:16px;
    	}
    .transversealignment {
    	text-align:center;
	}
#subnavigational a:link, a:visited { font-size:14px;font-weight:300;color:#006699;text-decoration:none;margin-right:4px;}
#subnavigational a:hover, a:active { font-weight:300;background-color:#ffffff;}
#subnavigational a.live:link { font-size:14px;font-weight:600;cursor:default;}

.timeinclusion {display:none;}
.lrgheading {display:none;}

}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#subnavigational {
  font-size:18px;
  line-height:18px;
  }




ul#subnavigational {
  list-style-type:disc;
  list-style-position: outside;
  margin:4px auto 6px 0px;
}


#subnavigational li{
  display:inline-block;
}



a.source:link, a.source:hover, a.source:visited, a.source:active {
  text-decoration:none;
  color:#006699;
}

a.stationheadline:link, a.stationheadline:hover, a.stationheadline:visited, a.stationheadline:active {
  text-decoration:none;
  color:#EEEEEE;
}



.x {color:pink;font-weight:800;margin-right:-8px;}
.x2 {color:pink;font-weight:800;margin-right:0px;}


.station {font-weight:700;}

.stationheadline {font-weight:700;}


/*
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 

.datagrid {font: normal 11px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }

.datagrid table tbody td { color: #00496B; border-left: 1px solid #5a85b1;font-size: 11px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E8F1FF; color: #006899; }
.datagrid table tbody .special td { background: #00aef0; color: white; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }

.datagrid table tfoot td div { border-top: 1px solid #006699;background: #FF0000;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0
.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform
.Microsoft
.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul
.active, 
.datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div
.dhtmlx_window_active, div
.dhx_modal_cover_dv { position: fixed !important; }.datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
*/



/*
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, 
.datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0
.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform
.Microsoft
.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #CCCCCC;font-size: 12px;font-weight: normal; }
.datagrid table tbody 
.alt td { background: #E8F1FF; color: #4E5761; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }


.datagrid table tfoot td div { border-top: 1px solid #006699;background: #FF0000;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0
.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform
.Microsoft
.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul
.active, 
.datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div
.dhtmlx_window_active, div
.dhx_modal_cover_dv { position: fixed !important; }



.datagrid th, td {

    max-width: 56px;
    line-height:98%;
}

 */

.datagrid table { border-collapse: collapse; text-align: center; width: 100%; }

.datagrid {font: normal 16px/136%; background: #fff; overflow: hidden; border: 1px solid #0070A8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:normal; }



.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0
.05, #0070A8), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #0070A8 5%, #00557F 100% );filter:progid:DXImageTransform
.Microsoft
.gradient(startColorstr='#0070A8', endColorstr='#00557F');background-color:#0070A8; color:#FFFFFF; font-weight:normal; border-left: 1px solid #0070A8; padding:4px; line-height:36px; }


.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;padding:4px;line-height:14px; }
.datagrid table tbody 

.alt td { background: #E8EFFF; color: #006899; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }

.datagrid table tfoot td div { border-top: 0px solid #006699;background: #FFFFFF;height:36px;} 
.datagrid table tfoot td { padding: 4px; font-size:16px;line-height:136%; } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0
.05, #006FA6), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006FA6 5%, #00557F 100% );filter:progid:DXImageTransform
.Microsoft
.gradient(startColorstr='#006FA6', endColorstr='#00557F');background-color:#006FA6; }
.datagrid table tfoot ul
.active, 
.datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F; font-weight:normal; font-size:16px;line-height:136%;}div
.dhtmlx_window_active, div
.dhx_modal_cover_dv { position: fixed !important; }


.spl {background-color:#00aef0;}

#timetable th {color:#EEEEEE;}

.centerit {text-align:center;}
.rightit {text-align:right;}
.leftit {text-align:left;}

.facenterit {display:block;}

.tablegrey {color:darkgrey;}

.transverse {color:#EEEEEE;}

.keylargo { 
color:#00496b;
font-size:11px;
font-weight:400;
padding:4px;
line-height:14px;
}

.fas {font-weight:700;}



.timetable-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0;}
.timetable-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}




.tt-wkd-ips-low-0620-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0;}
.tt-wkd-ips-low-0620-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-wkd-ips-low-1117-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-wkd-ips-low-1117-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-wkd-ips-low-1517-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-wkd-ips-low-1517-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-wkd-ips-low-1917-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-wkd-ips-low-1917-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}




.tt-wkd-low-ips-0525-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0;}
.tt-wkd-low-ips-0525-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-wkd-low-ips-0907-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-wkd-low-ips-0907-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-wkd-low-ips-1307-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-wkd-low-ips-1307-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-wkd-low-ips-1702-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-wkd-low-ips-1702-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}




.tt-sat-ips-low-0717-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}
.tt-sat-ips-low-0717-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sat-ips-low-1117-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sat-ips-low-1117-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sat-ips-low-1517-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sat-ips-low-1517-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sat-ips-low-1917-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sat-ips-low-1917-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}




.tt-sat-low-ips-0607-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}
.tt-sat-low-ips-0607-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sat-low-ips-1007-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sat-low-ips-1007-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sat-low-ips-1407-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sat-low-ips-1407-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sat-low-ips-1807-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sat-low-ips-1807-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}




.tt-sun-low-ips-0805-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}
.tt-sun-low-ips-0805-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}


.tt-sun-low-ips-1200-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}
.tt-sun-low-ips-1200-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}

.tt-sun-low-ips-1700-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sun-low-ips-1700-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}




.tt-sun-ips-low-1008-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}
.tt-sun-ips-low-1008-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sun-ips-low-1408-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sun-ips-low-1408-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}

.tt-sun-ips-low-1908-leftarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.7;}
.tt-sun-ips-low-1908-rightarrow {font-size:21px;font-weight:500;color:#006699;opacity:0.0;}






  /*
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

 IE 5-7 
  filter: alpha(opacity=50);

   Netscape 
  -moz-opacity: 0.5;

   Safari 1.x 
  -khtml-opacity: 0.5;

  Good browsers 
  opacity: 0.5;
}
*/