#trennlinie1 { position:relative; top:400px; left:0px; width:100%; height:50px; z-index:1; background-color:#eef1f2; font-size: 20px; text-align: center; padding-top:20px; margin:000px auto 0 auto;}
    #trennlinie2 { position:relative; top:620px; left:0px; width:100%; height:125px; z-index:1; background-color:#eef1f2; font-size: 20px; text-align: center; padding-top:20px; margin:000px auto 0 auto;}
    #trennlinie3 { position:relative; top:635px; left:0px; width:100%; height:75px; z-index:1; background-color:#f78559; font-size: 20px; text-align: center; padding-top:20px; margin:000px auto 0 auto;}


/* --- H: Kreis Boxen --------------------------------------------- */

    #rbox1 {
    background-color: #f9aa8b; position: absolute; width: 200px; height: 200px; top: 100px; left: 2.0%; z-index:2; border: 0px solid black; text-align: center; border-radius: 100px; }
    #rbox2 {
    background-color: #c3e1f1; position: absolute; width: 200px; height: 200px; top: 100px; left: 27.0%; z-index:2; border: 0px solid black; text-align: center; border-radius: 100px; }
    #rbox3 {
    background-color: #b5da9e; position: absolute; width: 200px; height: 200px; top: 100px; left: 52.5%; z-index:2; border: 0px solid black; text-align: center; border-radius: 100px; }
    #rbox4 {
    background-color: #eef1a3; position: absolute; width: 200px; height: 200px; top: 100px; left: 78.0%; z-index:2; border: 0px solid black; text-align: center; border-radius: 100px; }
    #bildgr {
    width: 100px; height: 125px;}
/* --- H: Hintergrund Kreise -------------------------------------- */

    #crl01 {
    background-color: #f9aa8b; position: absolute; width: 100px; height: 100px; top: 100px; left: 3%; z-index:2; border: 0px solid black; text-align: center; border-radius: 100px; }

/* --- H: Drehendes Bild in Kreis Boxen --------------------------- */


    #dosenlogo img {
        position: absolute; z-index:5; top: 21%; left: 25%;
        -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

    #dosenlogo img:hover {
        -moz-transform: rotate(360deg); -o-transform: rotate (360deg); transform: rotate(360deg); -webkit-transform: rotate(360deg); }



/* --- H: Buttons für Cachegrößen --------------------------------- */

    #gro1 {
        position:absolute; top: 320px; left: 2.0%; z-index:2; }
    #gro2 {
        position:absolute; top: 320px; left: 27.0%; z-index:2; }
    #gro3 {
        position:absolute; top: 320px; left: 52.5%; z-index:2; }
    #gro4 {
        position:absolute; top: 320px; left: 78%; z-index:2;  }
    #gro5 {
        position:absolute; top: 500px; left: 20%; z-index:2; }
    #gro6 {
        position:absolute; top: 623px; left: 20%; z-index:2; }
    #gro7 {
        position:absolute; top: 623px; left: 50%; z-index:2; }

    .button_start a{ color: #aaaaaa; background-color: #eef1f2; position: absolute; width: 200px; height: 45px;   text-align: center; font-size:30px;
      border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s;
    }

    .gro1 a:hover {
        background-color: #f78559; color: #fff;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .gro2 a:hover {
        background-color: #92c8e4; color: #fff;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .gro3 a:hover {
        background-color: #94ca73; color: #fff;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .gro4 a:hover {
        background-color: #e3ea6f; color: #fff;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }


    .gro5 {
       background-color: #F78543; position: absolute; width: 600px; height: 113px; text-align: left; font-size:20px;
       border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 0.5s;
    }
    .gro6 a{
         background-color: #94ca73; position: absolute; width: 293px; height: 40px; color: #fff; text-align: center; font-size:27px; border:solid 1px #94ca73;
         border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 0.5s;
        }
    .gro6 a:hover {
        background-color: #fff; color: #94ca73; border:solid 1px #94ca73;
        }