@charset "utf-8";
/* Reset */
@import url(/css/basic.css);
@media screen, print, handheld {
/*
Schrift - Abweichung von Verdana
	-
Schriftgröße - Abweichungen von 1em
	0.78	h1 span (entspricht rechnerisch 1.0em = 1.30em x 0.78)	
	0.94	ul.nav strong, table.one th (Reduktion des Grauwertes bei fetten Schnitten)
	0.85	p.remark-date, p.information-architecture
	0.90	blockquote 
	1.30	h1, h3
	1.70	h2
Zeilenhöhe - Abweichungen von 1.45
	-
Sperrung
	0.10	h1
	0.15	h1 span, p.subtitle
Kursiv
	em
Fett
	h4, ul.nav strong
Kapitälchen mit Versalien
	-
Kapitälchen ohne Versalien
	-
Versalsatz
	-
Unterstreichung
	-
Rahmen, Linien oder Unterstreichung (ausserhalb von Tabellen)
	-
Schriftfarbe - Abweichung von Schwarz - Standardhintergrund Eierschale
	orange (blass) a:visited
	orange (kräftig) a:link, ul.nav
Unterlegung - Farbe oder Grau - Abweichung von Eierschale
	-
Unterlegung - Farbe - bei negativer (heller) Schrift mit dunkler Unterlegung
	-
Linienfarbe in Tabellen - Abweichung von Schwarz
	grün	.one, .one td, .one th
Ausrichtung - rechts oder zentriert (ohne Seitenlayout)
	rechts		p.remark-date, td.duration
	zentriert 	td.pointer
Abstände - vertikal (ohne Seitenlayout)
	folgt
Abstände - horizontal (ohne Seitenlayout)
	folgt
Seitenlayout
	Spaltenanzahl im Kopf
	Zeilenlänge
*/

/***********************************************************
Farbe
************************************************************/
/*blau*/
a:link, a:link code, a:link strong, a:link em{ /* CODE, STRONG, EM sollen innerhalb A dessen Farbe annehmen. Inherit wird von IE nicht unterstützt, daher hier die explizite Angabe. */
	color: rgb(0, 90, 156);
}

/* A soll innerhalb H1 dessen Farbe annehmen. Dito für CODE innerhalb von Hn. Inherit wird von IE nicht unterstützt, daher hier die explizite Angabe. */
*#braun-a, h1, h2, h3, h4, h5, strong, h1 a:link, h1 a:visited, h2 code, h3 code, h4 code, h5 code{
	color: rgb(72, 73, 42);
}
*#braun-b, table thead th, table tfoot td{
	background: rgb(198, 190, 166);
}
*#braun-b, table thead tr.caption th{
	background: rgb(198, 190, 166);
}
*#braun-c, table th{
	background: rgb(224, 218, 199);
}
*#braun-d, div.service-nav{
	border-bottom-color: rgb(236, 237, 228);
}
*#braun-d, table td, pre, ul.wolke, div.quicktoc, div.fulltoc, blockquote, div.service-nav form.suche input.absenden, kbd, div.quicktoc, div.fulltoc, table.numblock td.gesperrt{
	background: rgb(236, 237, 228);
}
/* ".angepasst" um angepasste Tastenkürzel von den im Original belassenen zu unterscheiden.  */
*#braun-e, div.strong, div.aehnlich, table.effiziente-bedienung td.angepasst, table.effiziente-bedienung strong.angepasst, table.effiziente-bedienung span.angepasst{
	background: rgb(235, 228, 195);
}
*#braun-f, html, table.numblock td{
	background: rgb(255, 255, 244);
}
*#braun-f, table td, table th{
	border-color: rgb(255, 255, 244);
}
*#braun-f, table thead tr.caption th, table thead th{
	color: rgb(255, 255, 244);
}
*#grau-a, kbd{
	border-bottom-color: rgb(128, 128, 128);
	border-right-color: rgb(128, 128, 128);
	color: rgb(128, 128, 128);
}
*#grau-a, table.numblock td{
	border-color: rgb(128, 128, 128);
}
*#grau-a, table.numblock td{
	color: rgb(128, 128, 128);
}
*#grau-b, kbd{
	border-left-color: rgb(200, 200, 200);
	border-top-color: rgb(200, 200, 200);
}
*#grau-b, table.effiziente-bedienung th.gesucht, table.effiziente-bedienung strong.gesucht{
	background: rgb(200, 200, 200);
}
/* Je nachdem, ob eine Mausgeste oder ein Tastenkürzel empfohlen wird */ 
*#gruen, table.effiziente-bedienung td.empf, table.effiziente-bedienung strong.empf{
	background: rgb(181, 255, 157);
}
/* CODE, STRONG, EM sollen innerhalb A dessen Farbe annehmen. Inherit wird von IE nicht unterstützt, daher hier die explizite Angabe. */
*#orange, a:visited, code, pre, ul.dom, ul.dom ul, ul.dom ul ul, code strong, a:visited code, a:visited strong, a:visited em, pre strong, pre em{
	color: rgb(210, 106, 0);
}
/* table.bild-mit-untertitel td und table.bild-mit-untertitel th sollen die Hintergrundfarbe des Elternelemente annehmen */
*#transparent, table.bild-mit-untertitel td, table.bild-mit-untertitel th{
	background: transparent !important;
}
/* Klassenname ohne Semantik */
*.fll{
	float: left;
	margin: 0em 0.5em 0em 0;
}
/* Klassenname ohne Semantik */
*.flr{
	float: right;
	margin: 0em 0 0em 0.5em;
}
/* Klassenname ohne Semantik */
*.nowrap{
	white-space: nowrap;
}
a{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	text-decoration: none;
}
a.img{
	border-bottom: none;
}
/* Manche Browserstylesheets schlagen für ACRONYM einen gepunkteten Unterstrich vor. Da hier ein solcher für Links verwendet wird, erleichtert das Merkmal "dashed" die Abgrenzung. */
acronym{
	border-bottom-style: dashed;
}
/* Im Browserstylesheet ist oft der schlecht lesbarer  Schriftschnitt Italic vorgeschlagen */
address{
	font-style: normal;
}
address, p, blockquote, dl, table, pre, div{
	margin: .5em 0;
}
blockquote{
	line-height: 1.10em;
}
body{
	margin-bottom: 3em;
}
body.galerie img{
	margin-bottom: 1em;
	margin-left: 0;
	margin-top: 1em;
}
body.galerie p.bildbeschr {
	margin-top: 2em;
}
body.galerie p.bildzaehler{
	color: rgb(200, 200, 200);
}
body.galerie span.bildgroesse	{
	font-size: 0.8em;
}
/*Padding und Margin auf Null, weil Mozilla das eine und IE das andere nutzt*/
body.galerie ul.bildnav{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body.galerie ul.bildnav li{
	display: inline;
	margin: 0;
	margin-right: 2em;
	padding: 0;
}
/* Da die Bildgroessen variieren koennen, werden sie mit Hilfe eines PHP-Skriptes als interne Stilregeln in den Kopf der Datei eingefügt */
body.galerie-index div#inhalt div{
	float: left;
	margin: 0;
	padding: 10px;
}
body.galerie-index div#inhalt div img{
	margin: 0;
	padding: 0;
	vertical-align: bottom; /*Workaround für Gecko um Sichtbarkeit des Links beim Hovern zu vermeiden*/
}
/* Seiten ohne Begrenzung der Breite auf eine bestimmte Zeilenlaenge */
body.startseite div#inhalt, body.metamorphose div#inhalt, body.galerie-index div#inhalt, body.galerie div#inhalt{
	max-width: 100%;
}
/* Gleiche Farbe für PRE und CODE, weil sie Quelltextbeispiele enthalten */
code, pre{
	font-family: monospace;
}
div.bsp-mit-link p{
	margin-top: 0;
}
div.bsp-mit-link pre{
	margin-bottom: 0;
}
div.fulltoc ul ul{
	font-weight: normal;
	margin-bottom: 0;
}
/* Maximale Zeilenlaenge für Inhalt. Ausnahmen siehe "body.startseite" etc. */
div.inhalt{
	clear: left;
	margin-left: 60px;
	margin-right: 10%;
	max-width: 65ex;
}
/* display: table - damit der Inhalt die PRE Box beim Überlaufen eine Hintergrundfarbe besitzt 
dann sind jedoch keine Mindestbreiten mehr moeglich */
div.inhalt pre{
	display: table;
	margin-left: 0;
	margin-right: 0;
	max-height: 100%;
}
/* Inhaltsverzeichnis */
div.quicktoc a, div.fulltoc a{
	border-bottom: none;
}
div.quicktoc ul ul, div.fulltoc ul ul{
	font-weight: normal;
}
div.quicktoc ul, div.fulltoc ul{
	font-weight: bold;
}
div.quicktoc ul, div.fulltoc ul{
	font-weight: bold;
}
div.quicktoc, div.fulltoc{
	padding: 0.2em;
}
/* Ausblenden */
div.screenreader, h2#service-navigation, h2#suche, h2#portrait, li.quicktoc-service-navigation, li.fulltoc-service-navigation, li.quicktoc-suche, li.fulltoc-suche, form.suche label, p.suchmaschine{
	position: absolute; left: -1000px; top: -1000px; width: 0; max-height: 0; overflow: hidden; display: inline;
}
/* Box mit Service-Navigation */
div.service-nav{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0 0 4px 0;
	padding: 2px 20px 10px 5%;
	text-align: right;
}
div.service-nav form.suche, div.service-nav form.suche div{
	display: inline;
}
div.service-nav ul#service-nav li{
	padding-right: 3em;
}
div.service-nav ul#service-nav, div.service-nav ul#service-nav li{
	display: inline;
}
div.strong strong{
	font-weight: normal;
}
/* Box mit betontem Inhalt bzw. aehnlichen Themen */
div.strong, div.aehnlich{
	padding: .3em;
}
/* Runde Ecken für Geckos */
/*
div.strong, div.aehnlich, div.quicktoc, div.fulltoc, pre{
	border: 0 solid transparent;
	-moz-border-radius: .7em;
}
*/
dt{
	font-weight: bold;
	margin: 0.5em 0 0 0;
}
/* Manche Browserstylesheets geben eine kleinere Schriftgroesse für Steuerelemente an */
form input{
	font-size: 1em;
}
form input.absenden, form input.abbrechen{
	padding: 0 .5em;
}
/* Manche Browserstylesheets geben eine Festbreitenschrift für Textarea an */
form textarea{
	font-family: sans-serif;
}
h1{
	font-size: 2.00em;
	font-weight: normal;
	line-height: 1em;
	padding: .7em 4px 0 40px;
}
/* Falls h2 ein h1 vorangeht: annaehernd gleicher Abstand wie sonst zwischen Blocklevel-Elementen. Unterstützt nicht jeder Browser. */
h1 + h2{
	margin-top: 0.25em; /* 1.00em:2.00em*0.5em= */
}
/* Links ohne Unterstrich */
h1 a, ul.sitemap li a, div.galerie-index a, div.quicktoc a, div.fulltoc a{
	border: none;
}
h2{
	font-size: 2.00em;
	font-weight: bold;
	line-height: 1.10em;
}
/* Falls h3 ein h2 vorangeht: annaehernd gleicher Abstand wie sonst zwischen Blocklevel-Elementen. Unterstützt nicht jeder Browser. */
h2 + h3{
	margin-top: 0.33em; /* 1.00em:1.50em*0.5em= */
}
/* CODE ist das einzige gefaerbte Element innerhalb der Überschriften */
/* Überschriften ausgerückt */
h2, h3, h4, h5{
	margin-left: -20px;
}
h3{
	font-size: 1.50em;
	font-weight: bold;
	line-height: 1.20em;
	margin-top: 1.20em;
}
/* Falls h4 ein h3 vorangeht: annaehernd gleicher Abstand wie sonst zwischen Blocklevel-Elementen. Unterstützt nicht jeder Browser. */
h3 + h4{
	margin-top: 0.41em; /* 1.00em:1.20em*0.5em= */
}
h4{
	font-size: 1.20em;
	font-weight: bold;
	line-height: 1.30em;
	margin-top: 1.20em;
}
/* Falls h5 ein h4 vorangeht: annaehernd gleicher Abstand wie sonst zwischen Blocklevel-Elementen. Unterstützt nicht jeder Browser. */
h4 + h5{
	margin-top: 0.50em; /* 1.00em:1.00em*0.5em= */
}
h5{
	font-size: 1.00em;
	font-weight: bold;
	line-height: 1.45em;
	margin-top: 1.20em;
}
html{
	font: 100.01%/1.45 verdana,sans-serif;
}
img{
	border-style: solid;
	border-width: 1px;
}
/* Bilder ohne Rahmen */
img.tipp-logo{
	border: none;
}
/* Unterstützen nicht alle Browser, schadet jedoch nicht */
img[src^="/bilder/firefox/mausgesten"]{
	border: none;
}
/*Bildet das Aussehen von Tasten nach*/
kbd{
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-width: 2px;
	border-style: solid;
	border-top-width: 1px;
	font: 0.8em sans-serif;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
}
li{
	margin-top: 0.3em;
}
/* Nebentitel */	
li span, h2 span, h3 span, h4 span, h5 span{
	font-size: 0.8em;
}
p.aend{
	text-align: right;
}
p.bsp{
	font-weight: bold;
}
/* Guckkasten mit begrenzter Hoehe, ausserhalb von div.inhalt */
pre {
	margin-left: 60px;
	margin-right: 10%;
	overflow: auto;
	padding: 0.3em;
}
pre.gross{
	height: 10em;
}
table{
	border-collapse: collapse;
	margin-bottom: 1em;
}
table td, table th{
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	empty-cells: show;
	font-weight: normal;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}
table thead th{
	font-weight: bold;
}
table thead tr.caption th{
	font-weight: bold;
}
/* Dieser Regelsatz dient der Visualisierung eines Anwendungsdialogs. Er ist daher redundant formuliert, damit er unabhaengig von den anderen Regeln bleibt. */
table.anwendungsdialog {
	border-bottom: rgb(128, 128, 128) 2px solid;
	border-collapse: collapse;
	border-left: rgb(235, 235, 235) 2px solid;
	border-right: rgb(128, 128, 128) 2px solid;
	border-top: rgb(235, 235, 235) 2px solid;
	font-family: tahoma, sans-serif;
}
table.anwendungsdialog input.aktiv{
	border-bottom: rgb(0, 0, 0) 3px outset;
	border-left: rgb(0, 0, 0) 1px outset;
	border-right: rgb(0, 0, 0) 3px outset;
	border-top: rgb(0, 0, 0) 1px outset;
}
table.anwendungsdialog table{
	margin: 0;
}
table.anwendungsdialog table *{
	margin: 0;
	padding: 0.1em;
}
table.anwendungsdialog tbody fieldset{
	padding: 0.3em;
}
table.anwendungsdialog tbody fieldset fieldset{
	margin: 0.3em;
	width: 50%;
}
table.anwendungsdialog tbody input.ausgegraut, 
table.anwendungsdialog tfoot input.ausgegraut{
	color: rgb(128, 128, 128);
}
table.anwendungsdialog tbody input.selektiert{
	background: rgb(0, 1, 157);
	color: rgb(255, 255, 255);
}
table.anwendungsdialog tbody td{
	background: rgb(200, 200, 200);
	border: none;
	margin: 0.3em;
	padding: 0.3em;
	text-align: left;
	vertical-align: top;
}
table.anwendungsdialog tbody th{
	background: rgb(200, 200, 200);
	border: 0;
	font-weight: normal;
	margin: 0.3em;
	padding: 0.3em;
	text-align: right;
	vertical-align: top;
}
table.anwendungsdialog tfoot td{
	background: rgb(200, 200, 200);
	border: none;
	margin: 0.3em;
	padding: 0.3em;
	text-align: right;
}
table.anwendungsdialog thead th{
	background: rgb(0, 1, 157);
	border: none;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0.1em 0.3em 0.1em 0.3em;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
/* Damit die Bildunterschrift nie breiter als das Bild wird */
table.bild-mit-untertitel{
	width: 1px;
}
table.bild-mit-untertitel td, table.bild-mit-untertitel th{
	border: none;
}
table.bild-mit-untertitel th img{
	margin: 0;
}
table.effiziente-bedienung span.angepasst{
	font-size: 1em;
}
/* Tabelle zur Praesentation von Tastenkürzeln und Mausgesten 
Bei FF ragen leider Inline-Elemente aus einer Zelle heraus, wenn der Platz eng wird. Der Algorithmus bei "table-layout: auto" (standard) ist in Spezifikation 17.5.3 jedoch nicht festgelegt. */
table.effiziente-bedienung tbody td{
	padding-right: 7px;
}
table.effiziente-bedienung tbody th{
	font-weight: bold;
	text-align: center;
}
table.effiziente-bedienung td#tastenkuerzelvorschlaege-fuers-lesen table.numblock{
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}
/* Für gesuchte Kürzel.  */
table.effiziente-bedienung th.global{
	font-weight: normal;
}
table.effiziente-bedienung thead th{
	text-align: center;
}
table.numblock td{
	border-style: solid;
	border-width: 1px;
	height: 7em;
	padding: 0.5em;
	vertical-align: top;
	width: 7em;
}
table.portrait{
	margin-right: 20px;
}
ul ul, ul ul ul, ol ol, ol ol ol, ul ol, ol ul{
	margin-bottom: 0;
	margin-top: 0;
}
ul, ol{
	margin: .5em 0 .5em 2.5em;
}
ul, ol, dl{
	line-height: 1.2em;
}
/* Visualisierung eines Parse-Baumes */
ul.dom li{
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.dom li li, ul.dom li li li, ul.dom li li li{
	padding: 0 0 0 1em;
}
ul.dom, ul.dom ul, ul.dom ul ul{
	font-family: monospace;
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
/* Sitemap auf der Startseite */
ul.sitemap a{
	font-size: 1.6em;
}
ul.sitemap em{
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
}
ul.sitemap li{
	line-height: 1.8em;
	margin-bottom: .3em;
}
ul.sitemap span{
	font-size: .63em;
}
ul.sitemap strong{
	font-weight: normal;
}
ul.wolke{
	margin: 1em 0 0 0;
	padding: 0;
}
ul.wolke li{
	display: inline;
	line-height: 2em;
	list-style-type: none;
	padding-right: 2.5em;
	white-space: nowrap;
}

img.symbol{ /* PDF-Symbol */
	border: none;
	margin: 0;
}
table.numblockliste kbd{
	font: 2em monospace;
}

}