@charset "utf-8"; /* CSS Document */
html {height: 100%;}

body {margin: 0; height: 100%;
  display: grid;   /* Defintion des Grid-Containers */
  grid-template-columns: 2fr 2fr;   /* fr = fraction, Teil */
  grid-template-rows: 10fr 200fr 1fr;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}

header, aside, footer {height: 100%;
	grid-column-end: span 2; /* über 2 Spalten */}
header, footer {margin: 0; padding: 0; border: none; text-align: center}

iframe {margin: 0; padding: 0; border:none}


a {text-decoration:none; color:black; /*border-bottom: .1em dotted green;*/}
a:hover {color:black; background:white; border-bottom: .1em dotted white; border-top: .1em solid white; }

/*
a {text-decoration:none; color:black; border-bottom: .10em dotted green;}
a:hover {color:black; background-color:white; border-bottom: .15em dotted white; border-top: .1em solid white; }
*/

table, th, td {border-collapse: collapse; }
.ungerade  td {padding: 0.6em; background-color: #F1F1F1;
	           border-radius: 0px 0px 12px 12px; border-collapse: collapse; text-align: center;}
.gerade    td {background-color: #DCDCDC;    padding: 0.6em; font-weight: 700; text-align: center;
               border-radius: 12px 12px 0px 0px; border-collapse: collapse;}
.nav       td {background-color: rgb(238,238,251); padding: 0.3em; 
               border-collapse: collapse;
               font-family: "Arial Narrow", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-weight: 700;}

.nav-ü      td {color: white; background-color: maroon; padding: 0.6em; 
               border-collapse: collapse;
               font-family: "Arial Narrow", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-weight: 700;}

.gerade-n  td {background-color: #DCDCDC;    padding: 0.6em;
               border-radius: 12px 12px 0px 0px; border-collapse: collapse;}
.nav-pauke  td {padding: 0.4em; background-color: #F1F1F1;
	            text-align:left; vertical-align: top;}
.articel-pauke td {height: 100%; padding: 0.4em; background-color: #F5F5F5;
	             vertical-align: top;}

<script type="text/javascript">
  function iFrameAnpassen(iframe) {
    if(iframe) {
      iframe.height = iframe.articel.document.body.scrollHeight   'px';
    }   
  }
</script>  

.zwischen td {background-color: white; 
   line-height: 0.5em; font-size: xxx-small;
   border-collapse: collapse;}

.zwischen-schmal td {background-color: white; 
   line-height: 0.2em; font-size: xxx-small;
   border-collapse: collapse;}

h1, h2, h4, h5 {color: maroon; text-align: center;
   letter-spacing: 0.05em; }

h3 {color: white; text-align: center;
   letter-spacing: 0.05em; }

h1 {margin-top: 0.2em; margin-bottom: 0.2em;}
h3 {margin-top: 0.7em; margin-bottom: 0.7em;}
h5 {margin-top: 0.5em; margin-bottom: 0.5em;}

header  {background-color: #dab6b6;}
nav     {background-color: white; height: 100%; overflow: scroll;}
article {background-color: white; height: 100%; overflow: scroll; margin-left: 0.5em;  }

footer  {background-color: #dab6b6;}