/*#################################################                                                *
#                                                 #          *          *          *
#                                                 #
#  Kaikille selaimille yhteiset tyylimäärittelyt. #
#                                                 #
#  Muokattu viimeksi 14.04.2010 jKr.              #  *                                             *
#                                                 #                                   *
#  Copyright © Webbiriihi.fi                      #      webbiriihi.fi
#                                                 #    0/
#                                                 #   /|
#                                                 #   / \ J. Tikkanen - Lapinlahti - Finland - Europe
###################################################  """"""""""""""""""""""""""""""""""""""""""""""""*/

html {
  color: #060405;
  background-color: #dae4c1;
  background-image: url('images/taus3.png');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

body {
  font: normal 0.8em Verdana, Arial, sans-serif;
  margin: 20px auto;
  padding: 0;
}

table {
  font-size: 100%;
  padding: 2px;
  margin: 2px;
  text-align: left;
}

td.ilmava {
  padding: 5px;
}

.puolet { width: 50%; }

.maassa {
  color: #ffffff;
  background-color: #73922d;
}

.kehys {
  border: 1px solid #73922d;
  background-color: #ffffff;
}
.kehys50, .tehoTausta {
  border: 1px solid #73922d;
}
.kehys50 {
  width: 50%;
  vertical-align: top;
}

caption {
  font-weight: bold;
/*  text-align: left;*/
}

.data {
  min-width: 26px;
  height: 26px;
  border: 1px solid #73922d;
  padding: 2px;
  text-align: center;
  background-color: #dcfa95;
}


/***** palstojen asettelu *****/

/*#alku {
  height: 20px;
  clear: both;
}*/

#kaikki {
  position: relative;
  width: 960px;
  margin: 0 auto;
/*  color: #000000;
  background-color: #ffffff;*/
  border: 1px solid #73922d;
  background-image: url('images/tausta.png');
  background-position: 0% 0%;
  background-repeat: repeat-y;
}

#ylatunniste {
  width: 100%;
  height: 110px;
  margin: 0;
  padding: 0;
/*  color: #000000;
  background-color: #d2d2d2;*/
  border-bottom: 1px solid #c0c0c0;
  background-image: url('images/Webbiriihi.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#ylatunniste_mo {
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  background-color: #74922c;
  background-image: url('images/Webbiriihi_mobiili.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.vasenPalsta {
  width: 250px;
  margin: 0;
  padding: 5px;
  float: left;
}

.oikeaPalsta {
  width: 675px;
  margin: 0;
  padding: 5px;
  float: right;
}

.yhteispalsta {
  width: 950px;
  margin: 0;
  padding: 5px;
  float: left;
}

#alaosa {
  clear: both;
  width: 100%;
  height: 50px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
}

#alatunniste {
/*  text-align: center;*/
  clear: both;
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: #f1f1f1;
  border-top: 1px solid #73922d;
  font-size: 85%;
}

.hide {
  font-size: 95%;
}

.keskella {
  text-align: center;
}

.oikeallaTeksti {
 text-align: right;
}

.oikealla {
  float: right;
  clear: right;
  padding-left: 10px;
}

.vasemmalla {
  float: left;
  clear: left;
  padding-right: 10px;
}

.kallistettu {
  font-style: oblique;
}


/***** otsikot yms. *****/

.otsikko {
  clear: both;
  width: 98%;
  font-size: 115%;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
  color: #ffffff;
  background-color: #e46d55;
  background-image: url('images/titlex.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}


/***** linkit *****/

#linkit {
  margin: 5px;
}

a.linkit:link, a.linkit:active, a.linkit:visited {
  display: block;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 10px;
  width: 230px;
  height: 22px;
  color: #ffffff;
  background-color: #e46c55;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.2em;
  background-image: url("images/titlex.jpg");
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

a.linkit:hover {
  color: #ffff00;
  letter-spacing: 0.3em;
}

a:link {
  color: #0071bc;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #3399cc;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #ff0000;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #990033;
  background-color: transparent;
  text-decoration: underline;
}

/* sisäiset */
a.ali:link, a.ali:active {
  color: #0071bc;
  background-color: transparent;
  text-decoration: none;
}

a.ali:visited {
  color: #3399cc;
  background-color: transparent;
  text-decoration: none;
}

a.ali:hover {
  color: #ff0000;
  background-color: #ffffae;
  text-decoration: underline overline;
}


/***** kuvat *****/

img {
  border-style: none;
  border: 0;
}

img.oikea, img.oikeaKehys {
  float: right;
  margin: 5px 2px 5px 5px;
  padding-left: 10px;
}

img.vasen, img.vasenKehys {
  float: left;
  margin: 5px 15px 5px 2px;
  padding-right: 10px;
}

img.kehys, img.oikeaKehys, img.vasenKehys {
  border: 1px solid #5b5b5b;
}

.tehoKehys {
  border: 1px solid #000000;
}

img.keskitys {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/***** listat *****/

ul.pallo {
  list-style-image: url('images/dot_green.gif');
}
ul.alapallo {
  list-style-image: url('images/dot_blue.gif');
  margin-left: 10px;
}
li.pallo {
  margin: 10px 0;
}

li.lista {
  padding-bottom: 0.5em;
}

/***** kehykset, värit yms. *****/

.valkoLaatikko95, .valkoLaatikko500 {
  clear: both;
  padding: 5px;
  margin: 10px auto;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #73922d;
/*  text-align: center;*/
}

.valkoLaatikko95 {
  width: 95%;
}

.valkoLaatikko500 {
  width: 500px;
}

.loota {
  margin: 0;
  width: 99%;
  border: 1px solid #a7321a;
  margin-bottom: 10px;
}
.ylaloota {
  background: url('images/lootayla.png') repeat-x top;
  text-align: center;
  padding-top: 3px;
  color: #ffffff;
  font: bold 14px;
  letter-spacing: 0.1em;
  height: 23px;
}
.alaloota {
  background: url('images/lootaala.png') repeat-x bottom;
  text-align: left;
  background-color: #efdfc4;
  padding: 8px 8px 25px 8px;
}

.palkki {
  margin: 5px;
  display: block;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 10px;
  width: 230px;
  height: 22px;
  color: #ffffff;
  background-color: #74922c;
  font-weight: bold;
  letter-spacing: 0.2em;
}


/***** otsikot *****/

h1, h2, h3, h4 {
  color: #333333;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 0.85em; }

/***** leipäteksti *****/

.teho {
  color: #009ada;
  letter-spacing: 0.2em;
}

.tehoTausta {
  background-color: #dcfa95;
  padding: 3px;

}

.pieni {
  font-size: 80%;
}

.suuri {
  font-size: 120%;
  font-weight: bold;
}


/* tekstivärit */

.virhe {
  color: #ff0000;
  background-color: transparent;
}


/***** muut *****/

.eiRivitysta {
  white-space: nowrap;
}

.eiMarginaalia {
  margin: 0;
}


/***** lomakkeet *****/

.lomake {
  border: 1px solid #060405;
  padding: 5px;
  font-size: 100%;
  color: #ffffff;
  background-color: #73922d;
}

input[type="text"], input[type="radio"], input[type="checkbox"], select, textarea {
  font-family: Verdana, Arial, sans-serif;
  color: #060405;
  background-color: #ffffff;
  font-size: 90%;
}

.nappiLaheta, .nappiLahetaMobiili {
  font-size: 100%;
  font-style: oblique;
  color: #ffffff;
  background-color: #66cc66;
}
.nappiLaheta {
  width: 120px;
}
.nappiLahetaMobiili {
  width: 80px;
}

.nappiTyhjenna, .nappiTyhjennaMobiili {
  font-size: 100%;
  font-style: oblique;
  color: #ffffff;
  background-color: #ff6666;
}
.nappiTyhjenna {
  width: 120px;
}
.nappiTyhjennaMobiili {
  width: 80px;
}

fieldset {
  margin: 5px;
  border: 1px solid #ffffff;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
}

legend {
  color: #ffffff;
  font-weight: bold;
}