/* Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
MOBILE=0, Win32=0, localhost= */
/* latin, Proza Libre: 400,400i,700,700i */
@font-face {
font-family: 'Proza Libre';
font-style: normal;
font-weight: 400;
src:url(font-proza-libre-400.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
font-family: 'Proza Libre';
font-style: normal;
font-weight: 700;
src:url(font-proza-libre-700.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
font-family: 'Proza Libre';
font-style: italic;
font-weight: 400;
src:url(font-proza-libre-400i.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
font-family: 'Proza Libre';
font-style: italic;
font-weight: 700;
src:url(font-proza-libre-700i.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* file: /css-main.css */
/* Responsive design. For DESKTOP, TABLET & MOBILE */
html {font-size:16px;height:100%;}
@font-face {
font-family:"icomoon";
font-style: normal;
font-weight: normal;
src:url(ico/fonts/icomoon.ttf);
}
body {margin:0;padding:0;width:100%;background:#DFE9EC url(img/bg-pattern-2.png);color:#000;font:1em/1.4 'Proza Libre','Noto Sans','Ubuntu','DejaVu Sans',sans-serif;overflow-x:hidden;overflow-y:scroll;text-size-adjust:none;}
small,.small {font-size:81.25%;}
.div_body {box-sizing:border-box;max-width:1150px;padding:0 2%;margin:0 auto 0 auto;overflow:auto;}
.top_bg {height:90px;background:#0a2fa1 url(img/bg-linnunrata.jpg) center 0;overflow:hidden;}
.div_logo {}
.div_logo table {border-spacing:0; table-layout:fixed; min-width:100%;}
.div_logo img {display:block;}
.logol {border:none;max-width:96vw;}
.logor {float:right;}
@keyframes waitspin {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#wait {position:fixed;width:96px;height:96px;top:50%;left:50%;transform:translate(-50%,-50%);margin:-64px 0 0 -64px;
border-radius:50%;border:16px solid;border-color:#FFD700 #FFD700 #FFD700 #FD2600;
animation: waitspin 2s linear infinite;box-shadow:0 0 1em rgba(0,0,0,0.4), inset 0 0 1em rgba(0,0,0,0.4);}
.wait_bgnd {position:fixed;top:0;left:0;width:100%;height:100%;background:url(img/empty64.gif);display:none;}
a {cursor:pointer;text-decoration:none;color:inherit;}
a:hover {text-decoration:underline;}
.icomoon {font-family:icomoon;}
p {max-height:99999px;} /* poista joskus kun kaikki selaimet osaavat: Kts. yllä body {text-size-adjust:none;} */
.div_menu {padding:0;background:#000;color:#fff;letter-spacing:1px;font:0.875em/2.2em sans-serif;text-transform:uppercase;}
.top_menu {}
.mitem {color:#0098FF;cursor:pointer;white-space:nowrap;}
.mitem.cap {padding-right:0.75rem;margin-right:0.5rem;border-right:1px solid #006699;}
.mitem:hover {color:#FF9900;text-decoration:underline;}
#menu_lnks {text-transform:uppercase;}
.div_navi {font-size:0.8125em;line-height:1.6em;background:#fff;border-bottom:1px solid #000;margin-bottom:1rem;}
.div_navi a {color:#0000FF;}
#navi {padding:3px 0 2px 0;}
.div_inner {color:#282828;}
.div_inner a {color:#0000FF;letter-spacing:0.5px;}
.div_inner a:visited {color:#6600FF;}
.div_inner img {border:none;vertical-align:middle;max-width:100%;height:auto;}
p,ol,ul {word-wrap:break-word;}
h1.icon {margin:8px 0 4px 0;padding:22px 0 22px 64px;}
.intro {font-size:0.875em;letter-spacing:0.5px;margin-top:16px;font-family:serif;}
.brief {border-left:6px solid #993366;padding:0 0 0.5em 0.5em;margin-bottom:0;height:4em;overflow:hidden;transition:height 0.5s;}
.brief-ctrl:before {content:"Näytä kokonaan / osittain \2195";font:0.875em/1em serif;padding:2px 4px 2px 8px;color:#000066;border-left:6px solid #993366;background:#fff;}
hr {border:none;border-top:1px solid rgba(55,55,255,0.3);border-bottom:1px solid rgba(0,0,90,0.4);}
p.first:first-letter {font-size:260%;float:left;margin:0 10px 0 6px;line-height:100%;}
q {font-style:italic; letter-spacing:0.01em;}
.hd {border-left:24px solid #FF8C00;BOXSHADOW;background:#fff;padding:4px 12px 4px 8px;display:table;}
.left {float:left;}
.right {float:right;}
.marno {margin:0;}
.margin {margin:0 2em 0 2em;}
.martop {margin-top:1em;}
.inline {display:inline-block;}
/* instead of table */
.grid {box-sizing:border-box;max-width:100%;} /* not needed: display:table ??? */
.grid dl {margin:0.25em 0 0 0;}
.grid dt {font-size:0.875em;font-weight:bold;margin:0;}
.grid dd {margin:0;padding:0.25em 0;max-width:100%;}
.grid .celli {margin:0;padding:0.3em 0 1em 0;color:#A04088;font-size:0.875em;line-height:normal;}
.grid .inp {max-width:100%;}
.no-flick{transform:translate3d(0,0,0);}
/* tää on vähän erilainen, muista! tehty uudenpaan dialog.js (ei dialog-2.js) */
.kill-bgnd {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,50,50,0.3);opacity:0;transition:opacity 0.35s;}
.dialog {background:#f1faee;box-shadow:0 0 2em rgba(0,0,0,0.5);overflow:hidden;cursor:default;transition:0.35s;opacity:0;max-width:90%; }
.dialog.trans {transform:scale(0.9) translate(-55%,-55%);}
.dialog.show {opacity:1;}
.dialog.trans.show {transform:scale(1) translate(-50%,-50%);}
.dialog .head {position:relative;font-size:0.9125em;padding:0.25em 8px 0.2em 8px;background:linear-gradient(#004DB3,#012E7F);color:#fff;letter-spacing:1px;}
.dialog .outer {position:absolute;left:0;top:0;right:0;bottom:0;color:#333;visibility:hidden;opacity:0;}
.dialog .outer.show {visibility:visible;transition:opacity 0.35s;opacity:1;}
.dialog .inner {position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;user-select:text;}
.dialog .inner a {color:#0033CC;}
.dialog .inner hr {border:none;border-top:1px solid #9999CC;}
.dialog .inner iframe {border:none;background:transparent;width:100%;height:100%;}
.close {float:right;margin:-0.25em 0 0 0.5em;width:42px;height:16px;background:url(/img/close_nad.png);cursor:pointer;}
.close:hover {background-position: -42px 0;box-shadow:0 0 16px #fff;}
.close:active {background-position: -84px 0;}
.dialog .statusbar {position:absolute;left:0;right:0;background:#6699ff;color:#fff;text-align:center;border-top:1px solid #3377ff;}
.dialog .btn-con {position:absolute;left:0;right:0;background:rgba(0,0,100,0.1);text-align:center;border-top:1px solid rgba(0,0,100,0.2);}
.dialog .btn-con button {margin:0.5em;width:7em;background:rgba(255,255,255,0.35);border:0.125em solid rgba(0,0,100,0.3);border-radius:0.25em;transition:0.25s;}
.dialog .btn-con button:hover {background:rgba(255,255,255,0.55);border-color:rgba(0,0,0,0.55);}
.dialog .caption {box-sizing:border-box;display:flex;color:#AB3A3A;font-size:0.875em;line-height:125%;margin:0;padding:0.25em 0.5em;text-align:center;}
.dialog .caption span {width:0;flex-grow:1;}
.dialog .caption a {color:#0033ff;}
.dialog .control {font-size:0.875em;line-height:28px;padding:0.35em 0.5em 0 0.5em;background:rgba(0,0,90,0.1);}
.dialog .html {box-sizing:border-box;overflow:auto;color:#191970;padding:1em;line-height:125%;white-space:pre-wrap;}
.dialog .side {box-sizing:border-box;font-size:0.875em;padding:0 1em 1em 1em;background:#EEE8AA;max-height:100%;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;}
.dialog .side.abso {position:absolute;top:0;right:0;bottom:0;width:12em;}
.dialog .side::-webkit-scrollbar {width:0.375em;}
.dialog .side::-webkit-scrollbar-thumb {background:#c9c05f;}
/* dialog / viewer: */
.view-btn {display:inline-block;height:28px;width:28px;margin:0 0.5em;background:url(img/viewer-ctrls.png) 0 0 no-repeat;}
.view-btn.back {background-position:-4px 0px;}
.view-btn.play {background-position:-34px 0px;}
.view-btn.pause {background-position:-34px -31px;}
.view-btn.fwrd {background-position:-65px 0px;}
.bgnd {background:url(img/bg-raster.png) #EEEEFC;}
.dialog-top {background:#fff;border-bottom:1px solid #BFC8CE;padding:8px;margin:0 0 0.5em 0;}
.dialog-top h2,.dlg-h2 {line-height:50px;margin:0;color:#FFA500!important;}
.dlg-h2 {text-align:center;padding-right:52px;}
.dlgs {padding:1.5em 70px 2em 70px;color:#222;box-sizing:border-box;min-height:4em;}
.dlgs a {color:#0000ff;}
.dlgi {position:absolute;top:8px;left:8px;width:60px;height:64px;background:url(/img/dlg-icons.png) no-repeat;}
.dlgi.err {background-position: 0 0;}
.dlgi.info {background-position: -60px 0;}
.dlgi.ok {background-position: -120px 0;}
.dlgi.yesno {background-position: -180px 0;}
.dlgi.alert {background-position: -240px 0;}
.dlgi.not {background-position: -310px 0;}
.dlgi.stop {background-position: -370px 0;}
.dlgi.remark {background-position: -430px 0;}
.dlgi.add {background-position: -495px 0;}
.dlgi.edit {background-position: -556px 0;}
.dlgi.swap {background-position: -684px 0;}
.dlgi.new {background-position: -747px 0;}
.dlgi.prompt {background-position: -808px 0;}
.dlgi.mar {margin:0 -24px 0 0;}
.dlg-toast {position:fixed;left:50%;bottom:20%;max-width:50%;text-align:center;transform:translateX(-50%);padding:0.25em 1em 0.25em 1em;background:#000;color:#fff;box-shadow:0 0 1em #000;transition:opacity 0.5s;overflow:hidden;}
.popup {border-radius:0.35em;position:absolute;z-index:9;box-shadow:0.2em 0.2em 0.75em rgba(0,0,0,0.5);margin:0.25em 1em 0 0;letter-spacing:0.4px;}
.popin {padding:0.5em 1em;}
.popic {background-color:#EBF0F5;color:#333333;}
.popif {background-color:#DEEAF6;color:#003366;}
.poper {background-color:#FF6347;color:#fff;}
.popbot {border-top:1px solid rgba(0,0,0,0.3);color:rgba(0,0,0,0.5);padding:3px 12px 3px 12px;text-align:right;}
.popup.ptr::before {content:"";position:absolute;width:1em;height:1em;left:1em;top:-0.5em;background:inherit;transform:rotate(45deg);}
.pop_title {padding:4px 6px 4px 8px;color:#fff;background:#000;}
.pop_itex,.pop_mute,.pop_alert {padding:3px 16px 3px 16px;color:rgba(0,0,0,0.4);border:1px solid transparent;cursor:default;}
.pop_alert {background-color:#FFFF66;color:red;border:1px dotted #FF6600;}
.pop_itex:hover {background-color:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.3);}
.pop_item {padding:3px 16px 3px 16px;margin:2px 0 2px 0;border:1px solid transparent;cursor:pointer;border-radius:3px;}
.pop_item:hover {background-color:#5498FE;color:#fff;border:1px solid #0066CC;}
.icos {background:url(img/icon-small.png) 0 center no-repeat;padding:0 11px 0 10px;margin-right:0.5em;}
.icos.info {background-position:-3px center;}
.icos.del {background-position:-90px center;}
.icos.speech {background-position:-300px center;padding-right:18px;}
.icos.recycle {background-position:-213px center;}
.icos.trash {background-position:-330px center;}
.icos.dir {background-position:-385px center;}
.icos.home {background-position:-425px center;}
.icos.homex {background-position:-730px center;}
.icos.mail {background-position:-460px center;}
.icos.star {background-position:-490px center;}
.icos.red {background-position:-520px center;}
.icos.yellow {background-position:-550px center;}
.icos.green {background-position:-580px center;}
.icos.warn {background-position:-700px center;margin:0.24em 0.5em 0 0;}
.icos.find {background-position:-755px center;}
.icos.tool {background-position:-785px center;}
.icos.setting {background-position:-810px center;}
.icos.mar {margin-right:1em;}
.icos.big {font:1.9rem/1.9rem sans-serif;vertical-align:middle;}
.footer-div {font-size:0.875em;background:url(img/bg-footer.gif) #000;border-top:8px solid #8B008B;padding:0 0 3em 0;}
.footer {}
.footer .table-cell {padding:0 1em 2em 1em;color:#A9BAAE;}
.footer .table-cell div {padding:2px 0 2px 0;}
.footer h2 {color:#F5DB00;font:1.75em sans-serif;padding:0;margin:10px 0 8px 0;}
.footer h3 {color:#9400D3;font:1.25em sans-serif;padding:0;margin:2px 0 4px 0;}
.footer p {color:#33CC00;padding:0;margin:2px 0 2px 0;font-style:italic;}
.footer a {color:#0066FF;}
.footer hr {height:1px;border:none;border-top:1px dashed #990000;margin:9px 4px 7px 4px;}
@media (min-width:1240px) {
/* DESKTOP = 0 */
}
@media (min-width:800px) {
.help-box {float:right;width:12em;margin:0 0 1em 1em;}
/* instead of table */
.grid {}
.grid dl {display:table-row;}
.grid dt {display:table-cell;padding:0 1em 0 0.5em;vertical-align:middle;}
.grid dd {display:table-cell;vertical-align:middle;}
}
@media (min-width:1024px) {
.top-menu {}
.no-desktop {display:none;}
.table {display:table;width:100%;table-layout:fixed;border-spacing:0;}
.table-row {display:table-row;vertical-align:top;}
.table-cell {display:table-cell;}
.cell-left {padding-right:0.5em;}
.cell-center {padding:0 0.5em 0 0.5em;}
.cell-right {padding-left:0.5em;}
.maxw50-desk {max-width:48%!important;}
}
@media (max-width:1023px) {
.no-mobi {display:none;}
.footer .table-cell {text-align:center;font-size:1.125rem;}
.mobiline {line-height:2em;}
}
@media (max-width:1239px) {
/* MOBILE = 1,2 */
.mobino {display:none;}
.mobi25 {max-width:35%!important;}
.mobi20 {max-width:25%!important;}
.mobi45 {max-width:45%!important;}
.mobi50 {max-width:50%!important;}
.mobisize {}
}
@media (max-width:600px) {
/* kapea Mobile */
.mobiclear {clear:both;margin-top:2em!important;}
.mobicenter {float:none!important;display:table;margin:1em auto!important;clear:both;max-width:98% !important;}
}
/* smartphones, touchscreens: coarse (karkea) pointing device
https://css-tricks.com/touch-devices-not-judged-size */
@media (pointer:coarse) {
.loose-mobi li {padding:0.5em 0;}
.loose-mobi div {margin:0.5em 0;}
}
@media (hover: none) { }
.menu-btn {position:fixed;top:14px;right:10px;color:#fff;font:32px/40px icomoon;z-index:5;width:40px;text-align:center;background:#000;cursor:pointer;}
#menuside {position:fixed;top:68px;bottom:0;width:20em;max-width:100%;border-left:2px solid #000;opacity:1;background:#041B4D url(img/bg.gif);color:#def2f7;z-index:3;overflow-y:hidden;transition:0.5s;right:0;transform:translateX(100%);}
#menuside hr {border:none;border-bottom:1px solid rgba(255,255,255,0.2);border-top:1px solid rgba(0,0,0,0.35);}
.main-menu {padding:1em;height:100%;overflow-y:auto;}
.main-menu a {text-decoration:none;color:#fff;text-shadow:0 0 1px rgba(255,255,255,0.55);}
/*.mitem {display:block;line-height:1em;padding:0.55em 1em 0.55em 0.5em;cursor:pointer;}
.mitem:hover {background-color:rgba(255,255,255,0.3);}
.mitem::before {content:"\f078";font-family:icomoon;float:left;margin:0 0.5em 0 0;}
.mitem.act {color:#FFD700;background:rgba(0,0,0,0.2);}*/
#menuside .mitem::before {color:#FFD700;}
#menuside .mitem:hover {color:#fff;}
.sub_menu {position:fixed;display:none;z-index:7;box-sizing:border-box;padding:6px;background:#E2CE1E;color:#222;BOX_SHADOW_HEVI;cursor:default;width:20em;max-width:90%;opacity:0;transition:0.35s;transform:scale(0.9);}
.sub_menu.show {transform:scale(1);opacity:1;}
.sub_menu .mitem {padding-right:2em;margin-bottom:2px;}
.sub_menu .mitem:hover {background:rgba(255,255,255,0.75);}
.sub_menu hr {border:none;border-top:2px solid rgba(0,0,0,0.2);margin:0 0 2px 0;width:auto;}
.sub_menu .otsake {padding:0 1em 0 1.5em;margin:0 0 2px 0;color:#EEE8AA;background:#333;}
/*.index {counter-reset:index;}
.index.intrex h2 {display:inline-block;width:1.7em;text-align:center;xpadding:0.18em 0 0 0;border-radius:50%;background:#FFCC00;border:1px solid #CC6600;}
.index.intrex p {margin:0 0 1em 0px;font-size:0.8125em;color:#333;}
.index dd {margin:0 0 0 50px;padding:4px 0 2px 0;}
.index dd:before {color:#996699;width:40px;float:left;padding:0;margin:0 0 0 -44px;text-align:center;
counter-increment:index; / * Increment the index counter * /
content:counter(index) "."; / * Display the counter (index) * /
}*/
.index dd .pvm {color:#800080;font-size:0.8125em;margin-left:2em; padding:1px 4px 1px 4px; background:#E6E6FA;}
.index-letters {margin:2em 0 2em 0;}
.index-letters a {position:relative;transition:transform 0.3s;display:inline-block;width:2em;padding:0.25em 0 0.25em 0;text-align:center;border-radius:1em;background:#B0C4DE;margin:0 1em 8px 0;}
.index-letters a:hover {background:#CC99FF;transform:scale(1.25);}
.luvut a {display:inline-block;min-width:1.8em;line-height:1.65em;padding:0.15em 0 0 0;text-align:center;margin:0.25em;background:rgba(255,255,255,0.5);border-radius:50%;transition:transform 0.1s;}
.luvut a:hover {background:#fff;transform:scale(1.25);}
.message {padding:0.5em;margin:0.5em 0 1em 0;display:table;font-style:italic;border-radius:5px;BOXSHADOW;}
.message.red {background:#FF3300;color:#fff;}
.message.red a {color:#FFFF00;}
.message.yellow {background:#FFFF66;color:#864500;}
.message.khaki {background:#EAEFB3;}
.message.gold {background:#FFD700;color:#000;}
.message.orange {background:#FFA500;color:#000;}
.message.orange a {color:#800000;}
.message.green {background:#00CC00;color:#fff;}
.message.green a {color:#FFFF00;}
.message.blue {background:#3399CC;color:#fff;}
.message.blue a {color:#FFFF33;}
.message.purple {background:#8B008B;color:#fff;}
.message.purple a {color:#FFFF00;}
.message.thistle {background:#D8BFD8;color:#301E30;} /* vaalea purple */
.message.white {background:rgba(255,255,255,0.7);}
.message.black {background:#000;color:#CC3300;}
.message.black a {color:#3366FF;}
.message.pale {background:#F1F5F5;color:#333;}
.message q {color:inherit;}
.message p {margin:0.2em 0 0.2em 0;}
.bigger {font-size:2rem;line-height:125%;}
.pergament {padding:0.5em 0.5em 0.5em 1em;background:url(img/pergament.jpg);color:#4C250B;}
.grupo_tbl {width:100%;border-spacing:0;}
.grupo_tbl tr {vertical-align:top;}
.grupo {margin:0 0 24px 0;border-radius:6px;overflow:hidden;border:2px solid #fff;background:#fff;BOXSHADOW;}
.grupo .bimg {float:right;margin:0.5em;}
.grupo h3 {margin:0 0 0.25rem 0;padding:0 0 0 0.5em;line-height:175%;background:#3399CC;color:#fff;box-shadow:0 0 12px rgba(0,0,50,0.4);border-bottom:1px solid rgba(0,0,0,0.1);}
.grupo h4 {margin:0;padding:0.5em 0.75em;border-top:1px solid rgba(0,0,0,0.1);}
.grupo em {font-size:0.875em;line-height:140%;margin:0.25em 0 0.65em 0;display:block;}
.grupo p {margin:0;padding:0.25em 0.75em;}
.grupo hr {margin:0;border:none;border-top:1px solid rgba(0,0,0,0.1);}
.grupo.rose h3 {background:#FF7F50;}
.grupo.green h3 {background:#66CC33;}
.grupo.red h3 {background:#FF3300;color:#fff;}
.grupo.violet h3 {background:#9400D3;color:#fff;}
.grupo.black h3 {background:#000;color:#fff;}
/* raamattu */
.raam_kirja {}
.raam_kirja p b {display:inline-block;margin:4px 0 0 0;}
.raam_extra {margin:0 8px 0 0;float:right;letter-spacing:1px;}
.raam_surf {float:right;margin:0 0 8px 8px;background:rgba(255,255,255,0.5);text-align:right;padding:4px;border-radius:5px;}
.raam_luku {padding:2px 8px 2px 8px;color:#fff;background:#3380cc;border-radius:5px;}
.raam_luku span {float:right;}
.raam_luku a {font-weight:bold;color:#fff;}
.raam_luku a:hover {color:#00ff00;}
.raam_pop {padding:1em 3% 2em 4%;color:#311E00;line-height:160%;background:#FFFAF0 url(img/canvasb.png);}
.raam_pop p {line-height:1.25em;margin:0.25em 0;}
.raam_pop .bo {}
.raam_pop a {color:#0000FF;}
.raam_jae {background:rgba(0,255,0,0.2);color:#000;padding:0.125em 0.3em 0.125em 0.5em;margin:0.25em -0.3em 0.25em -0.5em !important;box-shadow:0 0 4px #90EE90 inset;border-radius:5px;}
.raam_next {float:right;text-align:right;margin:4px 2px 4px 0;color:#FF6600;}
.raam_head {background:url(img/icon-bible.png) 0 0 no-repeat;padding:16px 0 0 100px;min-height:52px;color:#000;font-size:1.25em;margin:4px 0 4px 0;}
.raam_head span{color:#D2691E;font-size:0.875em;margin-left:1em;}
#raam_tulos_kehys {padding:0.5em;margin:1em 0;background:rgba(255,255,255,0.75);border-radius:0.25em;color:#333;display:none;BOXSHADOW;}
#raam_tulos_tools {float:right;margin:4px;}
#raam_haku_tulos p {margin:0;}
#raam_haku_tulos u {text-decoration:none;color:#CC0000;}
#raam_haku_loop {font-size:0.8125em;}
.raam-haku-historia {padding:0.25em 0 4em 0;}
.raam-haku-historia div {padding:0.25em 0 0.25em 1em;cursor:pointer;border-bottom:1px solid #E1C4FF;}
.raam-haku-historia div:hover {background:#E1C4FF;text-shadow:1px 1px 2px #fff;}
#raam_navi1,#raam_navi2 {padding:4px 0 8px 0;min-height:75px;cursor:default;}
.jae_found {background:yellow;color:red;}
.lnk_kirjat { width:100%;table-layout:fixed;}
.lnk_kirjat td {}
.lnk_kirjat li {padding:0 0 4px 0;}
/*
.hand {cursor:pointer;}
.icomoon {font-family:icomoon;}
.icomoon.ok::before {content:"\ea10";color:#009900;}
.icomoon.not::before {content:"\e901";color:#FF3300;}
.icona::after {font-family:icomoon;vertical-align:middle;margin:0 0 0 0.5em;}
.icona.mitena::after {content:"\f078";color:#FFD700;}
.icon::before {font-family:icomoon;vertical-align:middle;margin:0 0.75em 0 0;}
.icon.home::before {content:"\e903";}
.icon.ar-up::before {content:"\e316";}
.icon.ar-left::before {content:"\e314";}
.icon.ar-rigth::before {content:"\e315";}
.icon.ar-down::before {content:"\e313";}
.icon.book::before {content:"\f007";}
.icon.books::before {content:"\f001";}
.icon.search::before {content:"\f02e";}
.icon.pics::before {content:"\e90e";}
.icon.notify::before {content:"\e951";}
.icon.settings::before {content:"\f02f";}
.icon.memo::before {content:"\e907";}
.icon.bookmarks::before {content:"\e9d3";}
.icon.info::before {content:"\e905";}
.icon.infoblue::before {content:"\e905";color:#0079D3;}
.icon.close::before {content:"\e906";}
.icon.close-red::before {content:"\e906";background:#EE3B3B;color:#fff;border-radius:0.2em;}
.icon.ok::before {content:"\ea10";color:#009900;}
.icon.not::before {content:"\e901";color:#FF3300;}
*/
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.abso {float:left;position:fixed;}
.red {color:red;}
.alarm {background-color:red;color:#fff;}
.clear {clear:both;}
.pre-wrap {white-space:pre-wrap;} /* */
.inline {display:inline-block;}
.coverup {margin:0;height:0;overflow:hidden;transition:height 0.5s;}
.tbl00 {width:100%;border-spacing:0;}
.tbl00 td {padding:0;}
.hidden {visibility:hidden; position:absolute;top:-99999px;left:-9999px;}
h1,h2 {line-height:normal;font-weight:400;color:#003399;}
h1 {text-shadow:0 0 0.225em rgba(0,0,60,0.2);}
.lnk {padding-left:17px;background:url(img/link-red.png) 1px center no-repeat;color:inherit;}
.lnk:hover {background-position:3px center;}
.lnk2 {padding-left:17px;background:url(img/link-green.png) 1px center no-repeat;}
.google {padding-left:28px;background:url(img/i-google.gif) 2px center no-repeat;}
.linko {padding-left:28px;background:url(img/link-new-win.png) 4px center no-repeat;}
.wiki {padding:0 0 0 28px;background:url(img/wiki-lnk.gif) 2px center no-repeat;}
.historia {padding:0 0 0 28px;background:url(img/historia-net.png) 2px center no-repeat;}
.youtube {padding:0 0 0 28px;background:url(img/youtube_icon.png) 2px center no-repeat;}
.youtube_big {padding:4px 0 4px 90px;background:url(http://www.youtube.com/yt/img/logo_1x.png) 0 center no-repeat;}
.youtube_big div {padding:2px 8px 2px 8px;background-color:#336699;color:#fff;display:inline-block;border-radius:6px;}
.pop {padding-left:17px;background:url(img/link-popup.gif) 5px 2px no-repeat;}
.pop:hover {background-position:5px -18px;}
.bible {padding:0 2px 0 36px;background:url(img/i-bible.png) 2px center no-repeat;}
.bible.luettu {background-color:#CFF8CF;border-radius:3px;box-shadow:0 0 4px #90EE90 inset;}
.risulink {cursor:pointer;}
.risulink:hover::after {content:" #";}
.map {padding-left:26px;background:url(img/map-pin.png) 5px center no-repeat;}
.fedit {padding:2px 8px 2px 24px;background:url(img/edit.png) 3px center no-repeat;}
.tv7 {padding:0 0 0 52px;background:url(img/tv7-pieni.png) 3px center no-repeat;}
.video {background:url(img/ii-video.png) 2px center no-repeat;padding:1px 4px 1px 40px;}
.read_more {display:inline-block;line-height:26px;padding-right:32px;background:url(img/lnk-arrow.png) right 0 no-repeat;}
.read_more:hover {background-position:right -26px;}
.breaf {font-weight:bold;font-family:serif;}
.quoted {padding:1em 0 1em 0;font-style:italic;}
.story p:first-letter {font-weight:bold;margin:0 0.05em 0 0.5em;font-size:1.125em;}
.quote {margin-left:3rem;padding-left:1rem;border-left:3px solid rgba(200,0,90,0.4);color:#003366;font-family:sans-serif;}
.quote:before {font:italic 2.6em/1em sans-serif;content:'“ ';color:red;float:left;margin:0 0 0 -3rem;padding-right:1rem;}
.padleft {padding-left:1.33em;display:block;}
.part50 {display:inline-block;max-width:50%;margin-right:1em;vertical-align:top;}
.legend {padding:0.7em 2em 0.7em 0.7em;}
.typewriter {font:1.125em/150% "ELEGANT TYPEWRITER";color:#111;letter-spacing:0.3px;}
blockquote {font-style:italic;padding:4px 8px 4px 8px;border-radius:5px;}
blockquote.dark {color:#FFFFFF;background:#6699CC;border:1px solid rgba(0,0,0,0.4);}
blockquote.pale {color:#005680;background:rgba(255,255,255,0.4);border:1px solid rgba(255,255,255,0.4);color:#990066;}
.article_link {margin:1em 0 1em 0;padding:0 1em 1em 1em;display:table;color:#8B4513;background:#F5F5DC;BOXSHADOW;}
.kommentti {display:table;border:1px dashed #555;background:rgba(0,0,0,0.07);padding:0.25em 1em 0.25em 0.5em;border-radius:5px;}
.legend {background:#6495ED;color:#CCFFFF;}
.korostus {background:#FFCC99;padding:0 0.3em 0 0.3em;}
.capper {clear:both;margin-top:3em;}
.devider {height:17px;background:url(img/star-3.png) center center no-repeat;}
.fonthead {font:1em/175% sans-serif;}
.fontmono {font-family:monospace;}
.fontserif {font-family:serif;}
.fontsans {font-family:sans-serif;}
.fontbase {font-family:sans-serif;}
.fontnarrow {font-family:arial;}
.fonts75 {font-size:0.75rem;}
.fonts80 {font-size:0.8125rem;}
.fonts85 {font-size:0.875rem;}
.fonts90 {font-size:0.9375rem;}
.fonts100 {font-size:1rem;}
.fonts110 {font-size:1.125rem;}
.fonts125 {font-size:1.25rem;}
.fonts150 {font-size:1.5rem;}
.fonts200 {font-size:2rem;}
.user-name {color:#FFD700;}
#login,#logout {display:none;}
.listing {}
.listing li {margin:0.4em 0 0.4em 0;}
.tool_bar {padding:3px 8px 3px 8px;background:#E6E6FA;color:#8080C0;}
.index {counter-reset:index;}
.index.intrex h2 {font-size:1.125em;display:inline-block;font-weight:bold;line-height:1.7em;width:1.7em;text-align:center;padding:0.25em 0 0 0;background:#EFFFAE;color:#009900;text-shadow:none;border:2px solid #CCFF00;}
.index.intrex h3 {margin:0;}
.index.intrex p span {color:#DAA520;}
.index.intrex p {margin:0 0 1em 0px;font-size:0.875em;}
.index dd {margin:0 0 0 50px;}
.index dd:before {color:#CC3333;width:40px;float:left;padding:0;margin:0 0 0 -44px;text-align:center;
counter-increment:index; /* Increment the index counter */
content:counter(index) "."; /* Display the counter (index) */
}
.icon_usr {display:inline-block;width:50px;height:50px;background:url(img/user-icons.png) 0 6px no-repeat;}
.icon_usr.login {background-position: -56px 0;}
.icon_usr.signup {background-position: -110px 0;}
.icon_usr.edit {background-position: -160px 0;}
.icon_usr.del {background-position: -210px 0;}
.icon_usr.key {background-position: -270px 0;}
.icon_usr.member {background-position: -384px 0;width:80px;}
.pagedate{color:#6699FF;font-size:11px;clear:both;text-align:right;padding-top:16px;}
.extra-info {padding:1px 1em 1px 1em;background:#E6E6FA;} /* äh, 1px = tärkeä, jotta margins work */
.extra-info ul {padding:0 0 0 1.25em;margin:0;}
button {font:inherit;cursor:pointer;outline:none;-BRW-user-select:none;}
button *, .valign {vertical-align:text-bottom;}
.boton {font:500 1.125em/125% sans-serif;padding:0.3em 1em 0.25em 1em;color:#fff;margin:0 0.5em 0 0;border-radius:0.25em;border:2px solid #fff;background:none;}
.boton.w100 {display:block;}
.boton img {float:right;margin:0 -11px 4px 20px;}
.boton.ok {padding-right:1.85em;background:url(img/btn-ok.svg) 0.25em 0.25em no-repeat;}
.boton:hover {text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.boton a {color:inherit;cursor:pointer;}
.boton a:hover {color:inherit;}
.boton em {color:#000;font:italic 0.778em/140% serif;display:block;margin:0.25em 55px 0 0;}
.boton.right {margin:0 0 0.5em 1em;}
.boton.setti {margin:0.25em 0.5em 0.25em 0;}
.boton.default {background-color:#7D81B7;}
.boton.orange {background-color:#FF9900;}
.boton.yellow {background-color:#F5DB00;color:#990000;}
.boton.yellow a {color:#FF4500;}
.boton.yellow:hover {text-shadow:1px 1px 1px #FFFF66;}
.boton.violet {background-color:#993366;}
.boton.violet em {color:#FFCC33;}
.boton.green {background-color:#33CC00;}
.boton.black {background-color:#222;}
.boton.black {color:#0066FF;}
.boton.blue {background-color:#0066FF;}
.boton.blue em {color:#66FFFF;}
.boton.pink{background-color:#FF00CC;}
.boton.red {background-color:#E31C19;}
.boton.dusky {background-color:rgba(0,0,0,0.2);}
.boton.dusky em {color:#000;}
.boton.shade {box-shadow:2px 2px 6px rgba(255,255,255,0.2) inset, 2px 2px 8px rgba(0,0,0,0.2);}
.boton:disabled {color:#999;background-color:#D1D1D5;text-shadow:1px 1px 1px #fff;border-color:#bbb;pointer-events:none;}
.boton:disabled a {cursor:default;color:inherit;}
.boton:disabled em {color:inherit;}
.boton:disabled img {filter:grayscale(100%);opacity:0.4;}
.boton:active {border-color:rgba(0,0,0,0.25)}
.boton:focus {border-color:yellow;}
.upper {text-transform:uppercase;}
.nowrap {white-space:nowrap;}
.shadow {border:1px solid #bbc;BOX_SHADOW;}
.w100 {width:100%;box-sizing:border-box !important;}
pre,code {tab-size:4;}
form,video,iframe {margin:0;display:block;max-width:100%;}
iframe {border:none;}
.form {color:#453935;box-sizing:border-box;position:relative;overflow:hidden;font-family:sans-serif;}
.form.pad_doc {padding:0.5em 2em 2em 2em;}
.form.pad_dlg {padding:0.5em 1em 1em 1em;}
.form.pad_ico {padding:0.5em 2em 1em 2em;}
.form.pad_16 {padding:1em;}
.form h5 {font-size:0.875em;margin:0.5em 0 0.25em 0;}
.form .h5 {font-size:0.875em;}
.form a {color:#003399;}
.form a:hover {color:#CC0000;text-decoration:underline;}
.form .bright {color:#009900;}
.form .tbl {border-spacing:0;}
.form .padbot {padding-bottom:0.5em;}
.form .tbl td {}
.form .inp {font:1.0em/140% monospace;padding:0.25em 0.5em 0.2em 0.5em;border:1px solid #BFC8CE;border-radius:2px;color:#483D8B;background-color:#fff;outline:none;box-sizing:border-box;}
.form .inp.sans {font:inherit;}
.form .inp:hover {background-color:#fff;}
.form .inp:disabled {color:#777;border:1px solid #aaa;background-color:#f0f0f0;}
.form input:read-only {color:#777;}
.form sup {color:#C71585;}
.form .html {color:#0033CC;}
.form .right {margin:0 6px;}
.form .minus {margin:0 -1em 0 0;}
.form textarea {resize:none;margin:0;outline:none;display:block;}
.font13 {font-size:0.8125em!important;}
.font14 {font-size:0.875rem!important;}
.font16 {font-size:1rem!important;}
.font18 {font-size:1.125rem!important;}
/* for custom checkbox & radio, usage:
*/
label {margin-right:1em;line-height:1.25;cursor:pointer;display:inline-block;}
label input {display:none;}
label b {position:relative;display:inline-block;top:0.125em;width:1em;height:1em;background:rgba(0,0,0,0.25);margin:0 0.5em 0 0;}
label b.lite {background:rgba(255,255,255,0.25);}
label input:checked+b {background:#0033ff;color:#fff;}
label input[type="checkbox"]+b {border-radius:0.125em;}
label input[type="checkbox"]:checked+b::after {content:" ";position:absolute;width:0.25em;height:0.5em;left:0;bottom:0.1875em;border-bottom:0.1875em solid #fff;border-right:0.1875em solid #fff;transform-origin:bottom right;transform:rotate(45deg);border-radius:0.125em;}
label input[type="radio"]+b {border-radius:50%;box-sizing:border-box;}
label input[type="radio"]:checked+b {background:#fff;border:0.25em solid #0033ff;}
label.disabled {opacity:0.5;pointer-events:none;filter:blur(1px) sepia(100%);}
.pic {position:relative;}
.pic.left {margin:0 1em 0.5em 0;float:left;}
.pic.right {margin:0 0 0.5em 1em;float:right;}
.pic.center {display:table;text-align:center;margin:2em auto;clear:both;}
.pic.frame {display:table;padding:0.375em;background:#fff;box-shadow:0 0 0.35em rgba(0,0,0,0.2);}
.pic .txt,.text {display:flex;color:#586878;font-size:13px;line-height:125%;margin:0;padding:0.25em;text-align:center;}
.pic .txt i {width:0;flex-grow:1;}
.thumbnails img,.thumb {margin:0 8px 8px 0;width:80px;height:80px;border:4px solid #fff;box-shadow:0 0 6px #A9A9A9;}
.thumbnails img:hover {cursor:pointer;box-shadow:0 0 12px #9394BF;}
.pic.mobi,.maxw50 {max-width:50%!important;}
.maxw40 {max-width:40%!important;}
.maxw25 {max-width:25%!important;}
/*div.center {display:table;margin:2em auto;clear:both;}*/
.video-yt {cursor:pointer;position:relative;}
.video-yt::after {content:"";color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/video-yt.png) center center no-repeat;opacity:0.85;}
.video-yt:hover::after {opacity:1;}
/*.video-con {position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.video-con::after {content:"";color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(img/i-play-48.png) center center no-repeat;opacity:0.75;}
.video-con:hover::after {opacity:1;}
.video-con .obj {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}*/
.video-con {position:relative;background:#000;display:inline-block;max-width:100%;box-sizing:border-box;}
.video-con .poster {display:block;width:100%;height:auto;}
.video-con .btn-play {width:72px;height:72px;cursor:pointer;position:absolute;top:50%;left:50%;margin:-36px 0 0 -36px;z-index:3;}
.video-con video {width:100%;height:100%;}
.ar-16-9 {aspect-ratio:16/9;}
video::cue {background:rgba(0,0,0,0.5);font-size:1.125em;line-height:125%;}
.cue-yellow::cue {background:rgba(0,0,0,0.5);color:#FFFF00; text-shadow:0.1em 0.1em 0.1em #000;}
.watermark {position:absolute;top:4px;right:4px;opacity:0.5;z-index:3;pointer-events:none;}
.video_thumb::before {content:"VIDEO";font:bold 16px/21px sans-serif;letter-spacing:1px; color:red;position:absolute;left:-30px;top:30px;height:20px;width:80px;text-align:center;transform:rotate(-90deg);margin:0;}
.video_thumb {display:inline-block;position:relative;width:120px;height:80px;box-sizing:content-box; background:#000 url() 20px 50% no-repeat;padding-left:20px;border:4px solid #fff;color:#fff;font:13px sans-serif;overflow:hidden;margin:0 8px 8px 0;cursor:pointer;BOXSHADOW;}
.video_thumb .title {display:inline-block;padding:2px;margin:0;background:rgba(255,0,0,0.3);overflow:hidden;text-shadow:1px 1px 0 #000;}
.video_thumb .dura {position:absolute;bottom:4px;right:4px;color:#FFD700;}
.video_thumb:hover {box-shadow:0 0 16px rgba(0,0,0,0.5);}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width100 {width:100%;}
.botmenu {position:fixed;box-sizing:border-box;left:0;bottom:0;width:100%;height:2em;z-index:9;line-height:2em;background:rgba(139,69,190,0.9);color:#000;cursor:default;white-space:nowrap;overflow:auto hidden;text-align:center;transition:height 0.3s;}
.botmenu a {color:#fff;text-shadow:1px 1px 0 #660066;padding:0 1em 0 1em;}
.botmenu i {font-style:normal;}
@media print {
.raam_luku {color:#000;padding:0;}
.message {box-shadow:none;}
a,h1,h2,h3,h4,.bible {background:none;padding:0;}
div:not(.div_inner),#ad_top,.screen {display:none;}
.screen {display:none;}
}