<style>

    rahmen {
      position: fixed;
      top: 0px;
      left: 30px;
      bottom: 0px;
      right: 0px; }

    #logo {
      position: relative;
      top: 0px;
      left: 10px: }

    #firmierung {
      position: fixed;
      top: 0px;
      right: 0px;
      padding: 30px;
      text--align: right; }

    #kontakt {
      position: fixed;
      bottom: 0px;
      left: 0px;
      right: 0px;
      color: #FFFFFF;
      background-color: #000000; }

    #privat {
      position: fixed;
      bottom: 0px;
      right: 0px;
      color: #FFFFFF; }

    #hggrafik {
      position: fixed;
      top: 50px;
      left: 150px;
      right: 50px; }

    #haftpflicht {
      position: fixed;
      bottom: 60px;
      left: 5px; }

    #socialmedia {
      position: fixed;
      bottom: 25px;
      left: 5px; }

@media (max-width: 400px) {
    menues {
      position: relative;
      top: 20px;
      left: 0px:
      width: 200px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      background-color: #666699; }
  
    #menuebild1 {
      position: relative;
      top: 20px;
      left: 10px;
      max-width: 80px; }

    #menuebild2 {
      position: relative;
      top: -150px;
      left: 200px;
      max-width: 80px; }

    #menuebild3 {
      position: relative;
      top: -180px;
      left: 10px;
      max-width: 80px; }

    #menuebild4 {
      position: relative;
      top: -350px;
      left: 200px;
      max-width: 80px; }

    body {
      position: relative;
      background-color: #d9d9c1; }

    article {
      position: relative;
      top: -300px;
      left: 00px;
      max-width: 300px;
      min-height: 600px; 
      max-height: 600px; }
}

@media (min-width: 400px) {
    menues {
      position: fixed;
      top: 350px;
      left: 50px:
      width: 200px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      background-color: #666699; }
  
    #menuebild1 {
      position: fixed;
      top: 30px;
      left: 200px; }

    #menuebild2 {
      position: fixed;
      top: 30px;
      left: 350px; }

    #menuebild3 {
      position: fixed;
      top: 30px;
      left: 500px; }

    #menuebild4 {
      position: fixed;
      top: 30px;
      left: 650px; }

    body {
      position: fixed;
      background-color: #d9d9c1; }

    article {
      position: fixed;
      top: 250px;
      left: 250px;
      max-width: 600px;
      max-height: 400px; }
}

 
    p,div    { display:block; }
      .left    { text-align:left; }
      .right   { text-align:right; }
      .center  { text-align:center; }
      .justify { text-align:justify; }
      .start   { text-align:start; }
      .trennung { -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } 
      .cursive    {font-family: cursive;}

    a:link { text-decoration:none; color:#FFFFFF; }
    a:visited { text-decoration:none; color:#FFFFFF; }
    a:hover { text-decoration:none; color:#FFFFFF; background-color:#707070; }
    a:active { text-decoration:none; color:#FFFFFF; background-color:; }
    a:focus { text-decoration:none; color:#FFFFFF; background-color:; }

</style>
