Verknüpfung mit CSS klappt nicht

Ich sitze nun schon einige Stunden daran und bitte um Vergebung, wenn die Lösung zu offensichtlich oder vielleicht auch hier schon mal gegeben wurde. Ich habe Dokumentation und Webseiten jedenfalls ohne Erfolg durchforstet.
Also: Ich habe eine Webseite übernommen mit einem grafischen Menü, das ich aus Gründen der Barrierefreiheit, aber nicht nur, rausschmeißen wollte. Nun habe ich das Textbasierte Menü, aber die styles, die ich entsprechend dem Vorbild in "Moderne Templateerstellung/Das Menü erstellen" fabriziert habe, werden schlicht und ergreifend ignoriert.
Folgendes habe ich im Template:

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template/main.css
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php

page.50 = TEMPLATE
page.50 {
  template = FILE
  template.file = fileadmin/template/main_de.html

  subparts {
    INHALT < styles.content.get

menu_1=HMENU
menu_1.entryLevel=0
menu_1.1=TMENU
menu_1.1 {
    NO.allWrap = <div class="menu1-level1-no"> | </div>
    ACT = 1
    ACT.allWrap = <div class="menu1-level1-act"> | </div>
}

#  MENU-Ebene 2:

menu_1.2=TMENU
menu_1.2 {
    NO.allWrap = <div class="menu1-level2-no"> | </div>
    ACT = 1
    ACT.allWrap = <div class="menu1-level2-act"> | </div>
}

Im dort genannten main.css sind folgende Zeilen zu finden (da ist mehr, aber ich denke mal, dass dies genügen sollte):

TD#menu_1  DIV.menu1-level1-no {
	border-bottom: 1px solid #999999;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;	
}

TD#menu_1  DIV.menu1-level1-act {
	border-bottom: 1px solid #999999;
	font-weight: bold;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 15px;	
	background-color: #eeeeee;
	filter: alpha(opacity='70', style='0');
}

TD#menu_1  DIV.menu1-level1-act  A{
	color: black;
}

TD#menu_1  DIV.menu1-level2-no {
	font-size: 11px;
	padding-left: 20px;	
}

TD#menu_1  DIV.menu1-level2-act {
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;	
}

Ich habe mich gefragt, ob vielleicht der Verweis auf die Datei main.css anders lauten muss. Die Datei liegt ja direkt unter der Domain, also auf gleicher Höhe in der Verzeichnisstruktur wie typo3, aber das müsste ja eigentlich so stimmen, oder?
Hat irgend jemand eine Idee? Wie das Menü jetzt aktuell aussieht, kann man sich unter http://www.propstei-wf.de anschauen. Da bin ich nicht so glücklich drüber.

DrMartinus schrieb

Ich sitze nun schon einige Stunden daran...
Ich habe mich gefragt, ob vielleicht der Verweis auf die Datei main.css anders lauten muss. Die Datei liegt ja direkt unter der Domain, also auf gleicher Höhe in der Verzeichnisstruktur wie typo3, aber das müsste ja eigentlich so stimmen, oder?

Hää?
Wenn sie nicht unter dem von Dir angegebenen Pfad liegt, warum sollte sie dann gefunden werden?

Leg die Datei in den Ordner, den Du im Setup angegeben hast und fertig.

Nein, das ist es nicht. Ich habe mittlerweile festgestellt, dass die Pfadangabe richtig ist, denn wenn ich sie ändere, gehen die style-Einstellungen verloren. Es muss also damit zu tun haben, wie Template und Stylesheet zusammenspielen, was ich bisher noch nicht so richtig rausgefunden habe.

Ich habe weiter geforscht und folgendes festgestellt: Typo3 setzt keine id für das td-tag. Also es sieht nicht so:

<td id="menu_1">

aus, sondern so:

<td valign="top" style="background-color: rgb(153,176,191); border-right: solid 2px rgb(0,0,0); width: 160px; padding: 0px; padding-top: 15px;">

Ah, und jetzt dämmerte es mir: ich musste das html-template noch entsprechend ändern... #angry#

Tut mir leid, aber so ist es wohl manchmal, der Wald vor lauter Bäumen oder so...