/*
    03.05.2007 - rakennettu / build
    13.06.2008 - muokattu viimeksi / last modified
*/

html {
  color: #000000;
  background-color: #e4eefa;
}

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

.lakana {
  color: #000000;
  background-color: #ffffff;
  padding: 5px;
}

#kaikki {
  position: relative;
  width: 920px;
  margin: 0 auto;
  padding: 0;
  color: #000000;
  background-color: #ffffff;
  background-image: url('kuvat/tausta.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-y;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 0 0;
}

/* Käytetään kahden palstan sivuilla */
#kaikkiLevea {
  position: relative;
  width: 920px;
  margin: 0 auto;
  padding: 0;
  color: #000000;
  background-color: #ffffff;
  background-image: url('kuvat/tausta2p.jpg');
  background-position: 0% 0%;
  background-repeat: repeat-y;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 0 0;
}

#kaikkiAinoa {
  width: 600px;
  margin: 0;
  padding: 5px;
  color: #000000;
  background-color: transparent;
}

#ylaosa {
  clear: both;
  width: 100%;
  height: 176px;
  margin:  0;
  padding: 0;
}

#ylakulma {
  width: 177px;
  height: 177px;
  margin:  0;
  padding: 0;
  float: left;
  background-image: url('kuvat/kulmatausta.gif');
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

#logo {
  left: 177px;
  width: 568px;
  height: 177px;
  margin: 0;
  padding: 0;
  float: left;
  color: #000000;
  background-color: #ffffff;
  background-image: url('kuvat/logotausta.gif');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

#opisto {
  left: 745px;
  width: 172px;
  height: 177px;
  margin: 0;
  padding: 0;
  float: left;
  color: #000000;
  background-color: #ffffff;
  background-image: url('kuvat/logotausta.gif');
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

#navi {
  width: 170px;
  height: 100%;
  min-height: 350px;
  margin: 10px 0 10px 12px;
  padding: 0;
  float: left;
  left: 0;
  text-align: left; /* IE6 */
}

#sisaltoKapea {
  left: 190px;
  width: 510px;
  margin: 0 0 20px 0;
  padding: 5px 0 5px 5px;
  float: left;
  text-align: left; /* IE6 */
}

#sisaltoOikea {
  left: 700px;
  width: 210px;
  margin: 0;
  padding: 5px;
  float: right;
  text-align: left; /* IE6 */
}

/* Käytetään kahden palstan sivuilla */
#sisaltoLevea {
  left: 190px;
  width: 700px;
  margin: 0 0 20px 0;
  padding: 5px 0 5px 5px;
  float: left;
  text-align: left; /* IE6 */
}

#alaosa {
  clear: both;
  width: 908px;
  height: 20px;
  margin: 0 0 0 1px;
  padding: 5px;
  font-size: 11px;
  color: #ffffff;
  background-color: #64a0e6;
  border: solid;
  border-color: #000000;
  border-width: 1px 1px 0 1px;
}

#designer {
  position: relative;
  width: 920px;
  clear: both;
  margin: auto;
  vertical-align: bottom;
  font: italic 11px Verdana, Helvetica, Arial, sans-serif;
  color: #999999;
  background-color: transparent;
}

/* vain sivulla: opisto/ajankohtaista */
.lohko {
  width: 100%;
  height: 270px;
  background-color: #ccffcc;
/*  border: 1px solid #4682b4;*/
}

.huomLaatikko {
  clear: both;
  margin: 0 5px;
  padding: 5px;
}

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

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

/* designer */
.vasenLohko {
  width: 450px;
  margin: 0;
  padding: 5px;
  float: left;
  text-align: left; /* IE6 */
}

.oikeaLohko {
  width: 450px;
  margin: 0;
  padding: 5px;
  float: right;
  text-align: left; /* IE6 */
}

table {
  font-size: 100%;
  border-width: 0;
}

td.teho {
  color: #000000;
  background-color: #ccffcc;
}

.vasenSisennys {
  padding-left: 2em;
}

.oikeaSisennys {
  padding-right: 2em;
}

.keskitys {
  text-align: center;
}

.oikea {
  text-align: right;
}

.vasen {
  text-align: left;
}

.stat {
  position: absolute;
  text-align: left;
  margin: 3px;
/*  color: #000000;
  background-color: transparent;*/
}

img {
  border-style: none;
}

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

img.paarakennus {
  margin-top: 2px;
}

img.kulma {
  margin: 2px 0 0 2px;
}

img.oikeakehys {
  float: right;
  border: 1px solid #000000;
  margin: 5px;
}

img.vasen {
  float: left;
  margin: 5px;
}

img.vasenkehys {
  float: left;
  border: 1px solid #000000;
  margin: 5px;
}

img.kehys {
  border: 1px solid #000000;
}

img.vasenkehys_lista {
  float: left;
  border: 1px solid #000000;
  margin: 5px 25px 5px 5px;
}

/* Navivalikko vasemmassa palstassa */
a.menu:link, a.menu:active, a.menu:visited, a.menu_i:link, a.menu_i:active, a.menu_i:visited {
  display: block; /* käyttäytyy kuin lohkotason elementti */
  padding-top: 4px;
  padding-right: 3px;
  padding-left: 3px;
  width: 141px;
  height: 21px;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background-color: #4682c8;
  margin: 1px;
}

a.menu:link, a.menu:active, a.menu:visited {
  letter-spacing: 0.1em;
}

a.menu:hover, a.menu_i:hover {
  color: #ffffff;
  background-color: #64a0e6;
}

#alinavi {
  margin-left: 20px;
}

/* Alinavivalikko oikeassa palstassa */
a.alimenu:link, a.alimenu:active, a.alimenu:visited {
  display: block; /* käyttäytyy kuin lohkotason elementti */
  color: #3f7dce;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

a.alimenu:hover {
  color: #ff9933;
  text-decoration: underline;
}

a:link, a:active, a:visited {
  color: #3f7dce;
  text-decoration: none;
}

a:hover {
  color: #ff9933;
  text-decoration: underline;
}

a.kiintea:link, a.kiintea:active, a.kiintea:visited {
  color: #ffffff;
  text-decoration: none;
}

a.kiintea:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  color: #990033;
  background-color: transparent;
}

h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 0.9em; }

li.ilmava {
  margin-top: 10px;
  margin-bottom: 10px;
}

p.irti {
  clear: both;
}

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

.pienempi {
  font-size: 12px;
  letter-spacing: normal;
  text-align: center;
}

.pieni {
  font-size: 75%;
}

.suuri {
  font-size: 125%;
}

.tehoste {
  color: #339999;
  background-color: transparent;
  font-weight: bold;
}

.harva {
  letter-spacing: 2px;
}

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

.nappi {
  font-family: Verdana, Arial, sans-serif;
}

a.jt:link, a.jt:active, a.jt:visited, a.jt:hover {
  color: #999999;
  background-color: transparent;
  text-decoration: none;
}