/* Allgemeine klickbare-Buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    float: left; /* floating works only with absolute width. */
}

.clear50px { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 50px;
    float: left; /* floating works only with absolute width. */
}

.clear60px { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 60px;
    float: left; /* floating works only with absolute width. */
}

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

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

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

a.button:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

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

/* Klickbare Warenkorb-Icons (ohne Text) */
/* lime */
a.button_warenkorb_lime {
    background: url(warenkorb_lime_wide_clickable_transparent.gif) no-repeat top right;
    font: normal 12px arial, sans-serif;
	  color: #666!important;
	  text-decoration: none;
    display: block;
    
    height: 32px;
    width: 70px;
}

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

a.button_warenkorb_lime:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

/* yellow */
a.button_warenkorb_yellow {
    background: url(warenkorb_yellow_wide_clickable_transparent.gif) no-repeat top right;
    font: normal 12px arial, sans-serif;
	  color: #666!important;
	  text-decoration: none;
    display: block;
    float: left;
    height: 32px;
    width: 70px;
}

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

a.button_warenkorb_yellow:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

/* red */
a.button_warenkorb_red {
    background: url(warenkorb_red_wide_clickable_transparent.gif) no-repeat top right;
    font: normal 12px arial, sans-serif;
	  color: #666!important;
	  text-decoration: none;
    display: block;
    float: left;
    height: 32px;
    width: 70px;
}

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

a.button_warenkorb_red:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

/* vorschau */
a.button_warenkorb_vorschau {
    background: url(warenkorb_red_wide_clickable_transparent.gif) no-repeat top right;
    font: normal 12px arial, sans-serif;
	  color: #666!important;
	  text-decoration: none;
    display: block;
    float: left;
    height: 32px;
    width: 70px;
}

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

a.button_warenkorb_vorschau:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}