#HptButton01,
#HptButton02,
#HptButton03,
#HptButton04,
#HptButton05,
#HptButton06,
#HptButton07,
#HptButton08,
#HptButton09,
#HptButton10,
#HptButton11,
#HptButton12 {
}



.HptButton {
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 1.2em;
    text-decoration: none;
    text-shadow: 2px 2px 2px darkgrey;
   /* color: lightslategrey;
    color: blue;*/
    color: black;
}



    .HptButton:link {
        /*color: lightslategrey;*/
        /*color: blue;*/
    }

    .HptButton:hover {
        background-color: whitesmoke;
    }


    .HptButton a:link {
        /*color: lightslategrey;
        color: blue;*/
        
    }

    .HptButton a:hover {
        color: lightblue;
    }





.Hpt_btn_bild_breite {
    /* Mit width:0% kann ich das Bild abschalten!! */
    width: 0px;
    /* Mit display:none gibts keine Reaktion!! */
    /*display:none;*/
    /* Mitvisibility:hidden ist das Bild weg, der Rhmen bleibt aber stehen..!! */
    /*visibility:hidden;*/
    /* width:99%;*/
   /*  width:320px;*/
    /* width: 100%;*/
}

    .Hpt_btn_bild_breite:hover {
        /* width: 99%;*/
    }