body {
      color: #AAFFFF;
      background-color: #454555;
      background-image: url("//muellers-software.org/img/tecbkgnd.gif");
      background-repeat: repeat;
    }

    a:link {
      color: yellow;
    }
    a:visited {
      color: yellow;
    }

    a:hover {
      color: #00FFFF;
    }

    a:active {
      color: #00FFFF;
    }

    .header {
      overflow: hidden;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      background-color: #233C3C;
      background-color: rgba(0, 0, 0, 0.4);
      margin-left: 0px;
    }

    .header a {
      float: left;
      display: block;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }

    .headertitle {
      float: left;
      padding-left: 2px;
    }

    .headerlink {
      color: #99FF99;
    }

    .headerlink:hover {
      cursor: pointer;
    }

    .noscript {
      background: rgba(0, 0, 0, 0.2);
      color: #FF4444;
    }

    .headerlink:hover {
      background: #DDDDDD;
      color: #000000;
    }

    .headerlink:active {
      background: #444444;
      color: #000000;
    }

    .content {
      margin-top: 60px;
    }

    .box {
      margin-top: 1em;
      margin-bottom: 1em;
      padding-top: 8px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 12px;
      display:block;
      height:auto;
      background-color: #334C4C;
      background-color: rgba(0, 0, 0, 0.5);
      color: #EEEEEE;
      border: 6px double #ff0000;
      border: 6px double rgba(255, 0, 0, 0.9);
      text-align: left;
    }
    
    .box img {
      width: auto;
      height: auto;
      /* Ensure that the image maintains its native aspect ratio */
      object-fit: contain;
      max-width: 100%;
    }