/* Allgemein */
    body, html {
       width: 100%;
    }
    body, div, center, h1, h2, h3, h4, h5, h6 {
       margin: 0px;
       padding: 0px;
    }
    
 /* Überschriften */
    h1, h2, h3, h4, h5, h6 {
       font-size: 12px;
    }
    h1 {
       font-size: 1.5em;
    }
    h2 {
       font-size: 1.35em;
    }
    h3 {
       font-size: 1.2em;
    }
    h4 {
       font-size: 1.1em;
    }
    h5 {
       font-size: 1em;
    }
    h6 {
       font-size: 1em;
       font-weight: 500;
    }
 
 /* Kopfzeile */
    #kopfzeile {
       position: fixed;
       top: 0px;
       right: 0px;
       left: 0px;
       z-index: 10;
       height: 50px;
       padding-top: 5px;
       padding-bottom: 5px;
       text-align: center;
    }
    #kopfzeile > center > div {
       width: 100%;
       max-width: 475px;
       padding-right: 5px;
       border: black 0px dotted;
    }
    #kopfzeile #logo {
       max-height: 50px;
    }
    #kopfzeile #menuOffnen {
       position: absolute;
       top: 20px;
       right: 18px;
       display: block;
    }
    #kopfzeile #menuOffnen a {
       
    }
    #kopfzeile #menuOffnen a img {
       cursor: pointer;
       max-width: 20px;
       margin-left: 12px;
    }
 
 /* Menü */
    #menu {
       position: fixed;
       top: 60px;
       right: 0px;
       left: 0px;
       z-index: 1;
       display: none;
       max-height: 100%;
       padding-top: 10px;
       padding-right: 20px;
       padding-bottom: 3px;
       padding-left: 10px;
    }
    #menu ul {
       margin: 0px;
       padding: 0px;
       padding-top: 3px;
    }
    #menu ul li {
       list-style-type: none;
       width: 100%; 
       max-width: 500px;
       height: 15px;
       margin: 0px;
       margin-right: 8px;
       margin-bottom: 8px;
       padding: 8px;
       padding-top: 5px;
       padding-right: 0px;
       padding-left: 8px;
       line-height: 20px;
       text-align: left;
       overflow: hidden;
       cursor: pointer;
    }
    #menu ul li img {
       width: 15px;
       height: 15px;
       margin-top: 1px;
       margin-right: 8px;
       margin-bottom: -1px;
       margin-left: 7px;
       text-align: left;
    }
    #menu ul li a {
       width: 100%;
       max-width: 500px;
       max-height: 100%;
       text-align: left;
    }
 
 /* Titel */
    h1 {
       color: white;
    }
 
 /* Module */
    #module {
       z-index: 0;
       display: block;
       max-width: 520px;
       margin-top: 74px;
       padding-top: 0px;
       padding-right: 10px;
       padding-bottom: 13px;
       padding-left: 10px;
    }
    .modul {
       margin-top: 13px;
       padding: 10px;
       padding-bottom: 0px;
       text-align: left;
    }
    .modul img {
       width: 100%;
       max-width: 500px;
    }
 
 /* Responsive Bilder
    img.ri
    {
       position: absolute;
       max-width: 80%;
       top: 10%;
       left: 10%;
       border-radius: 3px;
       box-shadow: 0 3px 6px rgba(0,0,0,0.9);
    }
    img.ri:empty
    {
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
    }
    @media screen and (orientation: portrait) {
       img.ri { max-width: 90%;    }
    }
    @media screen and (orientation: landscape) 
    {
       img.ri { max-height: 90%;    }
    }
    */
 
 /* Fusszeile */
    #fusszeile {
       padding: 15px;
       text-align: center;
    }
    #fusszeile div {
       width: 100%;
       max-width: 500px;
    }