Ich versuch mal etwas detailierter zu beschreiben, wo mein Verständnisproblem liegt bzw. wie ich mir den groben Ablauf vorstelle.

1.) Im Browser ruft eine Person eine Seite mit der UID 5 auf
2.) Typo3 hat nun also die Aufgabe die Seite mit der UID zu generieren
3.) Zunächst überprüft Typo3 welche Seite hinter UID 5 steht: Annahme: z.B. die Kontaktseite
4.) Als nächstes erstellt Typo3 das HTML-Grundgerüst
5.) basierend auf dem benutzerdefinierten TypoScript wird das HTML-Grundgerüst entsprechend anpasst (header-Infos, doctype usw.)
6.) ebenfalls basierend auf dem benutzerdefinierten TypoScript wird das HTML-Template in das HTML-Grundgerüst eingebunden.
7.) Im nächsten Schritt werden die Elemente die vom Endanwender über das Backend angepasst werden können in die Seite integriert. Typo3 generiert also den Code für diese Elemente.
8.) Damit die Formatierung für die vom Endanwender integrierten Elemente auch korrekt auf Basis von CSS umgesetzt wird, greift Typo3 aus ein Template zurück in welchem für alle HTML-Elemente festgelegt ist, wie sie formatiert werden. In meinem Fall wird das Template css_styled_content genutzt.
9.) Hat der Endanwender beispielsweise eine Liste über das Backend integriert, so wird aus "css_styled_content" der Bereich gesucht in welchem Listen formatiert werden. So wird die Liste dann formatiert.

Ich bin mir nicht sicher ob die Vorstellung richtig ist.

Falls ja, dann würde ja niemals der von mir erstellt Code zur Formatierung von Listen zum Tragen kommen (meine CSS-Datei), womit ich ich diese dann auch gleich entfernen könnte. Das CSS wäre ja dann nur für den dummy-Inhalt relevant.

Falls nein, dann würden die Listen ja immer mit Hilfe meines eigenen CSS-Layouts formatiert werden. Der Endanweder ohne CSS-Kenntnisse hätte also keine Möglichkeit die Formatierung der Liste nach seinen Wünschen zu ändern.

<!--  CONTENT ELEMENT, uid:41/bullets [begin] -->
<a id="c41"></a>

  <!--  Header: [begin] -->  
  	<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">eine Aufzählung</h1></div>  
  <!--  Header: [end] -->  
  	  
  <!--  Bullet list: [begin] -->  
  	<ul class="csc-bulletlist csc-bulletlist-0"><li class="odd">Punkt 1  

</li><li class="even">Punkt 2
</li><li class="odd">Punkt 3
</li><li class="even">Punkt 4</li></ul>
<!--  Bullet list: [end] -->
<!--  CONTENT ELEMENT, uid:41/bullets [end] -->

>   
> Diesbezüglich bin ich jetzt etwas verwirrt. Für diese Liste greift doch jetzt nicht die Vorformatierung die ich für Listen in meinem CSS-Code festgelegt habe.  
  
Doch schon, aber sie wird ggf. von den Deklarationen Überschrieben, die aus dem Stylesheet von css\_styled\_content kommen (diese csc-xxx" Dinge) - das liefert ebenfalls ein eigenes Stylesheet mit.  
  
Wenn du die Ausgabe dieses Unsinns unterbindest, sieht die Sache schon anders aus - die imho unnötigen Klassen, die überflüssigen Kommentare überall.  
  
Die automatisch eingefügten Klassen "even" und "odd" sind allerdings nicht unpraktisch - ob du die Ausgabe dieser auch unterbinden willst oder nicht, bleibt dir überlassen.  
  
Ebenso solltest du die Ausgabe der Content-Element-Überschrift beeinflussen - ein h1 als Zwischenüberschrift im Fließtext ist etwas zu "hoch" hier würde ich dir zu h2 oder gar h3 raten (h1 = Name der Seite, h2 = Titel der Unterseite, h3 = Zwischenüberschrift). Ebenso ist das Div-Element um die Überschrift herum (wrap) etwas unsinnig, das kann gerne auch weg.  
  
Ob du den Anker behalten willst oder die ID in die Überschrift geben willst, kannst du dir auch überlegen. In meinem Fall sieht die Überschrift so aus `<h3 id="c123">Text</h3>`{:.language-html} ohne irgenwelchem Müll. Auf Wunsch kannst du das Ding aber auch komplett entfernen, ich finds aber sehr praktisch zum Anspringen von Zwischenüberschriften bei langen Texten.