html { scrollbar-track-color: rgb(185,180,195);
scrollbar-arrow-color: rgb(185,180,195);
/*scrollbar-base-color: #3E4332; } vihreä*/
scrollbar-base-color: #4D4050; } /*violetti*/
body { background-color: rgb(242,242,242); overflow-x: hidden; overflow-y: auto; }
/*tausta koko bodyyn*/
.bgr { background-image: url(kuvat/bgr/bgr.jpg);
background-position: 0% 0%;
background-repeat: repeat;
background-attachment: fixed; }
/*toinen tausta päätaulukkoon ylös vasemmalle*/
.bgr2 { background-image: url(kuvat/bgr/bgr.png);
background-position: 0% 0%;
background-repeat: no-repeat;
background-attachment: scroll;
margin-top: -15px; margin-left: -9px; }
/* tausta sisätaulukko 2:een, blend*/
.blend { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/blend.jpg);
background-position: 73% 80px;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, aitta*/
.mbgr { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/aitta.jpg);
background-position: 73% 80px;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, mesh-efekti*/
.mesh { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/mesh.jpg);
background-position: 74% 30%;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, tienmutka*/
.road { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/road.jpg);
background-position: 73% bottom;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, juhannusruusut*/
.roses { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/roses.jpg);
background-position: 73% 30%;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, hyasintti*/
.xmas { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/hyas.jpg);
background-position: 73% 30%;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, Ranskan kartta*/
.map { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/map.jpg);
background-position: 63% 30%;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, työläisiä Jämsänkoskelta*/
.people { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/people.jpg);
background-position: 73% 30%;
background-repeat: no-repeat;
background-attachment: fixed }
/* tausta sisätaulukko 2:een, Forum Romanum*/
.rome { background-color: rgb(242,242,242);
background-image: url(kuvat/bgr/rome.jpg);
background-position: 73% 30%;
background-repeat: no-repeat;
background-attachment: fixed }
/*tekstilinkit*/
a:link { color: rgb(75,84,66); } /*tumma vihreä #4F5442; */
a:visited { color: rgb(74,80,101); } /* sininen #4A5065 */
a:hover { color: rgb(129,87,98); text-decoration: none; } /* punaharmaa #815762 */
a:active { color: rgb(160,165,128); } /* harmaankeltainen #A0A580 */
p { line-height: 20px; text-align: left; widows: 3; orphans: 3; }
.eka { line-height: 20px; text-align: left; margin-top: -2px; widows: 3; orphans: 3; }
.indent { line-height: 20px; text-align: left; text-indent: 2em; margin-top: 0px; widows: 3; orphans: 3; }
/*esittelysivujen tekstiboksien leipätekstit*/
.credit { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 14px; text-align: left; }
.crediteka { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 14px; text-align: left; margin-top: -3px; }
.creditind { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 14px; text-align: left; text-indent: 2em; margin-top: -5px; }
/*Puutarhurin esittelysivun sanskrit-tekstiboksin toisten rivien sisennykset*/
.words { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 13px; text-align: left; margin-top: -9px; padding-top: 0px; padding-left: 2em; text-indent: -2em; }
/*harmaa pienenpieni*/
.credit2 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: rgb(110,114,113); line-height: 14px; text-align: left; }
/*esittelysivujen tekstiboksien otsikot*/
p#ots { line-height: 17px; text-align: left; widows: 3; orphans: 3; font-size: 8pt; font-weight: 600; margin-top: 8px; margin-bottom: 7px; }
p#ots2 { line-height: 17px; text-align: left; widows: 3; orphans: 3; font-size: 8pt; font-weight: 600; margin-top: 14px; margin-bottom: 7px; }
/*Maamme- ja Kansanlauluja-hakemistojen kappaleväli*/
.hak { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: rgb(0,0,0); line-height: 14px; text-align: left; padding: 0px; }
/*Kotilaisen esityksiä osoittava nuotti*/
#note { font-size: 10pt; line-height: 14px; color: rgb(124,52,133); vertical-align: middle; }
/* #note { font-size: 10pt; line-height: 14px; color: #D17E65; vertical-align: middle; } oranssi*/
/*Kotikaihon kirje*/
.letter { font-family: Times New Roman, serif; font-size: 9pt; font-style: italic; line-height: 19px; text-align: left; padding-left: 4em; margin-top: 5px; widows: 3; orphans: 3; }
.letterind { font-family: Times New Roman, serif; font-size: 9pt; font-style: italic; line-height: 19px; text-align: left; text-indent: 2em; padding-left: 4em; margin-top: -5px; widows: 3; orphans: 3; }
/*Puutarhurin runot, sisennysten kappaleväli*/
#p { line-height: 20px; text-align: left; padding-top: 6px; widows: 3; orphans: 3; }
.pindent { line-height: 20px; text-indent: 2em; margin-top: -5px; widows: 3; orphans: 3; }
/*hakemiston numeroinnin sisennykset*/
#one { padding-left: 0.5em; }
#two { padding-left: 1em; }
/*divit oikealle ja vasemmalle esittelysivuilla, kuvat, kirjojen kannet yms.*/
.oikea { float: right; margin: 6px -10px 15px 10px; }
.vasen { float: left; margin: 6px 10px 15px 0px; }
/* vain Maamme-kirjan reunaviivalliset kuvadivit*/
.right { float: right; margin: 6px 0px 15px 10px; }
.left { float: left; margin: 6px 15px 15px 0px; }
/* vain Maamme-kirjassa kuvadivien reunaviivat kuvatekstien kanssa */
.brd { border-style: solid; border-color: #AEB5B3; border-width: 1px; padding: 3px; margin-bottom: 5px; }
/* vain Maamme-kirjassa vain Operalle ja Geckoille vain Hankoniemen majakkakuvassa */
#al { margin-left: -10px!important; }
/*pisteviiva*/
.border { border-style: dotted; border-width: 1px; border-color: rgb(150,150,150); }
/*dotted alaviiteboksi vasemmalle*/
.boxl { border-style: dotted; border-width: 1px; border-color: rgb(150,150,150); padding: 0px 6px 6px 6px; margin: 8px 15px 10px 0px; float: left; width: 183px; }
/*dotted alaviiteboksi oikealle*/
.boxr { border-style: dotted; border-width: 1px; border-color: rgb(150,150,150); padding: 0px 6px 6px 6px; margin: 8px 0px 15px 7px; float: right; width: 183px; }
/* luettelomerkkikuvat */
.dot { list-style: url(kuvat/dotblue.png); outside; margin-top: 5px; line-height: 24px; margin-left: 13px; }
/* luettelomerkit */
ol { line-height: 18px; margin-left: 35px; }
ul { line-height: 20px; margin-left: 25px; }
/*esittelysivujen pääotsikot lyhyelle otsikolle*/
.title { font-family: Times New Roman, serif; color: rgb(180,180,180); font-size: 40pt; line-height: 50px; padding-top: 73px; margin-bottom: -6px; }
/*esittelysivujen pääotsikot pitkälle otsikolle*/
.title2 { font-family: Times New Roman, serif; color: rgb(180,180,180); font-size: 40pt; line-height: 50px; padding-top: 0px; margin-bottom: -6px; }
/*esittelysivujen leipäteksti*/
.ingreka { font-family: Courier New, serif; font-size: 10pt; color: rgb(110,114,113); text-align: left; line-height: 20px; margin-top: -5px; } /* käytössä vain Puutarhurin esittelyssä alaotsikoiden jälkeen */
.ingr { font-family: Courier New, serif; font-size: 10pt; color: rgb(110,114,113); text-align: left; line-height: 20px; padding-top: 30px; }
.iindent { font-family: Courier New, serif; font-size: 10pt; color: rgb(110,114,113); text-align: left; text-indent: 2em; margin-top: 0px; line-height: 20px; }
/*OTSIKOITA*/
/*Maamme, sininen kapiteeli*/
.ots { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(64,57,109); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
.ots2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: rgb(64,57,109); margin-bottom: 10px; font-variant: small-caps; line-height: 17px; }
/*Pohjoismaisia kansansatuja, sadut ja runot, koululaulut ruskea kapiteeli + tekstiboksien pienempi teksti*/
.otsr { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(140,102,82); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
.otsr2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: rgb(140,102,82); margin-bottom: 10px; font-variant: small-caps; line-height: 17px; }
/*Annikki, piispa ja kesti, isompi punainen kapiteeli*/
.otsa { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: rgb(131,43,46); margin-bottom: 30px; padding-top: 20px; font-variant: small-caps; }
/*Annikki, piispa ja kesti + kansansadut anfangi*/
#anfang { float: left; font-family: Times New Roman, serif; color: rgb(180,180,180); font-size: 68px; line-height: 45px; padding-top: 5px; margin-right: 3px; }
/*laulukirjan tekstiboksien pienempi anfangi, Virsien numerot ja Topeliukset*/
.anf { float: left; font-family: Times New Roman, serif; color: rgb(180,180,180); font-size: 38px; line-height: 25px; margin-right: 2px; padding-top: 1px; font-weight: 600; }
/*Kansanlauluja, punainen kapiteeli*/
.otsa2 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(131,43,46); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
/*Hanhenjalan ravintola, punaruskea kapiteeli*/
.otsh { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(121,59,51); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
/*Työväen Lauluja, karmiini kapiteeli + tekstiboksit*/
.otsk { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(131,65,70); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
.otsk2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: rgb(131,65,70); margin-bottom: 10px; font-variant: small-caps; line-height: 17px; }
/*Hanhenjalan ravintola, harmaa alaotsikkokapiteeli, lukujen numerot*/
.kapith { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(110,114,113); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
/*Harvennettu harmaa alaotsikkokapiteeli*/
/*.kapitha { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(110,114,113); line-height: 20px; margin-bottom: 15px; padding-top: 10px; font-variant: small-caps; letter-spacing: 0.2em; } */
/*Hanhenjalan ravintolan 1. rivien kapiteeli ja Puutarhurin esittelyn leipätekstin alaotsikot */
.kapit { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: rgb(0,0,0); font-variant: small-caps; margin-top: 20px; } /* margin toimii vain Puutarhurin alaotsikoiden classeissa, ei Hanhenjalan spaneissa */
/*Walitus-runon ja Fredmanin epistolan leipätekstikapiteeli*/
.kapitw { font-family: Arial, Helvetica, sans-serif; font-size: inherit; color: rgb(0,0,0); font-variant: small-caps; }
/*Kotikaiho, violetti kapiteeli + tekstiboksit*/
.otsv { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(124,52,133); margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
.otsv2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: rgb(124,52,133); margin-bottom: 10px; font-variant: small-caps; line-height: 17px; }
/*Puutarhuri, vaaleampi sininen kapiteeli + tekstiboksit*/
.otss { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #58808F; margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
.otss2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #58808F; margin-bottom: 10px; font-variant: small-caps; line-height: 17px; }
/*Puutarhuri, vaaleampi rusehtava kapiteeli + tekstiboksit
.otsvr { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #AB966F; margin-bottom: 15px; padding-top: 20px; font-variant: small-caps; }
.otsvr2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #AB966F; margin-bottom: 15px; font-variant: small-caps; line-height: 17px; }*/
/*kuva-anfangi Lehtisiä-sivuilla*/
/* #anf { float: left; width: 80px; padding-top: 5px; margin-right: 5px; } */
/*Hanhenjalan ravintola, yläindeksit*/
sup { font-size: 6pt; font-weight: bold; }
/*leipätekstiharvennukset*/
#space { letter-spacing: 0.2em; }
/*runojen sisennykset*/
.sis { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; padding-left: 4em; margin-top: 5px; }
/*runojen sisennykset, ekakappale*/
.siseka { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; padding-left: 4em; padding-top: 5px; }
/*Kotikaihon runojen sisennykset*/
.sis2 { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 16px; color:#000000; padding-left: 5em; margin-top: 0px; }
/*perussolu*/
td { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; padding: 20px 30px 30px 40px; }
/*runosivujen perussolu*/
.psis { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; padding: 85px 20px 50px 50px; }
/*maamme-sivujen perussolu*/
.land { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; padding: 85px 20px 30px 40px; }
/*solu, jonka sisällä on sisätaulukko 1*/
.pad { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding: 50px 5px 15px 5px; }
/*solu, jonka sisällä on sisätaulukko 2*/
.pad2 { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding: 5px; }
/*solu, jonka sisällä on muu taulukko*/
.nopad { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding: 0px; }
/* solut */
.c20 { width: 20%; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
.c80 { width: 80%; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; }
/* ostoslistasolut, Kotikaiho */
.c30 { width: 30%; padding: 2px; }
.c40 { width: 40%; padding: 2px 0px 2px 0px; }