html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  padding: 10px;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4 {
  font-family: Times, Georgia, Helvetica, Arial, sans-serif;
}

h2 {
  border-bottom: solid;

  border-bottom-width: 5px;

  border-color: #b82a29;

  width: 937px;

  margin-right: -5px;
}

div.navigation {
  background-color: white;

  font-size: 14pt;

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  margin-bottom: 0px;

  margin-left: 8px;

  margin-right: 8px;

  position: relative;

  top: 30px;

  /*padding-bottom:0px;

	border-bottom:solid;

	border-bottom-width: 1px;*/

  border-bottom: solid;

  border-bottom-width: 1px;
}

span.menu {
  margin-right: 4px;

  background-color: #cccccc;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 3px;

  padding-bottom: 0px;
}

span.menu_selected {
  margin-right: 4px;

  background-color: black;

  color: white;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 3px;

  padding-bottom: 0px;
}

div.handlungsanweisung {
  font-family: helvetica, arial, sans-serif;

  font-size: 18pt;

  color: gray;

  text-align: center;

  margin-top: 20pt;

  margin-left: 30pt;

  margin-right: 30pt;
}

a.menu {
  color: black;
}

a.menu_selected {
  color: white;
}

div.menuitem {
  background-color: white;

  font-family: helvetica, arial, sans-serif;

  font-size: 12px;

  line-height: 12pt;

  display: block;
}

div.menuitem a:before {
  content: url(graphics/ordner.gif);
}

div.menuitemLink {
  background-color: white;

  font-family: helvetica, arial, sans-serif;

  font-size: 12px;

  line-height: 12pt;

  display: block;
}

div.menuitemLink a:before {
  content: "\2192"" ";
}

div.menuitem_chronologie {
  background-color: white;

  font-family: helvetica, arial, sans-serif;

  font-size: 12px;

  line-height: 12pt;

  display: none;
}

div.menuitem_chronologie a:before {
  content: url(graphics/ordner.gif);
}

div.selected {
  background-color: #cccccc;

  font-family: helvetica, arial, sans-serif;

  font-size: 12px;

  line-height: 12pt;
}

div.selected a:before {
  content: url(graphics/ordner.gif);
}

span.frequency {
  color: gray;
}

div.registerEntry {
  display: none;
}

span.registerQuelle {
  font-style: italic;
}

div.relatedDocsTitle {
  border: solid;

  border-bottom: none;

  border-width: 1px;

  background-color: white;

  padding: 4px;

  font-family: helvetica, arial, sans-serif;

  font-size: x-small;

  width: 25em;

  height: 7em;

  font-weight: bold;

  border-color: gray;
}

div.relatedDocsTitleText {
  width: 16em;
}

iframe.relatedDocsFrame {
  border: solid;

  border-top: none;

  border-width: 1px;

  background-color: white;

  padding: 4px;

  font-size: x-small;

  width: 25em;

  border-color: gray;
}

input.relatedDocsButton {
  background-color: white;

  border: solid;

  border-width: 1px;

  font-size: x-small;

  width: 8em;

  cursor: pointer;

  position: absolute;

  right: 4px;

  top: 4px;
}

div.imageFloatRight {
  float: right;

  margin: 5px;

  clear: right;
}

div.image {
  border: solid;

  border-width: 1px;
}

div.imageCapture {
  font-size: small;

  font-family: helvetica, arial, sans-serif;

  padding-top: 5px;
}

div.logo {
  font-size: 10pt;

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  margin-bottom: 10px;

  text-align: right;

  color: black;

  margin-right: 8px;

  border-bottom: solid;

  border-bottom-width: 5px;

  border-bottom-color: red;

  display: block;

  position: absolute;

  right: 10px;
}

iframe.chapterContent {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

div.contentwrapper {
  position: absolute;

  bottom: 40px;

  top: 100px;

  overflow: scroll;
}

iframe.browser_iframe_0 {
  border: solid;

  border-width: 1px;

  width: 120px;

  height: 240px;

  position: absolute;

  top: 25px;

  left: 0px;
}

iframe.browser_iframe_1 {
  border: solid;

  border-width: 1px;

  width: 250px;

  height: 240px;

  position: absolute;

  top: 25px;

  left: 130px;
}

iframe.browser_iframe_2 {
  border: solid;

  border-width: 1px;

  height: 240px;

  width: 545px;

  position: absolute;

  top: 25px;

  left: 390px;
}

iframe.browser_doc_iframe {
  border: solid;

  border-width: 1px;

  width: 935px;

  height: 1500px;

  position: absolute;

  top: 275px;

  left: 0px;
}

input.searchBox_1 {
  border: solid;

  border-width: 1px;

  color: gray;

  position: absolute;

  top: 0px;

  width: 250px;

  left: 130px;

  height: 15px;
}

input.searchBox_2 {
  border: solid;

  border-width: 1px;

  color: gray;

  position: absolute;

  top: 0px;

  width: 545px;

  left: 390px;

  height: 15px;
}

input.searchBoxInvisible {
  visibility: hidden;
}

table.browser_doc {
  width: 100%;
}

a {
  text-decoration: none;

  color: black;
}

a.under {
  text-decoration: underline;

  color: black;
}

div.footer {
  font-family: helvetica, arial, sans-serif;

  font-size: 10pt;

  position: fixed;

  bottom: 0px;

  left: 0px;

  right: 0px;

  background-color: white;

  padding: 10px;

  border-top: solid;

  border-top-width: 1px;
}

div.header {
  display: none;
  position: fixed;

  top: 0px;

  left: 0px;

  right: 0px;

  background-color: white;

  padding-top: 10px;

  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 0px;
}

p.doc_navi {
  background-color: #cccccc;

  padding: 3px;

  font-family: helvetica, arial, sans-serif;

  font-weight: normal;

  font-size: 12px;

  width: 150px;
}

.doc_navi a:before {
  content: "\2192\00A0";
}

p.doc_title {
  font-family: helvetica, arial, sans-serif;

  font-weight: bold;
}

div.settings {
  position: absolute;

  top: 20px;

  right: 16px;

  font-family: helvetica, arial, sans-serif;

  font-size: small;

  text-align: right;
}

p,
li {
  font-family: helvetica, arial, sans-serif;
}

li {
  margin-bottom: 0.5em;
}

img {
  display: block;
}

div.impressumTitle {
  font-weight: bold;

  font-family: helvetica, arial, sans-serif;

  margin-top: 1em;
}

div.impressumText {
  margin-left: 3em;

  font-family: helvetica, arial, sans-serif;
}

p.kurzbio {
  text-indent: -3em;

  margin-left: 3em;
}

/* Chronologie Zeitachse */

iframe.chronologie_zeitachse {
  border: none;

  border-width: 1px;

  width: 100%;

  height: 110px;
}

table.zeitachse {
  /*width: 100%;

	white-space: nowrap;*/

  border: none;

  border-bottom: solid;

  border-width: 2px;
}

span.year {
  font-size: x-small;

  font-family: helvetica, arial, sans-serif;

  font-weight: bold;
}

td.month {
  white-space: nowrap;
}

span.day {
  font-size: x-small;

  font-family: helvetica, arial, sans-serif;

  font-weight: normal;
}

span.selected {
  background-color: #9cf;

  font-size: x-small;

  font-family: helvetica, arial, sans-serif;

  font-weight: normal;
}

a.month {
  background-color: blue;

  display: block;
}

a.month:hover {
  background-color: red;

  display: block;
}

/* Zeitachse: Darstellung der Events als Labels auf der Zeitachse */

div.chronologie_label_entry {
  visibility: hidden;

  position: fixed;

  top: 0px;

  left: 0px;

  font-family: helvetica, arial, sans-serif;

  background-color: white;

  padding: 3px;

  border: solid;

  border-width: 1px;
}

div.chronologie_label_event {
  font-size: x-small;

  font-weight: normal;
}

div.chronologie_label_lead {
  font-size: x-small;

  font-weight: normal;
}

/* Chronologie: Darstellung der Events Volltextseiten */

div.chronologie_entry {
  font-family: helvetica, arial, sans-serif;
}

div.chronologie_event {
  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  margin-bottom: 1em;
}

div.chronologie_lead {
  font-family: helvetica, arial, sans-serif;

  font-weight: bold;

  margin-bottom: 1em;
}

div.chronologie_text {
  font-family: helvetica, arial, sans-serif;

  font-weight: normal;
}

div.chronologie_relatedDocs {
  border-top: solid;

  border-width: 1px;

  border-color: black;

  margin-top: 1em;
}

div.chronologie_relatedDocsTitle {
  font-weight: bold;

  padding-bottom: 4px;

  padding-top: 4px;
}

div.chronologie_relatedDocsList {
}