body                { font-family: gill, helvetica, sans-serif; color: #000000;
                      background: #aaaaaa url(tausta.jpg); }

h1, h2, h3, h4, h5, h6     { font-weight: normal; padding: 0.1em; border: none; margin: 0;
                             background-color: transparent; color: black; }
h1                  { font-size: 240%; color: #ffffff; background-color: #0055A8;
                      text-align: center; }
h2                  { font-size: 160%; color: #440066; padding: 0; }
h3                  { font-size: 140%; color: #ffffff; background-color: #3886D4;
                      margin-top: 1em; }
h3.tiukka           { margin-top: 0; text-align: center; }
h4                  { font-size: 140%; color: #000066; margin-bottom: 0; }
h4.keski            { text-align: center; }
h5                  { font-size: 120%; color: #000066; margin-top: 0.2em; margin-left: -0.15em; }
h6                  { font-size: 100%; color: #000066; font-weight: bold; margin-top: 0.2em; }

div                 { padding: 0.3em; }
div.java            { padding: 0.3em; margin: 1em; background-color: #ffffff; }
div.esittelyteksti  { padding: 1.5em; color: #000000; background-color: #A9C8E7; }
div.tausta          { padding: 0 0 0.2em 0; margin-left: 3%; margin-right: 3%; background-color: #A9C8E7;
                      border: solid 5px #6666aa; }
div.taustaiso       { padding: 1.5em 2.5em 1.5em 2.5em; margin-left: 5%; margin-right: 5%; background-color: #A9C8E7;
                      border: solid 5px #6666aa; }
div.vasen           { float: left; padding: 1em 1em 0 1em; }
div.vasenyla        { float: left; padding: 0 1em 0 1em; }
div.vas             { float: left; padding-left: 0; margin-right: 3em; }
div.oik             { float: right; margin: 0 1em 0 1em; padding: 0; }
div.oikblu          { float: right; margin: 0; padding: 0.5em; background-color: #c3ffc7; }
div.haut            { padding: 0.3em 0 0.3em 0; margin: 0; }
div.vasu            { clear: left; padding: 0.5em 0 0 0; }
div.pikalinkit      { padding: 1em; clear: left; }
div.historia        { padding: 1em 1em 2em 1em; }
div.loppu           { padding: 0; margin-left: auto; margin-right: auto; text-align: center; }
div.navi            { padding: 0.2em 0.5em 0 0.5em; margin-left: 7%; }
div.navi em         { background-color: #6666aa; color: #ffffff; font-style: normal;
                      padding: 0.2em 0.5em 0.2em 0.5em; line-height: 1.3em; }
div.pvm             { padding: 0 8% 0 0; float: right; margin-right: 0; margin-top: 0.3em; color: #ffffff; }
div.info            { border: dashed 0.1em #8888bb; padding: 0.5em; background-color: #f9e0ff; }

div.kuva            { border: solid 5px #6666aa; background-color: #a9c8e7; padding: 0;
                      margin-left: 3%; margin-right: 3%; }
div.kuva p          { background-color: #3886d4; color: #ffffff;
                      padding: 0.2em 0 0.2em 0;
                      font-weight: normal; font-style: normal; text-align: center;
                      margin-top: 3em; margin-bottom: 3em; }
div.kuva img        { float: left; border: solid 10px #ffffff; }

div.alaviiva        { border-bottom: dotted 2px #6666aa; }

table               { border-collapse: collapse; padding: 0; margin-right: 0.5em; margin-left: 0.5em; }
table.kavennus, table.kaytto      { margin-right: 0.7em; margin-left: 0.7em; }
table.kaytto th     { border-left: solid 2px #999999; border-bottom: solid 2px #999999;
                      border-right: solid 2px #999999; font-weight: normal; padding: 0.5em; }
table.keski         { margin-right: auto; margin-left: auto; }
caption             { font-size: 140%; color: #ffffff; background-color: #3886D4; margin: 0; }
tr                  { border: none; padding: 0; }
td                  { border: none; padding: 0.5em; background-color: #ffffff; }
td.sini             { background-color: #A9C8E7; }
td.eiwrap           { padding: 0 1em 0 0; white-space: nowrap; border-bottom: none; }
td.kapea            { width: 35em; }
th                  { padding: 0.5em; background-color: #ddddff; font-weight: normal; }
table.tiukka th     { padding: 0; margin: 0; border: none; text-align: left; vertical-align: bottom; }
table.tiukka td     { padding: 0; margin: 0; border: none; vertical-align: bottom; background-color: transparent; }
table.tiukka        { border-collapse: collapse; margin: 0; padding: 0; border: none; }
table.haut          { margin: 0; border: none; }
table.haut tr, table.haut td, table.haut th { border: none; margin: 0; padding: 0; }
table.haut tr       { border-bottom: solid #ffffff 1em; }
table.haut td       { padding-right: 0.5em; }

div.tiukka          { margin: 0; padding: 0; border: none; }

ul                  { margin-bottom: 0; margin-top: 0; padding-top: 0; }

p                   { margin: 0; padding: 1em;}
p.alku              { font-weight: bold; margin-left: 0; background-color: #dddddd; padding: 0.5em; }

.kesa               { background-color: #55CC88 }
.syksy              { background-color: #cc8855 }
.talvi              { background-color: #EEF1F6 }
.tummempi           { background-color: #9999ff }
.tumma              { background-color: #bbbbff }
.valko              { background-color: #ffffff }
.vaalea             { background-color: #ddddff }
.vaaleampi          { background-color: #eeeeff }
.vaaleampiv         { background-color: #ffffff }
.vaaleav            { background-color: #ffffff }
.tummav             { background-color: #ffffff }
.tummempiv          { background-color: #ffffff }
.tummak             { background-color: #ffe9ad }
.vaaleak            { background-color: #fffece }

a img               { background-color: transparent; border-bottom: solid 6px; vertical-align: text-bottom; }
a:link img          { border-color: #7777ee }
a:visited img       { border-color: #bb66dd }
a:active img        { border-color: #009977 }
a:link, a:link h2                { color: #000088 }
a:visited, a:visited h2          { color: #660088 }
a:active, a:active h2            { color: #005522 }
div.navi a:link, h3 a:link       { color: #ffffff }
div.navi a:visited, h3 a:visited { color: #ffffff }
div.navi a:active, h3 a:active   { color: #ffffff }

a:hover             { text-decoration: overline; }
a:hover img         { border-bottom: solid 6px; border-color: transparent; }
a:link:hover        { color: #4444dd }
a:visited:hover     { color: #aa00cc }
a:active:hover      { color: #007744 }
div.navi a:link:hover, h3 a:link:hover       { color: #ccccff }
div.navi a:visited:hover, h3 a:visited:hover { color: #ffccee }
div.navi a:active:hover, h3 a:active:hover   { color: #ccffcc }

form                { margin: 0.2em 0 0.2em 0; padding: 0; border: none; display: inline; }
input               { margin: 0; padding: 0; background-color: #eeeeff;
                      border: solid 2px #6666ff; }
input.nappula       { margin: 0; padding: 0; background-color: #5555dd; color: #ffffff;
                      border-top: solid 3px #bbbbee; border-bottom: solid 3px #222277;
                      border-left: solid 3px #bbbbee; border-right: solid 3px #222277; }
img                 { border: none; padding: 0; margin: 0; background-color: transparent; }
img.keski           { vertical-align: middle; }
submit              { vertical-align: middle; }
select              { background-color: #eeeeff; border: solid 1px #6666ff; }

hr                  { border-top: solid 2px #bbbbbb; border-bottom: solid 2px #444444;
                      border-left: solid 3px #bbbbbb; border-right: solid 3px #444444;
                      width: 50%; height: 6px; color: #777777;
                      margin-left: auto; margin-right: auto;
                      background-color: #777777; }