* {
  font-family:verdana,arial;
  line-height:1.5em;  
}
html {
    height:100%;
    font-size:16px;
}
body {
  text-align:center;
  background-color:#c2b9b9;
  height:100%;
}
a {
  color:#000;
  text-decoration:unterline;
  cursor:pointer;
}
li {
  margin-top:5px;
  margin-bottom:5px;
}







div#side {
  display:inline-block;
  max-width:800px;
  width:100%;
  min-height:90%;
  text-align:left;
  margin:5px;
  padding:0px; 
  background-color:#fff;
  border:1px solid #000;
}
div#header {
  padding:0px;
  margin:0px;
  background:linear-gradient(0deg, rgba(121,121,121,1) 0%, rgba(230,230,230,1) 20%, rgba(250,250,250,1) 60%, rgba(230,230,230,1) 90%,rgba(121,121,121,1) 100%);
}
div#header h1 { text-align:center; padding:10px; margin:0px;}
div#menu {
  padding:3px;
  text-align:center;
}
div#menu > a {
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  border:1px solid #888;
  border-radius:3px;
  background-color:#edc;
  display:inline-block;
  text-decoration:none;
  color:#222;
}
div#menu > a:hover {
  border:1px solid #aaa;
  background-color:#eee;
  color:#000;
}
div#content { padding:10px; }

div#content table {
  background-color:#d0d0d0;
  padding:0px;
  border-spacing:0px;
  border:1px solid #000;
  width:100%;
  border-collapse: collapse;
}
div#content table td {
  background-color:#f0f0f0;
  padding:5px;
  border:1px solid #000;
  text-align:left;
}
div#content table th { 
  padding:5px;
  border:1px solid #000;
  text-align:left;
  color:#4D4D4D;
}

div.meldung_ok {
 display:block;
 background-color:#90EE90;
 border:2px solid #008000;
 border-radius:5px;
 padding:10px;
 color:#000;
 margin-top:10px;
 margin-bottom:10px;
}
div.meldung_fehler {
 display:block;
 background-color:#FF888A;
 border:2px solid #F61115;
 border-radius:5px;
 padding:10px;
 color:#000;
 margin-top:10px;
 margin-bottom:10px; 
}

span.code {
  display:inline-block;
  font-family:monotype;
  font-size:0.8em;
  color:#eee;
  background-color:#444;
  padding:5px;
  user-select: all;  
}