Wie kann man Text und Hintergrund Farben bei diesem Script machen ?

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52:

<style type="text/css">
#text {padding-left: 10px; width:600px; height:25px; border:1px solid gray; background-color:#E0E0E0; font-size:10pt; font-family:Verdana; color:#f00;}
#text a:link{ font-size:10pt; font-family:Verdana; color:#00f; text-decoration:none;}
#text a:visited{ text-decoration:none;}
#text a:hover{ color:#0ff; text-decoration:none;}
#text a:active{ text-decoration:line-through;}
</style>
<body onload="textticker()">

<script type="text/javascript">
<!--
var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}

tl=new textlist
(
" Vorwort: Willkommen auf der Homepage von <a href='http://javarea.de/' target='_blank'>Klaus Hentschel</a>. ",
" Durchsuchen Sie meine Homepage und tragen Sie sich in mein Gästebuch ein . ",
" Produkte zum Downloaden ! ",
" Schicken Sie mir ein kurzes Mail ! ",
" ich hoffe Sie haben viel Spaß auf meinen Seiten ! ",
" haben Sie Probleme mit irgendwelchen Scripten ? ",
" Ich hoffe es gefählt ihnen hier ! "
);

var x=0; pos=0;
var l=tl[0].length;

function textticker()
{
document.getElementById("text").innerHTML = tl[x].substring(0,pos)+"_";

if(pos++==l)
{
pos=0;
setTimeout("textticker()",5000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",50);
}
// -->
</script>

<div id="text"></div>