/* sys */

img, video, table, div, pre, object, embed {
 max-width: 100% !important;
 height: auto;
}

body {
 overflow-x: clip;
 max-width: 100vw;
}

*, *::before, *::after {
 box-sizing: border-box;
}

table.L2TB {
 z-index: 12;
}
#rightcolumn {
 z-index: 20;
}
div.pagecontenttable {
 z-index: 22;
}
#mobiletopmenu {
 z-index: 32;
}
#mobiletopmenu {
 text-align: right;
 background-color: #ebe4def2;
 position: fixed;
 top: 0px;
 right: 0px;
}

body, div, td, th {
 background-color: #FFF;
 margin: 0px;
 color: #000;
 font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
 font-size: 14px;
}

a {
 text-decoration: none;
 color: #000;
}
a:hover, a:visited, a:link, a:active {
 text-decoration: none;
}

p {
 font-size: 14px;
}

#content p {
 text-align: left;
 text-indent: 2em;
 margin-top: 0px;
 padding: 0px;
 margin-left: 2em;
 margin-right: 2em;
 line-height: 1.4em;
}

#content p.quote {
 color:#d5063b;
 padding-left: 4em;
 padding-right: 4em;
}

#content p.nquote {
 color: #11095B;
 padding-left: 4em;
 padding-right: 4em;
}

#content p.literature {
 margin-top: 2px;
 margin-bottom: 12px;
 padding-bottom: 12px;
 line-height: 1.2em;
 word-break: keep-all;
 overflow-wrap: anywhere;
 text-align: right;
}

#rightcolumnbottom p {
 margin-left: 8px;
}

ul, li {
 list-style-type: none;
 list-style: none;
 font-size: 14px;
}

#content ul {
 text-align: left;
 padding-left: 10%;
 padding-right: 5%;
 margin-bottom: 12px;
}

#content li {
 text-align: left;
 line-height: 1.5em;
}

#rightcolumn ul {
 text-align: left;
 padding-left: 5px;
 padding-right: auto;
 margin-bottom: 12px;
}

#rightcolumnbottom ul {
 margin-left: 8px;
}

div.stitle {
 width: 100%;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 margin-top: 24px;
 margin-bottom: 9px;
}

div.date {
 font-size: 14px;
 font-weight: bold;
 text-align: right;
 width: 90%;
 margin-top: 12px;
 margin-bottom: 12px;
}

h1, h2 {
 font-family: Arial;
 text-align: center;
}

h1 {
 font-size: 20px;
 padding-left: 9px;
 padding-right: 9px;
 margin: 0px;
 margin-top: 12px;
 margin-bottom: 8px;
}

h2.sitetitle {
 width: 100%;
 font-size: 24px;
 line-height: 1.05em;
 color: black;
 padding: 0px 2px;
 margin: 2px;
 margin-top: 8px;
}

table {
 margin: 0;
 border-color: black;
 border-width: 0px;
 border-spacing: 0px;
 border-collapse: collapse;
}

table td {
 padding: 0;
 font-size: 14px;
}

table.topTB, table.L2TB, table.L3TB {
 width: 100%;
}
#topTB {
 margin: 0px;
}

table.L2TB {
 position: -webkit-sticky;
 position: sticky;
 top: 15px;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 border-bottom: solid 1px #ddd;
}

td.leftcolumn, #leftcolumn {
 text-align: left;
 padding-left: 9px;
 padding-top: 5px;
 padding-right: 3px;
 padding-bottom: 5px;
 vertical-align:top;
 line-height: 1.2em;
 border-right: solid 1px #ddd;
 width: 40px;
}

#content {
 width: 60%;
 padding-top: 6px;
 padding-left: 12px;
 padding-right: 12px;
 padding-bottom: 15px;
 vertical-align:top;
 float: left;
}

#rightcolumn {
 width: 35%;
 height: 100%;
 text-align: left;
 padding-left: 3px;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 vertical-align:top;
 border-left: solid 1px #ddd;
 float: left;
 position: -webkit-sticky;
 position: sticky;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 top: 58px;
}

#rightcolumntop, #rightcolumnbottom {
 text-align: left;
 padding: 5px 5px 5px 3px;
 vertical-align:top;
}

#bottomline {
 margin: auto;
 text-align: center;
 word-break: keep-all;
 overflow-wrap: anywhere;
}

#bottomrow {
 max-width: 100%;
}

#bottomcontent {
 max-width: 100%;
 border-top: solid 1px #ddd;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}

#bottomcontent a {
 max-width: 100%;
 margin-left: 5px;
}

#pagetitle {
 padding: 0px;
}

#pagetitle h2 {
 font-size: 18px;
 font-weight: bold;
 line-height: 1.35em;
 color: black;
 padding: 2px 6px 2px 6px;
 margin: 4px 6px 2px 6px;
 width: 70%;
}

#pagetop {
 word-break: keep-all;
 overflow-wrap: anywhere;
 margin: auto;
 text-align: center;
 padding: 4px;
}

#pagetop p {
 margin: 4px;
}

hr {
 height: 1px;
 margin-top: 27px;
 margin-bottom: 3px;
 border: 0;
 background-color: #999;
}

hr.separate {
 width: 65%;
}

hr.blankline {
 height: 1px;
 margin-top: 9px;
 margin-bottom: 9px;
 border: 0;
 background-color: #999;
 width: 75%;
}

span.highsoft {
  color: gray;
}

#rdiv {
 text-align:left;
 margin:12px 4px 5px 4px;
}
#rdiv p {
 text-align:left;
 margin-left:5px;
}

.vdiv {
 width: 600px;
 max-width: 100%;
 text-align:center;
 margin-left: auto;
 margin-right: auto; 
}
.avideo {
 width: 100%;
 max-width: 100%;
 text-align:center;
 margin-left: auto;
 margin-right: auto; 
}

.pagelist {
 background-color: #dddddd;
 padding: 4px 5px 4px 10px;
 border-radius: 7px;
 margin-top:4px;
 margin-bottom:4px;
}
#listpanneltop, #listpannelbottom {
 text-align: right;
 padding: 3px 5px 3px 5px;
 margin-top:4px;
 margin-bottom:4px;
}
#listpannelbottom {
 float: inline-end;
}
#listpage {
 padding: 0px;
 margin: 0px;
}

#allnotesinend {
	margin-top: 20px;
}

img.go {
 width: 18px;
 margin-top: 4px;
 margin-bottom: 0px;
}

/* content table */
div.pagecontenttable {
	position: -webkit-sticky;
	position: sticky;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	padding: 4px 16px 4px 2px;
	border-collapse:collapse;
	border-spacing:0;
	border: #8e99b6 0.5px dotted;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;  
	border-radius: 5px;  
	-moz-box-shadow: 0px 0px 4px #222;  
	-webkit-box-shadow: 0px 0px 4px #222;  
	box-shadow: 0px 0px 4px #222;  
	background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #cccccc));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #cccccc);  
	background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
	background-image: -ms-linear-gradient(top, #f8f8f8, #cccccc);  
	background-image: -o-linear-gradient(top, #f8f8f8, #cccccc);
	opacity: 95%;
	width: auto;
	background-color:#dfdfdff0;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	left: 0px;
	margin: 0px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
#rightcolumn .pagecontenttable p {
	margin: 2px auto 2px 22px;
}
#rightcolumn .pagecontenttable ul {
	margin: 4px auto 4px 2px;
}
#rightcolumn .pagecontenttable ul li {
	line-height: 1.25em;
	font-size: 12px;
	margin-bottom: 4px;
}
#rightcolumn .pagecontenttable p a img {
	width: 14px;
	margin-top: 8px;
	margin-left: 12px;
}
.contentitem {
    position: relative;
}
.contentitem:target {
    padding-top: 70px;
    margin-top: -70px;
}

#treemaptrigger {
 padding: 0px 2px 0px 2px;
}

img.mapbutton {
 width: 20px;
 height: 20px;
 margin: 0px;
}

/* end of content table */