Info- und Alert-Boxen via CSS Styles [inkl. Lösung]

Hallo. Bin ganz neu bei Drupal und auch beim CSS-Code-Schreiben.

Hätte eine Frage, über deren Beantwortung per Anleitung ich mich wirklich freuen würde, da ich nun quasi einen kompletten Tag investiert habe und zwar im Web viel gefunden habe, jedoch nichts, was genau auf mein Problem passt.

Es geht um Drupal 6 i.V.m. Tiny Editor (neueste Version). Außerdem um Templating.

Mein Anliegen:
Ich möchte in meinem Template CSS-Styles anlegen, welche mir Boxen erstellen.
Diese Styles soll der Benutzer beim Erstellen von Content im Editor als Styles auswählen können.
Ich habe die Styles definiert. Die CSS-Datei habe ich bei Tiny Editor eingetragen.
Danach waren die Stylesheets auch auswählbar, ABER: das Resultat wurde im Endergebnis nicht sichtbar.
Der Text erschien weiterhin ohne Formatierungen.

Es geht darum, dass der Benutzer info-Boxen oder alert-Boxen erstellen kann, in die er dann die aktuelle Information übernimmt.
Info-Box: Große Absatz-Box, blauer Hintergrund, info.png links!
Alert-Box: Wie Info aber rot und Ausrufezeichen.png.

Bsp.: Alert-Box: "Die Datei steht noch nicht zum Download bereit."

Der Style sieht wie folgt aus:

In der CSS für den Editor dann:

Ich hoffe, Ihr versteht, was ich möchte.

(Mir ist klar, dass dieses CSS 2x hinterlegt sein muss. 1x im Template CSS für die Ausgabe und 1x in einem CSS für den TinyE. Aber obwohl ich das getan habe, funktioniert's nicht. Stimmt etwas am Code nicht?)