/* it2008 CSS2 tyylisivu - TKK/atk-keskus - 2008-03-04 */
/* IE imee. Hanki selain. Sorry. */

/*** DIVS ***/
html, body, #wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
html>body, html>body #wrapper {
  height: auto;
}
div#wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
div#header, div#footer {
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 2;
  width: 100%;
  left: 0;
  border-style: solid; 
  border-color: #faf4e6;
}
div#header {
  top: 0;
  min-height: 1.5em;
  color: #ffffff;
  text-align: left;
  background-color: #5b5a73;
  border-width: 0 0 3px 0;
}
div#footer {
  position: absolute;
  bottom: 0;
  clear: both;
  min-height: 1em;
  text-align: right;
  background-color: #e7ecd6;
  border-width: 3px 0 0 0; 
}

div#main {
  z-index: 1;
  margin: 0 auto;
  padding: 1em;
  text-align: left;
}

body { 
  background-color: #faf4e6;
  font-family: "bitstream vera sans", verdana, sans-serif; 
  font-size: 100%;
  font-weight: normal;
}


/*** CHARS ***/
h1 {
  font-family: "palatino linotype", palatino, "bitstream vera serif", serif;
}
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; }

h1 { margin-top: 0;      margin-bottom: 0.33em; font-size: 130%; }
h2 { margin-top: 0.33em; margin-bottom: 0.33em; font-size: 115%; }
h3 { margin-top: 0.50em; margin-bottom: 1.00em; font-size: 100%; }

p     { padding: 0; margin: 0 0 0.66em 0; }
p.hdr { padding: 0.33em 1em; margin: 0; font-size: 100%; }
p.foot { padding: 1px 2px; margin: 0; font-size: 80%; }
p.close { text-align: center;
  padding: 0.5em 0 2em 0; margin: 0; font-size: 125%; }

.hdroma { color: #bfc9a0; }
a       { text-decoration: none; color: #cc6410; }
a:hover { text-decoration: underline; color: #800000; }
a.hdr   { text-decoration: none; color: #ffffff; }
a:hover.hdr { color: #eba600; }
a:active { outline: none; }
a:focus { outline: none; text-decoration: underline; }

pre { margin: 0 1.5em 0.66em 1.5em; }
del { text-decoration: line-through; color: #800000; }

hr  { padding: 0;
      margin: 1em 6em 1px 1em;
      border-style: none; height: 1px;
      color: #ea7612; background: #ea7612; }

address { 
  text-decoration: none; 
  font-size: 80%; 
  font-style: normal; 
}

/*** MEDIA ***/
@media print {
  html, body, #wrapper {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
  }
  html>body, html>body #wrapper {
    height: auto;
  }
  div#wrapper {
    position: relative;
    height: auto;
    top: 0;
    left: 0;
  }
  div#header, div#footer {
    background-color: white;
    color: black;
  }
  div#main {
    width: auto;
    height: auto;
    top: 0;
    margin: 0;
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
  }
  body { 
    padding-top: 0; 
    font-family: "electra lh regular", "electra lh", electra, "palatino linotype", palatino, "bitstream vera serif", serif;
    font-size: 11pt;
    background-color: white;
  }
  h1,h2 {
    font-family: "bell gothic bold", "bell gothic std bold", "bell gothic std", "bell gothic", bellgothic, tahoma, "bitstream vera sans", sans-serif;
  }
  p { text-align: justify; }
  a { text-decoration: underline; color: black; }
}


/*** EOF ***/