body {
 color: #000000;
 background-color: #ffffff;
 font-family: verdana, sans-serif;
}
div.tausta {
 background-color: #ffffff;
}
h1 {
 font-size: 2em;
 margin-left: 1.5em;
 margin-top: 1.1em;
 margin-bottom: 1.1em;
}
h2 {
 font-size: 1.5em;
 margin-left: 1em;
 margin-top: 1.5em;
 margin-bottom: 1.2em;
}
h3 {
 font-size: 1.2em;
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 1em;
 margin-bottom: 1em;
}
p {
 font-size: 1em;
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 1em;
 margin-bottom: 1em;
}
li {
 font-size: 1em;
 margin-left: 1em;
 margin-top: 0em;
 margin-bottom: 0em;
}
small {
 font-size: 0.7em;
}
table {
 margin-top: 0em;
 margin-bottom: 0em;
 margin-left: 0em;
 margin-right: 0em;
}
a:link {
 color: #7f7fdf;
}
a:visited {
 color: #3f3faf;
}
a:active {
 color: #9f4fdf;
}
a:hover {
 color: #0000ff;
 text-decoration: underline;
}
a:link.men {
 font-weight: bold;
 font-size: 1.4em;
 text-decoration: none;
 color: #2f2f9f;
 background-color: #b7b7ff;
 border-style: solid;
 border-color: #efefff #b7b7ff #3f3faf #b7b7ff;
 border-width: 2px;
 margin-top: 0.5em;
 margin-left: 1em;
}
a:visited.men {
 font-weight: bold;
 font-size: 1.4em;
 text-decoration: none;
 color: #2f2f9f;
 background-color: #b7b7ff;
 border-style: solid;
 border-color: #efefff #b7b7ff #3f3faf #b7b7ff;
 border-width: 2px;
 margin-top: 0.5em;
 margin-left: 1em;
}
a:active.men {
 font-weight: bold;
 font-size: 1.4em;
 text-decoration: none;
 color: #1f1f8f;
 background-color: #a7a7ff;
 border-style: solid;
 border-color: #3f3faf #a7a7ff #efefff #a7a7ff;
 border-width: 2px;
 margin-top: 0.5em;
 margin-left: 1em;
}
a:hover.men {
 font-weight: bold;
 font-size: 1.4em;
 text-decoration: none;
 color: #1f1f8f;
 background-color: #a7a7ff;
 border-style: solid;
 border-color: #3f3faf #a7a7ff #efefff #a7a7ff;
 border-width: 2px;
 margin-top: 0.5em;
 margin-left: 1em;
}
a:link.nappi {
 font-weight: bold;
 font-size: 0.9em;
 text-decoration: none;
 color: #2f2f9f;
 background-color: #b7b7ff;
 border-style: solid;
 border-color: #cfcfef #b7b7ff #3f3faf #b7b7ff;
 border-width: 2px;
}
a:visited.nappi {
 font-weight: bold;
 font-size: 0.9em;
 text-decoration: none;
 color: #2f2f9f;
 background-color: #b7b7ff;
 border-style: solid;
 border-color: #cfcfef #b7b7ff #3f3faf #b7b7ff;
 border-width: 2px;
}
a:active.nappi {
 font-weight: bold;
 font-size: 0.9em;
 text-decoration: none;
 color: #1f1f8f;
 background-color: #a7a7ff;
 border-style: solid;
 border-color: #3f3faf #a7a7ff #cfcfef #a7a7ff;
 border-width: 2px;
}
a:hover.nappi {
 font-weight: bold;
 font-size: 0.9em;
 text-decoration: none;
 color: #1f1f8f;
 background-color: #a7a7ff;
 border-style: solid;
 border-color: #3f3faf #a7a7ff #cfcfef #a7a7ff;
 border-width: 2px;
}
p.kok {
 text-align: center;
 background-color: #ffffff;
 margin-top: 0em;
 margin-left: 0em;
 margin-right: 0em;
 margin-bottom: 0em;
}
img.kulma {
 vertical-align: top;
}
p.copy {
 font-size: 0.8em;
 margin-top: 2em;
 margin-bottom: 0em;
}
p.menu {
 background-color: #c4c4ff;
 width: 100%;
 margin-top: 0.5em;
 margin-left: 0em;
 margin-right: 0em;
 margin-bottom: 0.5em;
}
p.boksi {
 margin: 1em;
}
div.laatikko {
 background-color: #efefff;
 border-width: 1px;
 border-style: solid;
 border-color: #7f7faf;
}
div.paa {
 font-family: verdana, sans-serif;
 margin-left: 2em;
 margin-right: 2em;
}
div.otsikko {
 height: 120px;
 margin-left: 2em;
}
div.oikea {
 float: right;
 width: 30%;
}
div.oikeasini {
 float: right;
 width: 30%;
 font-size: 0.8em;
 background-color: #c4c4ff;
 font-family: "courier new";
 vertical-align: top;
 margin-left: 2em;
 margin-bottom: 2em;
}
span.vihr {
 color: #009f00;
}
span.puna {
 color: #ff0000;
}