@charset "UTF-8";
/*
	Helios by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600');
@import url('https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700&subset=latin,latin-ext');
@import url('font-awesome.min.css');

@font-face {
	font-family: 'Gentium Plus';
	font-weight: normal;
	font-style: normal;
	src: url('../Fonts/GentiumPlus-R.woff') format('woff'),
		 url('../Fonts/GentiumPlus-R.ttf') format('truetype');
}

@font-face {
	font-family: 'Gentium Plus';
	font-weight: normal;
	font-style: italic;
	src: url('../Fonts/GentiumPlus-I.woff') format('woff'),
		 url('../Fonts/GentiumPlus-I.ttf') format('truetype');
}

@font-face {
	font-family: 'EmojiSymbols';
	font-weight: normal;
	src: url('../Fonts/EmojiSymbols-Regular.woff') format('woff');
}


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body {
	background: #f0f4f4;
	color: #5b5b5b;
}

body.is-loading * {
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

body, input, textarea, select {
	font-size: 14pt;
	line-height: 1.85em;
	font-family: "Gentium Basic", "Times", "Times New Roman", serif;
	font-weight: 400;
}

.tx_hisodat *, .transcriptionCommentary *, .colHeader {
	font-family: "Gentium Plus", "Gentium Basic", "Times", "Times New Roman", serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #483949;
	line-height: 1.25em;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
	margin: 2em 0 1em 0;
}

nav ul {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
	border-bottom-color: transparent;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 600;
}

h2 {
	font-size: 2.85em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
	margin: 0 0 0.25em 0;
}

h4.spaced {
	margin-top: 3em;
	margin-bottom: 1.5em;
}

strong, b {
	font-weight: bold;
	color: #483949;
}

em, i {
	font-style: italic;
}

a {
	color: #EB7F72;
	border-bottom: solid 1px #EB7F72;
	text-decoration: none;
}

.nodecoration {
	border-bottom: 0;
	text-decoration: none;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

blockquote {
	border-left: solid 0.5em #ddd;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p, ul, ol, dl, table {
	margin-bottom: 1em;
}

hr {
	position: relative;
	display: block;
	border: 0;
	top: 1.8em;
	margin-bottom: 5em;
	height: 6px;
	border-top: solid 1px rgba(128, 128, 128, 0.2);
}

.special,
section.special > header,
section.special > footer,
article.special > header,
article.special > footer {
	text-align: center;
}

header {
	margin: 0 0 1em 0;
}

header > p {
	display: block;
	font-size: 1.5em;
	margin: 1em 0 2em 0;
	line-height: 1.5em;
	text-align: inherit;
}

.csc-header-alignment-left + p {
	margin-top: 0;
	font-size: 1em;
}

/* News */

header > .article-info {
	margin: 0;
	padding: 0.4em 0 0 0;
	font-size: 0.8em;
	text-decoration: none;
}

header > .article-info > time {
	margin: 0 0.3em 0 0;
	padding: 0 0.4em 0 0;
	border-right: 0.1em solid #5b5b5b;
}

.article-overview {
	margin-bottom: 6em;
}

.news-category {
	border-bottom: 0;
}

.preview-image img {
	width: 100%;
}

.staff {
	margin: 0 0 1.5em 0;
}

/* responsive video embed */

.elastic-video {
	height: 0;
	position: relative;
	margin-bottom: 2em;
	padding-top: 10px;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.elastic-video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.info-edition {
	margin-bottom: 2.5em;
}

figure figcaption.caption {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.guideli {
	margin: 2em 0 0 0;
}

.impressum {
	margin-top: 2em;
}

/* Footer */

address > span > a {
	text-decoration: none;
	border-bottom: 0;
}

.image {
	position: relative;
	display: inline-block;
	border: 0;
	outline: 0;
}

.image img {
	display: block;
	width: 100%;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 4em 0;
}

.image.left {
	float: left;
	margin: 0 2em 2em 0;
}

.image.centered {
	display: block;
	margin: 0 0 2em 0;
}

.image.centered img {
	margin: 0 auto;
	width: auto;
}

article .image.left {
	width: 40%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.newslist-link {
	margin-top: 3em;
	margin-bottom: -1em;
}

/* List */

ul {
	list-style: disc;
	padding-left: 2em;
}

#footer ul, ul.divided {
	list-style: none;
	padding-left: 0;
}

ul.default li {
	padding-left: 0.5em;
}

.divided .active {
	font-weight: bold;
}

form ul.actions {
	margin-top: 0;
}

ul.actions li {
	display: inline-block;
	margin: 0 0.75em 0 0.75em;
}

ul.actions li:first-child {
	margin-left: 0;
}

ul.actions li:last-child {
	margin-right: 0;
}

ul.divided li {
	border-top: solid 1px rgba(128, 128, 128, 0.2);
	padding-top: 0.5em;
	margin-top: 0.5em;
}

ul.divided li:first-child,
#footer ul.divided li:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

ul.divided a {
	display: block;
	border-bottom: none;
}

ul.menu {
	height: 1em;
	line-height: 1em;
}

ul.menu li {
	display: inline-block;
	border-left: solid 1px rgba(128, 128, 128, 0.2);
	padding-left: 1.25em;
	margin-left: 1.25em;
}

ul.menu li:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}

ol.default {
	list-style: decimal;
	padding-left: 1.25em;
}

ol.default li {
	padding-left: 0.25em;
}

/* Form */

form label {
	display: block;
	font-weight: 400;
	color: #483949;
	margin: 0 0 1em 0;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	-webkit-appearance: none;
	display: block;
	background: #fafafa;
	width: 100%;
	border: solid 1px #e5e5e5;
	padding: 1em;
	-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select {
	line-height: 1em;
}

form textarea {
	min-height: 9em;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
	background: #fff;
	border-color: #df7366;
}

form .formerize-placeholder {
	color: #555 !important;
}

form ::-webkit-input-placeholder {
	color: #555 !important;
}

form :-moz-placeholder {
	color: #555 !important;
}

form ::-moz-placeholder {
	color: #555 !important;
}

form :-ms-input-placeholder {
	color: #555 !important;
}

form ::-moz-focus-inner {
	border: 0;
}

/* Table */

table {
	width: 100%;
}

tbody tr {
	border-top: solid 1px #e5e5e5;
}

tbody tr:first-child {
	border-top: 0;
}

tr:nth-child(2n+1) {
	background: #fafafa;
}

td {
	padding: 0.5em 1em 0.5em 1em;
}

th {
	text-align: left;
	font-weight: 600;
	padding: 0.5em 1em 0.5em 1em;
}

thead {
	border-bottom: solid 2px #e5e5e5;
}

tfoot {
	border-top: solid 2px #e5e5e5;
}

td.tabletwo {
	width: 18.74999999995%;
	clear: none;
	margin-left: 0;
}

td.tablefour {
	width: 24.9999999999%;
	clear: none;
	margin-left: 0;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.pagination .active,
.button {
	position: relative;
	display: inline-block;
	background: #df7366;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0.65em 3em 0.65em 3em;
	border: 0;
	cursor: pointer;
	outline: 0;
	font-weight: 300;
	-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

.button.small {
	outline: 2px solid #df7366;
	padding: 0.35em 1.5em 0.35em 1.5em;
}

.button.ghost {
	background: transparent;
	outline: 1px solid #df7366;
	color: #5b5b5b;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
	color: #fff;
	background: #ef8376;
}

input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
.button.alt {
	background: #2b252c;
}

input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
.button.alt:hover {
	background: #3b353c;
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

#misc article header:before {
	-moz-osx-font-smoothing: grayscale;
	background: #2b252c none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	display: block;
	font-family: "FontAwesome";
	font-size: 1.25em;
	font-style: normal;
	font-weight: normal;
	height: 3em;
	line-height: 3em;
	margin: -2em auto 1em auto;
	text-align: center;
	text-decoration: none;
	width: 3em;
	content: "";
}

#misc article:first-child header:before {
    content: "";
}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

.wrapper {
	background: #fff;
	margin: 0 0 2em 0;
}

.wrapper.style1 {
	padding-top: 4em;
	padding-bottom: 4em;
}

.wrapper.style2 {
	padding-top: 2em;
	padding-bottom: 2em;
}

.wrapper.style3 {
	padding-top: 1em;
	padding-bottom: 1em;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header {
	position: relative;
	background-image: url('../Images/HintergrundbildBanner.jpg');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	color: #fff;
	text-align: center;
	padding: 2.5em 0 2em 0;
	cursor: default;
}

.homepage #header {
	padding: 4em 0 4em 0;
	background-image: url('../Images/HintergrundbildFINAL.jpg');
}

.homepage #header .overlay {
	content: '';
	background: #1c0920;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1.0;
	-moz-transition: opacity 2s ease-in-out;
	-webkit-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	-ms-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}

.homepage #header.ready .overlay {
	opacity: 0.2;
}

#header .inner {
	position: relative;
	z-index: 1;
	margin: 0;
	padding-top: 2.5em;
}

.homepage #header .inner {
	padding-top: 4em;
}

#header h1 {
	color: #333;
	font-size: 3.2em;
	line-height: 1em;
}

.homepage #header h1 {
	font-size: 3.6em;
}

#header header > p {
	font-size: 1.5em;
	margin: 0;
	color: #333;
}

#header .button {
	background: #fff;
	border: 2px solid #fff;
	margin: 1em 0.5em;
	color: #333;
	opacity: 0.8;
}

#header header {
	color: #333;
	background: #fff;
	padding: 1em 2em;
	opacity: 0.8;
}

#header footer {
	margin: 1em 0 0 0;
}

#header hr {
	top: 1.5em;
	margin-bottom: 3em;
	border-bottom-color: rgba(192, 192, 192, 0.35);
	box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35);
}

#header hr:before,
#header hr:after {
	background: rgba(192, 192, 192, 0.35);
}

.homepage .bmblogo {
	display: block;
	margin: 0 auto;
}

#header .bmblogo {
	width: 6.5%;
	vertical-align: middle;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 1.5em 0 1.5em 0;
	z-index: 1;
	overflow: hidden;
}

#nav > ul {
	line-height: 0px;
	position: relative;
	display: inline-block;
	margin: 0;
	height: 21px;
}

#nav > ul:before,
#nav > ul:after {
	content: '';
	display: block;
	width: 300%;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	height: 5px;
	border-top: solid 1px #FFF;
}

#nav > ul:before {
	left: 100%;
	margin-left: 1px;
}

#nav > ul:after {
	right: 100%;
	margin-right: 1px;
}

#nav > ul > li {
	display: inline-block;
	margin: -9px 0.5em 0 0.5em;
/*	border-radius: 0.5em; */
	padding: 0.85em;
	border: solid 1px transparent;
	-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

#nav > ul > li > a,
#nav > ul > li > span {
	display: block;
	color: inherit;
	text-decoration: none;
	border: 0;
	outline: 0;
}

#nav > ul > li.active,
#nav > ul > li:hover {
/*	border-radius: 0; */
	color: #333;
	background: #FFF;
	opacity: 0.8;
}

#nav > ul > li > ul {
	display: none;
}

/*********************************************************************************/
/* Subnav                                                                        */
/*********************************************************************************/

#subnavigation ul {
	text-align: center;
	margin-bottom: 0;
}

#subnavigation ul li {
	margin: 0;
}

#subnavigation a {
	display: inline-block;
	border-bottom: none;
	padding: 0.1em 1em;
}

#subnavigation a:hover,
#subnavigation .active a {
	background: #EC8073;
	color: #FFF;
}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar {
}

#sidebar > hr.first {
	display: none;
}

#sidebar > hr {
	top: 3em;
	margin-bottom: 6em;
}

#sidebar > section {
	margin-bottom: 0;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer {
	position: relative;
	overflow: hidden;
	padding: 3em 0 6em 0;
	background: #2b252c;
	color: #fff;
}

#footer .icon.circled {
	background: #fff;
	color: #2b252c;
}

#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: #fff;
}

#footer h3 {
	margin-bottom: 1.5em;
}

#footer h4 {
	margin-bottom: 1em;
}

#footer a,
#footer a:hover {
	color: #fff;
	border-bottom: none;
}

#footer .copyright {
	text-align: center;
	color: rgba(128, 128, 128, 0.75);
	font-size: 0.8em;
	cursor: default;
}

#footer .copyright a {
	color: rgba(128, 128, 128, 0.75);
}

#footer .copyright a:hover {
	color: rgba(212, 212, 212, 0.85);
}

.phone {
	display: inline-block;
	margin-top: 1em;
}

.subline {
	display: block;
	font-size: 0.8em;
	color: rgba(128, 128, 128, 0.75);
}

#footer .archive {
	margin-top: -0.5em;
	margin-bottom: -0.5em;
}

.logo-augsburg {
	width: 75%;
}

.dfg {
	margin-top: 1.8em;
}

/*********************************************************************************/
/* Edition                                                                       */
/*********************************************************************************/

/* SINGLE VIEW */

/* unfortunately the sticky header is not ideal if anchors in index and annotation registers
   at the bottom of a page are used because it overlaps the anchor target jumped to
*/

/*
#transcriptionHeader {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
	z-index: 200;
	background: #FFF;
	padding-top: 0.3em;
}
*/

.toolbar {
	position: relative;
	margin: 1em 0;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	padding: 1em 0 1em 0;
	background: #FFF;
	z-index: 100;
}

.toolbar .browse,
.toolbar .actions,
.toolbar .legend {
	display: inline-block;
}

.toolbar .button {
	display: inline-block;
	padding: 0.2em 1em;
}

.toolbar ul {
	margin: 0;
}

/* PAGINATION */

.pagination {
	display: inline-block;
	list-style: none;
	padding: 0;
}

.pagination li {
	display: inline-block;
}

.pagination .active {
	background: #FFF;
	color: #5b5b5b;
	outline: 1px solid #EB7F72;
}

.pagination a,
.pagination .active {
	padding: 0.2em 1em;
}

.sources .pagination {
	margin-top: 0.5em;
}

.toolbar .pagination {
	margin-top: 0;
}

/* ACTION BUTTONS */

.toolbar .actions {
	margin-left: 2em;
}

/* LEGEND */

.legend {
/*	float: right; */
	position: absolute;
	right: 0;
	top: 29%;
}

.legend h5, .legend ul, .legend li {
	display: inline-block;
	list-style: none;
}

.legend ul {
	margin: 0;
	padding: 0 0 0 0.5em;
}

.legend li {
	position: relative;
	z-index: 10;
	padding: 0 0.3em;
	width: 1.2em;
	text-align: center;
	background: #FFF;
	font-style: italic;
	font-size: smaller;
	color: #a9a9a9;
	border: 1px solid #cacaca;
	cursor: pointer;
}

.legend li:hover {
	border: 1px solid #a9a9a9;
	color: #696969;
}

.legend li:hover:before {
	position: absolute;
	z-index: 20;
	top: -4.7em;
	right: -1px;
	display: inline-block;
	content: "Hinweis";
	color: #696969;
	background: #FFF;
	border: 1px solid #a9a9a9;
	padding: 0 0.3em;
}

.legend a {
	color: #a9a9a9;
	text-decoration: none;
	border-bottom: none;
}

.emptyPage {
	text-align: center;
}

/* TRANSCRIPTION (GENERAL) */

.tx_hisodat {
	margin-top: -1em;
}

.tx_hisodat h3 {
	font-size: 1.6em;
}

.tx_hisodat h4 {
	font-size: 1.2em;
}

.legend h5 {
	font-weight: normal;
	color: #a9a9a9;
}

.colHeader {
	font-weight: bold;
}

.colHeader a {
	border-bottom: 1px solid #eb7f72;
	color: #eb7f72;
}

.transcription {
	counter-reset: line;
}

.transcription br {
	display: none;
}

.transcription .zone {
	position: relative;
	margin-top: 1em;
	margin-right: 1.3em;
	padding: 0.2em 0.5em;
}

.transcription .line {
	position: relative;
	display: block;
	counter-increment: line;
}

.transcription .zone {
	border: 1px solid #cacaca;
	background: #FFF;
}

.text {
	position: relative;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	padding-right: 2%;
	padding-left: 4%;
	padding-bottom: 1.5em;
	background: #F0F4F4;
}

.text .zone:hover {
	border-color: #696969;
}

.transcriptionMain {
	border-bottom: 1px solid #cacaca;
	margin-left: 0;
}

.annotations {
	padding-left: 0;
}

/* PERMALINKS */

.permalink {
	position: absolute;
	border-bottom: none;
	color: #a9a9a9;
}

.zone:hover .permalink {
/*	color: #696969; */
	color: #EB7F72
}

.zone:hover .line .permalink {
	color: #a9a9a9;
}

.zone:hover .line:hover .permalink {
/*	color: #696969; */
	color: #EB7F72
}

.permalink:hover {
	color: #EB7F72 !important;
}

.zone .permalink {
	left: 102.3%;
}

.line .permalink {
	left: -2.3em;
	width: 1em;
	text-align: right;
}

/* LINES STYLING */

.line {
	outline: 1px solid transparent;
}

.index .line:after {
	content: "\200b";
}

.index .line:before {
	position: absolute;
	top: -45%;
	content: "\200b";
	border-bottom: 1px solid #cacaca;
	width: 135%;
	display: inline-block;
}

.text .line:after {
	position: absolute;
	left: -38%;
	top: -47%;
	content: "\200b";
	border-bottom: 1px solid #cacaca;
	width: 26%;
	display: inline-block;
}

.index .line:hover:before,
.text .line:hover:after {
	border-bottom: 1px solid #696969;
}

/* PHILOLOGICAL TEXT */

/* Basic styling for the textual phenomena; note: not all phenomena
 * are visible at first sight but are displayed once a user hovers
 * over a text passage
 */

.historicalPageHeader,
.festiveDayHeading,
.category {
	font-weight: bold; /* page header text bold to create visual structure */
}

ins {
	text-decoration: none;
}

.transcriptionMain ins {
	text-decoration: none;
	border: 1px dashed #a9a9a9;
	padding: 0 0.2em;
}

.textCancellationPageLevel,
.textCancellationParagraphLevel,
del {
	text-decoration: line-through;
}

.item {
	font-weight: bold;
}

.transcriptionMain .tab {
	display: inline-block;
	width: 3em;
}

/* textual phenomena are dotted below to attract possible
 * interaction without disturbing the flow
 */

.transcriptionMain .comment,
.transcriptionMain ins,
.transcriptionMain .festiveDayEntry,
.transcriptionMain .letterRudiment,
.transcriptionMain .alternativeReading,
.transcriptionMain .doubling,
.transcriptionMain .unreadable,
.transcriptionMain .uncertain,
.transcriptionMain .arabicDigits {
	border-bottom: 1px dashed #696969;
}

.underlined {
	border-bottom: 1px solid #696969 !important;
}

/* if nested the inner annotations are not dotted below */

.annotation .annotation {
	border-bottom: none;
}

/* textual phenomena are highlighted on hover to help
 * the eye identify the according passage
 */

.transcriptionMain .comment:hover,
.transcriptionMain ins:hover,
.transcriptionMain .festiveDayEntry:hover,
.transcriptionMain .letterRudiment:hover,
.transcriptionMain .alternativeReading:hover,
.transcriptionMain .doubling:hover,
.transcriptionMain .unreadable:hover,
.transcriptionMain .uncertain:hover,
.transcriptionMain .arabicDigits:hover {
	background: #DCDCDC;
}

/* information that turns up on hover over text elements: */

.transcriptionMain .comment:before,
.transcriptionMain ins:before,
.transcriptionMain .festiveDayEntry:before,
.transcriptionMain .letterRudiment:before,
.transcriptionMain .alternativeReading:before,
.transcriptionMain .doubling:before,
.transcriptionMain .unreadable:before,
.transcriptionMain .uncertain:before,
.transcriptionMain .arabicDigits:before {
	position: absolute;
	display: inline-block;
	z-index: 10;
	content: "Auszeichnung";
	padding: 0 0.2em;
	background: #FFF;
	font-weight: normal !important;
	font-size: 0.9em;
	font-style: italic;
	color: #a9a9a9;
	outline: 1px solid #cacaca;
	line-height: 1.7;
}

.transcriptionMain .comment:before { content: "K"; left: -38%; z-index: 90; }
.transcriptionMain ins:before { content: "E"; left: -35%; z-index: 80; }
.transcriptionMain .festiveDayEntry:before { content: "F"; left: -32%; z-index: 70; }
.transcriptionMain .letterRudiment:before { content: "B"; left: -29%; z-index: 60; }
.transcriptionMain .alternativeReading:before { content: "A"; left: -26%; z-index: 50; }
.transcriptionMain .doubling:before { content: "D"; left: -23%; z-index: 40; }
.transcriptionMain .unreadable:before { content: "X"; left: -20%; z-index: 30; }
.transcriptionMain .uncertain:before { content: "U"; left: -17%; z-index: 20; }
.transcriptionMain .arabicDigits:before { content: "Z"; left: -14%; z-index: 10; }

.transcriptionMain .comment:hover:before,
.transcriptionMain ins:hover:before,
.transcriptionMain .festiveDayEntry:hover:before,
.transcriptionMain .letterRudiment:hover:before,
.transcriptionMain .alternativeReading:hover:before,
.transcriptionMain .doubling:hover:before,
.transcriptionMain .unreadable:hover:before,
.transcriptionMain .uncertain:hover:before,
.transcriptionMain .arabicDigits:hover:before {
	outline: 1px solid #696969;
	color: #696969;
}

.transcriptionMain ins:hover:before { content: "Ergänzung" }
.transcriptionMain .festiveDayEntry:hover:before { content: "Festtag" }
.transcriptionMain .letterRudiment:hover:before { content: "Buchstabenansatz/-abbruch" }
.transcriptionMain .doubling:hover:before { content: "Doppelung" }
.transcriptionMain .unreadable:hover:before { content: "Unleserlich" }
.transcriptionMain .uncertain:hover:before { content: "Unsicher" }
.transcriptionMain .arabicDigits:hover:before { content: "Arabische Zahlen" }

.legend li.itemK:hover:before { content: "Kommentar" }
.legend li.itemE:hover:before { content: "Ergänzung" }
.legend li.itemF:hover:before { content: "Festtag" }
.legend li.itemB:hover:before { content: "Buchstabenansatz/-abbruch" }
.legend li.itemA:hover:before { content: "Alternative Lesung"; width: 8em; }
.legend li.itemD:hover:before { content: "Doppelung" }
.legend li.itemX:hover:before { content: "Unleserlich" }
.legend li.itemU:hover:before { content: "Unsichere Lesung"; width: 8em; }
.legend li.itemZ:hover:before { content: "Arabische Zahlen"; width: 8em; }
.legend li.itemI:hover:before { content: "Indexeintrag" }

/* content read from data attributes */

.transcriptionMain .comment:hover:before {
	max-width: 15em;
	content: "Kommentar: " attr(data-commentary);
	z-index: 180;
}

.transcriptionMain .alternativeReading:hover:before {
	max-width: 10em;
	content: "Alternative Lesung: " attr(data-alternative);
}

/* editorial information regarding page/text structure
 * displayed in front of the zones or after the text
 */

/* zones related annotations */

.zone.historicalPageHeader:before,
.zone.festiveDayHeading:before,
.zone.category:before,
.zone.marginalNoteLeft:before,
.zone.marginalNoteRight:before,
.zone.marginalNoteFlagLeft:before,
.zone.marginalNoteFlagRight:before,
.zone.subtotal:before,
.zone.sumTotal:before {
	float: right;
	font-style: italic;
	font-size: smaller;
	font-weight: normal;
	color: #a9a9a9;
}

.zone.historicalPageHeader:before { content: " Seitenkopf" }
.zone.festiveDayHeading:before { content: " Festtag (Überschrift)" }
.zone.category:before { content: " Rubrik" }
.zone.marginalNoteLeft:before { content: " Randnotiz links" }
.zone.marginalNoteRight:before { content: " Randnotiz rechts" }
.zone.marginalNoteFlagRight:before { content: " *" }
.zone.marginalNoteFlagLeft:before { content: " *" }
.zone.subtotal:before { content: " Summe" }
.zone.sumTotal:before { content: " Summe" }

/* inline annotations (marks) */

.archivalAnnotation:after,
.textDelimiterSymbol:after,
.markOfReference:after,
.drawing:after {
	display: inline-block;
	font-style: italic;
	font-size: smaller;
	font-weight: normal;
	color: #a9a9a9;
	padding: 0 0.3em;
}
.archivalAnnotation:after { content: "[Archivalischer Vermerk]" }
.textDelimiterSymbol:after { content: "[Textabgrenzungszeichen]"}
.markOfReference:after { content: "[Verweisungszeichen]"}
.drawing:after { content: "[Zeichnung]"}

/* INDEX */

.index {
	position: relative;
	left: -1em;
}

.index .zone {
	border: 1px solid #FFF;
	padding-left: 0;
	padding-right: 0;
}

.index .lemma {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 2em;
	overflow: hidden;
	z-index: 10;
	text-decoration: none;
	border-bottom: none;
	margin-bottom: -0.8em;
/*	color: #a9a9a9; */
}

.index .lemma:hover {
	position: absolute;
	width: auto;
	height: auto;
	overflow: auto;
	z-index: 20;
	padding: 0 0.3em;
	outline: 1px solid #696969;
/*	color: #696969; */
	text-decoration: underline;
	font-style: italic;
	font-size: smaller;
	background: #FFF;
}

.index .lemma:before {
	display: inline-block;
	position: relative;
	z-index: 20;
	top: -2px;
	left: 1px;
	content: "I";
	padding: 0 0.3em;
	background: #FFF;
	font-weight: normal !important;
	font-style: italic;
	font-size: smaller;
	color: #a9a9a9;
	outline: 1px solid #cacaca;
	line-height: 1.6;
}

.index .lemma:hover:before {
	display: none;
}

/* APPARATUS */

.transcriptionCommentary .entries {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

.entries li {
	margin: 0;
	padding: 0;
}

.entries .ref {
	font-weight: bold;
}

#criticalIndex .entries li,
#festiveDays .entries li,
dd.folio,
.results li {
	display: inline-block;
}

#criticalIndex .entries li:after,
#festiveDays .entries li:after,
.children li:after,
dd.folio:after,
.results li:after {
	display: inline-block;
	content: "-";
	margin: 0 0.2em;
}

#criticalIndex .entries li:last-child:after,
#festiveDays .entries li:last-child:after,
.children li:last-child:after,
dd.last:after,
.results li:last-child:after {
	content: "";
}

/* CITATION */

.citation,
pre {
	background: #F0F4F4;
	outline: 1px solid #E9E9E9;
	padding: 2em;
}

.citation p + h5 {
	margin: 0;
}

.citation h5 {
	margin-bottom: 0.5em;
}

#transcriptionHeader .citation {
	margin: 1em 0;
}

.formerVersions, .fomerVersions li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.formerVersions {
	margin: 0.5em 0 1em 0;
}

/* REGISTER */

/* nav buttons */

.registernav, .registernav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.registernav li {
	display: inline-block;
}

/* search */

.searchAndResetFilter {
	margin-top: 1em;
}

#registersearch, #registersearch fieldset {
	display: inline-block;
}

#registersearch div {
	display: none;
}

#registersearch input {
	display: inline-block;
}

#registersearch #searchstring {
	width: 25em;
	line-height: 1.3em;
	padding: 0.6em 1em;
}

#registersearch #submit {
	padding: 0.385em 0.8em;
}

.reset {
	display: inline-block;
	margin-left: 1em;
}

/* alphabet nav */

.alphabet .button {
	margin-top: 1em;
}

.alphabet .button,
.registernav .button {
	position: relative;
	padding: 0.2em 0;
	width: 2em;
}

.alphabet .active,
.registernav .active {
	position: relative;
	width: 2em;
	padding: 0.15em 0;
	text-align: center;
	background: #fff none repeat scroll 0 0;
	color: #5b5b5b;
	outline: 1px solid #eb7f72;
}

.registernav .button,
.registernav .active {
	width: auto;
	margin-right: 0.27em;
	padding: 0.3em 0.8em;
}

/* register content */

.initialLetter {
	margin: 0.5em 0;
}

.register li {
	margin: 0;
	padding: 0;
}

.parents {
	padding-left: 1em;
}

.children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.children {
	padding: 0em 0 0.5em 2em;
}

.children li {
	display: inline-block;
}

.children li:after {
	display: inline-block;
}

.noData {
	margin: 2em 0 16em 0;
}

.back {
	margin: 4em 0 6em 0;
}

dt.volume {
	margin-top: 1.5em;
	font-weight: bold;
}

.breadcrumbs {
	margin: 3em 0 0.5em 0;
	padding: 0;
	list-style: none;
}

.breadcrumbs li {
	display: inline-block;
}

.breadcrumbs li:after {
	content: "»";
	margin: 0 0.3em;
}

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

.lemma {
	margin-bottom: 1em;
}

.sublemmas {
	margin: 1em 0 0.5em 0;
}

.furtherInformation {
	font-weight: bold;
	margin-bottom: 0;
}

/* SOURCE SEARCH */

#quicksearch {
	margin-bottom: 2.5em;
}

#searchwords {
	line-height: 1.5;
	padding: 0.8em;
}

input.formerrors {
	transition: none !important;
	border-color: #f00 !important;
}

p.formerrors {
	font-weight: bold;
	color: #f00;
	text-align: center;
	margin: 0 0 -2em 0;
}

.results {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

.searchword {
	display: inline-block;
	background: #f6e900;
}

/*********************************************************************************/
/* Misc                                                                          */
/*********************************************************************************/

/* class for hiding elements */
.skip {
	background: none repeat scroll 0 0 transparent;
	height: 1px;
	margin: -2px 0 0 -2px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	z-index: 0;
}