body { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #e6e6e6; background-image: url(img/tausta_gr.jpg); background-repeat: repeat-x; background-position: left top; margin: 0; }

#taustalogo { background-image: url(img/tausta_logo.gif); background-repeat: no-repeat; position: absolute; top: 410px; left: 835px; right: 0; width: auto; height: 245px; }
#kehys { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; left: 0; bottom: 0; width: 857px; height: 820px; }
#kehys2 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1167px; }
#kehys3 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 929px; }
#kehys4 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1657px; }
#kehys5 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 899px; }
#kehys6 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1030px; }
#kehys7 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1267px; }
#kehys9 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1517px; }
#kehys12 { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 850px; }
#kehys_index { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 870px; }
#kehys_yht { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1817px; }
#kehys_tyok { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1787px; }
#kehys_uutiset { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 2317px; }
#kehys_ruyritys { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 960px; }
#kehys_rukoneistus { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 1317px; }
#kehys_rumkorj { background-color: white; background-image: url(img/viiva.gif); background-repeat: repeat-y; position: absolute; top: 0; bottom: 0; left: 0; width: 857px; height: 990px; }
#ylaosa { background-color: white; background-image: url(img/ylaosa.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 857px; height: 276px; }
#ylaosa2 { background-color: white; background-image: url(img/ylaosa2.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 857px; height: 276px; }
#ylaosa3 { background-color: white; background-image: url(img/ylaosa3.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 857px; height: 276px; }

#alaosa { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 673px; left: 0; bottom: 0; width: 857px; height: 147px; }
#alaosa2 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1020px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa3 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 782px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa4 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1600px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa5 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 752px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa6 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 915px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa7 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1120px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa9 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1370px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa12 { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 703px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_index { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 723px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_yht { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1670px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_tyok { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1640px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_uutiset { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 2170px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_ruyritys { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 813px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_rukoneistus { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 1170px; bottom: 0; left: 0; width: 857px; height: 147px; }
#alaosa_rumkorj { background-color: white; background-image: url(img/alaosa_tausta.gif); background-repeat: repeat-x; position: absolute; top: 843px; bottom: 0; left: 0; width: 857px; height: 147px; }
#kuvaalue { background-repeat: repeat-x; position: absolute; top: 511px; z-index: 9; left: 185px; width: 672px; height: 162px; }
#kuvaalue2 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 858px; left: 185px; width: 672px; height: 162px; }
#kuvaalue3 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 620px; left: 185px; width: 672px; height: 162px; }
#kuvaalue4 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 1438px; left: 185px; width: 672px; height: 162px; }
#kuvaalue5 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 590px; left: 185px; width: 672px; height: 162px; }
#kuvaalue6 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 753px; left: 185px; width: 672px; height: 162px; }
#kuvaalue7 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 958px; left: 185px; width: 672px; height: 162px; }
#kuvaalue9 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 1208px; left: 185px; width: 672px; height: 162px; }
#kuvaalue12 { background-repeat: repeat-x; position: absolute; z-index: 9; top: 541px; left: 185px; width: 672px; height: 162px; }
#kuvaalue_index { background-repeat: repeat-x; position: absolute; z-index: 9; top: 561px; left: 185px; width: 672px; height: 162px; }
#kuvaalue_tyok { background-repeat: repeat-x; position: absolute; z-index: 9; top: 1478px; left: 185px; width: 672px; height: 162px; }
#kuvaalue_ruyritys { background-repeat: repeat-x; position: absolute; z-index: 9; top: 651px; left: 185px; width: 672px; height: 162px; }
#kuvaalue_rukoneistus { background-repeat: repeat-x; position: absolute; z-index: 9; top: 1008px; left: 185px; width: 672px; height: 162px; }
#kuvaalue_rumkorj { background-repeat: repeat-x; position: absolute; z-index: 9; top: 681px; left: 185px; width: 672px; height: 162px; }
#sininen { background-color: #0854af; position: absolute; top: 701px; bottom: 0; left: 0; width: 857px; }
#sininen2 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1100px; bottom: 0; left: 0; width: 857px; }
#sininen3 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 810px; bottom: 0; left: 0; width: 857px; }
#sininen4 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1680px; bottom: 0; left: 0; width: 857px; }
#sininen5 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 780px; bottom: 0; left: 0; width: 857px; }
#sininen6 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 943px; bottom: 0; left: 0; width: 857px; }
#sininen7 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1200px; bottom: 0; left: 0; width: 857px; }
#sininen9 { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1450px; bottom: 0; left: 0; width: 857px; }
#sininen12 { background-color: #0854af; position: absolute; top: 731px; bottom: 0; left: 0; width: 857px; }
#sininen_index { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 751px; bottom: 0; left: 0; width: 857px; }
#sininen_yht { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1750px; bottom: 0; left: 0; width: 857px; }
#sininen_tyok { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1720px; bottom: 0; left: 0; width: 857px; }
#sininen_uutiset { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 2250px; bottom: 0; left: 0; width: 857px; }
#sininen_ruyritys { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 841px; bottom: 0; left: 0; width: 857px; }
#sininen_rukoneistus { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 1250px; bottom: 0; left: 0; width: 857px; }
#sininen_rumkorj { background-color: #0854af; background-repeat: repeat-y; position: absolute; top: 871px; bottom: 0; left: 0; width: 857px; }
#sisalto { color: black; font-size: 14px; font-family: Arial, verdana, Helvetica, Geneva; position: absolute; z-index: 10; top: 280px; left: 210px; width: 600px; }
#sisaltotoimpisteet { color: black; font-size: 13px; font-family: Arial, verdana, Helvetica, Geneva; background-color: white; position: absolute; z-index: 10; top: 280px; left: 210px; width: 630px; }

#hlo1 { background-image: url(img/markku_honkonen_img.jpg); background-repeat: no-repeat; background-position: right top; position: absolute; top: 80px; left: 0; width: 520px; height: 125px; border-bottom: 1px solid #6d6d6d; }
#hlo2 { background-image: url(img/seppo_hohkala_img.jpg); background-repeat: no-repeat; background-position: right top; position: absolute; top: 215px; left: 0; width: 520px; height: 125px; border-bottom: 1px solid #6d6d6d; }
#hlo3 { background-image: url(img/pekka_honkonen_img.jpg); background-repeat: no-repeat; background-position: right top; position: absolute; top: 350px; left: 0; width: 520px; height: 125px; border-bottom: 1px solid #6d6d6d; }
#hlo4 { background-image: url(img/jukka_virtanen_img.jpg); background-repeat: no-repeat; background-position: right top; position: absolute; top: 485px; left: 0; width: 520px; height: 125px; border-bottom: 1px solid #6d6d6d; }
#hlo5 { position: absolute; top: 620px; left: 0; width: 520px; height: 125px; border-bottom: 1px solid #6d6d6d; }

#solut { position: absolute; top: 100px; left: 0; width: 630px; }

#nav_yla { position: absolute; top: 239px; left: 15px; }
#en_nav_yla { position: absolute; top: 239px; left: 210px; }
#ru_nav_yla { position: absolute; top: 235px; left: 140px; }
#ru_nav_yla a { color: white; font-size: 16px; font-weight: bold; text-decoration: none; }
#ru_nav_yla a:hover { color: #6a6a6a; font-size: 16px; font-weight: bold; text-decoration: none; }
#nav_sivu { position: absolute; top: 270px; left: 0; width: 183px; z-index: 50; }
#ru_nav_sivu { line-height: 20px; text-align: right; position: absolute; z-index: 50; top: 270px; left: 0; width: 176px; }
#ru_nav_sivu a { color: black; font-size: 14px; font-weight: bold; text-decoration: none; }
#ru_nav_sivu a:hover { color: gray; font-size: 14px; font-weight: bold; text-decoration: none; }
#active { color: gray; font-size: 14px; font-weight: bold; text-decoration: none; font-family: Arial, verdana, Helvetica, Geneva;}
.selected { color: gray; font-size: 16px; font-weight: bold; text-decoration: none; font-family: Arial, verdana, Helvetica, Geneva; }
.selected2 { color: gray; font-size: 16px; font-weight: bold; text-decoration: none; font-family: Arial, verdana, Helvetica, Geneva; margin-left: 7px; }
#logo { color: #fff; font-size: 10px; position: absolute; top: 25px; font-family: Arial, verdana, Helvetica, Geneva; font-weight: bold; right: 60px; z-index: 15; }
#tools { text-align: center; position: absolute; top: 0; right: 0; z-index: 100; }
#copy { color: white; font-size: 10px; position: absolute; left: 12px; bottom: 12px; font-family: Arial, verdana, Helvetica, Geneva; }

#liput { word-spacing: 6px; position: absolute; top: 236px; right: 10px; }
#liput2 { word-spacing: 10px; position: absolute; top: 236px; right: 10px; visibility: hidden; }
.vali { margin-left: 7px; }
.vali_en { margin-left: 15px; }
.bold { font-weight: bold; }
.bigbold { font-size: 14px; font-weight: bold; }
.taulukkopysty { color: black; font-size: 10px; font-weight: normal; margin-left: 3px; }
.taulukkovaaka { color: black; font-size: 10px; font-weight: bold; }
p { font-size: 14px; font-family: Arial, verdana, Helvetica, Geneva; }
.osoite { font-size: 10px; font-family: Arial, verdana, Helvetica, Geneva; }
a:link, a:visited, a:active { color: #606060; font-family: Arial, verdana, Helvetica, Geneva; font-weight: bold; }
a:hover { color: black; font-family: Arial, verdana, Helvetica, Geneva; font-weight: bold; }

li { font-size: 14px; font-family: Arial, verdana, Helvetica, Geneva; padding-bottom: 2px; }
ul { list-style-type: disc; white-space: normal; }
ul#harmaa { list-style-type: circle; white-space: normal; }
h1 { color: #5e5e5e; font-size: 19px; font-weight: bold; }
h2 { color: #5e5e5e; font-size: 16px; font-weight: bold; }
.red { color: red; font-size: 16px; font-weight: bold; }
.white { color: white; font-size: 8px; line-height: 0; }
.plainred { color: red; font-weight: bold; }
.plainred_sml { color: red; font-size: 11px; font-weight: bold; line-height: 13px; }
li#sis { text-indent: 20px; list-style-type: none; }
table#tarvikkeet { font-size: 14px; font-family: Arial, verdana, Helvetica, Geneva;}
table#yht { font-size: 14px; font-family: Arial, verdana, Helvetica, Geneva; }
table#nimet { color: #6d6d6d; font-size: 14px; font-family: Arial, verdana, Helvetica, Geneva; font-weight: bold; padding-left: 15px; }
table#feedback { font-size: 13px; border-collapse: collapse; margin: 15px 0 0 20px; border-spacing: 0; font-family: Arial, verdana, Helvetica, Geneva; line-height: 18px; }
table#feedback td { width: 300px; color: #333333; vertical-align: top; }
td#line { padding-top: 2px; border-bottom: 1px solid silver; }

.kirja
