@charset "UTF-8";
/*
1 Aussenabstände, Innenabstände: 0 | 10px | 0.3em | 0.6em | 1em | 1.5em | 3em
2 Schriftgrößen: 0.8em | 0.9em | 1em | 1.2em | 
3 Farben: black, white, dunkelgrau(gray), mittelgrau(200,200,200), hellgrau(245,245,245), 

Offene Frage: Sollen alle Regeln für diese drei Merkmalgruppen gruppiert, also aus der 
thematischen/logischen Gruppierung heraus genommen werden?

*/


@media screen, print { /* Reset und Basics */
* { /* Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ margin:0; padding: 0; }
/* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
	option { padding-left: 0.4em; }
select { padding: 1px; }
/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
	* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
/* Diverse */
	html { height: 100%; margin-bottom: 1px; /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */ line-height: 1.4; }
body { font-size: 100.01%; /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ color: black; background: white; color: black; text-align: left; font-family: Verdana, sans-serif; font-size: .875em; }
fieldset, img { border: none; }
ul, ol, dl { margin-bottom: 1em; margin-left: 1.5em; }
li { margin-left: 0.8em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; margin-left: 1em; }
blockquote { margin-bottom: 1em; margin-left: 1em; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
td, th { vertical-align: top; text-align: left; border: none; }
table { border: none; border-collapse: collapse; empty-cells: show; }
address { font-style: normal; }
code, pre { font-family: monospace; }
sub, sup { font-size: 0.8em; }
h1,h2,h3,h4,h5,h6{ font-weight: bold; }
}
@media screen, print {
/***********************************************************
Spaltenlayout, Logo, Navi, Suche, Skiplink
************************************************************/


.column-layout { width: 100%; }
.logo-td { }
.nav-td { width: 224px; padding-top: 5px; }
.search-td { text-align: right; padding-top: 10px; padding-right: 10px; }
.content-td { padding-top: 5px; padding-right: 10px; padding-left: 1.2em; padding-bottom: 1.2em; }
.content { max-width: 68ex; }
.service-nav { margin-bottom: 3em; }
.service-nav li, .nav li { min-height: 19px; margin-left: 29px; line-height: 1.1; list-style: url(/css/bilder/list-style-image.png); }
.service-nav li a, .nav li a, .service-nav li strong, .nav li strong { vertical-align: 4px; }
.search { white-space: nowrap; }
.search .submit, .search input { font-size: 1.2em; }
.submit { background: rgb(245,245,245); }
.skip, .toc li#toc-manifestations, body.home h2, form.search label { position: absolute; left: -1000px; top: -1000px; width: 0; max-height: 0; overflow: hidden; display: inline; }
.skip:focus, .skip:active {/* Skip-Links für Tab-Navigation sichtbar schalten */ position: static; left: 0; top: 0; }
/***********************************************************
Diverse 
************************************************************/
body { background: url(/css/bilder/logo-linie.png) repeat-x; }
p, address, blockquote, pre, ul, ol, dl, table.pic, table.archive, table.hohlspeiche-text, .toc, .strong, div.author, .li, .manifestation, form#registration input#submit, div.formula { margin-top: .6em; margin-bottom: .6em; }
blockquote p { line-height: 1.1; font-size: 0.9em; }
pre { border: 1px black dotted; padding: 0.3em; }
ul ul, ul ul ul, ol ol, ol ol ol, li { margin-top: .3em; margin-bottom: .3em; }
dt { margin-top: .3em; font-size: 0.85em;  }
dd { margin-top: 0;   }
div.li dt:before { content: "["; }
div.li dt:after { content: "]"; }
h1 { font-size: 2em; }
h2 { font-size: 1.3em; font-weight: normal; font-stretch: expanded; display: inline; }
h3 { font-size: 1.3em; margin-top: 1.2em; }
h4 { font-size: 1em; margin-top: 1.2em; clear: both; }
h5 { font-size: 0.85em; margin-top: .6em; }
/***********************************************************
Links
************************************************************/
a { text-decoration: none; }
a:link { color: #EE0000; }
a:visited { color: #990000; }
a.pic, .service-nav a, .nav a, .toc a, .pdf-version a, h1 a { border: none; }
/***********************************************************
Bilder
************************************************************/
table.pic th { border: none; line-height: 1; width: 1px; padding: 0 3px 3px 3px; }
table.pic td { line-height: 1.2; font-size: 0.8em; padding: 0 3px 3px 3px;  }
table.pic { margin-left: -3px; }
table.pic img[src$="titelbild.jpg"] { border: gray 1px solid;}
table.pic .maximize-note { font-style: italic; }
.fl, div.author img { float: left; margin:0.3em 10px 10px 0; }
.fr { float: right; margin:0.3em 0 10px 10px !important;  }
table.pic tr td:first-child {padding: .1em .3 0 0 }
/***********************************************************
Datentabellen
************************************************************/
table.data { caption-side: bottom; margin-top: .6em; /* Weil FF einen Bug in Bezug auf Aussenabstände bei table und caption aufweist, bleibt nur, auf einen margin-bottom zu verzichten*/}
table.data th, table.data td { border: rgb(190,190,190) 1px solid; padding: 0.3em; }
table.data caption { font-size: 0.8em; text-align: left; padding-top: 3px; }
table.data.big td { /* Datentabelle mit großem Umfang */ font-size: 0.9em; }


table.data thead th { background: rgb(222,222,222); }
table.data tfoot th, table.data tfoot td{ background: rgb(230,230,230); }
table.data tbody th.tbody-column-head { background: rgb(230,230,230); }
table.data tr.even { background: rgb(242,242,242); }
table.nozebra tr.even { background: white; }
/***********************************************************
Diverse Elemente mit Klassen 
************************************************************/
.toc, .strong, .announcement { /* Betontes in Kästen */ padding: .7em; border: gray dotted 1px; }
.strong { clear: both; border-color: rgb(70,70,70); }
.publication-date { display: inline; font-style: italic; } /*div selektor raus, sobald Adam es angepasst hat*/
.publication-date:before { content: " · "; }
.pdf-version { display: inline; }
.pdf-version:before { content: " · "; }
.manifestations { clear: both; padding-top: .3em; font-style: italic;  }
.manifestations em { font-style: normal; }
.toc { font-size: 0.9em; margin-bottom: 1.5em; }
.toc ul, .toc li { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.toc li { list-style-type: circle; }
p.author { margin-bottom: 1.5em; font-style: italic; }
p.author span { font-style: normal; }
div.author p { clear: both; }
table.li th, table.li td { width: auto; }
div.an strong, div.li strong, p.li strong { font-variant: small-caps; font-weight: normal; }
.subtitle { font-weight: bold; margin-top: 0.1em; font-size: 0.9em; }
.interview .question { font-style: italic; }
.interview .q-and-a { margin-top: 2.3em; }
.interview .answer { font-style: normal; }
.announcement { }
/***********************************************************
Regeln für spezifische Seiten (Service-Seiten, Rubriken-Seiten)
***********************************************************/
body.impressum h2, body.error h2, body.registration h2, body.archive h2, body.faq h2 { font-size: 1.7em; font-weight: bold; font-stretch: normal; display: block; }
body.archive table.archive th, table.archive td, table.archive a { border: none; }
body.archive table.archive tr th { font-weight: normal; padding-left: 2em; }
body.archive table.archive tr.issue th { font-weight: bold; padding-left: 0; }
body.archive table.archive tr.issue th, tr.issue td { padding-top: 2em; }
body.archive table.archive td { padding-left: 1em; }
/*
body.archive table.archive td.pdf { background: url(bilder/pdf.png) top left no-repeat; background-position: 0 .3em; padding-left: 1em; }
body.archive table.archive td.online { background: url(bilder/web.png) top left no-repeat; background-position: 0 .3em; padding-left: 1em; }
body.archive table.archive tr.issue td.pdf { background: url(bilder/pdf.png) top left no-repeat; background-position: 0 2em; padding-left: 1em; padding-top: 2em; }
body.archive table.archive tr.issue td.online { /*background: url(bilder/web.png) top left no-repeat; background-position: 0 2em; padding-left: 1em; padding-top: 2em; }
*/
body.faq .account { white-space: nowrap; }
body.hohlspeiche table.pic, table.hohlspeiche-text { margin-bottom: 4em; }
body.hohlspeiche table.hohlspeiche-text th { padding: .3em; border: gray dotted 1px; }
body.hohlspeiche table.hohlspeiche-text th * { font-weight: normal; font-family: monospace;}
body.hohlspeiche table.hohlspeiche-text td { border: none; padding: 0; font-size: 0.8em; }
body.hohlspeiche table.pic td.hohlspeiche-comment p { font-size: 1.25em; line-height: 1.39; } 
body.hohlspeiche table.hohlspeiche-text td.hohlspeiche-comment p { font-size: 1.25em; }
body.hohlspeiche h3 { margin-bottom: 2em; }
body.impressum h3 { font-size: 1em; }
body.impressum ul.editorial-staff { margin-left: 0; padding-left: 0; }
body.impressum ul.editorial-staff li { list-style-type: none; margin-left: 0; padding-left: 0; }
body.impressum span.town { /* Stadt*/ font-style: italic; }
body.letter-to-editor p.author { font-style: normal; }
body.letter-to-editor div.reply p.author, body.letter-to-editor div.reply, body.letter-to-editor div.answer{ font-style: italic; }
body.read table.li td { font-size: 1em; } /* für die Seite "Gelesen", wo die Coverbilder der vorgestellten Bcher gezeigt werden. In Bild-Tabellen, hätte TD sonst eine kleinere Schrift*/
body.read .read-in { font-style: italic; }
body.registration form#registration div { clear: left; margin-bottom: .6em; }
body.registration form#registration label { float: left; width: 16em; display: block; font-weight: bold;  padding-right: 1em; text-align: right; }
body.registration form#registration div label span { font-weight: normal; font-size: 0.8em; }
body.registration form#registration fieldset { border: none; clear: left; margin-bottom: 2em; margin-top: 2em; }
body.registration form#registration legend { display: block; clear: left; font-weight: bold; padding-left: 17em; margin-top: .6em;}
body.registration form#registration input#submit { display: block; font-size: 1.5em;}
}
@media print {
td.nav-td, td.search-td, td.logo-td img, .pdf-version, .skip, .maximize-note, table.archive td.pdf, table.archive td.online, .toc, img.deco { display: none; }
td.content-td { padding: 0; }
div.content { max-width: 100%; }
h1:before { content: "Fahrradzukunft"; }
h1 { margin-bottom: .5em; }
h1, h2, h3, h4, h5 { page-break-after: avoid; }
* { background: white !important; color: black !important; }
body { margin: 0; /* keine Ränder, da die meisten Browser eigene Seitenränder für den Druck verwenden */ padding: 0; font-size: 10pt; }
a:link, a:visited { color: black; border-bottom: 1px black dotted; }
a.an, a.li{ border-bottom: none !important; }
/* URLs von externen Links ausgeben
Weil es den Lesefluss stark behindert, wird darauf verzichtet. 
Mittelfristig soll ein Skript die Aufgabe erledigen, welches die URLs
als Fußnote ausgibt.
a[href^="http://"]:after { content: " {" attr(href) "}"; }
a:not([href^="http"]):after { content: " {http://fahrradzukunft.de" attr(href) "}"; }
*/

}