die Links nehmen "font-weight: bold;" nicht an

[Florian M.]

Guten morgen,

habe ein Problem bei der Definition meiner Links in der CSS-Datei.
Über div möchte ich meine Links flexibel vordefinieren. Sie sollten
fett und in der jeweiligen Farbe (siehe unten) und Abstand angezeigt werden.
Vorab so sieht meine CSS-Datei aus: (dies ist ein Ausschnitt davon)

#nav2 a:link { color: #8D1A1D; }
#nav2 a:visited { color: #8D1A1D; }
#nav2 a:active { color: #8D1A1D; }
#nav2 a:hover { color: #8D1A1D; text-decoration: underline;}

#nav2 { font-weight: bold;      (So hätte ich es gerne gelöst)
        padding:     2px;
}

(Kategorie Überschriften)
.cat {
 background-color: #051850;
 color:   #FFFFFF;
 border-bottom:  1px solid #000000;
 text-align:  center;
 font-weight:  bold;
 padding:  2px;
}

(Kategorie Links)
.catl {
/* padding:  2px; */
/* font-weight:  bold; */
}

Wenn ich bei ".catl" die Kommentare entferne funktioniert es.
Möchte gerne die Eigenschaften von ".catl" in "#nav2" übernehmen.
So wie oben aufgeführt.

Html-Datei:
<div id="nav2">
 <table width="90%" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td colspan="2" class="cat">Angebot</td>
  </tr>
  <tr>
   <td width="5%"> </td>
   <td class="catl"><a href="../link1.html">link1</a></td>
  </tr>
  <tr>
   <td width="5%"> </td>
   <td class="catl"><a href="./link2.html">link2</a></td>
  </tr>
  <tr>
   <td width="5%" class="padding2">&#8250;</td>
   <td class="catl"><a href="./link3.html">link3</a></td>
  </tr>
 </table>
</div>

Über Vorschläge bzw. Tipps würde ich mich sehr freuen.

bis denn
Florian M.