@charset "utf-8";

/*============================================================================}
{                                                                             }
{                            Styles_email.css                                 }
{                                                                             }
{ Sähköpostien tyylitiedosto.                                                 }
{                                                                             }
{                                Terameri Oy                                  }
{                               Kari Tiihonen                                 }
{                                03.09.2009                                   }
{                                                                             }
{============================================================================*/

/*=======================*/
/* Sähköposti.           */
/*=======================*/

/* Sähköpostialueen sijainti. */
#email_area {
  /* Ulkopuolen reunukset. */
  margin      : 0px;
  margin-left : 5px;
  margin-top  : 5px;

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

  /* Alueen sisäosa. */
  background-color : #ECECEC;
  padding          : 0px;

  /* Alue. */
  width : 610px;
}

/* Sähköpostin otsikko. */
#email_header{
  /* Ulkopuolen reunukset. */
  margin      : 0px;
  margin-left : 10px;
  margin-top  : 5px;

  /* Reunaviiva. */
  border       : 0px;
  border-color : #FF2020;
  border-style : solid;

  /* Alue. */
  width : 790px;

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

  /* Fontti. */
  font-family : Arial, Helvetica, Sans-serif;
  font-size   : 18px;
  font-weight : 500;
  color       : #202020;
}

/* Taulukko: sähköpostin tiedot. */
table.email_table {
  /* Ulkopuolen reunukset. */
  margin           : 5px;
  margin-top       : 5px;

  /* Reunaviiva. */
  border           : 1px;
  border-color     : #404040;
  border-style     : solid;

  /* Alueen sisäosa. */
  background-color : #FFFFFF;
  padding          : 5px;

  /* Alueen sisäosa. */
  background-color : #F0F0F0;

  /* Alue. */
  width            : 600px;

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

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

  /* Taulukko. */
  border-collapse  : separate;
}

td {
  /* Ulkopuolen reunukset. */
  margin : 0px;

  /* Sisäreunukset. */
  padding : 3px;

  /* Fontti. */
  color : #202020;
}

/* Sähköpostin sisäalue. */
#email_inner_area {
  /* Ulkopuolen reunukset. */
  /* margin           : 10px; */
  margin-top       : 5px;
  margin-left      : auto;  /* Keskitys. */
  margin-right     : auto;  /* Keskitys. */

  /* Reunaviiva. */
  border           : 1px;
  border-color     : #404040;
  border-style     : solid;

  /* Alueen sisäosa. */
  background-color : #F0F0F0;
  padding          : 5px;

  /* Alue. */
  width            : 600px;

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

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

  /* Taulukko. */
  border-collapse  : separate;
}

#after_email_table {
  /* Ulkopuolen reunukset. */
  margin-top    : 10px;
  margin-bottom : 10px;

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

/*=======================*/
/* Tekstitaulukko.       */
/* (Styles_common.css)   */
/*=======================*/

/* Otsakesolut. */
.header_cell {
  /* Alue. */
  width : 25%;
}

/* Tekstisolut. */
.text_cell {
  /* Alue. */
  width : 70%;
}

/*==================================================*/
/* Media.              
/*==================================================*/

/* Selaimen viewport 0...599 px. */
@media screen and (max-width : 599px) {

  /*=======================*/
  /* Tekstitaulukko.       */
  /* (Styles_common.css)   */
  /*=======================*/

  /* Otsakesolut. */
  .header_cell {
    /* Alue. */
    width : 95%;
  }

  /* Tekstisolut. */
  .text_cell {
    /* Alue. */
    width : 95%;
  }
  #after_email_table {
    /* Teksti. */
    text-align : left;
  }
}