* {
    box-sizing: border-box;
    color:black;
}

.err {
	color:red;
	font-weight:bold;
	padding: 10px 0 10px 0;
}

.err:empty {
   display: none;
}


.treeicon {
	float:right;

}
.treeicon img {
	height:20px;
	margin-left:3px;
}

p {margin:0}

.persListObj {
	cursor:pointer;
}

.persListObj:hover {
	text-decoration:underline;
}

.dialog {
	display:none;
	font-size: 15px;
}
.dialog input[type="Text"] {
	height:22px;
}

# form div {margin: 10px;overflow: auto;}

#person_parents {display:flex}
#person_parents .person {margin: 0 auto;}

.treewrapper{
	    width: max-content;
}

.tree {
	float:left;
	border:none;
	display:grid;
	/* overflow: visible; */
}


.tree .highest {
	border:none;
}

.tree .person.short {
	margin: 0 auto;
	margin-bottom: 10px;
}

.tree .person.parents {
	border:none;
	margin:0;
	padding:0;
	position:relative;
	/* overflow: visible; */
}

.person .wrapper {
	border:none;
	margin:0;
	padding:0;
}
.person div {
	border:solid 1px;
	margin:5px;
	padding:5px;
	overflow:auto;
}

.person .epoch {
	border:none;
}

.person .startDate {
	float:left;
	margin-left:0;
}
.person .endDate {
	float:right;
	margin-right:0;
}

.person.lifedate {
	border:none;
	margin:0;
	padding:0;
}

.person .roleItemDummy {
	float:left;
	border: none;
	margin: 0;
	/* margin-right: 0; */
	/* overflow: hidden; */
	padding: 0;
}

.person .roleItem {/* margin: 0; */padding: 0;border: none;margin-left: 0;margin-right: 0;}

.person .roleListItem {
	border:none;
	padding:0;
	margin:0;
}

.person .bordermaker{
	/* position:relative; */
	/* padding:0; */
	margin:0;
	background-color: lightblue;
}
.person .textmaker{
	position:absolute;
	border:none;
	/* padding:0; */
	margin:0;
}

.form input, .form select {
	padding:3px;
	margin:10px;
}


.stocky select {
	padding:0;	
	margin:0;	
}

.person.short div {
	border:none;
	margin:0;
	padding:0;
	overflow:auto;
}

.person.short {
	border:1px solid;
	margin:5px;
	padding:5px;
	overflow:auto;
	float:left;
}

.person.short .time{
	overflow:initial;
}

.persSimpleList a {
	text-decoration:none;
}

.persSimpleList a:hover {
	text-decoration:underline;
}

div.male {
	background-color:aliceblue;
}
div.female {
	background-color:mistyrose;
}

.synopsiscnt {
	font-size:16px;
}

.synopsis{width:100%}

.synopsiscnt:nth-child(even) {
    background: whitesmoke;
    /* border: black 1px solid; */
}

.synopsiscnt {
	/* border: lightgrey 1px solid; */
	clear: both;
	overflow-y: auto;
	padding:5px;
}
.synopsiscnt .Mt {clear:both;}

.synopsiscntheader {
	color:red;
	font-weight:bold;
	font-size:17px;
	padding-top:6px
}

.synopsissection {
	width:calc(25% - 3px);
	float:left;
	margin-right:3px;
}

.grmuseumworkobject p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

div.grmuseumsubheader {
	color:grey;
}

.logoleft * {
	float: left;
	border: orange solid 1px;
	border-left: peru solid 1px;
	border-top: peru solid 1px;
	padding: 4px;
	padding-left:10px;
	font-weight:normal;
	font-family:serif;
	color:orange;
}

.logoleft a {
	text-decoration:none;
}

.logoright {
	float: left;
	margin-right: 2px;
	border: orange solid 1px;
	border-right: orange solid 1px;
	border-bottom: orange solid 1px;
	border-left:none;
	padding: 4px;
	padding-right:10px;
	margin-left:none;
	font-weight:normal;
	font-family:serif;
	color: peru;
}

.pageheadermob {
    height: 35px;
    background-color:whitesmoke;
    margin-bottom:10px;
    width:100%;
}

.pageheadermob div.esearch {
    height: 35px;
    width: 100%;
    padding: 0 4px 0 4px;
}

.pageheader {
    height:30px;
    background-color:whitesmoke;
    margin-bottom:10px;
}

.header {
    /* padding-left: 5px; */
}

.workCycle {
	float: right;
	margin: 10px;
	/* height: 60px; */
}

.workCycle a {
	text-decoration:none;
}

.workCyclePane {
	padding-bottom:5px;
	overflow: auto;
}

.workCycle .button {
	border: solid 1px;
	padding: 5px;
	float: right;
	margin: 0px;
}

.artistcycle .button {
	background-color: lightyellow;
}
.mapcycle .button {
	background-color: lightcoral;
}

.workCycle .center {
	padding: 5px;
	float: right;
	}

.colmob {
	margin-top:5px;
}    

.column {
    float: left;
    padding: 10px;
}
.column.side {
    width: 25%;
}
.column.middle {
    width: 50%;
    overflow:auto;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.footer {
    padding: 10px;
    text-align: center;
}

.lastfooter {
    margin:100px 0 0 0;
    padding:10px 0 5px 0;
    text-align: center;
    //border-top:solid grey 1px;
    background-color:whitesmoke;
}

.lastfooter a {
	padding-right:10px;
	text-decoration:none;
	color:grey;
}

div.mapp{
	display:none;
	margin-bottom:10px;
}

div.map{
	width:100%;
	height:200px;
	border:solid 1px;
}

div.mappage div.map{height:700px}

div.fixright {
	padding-left: 10px;
	width: 350px;
	float: right;
	height: 700px;
	overflow:scroll;
	overflow-x: auto;
}

div.fixright .alist{
	    overflow: initial;
	}

div.alist{
    max-height: 800px;
    overflow: overlay;
    padding-right: 20px;
}

div.mappage {
    float: none;
    width: auto;
    /* padding-top: 10px; */
    overflow: hidden;
}

.iconlist {
	font-size:small;
}

div.grwlist {
	margin-bottom: 10px;
}

div.wlist a {
	text-decoration: none;
	color:black;
}

div.wlist a:hover {
	text-decoration: underline;	
} 

div.ilist a {
	text-decoration: none;
	color:black;
}

div.ilist a:hover {
	text-decoration: underline;	
} 

div.aname.small {
	color:grey;
} 

div.aname.small a:hover {
	text-decoration: underline grey;
} 

div.wlist .mp.now a:hover {
	text-decoration: underline;
	color:black;
}

div.line{overflow: auto;margin-bottom: 3px;}

div.wlist .mp.now a {
	text-decoration: none;
	color:grey;
}

div.wlist .wname{
	font-weight:bold;
	
}

div.wlist .mp.now {
	color:grey; 
}



.floatleft {float:left}

.h2 select {
	max-width:100%;
}

option{
	font-weight:bold;
}

div.wlist .cust {
	color:grey; 
}

div.wlist {
	max-height: 800px;
    overflow: overlay;
    padding-right: 20px;
}

.colmob div.wlist {
	max-height: 800px;
    overflow: overlay;
    padding-right: 0px;
}

div.wlist img {
	/* float:left; */
	width: 300px;
	padding-right:5px;
}

div.museumlist {
	max-height: 800px;
    overflow: overlay;
}

div.museumobj {
    padding: 2px;
    border: 1px solid;
    margin-bottom: 1px;
}

div.museumobj a{
	text-decoration:none;
}

div.museumobj a:hover {
    text-decoration: underline;
}

div.museumheadings{
	text-align:center;
	margin-top:80px;
	margin-bottom:40px;
}

div.museumheadings .normal{
	font-size:35px;
		font-weight:bold;
}

div.museumheadings .big{
	font-size:65px;
		font-weight:bold;
}

div.museumheadings .h2{
	margin-top:15px;
	margin-bottom:80px;
	font-weight:bold;
	font-size:20px;
}

div.museumheadings img {
	width:85%;
	margin-top: 50px;
	margin-bottom:40px;
	max-width:800px;
}

div.grmuseumroomheader{
	color:red;
	font-weight:bold;
	font-size:24px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	clear: both;
}

div.grmuseumroomsubheader{
	color:black;
	font-weight:bold;
	font-size:20px;
	margin-top:-4px;
	padding-left:10px;
	padding-bottom:20px;
}

div.grmuseumworkobject img {
	width: 110px;	
}

.workdescrcomp{
	/* border:1px solid; */	
}

@media print {
        .grmuseumworkobject {page-break-inside:avoid;}
        .wobj {page-break-inside:avoid;}
        .aobj {page-break-inside:avoid;}
        .icon {display:none;}
        .lastfooter {display:none;}
        .workCycle {display:none;}
        /*.grmuseumroom:not(:first-of-type)*/ .grmuseumroomheader {page-break-before:always;}
        .pageheader {display:none;}
        .google-auto-placed {display:none;}
        .adsbygoogle {display:none !important;}
        .workdescrcomp {border:none}
        .workdescr {display:none}

	.printimpressum p {
		margin:0;
	}

	.printimpressum {
		font-weight:bold;
		page-break-before:always;
	}

	div.museumheadings img {
		width:85%;
		margin-top: 0px;
		margin-bottom:0px;
		max-width:800px;
	}


}

@media screen {
	.printimpressum {
		display:none;
	}
	div.museumheadings{
		margin-top:30px;
	}	
	div.museumheadings .h2 {
		margin-bottom: 10px;
	}	
}




.grmuseum div.workdescr{
	display:none
}
      
.grmuseumworkobject div.workimage{
	width:110px;
	float:left;
	margin:5px;
}

div.workinvnumber{
	float:left;
	padding-top:10px;
	padding-right:5px;
	width:70px;
	text-align:right
}


div.grmuseumworkobject{
	clear:both;
	/* margin-bottom: 10px; */
	overflow: overlay;
}

div.grtablecol{
	display: flow-root;
}

div.grmuseumworkobject .wname {
	font-weight:bold;
}

div.grmuseumworkobject a {
	text-decoration:none;

}

div.grmuseumworkobject a:hover {
	text-decoration:underline;

}

div.mp{
	

}
div.wobj img {
	float:left;
	width:100px;
	padding-right:5px;
}

.colmob div.wobj img {
	float:none;
	width:100%;
}
div.wtext{overflow:inherit}

div.wobj {
    border:1px solid;
    margin-bottom:1px;
    padding:3px;
    overflow:auto;
}

div.wobj:hover{
    background-color:#efefef;
}

div.pobj.selected {
    background-color:lightgrey;
}

div.pobj:hover{
    background-color:#efefef;
}

div.iobj:hover{
    background-color:#efefef;
}

div.aobj:hover{
    background-color:#efefef;
}

div.flist{
	underline:none;
}
div.relations .child{
	/* position:relative; */
	padding-left: 10px;
	padding-right:9px;
	display: none;
	/*z-index: -1;*/
}

div.relations .wname{
	font-weight:normal;
}

div.tree span:hover{
	text-decoration:underline;
	cursor:pointer;
}

div.relin{
	border:solid 1px;
}
div.relations .pname{
	padding-top:5px;
	padding-left: 2px;
	font-weight: bold;
}

div.infowindow .pname {
		margin-bottom: 6px;
}


div.infowindow .h3{
	font-weight: bold;
	/* color:black; */
	text-decoration:none;
	font-size:14px;
	/* margin-bottom: 61px; */
}

div.infowindow .aname a {
	font-size: 14px;
}

div.infowindow .pname a{
	font-weight: bold;
	color:red;
	text-decoration:none;
	font-size:14px;
	/* margin-bottom: 61px; */
}

div.infowindow .pname a:hover {
    text-decoration: underline;
}

div.infowindow .icon {
    display:none;
}

div.parent {
	margin-bottom: 5px;
}	
.small{
	font-size:small;
	color:grey;
}	
.aname.small  a {
    text-decoration: none;
    color:grey;
}

div.relations .small{
	padding-top:5px;
}	
	
div.tp {
    font-size:small;
    color:red;
    /* padding-left:0.3em; */
    white-space: nowrap;
    font-weight:normal;
    }
    
div.aname { 
    font-weight: normal; 
    display:block
    
    }

div.alist a {
    text-decoration: none;
    color:black;
}

div.alist a:hover {
    text-decoration: underline;
    color:black;
}
	
div.aobj {
	padding:2px;
    border:1px solid;
    margin-bottom:1px;
    clear:both
}

div.iobj {
	padding:2px;
    border:1px solid;
    margin-bottom:1px;
}

div.pobj {
	padding:2px;
    border:1px solid;
    margin-bottom:1px;
}

div.plist a {
    text-decoration: none;
    color:black;
}

div.plist a:hover {
    text-decoration: underline;
    color:black;
}

div.apobj {
	padding:2px;
    border:1px solid;
    margin-bottom:1px;
}

div.aplist a {
    text-decoration: none;
    color:black;
}

div.aplist a:hover {
    text-decoration: underline;
    color:black;
}

.pageheadermob img {
	position:absolute;
	right:6px;
	z-index:99;
	top: 12px;
}

.pageheadermob .search {
    position: absolute;
    right: 30px;
}
.pageheadermob input.esearch {
    width: 100%;
    height: 30px;
    /* position: absolute; */
    /* left: 0px; */
    /* top: 2px; */
    /* position: relative; */
}

.pageheadermob div.search {
	position: fixed;
	border: none;
	margin: 5px;
	z-index:1;
	left: 0;
	top: 0;
	display: block;
	background-color: white;
}

input.esearch {
    width: 300px;
    height: 25px;
    /* position: absolute; */
    /* right: 5px; */
    /* top: 5px; */
    margin-top: 3px;
}

.pageheader a {
	/* position:fixed; */
}
.mapbutton a {
    right: 320px;
    position: absolute;
    margin-top: 5px;
    font-weight: bold;
    text-decoration:none;
   }

.biblebutton a:hover{
	text-decoration:underline
}

.biblebutton a {
    right: 450px;
    position: absolute;
    margin-top: 5px;
    font-weight: bold;
    text-decoration:none;
   }

.mapbutton a:hover{
	text-decoration:underline
}
    
div.esearch{
	float: right;
	height: 35px;
	/* width: 100%; */
	padding: 0 4px 0 4px;
	}


	
div.search {
	position: fixed;
	border: none;
	margin: 5px;
	z-index:1;
	right: 0;
	top: 0;
	display: block;
	background-color: white;
}

div.sresmain {
    /* margin-top: 30px; */
    padding:3px;
    display: none;
    overflow-y:scroll;
    max-height: 90vh;
    border:1px solid;
    background-color: lightyellow;
    position: absolute;
    right: 10px;
    top: 40px;
    /* width: 100%; */
    z-index: 99;
}

.close{
    float:right; 
    padding:2px 5px;
    background:#ccc;
}

.button {
	cursor: pointer;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-top:5px;
    padding:2px 5px;
    background:#ccc;	
    float:left;
}

.pageheader .button {
	float:right;
	margin:2px 5px;
}

#addperson{
	/* position: absolute; */
	/* right: 320px; */
	float: right;
}

.section {
	clear:both;
}

.button a {
	text-decoration:none;	
}

.button a:hover {
	text-decoration:underline;	
}

.h2 .button {
	margin-top:10px;
}

div.alist .button {
    float:right; 
}



.row {
	clear:both;
}

div.relations {
	display: none; 
	margin-bottom: 18px;
}

/*
h3 {
	margin-top:5px;
	margin-bottom:6px;
	font-size:1.1em;
	color:red;
}
*/

div.h3 {
	margin-top:5px;
	margin-bottom:6px;
	font-size: 18px;
	color:red;
	display: initial;
	font-weight:bold;
}

div.h3 .aname {
	/* margin-top:5px; */
	margin-bottom: 6px;
	font-size: 18px;
	color:red;
	/* display: initial; */
	font-weight:bold;
}

div.h3 a{
	text-decoration:none;
	color:red;
}
div.h3 a:hover{
	text-decoration:underline;
}

div.divcaption {
	border:none;
	font-weight:bold;
	color:red;
	margin:0;
	padding:0;
	position:relative;
	overflow:visible;
}

.divcaption .edit {
	float: right;
    position: absolute;
    right: 0;
    top: 0;
    border:none;
    padding:0;
    margin:0;
    color:grey;
}

.edit:hover {
	color:black;
	text-decoration:underline;
	cursor:pointer;
}

h2 {
	margin:0px;
	font-size:1em;
}

div.wdescr {
	
}

h1 {
	font-size:1.5em;
	margin:0px;
	margin-bottom:10px;
}

.imgmain{
	max-width:100%;
	max-height: 500px;
}

img.icon {width:25px;float:right;}

img.link:hover {
	cursor:pointer;
}

.imgSource{
    font-size: small;
}
.img0{
	padding-bottom: 0px;
}
.img1{/* margin-right: -10px; */}

.img2{
    width: 100%;
}

.img3{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: -10px;
}

.img4{
	    cursor: pointer;
	    display: inline-block;
}

.img5{
	    height: 60px;
	    padding-right: 10px;
	    padding-bottom: 10px;
}

.img6{
    height: 100%;
}

.divbiblesearch {
	padding-bottom: 20px;
	display: flex;
	/* overflow:visible */
}
.divbiblesearch * {
	height:30px;
	float:left;
	padding-right:5px;
}

.divbiblesearch input{
	width:500px;
}

.divbiblesearchresultwrapper{
	min-height:200px;
	border:solid 1px lightgrey;
	padding:10px
}

.divbiblesearchresult b {
	color:red;
}

.divbiblesearchresultbookheader {
	font-weight:bold;
	padding-top:10px;
	
}

.divbiblesearchresultwrapper .divbiblesearchresultbookheader {
	font-size:24px;
}

.divbiblesearchresultchapternum{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:3px;
	
}

.divbiblesearchresultwrapper .divbiblesearchresultchapternum {
	font-size:17px;
}

.spanbiblesearchresultversenum {
	position: relative;
	top: -0.3em;
	font-size: 90%;
	padding-right:3px;
	color: crimson;
	font-weight: bold;
}

.spanbiblesearchresultverse{
	padding-right:4px;
}

.divbiblesearchresultwrapper .spanbiblesearchresultverse {
	font-size:18px;
}

.divbiblebookcollref{
	padding-bottom:50px;
}

.divbiblebookref{
	float:left;
	padding-right:10px;
	font-size:10px;
}