/******************* Last update: 2025/09/03 - L3D  ***/
body {
  font:normal 100.00% Helvetica, Arial, sans-serif, Verdana;
  height: 100%; color:black;  text-align: center;
  /* displayspring1  displaysummer1  displayautumn1  displaywinter1 */
  background: #D2EDF8 url("../bilder/displayautumn1.jpg") repeat-x;
  min-width: 80em;
}
@media screen and (max-width: 800px) {
  div#CenterArea {
    position: relative; float:left;
  }
}
@media screen and (min-width: 1200px) {
  div#CenterArea {
    position: relative; margin: auto;
    max-width: 980px; /*opacity: 0.9;*/
  }
}
div#CanvasArea {
  position: relative; float:left;
  height: 100%; width: 966px;
  margin-left: 4px; padding: 8px;
  background-color: #5080B5; /*#5287C2;*/
  box-shadow: 12px 12px 16px #424242;
}
/********************************** Header + Footer ***/
div#HeaderArea {
  position: relative; float:left;
  height: 60px; width: 958px;
  margin-left: 2px; padding: 2px;
  background-color: #336699;
}

div#FooterArea {
  position: relative; float:left;
  height: 40px; width: 958px;
  margin-left: 2px; margin-top: 6px; padding: 2px;
  background-color: #336699;
}
/*************************************** Navigation ***/
#NavBar {
  position: relative;
  height: 48px; width: 930px;
  margin-left: 12px; margin-top: 22px;
  line-height:50px; font-size:.95em;
  font: 11pt bold Verdana;
  text-align: center;
}
ul#NavTop {
  margin:0 .7em 0 .7em; padding:0px;
  display:inline;
  list-style-type:none;
  text-align:center;
}
ul#NavTop li {
  padding: 10px;
  display:inline;
  position:relative;
}
#NavTop a {
  color:#FAFBFC;
  text-decoration:none;
  padding:16px;
}
#NavTop a:visted {
  color:#63B8FF;
  text-decoration:none;
}
#NavTop a:hover {
  color:#110011;
  text-decoration:none;
  background:url(../bilder/zzbnavhover.jpg) repeat-x center;
  padding-top: 4px;  padding-bottom: 4px;
  box-shadow:0px 0px 6px 6px #B4B4B4;
}
/*************************************** Href Links ***/
a#SubSelection {
  color: #DFEFDF;
  text-decoration:none;
  font:16pt bold Verdana;
  background-color: #63B8FF;
}
a#TypeSelection {
  color: #222222;
  text-decoration:none;
  font:10pt Verdana;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  background-image:url(../bilder/zzbnavhover.jpg)
}

a#UserLink {
  color: #FAEBD6;
  background-color:#336699;
  text-decoration:none;
  font:10pt Verdana;
  box-shadow:0px 0px 2px 2px #A1A1A1;
}
a#TextLink {
  color: #FAEBD6;
  background-color:#336699;
  font:10pt Verdana;
}
span#LegalText {
  float:right; text-align:left;
  margin-right:18px;margin-top:9px;
}
/****************************************** Inhalte ***/
div#ContentMain {
  position: relative; float:left;
  height: 100%; width: 960px;
  margin-left: 2px; margin-top: 6px;
  padding: 1.0px;
  vertical-align:top;
  background-color:#5090C8;
}
#ContentMain a:hover {
  text-decoration:none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow:0px 0px 2px 2px #C4C4C4;
}
div#ContentShow {
  margin-left:20px; margin-right:20px;
  width: 900px; height: auto;
  /*overflow: hidden;*/
  margin: 0px auto 0 auto;
  padding: 15px 0 15px 0;
}
div#ContentShow1 {
  margin-left:20px; margin-right:20px;
  width: 900px; height: auto;
  margin: 0px auto 0 auto;
  padding: 15px 0 15px 0;
  background-color: #266CCB;
}
p#ContentText {
  vertical-align: top;
  margin-left:50px; margin-right:50px;
  text-align: left; font: 10pt Verdana;
  color: #FAEBD7;
}
p#Paragraph1 {
  text-align:left; font: 10pt Verdana;
  margin-left:30px; margin-right:30px;
  color: #FAEBD7;
}
span#FormatText1 {
  text-align:left;
  font: 10pt Verdana; color: #FAEBD7;
}
span#FormatLine1 {
  text-align:left;
  font:16pt Verdana; color: #FFF8DC;
}
/******************************** Listen + Tabellen ***/
ul#FormatList1 {
  list-style-type:disc;
  margin-left:70px; margin-right:70px;
  padding:1.6mm; text-align:left;
  font: 9pt Verdana; color: #FAEBD7;
}
ul#FormatList2 {
  list-style-type:disc;
  margin-left:50px; margin-right:50px;
  padding:1.6mm; text-align:left;
  font: 9pt Verdana; color: #FAEBD7;
}
table#Header_Display1 {
  height: 20px; width: 630px;
  font: 10pt Verdana; color: #FAEBD7;
  background-color: #36648B;
}
table#Course_Display1 {
  height: 60px; width: 630px;
  font: 10pt Verdana; color: #3A5FCD;
  background-color: #B0E2FF;
}
#Text_Display1 {
  font-family: Courier,monospace; 
  font: 10pt Courier; color: #244864;
  background-color: #B0E2FF;
  text-align: left;
}
/******************************************* Bilder ***/
div#ImageDisplay {
  position: relative; float:left;
  height: 230px; width: 600px;
  margin-left: 80px; margin-top: 36px;
  padding: 0.0px; vertical-align:top;
  background-color: #3876C0; /*#3877C7;*/
}
img#UserImage {
  border:none; background-color:none;
  /*box-shadow:10px 20px 40px 20px #A1A1A1 inset;*/
}
img#RoundImage {
  height: 32px; width: 32px; vertical-align:middle;
  border:none; background:transparent; border-radius: 16px;
  -moz-border-radius: 16px; -webkit-border-radius: 16px;
  box-shadow:0px 0px 8px 8px #A1A1A1;
}
img#SquareImage {
  height: 32px; width: 32px; vertical-align:bottom;
  border:none; background:transparent;
}
hr#SilverLine {
   background-color: #63B8FF;
   border: 1px solid #F0F8FF;
}