.page-header, .page-header-space {
  height: 88px;
}

/*
.page-footer, .page-footer-space {
  height: 50px;
}
*/
.page-header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  border-bottom: 1px solid black;
  /* background: #CAE1FF; */
}


/* Create two unequal columns that floats next to each other */
.page-header-column {
  float: left;
  /*padding: 10px;*/
  height: 100%;
}

.page-header-column-outside_l, .page-header-column-outside_r {
  width: 15%;
  box-sizing: border-box;
  background-color: #969696;
}
.page-header-column-outside_r {
  float: right;
}
.page-header-column-middle1 {
  width: 70%;
  box-sizing: border-box;
  background-color: #969696;
  font-family: "Arial Black", Impact, Times New Roman, Times, serif;
  font-size: 25px;
  text-align: center;
  color: white;
}

.page-header-column-middle {
  width: 70%;
  box-sizing: border-box;
}

.page-header-row, .navbar {
  height: 44px;
}

/* Clear floats after the columns */
.page-header-row:after {
  content: "";
  display: table;
  clear: both;
}

/*
.page-footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;  
  width: 100%;
  border-top: 1px solid darkblue;
  background: LightBlue;
}
*/

.page {
  page-break-after: always;
  padding: 88px 10px 10px 10px;
}

@page {
  margin: 20mm;
}

@media print {
  .page-header { display:none; }
  .page-footer { display:none; }
  
   body {margin: 0;}
}




body {
  font-family: Arial, Helvetica, sans-serif;
}


.navbar {
  width: 70%;
  background-color: #555;
  /*overflow: auto;*/
  overflow: hidden;
  background-color: #969696;
  position: fixed; /* Set the navbar to fixed position */
  /*padding: 10px;*/
  top: 40; /* Position the navbar at the top of the page */ 
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  
  text-align: center;
  
  /*border-left: 2px solid White;*/
  border-right: 2px solid White;
}

.navbar .a-left {
	border-left: 2px solid White;
  /*border-right: none;*/
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #000;
}

/* Add a color to the active/current link */
.navbar .active {
  background-color: #4CAF50;
}

@media screen and (max-width: 500px) {
  .navbar a {
    float: none;
    display: block;
  }
}

/* Right-aligned section inside the top navigation */
.navbar-right {
  float: right;
}

main {
	display: block;
	/* border-color: #8a9da8;   */
	/* margin-left: 15em; */
	min-width: 16em;
	/* Mindestbreite (der Überschrift) verhindert Anzeigefehler in modernen Browsern */
}

.valign {
  display: table-cell;
  vertical-align: middle;
}