.clear { /* Container (z.B. div) für floatende Buttons */
   overflow: hidden;
   width: 100%;
}

a.button {
   background: transparent url( ../_images/bg_button_a.gif) no-repeat top right;
   font: normal 12px arial, sans-serif;
   color: #444 !important;
   display: block;
   float: left;
   height: 24px;
   margin-right: 6px;
   padding-right: 18px; /*sliding doors padding */
   text-decoration: none;
}

a.button span {
   background: transparent url( ../_images/bg_button_span.gif) no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}

a.button:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}

a.button:active span {
   background-position: bottom left;
   color: #000!important;
   padding: 6px 0 4px 18px; /* Text 1px nach unten verschieben */
}

a.button:hover {
   text-decoration: none;
   color: #000!important;
   background-color: transparent !important;
}