body {
  font-family: arial;
  margin-right: 10%;
  margin-left: 10%;
  margin-top: 0%;
  margin-bottom: 3%;
}

.toc { display: none;
}

a:link {
  color: #003399;
  text-decoration: none;
}

a:visited {
  color: #003399;
  text-decoration: none;
}

a:hover {
  color: #003399;
  text-decoration: none;
  background-color: #e0e0e0;
}

a:active {
  color: #003399;
  text-decoration: none;
}
.author     { color: gray; }

.box        { margin: 1.5em 15%; border: 1px solid #666666; padding: 1em }

.dedication { text-indent: 0pt; text-align: center; font-size: 1.5em;
              margin-top: 2em; margin-bottom: 2em; margin-left: 20%;
              margin-right: 20%; }

.figcaption { text-indent: 0; text-align: center; font-style: italic }
.figure     { text-indent: 0; text-align: center; margin-top: 1em; margin-bottom: 1em }

.fraktur    { font-family: "Frankenstein", Times, serif }

.hidden     { display: none; }

.lektorat   { color: darkred; font-size: small }

.motto      { text-indent: 0pt; margin-right: 5em; margin-left: 50%;
              margin-top: 1em; margin-bottom: 1em; }

.note       { line-height: 90%; font-size: 90%; }

.online     { display: none; }

.recipient  { margin-left: -1em; margin-top: 1em; margin-bottom: 1em }

.regie      { font-size: 90%; font-style: italic }

.sender     { margin-left: 0; font-style: italic; font-weight: bold;
              color: darkblue; margin-left: 2em }

.signatur, .signature { text-align: right; margin-right: 2em }

.smallcaps  { font-variant: small-caps }

.speaker    { color: #333333; font-weight: bold }

.subtitle   { color: darkgray; }

.title      { }

.upper      { text-transform: uppercase }

.wide, .spaced { letter-spacing: 0.15em }

h1, h2, h3, h4, h6 { text-align: center }

h5 {
  text-align: center;
  font-size: 90%;
  color: #808080;
  font-weight: normal;
}

p           { text-indent: 0; margin-top: 0.8em; margin-bottom: 0 }

p.abstract  { font-size: 90%; font-style: italic; margin-left: 3em;
              margin-right: 3em; text-indent: 0; text-align: justify }

p.address   { text-align: right; text-indent: 0pt; font-style: italic; }

p.center    { text-indent: 0pt; text-align: center; }

p.centerbig { text-indent: 0pt; text-align: center; font-size: 115%; }

P.centersml { text-indent: 0pt; text-align: center; font-size: 90%; }

p.date      { text-align: right; font-style: italic; }

p.dblmarg   { text-indent: 0pt; margin-left: 10%; margin-right: 10%; }

p.drama     { margin-left: 2em; text-indent: -2em; margin-top: 0.5em;
              margin-bottom: 0.5em }

p.epigraph  { text-indent: 0pt; text-align: right; margin-right: 5%;
              font-style: italic; }

p.initial   { }
p.initial:first-letter { font-size: 180% }

p.left      { text-indent: 0pt; text-align: left; }

p.leftjust  { text-indent: 0pt; text-align: justify; }

p.leftmarg  { text-indent: 0pt; text-align: left; margin-left: 7%; }

p.line      { text-align: left; text-indent: 0pt; margin-top: 0pt;
              margin-bottom: 0pt; }

p.prosa     { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em;
              text-indent: 0.8em; text-align: justify }

p.right     { text-indent: 0pt; text-align: right; }


p.vers      { text-indent: 0em; text-align: left; margin-left: 2em;
              margin-top: 1em; margin-bottom: 1em; }


hr {
  text-align: center;
  color: #999999;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
}

hr.short {
  color: #666666;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 20%;
  height: 1px;
  margin-left: 40%
}

hr.star {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 20%;
}

span.tooltip { color: #800000 }

<!-- span.footnote { display:inline }
span.footnote a:hover { background-color: #2B2E21; color:#fff }
span.footnote a:link span, span.footnote a:visited span { display: none }
span.footnote a:hover span.fntext { position: absolute; margin:20px; background-color: beige;
          max-width:400px; padding: 5px 10px 5px 10px; border: 1px solid #C0C0C0;
          font: normal 12px/14px arial; color: #000; text-align:left;
          display: block; text-decoration:none; left:10px } -->
		  
span.footnote:before {content:" [Fußnote: ";color:#505050;}
span.footnote:after {content:"] ";color:#505050;}
span.footnote {color: #505050;}
span.footnote {font-size: 90%;}

div.epigraph  { margin-left: 50%; margin-right: 5%; font-style: italic; }

        /*** letters, use p.date for no collision with poem's <Hn> date ***/
div.letter    { text-align: left; margin: 1em 1.5em; }

div.letter p  { text-indent: 0pt; }

div.motto p   { text-align:left; text-indent: 0pt; margin-right: 5em; }

.mainnav {
  font-family: Arial;
  font-variant: small-caps;
  background-color: #ffffff;
  text-align: center;
  border-top: 1px #d26402 solid;
  border-bottom: 1px #d26402 solid;
}

.mainnav-ed {
  font-family: Arial;
  background-color: #ffffff;
  text-align: center;
  border-top: 1px #cc6060 solid;
  border-bottom: 1px #cc6060 solid;
}

.bottomnavi-gb {
  margin-top: 1em;
  margin-bottom: 1em;
}

div.poem      { text-align: left; margin: 1em 2em }

div.titlepage { text-align: center; }

div.vers      { text-indent: 0em; text-align: left; margin: 2em 1em; }

div.vers p    { text-indent: 0; margin-top: 0; margin-bottom: 0; }

table.left  { margin-left: 0; margin-right: auto; text-align: left }

table.poem  { margin-left: auto; margin-right: auto; text-align: left }

table.right { margin-left: auto; margin-right: 0 }

table.toc   { margin-left: auto; margin-right: auto; margin-top: 0.3em; text-align: left }

table.true  { margin-left: auto; margin-right: auto; margin-top: 0.3em;
              margin-bottom: 0.3em; text-align: left }



img.left      { float: left; margin-top: 0.5em; margin-bottom: 0.5em;
                margin-right: 0.5em; }

img.right     { float: right; margin-top: 0.5em; margin-bottom: 0.5em;
                margin-left: 0.5em }



a.pageref         { display: none; color: #006060 }
a.pageref:before  { content: "[" }
a.pageref:after   { content: "]" }

dd          { margin-left: 2em }
dl          { margin-left: 1.5em; margin-top: 1em; margin-bottom: 1em }
dt          { font-weight: bold; margin-top: 4pt }

del         { color: red }

ins         { color: blue }

p.stars     { text-indent: 0; text-align: center; font-size: 200%;
              letter-spacing: 0.3em; margin-top: 0.5em; margin-bottom: 0 }

q           { color: blue; font-style: italic; }

sup         { font-size: 70%; vertical-align: text-top }

sup.fract   { font-size: 70%; vertical-align: text-top }
sub.fract   { font-size: 70%; vertical-align: text-bottom }

tt          { font-family: Courier; }

ul          { margin-top: 1em; margin-bottom: 1em; }

.mainnav {
  font-family: Arial;
  background-color: #ffffff;
  text-align: center;
  border-top: 1px #d26402 solid;
  border-bottom: 1px #d26402 solid;
}

.autalpha {
  font-family: Arial;
  text-align: center;
}

.trenner {
  font-size: 10pt;
  font-weight: bold;
  color: #d26402;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

div.chapter   { }
div.section   { }
div.toc       { }
div.volume    { }
h3.translator { }
h4.date       { }
h4.publisher  { }
h5.date       { }

div.anzeige-chap {
  background-color: #eeeeee;
  padding-top: 0.5em;
  padding-left: 2.5em;
  padding-right: 2.5em;
  padding-bottom: 1.5em; 
  margin-top: 1em;
  margin-bottom: 1em; 
}