body {
  margin: 0 0 15px 0;
  background: url(kuvat/body_bg.jpg) repeat-x #e5e6e7;
}

/* RAKENNE */

div#main {
  background: url(kuvat/main_bg.jpg) repeat-y #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

div#otsikko {
  width: 800px;
  height: 181px;
}

div#navigointi {
  background: url(kuvat/leiska_02.jpg) no-repeat transparent;
  width: 196px;
  float: left;
}

div#teksti {
  width: 589px;
  float: left;
  min-height: 400px;
}

div#oikea {
  width: 15px;
  float: left;
}

div#ala {
  width: 800px;
}

/* LOGIN */

div#login {
  width: 164px;
  position: relative;
  background: transparent;
  margin: 0 15px;
  padding: 2px 8px;
}

#login p {
  font-size: 12px;
  font-family: arial, verdana;
  color: #e1e1e0;
}

#login input {
  background: #356985;
  border: solid 1px #315b77;
  color: #e1e1e0;
}

#login input:focus {
  background: #2f556e;
}

/* NAVIGOINTI */

#navigointi ul {
  padding: 0;
  margin: 0;
  text-align: left;
}

#navigointi ul li { 
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}

#navigointi a {
  display: block;
  text-decoration: none;
  margin: 10px 17px;
  padding: 5px 18px;
  color: #c6d1dc;
  background: #416983;
  font-weight: bold;
  font-family: arial, serif;
  font-size: 11pt;
}

#navigointi a:hover {
  background: #2f5771;
  color: #e1e1e0;
}

/* ALANAVIT */

table.navi2 {
  width: 588px;
  background: #bcc8cf;
  margin: 0px 1px;
  padding: 0;
}

table.navi2 td {
  vertical-align: top;
  padding: 3px;
  font-size: 12px;
}

td.sub1 {
  background: #c6d1dc;
}

td.sub2 {
  background: #e9eff4; 
}


table.navi2 a {
  color: #1f4660;
  text-decoration: none;
}

table.navi2 a:hover {
  color: #000;
}

/* LEIPÄTEKSTI */

#teksti h1 {
  font-family: arial, verdana;
  font-size: 18px;
  letter-spacing: 4px;
  font-variant: small-caps;
  color: #1f4660;
  border-bottom: dashed 1px #2f556f;
  margin: 40px 15px 23px 15px;
  padding: 5px 30px;
}

#teksti h1:first-letter {
  color: #6090c1;
}

#teksti h2 {
  font-family: arial, verdana;
  font-size: 17px;
  letter-spacing: 4px;
  font-variant: small-caps;
  color: #6090c1;
  border-bottom: dashed 1px #2f556f;
  margin: 20px 30px;
  padding: 5px 40px;
}

#teksti h3 {
  font-family: arial, verdana;
  font-size: 16px;
  letter-spacing: 4px;
  font-variant: small-caps;
  color: #6090c1;
  border-bottom: dashed 1px #2f556f;
  margin: 20px 40px;
  padding: 5px 50px;
}

#teksti p, td {
  margin: 13px 7px;
  color: #1f4660;
  font-size: 15px;
  text-align: justify;
  font-family: arial, verdana;
}

#teksti p.lista {
  margin-left: 30px;
}

#teksti a {
  color: #000;
}

#teksti a:hover {
  color: #fff;
  background: #1f4660;
  text-decoration: none;
}

/* TAULUKKO */

#teksti table.sivu {
  margin-left: auto;
  margin-right: auto;
  background: #c6d1dc;
  padding: 1px;
  width: 550px;
}

#teksti td.sivu {
  background: #e9eff4; 
  padding: 2px 7px;
  vertical-align: top;
}