body.brf{width:100%;
	font-family:verdana,sans-serif;
	font-size:12px;
    margin-left:30px;
	line-height:180%; /*aufgrund der Hoch/Tiefstellungen, ansonsten wird Zeilenhöhe verändert*/
    background-color:#fff;
}

a.btnma{
    text-decoration: none;
    border:1pt solid #0000ff;
    border-radius: 5px;
    padding: 2px 4px;
}

a.btnma:hover {
    background-color: RoyalBlue;
    color:#fff;
  }

td.vpad {padding:0px 7px;} /*has to be capseled within classname 'vpad' (vertical padding), otherwise we have unpredictable side effects!*/

div.popinfo{
    border:1pt solid #0000ff;
    display:none;
    font-size:9px;
    padding: 4px;
    width:150px;
    height:20px;
    background-color:#ffffcc;
    overflow:hidden;
    float:left;
    z-index:3;
}

div#info-popup.person-pop {
    border:1pt solid #000011;
    padding: 4px;
    background-color:#ffffcc;
    width: 400px;
    border-radius: 10px;
    box-shadow: 7px 5px grey;
    overflow:hidden;
    z-index:3;
}

div#info-popup.work-pop {
    border:1pt solid #000011;
    padding: 4px;
    background-color:#dfffef;
    width: 450px;
    max-height:400px;
    border-radius: 10px;
    box-shadow: 7px 5px grey;
    overflow-y: scroll;
    z-index:3;
}

span#info-over p.item {
    border:1pt dotted #000011;
    padding-left: 10px;
    background-color:#ffffcc;
    width: 92%;
    border-radius: 10px;
    overflow:hidden;
    z-index:3;
}

p.item {
  padding-bottom:10px;
  padding-left: 10px;
  background-image: url('../imgs/arrow_red.png');
	background-repeat: no-repeat;
	background-position:  0px 5px;
	margin-left: 5px;
}

div#info-popup span.bio::before {
  content: "[ ";
}

div#info-popup span.bio::after {
  content: " ]";
}

div.poem{
	margin-top: 12px;
	margin-bottom: 12px;
}

div.info{
	text-align: center;
	margin-top:15px;
}
img.info-ns{
	background-color:#ffffcc;
	position: relative;
	margin-bottom:0px;
}

a.external {
	/*display: inline-block; necessary for scaleX animation, but messing up layout if link text includes <lbr>, 
	 * animation can't have a line break! see BD_1367 L.11/12 bzw. TT#14768, Kommentar 03.04.2023 16:05*/
	position: relative;
	text-decoration: none;
	color: black;
	background-image: url('../imgs/external-link.png');
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 18px 0 0;
	border-bottom: 1px dotted;
}

a.external:hover {
  color: red;
}

/* https://unclebigbay.com/how-to-create-an-hover-underline-animation-in-css
https://www.30secondsofcode.org/css/s/hover-underline-animation */
a.external:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: red;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }

a.external:hover:after {
    transform: scaleX(1);
    transform-origin: left;
  }
/* end animation */

span.ana{
	vertical-align:super;
	font-size:larger;
	margin-right:-5px;
	margin-left:-5px;
}

span.alchem_powder, span.alchem_antimony,
span.alchem_oil, span.alchem_tartar{
	font-size:large;
}

table.rules_all, table.rules_all tr td{
	border: 1px solid black;
	border-width: 1px 1px 1px 0px;
	border-collapse: collapse;
}

.anschrift{
    border:1pt solid #0000ff;
    padding: 10px;
    width: 500px;
}

.super{
	font-size:x-small;
	vertical-align:super;
}

.offset, .object, .position, .suppl{
    color:gray;
}

.emendation{
    border-bottom: 1px dotted;
}

.unclear{
    border-bottom: 1px dashed;
}

.ovl{
    border-top: 1px solid;
}

.addident, .addnote, .addnum, .addpost, .addrecip, .addsign, .addprov{
    display:block;
    font-size:smaller;
    color:gray;
    margin-top:10px;
    padding-bottom:12px;
}

*[title="inline"]{
    display:inline;
}

div#pg1.pgbreak {
	margin-top:0px;
    border-top: 1px solid;
    color:rgb(0,49,99);
	margin-bottom:5px;
}
div.pgbreak:not(#pg1) {
	margin-top:30px;
    border-top: 1px solid;
    color:rgb(0,49,99);
	margin-bottom:15px;
}

.pgtoc{
	margin-top:30px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.supplied{
	display:inline;
    font-size:smaller;
}

.stroke{
    text-decoration:line-through;
}

.head{
    display:none;
    border-bottom-style:solid;
    border-bottom-width: 0px;
	font-style:normal;
    color:#b03614;
	font-weight:normal;
    margin-bottom:18px;
}
.letter{
	width:620px;
	padding-top:18px;
	padding-right:2px;
}
.right{
	/*margin-left:300px;*/
    text-align:right;
	margin-right:100px;}
.center{
  text-align:center;
	/*margin-left:150px;*/
  }
  
.person{
	color:#0064b4;
}

.person:hover{
	cursor:pointer;
}

.work{
	/*color:#64b400;*/
	color:green;
}

.work:hover{
	cursor:pointer;
}

.pscript{
	color:rgb(130,130,130);
	border-style: dotted;
	/* background-color: lightblue;*/
	margin-top:2px;
	padding:8px;
	border-radius: 5px;
}
.correction{
    text-decoration:line-through;
}

.choice{
	background-color: lightblue;
}

.uline{
    text-decoration:underline;
}
.uuline{
    text-decoration:underline;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}