<!--
html, body, .grid-container { 
	height: 100%; 
	margin: 0; 
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
}
a img {
	border: none;
}


.grid-container {
  display: grid;
  grid-template-columns: 19em 1fr;
  grid-template-rows: 7em 1fr;
  gap: 0px 0px;
}

.Title { 
	grid-area: 1 / 1 / 2 / 3; 
	background: #ADB96E;
	color: #FFF;
	font-size:60px;
}

.Nav {
	grid-area: 2 / 1 / 3 / 2;            
	background: #EADCAE;
	list-style: none;
}

.Nav a, a:visited {
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #C6D580;
	color: #42413C;
}

.Nav li {
	border-bottom: 1px solid #666; 
}

.Nav a:hover, a:active, a:focus {
	background: #ADB96E;
	color: #FFF;
} 

.NavSel a, a:visited{
	font-weight: bold;
	background-color: papayawhip;
}

.NavSelSub a, a:visited{
	font-style: italic;
}

.NavForm{
	padding: 5px 5px 5px 25px;
	display: block; 
	text-decoration: none;
	background: #C6D580;
	color: #42413C;
	border-bottom: 1px solid #666; 
}

.NavSub{
	margin-left: 3px;
    font: 100%/1.0 Verdana, Arial, Helvetica, sans-serif;
}

.NavSub a, a:visited {
	padding: 5px 5px 5px 35px;
	display: block; 
	text-decoration: none;
	background: #C6D580;
	color: #42413C;
}

.NavSubSel a{
	font-weight: bold;
	background-color: papayawhip;
}

.NavFormSel {
	height: 24px;
	background-color: #808080;
	color: #FFFFFF;
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
}

.NavListe {
	max-height: calc(100vh - 130px);
	overflow-y: auto;
	overflow-x: hidden;
}

.Inhalt { 
	grid-area: 2 / 2 / 3 / 3; 
	margin-left: 10px;
	margin-top: 10px;
	overflow-y: scroll;
	overflow-x: auto;
}

.aufgabe-container {
	display: grid;
	grid-template-columns: 1fr 800px 1fr;
	grid-template-rows: 8em 1fr;
	gap: 0px 0px;
  }
  
.ALogo {
	grid-area: 1 / 1 / 1 / 1; 
	background: #d12d10;
}

.ATitle { 
	grid-area: 1 / 2 / 2 / 3; 
	background: #d12d10;
	color: #FFF;
	font-size:48px;
	text-align: center;
}
.Rechts { 
	grid-area: 1 / 2 / 2 / 4; 
	background: #d12d10;
	color: #FFF;
}

.Aufgabenliste { 
	grid-area: 2 / 2 / 3 / 3; 
	margin-left: 10px;
	margin-top: 10px;
}

table.tbltn {
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.tbltn td, table.tbltn th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.tbltn tr:nth-child(even) {
  background: #D8D3D2;
}
table.tbltn thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.tbltn thead th {
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.tbltn thead th:first-child {
  border-left: none;
}

table.tbltn tfoot td {
  font-size: 14px;
}
table.tbltn tfoot .links {
  text-align: right;
}
table.tbltn tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

table.tblvert {
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 12px;	
}

table.tblvert th{
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 14px;
	writing-mode: rl-tb; 
}

table.tblvert td{
	border:1px solid black;
	border-collapse:collapse; 
}

table.tblform {
	border:0px solid black;
	border-collapse:collapse; 
	font-size: 12px;
	padding: 3px;
}

table.tbldata {
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 12px;
	padding: 3px;
}

table.tbldata th{
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 12px;
 }

table.tbldata td{
	border:1px solid black;
	border-collapse:collapse;
	padding: 3px;
}

table.tbldatazw {
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 12px;
	padding: 3px;
}

table.tbldatazw th{
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 12px;
 }

table.tbldatazw td{
	border:1px solid black;
	border-collapse:collapse;
	padding: 3px;
}

table.tbldatazw tbody tr:hover{
	background-color: #AAAAAA;
}

table.tbldatazw tfoot{
	border:1px solid black;
	border-collapse:collapse;
	padding: 3px;
	font-weight: bold;
	background-color: khaki;
}

table.tblorahmen {
	border:0px solid black;
	border-collapse:collapse; 
	font-size: 12px;
	padding: 3px;
}

table.tblorahmeng {
	border:0px solid black;
	border-collapse:collapse; 
	font-size: 1.2em;
	padding: 3px;
}

table.tblorahmeng td{
	padding-left: 5px;
	padding-right: 5px;
}

table.tblorahmeng td.r{
	border:1px solid black;
	border-collapse:collapse;
	padding-left: 5px;
	padding-right: 5px;
}

table.tblorahmeng tr:hover {
	background-color: #b4b4b4;
}

table.NavInhalt {
	border:0px solid black;
	border-spacing: 10px;
	width: 96%;
	padding: 1px;
}

table.NavInhalt td{
	background-color: #AAAAAA;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.NavInhalt td.sel{
	background-color: #424141b3;
	color: white;
}

.fodata {
	font-size: 12px;
}

.select-wrapper {
    font-size: 1.2rem;
    padding: 2px 5px;
}

.select-10 {
    font-size: 1.0rem;
    padding: 2px 5px;
}


.KreisRot {
   width: 20px;
   height: 20px;
   background: #FF0000;
   border-radius: 50%;
}

.KreisSchwarz {
	width: 20px;
	height: 20px;
	background: #000000;
	border-radius: 50%;
 }
 
 .KreisGelb {
   width: 20px;
   height: 20px;
   background: #FFFF00;
   border-radius: 50%;
}

.KreisGruen {
   width: 20px;
   height: 20px;
   background: #00FF00;
   border-radius: 50%;
}

.KreisFrei {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: 1px solid black;
}

.KreisGRot {
   width: 40px;
   height: 40px;
   background: #FF0000;
   border-radius: 50%;
}

.KreisGGelb {
   width: 40px;
   height: 40px;
   background: #FFFF00;
   border-radius: 50%;
}

.KreisGGruen {
   width: 40px;
   height: 40px;
   background: #00FF00;
   border-radius: 50%;
}

.KreisGFrei {
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.btn1 {
	background-color: #555555; /* Green */
	border: none;
	border-radius: 4px;
	color: white;
	padding: 10px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;		
}

.btn1:hover{
	background-color: #6e6d6d; /* Green */
}

.btn2 {
	background-color: #555555; 
	border: none;
	border-radius: 4px;
	color: white;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;		
}

.btn2:hover{
	background-color: #6e6d6d;
}

.btn2red {
	background-color: #ac0d0d; 
	border: none;
	border-radius: 4px;
	color: white;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;		
}

.btn2red:hover{
	background-color: #b94848;
}

.btn2green {
	background-color: #15a009; 
	border: none;
	border-radius: 4px;
	color: white;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;		
}

.btn2green:hover{
	background-color: #489b41;
}

.btn2yellow {
	background-color: #e7d636; 
	border: none;
	border-radius: 4px;
	color: white;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;		
}

.btn2yellow:hover{
	background-color: #bdad22;
}

.btn3 {
	background-color: #555555; 
	border: none;
	border-radius: 3px;
	color: white;
	padding: 4px 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;		
}

.btn3:hover{
	background-color: #6e6d6d;
}

.btn3red {
	background-color: #ac0d0d; 
	border: none;
	border-radius: 3px;
	color: white;
	padding: 4px 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;		
}

.btn3red:hover{
	background-color: #b94848;
}

.btn3green {
	background-color: #15a009; 
	border: none;
	border-radius: 3px;
	color: white;
	padding: 4px 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;		
}

.btn3green:hover{
	background-color: #489b41;
}

.btn3yellow {
	background-color: #e7d636; 
	border: none;
	border-radius: 3px;
	color: black;
	padding: 4px 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;		
}

.btn3yellow:hover{
	background-color: #bdad22;
}

table.tblaufgabe {
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 16px;
	padding: 6px;
}

table.tblaufgabe th{
	border:1px solid black;
	border-collapse:collapse; 
	font-size: 16px;
 }
 
table.tblaufgabe td{
	border:1px solid black;
	border-collapse:collapse;
	padding: 3px;
}

.txtaufgabe {
	padding: 2erpx;
	display: block;
	border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
	border-bottom: 1px solid rgb(48, 48, 48);
	font-size: medium;
}

.gdata {
	width: 90%;
	background:#c0c0c0;
}


.email{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 150px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
  
.email-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 600px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
  
.email-header {
	padding: 2px 16px;
	background-color: #0d64bb;
	color: white;
}
  
.email-body {
	padding: 2px 16px;
}
  
.email-footer {
	padding: 2px 16px;
	background-color: #ffffff;
	color: white;
}

.email-btn {
	background-color: #555555; 
	border: none;
	border-radius: 4px;
	color: white;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;		
  	width: 292px;
}

.email-btn:hover{
	background-color: #6e6d6d; /* Green */
}

.email-txt{
	text-align: center;
}

.anbtn, .anbtn:visited {
	text-decoration: none;
	border: solid 1px;
	padding: 8px;
	background-color: darkgray;
	color: white;
	display: inline-block;
	box-shadow: 10px 10px 15px silver;
    border-radius: 6px;
}

-->