@charset "utf-8";
body {
  margin: 0 auto;
  background-color:#EEEEDF; color:black;font-family: Helvetica,Arial,sans-serif;
  display:grid;grid-template-columns:100%;
  grid-template-areas:'kopf' 'lead' 'main' 'foot' 'sky' 'e0' 'e1';
}

kopf {
  left:0;background-color:teal;top:0px;width:100%;position:sticky;text-align:right;font-size:small;font-weight:bold;
  display:grid;grid-template-columns:36px auto;
  grid-template-areas:'k0 k1' 'k0 k2';
  z-index:3;
  font-size:16px;
}
.adj-grid{
 display:grid;
 grid-template-columns:auto auto auto;
 grid-auto-flow:dense;
}
.c1{grid-column:1;}
.c2{grid-column:2;}
.c3{grid-column:3;}
.c4{grid-column:1;}
.c5{grid-column:2;}
.c6{grid-column:3;}
.cx{grid-column:2/4;}

.vrb-grid{
 display:grid;
 grid-template-columns:auto;
}
.v1{grid-column:1;}
.v2{grid-column:1;}
.vx{grid-column:1/2;}

@media only screen and (min-width:801px){
body {
  grid-template-columns: 800px auto;
  grid-template-areas:
  'kopf e0'
  'lead e1'
  'main e1'
  'foot e1'
  'sky e1';
}
.adj-grid{grid-template-columns:auto auto auto 0px auto auto;}
.c4{grid-column:4;width:0px;overflow:hidden;}
.c5{grid-column:5;}
.c6{grid-column:6;}
.cx{grid-column:2/7;}
.vrb-grid{grid-template-columns:50% 50%;}
.v2{grid-column:2;}
.vx{grid-column:1/3;}
}

@media only screen and (min-width:1161px){
body {
  grid-template-columns: auto 800px 310px auto;
  grid-template-areas:
  'e0 kopf sky e1'
  'e0 lead sky e1'
  'e0 main sky e1'
  'e0 foot sky e1';
}
}
A.kopfa:link {color:white; text-decoration:none;}
A.kopfa:visited {color:white; text-decoration:none;}
A.kopfa:hover {text-decoration:underline;}
A.kopfa:active {text-decoration:underline;}

kopf0{
	grid-area:k0;
	float:right;
	padding:1px;
	margin:0;
	line-height:0;
}
kopf1{
	grid-area:k1;
	padding:2px;
	float:left;
	line-height:0;
}
kopf2{
	grid-area:k2;
	float:left;
	padding:2px;
	background-color:teal;
	overflow:hidden;
}
lead {
  grid-area:lead;
  padding-top:10px;padding-bottom:10px;min-height:280px;
}

mainblo {
  grid-area:main;
  vertical-align:top; width:100%;max-width:800px;text-align:left;
  background-color:white;
}
skys {
  grid-area:sky;
  vertical-align:top; padding-left:10px;
}
foot {
  grid-area:foot;
  background-color:#cccccc;
}
foot a:link{color:black;}
foot a:visited{color:black;}

empty0{
	grid-area:e0;
}
empty1{
	grid-area:e1;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 20; /* Stay on top */
  top: 50px; /* Stay at the top */
  bottom: 50px;
  left: 0;
  background-color: white;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 1px 1px 1px 32px;
  text-decoration: none;
  font-size: 20px;
  color: black;
  display: block;
  transition: 0.2s;
}
.sidenav a:link{color:black;}
.sidenav a:visited{color:black;}

.menu-ttl {background-color:#ffffcc;font-size:normal;font-weight:bold;color:black;overflow-x: hidden;
           height:1.2em;overflow-y:hidden;
	   margin: 1px 1px 1px 24px;padding-bottom:5px;padding-top:2px;
	   width:100%;
}

.drop {
	float:left;
	overflow:hidden;
	z-index:2;
}
.drop-btn {
	border:none;
	outline:none;
	color:white;
	background-color:inherit;
	font:inherit;
	margin:0;
	padding:0;
	z-index:2;
}
.drop:hover .drop-btn{
	background-color:#dddddd;
	color:black;
}
.drop-content {
	display:block;
	position:absolute;
	text-align:left;
	line-height:1.5;
	overflow:hidden;
	top:3.5em;
	background-color:#dddddd;
	width:100%;
	z-index:2;
	left:0;
	max-height:0;
}
.drop:hover .drop-content{
	max-height:999px;
	transition-delay:.15s;
}
.drop-content a { display:block; }
.drop-content a:link{color:black;padding: 1px 1px 1px 24px;}
.drop-content a:visited{color:black;}

.drop-multi {
	display:none;
	position:absolute;
	text-align:left;
	top:3.5em;
	background-color:#dddddd;
	width:100%;
	z-index:2;
	left:0;
	flex-wrap:wrap;
}
.drop:hover .drop-multi{
	display:flex;
}
.drop-multi a:link{color:black;padding: 5px 1px 5px 24px;}
.drop-multi a:visited{color:black;}

.drop-elem{
	width:50%;
}
@media only screen and (min-width:500px){
.drop-elem{
	width:33%;
}}

.FeldLite {background-color:#F0FFFF;}  /* azure */
.FeldLemo {background-color:#FFFACD;}  /* lemonchiffon */
.FeldPale {background-color:#AFEEEE;}  /* paleturquoise */
.FeldDark {background-color:#B0C4DE;}  /* lightsteelblue */
.FeldIvor {background-color:#FFFFF0;}  /* ivory */
.FeldPink {background-color:#FFC0CB;}  /* pink */
.FeldMist {background-color:#FFE4E1;}  /* mistyrose */
.FeldGrey {background-color:#DDDDDD;}
.Feld_n1 {background-color:#F0FFF0;}
.Feld_n2 {background-color:#FFF0F5;}

td { vertical-align:top;}
form td {font-size:medium; }
input   {font-size:medium;}
td input {font-size:medium;}
select  {font-size:medium;}
h1 {text-align:center;color:#006400;font-size:x-large;}   /* darkgreen */
h2 {text-align:center;font-size:large;}
h3 {text-align:center;font-size:large; margin-top:0px;margin-bottom:0px;}
h4 {text-align:center;font-size:medium; margin-top:0px;margin-bottom:0px;}
h5 {text-align:center;font-size:medium; margin-top:-10px;margin-bottom:10px;}
p  {text-align:justify;}
li {text-align:justify;margin-top:0.2em;}

A:link {color:blue; text-decoration:none;}
A:visited {color:blue; text-decoration:none;}
A:hover {text-decoration:underline;}
A:active {text-decoration:underline;}

.bas {vertical-align:baseline; font-weight:bold;}
.subtit {color:blue; font-weight:bold;}

.descrip {font-size:medium;}
.exampl  {font-size:small;}
.cent    {text-align:center;}
.conjtab {table-layout:fixed;width:100%;line-height:110%;}
.conjtab td {padding-left:10px;width:100%;}
.modtab  {table-layout:fixed;width:100%;}
.tablink {background-color:azure;border-style:solid; border-width:1px; border-collapse:collapse; border-color:blue;
          padding-left:6px;padding-right:6px;}
.alphtab {table-layout:fixed;width:100%;}
.lnkbox  {border-style:outset;border-width:2px;border-color:lightgrey;background-color:lightblue;color:black;padding:1px 6px 2px 6px;}
.titl2   {font-weight:bold; font-style:oblique; color:#006400;}
.tabtd   {border: 1px solid grey; border-collapse:collapse;}

.tima1 {text-align:left; background-color:#BCFFBC;color:#0000A0;}
.tima2 {text-align:left; background-color:#7FD37F;color:#0000A0;}
.tima3 {text-align:left; background-color:#406A40;color:#FFFFFF;}
.timp1 {text-align:left; background-color:#FFB5C7;color:#0000A0;}
.timp2 {text-align:left; background-color:#C08894;color:#0000A0;}
.timp3 {text-align:left; background-color:#AA7078;color:#FFFFFF;}
.timz1 {text-align:left; background-color:#A9F8FF;color:#0000A0;}
.timz2 {text-align:left; background-color:#7AC6CD;color:#0000A0;}
.timz3 {text-align:left; background-color:#538688;color:#FFFFFF;}
.timr1 {text-align:left; background-color:#FFDEAD;color:#0000A0;} /* navajowhite */
.timr2 {text-align:left; background-color:#DEB887;color:#0000A0;} /* burlywood */
.timr3 {text-align:left; background-color:#A0522D;color:#FFFFFF;} /* sienna */
.timd1 {text-align:left; background-color:#FFA07A;color:#0000A0;} /* lightsalmon */
.timd2 {text-align:left; background-color:#F08080;color:#0000A0;} /* lightcoral */
.timd3 {text-align:left; background-color:#8B0000;color:#FFFFFF;} /* darkred */
.texbl {color:#000000;}
.texgr {color:#888888;}

.zbox {text-align:center; border-radius:2em;}
.boxin{ background-color:#ffffe6;margin:1px;}
.boxsu{ background-color:#ffe6ff;margin:1px;}
.boxco{ background-color:#e6ffe6;margin:1px;}
.boxre{ background-color:#ffe6e6;margin:1px;}
.boxpa{ background-color:#cdf4f4;margin:1px;}
pr {color:#555555;}

.cltab { width:100%; }
.clforma { background:lavender;width:400px;border:solid 1px black;padding:3px;border-radius:7px; }
.clformb { background:lightblue;width:180px;text-align:center;border:solid 1px black;padding:3px;border-radius:7px; }

.checkb:checked + .checkl { font-weight: bold; background-color: yellow; }
.checkc:checked + .checkk { font-weight: bold; background-color: orange; }
.checkd { font-weight: bold; background-color: yellow; }

p#descrip {font-size:medium;}
p#exampl  {font-size:small;}
ul#descrip{font-size:medium;}

.xaktiv { border-left-width:4px; border-top-width:4px; border-right-width:4px; 
 border-left-style:groove; border-top-style:groove; border-right-style:groove;
 border-left-color:#000000; border-top-color:#000000; border-right-color:#000000;
 border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; padding-left:5px; }
.xlink  { border-left-width:2px; border-top-width:2px; border-right-width:2px; border-bottom-width:1px;
 border-left-style:solid; border-top-style:solid; border-right-style:solid; border-bottom-style:solid;
 border-left-color:#000000; border-top-color:#000000; border-right-color:#000000; border-bottom-color:#000000;
 border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;
 padding-left:5px; background-color:#FFFACD; }
.xnone  { border-left-width:2px; border-top-width:2px; border-right-width:2px;  border-bottom-width:1px;
 border-left-style:solid; border-top-style:solid; border-right-style:solid; border-bottom-style:solid;
 border-left-color:#000000; border-top-color:#000000; border-right-color:#000000; border-bottom-color:#000000;
 border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;
 padding-left:5px; color:#808080; background-color:#FFFACD; }

.centb   { padding-left:80px;font-weight:bold; font-size:small; position:relative;}
@media only screen and (max-width:500px){ .centb   { padding-left:20px; }}
.eintrag {width:16em;background-color:#ffffe0;font-size:large;}
.dropdown{font-size:medium;font-weight:lighter;position: absolute;left: 0px;top:1.5em;cursor:pointer;
  border: 1px solid;padding: 5px;background-color: #ffffe0;float:none;text-align:left;z-index:2;}
.dropch  {font-size:medium;background-color:#ffffe0;display:inline-block;width:100%;}
.dropch:hover {background-color:#eee8aa;}
.dropsl  {font-size:medium;background-color:#eee8aa;}
.no-border:focus{outline:none;}

.bkdate  {font-size:small; text-align:right; }
.sidbox {background-color:#e5ffbb;border:2pt solid gray;max-width:600px;padding:3px;}
.sidmen{list-style-type:none;line-height:1.2em;text-indent:-10px;}
.box_rect{height:280px;text-align:center;}
.box_lead{text-align:center;}
.box_lmob{height:100px;text-align:center;}

#topbut {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 30px;font-weight:bolder;
  border: none;
  outline: none;
  background-color: #aaa;
  color: white;
  cursor: pointer;
  padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;
  border-radius: 6px;}
#topbut:hover {background-color: #444;}

.mod {
  display: none; /* Hidden by default */
  position: fixed ; /* Stay in place */
  z-index: 5; /* Sit on top */
  text-align: center;
  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.1); /* Black w/ opacity */
}