:root {
  --green: rgba(27, 83, 82, 1);     /* Endgültig: British Std "BSI" !!!! = (BS) 16 C 39 Umrechung auf https://www.freiefarbe.de/thema-farbe/farbdatenbank/ */
  --grey: rgba(131, 131, 133, 1);  /* British Std "BSI" !!!! = 00 A 09 Umrechung auf https://www.freiefarbe.de/thema-farbe/farbdatenbank/ */
  --black: rgba(50, 53, 55, 1);     /* British Std "BSI" !!!! = (BS)18 A 14 Umrechung auf https://www.freiefarbe.de/thema-farbe/farbdatenbank/ */
  /*--black: rgba(45, 60, 70, .9);     /* Farbe gefunden auf n-tv.de */
  --white: rgba(255, 255, 255, 1);
  
}

body {
      margin:0px;
      font-family: Calibri, sans-serif; font-size: 20px; 
}
/* PAGE TOP */
#pageTop {
	background: var(--green);
      height: 90px;
}
#pageTop > #pageTopWrap {
	width: 1000px;
	margin: 0px auto; 
	height: 90px;
}
#pageTop > #pageTopWrap > #pageTopLogo {
	background: var(--black);
	float: left;
      height: 90px;
      width: 90px;
}
#pageTop > #pageTopWrap > #pageTopLogo > a > #HomeButton {
      height: 90px;
      width: 90px;
      margin: auto;
}
#pageTop > #pageTopWrap > #pageTopRest {
	float: left;
      height: 90px;
      width: 892px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 {
      height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div {
      margin-top: 8px;
      padding: 4px;
      text-align: right;
      border: 3px solid var(--white);
      border-radius: 10px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a {
	color: var(--white);
	text-decoration: none;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover {
	color: var(--grey);
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 {
      height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div {
      margin-top: 0px;
      padding: 4px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a {
	display: block;
	float: left;
	color: var(--white);
	text-decoration: none;
	margin: 0px 16px;
      font-weight: 900;
      font-variant: small-caps;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover {
	color: var(--grey);
}
/* PAGE MIDDLE ----------------------------------------------------------------------------------------------------- */
#pageMiddle{
      width: 70%;
      margin-left: 7%;
      height: 1500px;
      border: 1px var(--grey) dashed;
}
#pageMiddle > #first_head {
      margin-top: 20px;
      width: 100%;
      height: 350px;
}
#pageMiddle > #first_head > p {
      position: absolute;
      font-size: 150px;
      color: var(--white);
      border: 3px solid var(--white);
      border-radius: 20px;
      z-index: 1; /* z-index immer mit "position: absolute" */
}
#pageMiddle > #first_head > #pM_left_side {
      float: left;
      width: 60%;
      height: 100%;
      background-color: var(--green);
}

#pageMiddle > #first_head > #pM_middle{
      float: left;
      width: 20%;
      height: 100%;
      background-color: var(--grey);
}
#pageMiddle > #first_head > #pM_right_side{
      float: right;
      width: 20%;
      height: 100%;
      background-color: var(--black);
}

/* PAGE BOTTOM */
#pageBottom{
      background: #666;
      padding: 24px;
      font-size: 12px;
      color: var(--black);
      text-align: center;
}

#pageBottom > p{
      color: var(--white);
}