/*** allgemein: scroll-leiste  , textformatierung ****/

Body,table,tr,td {SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-BASE-COLOR: #336667;
scrollbar-highlight-color : silver; scrollbar-shadow-color : black;
font-family: Verdana, Helvetica, Arial,sans-serif;
font-size: 10pt;
}

/* ==================== */

/* allgemeine links */

A:link   {text-decoration: underline; color: silver;
 font-family: verdana, Helvetica,sans-serif; font-size: 10pt; }
A:visited {text-decoration: underline; color:silver;
 font-family: Verdana,Helvetica,sans-serif; font-size: 10pt; }
A:hover  {text-decoration:  underline and overline; color: white;background-color:#808080;
 font-family: Verdana,Helvetica,sans-serif; font-size: 10pt; }
A:active {text-decoration: none; color: silver;
font-family: Verdana,Helvetica,sans-serif; font-size: 10pt; }

/* ==================== */
<script language="javascript">
//script von Jose Herrero
var nav = (document.layers) ? true : false

function RatonArriba(Boton){
   if (!nav && Boton) Boton.style.backgroundColor="yellow"
}


function RatonAfuera(Boton){
   if (!nav && Boton) Boton.style.backgroundColor="silver"
}


function EnviandoTexto(Boton){
   if (!nav && Boton) Boton.style.backgroundColor="red"
}

</script>

<form name="ejemploBoton">
<input type="button" name="Boton" value="Farbtest" onMouseOver="RatonArriba(this)" onMouseOut="RatonAfuera(this)" onClick="EnviandoTexto(this)">
</form>