@charset "utf-8";


/* ----------------------- Tags ----------------------- */
* {
  margin:0;
  padding:0;
  font: 100.00% Helvetica, Tahoma, sans-serif;
  color: #667066;
}

body {
  margin-left: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  /*margin-right: 2em;*/
}

h1#PageTitel {
  font-size: 2em; 
  margin-top: 0.6em;
  margin-bottom: 2em; 
}

h1.text {
  font-size: 1.0em;
  color: #304030;
  margin-bottom: 1.2em;
  margin-top: 1em;
}

h2.text {
  font-size: 0.90em;
  color: #304030;
  margin-bottom: 0.2em;
  margin-top: 1em;
}

p, ul {
  font-size: 0.7em;
  line-height: 1.3em;
}

li {
  font-size: 1em;
}

ul {
  margin-left: 0; 
  padding-left: 2em;
}

img.Grid {
  height: 100%; 
  width: 100%; 
  object-fit: contain;
  min-width: 10em;
  min-height: 10em;
}


/* ----------------------- Links ----------------------- */
a.extern:link {
  color: black;
  text-decoration: none;
  background-image: url("../png/ExternalSign.png");
  padding-right: 13px;
  background-position: center right;
  background-repeat: no-repeat; 
}

a:link {
  color: black;
  text-decoration: none;
}

a:active {
	color: black;
        text-decoration: underline;
}

a:visited {
	color: black;
        text-decoration: none;
}
a:hover {
    text-decoration: underline, !important;
}


/* ----------------------- Bildcontainer ----------------------- */
div.BC {
  margin: 0em;
}

div.BC.Bild {
  margin: 0em;
}

div.BC.Titel {
  font-size: 0.7em;
  margin-top: 0.7em;
}


/* ----------------------- Content ----------------------- */
div#Content{
  margin: 0;
  /*border: 1px solid rgb(38, 0, 255);*/
}

div#Content.TextPage{
  width: 40em;
}

div#ContentGrid {
  display: grid;
  /*gap: 3.8em 3.8em;*/
  grid-auto-flow: row;
  margin: 0;
  grid-template-rows: auto;
  /*border: 1px solid red;*/
}

div#ContentFooter {
  font-size: 0.7em;
  margin-top: 3.8em;
}

div#SmallGap {
  min-height: 6em;
}


/* ----------------------- Grid ----------------------- */
#Container {
  display: grid;
  grid-template-columns: 13em auto 1em;
  grid-template-rows: auto 1.0fr;
  gap: 1.5em 1em;
  grid-auto-flow: row;
  grid-template-areas:
    "TopLeft TopMenu OneEm"
    "Sidebar Main OneEm";

  /*
  display: grid;
  grid-template-columns: 13em auto;
  grid-template-rows: auto 1.0fr;
  gap: 1.5em 1em;
  grid-auto-flow: row;
  
  grid-template-areas:
    "TopLeft TopMenu"
    "Sidebar Main";
  */  
}


/* ----------------------- Border on the right side ----------------------- */ 
#OneEm { grid-area: OneEm;}


/* ----------------------- TopLeftSpace ----------------------- */ 
#TopLeft { grid-area: TopLeft;}


/* ----------------------- TopMenu ----------------------- */
#TopMenu { grid-area: TopMenu;}

div.menuitem {
  float: left;
  margin-right: 2em;
  font-size: 1.00em;
  margin-bottom: 0.5em;
}

h1#menuitemactive{
  text-decoration: underline;
}


/* ----------------------- Sidebar ----------------------- */
#Sidebar { grid-area: Sidebar;}

div.steuerungitem {
  margin-bottom: 1em;
  font-size: 0.8em;
}

h2#steuerungitemactive{
  text-decoration: underline;  
}


/* ----------------------- Main ----------------------- */
#Main { grid-area: Main;}