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 {
	border: 1px solid black;
	padding-left:5px;
	padding-right:5px;
}

.tabula {
	table-layout: auto;
	max-width: 100%;
	margin: auto;
	text-align: left;
}
.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;
}
    
.verst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility: hidden;
	background-color: #FFF;
}

.verstt {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility:hidden;
	background-color:#FFF; 
 } 

.mobverst {
	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;
}

.tablverst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility:hidden;
	background-color:#FFF; 
 } 
	
.andrverst {
	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%;
}
.lwf { 
	color:red;
	font-size:1.2em; 
    }
/* für horizontales Scrollen erforderlich. Bsp.: gottwein.de/Grie/vorsokr/VSallg01.php */


.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: 0px;
	left: 0px;
	z-index: 10;
	text-align: right;
	width: 0px;
	margin: 0;
	padding: 0em 0em 0 0;
	float: right;
	overflow: hidden;
	white-space: normal;
	display: block;
	background-color: #FFF;
}
div#abdre1 {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 3;
	text-align: left;
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	display: block;
	background-color: #FFF;
}

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;
}
#egmit1 {
	position:absolute; 
	top:20px; 
	left:20px; 
	right:20px; 
	width:100%; 
	z-index:3
    }

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:#ffffff;
        text-decoration:underline;
        }                
        
a:hover {color:#FFFFFF ;
        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: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; } 
	

.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; }

 
  .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:FFFFFF;}
  .ecc { background-color:#BBB194;color:FFFFFF;}
      
  .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;} 

  .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;}

.img_flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
   }

@media screen and (min-width: 1300px) {
#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: 1300px;
    }

.intab {
	border: 0;
	padding: 0;
	border-spacing: 0;
	min-width: 1300px;/*  max-width:1400px ;
          height:auto;
          width: auto; */
    }

.picto {
	max-width: 1300px;
	height: auto;
	width: auto;
    }
.pictoc {
	max-width: 1300px;
	height: auto;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
    }

.imago {
	max-width: 1300px;
    }
}

@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: 769px;/*   max-width: 90%;*/
    }

.intab {
	border: 0;
	padding: 0;
	border-spacing: 0;
	min-width: 769px;/*  max-width:1400px ;
          height:auto;
          width: auto; */
    }

.picto {
	max-width: 769px;
	height: auto;
	width: auto;
    }
.pictoc {
	max-width: 769px;
	height: auto;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
    }

.imago {
	max-width: 1200px;
    }
}

/* TABULA */
@media screen and (min-width: 481px) and (max-width: 769px) {

 #margo  {   
          font-family: Palatino Linotype,Arial Unicode MS, Arial, serif;
          border:0; 
		  padding:0;
		  border-spacing:0;
          margin-left:auto; 
          margin-right:auto;
		  min-width:481px;
	      max-width:768px;
		  }

.intab  {  
          border:0; 
		  padding:0;
		  border-spacing:0;
		  min-width:481px;
		  max-width:768px;
          height:auto;
          width: auto;
         }
.inttab {
    table-layout: auto;
	margin-left:0; 
	margin-top:0;
	margin-right:20px;
	float:left;  
	background-color:#FF9;
	}	

.picto {
	max-width:480px ;
    height:auto;
    width: auto;
	}
	
 .pictoc {
	max-width:768px ;
    height:auto;
    width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}	
.imago {
	max-width:768px;
	} 
}

/* ANDROID */
@media screen and (max-width: 480px) {

html,body {
    background-color: #ddd;
    color: #222;
    font-family: Palatino Linotype,Arial Unicode MS, Arial, serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}	


.inttab {
    table-layout: auto;
	margin-left:0; 
	margin-top:0;
	margin-right:20px;
	float:left;  
	background-color:#FF9;
	}

#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:480px;
		  }
.intab  { 
          border:0; 
		  padding:2;
		  border-spacing:0;
          margin-left:auto; 
          margin-right:auto;
	      min-width: 320px ;
	      max-width: 480px ;
          height:auto;
          width: auto;
		  }


.picto {
	max-width: 350px ;
    height:auto;
    width: auto; /* ie 8 */
	}
	
 .pictoc {
	max-width:480px ;
    height:auto;
    width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}
 .imago {
	 max-width:350px;
	}  
 
}