a.dreidbutton{
color: #FFFFFF; /* Hintergrundfarbe */
display: block; /* damit kompletter Bereich anklickbar, für IE */
width: 100px; /* leider muss für den IE eine Breitenangabe gemacht werden */
background: #333333; /* Grundfarbe des Buttons */
padding: 3px 1px; /* Dem Text etwas Raum geben */
text-align: center; /* Text zentrieren */
border-top: #999999 1px solid; /* Farbe und Art des oberen Rands */
border-left: #999999 1px solid; /* linker Rand */
border-bottom: #555555 1px solid; /* unterer Rand */
border-right: #555555 1px solid; /* rechter Rand */
font-family: Tahoma; /* Schriftart */
font-size: 10px; /* Schriftgröße */
text-decoration: none; /* Linkunterstreichung entfernen */
font-weight: bold; /* Text fett machen */
}



a.dreidbutton:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #999999 1px solid;
border-right: #999999 1px solid;
border-top: #555555 1px solid;
border-left: #555555 1px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 4px 0px 2px 2px;
color: red;
}