Læsning af .CSS style værdier i javascript

Hej,

Jeg har lavet et stylesheet med definitionen:
.pnnclass{font-family : monospace;font-weight : bold; color : #00ffff}

I mit HTML har jeg tilsvarende:
<P id=\"pnnid\" class=\"pnnclass\">Tekst</P>

Jeg prøver nu at stoppe farven ind i et indtastningsfelt med javascriptet:
document.pnnForm.color.value = document.all.pnnid.style.color;
men det virker ikke. Først når jeg har fyret en    document.all.pnnid.style.color = \"#ffff00\" ;
af, så lykkes det mig at sætte color værdien ind i feltet.

Hele HTML eksemplet:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\">
<HTML><HEAD>
<META http-equiv=\"Content-Style-Type\" content=\"text/css\">
<LINK href=\"theme/Master.css\" rel=\"stylesheet\" type=\"text/css\">
<SCRIPT>
<!--
function func() {
    document.pnnForm.color.value            = document.all.pnnid.style.color;
}
function func2() {
    document.all.pnnid.style.color = \"#ffff00\" ;
}
//-->
</SCRIPT>
</HEAD><BODY><FORM name=\"pnnForm\">
<TABLE BORDER=0 cellspacing=0>
<tr><td>color</td><td><INPUT type=\"text\" name=\"color\"></td></tr>
<tr><td><INPUT type=\"button\" value=\"Knap1\" onClick=\"func();\">
        <INPUT type=\"button\" value=\"Knap2\" onClick=\"func2();\"></td></tr>
</TABLE></FORM>
<P id=\"pnnid\" name=\"pnnid\">Dette er skrevet med style pnnStyle</P>
</BODY></HTML>

theme/master.css:
.pnnclass{font-family : monospace;font-weight : bold; color : #00ffff}