Contao 3.5.40 Tabelle eigen anpassen

Hallo zusammen,
ich möchte gerne das Layout einer Tabelle auf einer Webseite selber festlegen. So soll es einen doddet rahmen geben und die Zeilenrahmen nicht sichtbar sein. Auch die Postition center will ich hier festlegen.
Dazu habe ich im Theme ein neues CSS-Sytle erstellt. Dort habe ich meine Werte eingetragen und dieses Style auch dem Template verbunden.
Nun werden der Hauptrahmen und auch die breite übernommen. Wie aber spreche ich die Zeilen in der Tabelle an?

Das Style sieht so aus:

Code:

---

/* Visitenkarte.css */
#visitenkarte{margin:1px auto;padding:0;text-align:center;border:1px dotted #0a0a0a;border-spacing:0px;width: 40%;tr {        background-color: #ff0000;    }}

---

Der HTML-Quelltex

HTML-Code:

---

<div class="ce_text last block" id="visitenkarte" data-frontend-helper="{&quot;template&quot;:&quot;ce_text&quot;,&quot;templatePath&quot;:&quot;system\/modules\/core\/templates\/elements\/ce_text.html5&quot;,&quot;templateURL&quot;:&quot;contao\/main.php?do=tpl_editor&amp;key=new_tpl&amp;original=system%2Fmodules%2Fcore%2Ftemplates%2Felements%2Fce_text.html5&amp;target=templates%2Fopensauce&amp;rt=139f597d6e6b9693b71cc2f12b5691fe&amp;rsfhr=1&quot;,&quot;templateLabel&quot;:&quot;Ein neues Template erstellen&quot;,&quot;toolbar&quot;:true,&quot;links&quot;:{&quot;edit&quot;:{&quot;url&quot;:&quot;contao\/main.php?do=article&amp;table=tl_content&amp;act=edit&amp;id=1029&amp;rt=139f597d6e6b9693b71cc2f12b5691fe&amp;rsfhr=1&quot;,&quot;label&quot;:&quot;Inhaltselement ID 1029 bearbeiten&quot;},&quot;delete&quot;:{&quot;url&quot;:&quot;contao\/main.php?do=article&amp;table=tl_content&amp;act=delete&amp;id=1029&amp;rt=139f597d6e6b9693b71cc2f12b5691fe&amp;rsfhr=1&quot;,&quot;label&quot;:&quot;Inhaltselement ID 1029 l\u00f6schen&quot;,&quot;confirm&quot;:&quot;Soll der Eintrag ID 1029 wirklich gel\u00f6scht werden?&quot;},&quot;pastenew&quot;:{&quot;url&quot;:&quot;contao\/main.php?do=article&amp;table=tl_content&amp;act=create&amp;id=169&amp;mode=1&amp;pid=1029&amp;rt=139f597d6e6b9693b71cc2f12b5691fe&amp;rsfhr=1&quot;,&quot;label&quot;:&quot;Neues Element nach dem Inhaltselement ID 1029 erstellen&quot;}}}">

 
 
      <table style="height: 64px;" width="125">
<tbody>
<tr>
<td>Sie erreichen uns unter:</td>
</tr>
<tr>
<td>0 61 31 / 27 92 92</td>
</tr>
<tr>
<td>&#107;&#x6F;&#110;&#x74;&#x61;&#x6B;&#116;&#64;&#102;&#114;&#x61;&#x75;&#x65;&#x6E;&#x68;&#x61;&#117;&#x73;&#x2D;&#x6D;&#97;&#105;&#110;&#122;&#x2E;&#x64;&#x65;</td>
</tr>
<tr>
<td>www.frauenhaus-mainz.de</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p> 
 
 

</div>

---

Was muss ich tun, das ich die Tabelle selber ansprechen kann?

Vielen Dank.
Tobias

CSS mit richtig gesetzten Klammern:

HTML-Code:

---

/* Visitenkarte.css */
#visitenkarte {
  margin:1px auto;
  padding:0;
  text-align:center;
  border:1px dotted #0a0a0a;
  border-spacing:0px;
  width: 40%;
}

tr {
  background-color: #ff0000;
}

---

Die Zeile (tr) sollte jetzt klappen.