@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PTC55F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PT_Sans-Web-Italic.woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PT_Sans-Web-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
} 

@font-face {
    font-family: 'PTSerif';
/*    src: url('../fonts/PTF55F-webfont.woff') format('woff');*/
    src: url('../fonts/PT_Serif-Web-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSerif';
    src: url('../fonts/PTF56F-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PTSerif';
    src: url('../fonts/PTF75F-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PTSerif';
    src: url('../fonts/PTF76F-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/*@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

html, body {
    margin: 0;
    padding: 0;
    font-family: PTSerif;
    font-size: 100%;
    background-color: #5F5F5F;
    scroll-padding-top: 100px;
 }

a {
    color: #AC4D00;
    text-decoration: none;
}

div#content a:hover {
    text-decoration: underline;
}

div#content div.index a:hover {
    text-decoration: none;
}

/* Links in csLink */
div.popover-body a {
    color: #AC4D00; 
}

div.outerLayer {
    width: 100%;
}

/* NAVBAR */

div#navbar .container_16 {
    position: relative;
}

div#navbar .grid_7 {
    position: relative;
}

div#navbar {
    position: relative;
    background-color: black;
    color: white;
    z-index: 5000;
}

div#navbar a {
    color: white;
}

div#navbar h1 {
    padding: 1em 0 1em 0;
}

nav {
    float: right;
    font-size: 1em;
    margin-right: 4.9em;
}

nav li {
    position: relative;
    float: left;
}

/*  Second level */

nav ul ul {
    z-index: 599;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;    
    width: 226px;
    background-color: white;
    color: #AC4D00;
    font-family: PTSans;
}

nav > ul > li > ul {
   font-size: 0.8em;
}

div#navbar ul ul li {
    position: relative;
    float: none;
    border: 1px solid silver;
    border-top: none;
}

nav ul li:hover > ul {
    visibility: visible;
} 

div#navbar ul ul a {
    color: #AC4D00;
}

div#navbar ul ul li:hover {
    border-left: 1px solid #AC4D00;
    border-right: 1px solid #AC4D00;
    border-bottom: 1px solid #AC4D00;
}

nav > ul > li > a.current,
div#navbar ul li:hover > a {
    color: white;
    background-color: #AC4D00; 
}

/* Third level */

nav ul ul ul {
    top: 0;
    left: 100%;
    border-top: 1px solid silver;
}

/* nav a  */

nav a {
    display: block;
    padding: 1em;
}

nav a.search {
    padding: 0.9em 0.3em 0.8em 0.7em;
}

nav li.about i.fa-info-circle,
nav a.search i {
    font-size: 1.6em;
}

nav li.about a {
    padding: 0.9em 0.5em 0.8em 0.8em;
}

nav a span,
nav a.search span {
    position: absolute;
    right: 1000em;
}

/* Disabled nav items */
nav li.no-link span {
    display: block;
    padding: 1em;
    color: gray;
}

div#navbar ul ul li.no-link:hover {
    border-color: silver;
}


/* Beta icon */

div#content div.teaser-12 img.beta-teaser {
    position: absolute;
    top: 200px;
    right: 20px;
    left: initial;
    width: 75px;
    height: 75px;
}

div#content div.teaser img.beta-teaser {
    position: absolute;
    top: 110px;
    right: 20px;
    left: initial;
    width: 50px;
    height: 50px;
}

img.beta {
    position: absolute;
    z-index: 100000;
}

img#beta-journaldetail {
    top: 80px;
    right: 0;
}

img#beta-letterdetail {
    top: 25px;
    left: 40%;
}

img#beta-letterindex {
    top: 70px;
    left: 57%;
}

img#beta-plants {
    top: 10px;
    right: 33%;
}

.boxInner img#beta-plants {
    top: 15px;
    right: 5%;
}

/* HEADER */

div#header {
    position: relative;
    min-height: 11em;
    background-color: white;
}

div#header div.grid_15 {
    position: relative;
}

div#subnavbar ul {
    clear: both;
    height: 1.4em;
    border-bottom: 1px #5f5f5f solid;
}

h1 + div#subnavbar ul {
    border-bottom: none;
}

div#header h1.withByline {
    margin-top: 1.5em;
}

div#header li {
    position: relative;
    float: left;
    padding: 0.3em 0.4em 0.3em 0.4em;
    font-family: PTSans;
    font-size: 0.8em;
}

div#header header {
    position: relative;
}

#subnavbar {
    margin-top: 1em;
    margin-bottom: 2em;
}
#subnavbar a.prev span,
#subnavbar a.next span {
    display: none;
}

#subnavbar a.prev:after,
#subnavbar a.next:after {
    padding: 0.3em;
    font-family: "FontAwesome";    
}

div#subnavbar a.current {
    padding: 0.2em 0.3em 0.2em 0.3em;
}

div#subnavbar a.current,
#subnavbar a.prev:hover:after,
#subnavbar a.next:hover:after {
    background-color: #ac4d00;
    color: white;
}

#subnavbar a.prev:after {
    content: "\f053";
}

#subnavbar a.next:after {
    content: "\f054";
}

#subnavbar li.label {
    padding-left: 0;
}

div#header h1 {
    font-size: 2em;
    font-weight: normal;
    margin: 2.2em 2.5em 0.5em 0;
    z-index: 100;
}

p.subtitle {
    margin-bottom: 1.3em;
}

div#subnavbar + h1 {
    margin: 0 2em 0.5em 0;
}

div#header h2 + h1 {
    margin-top: 0.5em;
} 

div#header h2 {
    margin-top: 3em;
    font-weight: normal;
    font-style: italic;
}

div#subnavbar h2 {
    display: inline;
    font-family: PTSans;
    font-style: normal;
    font-size: 0.8em;  
}

div#subnavbar ul {
    z-index: 10000;
}

li.dropdown {
    color: #AC4D00;
}

li.dropdown.current {
    background-color: #AC4D00;
    color: white;

}

div#subnavbar li.dropdown ul {
    position: absolute;
    bottom: -1.85em;
    left: -1000em;
    height: 100%;
    width: 400px;
}

div#subnavbar li.dropdown:hover ul {
    left: 0;    
}

div#subnavbar li.dropdown li {
    float: none;
    display: block;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    font-size: 1em;
    background-color: white;
}

div#subnavbar li.dropdown li.current {
    background-color: #e0e0e0;
}

li.dropdown li a span {
    color: gray;
}

div#header p.byline {
    margin-bottom: 0.5em;
}

div#header p.hint {
    font-size: 0.8em;
    font-family: PTSans;
}

/* Metaangaben */

div#meta {
    position: absolute;
    right: 0.7em;
    bottom: 0.2em;
    z-index: 100;
    text-align: right;
    font-family: PTSans;
    font-size: 0.8em;
}

div#meta h2 {
    display: inline;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    color: gray;
    vertical-align: middle;
}

div#meta > span {
    font-family: FontAwesome;
    font-size: 1.5em;
    color: gray;
    vertical-align: middle;
}

div#meta:hover > span,
div#meta:hover > h2 {
    color: #ac4d00; 
}

div#meta div.editor {
    border-top: 1px solid silver;
    margin: 0.5em 0 0.5em 0;
    padding: 0.5em 0 0 0;
    color: #555;
}

div#meta div.ehp {
    border-top: 1px solid silver;
    margin: 0em 0 0.5em 0;
    padding: 1em 0 0 0;
}

/* zusätzliche Zeile unterhalb des Handschriftennachweises im Titel */
p.ehp-idno {
    font-family: PTSans;
    font-size: 0.75em;
    margin: 1.5em 0 2em 0;
}

span.ehp-hint {
    border: 1px solid #AC4D00;
    padding: 0.3em 0.3em 0.3em 0em;
}

span.ehp-prefix {
    margin-right: 0.5em;
    padding: 0.325em 0.5em 0.325em 0.5em;
    background-color: #AC4D00;
    color: white;
}

span.ehp-title {
    font-style: italic;
    font-size: 1.15em;
}

div.editor p {
    padding: 0;
}

div.visible {
    display: inline;
    position: relative;
    top: -0.25em;
    right: 0;
    width: 18em;
    margin-left: 1em;
    padding: 3px;
    text-align: right;
    z-index: 100;
}

div.invisible {
    display: none;
}

div#meta div.visible:hover {
    color: white;
    background: #AC4D00;
}

div#meta div.visible:hover + div.invisible,
div#meta div.invisible:hover {
    display: block;
    position: absolute;
    top: 0.9em;
    right: 0;
    width: 20em;
    padding: 1em;
    padding-top: 2em;
    background-color: white;
    text-align: left;
}

div#meta div.invisible li {
    clear: both;
    font-size: 1em;
    padding: 0;
}

div#meta div.invisible ul,
div#meta div.invisible p {
    overflow: hidden;
    display: block;
    padding: 0 0 0.5em 0;
} 


/* Linked Letters */
div#linkedLetters {
    position: absolute;
    top: 4.5em;
    right: 0.7em;
    font-family: PTSans;
    font-size: 0.8em;   
    z-index: 10000;
}

div#linkedLetters:hover div.invisible {
    display: block;
    position: absolute;
    top: 0.8em;
    right: 0;
    width: 19em;
    margin-top: 0.3em;
    padding: 1em;
    background-color: #F4DFD0;
}

div#linkedLetters div.invisible span.arrow {
    position: absolute;
    top: -1em;
    right: 0;
    width: 21em;
    height: 1em;
    background-color: transparent;
}

div#linkedLetters div.invisible span.arrow:before {
position: absolute;
top: 0;
right: 0;
content: "";
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 0 37.5px 15px 37.5px;
border-color: transparent transparent #F4DFD0 transparent;
}

div#linkedLetters span {
     color: gray;
}

div#linkedLetters:hover span {
     color: #ac4d00;
}

div#linkedLetters li {
    float: none;
    font-size: 1em;
    padding: 0.3em 0 0.3em 0;
}

div#linkedLetters p.hint {
    margin-top: 1.4em;
    border-top: 1px solid gray;
    padding: 0.5em 0 0 0;
    font-size: 0.8em;
    clear: both;
}

div#linkedLetters hr {
    margin: 1em 0 1em 0;
    border-top: 1px solid gray;
}

/* Topic (zugehöriger Themenschwerpunkt) */
div#topic {
    position: absolute;
    top: 1.5em;
    right: 1em;
    font-size: 0.8em;
    font-family: PTSans;
    color: gray;
}

div#topic a {
    color: gray;
}

div#topic a:hover {
    color: #ac4d00;
}

/* Ansichtswechsel */

ul#viewSwitch {
    margin-top: 1em;
}

ul#viewSwitch li {
    float: left;
    margin-right: 0.3em;
    font-family: PTSans;
    font-size: 0.8em;
    background-color: #e8e8e8;
}

ul#viewSwitch a {
    display: block;
    padding: 0 0.3em 0 0.3em;
    color: #3a3a3a;
}

ul#viewSwitch li.current {
    background-color: #d0d0d0;
}


/* ################ CONTENT ############## */

div#content {
    position: relative;
    background-color: #d0d0d0;
}

div#content div.container_16,
div#content div.container_12 {
    padding: 2em 0 2em 0;
    min-height: 25em;
}

div#content div.container_12.themen-about:first-child {
    padding: 2em 0 0 0;
}

div#content div.container_12.themen-about:last-child {
    padding: 0 0 2em 0;
}

div#content div.container_12.themen-about {
    padding: 1em 0 0 0;
    min-height: 0;
}

div.container_12.themen-about h3 {
    margin-top: 1em;
    font-weight: normal;
}

div.box {
    position: relative;
    margin-bottom: 1em;
}

div.whitebox {
    background-color: white;    
     position: static !important;
}

div.orangebox {
    background-color: #ac4d00;
    color: white;
}

div.orangebox a {
    color: white;
}

div.graybox {
    font-family: PTSans;
    font-size: 0.9em;
    /* background-color: #b1b1b1; */
    background-color: #dddddd;
    color: #333;
}

div.errorbox,
div.alertbox {
    position: relative;
    font-family: PTSans;
    font-size: 0.9em;
    /* background-color: #b1b1b1; */
    background-color: #ffebc4;
    border: 2px solid #ffae00;
}

div.errorbox {
    background-color: #ffd7d1;
    border: 2px solid #fc2f2f;
}

form div.errorbox,
form div.alertbox {
    padding: 0.5em;
}

div#content div.errorbox p,
div#content div.alertbox p {
    position: relative;
    margin: 0 0 0 4em;
}

div#content form div.errorbox p,
div#content form div.alertbox p {
    position: relative;
    margin: 0;
}

div.errorbox i.fa-exclamation-triangle,
div.alertbox i.fa-exclamation-triangle {
    position: absolute;
    top: 0em;
    left: -1.3em;
    font-size: 3em;
    color: #ffae00;
}

div.alertbox a {
    color: #336E6C;
}

div.grayboxLetter {
    margin-left: 5em;
    font-size: 0.8em;
    background-color: #dddddd;
    color: #333;
}

div.boxInner {
    position: relative;
    /*overflow: visible !important;*/
    padding: 1em;
}
div.boxInnerStart {
    position: relative;
    overflow: visible !important;
    padding: 1em;
}
div#content p {
    line-height: 1.4;
    margin-bottom: 1em;
}

ul#browselinks {
    position: fixed;
    top: 50%;
    width: 960px;
    list-style-type: none;
}

ul#browselinks a span {
    display: none;
}

ul#browselinks a:after {
    font-family: FontAwesome;
    font-size: 4em;
    color: silver;
}

div#content ul#browselinks a:hover {
    text-decoration: none;    
}

ul#browselinks a:hover:after {
    color: #ac4d00;
}

ul#browselinks li a.prev:after {
    position: absolute;
    left: -1em;
    content: "\f053";
}

ul#browselinks li a.next:after {
    position: absolute;
    right: -1em;
    content: "\f054";
}

span.hi,
span.highlight {
    background-color: #fce341;
}

span.resp {
    font-style: italic;
}

/* ############# FOOTER ############## */

div#footer {
    min-height: 15em;
    background-color: #5f5f5f;
    color: white;
    font-family: PTSans;
    font-size: 0.8em;
}

div#footer h3 {
    margin: 0 0 0.5em 0;
    font-weight: normal;
    font-size: 1.3em;
}

div#footer li {
    list-style-type: disc;
    margin-left: 1em;
}

div#footer a {
    color: white;
}

footer {
    padding: 3em 0 2em 0;
}


/* Briefeindex */

div.box h2 {
    font-size: 1.4em;
    font-weight: normal;
}

div.box h2 span.revisionDescStatusIndex {
    color: gray;
    font-size: 0.6em;
    font-family: PTSans;
    margin-left: 1em;
    padding: 0.1em;
    vertical-align: middle;
}

div.box h3 {
    margin: 0 0 0.5em 0;
    font-size: 1.2em;
}

div.boxInner div {
    margin-bottom: 2em;
}

div#content div.box a p {
    margin: 1em 0 0 0;
    color: black
}

div.filter {
    position: relative;
    display: block;
    min-height: 10em;
    font-family: PTSans;
    font-size: 0.8em;
}

div.filter.jahre {
    margin-top: 3em;
}

div.filter a {
    color: #222;
}

div.filter.jahre li {
    float: left;
    height: 1.7em;
    margin: 0.1em 0.1em 0.1em 0; 
    padding: 0 1.2em 0 0;
}

div.filter.jahre li {
    margin: 0.1em 0 0.1em 0; 
    padding: 0 1.2em 0 0;
}

div.filter ul a{
    display: block;
    width: 100%;
    padding: 0.3em;
    color: #222;
}

div#content div.filter ul a:hover,
div#content div.filter ul li.current a {
    color: white;
    text-decoration: none;    
}

div.filter ul li.current {
    border-radius: 3px;
    background-color: #ac4d00;
    color: white;
}

div.filter ul li:hover {
    border-radius: 3px;
    background-color: #ac4d00;
    color: white;
}

div.filter ul li.current:hover {
    background: url('../images/brieffussnote_bg.png/delete_filter.png') center right no-repeat;
    background-color: #ac4d00;
    color: white;
}

div#content select {
    position: relative;
    width: 100%;
    padding: 0.3em;
}

div#content option {

}

div#content input[type='submit'] {
    display: block;
    margin: 0.5em 0 0 0;
    border: none;
    border-radius: 0.3em;
    padding: 0.3em;
    background-color: #ac4d00;
    color: white;
    font-weight: bold;
}

div#content input[type='submit']:hover {
    background-color: #C45F11;
    color: white;
    cursor: pointer;
}

div#content input[type='submit'][disabled='disabled'],
div#content input[type='submit'][disabled='disabled']:hover,
div#content input[type='submit'][disabled='true'],
div#content input[type='submit'][disabled='true']:hover {
    background-color: silver;
    cursor: not-allowed;
}


.filter input {
    width: 20px;
}



/* Register */

input,
select {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 0.5em;
    padding: 0.4em;
    width: 100%;
}

input[type='submit']{
    width: auto;
}

input,
select {
    border: 1px solid #7F9DB9;
    border-radius: 0.2em;
}

input:focus,
select:focus {
    border: 1px solid #ac4d00;
} 

input.custom-combobox-input {
	width: 25em;
}
input#personid {
    display: none;
}

form.register input[type='reset'] {
    position: absolute;
    top: 3.7em;
    right: 1.25em;
    width: auto;
    border: none;
    padding: 0.3em;
    background-color: transparent;
    color: gray;
    font-weight: bold;
    cursor: pointer;
}


.ui-menu {
    width: 200px;
    border: 1px solid #444;
    background-color: #FFF;
    list-style: none outside none;
    font-family: Arial, Sans;
    font-size: 0.8em;
}

ul.ui-autocomplete {
	width: 20em;
	background-color: white;
	color: red;
}

ul.ui-autocomplete li {
    padding: 0.3em;
}

ul.ui-autocomplete li a {
	color: black;
}

ul.ui-autocomplete li:hover {
    background-color: silver;
}

span.ui-helper-hidden-accessible {
    display: none;
}

span.count {
    font-size: 0.7em;
    font-family: PTSans;
    font-weight: normal;
    color: gray;
}

div#content div.letterbar {
    clear: both;
    overflow: hidden;
    margin: 1em 0 1em 0;
    border-top: 1px solid silver;
    padding: 0.5em 0 0 0;
    font-family: PTSans, Arial, Sans; 
}

div#content div.letterbar p {
    margin: 0;
    font-size: 0.8em;
    color: gray;
}

div.letterbar li {
    float: left;
}

div.letterbar li a {
    display: block;
    padding: 0.3em;    
}

div#content div.letterbar li a:hover {
    background-color: #AC4D00;
    color: white;
    text-decoration: none;
}

div.hinweise {
    font-size: 0.8em;
    font-family: PTSans;    
}

div.hinweise ul {
    list-style-type: disc;
    margin: 1em;
}

div.hinweise ul li {
    margin: 0 0 0.2em 0;
}

li.erschlossen a {
    color: #D1996E;
}

li.erschlossen span {
    font-family: FontAwesome;
}

ul.altNames li,
ul.altNames span {
    float: left;
    margin-right: 0.4em;
}

ul.altNames {
    clear: both;
    overflow: hidden;
    padding: 0.5em 0 1em 0;
    border-top: 1px solid silver;
}

ul.altNames + ul.altNames {
    border-top: none;
    padding-top: 0;
}

div#content p.normID {
    margin: 0em 0 0 0;
    font-size: 0.7em;
    font-family: PTSans;
    color: gray;
}

p.normID a {
    color: gray;
}

ul.bibliography ul {
    margin: 0.5em 0 2em 1em;
}

ul.bibliography > li{
    padding: 0 0 0.5em;
    border-bottom: 1px silver solid;
}

ul.bibliography ul li {
    margin: 0 0 0.3em 0;
}

div#content div.portrait {
    float: left;
    padding: 0 10px 10px 0;
    margin: 0;    
}

div#content div.portrait p {
    padding: 0.3em 0 0 0;
    margin: 0;
    font-size: 0.65em;
    font-family: PTSans;
    color: gray;
}

div.chronology.columns ul {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

ul.viewDocList {
    margin-left: 1.1em;
}

ul.viewDocList li {
    list-style-type: "— ";
    margin: 0 0 0.4em 0;
}

p[type="source"] {
    font-size: small;
}


/* Register Bilder */
div.registerImage {
    display: grid;
    grid-template-columns: 50% 50%;
}
span.registerImageContentImage,
span.registerImageContentDesc {
    margin: 0.5em;
}
span.registerImageContentImage img {
    width: 100%;
}
span.registerImageContentDesc .registerImageLink {
    color: gray;
    font-size: 0.7em;
}


/* Register popup */
/*     In main.css, damit auch im Register Verweise auf Entitäten ohne ID gesetzt werden können. */

#outerdiv {
  
  width: 300px;
  position:absolute;
  top: 40px;
  right: -120px; 
  padding: 0;
  z-index: 120000;
  box-shadow:5px 5px 5px silver;
} 

#outerdiv_for_dupl{
  
    display: block;
    position: relative;
    right: 0em;
    width: 17em;
    min-height: 1.3em;
    margin: -1.5em 0 0 4em;
    padding: 0.5em;
    color: black;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    z-index: 1000;
    font-variant: normal;
    text-align: left;
    box-shadow:5px 5px 5px silver;
  
  
  /*width: 325px;
  position:absolute;
  border: none;
  top: 40px;
  right: 0em;
  padding: 0;
  z-index: 120000;
  overflow-y:auto;*/
} 


#outerdiv .closer {
 top: 15px;
 right: 15px;
 z-index:12000; 
 font-size:1em;
 position:absolute;
}

.popup {
 z-index:12000; 
 background: white; 
 font-family: PTSans;
}

.popup:after, 
.popup:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	z-index: 20000;
    /* pointer-events: none;*/
}

.popup:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #e8e8e8;
	border-width: 20px;
	margin-left: -20px;
	position: absolute; 
	z-index: 20000;
}

.popup:before {
	border-color: rgba(186, 186, 186, 0);
	border-bottom-color: silver;
	border-width: 21px;
	margin-left: -21px;
	position: absolute;
	z-index: 20000;
}

a.popup-link {
    position: relative;
    cursor: pointer;
    /*line-height: 1.25;*/
}

.popup-active {
    position: relative;
    cursor: pointer;
    /*line-height: 1.25;*/
}


/* PAGEBROWSER */
div.pageNav {
    position: relative;
    height: 2.5em;
}

span.resultcount {
    font-family: PTSans;
    color: gray;
}

span.pageBrowser {
    position: absolute;
    top: 0;
    left: 38%;
}

span.pageBrowser a,
span.pageBrowser > span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 1em;
}


div#content span.pageBrowser select {
    width: 5em;
    margin: 0 0 0 1em;
    padding: 0.3em;
}

span.pageBrowser img {
    height: 14px;
    vertical-align: top;
    margin: 2px 0 0 0;
}

span.pageBrowser a:hover {
    text-decoration: none;
}

span.pageBrowser span.hidden {
    display: none;
}

span.pageBrowser a:hover span.hidden,
span.pageBrowser span:hover span.hidden {
    position: absolute;
    display: block;
    width: 7em;
    padding: 5px;
    border: 1px solid gray;
    background-color: white;
    color: gray;
    text-decoration: none;
    font-family: PTSans;
    font-size: 0.8em;
    line-height: 1;
}

div#pageReferences {
    font-family: PTSans;
    font-size: 0.9em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e0e0e0;
}

div#pageReferences h4 {
    padding: 0.3em;
    margin: 0 0 1em 0;
    cursor: pointer;
    background-color: #e0e0e0;
}

div#pageReferences p {
    font-style: italic;
}

ul.folioReferences, 
ul.pageReferences {
    display: block;
    overflow: hidden;
}

ul.pageReferences + ul.pageReferences:not(:empty) {
    margin-top: 1em;
}

ul.folioReferences li {
    float: left;
}

ul.pageReferences li {
    float: left;
    padding-right: 0.5em;
}

ul.pageReferences li:after {
    content: ", ";
}

ul.pageReferences li:last-child:after {
    content: "";
}

ul.pageReferences a {
}

.bold {
    font-weight: bold;
}

header.correspondent_H0015944 {
    background: url("https://edition-humboldt.de/resources/images/headliner-soemmerring.jpg") right -2em no-repeat;
    height: 200px;
}

header.correspondent_H0014181 {
    background: url("https://edition-humboldt.de/resources/images/headliner-meyen.jpg") right -2em no-repeat;
    height: 200px;
}

header.correspondent_H0006403 {
    background: url("https://edition-humboldt.de/resources/images/headliner-willdenow.jpg") right -2em no-repeat;
    height: 200px;
}

header.correspondent_H0001517 {
    background: url("https://edition-humboldt.de/resources/images/headliner-kunth.jpg") right -2em no-repeat;
    height: 200px;
}

header.correspondent_H0005875 {
    background: url("https://edition-humboldt.de/resources/images/headliner-ehrenberg.jpg") right -2em no-repeat;
    height: 200px;
}

header.correspondent_H0015552 {
    background: url("../images/headliner-schlagintweit-adolph.jpg") right -2em no-repeat;
    border-right: 17px solid white;
    height: 200px;
}

header.correspondent_H0015556 {
    background: url("../images/headliner-schlagintweit-robert.jpg") right -2em no-repeat;
    border-right: 17px solid white;
    height: 200px;
}

header.correspondent_H0015557 {
    background: url("../images/headliner-schlagintweit-hermann.jpg") right -2em no-repeat;
    border-right: 17px solid white;
    height: 200px;
}

header.correspondent_H0001123 {
    background: url("../images/headliner-rugendas.jpg") right -2em no-repeat;
    border-right: 17px solid white;
    height: 200px;
}

header.correspondent_H0015643 {
    background: url("https://digilib.bbaw.de/digilib/Scaler?fn=projects/avhr/portraits/Richard-Schomburgk_State-Library-South-Australia_B-5676.jpg&dw=258&dh=270&ww=0.45&wh=0.3179&wx=0.265&wy=0.0444") right -2em no-repeat;
    border-right: 17px solid white;
}
header.correspondent_H0015644 {
    background: url("https://digilib.bbaw.de/digilib/Scaler?fn=projects/avhr/portraits/Dr_Otto_Alfred_Carl_Schomburgk_small.jpg&mo=file") right -2em no-repeat;
    border-right: 17px solid white;
}
header.correspondent_H0015645 {
    background: url("https://digilib.bbaw.de/digilib/Scaler?fn=projects/avhr/portraits/FMIB_38594_Robert_Hermann_Schomburgk.jpg&dw=258&dh=270&ww=0.4135&wh=0.2944&wx=0.3933&wy=0.0343") right -2em no-repeat;
    border-right: 17px solid white;
}

header.correspondent_H0011992 {
    background: url("../images/headliner-hooker.jpg") right -2em no-repeat;
    border-right: 17px solid white;
    height: 200px;
}

div.hide-class {
    line-height: 1.4;
}

div.boxInner div.introInner {
    margin: 0;
}

div#content div#letterIntro.container_16 {
    min-height: 0;
    padding-bottom: 0;
}

.personEntry {
    font-size: 0.9em;
}

/* table.letters in indexes */

table.letters {
    width: 100%;
}

table.letters tr {
    border-bottom: 1px solid silver;
}

table.letters tr.conjectured {
    color: #555;
}

table.letters a.conjectured:after {
    content: " (erschlossen)";
}

table.letters a.conjectured {
    color: #C97E44;
}

table.letters td,
table.letters th {
    padding: 0.3em;
}

table.letters th {
    font-weight: bold;
}

table.letters tr.clickable-row:hover {
    background-color: #e0e0e0;
    cursor: pointer;
}

table.letters td.idno {
    width: 50px;
}

table.letters td.date {
    width: 130px;
}



div#content div.teaser {
    padding-top: 10em;
    overflow: hidden;
}

div#content div.teaser img {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 145px;
}

/* Abweichend für kleine Briefteaser im Themenschwerpunkt */
div#content div.grid_3 div.teaser img {
    left: -50px;
}

div#content div.teaser-12 {
    padding-top: 17em;
    overflow: hidden;
}

div#content div.teaser-12 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
    height: 250px;
}

div#content div.teaser-6 {
    padding-top: 12em;
}

div.teaser-6 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    height: 170px;
}   

.teaser h2,
.teaser-wide h2 {
    margin-bottom: 0.5em;
}

div#content p.copyright {
    margin: -1em 0 0 0;
    text-align: right;
    font-size: 0.7em;
    font-family: PTSans;
    color: gray;
}

div#content div.subjectIntro {
    position: relative;
    height: 318px;
    margin-left: 67%;
}

div#content div.subjectIntro img {
    position: absolute;
    left: -630px;
    top: 0;
    width: 620px;
    height: 350px;
}

h2.section {
   clear: both;
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid gray; 
   line-height: 0.1em;
   margin: 2em 0 2em 0;
   color: gray;
   font-size: 1.2em;
   font-weight: normal;
}

div:first-child > h2.section {
    margin-top: 0.3em;
}

h2.section span { 
    background: #D0D0D0; 
    padding:0 10px; 
    
}

.impressum ul {
    margin: 1em 0 2em 2em;   
}

.impressum li {
    margin-bottom: 0.3em;
}

div.citRec {
    font-size: 0.8em;
}

div.citRec li {
    list-style-type: none;
}

div.citRec ul.versions li:before {
    margin: 0 0.5em 0 0;
    content: "|";
    color: #AC4D00;
}
/* bullet */
div.citRec ul.versions li.ediarum-diff-changed:before {
    margin: 0 0.4em 0 -0.2em;
    content: "\25cf";
    color: #AC4D00;
}

a.kalliopelink {
    padding: 0 0 0 0.3em;
    font-family: PTSans;
}

a.kalliopelink i {
    padding: 0 0 0 0.3em;
}

span.serviceinfo {
    position: relative;
    margin-left: 0.5em;
    z-index: 1000;
}

span.serviceinfo i {
    color: gray;
}

span.serviceinfo span {
    position: relative;
    display: none;
}

h3 span.serviceinfo span {
    font-size: 0.8em;
    font-weight: normal;
}

span.serviceinfo a {
    color: #AC4D00;
}

span.serviceinfo:hover span {
    display: block;
    position: absolute;
    bottom: 0;
    right: -100px;
    width: 200px;
    border: 1px solid gray;
    padding: 0.3em;
    margin-top: -400%;
    margin-bottom: 1em;
    background-color: white;
    z-index: 100000;
}

form#search span span {
    font-size: 0.9em;
}

i.fa span {
    display: none;
}


#H0002928 div#content h3 {
    padding: 1.5em 0 0.5em;
    border-bottom: 1px silver solid;
}

div.about h4 {
    margin-top: 2em;
}

div.about h3 + h4 {
    margin-top: 1em;
}

div#content div.about p + ul {
    margin-top: -0.5em;   
}

div.about tbody{
    width: 100%;
    display: table;
}

/* Charts und Tabelle Versionsgeschichte */
div.about table.chartTable {
    overflow-x: scroll;
    font-family: "PTSans";
    font-size: 0.9em;
    border: 1px silver solid;
}

div.about table.chartTable td {
    border: 1px silver solid;
}

div.about table.chartTable th:first-child,
div.about table.chartTable td:first-child {
    position: sticky;
    left:0;
    background-color: #f0f0f0;
}

div.about div.radioButtons{
    display: grid;
    grid-template-columns: 50% 50%;
}
div.about div.radioButtons span{
    display: grid;
    grid-template-columns: 30% 70%;
    font-size: 90%;
    margin-left: 5em;
    margin-right: 5em;
}


ul.sigla li {
    margin-bottom: 1em;
}

ul.sigla h2 {
    padding-bottom: 0.3em;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0.3em;
}

ul.sigla ul {
    margin-left: 1em;
}

ul.sigla li li li {
    display: inline;
}

div#content p.shortTitle,
div#content .csl-block {
    margin: 0;
    font-size: 0.8em;
    font-family: PTSans;
    color: gray;
}

/* Dropdown in Nav */

/* The dropdown container */
nav .dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 8px 14px 12px;
  background-color: black;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
nav .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
  z-index: 11000;
  font-family: PTSans;
  font-size: 0.8em;
}

/* Links inside the dropdown */
div#navbar .dropdown-content a {
  float: none;
  color: #AC4D00;
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a red background color to navbar links on hover */
div#navbar .navbar a:hover, 
div#navbar .dropdown:hover .dropbtn, 
div#navbar .dropdown-content a:hover {
  background-color: #AC4D00;
  color: white;
}

/* Show the dropdown menu on hover */
nav .dropdown:hover .dropdown-content {
  display: block;
} 

span .noteHeading {
    color: #969696;
    font-family: 'PTSans';
    font-style: normal;
    font-size: 0.9em;
}

a#exploreCorrespSearch {
    display:block;
    position: absolute; 
    top: 3.3em;
    right: 1em;
    font-family: PTSans;
    font-size: 0.8em;
    color: #AC4D00;
    text-decoration: none;
}

div#header header div.popover {
    z-index: 1000000;
}

#navbar div#language {
    position: absolute;
    right: 0.75em;
    top: 0.9em;
    border: 1px solid #545454; 
    width: 70px;
}

#navbar div#language select{
    margin: 0;
    padding: 3px;
    border: 0;
    font-size: 0.8em;       
    width: 70px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: white;
    background-color: black;
}
#navbar div#language:after {
    content:"\f078";
    font-family: FontAwesome;
    color: #000;
    padding: 4px 0px;
    position: absolute; right: 0; top: 0;
    color: white;
    background: black;
    font-size: 0.8em;
    z-index: 1;
    text-align: center;
    width: 25%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box;   
}

div#content p { position: relative; } 

/*  Chronologie */
p.source-title {
    font-family: PTSans;
    font-size: 0.9em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #c0c0c0;
}

div.grid_5 div.accordion > h4 {
    padding: 0.5em;
    background-color: #AC4D00;
    color: white;
    font-family: PTSans;
    cursor: pointer;
}

div.grid_5 div.accordion > h4:before {
    font-family: FontAwesome;
    content: "\f13a";
    padding-right: 0.5em;
    font-weight: normal;
}

div.grid_5 div.accordion > h4.ui-accordion-header-active:before  {
    font-family: FontAwesome;
    content: "\f138";
    padding-right: 0.5em;
    font-weight: normal;
}

div.grid_5 div.accordion > h4:nth-child(1) {
    margin-top: 2.6em;
}

div.accordion > div.graybox {
    min-height: 0;
}

div.accordion + div.graybox {
    margin-top: 1em;
}

div.chronologie.filter.jahre {
    margin: 0;
}

div.accordion div.box.highlights {
    margin-bottom: 0;
}

div.accordion div.box.highlights a {
    color: #AC4D00;
}

.filter .wrapper {
  width: 250px;
  padding-bottom: 1.3em;
  border-bottom: 1px solid #c0c0c0;
  margin: 0 0 0.5em 0;
/*  text-align: justify;*/
/*  text-justify: inter-word;*/
}

.filter .wrapper:nth-child(2) {
    margin: 1em 0 0.5em 0; 
    padding-bottom: 0.5em;
}

.filter input[type=checkbox].with-font {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.filter input[type=checkbox].with-font ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";
  letter-spacing: 10px;
  font-size: 1.2em;
  color: #535353;
  width: 1.4em;
}

.filter input[type=checkbox].with-font:checked ~ label:before {
  content: "\f14a";
  font-size: 1.2em;
  color: darkgreen;
  letter-spacing: 5px;
}

.filter input[type=checkbox].with-font ~ label:before {
  content: "\f096";
}

.filter input[type=checkbox].with-font:checked ~ label:before {
  content: "\f14a";
  color: #AC4D00;
}

.filter .checkbox-text {
  margin-left: 10px;
  position: absolute;
  width: 200px;
}
/* April 2020 */
/*  Button */

div#content a.button,
div#content button {
    display: inline-block;
    margin: 0.5em 0 0 0;
    border: none;
    padding: 0.5em 0.8em 0.5em 0.8em;
    background-color: #ac4d00;
    color: white;
    font-family: PTSans;
    font-weight: normal;
    font-size: 0.8em;
}

div#content a.button:hover {
    background-color: #C45F11;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

div#content a.button.note-backlink {
    position: absolute;
    top: 0.4em;
    right: 0.4em;
    font-style: normal;
    margin-top: 0;
}

/* new inline beta label */

span.beta-label {
    position: absolute;
    top: 13.5em;
    right: 1em;
    z-index: 1000;
    padding: 0.2em 0.3em 0.2em 0.3em;
    font-size: 1em;
    font-family: PTSans;
    color: #AC4D00;
    border: 2px solid #AC4D00;
}

/* type-label */
p.type-label{
    position: relative;
    margin-top: -22px;
    padding-bottom: 1em;
}

p.type-label.research {
    margin-top: -16px;
}

/*  new: remove additional padding for teaser without images */
div#content div.teaser-6 {
    padding-top: 1em;
}

p.type-label span {
    padding: 0.3em 0.5em 0.3em 0.5em;
    font-family: PTSans;
    font-size: 0.9em;
    background-color: gray;
    color: white;
}

p.type-label.edition span {
    background-color: #AC4D00;
}


.tablehead {
    font-weight: bold;
    text-align:center;   
}

ul.topic-doc-list {
    font-family: PTSans;
    font-size: 0.8em;
}

ul.topic-doc-list li {
    padding: 0.5em 0 0.5em 0;
    border-top: 1px silver solid;
}