body {
background: #7FA2FE url(tausta_ruusu2.jpg) 0 0 no-repeat fixed;  /*#7D9FFF #333366; #B7CEF1;#9EBDEC; #C6D3FF;#E0EAFA; #6899E2; url(tausta_perh.gif) 50% 0;*/ /* taustaväri */
padding: 0;
margin: 0;
font-family: Verdana, Arial, sans-serif;
}
body{
font-size: small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: medium;
}
html>body {
font-size: medium;
}
/* Sivun sisältö kiedotaan wrapperiin. */
#wrapper {
width: 780px; /* Tekstialueen leveys */
margin: 0px auto 0px 240px;
background-color: #ffffff; /*Tekstialueen taustaväri*/
}
body {
text-align: center; /* IE 5 */
}
#wrapper {
text-align: left;		/* IE 5 */
}
#navigation {
height: 30px;
}
#masthead {
background-image: url(masthead4.jpg); /*Sivuston otsikkokuva*/
height: 30px;
padding-top: 160px;
}
.separator {
height: 5px;
background-color: #6699CC;
clear: both;
margin-bottom: 2em;
}
.separatorShort {
height: 5px;
width: 550px;
background-color: #D1DEB2;
margin-bottom: 2em;
}
.separatorInvisible{
height: 0;
clear: both;
}
.column {
float: left;
padding-left: 25px;
width: 242px;	/*  leveys IE 5:lle, jottei tule liian kapea */
voice-family: "\"}\"";
voice-family:inherit;
width: 232px; /* leveys muille selaimille */
}
html>.column {
width: 232px;
}
.column img {
margin-bottom: 40px;
border: 2px solid #999999;
}
.sarake {
float: left;
padding-left: 10px;
width: 170px;	/*  leveys IE 5:lle, jottei tule liian kapea */
voice-family: "\"}\"";
voice-family:inherit;
width: 160px; /* leveys muille selaimille */
}
html>.sarake {
width: 160px;
}
#footer {
clear: both;
text-align: right;
padding: 20px 10px;
}
#footer a {
color: #808080;
}
#footer a:hover {
color: #008000;
}
#footer a:active {
color: #ffa500;
}
#footer a:visited {
color: #800080;
}
#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation li {
float: left;
margin: 0px;
padding: 0px;
/*  height: 30px;
color: #ffffff;
text-transform: uppercase;
font: bold 13px Arial, Helvetica, sans-serif;*/
display: inline;
background: url(rollover2.gif) no-repeat left top;
border-bottom: 3px solid #999999;
}
#navigation a {
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
display: block;
padding: 7px 0px 0px 53px;
height: 30px; /* vanhoille selaimille */
width: 130px; /*130px*/
voice-family: "\"}\"";
voice-family:inherit;
height: 23px;
width: 103px; /*103px*/
}
html>#navigation a {
height: 23px;
width: 130px;
}
#navigation a {
text-transform: uppercase;
}
#navigation a:hover {
background: url(rollover2.gif) 0px -40px;
}
#navigation a:active {
background: url(rollover2.gif) 0px -80px;
}
#content {
/* background-color: #ffffff;  aiheuttaa bugin IE:ssä: teksti häviää*/
padding: 15px 10px 22px 10px;
color: #000000;
}
#content a {
color: #808080;
}
#content a:hover {
color:#330066;
}
#content a:active {
color: #99CCFF;
}
#content a:visited {
color: #800080;
}

p {
font-size: 95%;
line-height: 1.4em;
padding-left: 1.4em;
margin-top: 0;
margin-bottom: 1em;
}
h1,h2 {
color: #000000;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
}
h1 {
font-size 150%;
}
h2 {
font-size: 130%;
}
h3 {
margin: 0 0 5px 0;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 1.1em;
}
ul {
list-style-type: square;
font-size: 95%;
padding-left: 2.4em;
}
li {
font-size 95%;
padding: 0.3em;
}
.column h1 {
font-size: 130%;
}
.column p {
padding: 0 0 0 20px;
}
.column ul {
list-style-type: none;
font-size: 90%;
margin: 0 0 10px 0;
padding-left: 0.5em;
}
.column li {
font-size 90%;
padding: 0.5em;
}
.sarake h1 {
font-size: 122%;
color: #000000;
margin: 0 0 10px 0;
padding-left: 0.5em;
}
.sarake p {
padding: 0;
}
.sarake ul {
list-style-type: none;
font-size: 100%;
margin: 0 0 10px 0;
padding-left: 0.5em;
}
.sarake li {
font-size 100%;
padding: 0.5em;
}
.sarake a {
list-style-type: none;
font-size: 90%;
margin: 0 0 10px 0;
padding-left: 0.5em;
}
#boxout {
background: #6699CC; /*#CCFFFF#6699CCurl(boxout_corner.gif) top left no-repeat; #D1DEB2 #D1DEB2  #C2D39C*/
float: right;
width: 222px;
margin-left: 30px;
margin-bottom: 20px;
padding-top: 10px;
}
#boxout img {
border: 1px solid #C7D69E; /*#818181;*/
margin-bottom: 10px;
}
#boxout img, #boxout p, #boxout h3 {
margin-left: 10px;
margin-right: 10px;
}
#boxout p {
font-weight: bold;
font-size: 70%;
line-height: 1.2em;
color: #333333;
padding: 0;
}
#boxout h3 {
font-weight: bold;
font-size: 80%;
color: #333333;
padding: 0;
}
div#topOfPageAnchor {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
}
table {
margin: 0 0 15px 90px;
border-top: 1px solid #D1DEB2;
border-left: 1px solid #D1DEB2;
border: 1px solid #3B601D;
}
th, td {
border-bottom: 1px solid #D1DEB2;
border-right: 1px solid #D1DEB2;
font: 90% Verdana,Arial, sans-serif;
padding: 5px 5px;
}
th {
background-color: #C1CEFF; /*#C1E1FF;#D1DEB2;*/
text-align: left;
font-weight: bold;
border-bottom: 1px solid #3B601D;
}
td {
background-color: #EBEFFF;  /*#F1F8FF; #EAF0D8; #E2EACC;*/
}
tfoot {
background-color: #D1DEB2;
text-align: left;
}
#apulinkit {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
}
p.alkuun {
text-align: right;
}
#ylos {
top: 0;
left: 0;
height: 0;
width: 0;
}
#masthead p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0;
padding: 0 0 0 700px;
}
caption {
padding: 0 0 10px;
font: bold 120% Arial, sans-serif;
text-transform: uppercase;
}
.oikeaan_reunaan {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0;
padding: 0 0 10px 670px;
}
.oikeaan_reunaan img{
border: 1px solid #888;
margin-right: 10px;
}
.oikeaan_reunaan  a img{
border: none;
}
.oikeaan_reunaan  a:visited, a:hover, a:active{
border: none;
}