.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; }.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; }.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; }.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; }.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; }.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; }/* <=480 */

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

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: 0;
	padding-left:5px;
	padding-right:5px;
}

.tabula {
   table-layout: auto;
   max-width: 100%;
   margin: auto;
   text-align:left;
   border:0
}

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

.intdivre  { 
	      float:right; 
	      margin-left:10px; 
	      background-color:#FF9;
	    }

.scroll {
   height: auto;
   overflow: scroll;
   width: 100%;
} 	

#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;
		  }
.center {
	      margin:auto;
		  width:100%;
          }  
.lwf { color:red;font-size:1.2em; }
/* für horizontales Scrollen erforderlich. Bsp.: gottwein.de/Grie/vorsokr/VSallg01.php */


.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:350px; 
	/*border:1px solid #000; */
}

.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;
}
			
ul.moblist {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: brown;
		}
		
		ul.moblist li {
			float: none;
		}
		
		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: none; */
			float: left;
		}
			  
.selidmac
  {
	width: 0px;
	margin: 0;
	padding: 0em 0em 0 0;
	float: right;
	overflow: hidden;
	white-space: normal;
	visibility:hidden;
	background-color:#FFF;
  }
 
.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;
	}
	
.img_flip{
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   }
 
 .verst {
	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; 
 } 
.mobverst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility:hidden;
	background-color:#FFF; 
 } 
 	    
 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;
	visibility:hidden;
	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;
	visibility:hidden;
	background-color:#FFF;
   } 
   
 
 .imago {max-width:350px;}  
 #egmit1 {position:absolute; top:20px; left:20px; right:20px; width:100%; z-index:3}
 
 
 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;
   }
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:5px; 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; }
	


/*für die dreiteiligen Lexika 
.container1 {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	margin: 0 auto; 
	overflow: scroll;
}
.header1 {
	background-color: #ADB96E;
}
.sidebar1 {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #EADCAE;
	padding-bottom: 10px;
	overflow:scroll;
}
.content1 {
	padding: 10px 0;
	width: 100%;
	height: 100%;
	float: left;
	overflow:scroll;
}
.content1 ul, .content1 ol {
	padding: 0 15px 15px 40px;
}
.footer1 {
	padding: 10px 0;
	background-color: #CCC49F;
	position: relative;
	clear: both;
}
 Ende der dreiteiligen Lexika */

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

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