/* tumma punertavanrusehtavanlilahtava */
html { scrollbar-track-color: rgb(218,218,218); /* #DADADA */
scrollbar-arrow-color: rgb(222,227,220);
scrollbar-base-color: #5C4551; }
.bgr { background-image: url(kuvat/bgr1.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;
background-attachment: fixed;
background-color: #60604A;
overflow-x: hidden; overflow-y: auto; }
a:link { color: #5C4551; } /*5A2B6C*/
a:visited { color: rgb(120,120,120); }
a:hover { color: #7D8048; } /*5F5C37*/
a:active { color: #5F5C37; }
/*rivinvälit ja sisennykset*/
p { line-height: 19px; text-align: left; widows: 3; orphans: 3; }
.eka { line-height: 19px; text-align: left; margin-top: 0px; widows: 3; orphans: 3; }
.indent { line-height: 19px; text-align: left; text-indent: 2.2em; margin-top: 0px; widows: 3; orphans: 3; }
/*line16 vain sisältösivun tekstiotteissa ja tekstibokseissa */
.line16 { line-height: 16px; text-align: left; margin-top: 5px; widows: 3; orphans: 3; }
.lineka16 { line-height: 16px; text-align: left; margin-top: 5px; widows: 3; orphans: 3; }
.line116 { line-height: 16px; text-align: left; margin-top: -5px; widows: 3; orphans: 3; }
.indent16 { line-height: 16px; text-align: left; text-indent: 2em; margin-top: -5px; widows: 3; orphans: 3; }
.smaller { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: inherit; }
.kapit { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-variant: small-caps; padding-bottom: 0px; padding-top: 0px; color: inherit; }
/* introissa, laskelmissa ja leipätekstin sisäisissä sitaateissa on vielä tämäkin */
.intro { line-height: 18px; text-align: left; margin-top: 15px; widows: 3; orphans: 3; }
.indent2 { text-align: left; text-indent: 2.2em; margin-top: -8px; line-height: 18px; widows: 3; orphans: 3; }
/*tekstiboksien lähdemaininnat*/
.credit { font-family: Arial, Helvetica; font-size: 7pt; line-height: 14px; margin-bottom: 8px; margin-top: 13px; }
.creditind { font-family: Arial, Helvetica; font-size: 7pt; line-height: 14px; text-indent: 2em; margin-top: 0px; }
.credit2 { font-family: Arial, Helvetica; font-size: 7pt; line-height: 14px; padding-bottom: 5px; margin-top: -5px; }
/* kursivoidut ja sisennetyt sitaatit*/
.photos { font-family: Times New Roman, serif; font-size: 9pt; color: inherit; font-style: italic; text-align: left; }
/* kehystettyjen kuvien kuvatekstit munakana- ja mms-sivuilla*/
.frtxt { font-family: Arial, Helvetica; font-size: 7pt; line-height: 14px; margin-bottom: -3px; margin-top: 3px; }
blockquote { line-height: 18px; margin: 0px 15px 5px 3.4em; widows: 3; orphans: 3; }
/* OTSIKOT */
.courier { font-family: Times New Roman, serif; color: #848196; font-size: 35px; line-height: 1.3em; font-variant: small-caps; text-decoration: underline; }
.courier2 { font-family: Times New Roman, serif; color: #848196; font-size: 29px; line-height: 1.2em; font-variant: small-caps; padding-top: 50px; text-decoration: underline; }
.ots { font-family: Arial, Helvetica; font-size: 12pt; line-height: 1.5em; color:#000000; padding-top: 50px; }
.ots2 { font-family: Arial, Helvetica; font-size: 9pt; font-weight: bold; color:#000000; padding-top: 30px; }
.ots3 { font-family: Arial, Helvetica; font-size: 9pt; font-style: italic; font-weight: bold; color:#000000; margin-bottom: 5px; margin-top: 15px; }
/* kirjeiden ja kirjoitusten alayläotsikko, vain Tavoitteita vai tuloksia -sivulla */
.kurs { font-family: Arial, Helvetica; font-size: 12pt; font-style: italic; color:#000000; margin-bottom: 50px; }
/*ANFANGI JUTTUSIVUILLA*/
#anf { float: left; font-family: Arial, Helvetica; font-size: 30pt; color:#000000; line-height: 39px; padding-top: 2px; padding-right: 2px; }
/*HUUTOMERKKI TEKSTIBOKSEISSA*/
#anf2 { float: left; font-family: Impact, sans-serif; font-size: 40pt; color:#906C7F; line-height: 49px; margin-top: -3px; margin-right: 8px; }
/* LUETTELOMERKIT */
ul { list-style: disc; outside; line-height: 18px; margin-left: 0px; padding-top: 5px; }
ul ul { list-style: none; none; }
ol { padding-bottom: 20px; }
/* luettelomerkkikuvat */
.dot { list-style: url(kuvat/dot.gif); outside; line-height: 15px; margin-left: 0px; }
.dot#op { list-style: url(kuvat/dotop.png); outside; line-height: 17px; margin-left: 0px; margin-top: 3px; }
.dot#op2 { list-style: url(kuvat/dotop.png); outside; line-height: 17px; margin-left: 0px; margin-top: 12px; }
li#dot { line-height: 18px; }
/* TEKSTIBOKSIT + KUVAT */
/*reunaviivat*/
.box { border-style: solid; border-color: #AABBCC; border-width: 1px; color: #000000; padding: 4px!important; }
.box2 { border-style: double; border-color: rgb(170,187,204); border-width: 4px; color: #000000; padding: 6px; }
/*sisältödivit oikealle sivujen alkuun*/
.sisbox { float: right; margin: 0px 0px 10px 15px; padding: 10px 8px 10px 10px; width: 230px; border-style: solid; border-width: 1px; border-color: rgb(150,150,150); background-color: #FFFFFF; line-height: 17px; }
/*tekstiboksidivit oikealle ja vasemmalle tekstin joukkoon*/
.txtbox { float: right; margin: 5px 0px 10px 10px; padding: 10px 8px 10px 10px; width: 230px; border-style: dotted; border-width: 1px; border-color: rgb(150,150,150); background-color: #FFFFFF; }
.txtbox2 { float: left; margin: 5px 10px 10px 0px; padding: 10px 8px 10px 10px; width: 230px; border-style: dotted; border-width: 1px; border-color: rgb(150,150,150); background-color: #FFFFFF; }
/*tekstiboksien välimerkkidotit*/
.dots { color: #804664; text-align: center; margin-top: -5px; margin-bottom: 18px; }
/*kuvatekstin kanssa olevat kehystetyt kuvadivit oikealle ja vasemmalle */
.imgr { float: right; margin: 5px 0px 10px 10px; padding: 9px 9px 15px 9px; width: 301px; border-style: solid; border-width: 1px; border-color: #969696; background-color: #FFFFFF; }
.imgl { float: left; margin: 5px 10px 10px 0px; padding: 9px 9px 15px 9px; width: 301px; border-style: solid; border-width: 1px; border-color: #969696; background-color: #FFFFFF; }
#bord { border-style: solid; border-width: 1px; border-color: #969696; margin-bottom: 4px; }
/*tekstiboksien sitaattien sisennykset*/
#sis { line-height: 16px; margin: -5px 5px 18px 23px; widows: 3; orphans: 3; }
/*kelluvat kuvadivit, kuvateksti ym.*/
.vasen { float: left; margin-right: 10px; margin-bottom: 20px; }
.oikea { float: right; margin-left: 10px; margin-bottom: 20px; }
/*vain laskurilukemakuva Sivuston tietoja -sivulla*/
.left { float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 4px; }
/*vain Oh no -clipartit tekstiboxeissa
.right { float: right; margin-left: 0px; margin-bottom: 0px; }*/
/* INDEKSIT */
/*yläindeksi*/
sup { font-size: 6pt; }
/*alaindeksi*/
sub { font-size: 6pt; }
/* SOLUT */
.pad { padding: 1px!important; }
.nopad { padding: 0px!important; }
/* popsiksen hakemisto-osan solut */
.cell35 { width: 35%; text-align: left; vertical-align: top; padding: 4px 10px 15px 4px; font-family: Arial, Helvetica; }
.cell65 { width: 65%; text-align: left; vertical-align: top; padding: 4px 10px 15px 4px; font-family: Arial, Helvetica; }
/* popsiksen popup-osan solut */
.pops35 { width: 35%; text-align: left; vertical-align: top; padding: 2px 10px 2px 4px; text-align: left; widows: 3; orphans: 3; }
.pops65 { width: 65%; text-align: left; vertical-align: top; padding: 2px 10px 2px 4px; text-align: left; widows: 3; orphans: 3; }
/* lehtileikeluettelon solut */
.cell25 { width: 25%; text-align: left; vertical-align: top; padding: 4px 10px 15px 4px; font-family: Arial, Helvetica; }
.cell75 { width: 75%; text-align: left; vertical-align: top; padding: 4px 10px 15px 4px; font-family: Arial, Helvetica; }
/* linkkisivun solut */
.cell30 { width: 30%; text-align: left; vertical-align: top; padding: 4px 15px 25px 4px; font-family: Arial, Helvetica; }
.cell40 { width: 40%; text-align: left; vertical-align: top; padding: 4px 15px 25px 4px; font-family: Arial, Helvetica; }
/* popsiksen rivinvälit ja fontti vain pop-up -luettelossa*/
.pops { font-family: Arial, Helvetica; font-size: 8pt; line-height: 16px; }
/* popsiksen joka toisen rivin väri pop-up -luettelossa */
#cc { background-color: #DDD4D3; }
/* hakemisto-osan ja sisboksien sisennykset */
#hak { font-family: Arial, Helvetica; font-size: 8pt; line-height: 16px; padding: 0px 0px 1px 20px; margin-top: -5px; }
/*PÄÄSOLUT*/
.cell20 { width: 20%; vertical-align: top; text-align: left; font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000; padding: 0px; }
.cell80 { width: 80%; vertical-align: top; text-align: left; font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000; padding: 110px 30px 15px 50px; background-color: #FFFFFF;
background-image: url(kuvat/shadow.jpg);
background-repeat: repeat-y;
background-position: 22% 0%;
background-attachment: fixed;
overflow: auto; }
/* otus ja viiva linkkisivulla */
.fig { float: right; position: relative; margin-top: -7px; top: 0.25em; right: 2.5em; z-index: 5; }
#hr { margin-bottom: -30px; }
/* otus muilla sivulla */
.fig2 { float: right; position: relative; margin-top: -32px; top: 0.6em; right: 1.5em; z-index: 5; }
/*viivat muilla sivulla*/
hr { margin-top: 0px; margin-bottom: 7px; color: #EEEEEE; }
/* korostusten taustaväri lukijalle-tekstissä */
#col { background-color: #D1D9CD; }
/*vain linkkisivulla*/
.links { line-height: 17px; text-align: left; margin-top: 0px; widows: 3; orphans: 3; }
/* SANAMAGIAN SANATAULUKOT */
/* iframe */
.ibody { float: left; margin-right: 10px; margin-bottom: 15px; height: 500px; width: 285px; padding: 0px; }
/*solut*/
.white { width: 50%; text-align: left; vertical-align: top; padding: 1px 1px 1px 3px;
border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #A1A1A1;
border-left-style: solid; border-left-width: 1px; border-left-color: #A1A1A1;
font-family: Arial, Helvetica; font-size: 7pt; color: #000000; }
.black { width: 50%; text-align: left; vertical-align: top; padding: 3px; border-style: solid; border-width: 1px; border-color: #000000;font-family: Arial, Helvetica; font-size: 8pt; color: #FFFFFF; font-weight: 600; background-color: #000000; }
/*otsikorivin oikea solu*/
.black#left { border-left-style: solid; border-left-width: 1px; border-left-color: #FFFFFF; }
/*taulukon viimeinen rivi*/
#last { width: 50%; text-align: left; vertical-align: top; padding: 1px 1px 1px 2px;
border-bottom-style: none;
border-left-style: solid; border-left-width: 1px; border-left-color: #C6C6C6;
font-family: Arial, Helvetica; font-size: 7pt; color: #000000; }