@charset "utf-8";

/*=======================*/
/* YHTEISET              */
/*=======================*/

/* Sivu. */
body {
  /* Tausta. */
  background       : #FFFFFF;
  background-image : url('../images/Tausta.jpg');
  background-repeat: repeat;
}

/* Päälue. */
#main_area {
  /* Ulkopuolen reunukset. */
  margin-top   : 10px;
  margin-left  : auto;  /* Keskitys. */
  margin-right : auto;  /* Keskitys. */

  /* Kehys. */
  border-style    : solid;
  border-width    : 1px;
  border-color    : #202020;
  border-collapse : collapse;
  border-spacing  : 0px;

  /* Sisäpuolen täytteet. */
  padding : 0px 0px 0px 0px;

  /* Tausta. */
  background : #C0F0F0;

  /* Alue. */
  width : 800px;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 10px;
  font-weight : normal;
  color       : #505050;
}

table.main_table {
  /* Ulkopuolen reunukset. */
  margin       : 5px;
  margin-left  : auto;  /* Keskitys. */
  margin-right : auto;  /* Keskitys. */

  /* Kehys. */
  border-style    : hidden;
  border-width    : 0px;
  border-color    : #202020;
  border-collapse : collapse;

  /* Sisäpuolen täytteet. */
  padding : 0px;

   /* Tausta. */
  background : #F8F8F8;

  /* Alue. */
  width : 600px;

  /* Teksti. */
  text-align : left;
  font       : 12px Arial, Helvetica, Sans-serif;
}

td.main_table {
  /* Sisäpuolen täytteet. */
  padding : 10px 20px 10px 20px;
}

/* Taulukot. */
td {
  /* Sisäpuolen täytteet. */
  padding : 0px 0px 0px 0px;

  /* Teksti.*/
  text-align : left;
}

/* Lohkot. */
blockquote {
  /* Ulkopuolen reunukset. */
  margin-top    : 5px;
  margin-bottom : 5px;
  margin-left   : 20px;
  margin-right  : 0px;
}

/* Yläalue. */
.top_area {
  /* Ulkopuolen reunukset. */
  margin-top : 0px;

  /* Kehys. */
  border-style : solid;
  border-width : 3px;
  border-color : #004040;

  /* Sisäpuolen täytteet. */
  padding-top    : 5px;
  padding-bottom : 5px;

  /* Tausta. */
  background : #F0F0F0;

  /* Alue. */
  height : 115px;

  /* Teksti.*/
  text-align : center;
}

/* Varsinaisen sivun alue. */
.page_area {
  /* Sijainti. */
  float    : none;
  position : relative;

  /* Ulkopuolen reunukset. */
  margin-top    : 0px;
  margin-bottom : 0px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #000080;

  /* Sisäpuolen täytteet. */
  padding-top    : 5px;
  padding-bottom : 5px;

  /* Tausta. */
  background : #F0F0F0;

  /* Teksti.*/
  text-align : center;
}

/* Varsinaisen sivun sisältöalue. */
.content_area {
  /* Sijainti. */
  float    : none;
  position : relative;

  /* Ulkopuolen reunukset. */
  margin-top    : 5px;
  margin-bottom : 5px;
  margin-left   : auto;  /* Keskitys. */
  margin-right  : auto;  /* Keskitys. */

  /* Kehys. */
  border-style : solid;
  border-width : 1px;
  border-color : #A0A0A0;

  /* Sisäpuolen täytteet. */
  padding-top    : 5px;
  padding-right  : 10px;
  padding-bottom : 5px;
  padding-left   : 0px;

  /* Tausta. */
  background : #FFFFFF;

  /* Alue. */
  width : 650px;

  /* Teksti.*/
  text-align : left;

  /* Vierityspalkit. */
  overflow : hidden;
}

/* Tietoalue. */
.data_area {
  /* Sijainti. */
  float : left;

  /* Ulkopuolen reunukset. */
  margin-top : 3px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #404040;

  /* Tausta. */
  background : #FFFFFF;

  /* Sisäpuolen täytteet. */
  padding : 5px;

  /* Alue. */
  width  : 600px;

  /* Teksti.*/
  text-align : center;
}

/* Tietoalue. */
.column_area {
  /* Sijainti. */
  float : left;

  /* Ulkopuolen reunukset. */
  margin-top : 0px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #404040;

  /* Tausta. */
  background : #FFFFFF;

  /* Sisäpuolen täytteet. */
  padding : 5px;

  /* Teksti.*/
  text-align : center;
}

/* Copyright-alue. */
.copyright_area {
  /* Ulkopuolen reunukset. */
  margin-top : 0px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #00FF00;

  /* Sisäpuolen täytteet. */
  padding-top    : 5px;
  padding-bottom : 5px;

  /* Tausta. */
  background : #F0F0F0;

  /* Alue. */
  height : 20px;

  /* Teksti.*/
  text-align : center;
}

/* Linkkialue. */
.link_area {
  /* Sijainti. */
  float : left;

  /* Ulkopuolen reunukset. */
  margin-top : 3px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #404040;

  /* Tausta. */
  background : #FFFFFF;

  /* Sisäpuolen täytteet. */
  padding : 5px;

  /* Alue. */
  width : 300px;

  /* Teksti.*/
  text-align : center;
}

/* Logo. */
#our_logo {
  /* Ulkopuolen reunukset. */
  margin-right : 10px;

  /* Kehys. */
  border-style : solid;
  border-width : 1px;
  border-color : #C0C0C0;

  /* Alue. */
  height : 89px;

  /* Tausta. */
  /* background-image    : url(../images/Logo.gif); Tämä taustakuva ei tulostuisi kirjoittimelle! */
  background-position : bottom;
  background-repeat   : no-repeat;
}

/* Yläosan kuva. */
#top_picture {
  /* Kehys. */
  border-style : solid;
  border-width : 1px;
  border-color : #C0C0C0;

  /* Alue. */
  height : 89px;

  /* Tausta. */
  /* background-image    : url(../images/Logo.gif); Tämä taustakuva ei tulostuisi kirjoittimelle! */
  background-position : bottom;
  background-repeat   : no-repeat;
}

/* Teksti: otsikko. */
.text_header {
  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 14px;
  font-weight : bold;
  color       : #303030;
}

/* Teksti: normaali. */
.text_normal {
  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 12px;
  font-weight : normal;
  color       : #303030;
}

/* Teksti: pieni. */
.text_small {
  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 10px;
  font-weight : normal;
  color       : #303030;
}

/* Teksti: Marquee. */
.text_marquee {
  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 14px;
  font-weight : bold;
  color       : #303030;

  /* Teksti.*/
  text-align : center;
}

/* Teksti: sisennetty 10 px. */
.margin_left_10px {
  /* Ulkopuolen reunukset. */
  margin-left : 10px;
}

/* Teksti: sisennetty 20 px. */
.margin_left_20px {
  /* Ulkopuolen reunukset. */
  margin-left : 20px;
}

/* Teksti: sisennetty 40 px. */
.margin_left_40px {
  /* Ulkopuolen reunukset. */
  margin-left : 40px;
}

/* Teksti: sisennetty 50 px. */
.margin_left_50px {
  /* Ulkopuolen reunukset. */
  margin-left : 50px;
}

/* Keskitetty. */
.keskitetty {
  /* Kehys. */
  border-style    : solid;
  border-width    : 1px;
  border-color    : #202020;
  border-collapse : collapse;
  border-spacing  : 0px;

  /* Teksti.*/
  text-align : center;
}

/* Vasempaan. */
.vasempaan {
  /* Sijainti. */
  float : left;

  /* Vierityspalkit. */
  overflow : hidden;
}

/* Taulukko: keskitetyt solut. */
td.centered {
  /* Teksti.*/
  text-align : center;
}

/* Teksti: Copyright. */
.copyright {
  /* Ulkopuolen reunukset. */
  margin-top    : 5px;
  margin-bottom : 5px;
  margin-left   : auto;  /* Keskitys. */
  margin-right  : auto;  /* Keskitys. */

  /* Teksti.*/
  text-align : center;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 10px;
  font-weight : normal;
  color       : #303030;
}

/* Google-kartta. */
.google_map {
  /* Ulkopuolen reunukset. */
  margin       : 5px;

  /* Kehys. */
  border-style : solid;
  border-width : 1px;
  border-color : #202020;

   /* Alue. */
  width        : 430px;
  height       : 300px;
}

/* "Kirjaudu sisään"-linkki. */
.user_login_link {
  /* Sijainti. */
  float : right;

  /* Ulkopuolen reunukset. */
  margin : 5px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #202020;

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 12px;
  font-weight : normal;
  color       : #404040;
}

/* Lihavoitu teksti. */
.lihavoitu {
  /* Fontti. */
  font-weight : bold;
}

/* Resurs Bank -logo. */
#resurs_bank_logo {
  /* Ulkopuolen reunukset. */
  margin-left : 0px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #C0C0C0;

  /* Alue. */
  height : 61px;
}

/* Uusi rivi.*/
.uusi_rivi {
  float : left;
  width : 100%;
}

/* Sarakkeet. */
.columns {
  /* Sijainti. */
  float : left;

  /* Sisäpuolen täytteet. */
  padding-left : 50px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #F04040;

  /* Alue. */
  width : 100%;
}

/* Sarake. */
.column {
  /* Sijainti. */
  float : left;

  /* Ulkopuolen reunukset. */
  margin-left : 5px;

  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #40F040;

  /* Teksti.*/
  text-align : center;
}

/* Leveys: 140px. */
.leveys_140px {
  /* Alue. */
  width : 140px;
}