@media screen {
/* perus body-määrittelyt */



    BODY {font-family: Verdana,Trebuchet MS,Arial,Helvetica;
    
    color: #333333;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    padding-top: 23px;
    margin-left: 10px;
            margin-right: 10px;}

    FORM {display:inline; margin: 0px;}
    P {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 12px;}
    A {font-family: Verdana,Trebuchet MS,Arial,Helvetica; color: #005abb;}
    TD {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 12px;}
    TH {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 12px;}
    .otsikko {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 16pt; text-decoration: none;}
    .banner {font-family: Verdana,Trebuchet MS,Arial,Helvetica;font-size: 12px; padding-left: 2px; padding-right: 2px;} 
    .headerLinkit td   {padding-top: 0px; padding-bottom: 23px; padding-left: 20px; padding-right: 10px;}
    .headerLinkit {}

    A:link { COLOR: #005abb; TEXT-DECORATION: none;}
    A:active { COLOR: #005abb; TEXT-DECORATION: none;}
    A:visited { COLOR: #005abb; TEXT-DECORATION: none;}
    A:hover { COLOR: #005abb; TEXT-DECORATION: underline;}
    
    TD.banner { }
    TD.palkki { }
    .upnavi {
       background-image: url('../../images/ytv/upnavi_nettimes_middle.png');
       background-repeat: repeat-x;
       font-size: 16px;
       color: white;
       vertical-align: middle;
       padding-left: 15px;
       padding-bottom: 4px;
       white-space: nowrap;
    }
    .upnavi a:visited {color: white; text-decoration: none;}
    .upnavi a:hover {color: white; text-decoration: underline;}
    .upnavi a:active {color: white; text-decoration: none;}
    .upnavi a {color: white; text-decoration: none;}
    .upnavi_selected {
       background-image: url("../../images/ytv/upnavi_nettimes_selected.png");
       background-repeat: repeat-x;
       font-size: 16px;
       color: #00985f;
       vertical-align: middle;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 4px;
       white-space: nowrap;
    }
    .upnavi_selected a:visited {color: #00985f; text-decoration: none;}
    .upnavi_selected a:hover {color: #00985f; text-decoration: underline;}
    .upnavi_selected a:active {color: #00985f; text-decoration: none;}
    .upnavi_selected a {color: #00985f; text-decoration: none;}

    .naviPath td    {font-size: 11px; background-color: white; padding-left: 20px; padding-right: 30px;}
    .naviPath a     {text-decoration: none;}
    .naviPath a:hover   {text-decoration: underline;}
    td.sisaltoalue  {padding-left:30px; padding-right:30px; background-color:white;}
    .pageTitle  {vertical-align: middle; padding-left: 0px;}
    .pageTitle h1   {margin-top: 0px; margin-bottom: 0px; color: #00985F;}
    .pageTitle h1 a {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .pageTitle h1 a:visited {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .pageTitle h1 a:hover {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .pageTitle h1 a:active {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .footer td  {}
    .footer a   {}
    .footer .footerContent  {padding-bottom: 10px;}


/* 
 * Nettiaikataulujen tyylit 
 * FILE: nettiaika.css 
 * (c) YTV Liikenne, 2004-
 *
 */

.main_title_bgimage {
  background-image: url(../../images/ytv/hsl_logo.png);
  background-repeat: no-repeat;
}

.lang_banner {
  padding:10px;
  border:0;
}



/* Formista pois tyhjän rivin tulostus */

form{display:inline;}

/* Linkkien värit KS 20050602*/
a {
 color: #007ac9;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

lang_link {
  font-size: 65%;
  color: #0033A9;
}

/* width of tables for screen */
table.media_width {
  width: 974px;
}
table.media_width_half {
  width: 487px;
}
.media_width_half_separator {
  width: 485px;
}


/* Bullet-listan tyyli */
.bullets {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 30px;
 list-style-type: disc;
 color: #004FB3;
}

/* Linjan huomautustekstilaatikon tyyli */
.notebox {  
  color: #ee4444;
  background-color: #DDEEFF;
  border: 3px dotted #ee4444; 
} 

/* Huomautus linja-aikataululle - punainen teksti, keltainen pohja */
.line_note { 
  color: #ee4444;
  background-color: #FFFFCC;
}

/* Huomautus pysäkkiaikataulun otsikkolaatikossa (Arkisin tms) */
.stop_note { 
  color: #ee4444;
  background-color: transparent;
}

/* Listan bullettien tyyli*/

.listbullet { 
  color: #004FB3;
}

/* Ajankohtaista-laatikon teksti */
.news { 
  font-size: 80%;
}

.newsdate { 
  color: #888888;
  text-align: left; 
  font-weight: bold;
}

/* Copyright-rivi sivujen alareunaan */
.copyright { 
  color: #0033A9;/*#999999;*/
  font-size: 80%;
}

/* Copyright-rivi sivujen alareunaan */
.copyright2 { 
  color:#aaaaaa;
  background-color:#aaaaaa;
  font-size: 80%;
}


/* yläbannerin kielilinkit */

.main_lang { 
  font-size: 70%; 
  background-color:#FFFFFF;
  text-align: right; 
}

/* yläbannerin perustyyli */

.main_banner { 
  background-color:#AACCFF;
}

/* yläbannerin päivämäärä-kenttä */

.main_date { 
  font-size: 80%; 
  background-color:#AACCFF;  
  text-align: right; 
}

/* yläbannerin pääotsikko, jos käytetään */

.main_title { 
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 120%;   
  background-color:#AACCFF;
  text-align: left;
}

/* navigaatiolinkkien tyyli bannerissa */

.main_small_navi { 
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 80%;   
  background-color:#AACCFF;
  text-align: left;
}

/* Pääsivun laatikon perusotsikko */

.boxtitle {    
  background-color: white;/*#AACCFF;*/
  text-align: left; 
  font-size: 150%;
  font-weight: bold;
}

/* Pääsivun laatikon sisäotsikko */

.boxtitle2 { 
  background-color: #AACCFF; /*#DDEEFF;*/
  /*color: #888888;*/
  text-align: left; 
  font-weight: bold;
}
/* Pääsivun laatikon kaupunkiotsikot */
.boxtitle3 {
  background-color: #DDEEFF;
  color: #888888;
  text-align: left;
  font-weight: bold;
}

/* Pääsivun laatikon perustaustaväri */

.box { 
  background-color:#DDEEFF;   
}
/* Pääsivun laatikon välien väri */
.white_separator {
  background-color: white;
}

/* Pääsivujen laatikon pienemmät otsikkotekstit (esim. haku) */

.small { 
  font-size: 80%;
}

/* Bannerin polku */
.path {
  font-size: 75%;
  text-decoration: none;
  color: #0033A9;
}

.path_arrow {
  font-size: 75%;
  color: #000000;
}

/* Hyvin pieni teksti*/ 
.tiny { 
  font-size: 60%;
}

/* Pysäkkietusivun navigointikirjaimet */
.char { 
  font-family: Verdana,Trebuchet MS, sans-serif;
  text-align: center; 
}


/* Linjojen navigointirivi 100 - 200 - 300 jne. */

.line_navi {  
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 80%;   
  font-weight: bold;
  line-height: 200%;
  text-align: left;
  background-color:#AACCFF;  
}

/* Linjojen väliotsikot esim.  u-linjat */

.list_titles { 
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 100%;   
  font-weight: bold;
  line-height: 200%;
  text-align: left;
  background-color:#AACCFF;  
}

/* Rivityksessä käytettävä tehokeino: joka toinen rivi eri taustalla */

.hilight1 {
  color: #000000;
  background-color: #DDEEFF;
}

.hilight2 {
  color: #000000;
  background-color: #FFFFFF;
}

/* Kakkossuunnassa käytettävä väritys rivitykseen */
.hilight1_dir2 { 
  color: #000000;
  background-color: #EEEEEE; 
}

.hilight2_dir2 { 
  color: #000000;
  background-color: #FFFFFF; 
}

.mid_train {  
  color: #000000;
  background-color: #ddffbb;
  font-style: italic;
  border-right: 1px solid #999999; 
}

.mid_train_odd {
  color: #000000;
  background-color: #FFFFFF;
  font-style: italic;
  border-right: 1px solid #999999; 
}

.mid_train_right {
  color: #000000;
  background-color: #ddffbb;
  font-style: italic;
}

.mid_train_odd_right {
  color: #000000;
  background-color: #FFFFFF;
  font-style: italic;
}

.mid_bus1 {
  color: #000000;
  background-color: #DDEEFF;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}
.mid_bus2 {
  color: #000000;
  background-color: #EEEEEE;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus1_odd {
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus2_odd {  
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus1_right {
  color: #000000;
  background-color: #DDEEFF;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus2_right {
  color: #000000;
  background-color: #EEEEEE;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus1_odd_right {
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus2_odd_right {  
  color: #000000;
  background-color: #EEEEEE;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}





/* Linja-aikataulun bannerissa rivi, jolla linkit pysäkkilistoihin ja linjakarttoihin */

.linelinks {  
  font-size: 100%;
  font-weight: bold;

  color: #000000;
  background-color: #AACCFF;

  line-height: 180%;
  vertical-align: bottom;
  text-align: left;

  border: 0;
  margin: 0;
  padding: 0;    
}

/* Linja-aikataulun bannerin isokokoinen otsikko */
h1.line {  
   font-size: 150%;
}

/* Linja-aikataulun bannerin isokokoinen otsikko */
h2.line {  
   font-size: 110%;
}

/* Linja-aikataulun bannerin pääväri */

.line_banner {
  color: #000000;
  background-color: #DDEEFF;
}

/* Linja-aikataulun väliotsikko, suunnalle 1 */
.line_dirtitle1 {
 /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;
  background-color: #AACCFF;

  line-height: 150%;
  border: 1px solid #0077aa; 
  vertical-align: bottom;
  text-align: center;

  margin: 0;
  padding: 2px;
  width: 487px; /* Leveyden määrittely tarvitaan printtausta varten, 20050603 KS */
}

/* Linja-aikataulun väliotsikko, suunnalle 2 */

.line_dirtitle2 {

  /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;
  background-color: #eeeeee;

  line-height: 150%;
  border: 1px solid #777777; 
  vertical-align: bottom;
  text-align: center;

  margin: 0;
  padding: 2px;  
  width: 487px; /* Leveyden määrittely tarvitaan printtausta varten, 20050603 KS */
}


/* Linja-aikataulujen rinnakkain asettelun separoiva solu */

td.midpoint_dir_separator {
  margin-right: 2px;
  margin-left: 2px;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
}



/* Linja-aikataulun lopussa olevan lisätietolaatikon otsikko */

.line_infotitle {
  font-weight: bold;

  color: #000000;
  background-color: #AACCFF;

  line-height: 200%;
  padding-left: 10px;

  border-top: 1px solid #0077aa; 
  vertical-align: bottom;
  text-align: left;

  margin: 0;
}

/* Linja-aikataulun lopussa oleva laatikko lisätiedoille */

.line_infobox {
  color: #000000;
  background-color: #DDEEFF;
 
}

/* Linja-aikataulukon perussolu, oikeassa reunassa rajausviiva */

td.time { 
  /*font-size: 100%;  */
  line-height: 150%;
  width: 325px;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

/* Linja-aikataulukon perussolu, oik&vas reunassa rajausviiva */

td.timef { 
  /*font-size: 100%;  */
  line-height: 150%;
  width: 325px;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #999999;
}
/* Reittiteksti linja-aikataulun loppuun */
.linetexts {
  font-size: 80%;    	
}

.route {  
  font-size: 80%;    
}

.travel_time { 
  line-height: 150%;
  font-size: 80%;    
}



/* Välipisteaikataulukon perussolu, oikeassa reunassa rajausviiva */

td.mid_time { 
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

/* Välipisteaikataulukon perussolu, oik&vas reunassa rajausviiva */

td.mid_timef { 
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #999999;
}

/* Juna-aikojen esitys välipisteaikataulukossa - solun väri erilainen ja italic, otsikko vain italic*/

.traintitle {
  font-style: italic;
}

td.train1 {
  color: #000000;
  background-color: #ddffbb;
  border-right: 1px solid #999999;  
  font-style: italic;

}

td.train2 {
  color: #000000;
  background-color: #FFFFFF;
  border-right: 1px solid #999999;  
  font-style: italic;

}


/* Jos juna laitetaan taulukon oikeaan reunaan, border tulee vasempaan reunaan! */
td.train1right {
  color: #000000;
  background-color: #ddffbb;
  border-left: 1px solid #999999;  
  font-style: italic;
}

td.train2right {
  color: #000000;
  background-color: #FFFFFF;
  border-left: 1px solid #999999;  
  font-style: italic;
}

/* Välipisteaikataulun välipisteen otsikko */

.midpoint_title1 { 
  color: #000000;
  background-color: #FFFFFF;
  text-align: left; 
  height: 40px;


  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999; 
  padding: 3px;
}

.midpoint_title2 { 
  color: #000000;
  background-color: #FFFFFF;
  text-align: left; 
  height: 40px;


  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
  padding: 3px;
}


/* Jos ei ole matalalattia, merkitään yläindeksissä, vaatii säätöä: */

sup{
  font-size:12px;
  vertical-align:top;
}


/* Pysäkkiaikataulun otsikoiden tyylit ( 'Arkisin' jne...) */

.stoptitle1 {
  /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;
  background-color: #AACCFF;

  line-height: 150%;
  border-top: 1px solid #999999;
  border-bottom: none;
  border-left: none;
  border-right: none;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkkiaikataulun otsikoiden tyylit ( 'Arkisin' jne...) eri värityylillä! */ 

.stoptitle1_dir2 {
  /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;

  background-color: #eeeeee;

  line-height: 150%;
  border-top: 1px solid #999999;
  border-bottom: none;
  border-left: none;
  border-right: none;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkkiaikataulun bannerin tyylit pikkutekstit */

.stoptitle2 {
  font-size: 80%;

  color: #000000;
  background-color: #AACCFF;

  line-height: 150%;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkkiaikataulun bannerin tyylit pikkutekstit eri värityylillä*/

.stoptitle2_dir2 {
  font-size: 80%;

  color: #000000;
  background-color: #eeeeee;

  line-height: 150%;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkinnimen otsikkotyyli */

.stopname { 
  color: #000000;
  background-color: transparent;
  vertical-align: bottom;
  font-family: Verdana,Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 120%;
}

.stopaddress { 
  color: #000000;
  background-color: transparent;
  vertical-align: bottom;
  font-family: Verdana,Trebuchet MS, arial, helvetica, sans-serif;
  /*font-size: 100%;*/
}




/* Pysäkkiaikataulun tunti (vasemmassa reunassa) esitetään eri tavalla kuin muu taulukko */

.stop_hour {    
  font-weight: bold;
  background-color: #FFFFFF; /*transparent;*/   
  border-right: 1px solid #000000;
}

/* Pysäkkiaikatauluissa tarvitaan pientä fonttia aikataulukkoon */

.stop_small_min { 
  background-color: transparent;
  font-family: Trebuchet MS,Times, serif;
  font-size: 90%;
  font-weight: bold;
  line-height: 140%;
  vertical-align: bottom;
}

/* koodit merkitään vielä eri tyylillä */
.stop_small_codes { 
  background-color: transparent;
  font-family: Trebuchet MS,Times, serif;
  font-size: 90%;
  line-height: 140%;
  vertical-align: bottom;
}

.stop_bottomline {  
  border-top: 1px solid #000000;
  border-bottom: none;
  border-left: none;
  border-right: none;
  font-size: 10%;
}
} /* END MEDIA SCREEN */

/* START MEDIA PRINT */
@media print {
    BODY {font-family: Verdana,Trebuchet MS,Arial,Helvetica;
    
    color: #333333;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    padding-top: 23px;
    margin-left: 10px;
            margin-right: 10px;}

    FORM {display:inline; margin: 0px;}
    P {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 12px;}
    A {font-family: Verdana,Trebuchet MS,Arial,Helvetica; color: #005abb;}
    TD {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 12px;}
    TH {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 12px;}
    .otsikko {font-family: Verdana,Trebuchet MS,Arial,Helvetica; font-size: 16pt; text-decoration: none;}
    .banner {font-family: Verdana,Trebuchet MS,Arial,Helvetica;font-size: 12px; padding-left: 2px; padding-right: 2px;} 
    .headerLinkit td   {display: none; visibility: hidden;}
    .headerLinkit {}

    A:link { COLOR: #005abb; TEXT-DECORATION: none;}
    A:active { COLOR: #005abb; TEXT-DECORATION: none;}
    A:visited { COLOR: #005abb; TEXT-DECORATION: none;}
    A:hover { COLOR: #005abb; TEXT-DECORATION: underline;}
    
    TD.banner { }
    TD.palkki { }
    .upnavi {
        display: none;
        visibility: hidden;
    }
    .upnavi a:visited {color: white; text-decoration: none;}
    .upnavi a:hover {color: white; text-decoration: underline;}
    .upnavi a:active {color: white; text-decoration: none;}
    .upnavi a {color: white; text-decoration: none;}
    .upnavi_selected {
        display: none;
        visibility: hidden
    }
    .upnavi_selected a:visited {color: #00985f; text-decoration: none;}
    .upnavi_selected a:hover {color: #00985f; text-decoration: underline;}
    .upnavi_selected a:active {color: #00985f; text-decoration: none;}
    .upnavi_selected a {color: #00985f; text-decoration: none;}

    .naviPath td    {font-size: 11px; background-color: white; padding-left: 20px; padding-right: 30px;}
    .naviPath a     {text-decoration: none;}
    .naviPath a:hover   {text-decoration: underline;}
    td.sisaltoalue  {padding-left:30px; padding-right:30px; background-color:white;}
    .pageTitle  {vertical-align: middle; padding-left: 0px;}
    .pageTitle h1   {margin-top: 0px; margin-bottom: 0px; color: #00985F;}
    .pageTitle h1 a {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .pageTitle h1 a:visited {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .pageTitle h1 a:hover {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .pageTitle h1 a:active {color: #00985F; text-decoration: none; font-size: 24px;font-weight: normal;}
    .footer td  {}
    .footer a   {}
    .footer .footerContent  {padding-bottom: 10px;}

    .hideInPrint {display: none; visibility: hidden;}

/* perus body-määrittelyt */

html, body {  
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  background-color:#FFFFFF;
  color: #000000;
 /* background-image: url(../../images/ytv/bg_body.gif);*/
  padding-left: 10px;
  margin-top:0;
  margin-left:0;
  margin-left:0;
}

.main_title_bgimage {
  display: none;
  background-image: url(../../images/ytv/header_ytv.gif);
  background-repeat: no-repeat;
}
.main_banner_bgimage {
  display: none;
  background-image: url(../../images/ytv/jatkopalikka.gif);
  background-repeat: repeat-x;
}
.vertical_beam {
  /*background-image: url(../images/bg_content.gif);
  background-repeat: repeat-y;*/
}
.footer_jatko {
  display: none;
  background-image: url(../images/footer_jatko.gif);
  background-repeat: repeat-x;
  padding-bottom: 15;
  color: #0033A9;
  font-size: 65%;
}
.footer_alku {
  display: none;
  background-image: url(/footer.gif);
}
.lang_banner {
  display: none;
  padding:10px;
  background-color: #99dc34;
  border:0;
}

/* Formista pois tyhjän rivin tulostus */

form{display:inline;}

/* Linkkien värit KS 20050602*/
a {
 color: #0033A9;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

lang_link {
  font-size: 65%;
  color: #0033A9;
}


table.media_width {
  width: 600px;
}
table.media_width_half {
  width: 300px;
}
.media_width_half_separator {
  width: 298px;
}

/* Bullet-listan tyyli */
.bullets {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 30px;
 list-style-type: disc;
 color: #004FB3;
}

/* Linjan huomautustekstilaatikon tyyli */
.notebox {  
  color: white;
  background-color: #DDEEFF;
  border: 3px dotted #ee4444; 
} 

/* Huomautus linja-aikataululle - punainen teksti, keltainen pohja */
.line_note { 
  color: black;
  background-color: white;
}

/* Huomautus pysäkkiaikataulun otsikkolaatikossa (Arkisin tms) */
.stop_note { 
  color: #ee4444;
  background-color: transparent;
}

/* Listan bullettien tyyli*/

.listbullet { 
  color: #004FB3;
}

/* Ajankohtaista-laatikon teksti */
.news { 
  font-size: 80%;
}

.newsdate { 
  color: #888888;
  text-align: left; 
  font-weight: bold;
}

/* Copyright-rivi sivujen alareunaan */
.copyright { 
  color: #0033A9;/*#999999;*/
  font-size: 80%;
}

/* Copyright-rivi sivujen alareunaan */
.copyright2 { 
  color:#aaaaaa;
  background-color:#aaaaaa;
  font-size: 80%;
}


/* yläbannerin kielilinkit */

.main_lang { 
  font-size: 70%; 
  background-color:#FFFFFF;
  text-align: right; 
}

/* yläbannerin perustyyli */

.main_banner { 
  background-color:#AACCFF;
}

/* yläbannerin päivämäärä-kenttä */

.main_date { 
  font-size: 80%; 
  background-color:#AACCFF;  
  text-align: right; 
}

/* yläbannerin pääotsikko, jos käytetään */

.main_title { 
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 120%;   
  background-color:#AACCFF;
  text-align: left;
}

/* navigaatiolinkkien tyyli bannerissa */

.main_small_navi { 
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 80%;   
  background-color:#AACCFF;
  text-align: left;
}

/* Pääsivun laatikon perusotsikko */

.boxtitle {    
  background-color: white;/*#AACCFF;*/
  text-align: left; 
  font-size: 150%;
  font-weight: bold;
}

/* Pääsivun laatikon sisäotsikko */

.boxtitle2 { 
  background-color: #AACCFF; /*#DDEEFF;*/
  /*color: #888888;*/
  text-align: left; 
  font-weight: bold;
}
/* Pääsivun laatikon kaupunkiotsikot */
.boxtitle3 {
  background-color: #DDEEFF;
  color: #888888;
  text-align: left;
  font-weight: bold;
}

/* Pääsivun laatikon perustaustaväri */

.box { 
  background-color:#DDEEFF;   
}
/* Pääsivun laatikon välien väri */
.white_separator {
  background-color: white;
}

/* Pääsivujen laatikon pienemmät otsikkotekstit (esim. haku) */

.small { 
  font-size: 80%;
}

/* Bannerin polku */
.path {
display: none;
  font-size: 75%;
  text-decoration: none;
  color: #0033A9;
}

.path_arrow {
display: none;
  font-size: 75%;
  color: #000000;
}

/* Hyvin pieni teksti*/ 
.tiny { 
  font-size: 60%;
}

/* Pysäkkietusivun navigointikirjaimet */
.char { 
  font-family: Verdana,Trebuchet MS, sans-serif;
  text-align: center; 
}


/* Linjojen navigointirivi 100 - 200 - 300 jne. */

.line_navi {  
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 80%;   
  font-weight: bold;
  line-height: 200%;
  text-align: left;
  background-color:#AACCFF;  
}

/* Linjojen väliotsikot esim.  u-linjat */

.list_titles { 
  font-family: Verdana,Trebuchet MS,Arial,Helvetica, sans-serif;
  font-size: 100%;   
  font-weight: bold;
  line-height: 200%;
  text-align: left;
  background-color:#AACCFF;  
}

/* Rivityksessä käytettävä tehokeino: joka toinen rivi eri taustalla */

.hilight1 {
  color: #000000;
  background-color: #f0f0f0; /*#DDEEFF;*/
}

.hilight2 {
  color: #000000;
  background-color: #FFFFFF;
}

/* Kakkossuunnassa käytettävä väritys rivitykseen */
.hilight1_dir2 { 
  color: #000000;
  background-color: #EEEEEE; 
}

.hilight2_dir2 { 
  color: #000000;
  background-color: #FFFFFF; 
}

.mid_train {  
  color: #000000;
  background-color: #f0f0f0; /*#ddffbb;*/
  font-style: italic;
  border-right: 1px solid #999999; 
}

.mid_train_odd {
  color: #000000;
  background-color: #FFFFFF;
  font-style: italic;
  border-right: 1px solid #999999; 
}

.mid_train_right {
  color: #000000;
  background-color: #f0f0f0; /*#ddffbb;*/
  font-style: italic;
}

.mid_train_odd_right {
  color: #000000;
  background-color: #FFFFFF;
  font-style: italic;
}

.mid_bus1 {
  color: #000000;
  background-color: #f0f0f0;/*#DDEEFF;*/

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}
.mid_bus2 {
  color: #000000;
  background-color: #EEEEEE;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus1_odd {
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus2_odd {  
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus1_right {
  color: #000000;
  background-color: #f0f0f0; /*#DDEEFF;*/

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus2_right {
  color: #000000;
  background-color: #EEEEEE;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus1_odd_right {
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

.mid_bus2_odd_right {  
  color: #000000;
  background-color: #EEEEEE;

  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}





/* Linja-aikataulun bannerissa rivi, jolla linkit pysäkkilistoihin ja linjakarttoihin */

.linelinks {  
display: none;
  font-size: 100%;
  font-weight: bold;

  color: #000000;
  background-color: #AACCFF;

  line-height: 180%;
  vertical-align: bottom;
  text-align: left;

  border: 0;
  margin: 0;
  padding: 0;    
}

/* Linja-aikataulun bannerin isokokoinen otsikko */
h1.line {  
   font-size: 150%;
}

/* Linja-aikataulun bannerin isokokoinen otsikko */
h2.line {  
   font-size: 110%;
}

/* Linja-aikataulun bannerin pääväri */

.line_banner {
  color: #000000;
  background-color: #eee; /*#DDEEFF;*/
}

/* Linja-aikataulun väliotsikko, suunnalle 1 */
.line_dirtitle1 {
 /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;
  background-color: #eee; /*#AACCFF;*/

  line-height: 150%;
  border: 1px solid #0077aa; 
  vertical-align: bottom;
  text-align: center;

  margin: 0;
  padding: 2px;
  width: 300px; /* Leveyden määrittely tarvitaan printtausta varten, 20050603 KS */
}

/* Linja-aikataulun väliotsikko, suunnalle 2 */

.line_dirtitle2 {

  /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;
  background-color: #eeeeee;

  line-height: 150%;
  border: 1px solid #777777; 
  vertical-align: bottom;
  text-align: center;

  margin: 0;
  padding: 2px;  
  width: 300px; /* Leveyden määrittely tarvitaan printtausta varten, 20050603 KS */
}

/* Linja-aikataulujen rinnakkain asettelun separoiva solu */

td.midpoint_dir_separator {
  margin-right: 2px;
  margin-left: 2px;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
}



/* Linja-aikataulun lopussa olevan lisätietolaatikon otsikko */

.line_infotitle {
  font-weight: bold;

  color: #000000;
  background-color: #eee; /*#AACCFF;*/

  line-height: 200%;
  padding-left: 10px;

  border-top: 1px solid #0077aa; 
  vertical-align: bottom;
  text-align: left;

  margin: 0;
}

/* Linja-aikataulun lopussa oleva laatikko lisätiedoille */

.line_infobox {
  color: #000000;
  background-color: white; /*#DDEEFF;*/
 
}

/* Linja-aikataulukon perussolu, oikeassa reunassa rajausviiva */

td.time { 
  /*font-size: 100%;  */
  line-height: 150%;
  width: 200px;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

/* Linja-aikataulukon perussolu, oik&vas reunassa rajausviiva */

td.timef { 
  /*font-size: 100%;  */
  line-height: 150%;
  width: 200px;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #999999;
}
/* Reittiteksti linja-aikataulun loppuun */
.linetexts {
  font-size: 80%;    	
}

.route {  
  font-size: 80%;    
}

.travel_time { 
  line-height: 150%;
  font-size: 80%;    
}



/* Välipisteaikataulukon perussolu, oikeassa reunassa rajausviiva */

td.mid_time { 
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
}

/* Välipisteaikataulukon perussolu, oik&vas reunassa rajausviiva */

td.mid_timef { 
  /*font-size: 100%;  */
  line-height: 150%;
  vertical-align: bottom;
  margin: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #999999;
}

/* Juna-aikojen esitys välipisteaikataulukossa - solun väri erilainen ja italic, otsikko vain italic*/

.traintitle {
  font-style: italic;
}

td.train1 {
  color: #000000;
  background-color: #f0f0f0; /*#ddffbb;*/
  border-right: 1px solid #999999;  
  font-style: italic;

}

td.train2 {
  color: #000000;
  background-color: #FFFFFF;
  border-right: 1px solid #999999;  
  font-style: italic;

}


/* Jos juna laitetaan taulukon oikeaan reunaan, border tulee vasempaan reunaan! */
td.train1right {
  color: #000000;
  background-color: #f0f0f0; /*#ddffbb;*/
  border-left: 1px solid #999999;  
  font-style: italic;
}

td.train2right {
  color: #000000;
  background-color: #FFFFFF;
  border-left: 1px solid #999999;  
  font-style: italic;
}

/* Välipisteaikataulun välipisteen otsikko */

.midpoint_title1 { 
  color: #000000;
  background-color: #FFFFFF;
  text-align: left; 


  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999; 
  padding: 3px;
}

.midpoint_title2 { 
  color: #000000;
  background-color: #FFFFFF;
  text-align: left; 


  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #999999;
  padding: 3px;
}


/* Jos ei ole matalalattia, merkitään yläindeksissä, vaatii säätöä: */

sup{
  font-size:12px;
  vertical-align:top;
}


/* Pysäkkiaikataulun otsikoiden tyylit ( 'Arkisin' jne...) */

.stoptitle1 {
  /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;
  background-color: #f0f0f0; /*#AACCFF;*/

  line-height: 150%;
  border-top: 1px solid #999999;
  border-bottom: none;
  border-left: none;
  border-right: none;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkkiaikataulun otsikoiden tyylit ( 'Arkisin' jne...) eri värityylillä! */ 

.stoptitle1_dir2 {
  /*font-size: 100%;*/
  font-weight: bold;

  color: #000000;

  background-color: #eeeeee;

  line-height: 150%;
  border-top: 1px solid #999999;
  border-bottom: none;
  border-left: none;
  border-right: none;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkkiaikataulun bannerin tyylit pikkutekstit */

.stoptitle2 {
  font-size: 80%;

  color: #000000;
  background-color: #AACCFF;

  line-height: 150%;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkkiaikataulun bannerin tyylit pikkutekstit eri värityylillä*/

.stoptitle2_dir2 {
  font-size: 80%;

  color: #000000;
  background-color: #eeeeee;

  line-height: 150%;
  vertical-align: bottom;
  text-align: left;

  margin: 0;
  padding: 2px;    
}

/* Pysäkinnimen otsikkotyyli */

.stopname { 
  color: #000000;
  background-color: transparent;
  vertical-align: bottom;
  font-family: Verdana,Trebuchet MS, arial, helvetica, sans-serif;
  font-size: 120%;
}

.stopaddress { 
  color: #000000;
  background-color: transparent;
  vertical-align: bottom;
  font-family: Verdana,Trebuchet MS, arial, helvetica, sans-serif;
  /*font-size: 100%;*/
}




/* Pysäkkiaikataulun tunti (vasemmassa reunassa) esitetään eri tavalla kuin muu taulukko */

.stop_hour {    
  font-weight: bold;
  background-color: #FFFFFF; /*transparent;*/   
  border-right: 1px solid #000000;
}

/* Pysäkkiaikatauluissa tarvitaan pientä fonttia aikataulukkoon */

.stop_small_min { 
  background-color: transparent;
  font-family: Trebuchet MS,Times, serif;
  font-size: 90%;
  font-weight: bold;
  line-height: 140%;
  vertical-align: bottom;
}

/* koodit merkitään vielä eri tyylillä */
.stop_small_codes { 
  background-color: transparent;
  font-family: Trebuchet MS,Times, serif;
  font-size: 90%;
  line-height: 140%;
  vertical-align: bottom;
}

.stop_bottomline {  
  border-top: 1px solid #000000;
  border-bottom: none;
  border-left: none;
  border-right: none;
  font-size: 10%;
}

} /* END MEDIA PRINT */