/*--------------------------------------------------------------------------*/ /* Simon's coole Style Sheet Definitionen */ /* */ /* Lizenz: GNU Public License, GPL */ /*--------------------------------------------------------------------------*/ /* History: */ /* 23.06.2004 V1.0 - Erste Ausgabe */ /* 15.05.2005 V1.1 - Medien-Definitionen (Bildschirm, Drucker) */ /* 03.11.2005 V1.2 - Gemaess W3C sollte id's nur einmalig verwendet */ /* werden, deshalb habe ich alle id's in classes */ /* umgewandelt. */ /* 07.11.2005 V1.3 - Kleine Aenderungen in Sachen Farben, W3C verlangt */ /* color UND background-color. Nun sollten weder */ /* Errors noch Warnings erscheinen im CSS-Validator */ /* - Schrift von h5 Tags vergrössert für Sehbehinderte */ /* 26.12.2005 V1.4 - Die Class 'Ordner' und 'Datei' erhalten eine */ /* definierte Höhe, da der IE sonst das Attribut */ /* padding-left nicht beachtet und den Text über */ /* die Icons legt :-( */ /* 19.02.2006 V1.5 - Schriften geändert: Nun wird mit Serifenschrift */ /* gedruckt für bessere Lesbarkeit */ /* 07.05.2006 V1.6 - Neue Klasse 'imgframe' für Bilder mit Rahmen */ /*--------------------------------------------------------------------------*/ /* Dieses Stylesheet wurde getestet mit: */ /* ------------------------------------- */ /* - Firefox 1.0, jetzt 1.5 (regelmässig) */ /* - Flock (einmalig) */ /* - InternetExplorer 5.0, 5.5 (einmalig) und jetzt 6.0 (regelmässig) */ /* - Netscape 4.7 (einmal, nie wieder:-), Netscape 7.2 (zweimalig) */ /* - Opera 8.0 (gelegentlich), jetzt 8.52 (gelegentlich) */ /* - Konqueror 3.2.3 (regelmässig), jetzt 3.5.1 (regelmässig) */ /* - Dillo (regelmässig) */ /* - Links (regelmässig ) */ /* - Lynx (regelmässig) */ /* - Amaya 8.8.51 (einmalig) und jetzt 9.5.2 (gelegentlich) */ /* - EPOC Web 2.0 für PSION (regelmässig) */ /* - Opera 5.14 für PSION (regelmässig) */ /*--------------------------------------------------------------------------*/ /* Bildschirm-Angaben ------------------------------------------------------*/ @media screen { body { margin:5px 100px 5px 110px} body { background-color:#ffffff; color:#000000; background-image:url(bg.gif); background-repeat:no-repeat; background-position:0px 0px; } /* Schrift- und Farbdefinitionen*/ p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,span,td,th,address,blockquote,nobr,b,i,strong { font-family:Arial,Verdana,Helvetica,sans-serif;} p,h2,h3,h4,h5,address,blockquote,tr,td,pre { text-align:justify; } p,h1,h2,h3,h4,h5,ul,ol,li,pre,div,td,th,address,blockquote,nobr,b,i,tt,span { color:#000000;background-color:#ffffff; } h1 { font-size:19px; border-bottom-style:solid; border-bottom-width:1px; border-color:#000000;} h2 { font-size:15px; } h3 { font-size:13px; } h4 { font-size:13px;font-weight:bold;background-color:#efefef; } h5 { font-size:12px; border-bottom-style:dotted; border-bottom-width:1px; border-color:#cccccc; font-variant: small-caps; font-weight:normal;} h6 { font-size:13px;font-weight:bold; } p,ul,ol,li,div,td,th,address,nobr,b,i,span,strong,blockquote { font-size:13px; } strong {font-weight:normal;font-style:italic;} table { width:100%;border-collapse:collapse } td { border:1px solid #000000;padding:1px;empty-cells:show; vertical-align:top;text-align:left; } a:link {color:#000000;text-decoration:underline;background-color:#ffffff;} a:visited {color:#000000;text-decoration:underline;background-color:#ffffff;} a:hover {color:#000000;background-color:#ffff66;text-decoration:underline;} a:active {color:#000000;background-color:#ffff66;text-decoration:underline;} a:focus {color: #000000;background-color:#ffff66;text-decoration:underline;} /* Fette Letter */ .begin-letter { font-weight:bold; font-size:26px; font-family:Times,serif;} /* Fette graphische Letter */ .capital {float:left; margin-right:3px} /* Bilderahmen */ .imgframe { border-style:solid;border-width:1px; border-color:#cccccc;padding:3px;margin:3px;float:left } /* Münzzeichen (mintmark) */ .mm { border-style:solid;border-width:1px; border-color:#cccccc;padding:1px; margin:1px;float:left;text-align:left; } /* Zitat */ .zitat {font-style:italic;text-align:left;line-height:1.6em;letter-spacing:0.1em;padding:10px} /* Menue-Definitionen */ .Inhalt { font-weight:bold; position:relative; margin:0px; border-color:#ffcc00; border-width:1px;border-style:solid; background-color:#ffffcc; list-style: none; color:#000000; padding:2px; } .Ordner { position:relative; height:14px; padding-left:20px; background-image:url(ikons/ordner.gif); background-repeat:no-repeat; background-position:0px 0px } .Datei { position:relative; height:14px; padding-left:20px; background-image:url(ikons/datei.gif); background-repeat:no-repeat; background-position:0px 0px } .Inhalt a { color:#000000;text-decoration:none;background-color:#ffffcc;vertical-align:middle;} .Inhalt li { color:#000000;text-decoration:none;background-color:#ffffcc; } .Inhalt a:link { color:#000000;background-color:#ffffcc; text-decoration:none;} .Inhalt a:visited { color:#000000;background-color:#ffffcc; text-decoration:none;} .Inhalt a:hover { color:#000000;background-color:#ffcc33; text-decoration:none;} .Inhalt a:focus { color:#000000;background-color:#ffcc33; text-decoration:none;} .Inhalt a:active { color:#000000;background-color:#ffcc33; text-decoration:none;} } /*------------------------------------------------------------------------*/ /* Drucker-Angaben */ /* ( diese sind nach Möglichkeit im Stil von LaTeX gemacht */ /* Mit der Georgia-Schrift werden sogar Ligaturen möglich! */ /*------------------------------------------------------------------------*/ /* Achtung: Mit der Schrift Georgia gab's zusammen mit Blocksatz Ausgabe- */ /* Fehler wegen des Pfeil-Sonderzeichens --> (rarr) */ /*------------------------------------------------------------------------*/ @media print { body { margin: 2cm 2cm 2cm 2cm; font-family: Georgia, Garamond, times, "Times New Roman", courier, serif } .Inhalt { display:none; } .Ordner { display:none; } .Datei { display:none; } p,div,span { font-size:9pt; text-align:justify; } li,td { font-size:9pt; } h1 { font-size:18pt; padding-bottom: 4pt; border-bottom-style:solid; border-bottom-width:1pt; border-color:#000000; margin-bottom:20pt; margin-top:20pt; } h2 { font-size:14pt;} h3 { font-size:11pt;} h4 { font-size:10pt;font-weight:bold;background-color:#efefef; } h5 { font-size:10pt; border-bottom-style:dashed; border-bottom-width:1pt; border-color:#000000; font-variant: small-caps; font-weight: normal; } strong {font-weight:normal;font-style:italic;} /* Fette graphische Letter */ .capital {float:left; margin-right:3pt} /* Zitat */ .zitat {font-style:italic;text-align:left;line-height:1.6em;letter-spacing:0.1em;padding:10pt} /* Bilderahmen */ .imgframe { border-style:solid;border-width:1pt; border-color:#cccccc;padding:3pt;margin:3pt; } /* Münzzeichen (mintmark) */ .mm { border-style:solid;border-width:1px; border-color:#cccccc;padding:1px; margin:1px;float:left;text-align:left; } table { width:100%;border-collapse:collapse; } td { border-bottom:1pt solid #000000;padding:1pt;empty-cells:show; vertical-align:top;text-align:left; } a:link { color: #000000;text-decoration:none } a:visited {color: #000000;text-decoration:none; } } /* Handheld-Angaben fuer kleine Displays ----------------------------------*/ @media handheld { body { margin:42px 2px 2px 2px} body { background-color:#ffffff; color:#000000; background-image:url(handheld/bg_top.gif); background-repeat:no-repeat; background-position:0px 0px; } /* Schrift- und Farbdefinitionen*/ p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,span,td,th,address,blockquote,nobr,b,i,strong { font-family:Arial,Verdana,Helvetica,sans-serif;} p,h2,h3,h4,h5,address,blockquote,tr,td,pre,div,span { text-align:justify; } p,h1,h2,h3,h4,h5,ul,ol,li,pre,div,td,th,address,blockquote,nobr,b,i,tt,span { color:#000000;background-color:#ffffff; } h1 { font-size:10px; border-bottom-style:solid; border-bottom-width:1px; border-color:#000000;} h2 { font-size:9px; } h3 { font-size:8px; } h4 { font-size:8px;font-weight:bold;background-color:#efefef; } h5 { font-size:12px; border-bottom-width:1px; border-color:#cccccc; font-variant: small-caps; font-weight:normal;} h6 { font-size:13px;font-weight:bold; } p,ul,ol,li,div,td,th,address,nobr,b,i,span,strong,blockquote { font-size:8px; } strong {font-weight:normal;font-style:italic;} table { width:100%;border-collapse:collapse } td { border:1px solid #000000;padding:1px;empty-cells:show; vertical-align:top;text-align:left; } a:link {color:#000000;text-decoration:underline;background-color:#ffffff;} a:visited {color:#000000;text-decoration:underline;background-color:#ffffff;} a:focus {color: #000000;background-color:#ffff66;text-decoration:underline;} /* Fette Letter */ .begin-letter { font-weight:bold; font-size:12px; font-family:Times,serif;} /* Fette graphische Letter */ .capital {float:left; margin-right:2px} /* Bilderahmen */ .imgframe { border-style:solid;border-width:1px; border-color:#cccccc;padding:2px;margin:2px;float:left } /* Zitat */ .zitat {font-style:italic;text-align:left;line-height:1.6em;letter-spacing:0.1em;padding:4px} /* Menue-Definitionen */ .Inhalt { font-weight:bold; font-size:8px; position:relative; margin:0px; border-color:#ffcc00; border-width:1px;border-style:solid; background-color:#ffffcc; list-style: none; color:#000000; padding:2px; } .Inhalt a { color:#000000;text-decoration:none;background-color:#ffffcc;vertical-align:middle;} .Inhalt li { color:#000000;text-decoration:none;background-color:#ffffcc; } .Inhalt a:link { color:#000000;background-color:#ffffcc; text-decoration:none;} .Inhalt a:visited { color:#000000;background-color:#ffffcc; text-decoration:none;} .Inhalt a:focus { color:#000000;background-color:#ffcc33; text-decoration:none;} }