body {background-color: #90ee90; background-image: url('kuvat/tmtausta.jpg'); background-position: center top; background-repeat: no-repeat; margin: 0; padding: 0;}
.imgscale1 {display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; margin-left: 0; margin-right: 0;}
.sheetfill {width: 100%; height: 30px; clear: both;}
.sheetfilltoc {width: 100%; height: 16px; clear: both;}
.fill10 {height: 10px;}
.fill20 {height: 20px;}
.fill30 {height: 30px;}
.fill40 {height: 40px;}
.fill50 {height: 50px;}
.bodytxtleft {margin-left: 10%; margin-right: 10%; text-align: left; font: medium/1.6em Verdana, sans-serif; color:#000000;}
.bookinfotxt {margin-left: 10%; margin-right: 10%; text-align: left; font: medium/1.4em Verdana, sans-serif; color:#000000;}
.bodytxtcenter {margin-left: 10%; margin-right: 10%; text-align: center; font: medium/2em Verdana, sans-serif; color:#000000;}
.txtcenter {margin-left: 10%; margin-right: 10%; text-align: center; font: medium/1.5em Verdana, sans-serif; color:#000000;}
.tilaustxt {margin-left: 10%; margin-right: 10%; text-align: left; font: small/1.5em Verdana, sans-serif; color:#000000;}
.tilaustxtcenter {margin-left: 5%; margin-right: 5%; text-align: center; font: small/1.5em Verdana, sans-serif; color:#000000;}
.copytxt {text-align: center; font: small/1.5em Verdana, sans-serif; color:#008000;}
p {font-family: Verdana, sans-serif; color:#000000;}
h1 {font: bold x-large Verdana, sans-serif; color:#32cd32;}
h2 {font: bold large Verdana, sans-serif; color:#32cd32;}
h3 {font: bold medium Verdana, sans-serif; color:#32cd32;}
button {font: large Verdana, sans-serif; color:#000000; cursor: pointer;}
.centertxt {width: 100%; text-align: center; clear: both;}
.alignleft {float: left; margin-right: 4%; border: solid 1px #000000; margin-bottom: 2%;}
.alignright {float: right; margin-right: 4%;}
.down {position: relative; top: 2px;}
a img {border: none;}
a:link {color:#000000; text-decoration: underline;}
a:visited {color:#000000; text-decoration: underline;}
a:focus {color:#32cd32; text-decoration: underline;}
a:hover {color:#32cd32; text-decoration: underline;}
a:active {color:#32cd32; text-decoration: underline;}
.toc a {display: block; padding: .45em .7em .45em .7em; margin: .4em 1em .4em 0; border: solid 1px #008000; background-color: #ffffff; color: #CCCCCC; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.toc a:link {color: #000000; text-decoration: none;}
.toc a:visited {color: #000000; text-decoration: none;}
.toc a:focus {color: #32cd32; text-decoration: underline;}
.toc a:hover {color: #32cd32; text-decoration: underline;}
.toc a:active {color: #32cd32; text-decoration: underline;}
.toc ul {margin: 0; padding: 0; list-style: none;} 
.toc li {float: left;}
.tocu {display: inline; color: #32cd32; text-decoration: underline;}
h2 a:link {color: #32cd32; text-decoration: none;}
h2 a:visited {color: #32cd32; text-decoration: none;}
h2 a:focus {color: #32cd32; text-decoration: underline;}
h2 a:hover {color: #32cd32; text-decoration: underline;}
h2 a:active {color: #32cd32; text-decoration: underline;}
h3 a:link {color: #32cd32; text-decoration: none;}
h3 a:visited {color: #32cd32; text-decoration: none;}
h3 a:focus {color: #32cd32; text-decoration: underline;}
h3 a:hover {color: #32cd32; text-decoration: underline;}
h3 a:active {color: #32cd32; text-decoration: underline;}
.imgbox {position: relative;}
.cpointer {cursor: pointer;}
form {border: none;}
#losa1 {display: inline;}
#losa2 {display: none;}
#losa3 {display: none;}
#losa4 {display: none;}
#kirjat input {float: left; position: relative; right: 1em; bottom: .3em; cursor: pointer;}
#kirjat label {display: block; margin-left: 1.5em; margin-top: -.4em; margin-bottom: -.4em; cursor: pointer;}
#personal {background: #ffffff;}
#personal label {font-size: small; font-family: Verdana, sans-serif; margin-top: .2em;}
#personal input {font-size: medium; font-family: Verdana, sans-serif; line-height: 1.4em; margin-bottom: .2em;}
#message {background: #ffffff;}
#message label {font: small Verdana, sans-serif; margin-top: .2em;}
textarea {font: medium/1.4em Verdana, sans-serif; margin-bottom: .2em;}
.buttons {text-align: center; font: large Verdana, sans-serif; cursor: pointer;}
fieldset {border: none; margin-bottom: 2%;}
input:checked + label {font-weight: bold;}

@media (min-width: 771px) {
#page {width: 770px; height: 100%; margin-left: auto; margin-right: auto;}
.toc {width: 700px; height: 40px; margin-left: 35px; margin-right: 35px; padding: 1% 0 1% 0; font: .8em/1.2em Verdana, sans-serif; text-align: center;}
.sheet {width: 700px; margin-left: 35px; margin-right: 35px; background-color: #ffffff; border: solid 1px #008000; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.sheetlogo {width: 700px; margin-left: 35px; margin-right: 35px; opacity: 0.9;}
.sheetleft {width: 330px; min-height: 260px; float: left; margin-left: 35px; padding: 0.5em 0 .2em 0; background-color: #ffffff; border: solid 1px #008000; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.sheetright {width: 330px; min-height: 260px; float: right; margin-right: 35px; padding: 0.5em 0 .2em 0; background-color: #ffffff; border: solid 1px #008000; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.mobi {display: none;}
.screen {display: inline;}
}

@media (max-width: 770px) {
#page {max-width: 100%; min-width: 300px; height: 100%;}
.toc {width: 90%; height: 40px; margin-left: 5%; margin-right: 5%; padding: 1% 0 1% 0; font: .8em/1.2em Verdana, sans-serif; text-align: center;}
.sheet {width: 90%; margin-left: 5%; margin-right: 5%; background-color: #ffffff; border: solid 1px #008000; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.sheetlogo {width: 90%; margin-left: 5%; margin-right: 5%; opacity: 0.9;}
.sheetleft {width: 90%; margin: 0 5%; padding: 0.5em 0 .2em 0; clear: both; background-color: #ffffff; border: solid 1px #008000; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.sheetright {width: 90%; margin: 0 5%; padding: 0.5em 0 .2em 0; clear: both; background-color: #ffffff; border: solid 1px #008000; opacity: 0.9; box-shadow: 3px 3px 2px #008000;}
.mobi {display: inline;}
.screen {display: none;}
}