a:link, a:visited { color: #099909; /*dunkelgrün*/ font-weight : bold; } a:hover { color: white; font-weight : bold; } a.menu { display:block; /*display:block; wandelt die Hyperlinks in Block-Elemente, für die unabhängig von der Textlänge eine einheitliche Breite und Höhe angegeben werden kann. */ padding:3px; background-color:#737994; /*dunkelgrau*/ text-align:center; color:#eeeeee; /*hellgrau*/ text-decoration:none; font-weight : bold; } a.menu:link, a.menu:visited { color:#eeeeee; /*hellgrau*/ background-color:#737994; /*dunkelgrau*/ font-weight : bold; } a.menu:hover { color:#ffffff; /*weiß*/ font-weight : bold; background-color:#FF0019; /*rot*/ } a.menu:active { color:#ffffff; /*weiß*/ font-weight : bold; background-color:#FF0019; /*rot*/ } a.unterlegt { display:block; /*display:block; wandelt die Hyperlinks in Block-Elemente, für die unabhängig von der Textlänge eine einheitliche Breite und Höhe angegeben werden kann. Gefahr bei Schrift-Änderung durch den Besucher!*/ width:100px; } a.unterlegt.link, a.unterlegt.visited { color:#ffffff; /*weiß;kommt normal blau*/ background-color:#BFBFBF; /*mittelgrau*/ font-weight : bold; } a.unterlegt:hover { color:#ffffff; background-color:red; font-weight : bold; } a.verweise:link, a.verweise:visited { color: #099909; /*dunkelgrün*/ background-color:#EAE8E8; /*hellgrau*/ font-weight : bold; } a.verweise:hover { color: #ffffff; /*weiß*/ background-color:red; font-weight : bold; } a.zurueck:link, a.zurueck:visited { color: #099909; /*dunkelgrün*/ font-weight : bold; } BODY { font-family : sans-serif; text-align:center; /* mit "0px auto;" im Container "hauptrahmen" kann IE 5.x nichts anfangen. Daher wird schon im Body-Tag zentriert und im Beginn des Hauptrahmens die Zentrierung mit "text-align:left;" wieder aufgehoben. */ background-image: url(bilder/280.jpg); } h1,h2,h3,h4 { margin: 2px; } table.preis { text-align: center; } ul#Navigation { margin: 0; padding: 0.8em; text-align: center; border: 1px solid black; background-color: silver; } ul#Navigation li { list-style: none; display: inline; margin: 0.4em; padding: 0; } ul#Navigation a, ul#Navigation span { padding: 0.2em 1em; text-decoration: none; font-weight: bold; border: 1px solid black; border-left-color: white; border-top-color: white; color: maroon; background-color: #ccc; } * html ul#Navigation a, * html ul#Navigation span { width: 1em; /* nur fuer IE 5.0x erforderlich */ /*width: auto; /* sicherheitshalber fuer spaetere Versionen korrigiert */ } ul#Navigation a:hover, ul#Navigation span { border-color: white; border-left-color: black; border-top-color: black; color: white; background-color: gray; } #content { width:610px; padding:0px 10px; margin-left:130px; border-bottom:1px solid #000; border-left:1px solid #000; } #content-h { width:740px; margin:10px; } #hauptrahmen { width:760px; margin:0px auto; padding:20px; text-align:left; /*margin:0px auto bestimmt den Außenabstand. Der Wert auto besagt, dass der Browser den Abstand automatisch berechnen soll und zwar für links und rechts gleich, da ja nur ein Wert vorgegeben ist (Zentrierung). Leider funktioniert das nicht beim Internet Explorer 5 und 5.5. Dieser zentriert

-Container mit text-align, obwohl diese Eigenschaft nicht dafür vorgesehen ist. Also ist diese Eigenschaft in das -Tag eingefügt. Damit die Zentrierung nicht an die folgenden Elemente weitervererbt wird, ist in dem

-Container gleich wieder ein text-align:left; eingefügt.*/ border:1px solid #000000; background-color:#EEE4E4; /*leichtgrau /*Netscape und Mozilla färben den Hintergrund für den

-Container nur ein, wenn auch ein Rahmen angegeben ist. Wenn kein Rahmen zu sehen sein soll, ist die Rahmen- und Hintergrundfarbe gleich.*/ } #menulinks { width:130px; float:left; } #title { text-align:center; padding:5px; background-color:#11137C; /*marineblau*/ /* HINTERGRUNDFARBE DES TITELFELDES */ border-bottom:1px solid #000; /* Der Titel ist ja in den Aussenrahmen eingefügt, braucht nur unten eine Begrenzung */ color: white; } .bildunter { font-style : italic; font-size : x-small; color : Green; text-align : center; } .date { /*für das unauffällige Aktualitätsdatum rechts unten */ font-size : 12px; color : #BFBFBF; /*mittelgrau*/ text-align : right; float: right; } .menucontainer { background-color: #5D5D5D; /*dunkelgrau*/ } .webdesign { color : Blue; font-family : "AvantGarde Bk BT",fantasy; font-size : 10px; } .whitelink { /*für das Quer-Menü*/ color : White; text-align:center; }