/* CSS Document */
body      {
          font-family: tahoma, sans;
          font-size: 13px;
          text-align: center;
          }
          
#contain  {
          width: 990px;
          height: auto;
          margin: auto;
          }
#contain2 {
          width: 990px;
          height: auto;
          margin: auto;
          }

#top      {
          position: relative;
          width: 105%;
          height: 60px;
          margin-left: -20px;
          margin-right: -20px;
          margin-bottom: 18px;
          color: rgb(255,255,204);
          background-color: rgb(255,153,102);
          z-index: 1;
          
          }
#h0       {
          position: relative;
          top: 65px;
          margin-left: 40px;
          width: 220px;
          height: 250px;
          float: left;
          background-color: rgb(255,153,102);
          padding: 1em;
          text-align: center;
          }
#h1       {
          position: relative;
          top: 65px;
          margin-left: 40px;
          width: 220px;
          height: 250px;
          float: left;
          background-color: rgb(255,255,204);
          padding: 1em;
          text-align: center;
          }
#k       {
          position: relative;
          top: 65px;
          margin-left: 40px;
          margin-top: 20px;
          width: 400px;
          height: 412px;
          float: left;
          background-color:rgb(255,255,204);
          padding: 1em;
          text-align: center;
          }
#topk     {
          position: relative;
          width: 105%;
          height: 60px;
          margin-left: -20px;
          margin-right: -20px;
          color: rgb(255,255,204);
          background-color: rgb(153,51,0);
          z-index: 1;
          }
#gal       {
          position: relative;
          top: 65px;
          margin-left: 40px;
          margin-top: 20px;
          width: 400px;
          height: 412px;
          float: left;
          background-color:rgb(255,255,204);
          padding: 1em;
          text-align: center;
          }
/*#topgal   {
          position: fixed;
          width: 105%;
          height: 60px;
          margin-left: -20px;
          margin-right: -20px;
          color: rgb(255,255,204);
          background-color: rgb(153,51,0);
          z-index: 1;
          }*/
#go       {
          position: relative;
          top: 65px;
          margin-left: 40px;
          margin-top: 20px;
          width: 400px;
          height: 412px;
          float: left;
          background-color: white;

          padding: 1em;
          text-align: center;
          }
#topgo   {
          position: relative;
          width: 105%;
          height: 60px;
          margin-left: -20px;
          margin-right: -20px;
          color: rgb(164,164,164);
          background-color: rgb(232,232,232);
          z-index: 1;
          }
#topb      {
          position: relative;
          width: 2800px;
          height: 60px;
          margin-left: -20px;
          margin-right: -20px;
          margin-bottom: -40px;
          color: rgb(255,255,204);
          background-color: rgb(255,204,153);
          z-index: 1;
          }
#b        {
          position: relative;
          width: 500px;
          height: 320px;
          padding: 1em;
          margin-right: 30px;
          margin-top: 50px;
          text-align: center;
          float: left;
          }
#containb {
          width: 2800px;
          height: auto;
          margin: auto;
          }
.b        {
          position: absolute;
          padding-left: 2em;
          top: 1290px;
          color: black;
          }

#topgf      {
          position: relative;
          width: 105%;
          height: 60px;
          margin-left: -20px;
          margin-right: -20px;
          color: rgb(255,255,204);
          background-color: rgb(196,196,196);
          z-index: 1;
          }
#gf      {
          position: absolute;
          width: 300px;
          height: 415px;
          padding: 1em;
          text-align: center;
          color: white;
          }
.gf1       {
          top: 85px;
          left: 40px;
          }
.gf2      {
          top: 85px;
          left: 440px;
          }
.gf3      {
          top: 85px;
          left: 840px;
          }
.gf4      {
          top: 85px;
          left: 1240px;
          }
.gf5      {
          top: 585px;
          left: 40px;
          }
.gf6      {
          top: 585px;
          left: 440px;
          }
.gf7      {
          top: 585px;
          left: 840px;
          }
.gf8      {
          top: 585px;
          left: 1240px;
          }
.gf        {
          position: absolute;
          padding-left: 2em;
          top: 1080px;
          color: white;
          }

#daten    {
          width: 50%;
          margin: auto;
          }

h1        {
          font-family: tahoma, sans;
          font-size: 32px;
          text-align: center;
          margin-top: 12px;
          margin-bottom: 12px;
          }
h5        {
          font-family: tahoma, sans;
          font-size: 14px;
          font-weight: 100;
          color: black;
          text-align: left;
          }
p         {
          font-family: tahoma, sans;
          font-size: 13px;
          color: black;
          text-align: center;
          }
a         {
          text-decoration: none;
          color: red;
          }
a:visited {
          text-decoration: none;
          color: red;
          }
a:hover   {
          text-decoration: none;
          color: rgb(102,0,51);
          }          
          
          
          
          
          
img       {border: 0;}
#cleaner  {height: 0px; clear: both;}          


@media screen and (min-width: 180px) and (max-width: 880px) {

  #daten {width: 80%;}  
  }