@charset "UTF-8";
@import url(http://simon-barber.com/css/basic.css);
/* Reihenfolge

* Ausgeblendet 
* Block- oder Inline-Darstellung
* Floats
* Clear
* Erzeugter Inhalt
* Umbruchschutz
* Hintergrundbilder
* Horizontale Ausrichtung (ohne Seitenlayout)
* Vertikale Ausrichtung (ohne Seitenlayout)
* Zeichenzahl pro Zeile
* Breite
* Höhe
* Zeilenhöhe
* Schriftart
* Farbe (Vordergrund und Hintergrund)
* Schriftgröße
* Sperrung
* Fetter Schnitt
* Normalgewichtiger Schnitt
* Kursiver Schnitt
* Kapitälchen mit Versalien
* Kapitälchen ohne Versalien
* Versalsatz
* Rahmen (auch Unterstreichung, aucht text-decoration)
* Der Rest

Bei Bereichen, die für einem Medientyp ausgeblendet sind gilt: 
Regeln zu diesem Bereich (außer der Regel zum Ausblenden natürlich)
kommen in diesem Medientypblock nicht vor.
Beispiel: Regeln zu #nav innerhalb @media print.
*/
@media screen, print {
img.fr { float: right; }
.tel .national-prefix:before { content: "("; }
.tel .national-prefix:after { content: ")"; }
body#entgelt td, .tel { white-space: nowrap; }
body#referenzen blockquote { background: transparent url(/css/quote.gif) no-repeat; }
body#referenzen blockquote .autor { text-align: right; }
ul, ol { line-height: 1.2em; }
#information-architecture { font-size: 0.85em; }
h1 { letter-spacing: .1em; }
h1 span { letter-spacing: .15em; /* Der Wert orientiert sich an der Breite der Zeile mit der Navi. Er wurde so gewählt, dass Site-Titel und Navi ungefähr gleich breit sind. */ }
h1, h2, body#entgelt th { /* fettes Gewicht aus Browser-Default überschreiben */ font-weight: normal; }
body#referenzen blockquote .autor { font-style:italic; }
p, h2, blockquote, address, ul, ol { margin-top: .6em; margin-bottom: .6em; }
ul ul, ul ul ul, ol ol, ol ol ol, body#referenzen blockquote p { margin-top: 0; margin-bottom: 0; }
ul, ol { margin-left: 1em }
li { margin-left: 0.8em; }
body#entgelt th { padding-right: 2em; }
img.fr { padding-left: 10px; padding-bottom: 10px; }
body#referenzen blockquote { padding-left: 50px; }
.tel .number .group { padding-right: .32ex; }
.tel .group:last-of-type { padding-right: 0; }
.tel .national-prefix { padding-right: .1ex; }
blockquote { margin-bottom: 1.6em; }
}
@media screen {
/* Sehende nein, Blinde ja*/ h2, .label, #skip { position: absolute; left: -1000px; top: -1000px; width: 0; max-height: 0; overflow: hidden; display: inline; }
/* Sehende nein, Blinde nein*/#url { display: none; }
#nav li { display: inline; }
#nav ul li { white-space: nowrap; }
#content { max-width: 65ex; /* Diese Breite orientiert sich an der Zeichenzahl der Zeile mit der Navi */ }
img { width: 100px; }
/*orange*/ a:link, a:visited, #nav li { color: #cf6f11; }
/*grün*/ h1, h2, h1 a:link, h1 a:visited, #nav strong { color: #5aa635; }
/*eierschale*/ body { background: #fbfaf4; }
a.tel { color: black;  /* Solange die Unterstützung für den URI-Handler "tel:" noch gering ist, würde eine Darstellung wie ein normaler Link falsche Erwartungen wecken */}
#nav ul { line-height: 1.8; /* Damit beim Umbrechen der Navi zwischen den Zeilen ein Abstand bleibt. Padding oder Margin ist bei inline dargestellten Elementen nicht möglich. */ }
h1 { font-size: 1.8em; }
h2 { font-size: 1.3em; }
#nav ul { font-size: 1.2em; }
h1 span { font-size: .7em; } /* h1 span: 0.70x1.80=1.26 */
#nav ul { font-weight: bold; }
a { text-decoration: none; }
body { margin: 3% 2% 2% 10%; }
#site-title, #nav { margin-bottom: 2em; }
#nav ul { margin: 0 /* Setzt den Rand wieder zurück, der für normale Listen weiter oben gesetzt worden war */; }
#nav li { margin-left: 0 /* Setzt den Rand wieder zurück, der für normale Listen weiter oben gesetzt worden war */; padding-right: 2em /*Kleiner Abstand durch Quelltext-Whitespace bleibt, stört hier aber nicht*/; }
#nav li:last-child { padding-right: 0; }
#information-architecture { margin-top: 7em; }
}
@media print {
#nav, #skip { display: none; }
#url p { display: inline; }
#url .label:after { content: ":"; }
#url { font-family: "Courier New", monospace; }
h1 { font-size: 1.18em; }
h2 { font-size: 1.4em; }
#url { text-align: right; }
#url, h1 span { font-size: .85em; } /* h1 span: 0.85x1.18=1.00 */
h1 { font-weight: normal; }
/* Weil es keinen Selektor gibt, der Linkinhalte trifft, die URLs sind */#information-architecture a { border-bottom: none; }
#site-title { margin-bottom: .5em; }
#url { margin-bottom: 2em; }
#information-architecture { margin-top: 2em; }
}
@media handheld {
#content { max-width: 100%; }
body { line-height: 1.3; }
body { margin: 0 5px; }
}
@media screen and (max-width: 600px) {
body {
margin: 2%;
}
}