.overlay
  {
   position: absolute;
   margin: auto;
   top: 35%;
   left: 42%;
   padding: 0;
   width: 290;
   height: 180;
   z-index: 10;
   /* background-color: rgba(0,0,0,.0); dim the background */
   box-shadow: 20px 20px 10px #888888;
  }

.gruentitle
  {
   background-color: #00e000;
   color: #ffffff;
  }

.gruenbox
  {
   background-color: #00e000;
   color: #ffffff;
  }

.gelbtitle
  {
   background-color: #fad900;
   color: #000000;
  }

.gelbbox
  {
   background-color: #fad900;
   color: #000000;
  }

.rottitle
  {
   background-color: #ff0000;
   color: #ffffff;
  }

.rotbox
  {
   background-color: #ff0000;
   color: #ffffff;
  }

/*
#loginbox
  {
   border: 1px solid #0000cc;
   width: 290px;
   background-color: #ffffff;
  }
*/