<!DOCTYPE html>
<html lang="BOOKLANG">
<head>
    <meta charset="UTF-8">
    <title>
      TITLE | Project Gutenberg
    </title>
    <link rel="icon" href="images/cover.jpg" type="image/x-cover">
    <style>

body {
    margin-left: 10%;
    margin-right: 10%;
}

h1,h2,h3,h4,h5,h6 {
    text-align: center; /* all headings centered */
    clear: both;
}

p {
    margin-top: .51em;
    text-align: justify;
    margin-bottom: .49em;
}

.p2       {margin-top: 2em;}
.p4       {margin-top: 4em;}
.p6       {margin-top: 6em;}

hr {
    width: 33%;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 33.5%;
    margin-right: 33.5%;
    clear: both;
}

hr.tb   {width: 45%; margin-left: 27.5%; margin-right: 27.5%;}
hr.chap {width: 65%; margin-left: 17.5%; margin-right: 17.5%;}
@media print { hr.chap {display: none; visibility: hidden;} }
hr.full {width: 95%; margin-left: 2.5%; margin-right: 2.5%;}

hr.r5  {width: 5%; margin-top: 1em; margin-bottom: 1em; margin-left: 47.5%; margin-right: 47.5%;}
hr.r65 {width: 65%; margin-top: 3em; margin-bottom: 3em; margin-left: 17.5%; margin-right: 17.5%;}
 
div.chapter {page-break-before: always;}
h2.nobreak  {page-break-before: avoid;}

ul.index { list-style-type: none; }
li.ifrst {
    margin-top: 1em;
    text-indent: -2em;
    padding-left: 1em;
}
li.indx  {
    margin-top: .5em;
    text-indent: -2em;
    padding-left: 1em;
}
li.isub1 {
    text-indent: -2em;
    padding-left: 2em;
}
li.isub2 {
    text-indent: -2em;
    padding-left: 3em;
}
li.isub3 {
    text-indent: -2em;
    padding-left: 4em;
}
li.isub4 {
    text-indent: -2em;
    padding-left: 5em;
}

table {
    margin-left: auto;
    margin-right: auto;
}
table.autotable    { border-collapse: collapse; }
table.autotable td,
table.autotable th { padding: 0.25em; }

.tdl      {text-align: left;}
.tdr      {text-align: right;}
.tdc      {text-align: center;}

.pagenum { /* uncomment the next line for invisible page numbers */
    /*  visibility: hidden;  */
    position: absolute;
    left: 92%;
    font-size: small;
    text-align: right;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-indent: 0;
} /* page numbers */

.linenum {
    position: absolute;
    top: auto;
    left: 4%;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
} /* poetry number */

blockquote {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5%;
    margin-right: 10%;
}

.sidenote {
    width: 20%;
    padding-bottom: .5em;
    padding-top: .5em;
    padding-left: .5em;
    padding-right: .5em;
    margin-left: 1em;
    float: right;
    clear: right;
    margin-top: 1em;
    font-size: small;
    color: black;
    background: #eeeeee;
    border: 1px dashed;
}

.bb       {border-bottom: 2px solid;}

.bl       {border-left: 2px solid;}

.bt       {border-top: 2px solid;}

.br       {border-right: 2px solid;}

.bbox     {border: 2px solid;}

.center   {text-align: center;}

.right    {text-align: right;}

.smcap    {font-variant: small-caps;}

.allsmcap {font-variant: small-caps; text-transform: lowercase;}

.u        {text-decoration: underline;}

.gesperrt
{
    font-style: normal;
    letter-spacing: 0.2em;
    margin-right: -0.2em;
}
.x-ebookmaker-2 .gesperrt {
    font-style: italic;
    letter-spacing: normal;
    margin-right: 0em;
}

figcaption   {font-weight: bold;}
figcaption p {margin-top: 0; margin-bottom: .2em; text-align: inherit;}

/* Images */

img {
    max-width: 100%;
    height: auto;
}
img.w100 {width: 100%;}


.figcenter {
    margin: auto;
    text-align: center;
    page-break-inside: avoid;
    max-width: 100%;
}

.figleft {
    float: left;
    clear: left;
    margin-left: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right: 1em;
    padding: 0;
    text-align: center;
    page-break-inside: avoid;
    max-width: 100%;
}
/* comment out next line and uncomment the following one for floating figleft on ebookmaker output */
.x-ebookmaker .figleft {float: none; text-align: center; margin-right: 0;}
/* .x-ebookmaker .figleft {float: left;} */

.figright {
    float: right;
    clear: right;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right: 0;
    padding: 0;
    text-align: center;
    page-break-inside: avoid;
    max-width: 100%;
}
/* comment out next line and uncomment the following one for floating figright on ebookmaker output */
.x-ebookmaker .figright {float: none; text-align: center; margin-left: 0;}
/* .x-ebookmaker .figright {float: right;} */

/* Footnotes */
.footnotes        {border: 1px dashed;}

.footnote         {margin-left: 10%; margin-right: 10%; font-size: 0.9em;}

.footnote .label  {position: absolute; right: 84%; text-align: right;}

.fnanchor {
    vertical-align: super;
    font-size: .8em;
    text-decoration:
    none;
}

/* Poetry */
/* uncomment the next line for centered poetry */
/* .poetry-container {display: flex; justify-content: center;} */
.poetry-container {text-align: center;}
.poetry           {text-align: left; margin-left: 5%; margin-right: 5%;}
.poetry .stanza   {margin: 1em auto;}
.poetry .verse    {text-indent: -3em; padding-left: 3em;}

/* Transcriber's notes */
.transnote {background-color: #E6E6FA;
    color: black;
    font-size:small;
    padding:0.5em;
    margin-bottom:5em;
    font-family:sans-serif, serif;
}

    </style>
</head>
<body>
