p { max-width: 40em; }

@media screen {
body    { background: #ffe;
          color: #000; }
:link    { color : #0000af; background : transparent ; }
:visited { color : #609; background : transparent ; }
a:link:hover, a:visited:hover
 { color : #f33; background : white ;
   text-decoration: none; }
a:link:active {    background: yellow;
                   color: red;
                   text-decoration: none; }
a:visited:active { background: #ffc;
                   color: red;
                   text-decoration: none; } }

@media print {
* { color: black; background: white; }
:link, :visited { text-decoration: none; } }

h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h2 { margin: 1em 0 0.4em 0; }
h3 { margin: 1em 0 0.7em 0; }
h4 { margin: 1em 0 0.5em 0; }

h2, h3, h4 { page-break-after: avoid; }
p { orphans: 2;
    widows: 2; } 
#johdanto { page-break-before: always; }
.kk { page-break-inside: avoid; }

p { text-indent: 1.3em;
    margin: 0; }
p.a { text-indent: 0;
      margin-top: 0.5em; }

blockquote { margin-top: 0.2em;
             font-family: "Times New Roman", serif;  }

/*
@media screen { body { font-family: Arial, sans-serif; } }
@media print  { body { font-family: "Times New Roman", serif; }
                #itse-taulukko,
                h1, h2, h3, h4 { font-family: Arial, sans-serif; } }
*/
b.hlo { font-weight: 600; }


@media print  { table.x { page-break-before: always; } }
@media screen { table.x { margin-top: 1em; } }

/*
table.x   { table-layout: fixed; }
th.koodi  { width: 5ex; }
th.merkki { width: 1.6em; }
th.nimet  { width: 36em; }
*/

caption { font-size: 120%; }
th      { text-align: left; }
th.p    { font-size: 70% }
th.u    { font-family: "Courier New", monospace; 
          font-weight: normal;
          text-align: center; }
.codes th,
td      { font-size: 75%; }
td.c    { font-size: 170%; 
          text-align: center; }
@media screen {
td.ctl  { background: #fff; color: #000; } }

@media screen {
.kok { background: #ffc;
       font-weight: bold;
       color: black; } }
.kok { font-family: Arial, sans-serif;
       text-align: center; }
.kok td { font-size: 100%; }
.kok .nro { font-size: 90%;
            font-weight: normal; }
.kok .enimi { font-style: oblique; }

.engl   { font-style: italic; }

.luku { word-spacing: -0.08em; }

.vain-paperille { display: none; }
@media print { .vain-paperille { display: inline; }
               .ei-paperille { display: none; }
 }

table.kk      { border-collapse: collapse;
                border: none;
                table-layout: fixed;
                margin-bottom: 1em; }
table.kk td   { width: 3em; }
table.kk td.c { width: 2em; 
                color: black;
                background: white;  }
table.kk td   { border: solid 1px black;
                border-left-style: none;
                vertical-align: baseline;
                padding-right: 0.3em; }
table.kk td.c { border-right: none;
                border-left-style: solid;
                padding: 0.1em 0.3em;
                font-size: 150%; }
table.kk td.empty { border: none;
                    background: transparent; }
div.char { margin: 0.2em 0 0.5em 2em; }
.char {    font-family: Arial, sans-serif;
           font-size: 80%; } 

table.codes { margin-top: 1em; }

ul.viitteet { list-style-type: none;
              margin-left: 0; 
              padding: 0;}
ul.viitteet li, ul.huomaut li { margin: 0 0 0.5em 0; padding: 0; }

.toc ul { list-style-type: none;
          padding: 0;
          margin: 0 0 0 1.2em;  }

.toc { width: 23em;
       margin-left: 2em;
       padding: 0.5em;
       border: dashed #666 thin; 
       float: right; }

.huom { font-style: oblique; color: #900; background: white; }

.esim { margin-left: 2em; }