@media screen,print {
    /*----------------------------------------------------------------------*/
    /*  WEBLAB 4.1 - vanha tyylit */
    /*----------------------------------------------------------------------*/
    .resline {
      line-height: 105%
    }
    
    .redfont {
      color : #FF0000
    }
    
    .yellowfont {
      color : #FF9900
    }
    
    .greenfont {
      color : #009900
    }
    
    .bluefont {
      color : #99cc99
    }
    
    .blackfont {
      color : #000000
    }
    
    .whitefont {
      color : #FFFFFF
    }
    .smallfont {
      font-size : 70%
    }
    
    .rsfont {
      color : red;
      font-size : 70%
    }
    
    .bfont {
      font-weight: bold
    }
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1 VÄRITYYLIT  */
    /*----------------------------------------------------------------------*/
    /* NAVIGOINTI JA TILATIEDOT */
    /* Käyttökohde: Saitilla liikkuminen sijainti tiedot ja toiminnot yms. */
       
    .nav {  /* nav=navigation */
      background-color: #0092BB; /*#0092BB*/
      color: #ffffff;
    }
    .nav A{
      /*color: #dddddd;*/
    }
    .nav A:visited{
      color: blue;
    }
    .nav A:hover{
      color: blue;
    }
    
    /* SISÄLTÖ */ 
    /* Käyttökohde: Sivun sisältöosuus näillä. */
    
    .con {/* con=content */
      color: #000000;
      background-color: #ffffff;
    }
    .con A {
      color: #0092BB;
    }
    .con A:hover {
      color: #0092BB;
    }
    
    /* Jos tarvitaan ääriviivoja niin tällä tyylillä*/
    .borders{
        border-bottom: 1px solid #A0A0A0;
        border-right: 1px solid #A0A0A0;
        border-left: 1px solid #C0C0C0;
        border-top: 1px solid #C0C0C0;
    }
    
    /* TUKITOIMINNOT */
    /* Käyttökohde: Sivun varsinaista sisältöä tukavat toiminnot. */
    .actionsMain{
        border-bottom: 1px solid #A0A0A0;
        /*border-right: 1px solid #A0A0A0;
        border-left: 1px solid #C0C0C0;*/
        border-top: 3px solid #0092BB;
        padding: 3px;
        background-color: #e0e0e0;
        width: 99%;
        align: center;
        text-align: center;
    }

    .actionsSub{
        border-bottom: 1px solid #A0A0A0;
        /*border-right: 1px solid #A0A0A0;
        border-left: 1px solid #C0C0C0;*/
        border-top: 1px solid #C0C0C0;
        padding: 3px;
        background-color: #e0e0e0;
        width: 99%;
        text-align: center;     
    }    
    
    
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1 HTML-ELEMTTIEN OLETUSASETUKSET  */
    /*----------------------------------------------------------------------*/
    .bg A{
        color: #0000ff;
    }
    
    .bg A:visited{
        color: #0000ff;
    }
    
    FIELDSET {
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;        
        border-bottom: 1px solid #cccccc;        
    }
    
    INPUT[type=text], SELECT, INPUT.text {
        width: 200px;
    }
    .monospace, PRE {
        font-size:3.5mm;
        font-family: monospace;      
        font-weight: normal;
    }
    THEAD {
        display: table-header-group;
    } 
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1- KORVATUT TYYLIMÄÄRITTELYT
    /*----------------------------------------------------------------------*/
    TR.bgsbar TD, TH.bgsbar,TR.bgsbar TH{
        background-color: #cccccc;
        padding: 3px;
    }
    TR.bgsbar{
        background-color: #cccccc;
    }    
    
}


@media screen {
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1 HTML-ELEMTTIEN OLETUSASETUKSET  */
    /*----------------------------------------------------------------------*/
    BODY, .bg {
      background-color: #ffffff;
      font-family: Arial;
      font-size: 13px;
      margin: 2px;
      color: #000000;
    }
    TH {
      font-family: Arial;
      font-size: 13px;
      font-weight: bold;
      white-space: nowrap;
    }
    TD {
      font-family: Arial;
      font-size: 13px;
    }   
    
    H4 {
      font-family: Arial;
      font-size: 14px;
      font-weight: bold;
    }
    LEGEND {
      font-family: Arial;
      font-size: 14px;
      font-weight: bold;
      color: #0092BB;
    }
    A{
        color: #0000ff;
    }
    A:visited{
        color: #0000ff;
    }
   
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1 KIRJASINTYYLIT  */
    /*----------------------------------------------------------------------*/
    
    .basic {
      font-family: Arial;
      font-size: 13px;
    }
    .bold {
      font-family: Arial;
      font-size: 13px;
      font-weight: bold;
    }
    .header {
      font-family: Arial;
      font-size: 14px;
      font-weight: bold;  
    }
    .nobr {
        white-space: nowrap;
    }
    .monospace, .ffont {
        font-size:3.5mm;
        font-family: monospace;      
        font-weight: normal;
    }
    .print{display:none;}


    /*----------------------------------------------------------------------*/
    /* WEBLAB CSS/JS-TOIMINTOVALIKKO  */
    /*----------------------------------------------------------------------*/
     /* Yleiset tyylit */
    #menu {background-color: #0092BB;font-family: arial; font-weight: bold; text-transform: uppercase; width:145px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
    #menu ul li a, .item ul li a:visited {display:block; padding-left:5px; text-decoration:none; color:#ffffff; width:145px; height:20px; text-align:left; border-top:1px solid #cccccc; border-width:1px 1px 0 0; background:#0092BB; line-height:19px; font-size:11px;}
    #menu ul {padding:0; margin:0;list-style-type: none; }
    #menu ul li ul {display: none;}

    /* Toiminnallisuus */
    #menu ul li:hover a, #menu ul li.over a {color:#ffffff; background:#006c8c;}
    #menu ul li:hover ul, #menu ul li.over ul {display:block; width:145px;}
    #menu ul li:hover ul li a.item, #menu ul li.over ul li a.item {background:#eceae1; color:#ffffff;}
    #menu ul li:hover ul li:hover a.item,#menu ul li.over ul li.over a.item {width:145px;}
    #menu ul li:hover ul li ul, #menu ul li.over ul li ul {display: none;}
    #menu ul li:hover ul li a, #menu ul li.over ul li a {display:block; background:#eceae1; color:#000000; width:145px;}
    #menu ul li:hover ul li a:hover, #menu ul li.over ul li a:hover {padding-left:10px; background:#006c8c; color:#ffffff; width:140px;}
    .show { display: block; }
    .hide {display: none; }
    
    #scrollable{
        height: 100%;
        overflow: auto;
    }
}  


@media print {
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1 HTML-ELEMTTIEN OLETUSASETUKSET  */
    /*----------------------------------------------------------------------*/
    BODY, .bg {
      background-color: #ffffff;
      font-size:3.5mm;
      font-family: "Times New Roman";
      margin: 2mm;
      color: #000000;
    }
    TABLE {
        width: 100%;
    }
    TH {
      font-size:3.5mm;
      font-family: "Times New Roman";
      font-weight: bold;
      white-space: nowrap;
    }
    TD {
      font-size:3.5mm;
      font-family: "Times New Roman";    
      /*height:auto!important;*/
    }
    A, A:visited {
        color: #000000;
        text-decoration: none;
    }
    LEGEND{
      font-size:3.8mm;
      font-family: "Times New Roman";
      text-transform: uppercase;
      /*font-weight: normal;*/
      color: #000000;
    }
    FONT, A, A:visited {
        color: #000000;
    }
    TR.bgsbar{
        background-color: #ffffff;
    } 
    /*----------------------------------------------------------------------*/
    /* WEBLAB 4.1 KIRJASINTYYLIT  */
    /*----------------------------------------------------------------------*/
    
    .basic,INPUT {
       font-size:3.5mm;
       font-family: "Times New Roman";
       line-height:0.8;
       margin-auto:2mm;
    }
    .bold {
       font-size:3.5mm;
       font-family: "Times New Roman";
       line-height:0.8;
       margin-auto:2mm;
      font-weight: bold;
    }
    .header {
       font-size:3.8mm;
       font-family: "Times New Roman";
       line-height:0.8;
       margin-auto:2mm;
    }
    .monospace,.ffont {
        font-size:3.5mm;
        font-family: monospace;      
        font-weight: normal;
    }    
    TH.monospace {
        font-weight: bold;
    }
    .nobr {
        white-space: nowrap;
    }
    .screen{display:none;}
}