/* --- H: Buttons Header (Startmen�) ------------------------------ */
    
    #oben1 { position:fixed; top:0px; left:0px; width:100%; height:3px; z-index:0; background-color:; padding-top: 0px; margin:000px auto 0 auto;}
    #oben2 { position:fixed; top:0px; left:0px; width:100%; height:80px; z-index:1; background-color:#3686be; }
    #oben3 { position:relative; top:0px; left:0px; width:1024px; height:80px; z-index:0; background-color:#3686be; padding-top: 0px; margin:000px auto 0 auto;}




    #logo 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; }
    #logo img:hover {
        -moz-transform: rotate(360deg); -o-transform: rotate (360deg); transform: rotate(360deg); -webkit-transform: rotate(360deg); }
    #logo {
        position:absolute; top:20px; left:2.5%; z-index:1; }
    #buttonA {
        position:absolute; top:20px; left:8%; z-index:1; }
    #buttonB {
        position:absolute; top:20px; left:19%; z-index:1;}
    #buttonC {
        position:absolute; top:20px; left:34%; z-index:1;}
    #buttonD {
        position:absolute; top:20px; left:53%; z-index:1;}
    #buttonE {
        position:absolute; top:20px; left:68%; z-index:1;}
    #buttonF {
        position:absolute; top:20px; left:93%; z-index:1;}


    .buttonA a{
        background: #3686be; display: block; padding:0px; color: white; width: 100px; height: 35px; font-size: 24px; color: #ffffff; font-weight: 300; text-align: center; border: 1px solid #3686be;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s; }
    .buttonA a:hover {
        background-color: #215f8b;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    .buttonB a{
        background: #3686be; display: block; padding:0px; color: white; width: 140px; height: 35px; font-size: 24px; color: #ffffff; font-weight: 300; text-align: center; border: 1px solid #3686be;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s; }
    .buttonB a:hover {
        background-color: #ffba00;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    .buttonC a{
        background: #3686be; display: block; padding:0px; color: white; width: 180px; height: 35px; font-size: 24px; color: #ffffff; font-weight: 300; text-align: center; border: 1px solid #3686be;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s; }
    .buttonC a:hover {
        background-color: #8f0088;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    .buttonD a{
        background: #3686be; display: block; padding:0px; color: white; width: 140px; height: 35px; font-size: 24px; color: #ffffff; font-weight: 300; text-align: center; border: 1px solid #3686be;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s; }
    .buttonD a:hover {
        background-color: #3eabe4;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    .buttonE a{
        background: #3686be; display: block; padding:0px; color: white; width: 110px; height: 35px; font-size: 24px; color: #ffffff; font-weight: 300; text-align: center; border: 1px solid #3686be;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s; }
    .buttonE a:hover {
        background-color: #70b53f;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    .buttonF a{
        background-image: url(https://www.gclogbuch.de/pic/de_gross.png); display: block; padding:0px; color: white; width: 58px; height: 35px; font-size: 24px; color: #ffffff; text-align: center; border: 1px solid #ffffff;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 1s; }
    .buttonF a:hover {
        background-image: url(https://www.gclogbuch.de/pic/gb_gross.png);
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }