body {background-color: #cc7722; background-image: url('kuvat/taustaocto.jpg'); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; margin: 0; padding: 0;}
.subsheet {width: 80%; margin-left: 10%; margin-right: 10%; padding: 1.5em 0 1.5em 0; background-color: #ffffff; border: 0; clear:both;}
.sheetfill {width: 100%; height: 40px; 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: 1em/2em sans-serif; color:#000000;}
.presstxtleft {margin-left: 10%; margin-right: 10%; text-align: left; font: 1em/1.6em sans-serif; color:#000000;}
.bodytxtcenter {margin-left: 10%; margin-right: 10%; text-align: center; font: 1em/2em sans-serif; color:#000000;}
.tilaustxt {margin-left: 10%; margin-right: 10%; text-align: center; font: 0.8em/1.5em sans-serif; color:#000000;}
.listtxtleft {margin-left: 10%; margin-right: 10%; text-align: left; font: 0.8em/1.6em sans-serif; color:#000000;}
.txtleft {margin-left: 10%; margin-right: 10%; text-align: left; font: 1em/1.6em sans-serif; color:#000000;}
.whitetxt {text-align: center; font: 0.8em/1.5em sans-serif; color:#ffffff;}
p {}
h1 {text-align: left; font: bold 1.5em/2.2em arial, sans-serif; color:#cc7722;}
h2 {text-align: left; font: bold 1.125em/1.7em arial, sans-serif; color:#cc7722;}
.centertxt {width: 100%; text-align: center; clear: both;}
.alignright {float: right; margin-right: 2%;}
.alignleft {float: left; margin-left: 2%;}
.alignrightbox img {display: inline-block; float: right; border: solid 1px #000000; margin: 1.5em .4em .4em 1em;}
.alignleftbox img {display: inline-block; float: left; border: solid 1px #000000; margin: 1.5em 1em .4em .4em;}
.down {position: relative; top: 2px;}
a:link {color:#000000; text-decoration: underline;}
a:visited {color:#000000; text-decoration: underline;}
a:focus {color:#acacac; text-decoration: underline;}
a:hover {color:#acacac; text-decoration: underline;}
a:active {color:#acacac; text-decoration: underline;}
.tekstilista {width: 100%; text-align: left; font: 0.8em/1.7em arial, sans-serif; clear: both;}
.tekstilista ul {margin: 0; padding: 0; list-style: none;}
.tekstilista li {float: left; margin: .4em .8em .4em 0;}
.whitetxt a:link {color:#ffffff; text-decoration: none;}
.whitetxt a:visited {color:#ffffff; text-decoration: none;}
.whitetxt a:focus {color:#ffffff; font-weight: bold; text-decoration: underline;}
.whitetxt a:hover {color:#ffffff; font-weight: bold; text-decoration: underline;}
.whitetxt a:active {color:#ffffff; font-weight: bold; text-decoration: underline;}
.imgbox {position: relative;}
#buttons {text-align: center; font: 1em arial, sans-serif;}

@media (min-width: 671px) {
#page {width: 600px; height: 100%; margin-left: auto; margin-right: auto;}
.sheet {width: 600px; background-color: #ffffff; margin-left: auto; margin-right: auto; opacity: .86; border: solid 1px #000000; border-radius: 4px; box-shadow: 3px 3px 2px black;}
.sheetm {width: 400px; margin-left: auto; margin-right: auto; background-color: #ffffff; opacity: .86; border: solid 1px #000000; border-radius: 4px; box-shadow: 3px 3px 2px black;}
.sheetcomic {width: 324px; margin-left: auto; margin-right: auto; background-color: #ffffff; opacity: .86; border: solid 1px #000000; border-radius: 4px; box-shadow: 3px 3px 2px black;}
.imgscale1 {display: inline-block; width: 400px; margin-left: 100px; margin-right: 100px;}
.imgscale2 {display: inline-block; width: 340px; margin: 30px;}
.imgscale3 {display: inline-block; width: 244px; margin: 40px 40px; cursor: pointer;}
.imgscale4 {display: inline-block; width: 424px; margin-left: 88px; margin-right: 88px;}
.imgscale5 {display: inline-block; width: 240px; margin: 30px 90px 0 70px;}
.mobi {display: none;}
.screen {display: inline;}
}

@media (max-width: 670px) {
#page {max-width: 100%; min-width: 300px; height: 100%;}
.sheet {width: 90%; background-color: #ffffff; margin-left: 5%; margin-right: 5%; opacity: .86; border: solid 1px #000000; border-radius: 4px; box-shadow: 3px 3px 2px black;}
.sheetm {width: 60%; margin-left: 20%; margin-right: 20%; background-color: #ffffff; opacity: .86; border: solid 1px #000000; border-radius: 4px; box-shadow: 3px 3px 2px black;}
.sheetcomic {width: 48%; margin-left: 26%; margin-right: 26%; background-color: #ffffff; opacity: .86; border: solid 1px #000000; border-radius: 4px; box-shadow: 3px 3px 2px black;}
.imgscale1 {display: block; width: auto; max-width: 66%; height: auto; max-height: 64%; margin-left: 17%; margin-right: 17%;}
.imgscale2 {display: block; width: auto; max-width: 84%; height: auto; max-height: 84%; margin: 8%;}
.imgscale3 {display: block; width: auto; max-width: 76%; height: auto; max-height: 74%; margin: 13% 12%; cursor: pointer;}
.imgscale4 {display: block; width: auto; max-width: 70%; height: auto; max-height: 68%; margin-left: 15%; margin-right: 15%;}
.imgscale5 {display: block; width: auto; max-width: 60%; height: auto; max-height: 60%; margin: 10% 22% 0 18%;}
.mobi {display: inline;}
.screen {display: none;}
}