/*************** Muokattu viimex 20-02-2009 ***************/

body {
  color: #000000;
  background-color: #ffffff;
  background-image: url('img/bg.gif');
  font-family: Verdana, Arial, Helvetica, Tahoma, Serif;
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px;
}

table {
  color: #000000;
  background-color: #ffffff;
  border-width: 0px;
  font-family: Verdana, Arial, Helvetica, Tahoma, Serif;
  font-size: 100%;
  border-width: 0;
}

/*************** muotoilematon teksti ***************/
pre {
  font-size: 12px;
}


/*************** tekstin värit ja tehoste ***************/
.red {
  color: #ff0000;
  background-color: transparent;
}

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

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

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

.small_w {
  color: #ffffff;
  background-color: transparent;
  font-size: 85%;
}

.small {
  font-size: 85%;
}

.teho {
  font-weight: bold;
  color: #006698;
  background-color: transparent;
}

.nowrap { white-space: nowrap; }

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


/*************** otsikot ***************/
h1,h2,h3,h4,h5 {
  margin: 1em 0;
  /*text-align: center;*/
  color: #006698;
  background-color: transparent;
}

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


/*************** kappale **************
p {
  margin: 3px 3px 3px 3px;
}*/


/*************** linkit ***************/
a:link {
  color: #0000ff;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #6666ff;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #ff0000;
  background-color: #ffff00;
  text-decoration: underline overline;
}

a:hover {
  color: #0000ff;
  background-color: #ffff00;
  text-decoration: underline overline;
}

a.valikko,a.valikko:active,a.valikko:visited {
  color: #ffffff;
  background-color: transparent;
  font-weight: bold;
  padding-left: 5px;
}

a.valikko:hover {
  color:  #ffffff;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
}

a.alivalikko,a.alivalikko:active,a.alivalikko:visited {
  color: #ffff00;
  background-color: transparent;
  font-weight: bold;
}

a.alivalikko:hover {
  color:  #ffffff;
  background-color: transparent;
  text-decoration: none;
}

a.valk,a.valk:active,a.valk:visited {
  color: #ffffff;
  background-color: transparent;
}

a.valk:hover {
  color:  #ffffff;
  background-color: transparent;
  text-decoration: none;
}


/*************** lista, vaakaviiva ***************/
li {
  margin-top: 3px;
  margin-right: 3px;
  margin-left: 3px;
}

/*************** reunaviivat, värit ***************/
.kehys {
  border: 1px solid #006698;
}

.ylataulu {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #006698;
  padding: 0;
  color: #000000;
  background-color: #006698;
}

.valitaulu {
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #006698;
  padding: 0 10px;
}

.alataulu {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #006698;
}

.tausta {
  color: #ffffff;
  background-color: #006698;
}

.nobg {
  color: #000000;
  background-color: #ffffff;
  background-image: none;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.otsikko {
  color: #ffffff;
  background-color: #669999;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #000000;
  font-weight: bold;
  text-align: center;
}

.aliotsikko {
  color: #ffffff;
  background-color: #7ab9b9;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #000000;
  font-weight: bold;
  text-align: center;
}


/*************** kuvat ***************/
img {
  border-width: 0px;
  border-style: hidden;
}

img.right {
  border: none;
  float: right;
}

img.border {
  border-width: 3px;
  border-style: double;
  border-color: #006698;
}

img.border2 {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

img.borderright {
  border-width: 3px;
  border-style: double;
  border-color: #006698;
  float: right;
  margin: 2px;
}

img.loose {
  padding: 5px;
}

.jokkis {
  background-image: url("img/jokkis.jpg");
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

.ruutu {
  background-image: url("img/ruudut.gif");
}

/*************** lomake ***************/
form, select {
  font-family: Verdana, Arial, Helvetica, Tahoma, Serif;
  font-size: 13px;
  color: #000000;
  background-color: #ffffff;
}

button {
  font-family: Verdana, Arial, Helvetica, Tahoma, Serif;
  font-size: 13px;
  text-align: center;
  width: 115px;
  /*color: #000000;
  background-color: #ffffff;*/
}

.kuulto {
  color: #000000;
  background-color: transparent;
}


/*************** web-design start ***************/
.designer {
  color:  #c0c0c0;
  background-color: transparent;
}

.small2 {
  color:  #c0c0c0;
  font-size: 11px;
  font-style: italic;
  background-color: transparent;
}

a.jt:link,a.jt:active,a.jt:visited,a.jt:hover {
  color: #c0c0c0;
  font-size: 11px;
  font-style: italic;
  text-decoration: none;
  background-color: transparent;
}
/*************** web-design end ***************/