BODY { background-color: #d8d8d8;
       color: #000000;
       font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
       font-weight: lighter;
       text-align: center; }

I { text-decorating: italic; }

p { 
font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;line-height: 1.5em; }

TD { font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
     font-weight: 100;
     text-align: center;
     padding-bottom: 4px;
     border-right: solid black 1px; 
     border-bottom: solid black 1px;
     font-size: .9em 
     vertical-align: middle; }

TD.catnro a { display: block; vertical-align: inline; }

TD.puhdas { font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
     font-weight: 100;
     text-align: center;
     padding-left: 1em;
     padding-right: 1em;
     line-height: 1.2em;
     border: none;
     font-size: .9em
     vertical-align: middle; }

TH { padding: .5em; 
     text-align: center; 
     border: solid black 2px; 
     background: #ffffff; 
     color: #000000; }

TH.levyn_nimi { background-color: #ffffff;
     color: #000000;
     text-align: center;
     padding: .5em;
     border: solid black 2px;
     vertical-align: middle; }

TH.otsikkorivi { font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
     font-weight: bold;
     text-align: center;
     padding: 0em 1em 0em 1em;
     border: solid black 2px;
     border-width: 0px 2px 2px 0px;
     background: transparent;
     color: #000000;
     vertical-align: middle; }

LI { line-height: 1.2em; }

A { font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
          color: #000000;
          background: transparent; 
          font-weight: bold;
          text-decoration: none; }

A:hover { font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    background: #000000; }

h3 { margin: .5em;
     background: #ffffff;
     color: #000000;
     vertical-align: middle; }

h4 { padding-top: 1em; }

h4:hover { background: #ffffff; color: #000000; }

h4:before {content: "~ "}

div.laatikko { text-align: center;
             border: solid;
             border-width: 2px;
             border-color: #000000;
             color: #000000;
             background: #ffffff;
             padding: .5em 1em 1em .5em;
             margin-bottom: 1em; }

B { font-weight: bold; }

PRE { font-size: 1em; 
      text-align: left;}

TABLE { margin-bottom: 4em;
        width: 90%; }

div.footer { background: #ffffff; color: #000000; text-align: center; vertical-align: middle; border: 2px solid black; }

div.footer p { font-size: .7em; line-height: 1.1em; margin: 0px; padding: 5px; }

td a { width: 100%; padding: 0; vertical-align: middle; }
td a:hover { vertical-align: middle;
             background: #000000;
             color: #ffffff; }