/*#################################################                                                *
#                                                 #          *          *          *
#                                                 #
#  Kaikille selaimille yhteiset tyylimäärittelyt. #
#                                                 #
#  Muokattu viimeksi 29.01.2010 jKr.              #  *                                             *
#                                                 #                                   *
#  Copyright © Lapinlahti.net                     #      lapinlahti.net
#                                                 #    0/
#                                                 #   /|
#                                                 #   / \ J. Tikkanen - Lapinlahti - Finland - Europe
###################################################  """"""""""""""""""""""""""""""""""""""""""""""""*/

html {
  color: #000000;
  background-color: #9bbad7;
}

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

table {
  font-size: 100%;
  border-width: 0;
  padding: 2px;
  margin: 2px;
}

.ie6 {
  width: 100%;
}

td.ilmava {
  height: 30px;
}

strong {
/*  color: #333333;*/
  background-color: transparent;
}

pre {
  font-size: 1.2em;
}

pre.koroste {
  font-size: 1.4em;
  background-color: #ffdfb2;
}

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

#alku {
  height: 13px;
  clear: both;
}

#kaikki {
  position: relative;
  width: 960px;
  margin: 0 auto;
  color: #000000;
  background-color: #ffffff;
  background-image: url('images/taustax.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-y;
/*border-style: solid;
  border-color: #4683b5;
  border-width: 0 1px;*/
}

#ylatunniste {
  width: 100%;
  height: 160px; /* ylimääräistä korkeutta Java-pelien vuoksi */
  margin: 0;
  padding: 0;
/*border-bottom: 1px solid #c0c0c0;*/
  color: #000000;
  background-color: #dddddd;
  background-image: url('images/ylakaari.png');
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

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

.keskiPalsta {
  width: 590px;
  margin: 0;
  padding: 5px;
  float: left;
  left: 180px;
}

.oikeaPalsta {
  width: 170px;
  margin: 0;
  padding: 5px;
  float: right;
  left: 780px;
}

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

#alatunniste {
  text-align: center;
  clear: both;
  width: 100%;
  height: 10px;
  margin: 0;
  padding: 0;
  color: #000000;
  background-color: #f1f1f1;
  border-top: 1px solid #c0c0c0;
  font-size: 80%;
  height: 31px;
  background-image: url('images/alakaari.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

/* jako kahteen */
.yksiKaksi {
  width: 48%;
  float: left;
}

.kaksiKaksi {
  width: 48%;
  float: right;
}

/* jako kolmeen */
.yksiKolme {
  width: 30%;
  margin: 0;
  padding: 5px;
  float: left;
}

.kaksiKolme {
  width: 30%;
  margin: 0;
  padding: 5px;
  float: left;
}

/* 2/3-osaa */
.kaksiKolmesta {
  width: 60%;
  margin: 0;
  padding: 5px;
  float: left;
}

.kolmeKolme {
  width: 30%;
  margin: 0;
  padding: 5px;
  float: left;
}

.leveaPalsta {
  width: 410px;
  margin: 0;
  padding: 5px;
  float: left;
}

.kapeaPalsta {
  width: 160px;
  margin: 0;
  padding: 5px;
  float: right;
}

/* JS-valikko */
#jsnav {
  position: relative;
  left: 50%;
  width: 960px;
  margin-left: -480px;
  text-align: center;
  z-index: 100;
}

.keskella {
  text-align: center;
}

/* yksi täysleveä palsta keskellä */
#keskellaLohko {
  clear: both;
  position: relative;
  left: 50%;
  width: 960px;
  margin-left: -480px;
  padding: 5px;
}

/* kavennus */
.supistus {
  clear: both;
  position: relative;
  left: 47%;
  width: 480px;
  margin-left: -225px;
  padding: 2px;
}

.oikeallaTeksti {
 text-align: right;
}

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

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

/* sisennetty lista */
.taso1 {
  clear: both;
  margin-left: 30px;
}
.taso2 {
  clear: both;
  margin-left: 60px;
}
.taso3 {
  clear: both;
  margin-left: 90px;
}
.taso4 {
  clear: both;
  margin-left: 120px;
}

/***** taustakuvat *****/

/* info/update */
.paivitys {
  background-image: url('images/tageja.gif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  height: 60px;
  margin: 30px 0;
}

/* kirja */
.liuku {
  background-image: url('images/liuku.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
  width: 100%;
}

.otsikko, .otsikkoK, .otsikkoAli, .otsikkoAliAli, .otsikkoKortti {
  clear: both;
  font-weight: bold;
  background-position: 0% 0%;
  background-repeat: repeat-x;
  padding: 2px;
  margin: 5px 0 2px 0;
  text-align: center;
}

.otsikko {
  width: 100%;
  color: #ffffff;
  background-color: #5aa7e5;
  background-image: url('images/title.jpg');
}
.otsikkoK {
  width: 100%;
  color: #ffffff;
  background-color: #5aa7e5;
  background-image: url('images/title2.jpg');
}
.otsikkoKortti {
  width: 98%;
  color: #ffffff;
  background-color: #5aa7e5;
  background-image: url('images/title.jpg');
}

.otsikkoAli {
  width: 100%;
  color: #333333;
  background-color: #b2d8ff;
  background-image: url('images/titleali2.jpg');
}

.otsikkoAliAli {
  width: 100%;
  color: #000000;
  background-color: #e7ebf6;
  background-image: url('images/titleali.jpg');
}

.euro {
  background-image: url('images/kolikot/X/euro.jpg');
  background-position: 5% 18%;
  background-repeat: no-repeat;
}

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

a:link {
  color: #0000ff;
  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.strong:link, a.ali:active, a.strong:active {
  color: #0000ff;
  background-color: transparent;
  text-decoration: none;
}

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

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

a.strong:link, a.strong:active, a.strong:visited {
  font-weight: bold;
}

a.laaja:link, a.laaja:active, a.laaja:visited {
  color: #0000ff;
  background-color: transparent;
  text-decoration: none;
}

a.laaja:hover {
  color: #ff0000;
  background-color: #ffffae;
  text-decoration: none;
}

/* himmeä */
a.himmea:link, a.himmea:active, a.himmea:visited {
  color: #c6c6de;
  background-color: #ffffff;
}

/* pysyvä tekstiväri */
a.erikois:link, a.erikois:active, a.erikois:visited {
  color: #ffffff;
  background-color: transparent;
}

/* pysyvä tekstiväri */
a.kiintea:link, a.kiintea:active, a.kiintea:visited {
  color: #0000ff;
  background-color: transparent;
}

/* suuraakkosin */
a.isox:hover {
  text-transform: uppercase;
}

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

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

img.oikea, img.oikeaKehys {
  float: right;
  margin: 5px 2px 5px 5px;
}

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

img.kehys, img.oikeaKehys, img.vasenKehys {
  border: 1px solid #4683b5;
}

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

img.jakaja {
  clear: both;
}

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

ul.pallukka {
  list-style-image: url('images/dot.gif');
}

/* pienennetty vas. marginaali ja teksti */
ol.nrot {
  font-size: 90%;
  padding-left: 23px;
}

li.irti {
  margin-top: 5px;
  margin-bottom: 5px;
}

/***** kehykset, värit yms. *****/
.maa {
  color: #ffffff;
  background-color: #87b229;
  border: 1px solid #000000;
  padding: 5px;
}

.maassa {
  color: #ffffff;
  background-color: #87b229;
}

.pisteviiva {
  border: 1px dotted #000000;
  background-color: transparent;
}

.laatikko {
  clear: both;
  margin: 10px 5px;
  padding: 2px;
}

.infoLaatikko {
  clear: both;
  margin: 10px 2px;
  padding: 5px;
  color: #000000;
  background-color: #ffeed1;
  border: 1px solid #aa321a;
  font: normal 1.2em Georgia, sans-serif;
}

.huomLaatikko {
  clear: both;
  margin: 10px 0;
  padding: 5px;
  color: #000000;
  background-color: #e6f2ff;
  border: 1px solid #4683b5;
}

.virheLaatikko {
  clear: both;
  margin: 10px 0;
  padding: 5px;
  color: #000000;
  background-color: #ffff00;
  border: 1px solid #ff0000;
  font: bold 1.2em Georgia, sans-serif;
}

.valkoLaatikko, .valkoLaatikko90, .valkoLaatikko95 {
  clear: both;
  padding: 5px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #4683b5;
}

.valkoLaatikko {
  margin: 10px 0;
}

.valkoLaatikko90 {
  width: 90%;
  margin: 10px auto;
}

.valkoLaatikko95 {
  width: 95%;
  margin: 10px auto;
}

.sivuiltaAvoin {
  color: #000000;
  background-color: #e6f2ff;
  border-style: solid;
  border-color: #4683b5;
  border-width: 1px 0 1px 0;
  text-align: center;
  margin: 1px 0;
}

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

.riihi {
  border: 1px solid #7e9d38;
}

/* siniharmaa */
.huom {
  color: #000000;
  background-color: #e6f2ff;
}

/* ML */
.otsikkoTausta {
  color: #000000;
  background-color: #cccccc;
}

/* boxit */
.lootaP {
  margin: 0;
  width: 99%;
  border: 1px solid #a7321a;
  margin-bottom: 10px;
}
.ylalootaP {
  background: url('images/lootaylaP.png') repeat-x top;
  text-align: center;
  padding-top: 3px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.1em;
  height: 23px;
}
.alalootaP {
  background: url('images/lootaalaP.png') repeat-x bottom;
  text-align: left;
  background-color: #efdfc4;
  padding: 8px 8px 25px 8px;
}

.lootaS {
  margin: 0;
  width: 99%;
  border: 1px solid #4683b5;
  margin-bottom: 10px;
}
.ylalootaS {
  background: url('images/lootaylaS.png') repeat-x top;
  text-align: center;
  padding-top: 3px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.1em;
  height: 23px;
}
.alalootaS {
  background: url('images/lootaalaS.png') repeat-x bottom;
  text-align: left;
  background-color: #e7f3ff;
  padding: 8px 8px 25px 8px;
}

/* leveyksiä */
.L50 { width: 50px; }
.L75 { width: 75px; }
.L100 { width: 100px; }
.L150 { width: 150px; }
.L200 { width: 200px; }
.L300 { width: 300px; }
.L400 { width: 400px; }
.L450 { width: 450px; }
.L33pro { width: 33%; }
.puolet { width: 50%; }
.L66pro { width: 66%; }
.taysi { width: 100%; }
.GmapW { width: 578px; }

/* korkeuksia */
.K135 {
  height: 135px;
}

/* datataulukon tausta */
.data {
  color: #000000;
  background-color: #dddddd;
}

/* datataulukon solu */
.kontrasti {
  color: #000000;
  background-color: #ffffff;
  padding-top: 0;
}

.dataOtsikko {
  width: 20px;
  text-align: center;
}

.dataTeho {
  width: 20px;
  text-align: center;
  color: #000000;
  background-color: #ffeed1;
  border: 1px solid #4683b5;
  font-size: 80%;
}

.dataPaiva {
  width: 20px;
  text-align: center;
  color: #000000;
  background-color: #ffeb46;
  border: 1px solid #e46d55;
}

.koroste {
  background-color: #ffdfb2;
}

.korosteP {
  font-size: 80%;
  color: #000000;
  background-color: #ffdfb2;
}

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

h1, h2, h3, h4, h5, h6 {
  color: #333333;
  background-color: transparent;
  margin: 0.2em auto;
  text-align: center;
}
h1.valiotsikko, h2.valiotsikko, h3.valiotsikko,
h4.valiotsikko, h5.valiotsikko, h6.valiotsikko {
  text-align: left;
  margin: 0.5em auto;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

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

.pieni {
  font-size: 80%;
}

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

.laaja {
  font-size: 130%;
  font-weight: bold;
  padding: 3px 10px;
}

.kuollut {
  text-decoration: line-through;
}

.ilmava {
  padding: 10px 0 10px 0;
}

/* tekstivärit */
.virhe {
  color: #ff0000;
  background-color: transparent;
}

.keltainen {
  color: #ffff00;
  background-color: transparent;
}

.sininen {
  color: #0000ff;
  background-color: transparent;
}

.siniharmaa {
  color: #336699;
  background-color: transparent;
}

.vihrea {
  color: #009900;
  background-color: transparent;
}

.ruskea {
  color: #993300;
  background-color: transparent;
}

.valkoinen {
  color: #ffffff;
  background-color: transparent;
}

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

.eiRivitysta {
  white-space: nowrap;
}

.eiMarginaalia {
  margin: 0;
}

.sisennys {
  text-indent: 1em;
}

/* kasvatettu kirjasinväli */
.harva {
  letter-spacing: 2px;
}

/* kasvatettu riviväli */
.puolitoista {
  line-height: 1.5;
}

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

.lomake {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  background-color: #ffffff;
}

.lomakeMini {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 85%;
  color: #000000;
  background-color: #ffffff;
}

.nappiNavi {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #ff0000;
  background-color: #e6f2ff;
  width: 110px;
}

.nappi {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 100%;
}

.nappiLaheta {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bolder;
  font-style: oblique;
  color: #ffffff;
  background-color: #66cc66;
  width: 130px;
}

.nappiTyhjenna {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bolder;
  font-style: oblique;
  color: #ffffff;
  background-color: #ff6666;
  width: 130px;
}

.nappiLisa {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bolder;
  font-style: oblique;
  color: #ffffff;
  background-color: #6699ff;
  width: 130px;
}

.nappiVariMini {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 80%;
  color: #ffffff;
  background-color: #4683b5;
  width: 100px;
}

.nappiGoogle {
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  font-size: 85%;
  color: #ffffff;
  background-color: #e46d55;
  background-image: url('images/title3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

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

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

/***** JS-valikko *****/

/* I-taso, pääsivusto */
a.m0l0oout:link, a.m0l0oout:active, a.m0l0oout:visited {
  width: 106px;
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  text-decoration: none;
  border: 1px solid #dee3e7;
  color: #ffffff;
  background-color: #e46d55;
}

a.m0l0oover:hover {
  width: 106px;
  text-decoration: none;
  border: 1px solid #dee3e7;
  color: #ffffff;
  background-color: #e46d55;
}

.m0l0iover {
  width: 106px;
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffffff;
  background-color: #e46d55;
  background-image: url('images/titlex3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

.m0l0iout {
  width: 106px;
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffffff;
  background-color: #e46d55;
  background-image: url('images/title3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

/* II-taso, pääsivusto */
a.m0l1oout:link, a.m0l1oout:active, a.m0l1oout:visited {
  width: 150px;
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align:left;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #e46d55;
}

a.m0l1oover:hover {
  width: 150px;
  text-decoration: none;
  text-align:left;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #e46d55;
}

.m0l1iover {
  width: 150px;
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffff00;
  text-align:left;
  background-color: #e46d55;
  /*background-image: url('images/titlex3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;*/
}

.m0l1iout {
  width: 150px;
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffffff;
  text-align:left;
  background-color: #e46d55;
  background-image: url('images/title3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

/* III-taso, pääsivusto */
a.m0l2oout:link, a.m0l2oout:active, a.m0l2oout:visited {
  width: 150px;
  font-family: Verdana, Myriad, Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align:left;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #e46d55;
}

a.m0l2oover:hover {
  width: 150px;
  text-decoration: none;
  text-align:left;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #e46d55;
}

.m0l2iover {
  width: 150px;
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffff00;
  text-align:left;
  background-color: #e46d55;
  /*background-image: url('images/titlex3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;*/
}

.m0l2iout {
  width: 150px;
  text-decoration: none;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  color: #ffffff;
  text-align:left;
  background-color: #e46d55;
  background-image: url('images/title3.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}