/* min-width:481 - max-width:768*/

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: 10pt;	
	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: 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: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%;
}  

.picto {
	max-width:480px ;
    height:auto;
    width: auto;
	}
	
 .pictoc {
	max-width:768px ;
    height:auto;
    width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}	
			
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;
		}
		
.img_flip{
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
   }
   	  
.selidmic
  {
	width: 0px;
	margin: 0;
	padding: 0em 0em 0 0;
	float: right;
	overflow: hidden;
	white-space: normal;
	visibility:hidden;
	background-color:#FFF;
  }
		  
		
/*  div#aufgaben, div#angaben {
             margin-left:3em;
			 background-color:#FFFF99;
        } 
		
   #container {margin:20px; width:auto;}
   .imago {max-width:590px;} */

   
   .verstt {
	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; 
 } 
.mobverst {
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	float: left;
	overflow: hidden;
	visibility:hidden;
	background-color:#FFF; 
 } 

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

.lwf { color:red;font-size:1.2em; }

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

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

.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;
	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; 
   } 
*/
  div#redre1 {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	text-align: right;
	width: 0px;
	margin: 0;
	padding: 0em 0 0 0em;
	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;
   } 
   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: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; }


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