/* */ body { /* legt das allgemeine Layout fest, d.h. für alles was innerhalb von ... steht*/ min-width:500px; max-height:500px; /* legt die minimale Breite des sichtbaren Bereichs fest */ background: #FFCC33; /* legt die Hintergrundfarbe fest */ border:0px; /* legt die Rahmenbreite fest; bei einem Wert von Null erscheint kein Rand*/ margin:30px; /* legt den Abstand zum Rand des Browsers fest*/ font-family:Arial, Sans-serif; /* legt die Schriftart fest*/ font-size:14px; /* legt die Schriftgöße fest*/ color: #663300; /* legt die Schriftfarbe fest*/ text-align:left; /* legt die Ausrichtung des Textes fest; left = linksbündig; right = rechtsbündig; center = zentriert; justify = Blocksatz */ } img { /* legt das Layout für alle Bilder fest */ border:none; /* legt die Rahmenbreite fest; bei einem Wert von None erscheint kein Rand*/ } table{ /* legt das Layout für alle Tabellen fest */ border-collapse:collapse; /* legt fest ob Zellen direkt aneinander liegen oder ob sie einen kleinen Abstand von einander haben; separate = Zellenrahmen fallen nicht zusammen; collapse = Zellenrahmen fallen zusammen */ width:100%; /* legt die Breite fest*/ } a:link { /* legt das Format für alle Links fest*/ font-weight:bold; /* legt das Schriftgewicht fest; bold = fett; thin = dünn */ color:#CC3300; text-decoration:none; /* legt das Schriftdecoration fest; underline = unterstrichen; overline = überstrichen; line-through = durchgestrichen; blink = blinkend; none = normal (keine Text-Dekoration).*/ } a:visited { /* legt das Format für alle Links fest, die schon besucht wurden */ font-weight:bold; color:#660000; text-decoration:none; } a:hover { /* legt das Format für alle Links fest, wenn mit der Maus darüber gefahren wird */ font-weight:bold; text-decoration:underline; } } } #Inhalt{ /* legt das Layout für die Elemente mit dieser id fest */ background:#ffCC33; /* */ vertical-align:top; /* */ padding: 30px; /* */ } .Auswertung{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ border:0px; /* */ border-collapse: separate; /* */ padding:5px; /* */ empty-cells:show; /* */ } .image{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ text-align:center; vertical-align:baseline; } .spalte_1{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ width:20%; vertical-align:center; padding:5px; background:#ffea71; } .spalte_2{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ width:50%; vertical-align:center; padding:5px; background:#ffd671; } .spalte_3{ /* legt das Layout für alle Elemente dieser Klasse (class) fest */ width:30%; vertical-align:center; padding:5px; background:#ffc271; } .Auswertung{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ text-align:center; } .headline1{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ font-size: 18px; font-weight: bold; color:#993300; text-align:left; } .headline2{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ font-size: 14px; font-weight: bold; color:#993300; text-align:left; text-decoration: underline; } .headline3{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ font-size: 14px; font-weight: bold; color:#993300; } .bold{ /* legt das Format für alle Elemente dieser Klasse (class) fest */ font-weight:bold; }