Frage zu Stylesheets

Hallo,
ich beschäftige mich grade mal seit gestern mit Typo3, von daher weiß ich nicht wie blöd meine Frage ist.
Ich habe bislang nur 1 Seite (ganz nach Doku) mit Überschrift und Text.
Als statisches Template habe ich dann "default" rausgeschmissen und "css_styled_content" genommen.
Und wenn ich mir den ausgegebenen Quelltext dann im Browser anschaue hat das auch geklappt.
Was ich jetzt nicht verstehe, woher weiß mein Browser was z.B class="csc-firstHeader" bedeutet und wie und wo kann ich diese Formatierung ändern?

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!-- 
	This website is brought to you by TYPO3 - get.content.right
	TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2004 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://www.typo3.com
-->

	<title>Homepage</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="generator" content="TYPO3 3.6 CMS" />
	<script type="text/javascript">
		/*<![CDATA[*/
	<!--
		browserName = navigator.appName;
		browserVer = parseInt(navigator.appVersion);
		var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
		if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script>


</head>
<body bgcolor="#FFFFFF">

	<!--  CONTENT ELEMENT, uid:4/text [begin] -->
		<a name="4"></a>
		<!--  Header: [begin] -->
			<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Überschrift</h1></div>
		<!--  Header: [end] -->
			
		<!--  Text: [begin] -->
			<p class="bodytext">Inhalt</p>
		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:4/text [end] -->
		
</body>
</html>

Gruß Flint

Eine Möglichkeit ist, du erstellst ein eigenes StyleSheet und bindest es im Setup ein:

pseite = PAGE
seite = PAGE
seite.typeNum = 0
seite.stylesheet = fileadmin/Layout/sch.css
...

im StyleSheet steht dann u.a. z.B.

.csc-firstHeader {
       font-family : Verdana, Arial, Helvetica;
       font-size : 10px;
       }
....

Tutorials wie man StyleSheets definiert gibts im Netz zu hauf...
Gruß Bernd

Wenn ich das richtig verstehe erzeugt Typo3 einen Quellcode, in dem bestimmten Tags ein CSS Style zugewiesen wird (div,h1,p). Und solange diese Styles nicht in einem Stylesheet definiert sind passiert hier gar nix.
Bearbeiten kann ich den Stylesheet aber nur extern oder auch im BE !?

Das macht Typo3 grade aus. "Viele Wege führen nach Rom..."
Du kannst es so machen wie ich es vorgeschlagen habe, da Deine Frage sich auf die automatische generierten Styles bezogen hat. Es gibt auch noch die Ext. CSS-Styler, CSS Analyzer usw. Da kannst Du im BE Definitionen machen.
Die automatisch generierten Styles lassen sich per TS sicher ändern.

Ich selbst benutze in meinen Templates Styles und dazu ein CSS-Stylesheet.

Danke für die Antworten,
mir ging es grade auch ums grundsätzliche Verständnis.
Welchen Weg letztendlich nehmen werden werd ich sehen, jetzt will ich mich erstmal um die Navigation kümmern.