@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 : #FFFFFF;

  /* Alue. */
  height : 115px;

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

/* Varsinaisen sivun alue. */
.page_area {
  /* 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 : #E0E0E0;

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

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

  /* 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 : #E0E0E0;

  /* 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 : 0px;
  border-color : #C0C0C0;

  /* Alue. */
  height : 60px;

  /* 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_1 {
  /* Kehys. */
  border-style : solid;
  border-width : 0px;
  border-color : #C0C0C0;

  /* Alue. */
  height : 30px;

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

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

  /* Alue. */
  height : 45px;

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

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

  /* Alue. */
  height : 60px;

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

/* Käyttäjän nimi suurena. */
.user_name_large {
  /* Fontti. */
  font-family : "Arial Rounded MT", Arial, Helvetica Rounded, Sans-serif; 
  font-size   : 28px;
  font-weight : bold;
  font-style  : italic;
  color       : #303080;
}

/* 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 100 px. */
.margin_left_100px {
  /* Ulkopuolen reunukset. */
  margin-left : 100px;
}

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

/* 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;
}

/* Uusi rivi.*/
.new_row {
  /* Sijainti. */
  float : left;

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

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

/*------------------------------------------------*/
/* Viestit ja virheviestit.
/*------------------------------------------------*/

/* Viestialue. */
.message_area {
  /* Sijainti. */
  float : left;

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

/* Viesti. */
.message {
  /* 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   : 1.0em;
  font-weight : bold;
  color       : #008000;
}

/* Virheviesti. */
.error_message {
  /* 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   : 1.0em;
  font-weight : bold;
  color       : #FF0000;
}