
/* --- H: Slide-Down Panel -----------------------------------------*/
    
    #slide1 { position:fixed; top:80px; left:0px; width:100%; height:1px; z-index:1; }
    
    #slide2 { position:relative; top:-78px; left:0px; width:1024px; height:78px; background-color:; z-index:9; padding-top:0px; margin:000px auto 0 auto;}

    #panel1{
        position:absolute; top:20px; left:10px; width:246px; height:57px; background-color:#f9aa8b;   padding-bottom:0px; display:none; }
    #panel2{
        position:absolute; top:20px; left:256px; width:256px; height:57px; background-color:#c3e1f1; padding-bottom:0px; display:none; }
    #panel3{
        position:absolute; top:20px; left:512px; width:256px; height:57px; background-color:#b5da9e; padding-bottom:0px; display:none; }
    #panel4{
        position:absolute; top:20px; left:768px; width:246px; height:57px; background-color:#eef1a3; padding-bottom:0px; display:none; }
    #panel5{
        position:absolute; top:20px; left:0px; width:100%; height:58px; background-color:#3686be; padding-bottom:0px; display:none; }
     #panel1k{
        position:absolute; top:20px; left:10px; width:246px; height:57px; background-color:#F9C968;   padding-bottom:0px; display:none; }
    #panel2k{
        position:absolute; top:20px; left:256px; width:256px; height:57px; background-color:#8BAEF9; padding-bottom:0px; display:none; }
    #panel3k{
        position:absolute; top:20px; left:512px; width:256px; height:57px; background-color:#eef1f2; padding-bottom:0px; display:none; }
    #panel4k{
        position:absolute; top:20px; left:768px; width:246px; height:57px; background-color:#70b53f; padding-bottom:0px; display:none; }
    #panel5k{
        position:absolute; top:20px; left:0px; width:100%; height:58px; background-color:#3686be; padding-bottom:0px; display:none; }
    #flip2{
        position:absolute; top:20px; left:0px; width:100%; height:70px; z-index:9; background-color:; padding-bottom:0px; display:none; }
    #panell{
        position:absolute; top:20px; left:0px; width:10px; height:57px; background-color:#f9aa8b; padding-bottom:0px; display:none; }
    #panelr{
        position:absolute; top:20px; left:1014px; width:10px; height:57px; background-color:#eef1a3; padding-bottom:0px; display:none; } 
    #panellk{
        position:absolute; top:20px; left:0px; width:10px; height:57px; background-color:#F9C968; padding-bottom:0px; display:none; }
    #panelrk{
        position:absolute; top:20px; left:1014px; width:10px; height:57px; background-color:#70b53f; padding-bottom:0px; display:none; }

/* --- H: Buttons im Panel ---------------------------------------- */

    #button1 {
        position:absolute; top:15px; width: 100px; left:26%; z-index:1; background: #f9aa8b; }
    #button2 {
        position:absolute; top:15px; width: 100px; left:28%; z-index:1; background: #c3e1f1;}
    #button3 {
        position:absolute; top:15px; width: 100px; left:29%; z-index:1; background: #b5da9e;}
    #button4 {
        position:absolute; top:15px; width: 100px; left:29%; z-index:1; background: #eef1a3;}
    #button5 {
        position:absolute; top:15px; width: 100px; left:32%; z-index:1; background: #3686be;}
        
    #button1k {
        position:absolute; top:15px; width: 200px; left:7%; z-index:1; background: #F9C968; }
    #button2k {
        position:absolute; top:15px; width: 200px; left:12%; z-index:1; background: #8BAEF9;}
    #button3k {
        position:absolute; top:15px; width: 100px; left:29%; z-index:1; background: #eef1f2;}
    #button4k {
        position:absolute; top:15px; width: 100px; left:29%; z-index:1; background: #70b53f;}
    #button5k {
        position:absolute; top:15px; width: 100px; left:32%; z-index:1; background: #3686be;}
        
    .button_panel a{
        display: block; padding:0px; color: black; 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; }
    
    .button1 a:hover {
        background-color: #f78559;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    
    .button2 a:hover {
        background-color: #92c8e4;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    
    .button3 a:hover {
        background-color: #94ca73;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    
    .button4 a:hover {
        background-color: #e3ea6f;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

    
    .button5 a:hover {
        background-color: #215f8b;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }



    .button1k a:hover {
        background-color: #F9A600;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }


    .button2k a:hover {                       
        background-color: #175FF9;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }


    .button3k a:hover {
        background-color: #dddddd;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }


    .button4k a:hover {
        background-color: #6AB500;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }


    .button5k a:hover {
        background-color: #215f8b;
        -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }