/* Universelle Festlegungen für alle Formate */
html, body {
	padding: 0;
	margin: 0;
	font-family: "Palatino Linotype", "SBL Greek", "Arial Unicode MS", "Vusillus Old Face", "GR Times New Roman", "TITUS Cyberbit Basic", "Georgia Greek", "Athena Unicode", "Aisa Unicode", "MgOldTimes UC Pol Normal", Code2000, Code2001, Arial, serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: black;
	background-color: transparent;
} 

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

table {
  border-collapse: collapse;
}

table, th, td {
	padding-left:5px;
	padding-right:5px;
	border: 0;
}

.tabula {
	table-layout: auto;
	max-width: 100%;
	margin: auto;
	text-align: left;
	border:0
}
.intdivli {
	float: left;
	margin-right: 20px;
	background-color: #FF9;
}
.intdivre {
	float: right;
	margin-left: 20px;
	background-color: #FF9;
}
.scroll {
	height: auto;
	overflow: scroll;
	width: 100%;
}
.center {
	margin: auto;
	width: 100%;
}
ul.moblist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: brown;
}
ul.moblist li {
	float: left;
}
ul.moblist li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
ul.moblist li a:hover:not(.active) {
	background-color: #111;
}
ul.moblist li a.active {
	background-color: brown;
}
ul.moblist li.right {
	float: right;
}
.selidmic {
	width: 0px;
	margin: 0;
	padding: 0em 0em 0 0;
	float: right;
	overflow: hidden;
	white-space: normal;
	visibility: hidden;
	background-color: #FFF;
}

a.box {text-decoration: none;}
a.box:hover {cursor: help;color: #c30;background: white;}
a.box span {visibility: hidden;position: absolute;left: -99em;margin-top: 1.5em;padding: 0.1em;
	text-decoration: none;width: 350px;text-align: left}
a.box:hover span, a.box:focus span, a.box:active span {
	visibility: visible;left: 180px;font-size: 1.0em;border: 1px solid black;color: blue;background: white;}

@media screen and (min-width: 1240px) {
.picto {
	max-width: 100%;
	height: auto;
	width: auto;
}
.pictoc {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.img_flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
#margo {
	font-family: Palatino Linotype, Arial Unicode MS, Arial, serif;
	border: 0;
	padding: 0;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 60%
	}
.intab {
	border: 0;
	padding: 0;
	border-spacing: 0;/*   min-width:1401px;
          height:auto;
          width: auto; */
}

.intdivli {
	float: left;
	margin-right: 20px;
	background-color: #FF9;
}
.intdivre {
	float: right;
	margin-left: 20px;
	background-color: #FF9;
}
.verst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFF;
}
.deskverst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFF;
}
.table-scrollable {
	width: 100%;
	overflow-y: auto;
	margin: 0 0 1em;
}
 .table-scrollable::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 14px;
 height: 14px;
}
 .table-scrollable::-webkit-scrollbar-thumb {
 border-radius: 8px;
 border: 3px solid #fff;
 background-color: rgba(0, 0, 0, .3);
}
.table-scroll {
	max-width: 100%;
	border-collapse: collapse;
}
.div-scroll {
	overflow-x: scroll;
	overflow-y: auto;
	max-width: 100%;
}

.zeile {
	clear: both;
	box-sizing: border-box;
	text-align: left;
		}
		
.zl {
	width: 42%;
	text-indent: 15px;
	float: left;
	padding-left:2px;
		}
		
.zr {
	width: 52%;
	text-indent: 15px;
	float: right;
	padding-right:2px;
		}

.z3l {
	width: 29%;
	padding-left:1px;
	float: left;
		}
.z3m {
	width: 32%;
	padding-left:1px;
	float: left;
		}
.z3r {
	width: 36%;
	padding-left:1px;
	float: left;
}
	
div#redre1 {
	position: fixed;
	top: 60px;
	left: 0px;
	z-index: 3;
	text-align: right;
	width: 17%;
	margin: 0;
	padding: 1.5em 1em 0 0 1em; 
	float: right;
	overflow: hidden;
	white-space: normal;
	display: block;
	background-color: transparent; 
	}
div#abdre1 {
	position: fixed;
	top: 60px;
	right: 0px;
	z-index: 3;
	text-align: left;
	width: 17%;
	margin: 0;
	padding: 1.5em 1em 0 0 1em;
	float: left;
	overflow: hidden;
	white-space: normal;
	display: block;
	background-color: transparent; 
	}
div#abdre2 {
	position: relative;
	bottom: 1px;
	left: 10%;
	z-index: 1;
	text-align: center;
	margin: auto;
	width: 800px;
	padding: 0 0 0 0;
	float: left;
	overflow: hidden;
}
div#goMfeld {
	min-width: 950px;
	text-align: left;
	margin: 0;
	padding: 0;
}
.inttab {
	table-layout: auto;
	margin-left: 0;
	margin-top: 0;
	margin-right: 20px;
	float: left;
	background-color: #FF9;
}
.intdivli {
	float: left;
	margin-right: 20px;
	background-color: #FF9;
}
.intdivre {
	float: right;
	margin-left: 20px;
	background-color: #FF9;
}
.lwf {
	color: red;
	font-size: 1.2em;
}
dt {
	font-weight: bold;
}
.s08 {
	font-size: 8pt;
}
.s09 {
	font-size: 9pt;
}
.s10 {
	font-size: 10pt;
}
.s11 {
	font-size: 11pt;
}
.s12 {
	font-size: 12pt;
}
.s13 {
	font-size: 13pt;
}
.s14 {
	font-size: 14pt;
}
.s60 {
	font-size: 60%;
}
.s65 {
	font-size: 65%;
}
.s70 {
	font-size: 70%;
}
.s75 {
	font-size: 75%;
}
.s80 {
	font-size: 80%;
}
.s85 {
	font-size: 85%;
}
.s90 {
	font-size: 90%;
}
.s95 {
	font-size: 95%;
}
.s100 {
	font-size: 100%;
}
.s105 {
	font-size: 105%;
}
.s110 {
	font-size: 110%;
}
.s115 {
	font-size: 115%;
}
.s120 {
	font-size: 120%;
}
.s125 {
	font-size: 125%;
}
.s130 {
	font-size: 130%;
}
.s135 {
	font-size: 135%;
}
.s140 {
	font-size: 140%;
}
.s145 {
	font-size: 145%;
}
.s150 {
	font-size: 150%;
}
.s200 {
	font-size: 200%;
}
.s250 {
	font-size: 250%;
}
.em13 {
	font-size: 1.3em;
}
.em12 {
	font-size: 1.2em;
}
.em11 {
	font-size: 1.1em;
}
.em09 {
	font-size: 0.9em;
}
.em08 {
	font-size: 0.8em;
}
.em07 {
	font-size: 0.7em;
}
.cos {
	background-color:#00CCCC;
	color: FFF;
}
.ecc {
	background-color:#BBB194;
	color: FFF;
}
.black {
	color: black;
}
.mar {
	color: maroon;
}
.green {
	color: green;
}
.oli {
	color: olive;
}
.navy {
	color: navy;
}
.pur {
	color: purple;
}
.teal {
	color: teal;
}
.silv {
	color: silver;
}
.gray {
	color: gray;
}
.red {
	color: red;
}
.lime {
	color: lime;
}
.yel {
	color: yellow;
}
.blue {
	color: blue;
}
.fuc {
	color: fuchsia;
}
.white {
	color: white;
}
.shad {
	text-shadow: 0px 1px 1px #fff;
}
.unt {
	text-decoration: underline;
}
.besfo {
	color: green;
	font-style: italic;
}
h1 {
	font-size: 200%;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	letter-spacing: 0.4em;
}
h2 {
	font-size: 150%;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	letter-spacing: 0.4em;
}
h3 {
	font-size: 125%;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	letter-spacing: 0.2em;
}
h4 {
	font-size: 115%;
	line-height: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	letter-spacing: 0em;
}
h5 {
	font-size: 105%;
	line-height: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	letter-spacing: 0em;
}
h6 {
	font-size: 85%;
	line-height: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	letter-spacing: 0em;
}
a {
	color: #ff0022;
	background-color: transparent;
	text-decoration: none;
}
a:visited {
	color: #ff0022;
	background-color: transparent;
	text-decoration: none;
}
a:active {
	color: #ff0022;
	background-color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #FFF;
	background-color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
	
a.box {text-decoration: none;}
a.box:hover {cursor: help;color: #c30;background: white;}
a.box span {visibility: hidden;position: absolute;left: -99em;margin-top: 1.5em;padding: 0.1em;
	text-decoration: none;width: 350px;text-align: left}
a.box:hover span, a.box:focus span, a.box:active span 
	{visibility: visible;left: 180px;font-size: 1.0em;border: 1px solid black;color: blue;
	background: white;}

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px;
    padding: 2px 0; position: absolute; z-index: 1; top:20px; left:-110%; margin: 0 auto; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
	
img {
	border-width: 0px;
}
.ein05 {
	text-indent: 5mm
}
.ein10 {
	text-indent: 10mm
}
.ein15 {
	text-indent: 15mm
}
.ein20 {
	text-indent: 20mm
}
.tflr {
	float: right;
}
.tfll {
	float: left;
}
.tflre {
	clear: right;
}
.tflle {
	clear: left;
}
.tfle {
	clear: both;
}
.bgr {
	color: black;
	background-color: red;
}
.bgs {
	color: white;
	background-color: black;
}
.bgw {
	color: black;
	background-color: #FFF;
}
.med {
	text-align: center;
}
}
	
@media screen and (min-width: 769px) and (max-width: 1239px) { 
#margo {
	font-family: Palatino Linotype, Arial Unicode MS, Arial, serif;
	border: 0;
	padding: 0;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 60%
	}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
table, th, td {
	border: 0;
	padding-left:5px;
	padding-right:5px;
	}
.tabula {
	table-layout: auto;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	border:0
}
.intab {
	border: 0;
	padding: 0;
	border-spacing: 0;
	min-width: 769px;/*  max-width:1400px ;
          height:auto;
          width: auto; */
}
.intdivli {
	float: left;
	margin-right: 20px;
	background-color: #FF9;
}
.intdivre {
	float: right;
	margin-left: 20px;
	background-color: #FF9;
}
/* für horizontales Scrollen erforderlich. Bsp.: gottwein.de/Grie/vorsokr/VSallg01.php */
table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
	word-break: normal;
}
td {
	padding: .5em;
	vertical-align: top;
	border: 1px solid #bbbbbb;
}
th {
	padding: .5em;
	text-align: left;
	border: 1px solid #bbbbbb;
	border-bottom: 3px solid #bbbbbb;
	background: #f4f7fa;
}

.table-scrollable {
	width: 100%;
	overflow-y: auto;
	margin: 0 0 1em;
}
 .table-scrollable::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 14px;
 height: 14px;
}
 .table-scrollable::-webkit-scrollbar-thumb {
 border-radius: 8px;
 border: 3px solid #fff;
 background-color: rgba(0, 0, 0, .3);
}
.table-scroll {
	max-width: 100%;
	border-collapse: collapse;
}
.div-scroll {
	overflow-x: scroll;
	overflow-y: auto;
	max-width: 100%;
}

.zeile {
	clear: both;
	box-sizing: border-box;
	text-align: left;
		}
		
.zl {
	width: 42%;
	text-indent: 15px;
	float: left;
	padding-left:2px;
		}
		
.zr {
	width: 52%;
	text-indent: 15px;
	float: right;
	padding-right:2px;
		}

.z3l {
	width: 29%;
	padding-left:1px;
	float: left;
		}
.z3m {
	width: 32%;
	padding-left:1px;
	float: left;
		}
.z3r {
	width: 36%;
	padding-left:1px;
	float: left;
}
	
.verst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFF;
}
.deskverst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFF;
}
.picto {
	max-width: 100%;
	height: auto;
	width: auto;
}
.pictoc {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.img_flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
div#redre1 {
	position: fixed;
	top: 60px;
	left: 0px;
	z-index: 3;
	text-align: right;
	width: 17%;
	margin: 0;
	padding: 1.5em 1em 0 0;
	float: right;
	overflow: hidden;
	white-space: normal;
	display: block;
	background-color: transparent; 
	}
div#abdre1 {
	position: fixed;
	top: 60px;
	right: 0px;
	z-index: 3;
	text-align: left;
	width: 17%;
	margin: 0;
	padding: 1.5em 0 0 1em;
	float: left;
	overflow: hidden;
	display: block;
	background-color: transparent; 
	}
.imago {
	max-width: 1300px;
}
#egmit1 {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	width: 100%;
	z-index: 3
}

/*
a.box {text-decoration: none;}
a.box:hover {cursor: help;color: #c30;background: white;}
a.box span {visibility: hidden;position: absolute;left: -99em;
	margin-top: 1.5em;padding: 	0.1em;text-decoration: none;width: 600px;text-align: left}
a.box:hover span, a.box:focus span, a.box:active span 
	{visibility: visible;left: 300px;font-size: 1.0em;border: 1px solid black;color: blue;background: white;}
*/
  a.box { text-decoration:none; }
  a.box:hover { cursor:help; color:#c30; background:white; }
  a.box span { visibility:hidden; position:absolute; left:-99em;
    margin-top:1.5em; padding:0.1em; text-decoration:none; width:350px; text-align:left }
  a.box:hover span, a.box:focus span, a.box:active span {
    visibility:visible; left:180px; font-size:1.0em;
    border:1px solid black; color:blue; background:white; }

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px;
    padding: 2px 0; position: absolute; z-index: 1; top:20px; left:-110%; margin: 0 auto; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
/* Einfügung in Quelltext: <div class="tooltip">durae buccae<span class="tooltiptext">Schandmaul</span></div> */

}