@media all {
  /* GLOBAL STYLES */
  BODY
  {
    background-color: #F9F9F9;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
  }

  #esikatselu {
    position:absolute;
          left:0px;
          top:0px;
          right: auto;
          bottom: auto;
      border: none;
      z-index:1000;
  }
  
  #ajaxPopup {
    position        : absolute;
    visibility      : hidden;
    display         : none;
    top             : 0;
    left            : 0;
    width           : 0;
    height          : 0;
    background      : transparent;
    color           : white;
    border          : none;
    z-index         : 200;
  }

  #ajaxPopup table td.ctl {
    color           : white;
    padding         : 4px;
  }

  #ajaxPopup table td {
    color           : white;
  }

  #ajaxImagePopup {
    position        : absolute;
    visibility      : hidden;
    display         : none;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    margin          : 0 auto;
    background      : transparent;
    color           : white;
    border          : none;
    text-align      : center;
    z-index         : 200;
  }

  #ajaxImagePopup table {
    margin          : auto auto;
    text-align      : center;
    vertical-align  : center;
  }

  #ajaxImagePopup table td.ctl {
    color           : white;
    padding         : 4px;
  }

  #ajaxImagePopup table td {
    color           : white;
    text-align      : left;
  }

  img.esikatselukuva {
    margin: 0px;
    text-decoration: none;
    border: none;
  }

  input.hakukentta {
    width : 90px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #204162;
    margin-top: 8px;
  }
  
  input.hakupainike {
    width: 40px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 2px;
    padding-bottom: 2px;
  }

  /* MENUT */

  TD.menu_otsikko {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    color: #FFFFFF;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: middle;
  }
  TD.menu_left2 {
    padding : 3px 1px 1px 3px;
    font-color: #204162;
    text-align: left;
    color: #FFFFFF;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    vertical-align: middle;

  }
  .menu_left2 a:link {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left2 a:visited {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left2 a:hover {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #F8DADA;
    text-decoration: none;

  }
  TD.menu_left3 {
    padding : 0px;
    font-color: #204162;
    text-align: left;
    color: #FFFFFF;
    margin: 0px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    vertical-align: middle;

  }
  .menu_left3 a:link {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left3 a:visited {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left3 a:hover {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #F8DADA;
    text-decoration: none;

  }

  TD.menu_left4 {
    padding : 0px;
    font-color: #204162;
    text-align: left;
    color: #FFFFFF;
    margin: 0px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    vertical-align: middle;

  }
  .menu_left4 a:link {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left4 a:visited {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left4 a:hover {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #F8DADA;
    text-decoration: none;

  }
  
  TD.menu_left5 {
    padding : 0px 0px 0px 10px;
    font-color: #204162;
    text-align: left;
    color: #FFFFFF;
    margin: 0px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    vertical-align: middle;

  }
  .menu_left5 a:link {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left5 a:visited {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;

  }
  .menu_left5 a:hover {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 12px/15px Arial, Helvetica, sans-serif;
    color: #F8DADA;
    text-decoration: none;

  }
  
  /* LITE OTSIKKO ALKAA */
  TD.lite_otsikko {
    padding : 0px 5px 5px 4px;
    font-color: #204162;
    text-align: left;
    color: #C10000;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;

  }
  .lite_otsikko a:link {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 11px/15px Arial, Helvetica, sans-serif;
    color: #CC0000;
    text-decoration: none;

  }

  .lite_otsikko a:visited {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 11px/15px Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: none;


  }
  .lite_otsikko a:active {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 11px/15px Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: none;


  }

  .lite_otsikko a:hover {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: bold 11px/15px Arial, Helvetica, sans-serif;
    color: #003399;
    text-decoration: none;


  }
  .lite_otsikko a.selected {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    line-height: 15px;
  }

  TD.lite_teksti {
    padding : 2px 1px 15px 5px;
    font-color: #204162;
    text-align: left;
    color: #666666;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    font-weight: normal;
    font-variant: normal;

  }

  /* TEKSTI OSUUS ALKAA */
  TD.tekstiotsikko {
    padding : 0px;
    font-color: #204162;
    text-align: left;
    color: #990000;
    margin: 0px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
  }
  
  a.ilmoitusUusi {
    padding : 0px;
    text-align: left;
    color: #990000;
    margin: 0px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
  }

  TD.teksti {
    padding : 5px 5px 15px;
    font-color: #204162;
    text-align: left;
    color: #666666;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    font-variant: normal;

  }
  .teksti a:link {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: none;

  }

  .teksti a:visited {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    color: #003399;
    text-decoration: none;


  }

  .teksti a:hover {
    padding : 1px;
    font-color: #204162;
    text-align: left;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    color: #003366;
    text-decoration: none;

  }
  a:selected{
    color:#84BAD7;
    text-decoration:underline;
    font: normal 11px Arial, Helvetica, sans-serif;
  }

  p {
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: none;
  }

  td.muruspolku {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
  }

  A.leipaset:link    {font: normal 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;}
  A.leipaset:active  {font: normal 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;}
  A.leipaset:visited {font: normal 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration: none;}
  A.leipaset:hover   {font: normal 11px Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline;}

  #qlink_* {
    background-image: url(/kuvat/vasen_menu_2_04.gif);
  }

  A.sivukartta:link    {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
  A.sivukartta:active  {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
  A.sivukartta:visited {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
  A.sivukartta:hover   {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #336699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

  P.galleria {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
  }

  A.gallery:link    {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
  A.gallery:active  {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
  A.gallery:visited {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
  A.gallery:hover   {line-height: 10px; font-size: 11px; BACKGROUND: none; COLOR: #336699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

  p.hakutulos a:link    {margin-left: 10px; COLOR: #204162; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
  p.hakutulos a:active  {margin-left: 10px; COLOR: #204162; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
  p.hakutulos a:visited {margin-left: 10px; COLOR: #204162; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
  p.hakutulos a:hover   {margin-left: 10px; COLOR: #204162; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION: underline; FONT-WEIGHT: normal;}

  .infoboxContent td.infoboxTitle {
    width            : 209px;
    height           :  32px;
    background       : white url('/kuvat/infobox_titlebg.gif') repeat-y top left;
    padding-left     : 4px;
    text-align       : left;
    color            : #990000;
    margin           : 0px;
    text-decoration  : none;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 14px;
    line-height      : 15px;
    font-weight      : bold;
    font-color       : #204162;
  }

  .infoboxContent td {
    padding-left     : 4px;
    width            : 209px;
  }

  .infoboxContent p {
    width            : 209px;
  }

  .infoboxContent * {
    color : white;
  }

  table.eventSearch {
    margin-top        : 4px;
    margin-right      : 4px;
    background        : #eeeeee;
    border            : 1px dotted #990000;
  }

  input.eventBtn {
    border-top            : 1px solid #990000;
    border-left            : 1px solid #990000;
    border-right            : 2px solid #660000;
    border-bottom            : 2px solid #660000;
    background        : #eeeeee;
    color             : #990000;
    font-size         : 10px;
    font-family       : Tahoma, Verdana, Arial;
  }
  
  p.eventDates {
    padding : 0px;
    text-align: left;
    color: #990000;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    text-decoration: none;
    cursor: default;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
  }

  .wu a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
  }
}

@media print {
  body {
    background-color: white;
  }
  
  .noPrint, .wu {
    display: none;
  }
}