/*
 * $Id: main.css,v 1.15 2005/10/25 17:54:09 mtreinik Exp $
 */

body {
  margin: 0em 0.5em 0em 0.5em;
  color: black;
  background: white;
}

a {
  text-decoration: none;
  font-weight: bold;  
}

a:hover {
  text-decoration: underline;
}

/*
 * Erityyppiset tekstit ja otsikot
 */

h1,h2,h3,h4,h5,p,dl,ul,ol,textarea,select,input {
  font-family: serif;
}

ul.laatikko {
  margin: 0.5em 0.5em 0em 1em;
}

ul.etusivu {
  margin: 0.5em 0.5em 0em 1em;
}

p,dl,ul,ol {
  margin-left: 6%;
  margin-right: 6%;
}

ul.sivukartta {
  margin-right: 0.5em;
}

p.virhe {
  color: red;
  font-size: large;
}

h1 {
  font-size: x-large;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
}

h2, span.h2font {
  font-size: large;
  margin-left: 0%;
  font-weight: bold;
}

h2.inline {
  display: inline;
}

h3 {
  font-size: large;
  margin-left: 3%;
  font-weight: normal;
}

h4 {
  font-size: medium;
  margin-left: 6%;
  font-weight: bold;
}

h5 {
  font-size: medium;
  margin-left: 6%;
  font-style: italic;
}

div.sanat {
  border: none;
  font-style: italic;
  margin-left: 10%;
}

div.viimeisinmuutos {
  clear: both;
  padding: 0.5em;
  text-align: center;
  font-style: italic;
  font-size: small;
}

div.mari {
  color: #060;
}

div.mikko {
  color: #660;
}

div.elli {
  color: #600;
}

div.emma {
  color: #006;
}

div.other {
  color: #666;
}


/*
 * Päänavigaatioelementit
 */

div.navigaatio {
  margin: 1em 0em 0.5em 0em;
  padding: 0.5em 0.5em 0.5em 5em;
  text-align: center;
  clear: both;
  background: #efe;
  border: 1px solid;
}

div.navigaatio a {
  text-decoration: none;
  font-weight: normal;
}

div.navigaatio a:hover {
  text-decoration: underline;
}

div.prevnext {
  font-style: italic;
}

div.prevnext a {
  font-weight: normal;
}

div.sivuhierarkia {
  font-style: italic;
}

div.sivuhierarkia a {
  font-weight: normal;
}

/* logon sijainti */
div.logo {
  position: absolute; 
  top: 0.5em; 
  left: 1em;
}

/* logo-kuvan kehyksen määrittely */
img.logo {
  border: 1px solid; 
  border-color: black;
}

div.navigaatiovasen {
  float: left;
  margin: 0px 0px 0px 0px;
}

div.navigaatiooikea {
  float: right;
  margin: 0px 0px 0px 0px;
}

div.sivunavi {
  padding: 0.5em 0.5em 0.5em 0.5em;
  clear: left;
  text-align: center;
  line-height: 2em;
}

div.sivunavi a {
  text-decoration: none;
  font-weight: normal;
}

div.sivunavi a:hover {
  text-decoration: underline;
}

span.sivu {
  margin: 0em 1em 0em 1em;
  padding: 0.25em;
}

/*
 * Kuvasivut
 */
div.kuvanavigaatio {
  padding: 0.5em;
  text-align: center;
}

div.kuvaus {
  margin: 1em 0em 0em 0em;
  text-align: center;
}

div.paivays {
  margin: 1em 0em 0em 0em;
  text-align: center;
}

div.tekniikka {
  text-align: center;
}

div.avainsanat {
  text-align: center;
  font-style: italic;
}

div.kuva {
  margin: 1em 0em 0em 0em;
  text-align: center;
}

div.kelluvakuva {
  margin: 0em 0.5em 0.5em 0.5em;
  float: left;
  font-style: italic;
}

div.yksityinenkuva {
  margin: 1em 0em 0em 0em;
  text-align: center;
  border: 15px solid;
  border-color: black;
  background: gray;
}

span.kuvakokovalittu {
  font-weight: bold;
}

div.copyright {
  text-align: center;
  font-style: italic;
  font-size: small;
}

/*
 * Päiväkirja
 */
div.paivakirjasiirry {
  margin: 0em 0.5em 0.5em 0.5em;
  float: right;
  background: #efe;
  padding: 0.5em;
}

span.paivakirjamuokkaa {
  padding: 0em 1em 0em 2em;
}

/*
 * Asettelu
 */

div.clearleft {
  clear: left;
}

div.clearright {
  clear: right;
}

div.clearboth {
  clear: both;
}

div.muutkielet {
  position: absolute;
  top: 1.5em;
  left: auto;
  right: 1.5em;
}

div.muutkielet a {
  text-decoration: none;
  font-weight: normal;
}

div.muutkielet a:hover {
  text-decoration: underline;
}

div.private {
  font-size: small;
  padding: 0.5em;
  border: 1px solid;
  float: left;
/*  position: absolute;
  top: 4.5em;
  left: auto;
  right: 1em;*/
  background: #eee;
}

div.sanatoikea {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: right;
  font-style: italic;
}

div.keski {
  text-align: center;
}

div.sanatvasen {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: left;
  font-style: italic;
}

div.sanatkeski {
  font-style: italic;
}

div.inserttioikea {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: right;
  font-style: italic;
  width: 40%;
}

div.inserttivasen {
  padding: 0.5em;
  border: 1px solid;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: left;
  font-style: italic;
  width: 40%;
}

div.paivakirjavasen {
  clear: left;
  margin: 0em 0.5em 0.5em 0.5em;
  float: left;
}

div.paivakirjaoikea {
  clear: right;
  margin: 0em 0.5em 0.5em 0.5em;
  float: right;
}

div.vasen {
  margin: 0em 0.5em 0.5em 0.5em;
  float: left;
}

div.oikea {
  margin: 0em 0.5em 0.5em 0.5em;
  float: right;
}

div.vasenpalsta {
  margin: 0em 0em 0em 0em;
  float: left;
  width: 49%;
}

div.oikeapalsta {
  margin: 0em 0em 0em 0em;
  float: right;
  width: 49%;
}

div.kuvarivi {
  padding: 1em;
  clear: left;
  text-align: center;
}

span.kuva {
  padding: 0.5em;
/* seuraava saa vanhan IE:n laittamaan kuvat muun sisällön päälle: */
/*  line-height: 3em;*/
}

/*
 * Sekalaiset
 */

h3.vieraskirjaotsikko {
  background: #efe;
}

div.vieraskirjavastaus {
  color: #c60;
}

h3.uuttaotsikko {
  background: #efe;
}

img {
  border-color: gray;
}

div.laatikko {
  padding: 0.5em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  background: #efe;
}

div.laatikko2 {
  padding: 0.5em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  background: #efe;
}

div.laatikkovasen {
  padding: 0.5em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: left;
  background: #efe;
}

div.laatikkooikea {
  padding: 0.5em;
  border: solid 1px;
  margin: 0.5em 0.5em 0.5em 0.5em;
  float: right;
  background: #efe;
}

pre {
  margin-left: 6%;
  font-family: monospace;
  font-weight: bold;
  white-space: pre;
}

pre.code {
  border: none;
  background: #cff;
  padding: 0.5em;
}

pre.file {
  border: none;
  background: #0ff;
  padding: 0.5em;
}

pre.esim {
  border: none;
  background: #fcf;
  padding: 0.5em;
}

pre.huono {
  color: maroon;
}


dt {
  margin-top: 1em;
}

dd {
  margin-left: 1em;
}

div.heleriina p {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 0em;
  margin-bottom: 0em;
  text-indent: 1em;
}

div.heleriina h2 {
  text-align: center;  
}

div.navi {
  background: #efe;
  margin: 0.5em;
  padding: 0.5em;
  line-height: 1.5em;
  border: 1px solid black;
}

div.navi a {
  text-decoration: none;
  font-weight: normal;
}

div.navi a:hover {
  text-decoration: underline;
}

div.navi h2 {
  margin: 0em;
  font-size: large;
}

/*div.navi ul {
  padding: 0em;
  list-style-type: none;
}*/

div.navi ul {
  margin: 0em;
  list-style-type: disc;
  padding: 0em 0em 0em 1.5em;
}

.hidden_link a {
  text-decoration: none;
  font-weight: normal;
}

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