Zitat: body{ font-family: ARIAL,HELVETICA,sans-serif; background-color:#FFFFCC; font-size:1em; line-height:125%; margin:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0: margin-width:0; margin-height:0;} /*Hintergrundfarbe:Hellgelb Schriftart 1. Arial; wenn nicht vorhanden, dann: Helvetica; wenn auch nicht vorhanden, dann irgendeine Schrift ohne Serifen Schriftgröße: so hoch wie ein m breit ist Die Zeilenhöhe: 125% also 1,25 em hoch Alle Ränder = 0 */ /*Ueberschriften*/ h1{font-size:150%; MARGIN:20px 0.5cm 10 0.5cm; text-align:center;} /*Schriftgröße:150%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 0,5 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 0,5 cm. Der Absatz ist zentriert*/ h2{font-size:150%; MARGIN:20px 0.5cm 10 0.5cm; text-align:center;} /*Schriftgröße:150%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 0,5 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 0,5 cm. Der Absatz ist zentriert*/ h3{font-size:150%; MARGIN:20px 1cm 10 1cm; text-align:center;} /*Schriftgröße:100%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 1 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 1 cm. Der Absatz ist zentriert*/ h4{font-size:150%; MARGIN:20px 1cm 10 1cm; text-align:center;} /*Schriftgröße:150%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 1 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 1 cm. Der Absatz ist zentriert*/ /* Absätze */ P {MARGIN: 1em 2.5cm 0 5cm;} /* Abstand oben 1 em, Abstand rechts 2cm,Abstand unten 0, Abstand links 5cm */ /* Kopfzeile jeder Seite */ p.titel{COLOR:#FF8000; FONT-SIZE:200%; LINE-HEIGHT:200%; MARGIN:16px 0 0 0; letter-spacing:4px; font-weight:700; TEXT-ALIGN:center;} /*Farbe orange Schriftgröße 200% Zeilenhöhe 200%; Die Ränder sind auf den Kopfbereich zugeschnitten - nur oben 16 Pixel Abstand Die einzelnen Buchstaben weiter auseinander als normal gesetzt: letter-spacing: 4px; Schriftgrad fett, zentriert*/ p.bilder{COLOR:#800000; FONT-SIZE: 110%; LINE-HEIGHT: 30%; MARGIN: 40px 30 40 30; letter-spacing: 6; font-weight:700;} /*Farbe dunkelrot Schriftgröße 110% Zeilenhöhe 30%; Die Ränder - oben 40 Pixel Abstand, links 30, unten 40, rechts 30 Die einzelnen Buchstaben weiter auseinander als normal gesetzt: letter-spacing: 4px; Schriftgrad fett, zentriert*/ /*Zurück zur Startseite*/ p.zurück{ font-size:100%; line-height:150%; margin-top:20; margin-bottom:20; margin-left:40px; margin-right:0; text-align:left;} /*Kontakt und Impressum*/ p.button{margin-top:30; margin-bottom:40;text-align:center;} /*Hoch zum Seitenanfang - steht auch jeder Seite*/ p.hoch{font-size:100%; line-height:150%; margin-top:20; margin-bottom:20; text-align:center;} /* für alle Quellenangaben */ p.quelle{FONT-SIZE:80%; MARGIN-TOP:10px; text-align:center;} /* eine um 20% kleinere Schrift als Normal Abstand oben 10 Pixel, zentriert */ p.hinweis{FONT-SIZE:100%; MARGIN-TOP:20px; text-align:center;} /* Schrift 100% Abstand oben 20 Pixel, zentriert */ p.text{FONT-SIZE:100%; MARGIN-TOP:20px; margin-bottom:20px; margin-left:40px; margin-right:40px;text-align:left;} /* Schrift 100% Abstand oben 20 Pixel, links und rechts 40 Pixel, zentriert */ p.link {FONT-SIZE:100%; MARGIN-TOP:5px; text-align:center;} p.kontakt{FONT-SIZE:150%; LINE-HEIGHT:150%; MARGIN:40px 0px 0 20; letter-spacing:2px; font-weight:400; TEXT-ALIGN:center;} p.kontakt1{FONT-SIZE:100%; LINE-HEIGHT:140%; MARGIN:20px 0 40 0; letter-spacing:3px; font-weight:700; TEXT-ALIGN:center;} li {MARGIN-BOTTOM:3px;} /* jeder Listenpunkt Abstand unten 4 Pixel vom nächsten Aufzählungspunkt */ /*Liste*/ ol {margin: 15px 10 20 3px; line-height:100%; list-style:decimal;} /* georndete Liste Rand oben 15 Pixel rechts 10 unten 20 Pixel links 3 Zeilenhöhe 100% Aufzählungsart dezimal */ ul {margin: 30px 10 20 5px; line-height:150%; list-style:disc;} /* ungeorndete Liste Rand oben 30 Pixel rechts 10 unten 20 Pixel links 5 Zeilenhöe 1,5 mal Normalgröße des Textes Aufzählungsart gefüllter Kreis */ /*Divisions -übergreifende Bereiche*/ /*Für Bilder: zentriert, Rand oben 2em, unten 0*/ div.innenstadt {margin-top: 2em; margin-bottom:2em; text-align:center;} div.schiff {margin-top: 1.5; margin-bottom:1.5; text-align:center;} div.stadtwappen {margin-top:10; margin-bottom:30; text-align:center;} div.kontakt {margin-left:0; margin-top: 0; margin-bottom:0; text-align:center;} div.bild {margin-left:0; margin-top: 30; margin-bottom:30; text-align:center;} div.rose {margin-left:0; margin-top: 0; margin-bottom:0; text-align:left;} div.center {text-align:center; margin-top:2em; margin-bottom:1.5em;} div.center table {margin-left:auto; margin-right:auto; text-align:center;} /* Zentrierung speziell für Tabellen Das ist eine Untergruppe von div.center! */ span.unter {font-weight:600;} /* unterstreicht den Text */ /* Fett */ strong {font-weight:600; } /* setzt den Text fett mit dem Wert 600 */ .hgn {FONT-SIZE: 110%; font-weight:400; color:#bb0000;} /* hebt den Text hervor Schriftgröße 110% ganz fett Farbe dunkelrot */ /* Navigation */ p.nav {MARGIN: 10px 8px 8px 10px;} /* Navigation 1. Ebene Rand oben = 10 Pixel rechts = 8 unten = 8 links = 10 Pixel */ /* Navigation */ p.nav1 {MARGIN: 10px 0px 10px 90px;} /* Navigation 1. Ebene Rand oben = 10 Pixel rechts = 0 unten = 10 links = 90 Pixel */ /*Links*/ A {color:#1756E8;text-decoration:none; font-weight:600;} /*Alle Links, Farbe dunkelblau, keine Verziehrung, fett*/ A:visited {color:#6CB6FF} /* bereits besuchte Links (Seiten) Farbe: Hellblau */ A:hover {color:#66EFF7;text-decoration:underline;} /*Schwebeeffekt, Farbe:hellblau, Unterstrichen*/ A:active {color:#33CCFF;} /*Link im Moment des Drückens türkis*/ /* Tabellen - für alte Browser nötig */ td {font-family: Arial, Helvetica, sans-serif; font-size:1em; line-height:125%; color:#000000;} th {font-family: Arial, Helvetica, sans-serif; font-size:1.5em; line-height:125%; color:#000000; font-weight:600;} /* Netscape vor 6 kann keine Tabellen sauber formatieren. Dashalb muss man hier die Angaben aus Body wiederholen */ Table {align:center; width:100%; padding:5; spacing:8;} /* Inhaltstabelle mit Text zentriert Normalbreite: 50% des Browser-Fensters */ Table.startseite {align:center; background-color:#F3F997; width:90%;MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters*/ Table.bilderseite {align:center; background-color:#FFCC33; width:100%; MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters */ /* Layout-Tabelle */ Tr.bilderseite {background-color:#F3F997 ;align:center;} /* Dies färbt die Kopfzeile hellorange zentriert alle Inhalte - betrifft u.la.a das Logo linkst in der ersten Spalte der Kopfzeile*/ TD.bilderseite {background-color:#F3F997;} /* Dies färbt die Navigationsspalte hellorange*/ Table.sehenswuerdigkeiten {align:center; background-color:#F3F997; width:100%;MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters*/ TD.sehenswuerdigkeiten {background-color:#F3F997;} /* Dies färbt die Navigationsspalte hellorange*/ TD.gruen {background-color:#95CA17;} Table.bodenseeumgebung {align:center; background-color:#F3F997; width:100%;MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Oben 40 Pixel, unten 40 Pixel */ TD.bodenseeumgebung {background-color:#FFCC33} /* Dies färbt die Navigationsspalte hellorange*/ TD.impressum {background-color:#FFCC99; text-align:center; FONT-SIZE:120%; LINE-HEIGHT:120%; letter-spacing:2px; font-weight:200;} div.center table.geschichte {margin-top:15; margin-bottom:5; width:45%; text-align:left;} div.center table.geschichte tr {vertical-align:top} Table.kontakt {align:center; background-color:#FFDF00; width:100%; MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters */
