/* perho.org - cascade style sheet */

@media screen
{
  body
  {
    color:#000;
    background:#fff;
    text-align:left;
    font-family:sans-serif;
    margin:0;
    padding:0;
  }

  div#perus
  {
    color:#000;
    background:#fff;
    padding:0;
    /*margin:auto;*/
    margin-bottom:0;
    max-width:60em;
    min-width:20em;
  }

  h1
  {
    color:#21315a;
    background:#fff;
    font-size:400%;
    margin:0;
    padding:0.1em 0.4em;
    text-transform:lowercase;
    border-bottom:dotted #21315a 0.1em;
  }

  h2
  {
    font-size:140%;
    margin:0;
    padding:0.4em 0 0.2em;
  }

  h3
  {
    padding:0.4em 0 0.2em;
  }

  a:link
  {
    color:#6878a0;
    background:transparent;
  }

  a:hover
  {
    color:#fff;
    background:#6878a0;
  }

  a:visited
  {
    color:#001966;
    background:transparent;
  }

  a:visited:hover
  {
    color:#fff;
    background:#001966;
  }

  a.valikko:link
  {
    color:#6878a0;
    background:#fff;
  }

  a.valikko:hover
  {
    color:#fff;
    background:#6878a0;
  }

  a.valikko:visited
  {
    color:#001966;
    background:#fff;
  }

  a.valikko:visited:hover
  {
    color:#fff;
    background:#001966;
  }

  a.kuva:link
  {
    color:#6878a0;
    background:#fff;
  }

  a.kuva:hover
  {
    color:#6878a0;
    background:#fff;
  }

  a.kuva:visited
  {
    color:#001966;
    background:#fff;
  }

  a.kuva:visited:hover
  {
    color:#001966;
    background:#fff;
  }

  ul, ol
  {
    line-height:1.4em;
  }

  ul li
  {
    list-style-type:square;
  }

  ul.valikko
  {
    margin:0;
    padding:0.2em 0 0.1em 2em;
  }

  li.valikko
  {
    display:inline;
    list-style-type:none;
    padding:0.1em;
  }

  div#sisalto
  {
    margin-top:0.5em;
    margin-left:1em;
    margin-right:1em;
  }

  div#aika
  {
    color:#21315a;
    font-size:60%;
    margin-top:-2em;
    margin-right:1em;
    text-align:right;
    /*width:90%;
    max-width:92em;*/
  }

  p
  {
    text-align:left;
    margin:0.4em 0 0.5em;
  }

  p.muokattu
  {
    text-align:left;
    margin:0.4em 0 0.5em;
    font-size:80%;
  }

  address
  {
    margin-top:1em;
    padding-left:3em;
    padding-bottom:1em;
    font-size:75%;
    color:#21315a;
    background:#fff;
    font-style:italic;
    white-space:nowrap;
    border-top:dotted #21315a 0.53em;
    clear:both;
  }

 th
  {
    font-weight:bold;
    text-align:center;
  }

  table
  {
    border:none;
  }

  th,td
  {
    border:none;
  }

  table.taulu
  {
    border:solid black thin;
    border-collapse:collapse;
  }

  table.taulu th, table.taulu td
  {
    vertical-align:top;
    border:solid black thin;
    text-align:left;
    padding:0.1em;
  }

  table.taulu2
  {
    border-collapse:collapse;
  }

  table.taulu2 th
  {
    vertical-align:top;
    border-bottom:solid black 2px;
    text-align:left;
    padding:0.1em;
    padding-right:0.5em;
  }

  table.taulu2 td
  {
    vertical-align:top;
    border-bottom:dotted black thin;
    text-align:left;
    padding:0.1em;
    padding-right:0.5em;
  }

  table.taulu td.teksti
  {
    text-align:left;
  }

/*  td.foo
  {
    font-size:75%;
    color:#000;
    background:#d0dde1;
    border:none;
    text-align:left;
    vertical-align:top;
    width:12em;
  }

  td.foo2
  {
    font-size:75%;
    color:#000;
    background:#d6dfe8;
    border:none;
    text-align:left;
    vertical-align:top;
    width:12em;
  }

  td.foo:hover > div.piilo
  {
    display:block;
  }

  td.foo2:hover > div.piilo
  {
    display:block;
  }

  td.kello
  {
    width:1%;
    vertical-align:top;
    font-size:75%;
  }

  div.piilo
  {
    color:#000;
    background:#e0edf1;
    display:none;
    font-size:smaller;
    position:absolute;
    max-width:16em;
    padding:0.1em;
    border:solid thin black;
  }

  div.tiedot
  {
    font-size:smaller;
  }*/

  img.oikea
  {
    float:right;
  }

  pre.tiedosto, pre.komento
  {
    border:solid thin #ccc;
    background:#e9e9e9;
  }

}


@media print
{
  body
  {
    font-family:sans-serif;
    text-align:left;
    font-size:85%;
    line-height:1.3;
  }

  h1
  {
    font-size:400%;
    text-transform:lowercase;
  }

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

  ul.valikko
  {
    display:none;
  }

  li
  {
    list-style-type:square;
  }

  address
  {
    font-size:75%;
    font-style:italic;
    white-space:nowrap;
  }

  th
  {
    font-weight:bold;
    text-align:center;
    border:none;
  }

  table
  {
    border:none;
  }

  td.foo
  {
    font-size:75%;
    border:solid thin;
    text-align:left;
    vertical-align:top;
  }

  td.foo2
  {
    font-size:75%;
    border:solid thin;
    text-align:left;
    vertical-align:top;
  }

  td.kello
  {
    width:1%;
    vertical-align:top;
    font-size:75%;
  }

  td.tyhja
  {
    border:none;
  }

  div.piilo
  {
    display:none;
  }

  div.tiedot
  {
    font-size:smaller;
  }

  table.taulu
  {
    border:solid black thin;
    border-collapse:collapse;
    page-break-inside:avoid;
  }

  table.taulu th, table.taulu td
  {
    vertical-align:top;
    border:solid black thin;
    text-align:center;
  }

  table.taulu td.teksti
  {
    text-align:left;
  }

  img.oikea
  {
    float:right;
  }

  pre.tiedosto
  {
    border:solid thin #ccc;
  }

  p.muokattu
  {
    text-align:left;
    margin:0.4em 0 0.5em;
    font-size:80%;
  }

}