html { scrollbar-track-color: rgb(242,242,242);
scrollbar-arrow-color: rgb(215,215,197);
scrollbar-base-color: rgb(91,69,85); }
body { background-color: rgb(242,242,242);
overflow-x: hidden; overflow-y: auto; }
/*vasen kehys*/
.bgr { background-image: url(kuvat/corner.jpg);
background-position: 0% 0%;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: auto; }
/*vain familysivu*/
.bgrr { background-image: url(kuvat/family/drifts.jpg);
background-position: 0% 0%;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: auto; }
/*vain familysivun pystyviivat*/
.bgrf { background-image: url(kuvat/family/lines.png);
background-position: 0% 0%;
background-repeat: repeat;
background-attachment: fixed;
overflow: auto; }
/*vain Litterbox*/
.bgrl { background-image: url(kuvat/strokes.jpg);
background-position: 0% 0%;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: auto; }
/*pop-uppien tekstin tausta*/
.bgrp { background-color: rgb(242,242,242);
padding: 15px; }
/*pop-upit ja oikea kehys*/
.bgr2 { background-color: rgb(242,242,242);
background-image: url(kuvat/right.jpg);
background-position: 0% 0%;
background-repeat: no-repeat;
background-attachment: fixed; }
/*paperit*/
/*.papers { background-color: rgb(242,242,242);
background-image: url(kuvat/papers.jpg);
background-position: 99% 10%;
background-repeat: no-repeat;
background-attachment: fixed; } */
/*pitsi*/
.lace { background-color: rgb(242,242,242);
background-image: url(kuvat/lace.jpg);
background-position: 100% 0%;
background-repeat: no-repeat;
background-attachment: scroll; }
/*kirjailu*/
.sow { background-color: rgb(242,242,242);
background-image: url(kuvat/glossiesbgr.jpg);
background-position: 100% 0%;
background-repeat: no-repeat;
background-attachment: scroll; }
/*splash*/
.splash { background-color: rgb(242,242,242);
background-image: url(kuvat/splash.jpg);
background-position: 0% 5%;
background-repeat: no-repeat;
background-attachment: scroll; }
/*retired-leima työsivulla */
#ret { background-image: url(kuvat/ret.png);
background-position: 60% 50%;
background-repeat: no-repeat;
background-attachment: fixed; }
/*tekstilinkit*/
/*a:link { color: rgb(110,114,113); }
a:visited { color: rgb(77,92,79); }
a:hover { color: rgb(91,69,85); }
a:active { color: rgb(177,183,175); }*/
a:link { color: rgb(91,69,85); }
a:visited { color: rgb(77,92,79); }
a:hover { color: rgb(110,114,113); text-decoration: none; }
a:active { color: rgb(177,183,175); }
p { line-height: 18px; text-align: left; widows: 3; orphans: 3; }
.eka { line-height: 18px; text-align: left; margin-top: 0px; widows: 3; orphans: 3; }
.indent { line-height: 18px; text-align: left; text-indent: 2em; margin-top: 0px; widows: 3; orphans: 3; }
.line16 { line-height: 16px; margin-top: 0px; text-align: left; widows: 3; orphans: 3; }
.eka2 { line-height: 16px; text-align: left; margin-top: 0px; widows: 3; orphans: 3; }
.indent2 { line-height: 16px; text-align: left; text-indent: 2em; margin-top: -8px; widows: 3; orphans: 3; }
/*keskitetyn tekstin rivinvälit aforismeissa*/
p#blue { margin-top: 0px; margin-bottom: 20px; text-align: center; }
#txt { margin-top: -5px; text-align: center; color: #000000; }
/* vain family-sivujen sitaateissa*/
blockquote { margin: 3px 0px 5px 27px; }
/*divit oikealle ja vasemmalle*/
.oikea { float: right; margin: 5px 0px 10px 7px; }
.vasen { float: left; margin: 5px 10px 10px 0px; }
/*know-hown koulu-div oikealle, vain Operalla
#school { margin-top: 5px!important; }*/
/*vain story-divit oikealle*/
.oikeas { float: right; margin: 2px 0px 10px 7px; }
/*liput jobseissa*/
.flags { float: left; width: 35px; padding-top: 5px; margin-right: 5px; }
/*liput englanninkielisillä sivuilla*/
#fog { padding-top: 7px; padding-bottom: 8px; }
/*hapannaama knowhow-sivulla*/
#guy { float: right; position: relative; margin-top: -118px; top: 0em; right: 7.5em; z-index: 5; }
/* hapannaama Litterboxissa*/
.fig { float: right; position: relative; margin-top: -23px; top: 0.6em; right: 1.5em; z-index: 5; }
/*pisteviiva*/
.border { border-style: dotted; border-width: 1px; border-color:#969696; }
/*solid viiva*/
.box { border-style: solid; border-width: 1px; border-color: #A0A0A0; padding: 4px; margin-bottom: 10px; background-color: #F2F2F2; }
/*dotted tekstiboksi oikealle*/
.boxr { border-style: dotted; border-width: 1px; border-color: #A0A0A0; padding: 0px 7px 10px 10px; margin: 5px 0px 10px 7px; float: right; width: 200px; }
/*dotted tekstiboksin ylämarginaali tarvittaessa vain family-sivuilla, jälkimmäinen vain Suitian kuvan yhteydessä family-sivuilla vain IE:lle*/
#top { margin-top: 8px; }
.top { margin-top: 0px; }
/*FAMILY + AFORISMIT YM.*/
/*Vilma-sivun kuvateksti*/
.photos { font-family: Arial, Helvetica; font-size: 8pt; color: rgb(40,44,43); line-height: 16px; text-align: left; margin-top: -5px; }
/*pienenpieni, mm. know-how -pop-upin persoonallisuustestin alaviite, leipäteksti + sisennys*/
.credit { font-family: Arial, Helvetica; font-size: 7pt; color: rgb(110,114,113); line-height: 14px; text-align: left; margin-top: -5px!important; }
.credit2 { font-family: Arial, Helvetica; font-size: 7pt; color: rgb(110,114,113); line-height: 14px; text-align: left; text-indent: 2em; margin-top: -10px; }
/*pienenpieni mustalla info- ja Venla-sivulla*/
#tiny { font-family: Arial, Helvetica; font-size: 7pt; color: #000000; line-height: 14px; text-align: left; }
/*pienenpieni vain aforismisivujen alussa*/
.ccenter { font-family: Arial, Helvetica; font-size: 7pt; color: rgb(110,114,113); line-height: 14px; text-align: center; margin-top: -5px; }
/*pienenpieni Vilma-sivun alkuun*/
.creditv {font-family: Arial, Helvetica; font-size: 7pt; color: #969696; line-height: 13px; margin-top: 0px; margin-bottom: 17px; }
/*vain familysivun ingressi*/
.fam { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: rgb(110,114,113); line-height: 18px; text-align: left; }
.famind { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: rgb(110,114,113); line-height: 18px; text-indent: 30px; margin-top: 0px; text-align: left; }
/*vain familysivun mies- ja naislinjat*/
#male { font-family: Impact, sans-serif; font-size: 9pt; color: #5B708C; }
#fem { font-family: Impact, sans-serif; font-size: 9pt; color: #865B8C; }
/*vain familysivun isommat ja pienemmät alaotsikot*/
.st1 { font-size: 8pt; font-weight: bold; margin: 15px 0px 5px -15px; }
.st1b { font-size: 8pt; font-weight: bold; margin: 0px 0px 5px -15px; }
.st2 { line-height: 15px; font-size: 7pt; font-weight: bold; margin: 15px 0px 5px -15px; }
.st2b { line-height: 15px; font-size: 7pt; font-weight: bold; margin: 5px 0px 5px -15px; }
/*vain familysivun talonnimien alaotsikot hakasuluissa*/
.farm { font-size: 7pt; font-weight: bold; color: rgb(110,114,113); margin: 15px 0px 5px -15px; }
.farm2 { font-size: 7pt; font-weight: bold; color: rgb(110,114,113); margin: 5px 0px 5px -15px; }
/*vain familysivujen isot hakasulut, musta ja harmaa */
#brab {font-size: 10pt; font-weight: bold; color: #3C3B3B;}
#brag {font-size: 10pt; font-weight: bold; color: #3C3B3B;}
/*vain familysivujen kappalemerkit */
#par {font-size: 9pt; font-weight: bold; color: #A3262C; line-height: 12px; }
/*vain familysivulla kuvan sijoitus tekstiboxissa */
#set {margin-top: 0px; margin-bottom: 10px; }
/* Litterboxin loppumerkki, tumma viininpunainen */
#end { font-size: 10pt; color: #57334D; }
/* familyjen loppumerkki, ruskea */
#end2 { font-size: 10pt; color: #88723D; }
/* LITTERBOXIN reunaviiva */
#line { text-indent: 2em; border-left: 3px double; padding-left: 5px; }
/* Litterboxin Appendixin välistys Impactille vain IE:llä */
#extras { letter-spacing: 0em; }
/*MUUT*/
/*lilat otsikot*/
.ots { font-family: Arial, Helvetica; font-size: 9pt; font-style: italic; font-weight: bold; color: rgb(91,69,85); margin-top: 15px; margin-bottom: 5px; }
.title { font-family: Impact, Arial, Helvetica; font-size: 11pt; color: #897483; margin-top: 15px; margin-bottom: 15px; }
/* pääotsikoiden välistykset Impactille vain family-sivuilla */
#extra { letter-spacing: 0.0em; }
#extra2 { letter-spacing: -0.1em; }
/*vain Vilma-sivun ensimmäinen lila otsikko, vain Gecko + Opera*/
.first { font-family: Arial, Helvetica; font-size: 9pt; font-style: italic; font-weight: bold; color: rgb(91,69,85); margin-top: 0px; margin-bottom: 5px; }
/*anfangi know-how -sivulle*/
#anfang { float: left; font-family: Times New Roman, serif; color: rgb(180,180,180); font-size: 68px; line-height: 45px; padding-top: 5px; }
/*oikean kehyksen linkkien layerien vihreä fonttiväri*/
.links { text-align: left; font-family: Arial, Helvetica; font-size: 8pt; color: rgb(77,92,79); }
/*oikean kehyksen alaosan kapiteeli ja harmaa fonttiväri*/
.kapit { text-align: left; font-family: Arial, Helvetica; font-size: 8pt; color: rgb(110,114,113); font-variant: small-caps; }
/*story- ja Vilma -sivujen harmaa fonttiväri*/
#story { text-align: left; font-family: Arial, Helvetica; font-size: 8pt; color: rgb(40,44,43); padding-bottom: 10px; }
/*postikorttisivujen kullanväriset otsikot, kappale*/
.oldies { line-height: 20px; text-align: left; font-style: italic; color: rgb(136,114,61); padding: 0px 10px 20px 20px; }
/*postikorttisivujen kullanväriset alkutekstit, kappale*/
.oldies2 { line-height: 12px; text-align: left; font-size: 7pt; color: rgb(136,114,61); padding: 0px 10px 20px 20px; }
/*kulta ohut, postikortit, fontti*/
.ots2 { font-family: Arial, Helvetica; font-size: 9pt; font-style: italic; color: rgb(136,114,61); margin-bottom: 15px; }
/*transparentit, työt, linkit, info + alkusivu*/
.tra { filter:alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; position: relative; }
#cover { filter:alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; position: relative; }
/*tilastotaulukon soluja, ei enää käytössä
.stats { padding: 0px 0px 2px 25px; }*/
/*tilastotaulukon soluja numeroiden tasaamiseen, ei enää käytössä
.stats2 { padding: 0px 40px 2px 0px; text-align: right!important; }*/
/*sivujen taustaväri*/
.color { background-color: #F2F2F2; }
/* sama kahdessa kohdassa taustaväri vain family-sivulla */
#col { background-color: #CCD0C7; }
/* epävarmojen kohtien taustaväri vain family-sivulla */
#coll { background-color: #D5C9D3; }
/* satunnaisesti korostettujen taustaväri vain family-sivulla */
#colg { background-color: #B2D4B8; }
/* rivitysvihjeen väri vain family-sivulla */
#riv { color: #F2F2F2; }
/*perussolu*/
td { vertical-align: top; text-align: left; font-family: Arial, Helvetica; font-size: 8pt; color:#000000; padding: 20px 20px 30px 20px; }
/*solu, jonka sisällä on taulukko*/
.nopad { vertical-align: top; text-align: left; font-family: Arial, Helvetica; font-size: 8pt; padding: 0px; }
/*solu, jonka sisällä on koko tekstisivutaulukko*/
.pad { vertical-align: top; text-align: left; font-family: Arial, Helvetica; font-size: 8pt; padding: 50px 5px 15px 5px; }
/*solu, jonka sisällä on koko postikorttitaulukko*/
.pad2 { vertical-align: top; text-align: left; font-family: Arial, Helvetica; font-size: 8pt; padding: 5px; }
hr { margin-top: 25px; margin-bottom: 0px; }
/*luettelomerkit*/
.dot1 { list-style: url(kuvat/dotgoldop.png); list-style-position: outside; margin-top: 0px; }
ul { margin-top: -5px; }
li { line-height: 18px; widows: 3; orphans: 3; }
/*vain familysivun numeroitu linkkilista*/
#nos { list-style-type: decimal; padding-left: 40px; }
/*family-sivun nuolet, tumma vihreä*/
#arrow { color: #3B5940; }
/* #7F7E7E; harmahtava */
/* #527C59; vaaleampi vihreä */
/* #3B5940; tumma vihreä */
/* #88723D; loppumerkin rusehtava */
/*l kuvauettelomerkit family-, postikortti-, kiiltokuva- ja storysivuilla*/
#dot { line-height: 18px; margin-top: -5px; }
/*vain jossakin tarpeen mukaan familyssä */
li#minus { margin-top: 0px; widows: 3; orphans: 3; }
/* dotti isommalla fontilla*/
#marg { line-height: 17px; padding-top: 12px; padding-bottom: 10px; list-style-type: disc; widows: 3; orphans: 3; }
/* luetteloiden ensimmäinen rinkula, vain Operalla*/
ul ul { list-style-type: circle; }
/* luettelomerkit, circle*/
#marg2 { padding-top: 10px; padding-bottom: 10px; list-style-type: circle; font-family: Arial, Helvetica; font-size: 7pt; color: #000000; line-height: 14px; text-align: left; widows: 3; orphans: 3; }
li#dsis { line-height: 15px; margin-bottom: 3px; widows: 3; orphans: 3; }
/* dotti pienemmällä fontilla*/
#marg3 { padding-top: 10px; padding-bottom: 8px; list-style-type: disc; font-family: Arial, Helvetica; font-size: 7pt; color: #000000; line-height: 12px; text-align: left; widows: 3; orphans: 3; }
/* solut */
.c20 { width: 20%; text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; }
.c30 { width: 30%; text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; color:#000000; }
.c50 { width: 50%; text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; }
.c70 { width: 70%; text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; color:#000000; }
.c80 { width: 80%; text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; color:#000000; }
/* testitulossolut know-howssa */
.test { width: 20%; text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; padding: 10px 10px 0px 20px; }
/* vain familysivun solut */
.fams { text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; }
.famb { text-align: left; vertical-align: top; font-family: Arial, Helvetica; font-size: 8pt; color: #000000; }