body {
  font-family: Arial, sans-serif;
  margin: 1em;
  font-size: 10pt;
  max-width: 50em;
}

h1 {
  text-align: center;
  font-size: 200%;
}

h2 {
  border-bottom: 1px solid #999;
  font-size: 150%;
}

a {
  text-decoration: none;
  color: #f93;
}

em {
  font-style: normal;
  font-weight: bold;
}

p {
  text-align: justify;
}

table.rauta,
table.jasenet {
    text-align: left;
}

table.rauta th {
    padding: 5px;
}

table.rauta td.maara {
    text-align: center;
}

.pagedate, .actions {
  font-size: 80%;
}

@media screen { 
  html, body {
    background-color: #333;
    color: #DDD;
  }

  a:hover {
    text-decoration: underline;
  }

  a:focus {
    color: #cccccc;
  }

  img {
    border: 1px solid #666666;
  }

  a:focus img {
    border: 1px solid #cccccc;
  }

  img:hover, a:focus img:hover {
    border: 1px solid #ff8800;
  }

  .actions ul {
    border-bottom: solid 1pt #DDD;
  }

  #pageinfo {
    border-top: solid 1pt #DDD;
  }
}

@media print {
  a:after {
    font-size: 80%;
    font-style: italic;
    content: " [link: " attr(href) "]";
  }
}