@charset "UTF-8";

/* CSS-Deklarationen fuer alle Medien */
body {margin: 2em; font-family: sans-serif; color: #000; background-color: #fff; font-size: medium;}

*:target:before {content: "\25B6\00A0"; color: #f00; background-color: inherit;}
*:active {color: #090; background-color: inherit;}

h1 {font-size: xx-large; border-bottom: 3px solid; margin-top: 0; margin-bottom: 0.5em;}
h2 {font-size: x-large; border-bottom: 2px solid; margin-top: 0; margin-bottom: 0.5em;}
h3 {font-size: large; border-bottom: 1px solid; margin-top: 0; margin-bottom: 0.5em;}
h4 {font-size: medium; border-bottom: 1px dashed; margin-top: 0; margin-bottom: 0.5em;}
h5 {font-size: medium; border-bottom: 1px dotted; margin-top: 0; margin-bottom: 0.5em;}
h6 {font-size: medium; margin-top: 0; margin-bottom: 0.5em;}
p {margin-top: 0; margin-bottom: 0.25em;}
table,
ol,
ul,
dl {margin-top: 0; margin-bottom: 0.25em;}
img {font-size: smaller;}
pre {white-space: pre; font-family: monospace; border-left: thin solid; padding-left: 0.5em;}
table {margin-left: auto; margin-right: auto; border: 1px solid; border-break: dashed; padding: 0; empty-cells: show; border-collapse: collapse; border-spacing: 0;}
table th {font-weight: bold; text-align: center; vertical-align: top;}
table td {text-align: left; vertical-align: top;}
table thead th,
table thead td {border-top: 2px solid; border-bottom: 2px solid; border-left: 1px solid; border-right: 1px solid; background-color: #ddd; color: inherit;}
table tbody th,
table tbody td {border: 1px solid; border-break: dotted;}
table tfoot th,
table tfoot td {border-top: 3px double; border-bottom: 2px solid; border-left: 1px solid; border-right: 1px solid; background-color: #ddd; color: inherit;}
table,
img {box-shadow: 0.2em 0.2em #eee;}

h1:before {content: counter(h1, upper-roman) ". "; counter-increment: h1; counter-reset: h2;}
h2:before {content: counter(h2) ". "; counter-increment: h2; counter-reset: h3;}
h3:before {content: counter(h2) "." counter(h3) ". "; counter-increment: h3; counter-reset: h4;}
h4:before {content: counter(h2) "." counter(h3) "." counter(h4) ". "; counter-increment: h4; counter-reset: h5;}
h5:before {content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "; counter-increment: h5; counter-reset: h6;}
h6:before {content: counter(h6, lower-latin) ". "; counter-increment: h6;}
blockquote:lang(en),
cite:lang(en),
q:lang(en) {quotes: "\201C" "\201D" "\2018" "\2019";}
bloackquote:lang(de),
cite:lang(de),
q:lang(de) {quotes: "\201E" "\201C" "\201A" "\2018" "\00BB" "\00AB" "\203A" "\2039";}
blockquote:before,
cite:before,
q:before {content: open-quote;}
blockquote:after,
cite:after,
q:after {content: close-quote;}
a[href^="mailto:"]:after {content: "\00A0\2709";}
a[href^="http:"]:after {content: "\00A0\2197";}
a[href^="ftp:"]:after {content: "\00A0\2198";}
a[href^="news:"]:after {content: "\00A0\21BB";}
a[href^="javascript:"]:after { content: "\00A0\21AA"; }
a:link {text-decoration: none; color: #00c; background-color: inherit;}
a:visited {text-decoration: none; color: #c0c; background-color: inherit;}
p:first-letter {font-size: larger;}
th p:first-letter,
td p:first-letter,
li p:first-letter,
dd p:first-letter,
dt p:first-letter {font-size: inherit ! important;}

.Tabelle table {text-align: center;}
.Tabelle table {margin-left: auto ! important; margin-right: auto ! important; border: 1px solid ! important; padding: 0 ! important; empty-cells: show ! important; border-collapse: collapse ! important; border-spacing: 0 ! important;}
.Tabelle table tbody tr:hover {color: inherit; background-color: #ffc;}
.Tabelle .Toggle {color: inherit; background-color: #f7f7f7;}
.Button {white-space: nowrap; border: 1px outset #ccc; color: #000; background-color: #ddd; padding-left: 0.1em; padding-right: 0.1em; font-size: smaller; font-weight: bold;}
.Beispiel {white-space: nowrap; font-family: monospace; border: thin solid #66c; border-break: dotted;}
.Quelltext {white-space: nowrap; font-family: monospace; border: thin solid #ccc; border-break: dotted;}
h1 > .Quelltext,
h2 > .Quelltext,
h3 > .Quelltext,
h4 > .Quelltext,
h5 > .Quelltext,
h6 > .Quelltext,
td > .Quelltext,
th > .Quelltext {white-space: nowrap; font-family: monospace; border: none ! important;}
.Dateiname {white-space: nowrap; font-family: monospace;}
.BezugQuelle {white-space: nowrap; font-family: monospace; background-color: inherit; color: #090; border: thin solid #9f9; border-break: dotted;}
.BezugZiel {background-color: inherit; color: #090;}
.Name {font-style: italic;}

#Logo {margin-bottom: 0.5em; border: 1px solid; padding: 0.1em;}
#Logo p {font-weight: bold; text-align: center; margin: 0;}
#Logo p:first-letter {font-size: inherit;}
#LogoURL {font-family: monospace; font-size: smaller;}
#KopfTitel {border: medium ridge; padding: 0.1em; font-variant: small-caps; color: inherit; background-color: transparent; margin-bottom: 0.5em;}
#KopfTitel:before {content: ""; counter-reset: h1;}
#KopfTabelle {text-align: center;}
#KopfTabelleBeschreibung {text-align: center; margin-left: auto; margin-right: auto; border: 1px solid; padding: 0; empty-cells: show; border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; margin-top: 0;}
#KopfTabelleBeschreibung thead th,
#KopfTabelleBeschreibung thead td {border: none; font-size: small;}
#KopfTabelleBeschreibung tbody th,
#KopfTabelleBeschreibung tbody td {border: none; font-size: small;}
#KopfTabelleBeschreibung tfoot th,
#KopfTabelleBeschreibung tfoot td {border: none; font-size: small;}
#Fuss {border-top: thin solid #999; margin-top: 0.5em;}
#FussCopyright {font-size: x-small; background-color: inherit; color: #999; margin: 0;}
#FussCopyright:first-letter {font-size: inherit;}
#Fuss a:link, a:visited, a:active, a:hover, a:focus {background-color: inherit; color: #66c;}
#Fuss a[href^="http:"]:after {content: "";}

/* Deklarationen nur fuer Bildschirm */
@media screen
{
	a:focus {text-decoration: underline; color: #c00; background-color: inherit;}
	a:hover {text-decoration: underline; color: #00c; background-color: inherit;}
	a:active {text-decoration: underline; color: #c00; background-color: inherit;}
}

/* CSS-Deklarationen fuer Print-Medien */
@media print
{
	@page {size: auto; marks: crop cross;}

	body {font-size: medium; margin: 0.05em; font-family: sans-serif; color: #000; background-color: #fff;}

	*:target:before {content: "";}
	*:active {color: inherit; background-color: inherit;}

 	h1,
 	h2,
 	h3,
 	h4,
 	h5,
 	h6 {page-break-after: avoid; page-break-inside: avoid;}
	h1 {page-break-before: always;}
	p,
	li,
	dd,
	dt,
	td,
	th {page-break-inside: avoid;}

	a[href^="javascript:"]:after {content: " [JavaScript-Funktion]"; font-size: smaller;}
	a[href^="mailto:"]:after,
	a[href^="news:"]:after,
	a[href^="ftp:"]:after,
	a[href^="http:"]:after {content: " [" attr(href) "]"; font-size: smaller;}

	h1 + p,
	h2 + p,
	h3 + p,
	h4 + p,
	h5 + p,
	h6 + p {page-break-before: avoid;}

	a:link {text-decoration: none; color: #000 ! important; background-color: inherit;}
	a:visited {text-decoration: none; color: #000 ! important; background-color: inherit;}
	a:hover {text-decoration: none; color: #000 ! important; background-color: inherit;}
	a:focus {text-decoration: none; color: #000 ! important; background-color: inherit;}
	a:active {text-decoration: none; color: #000 ! important; background-color: inherit;}

	.Beispiel {white-space: nowrap; font-family: monospace; border: thin dashed #000; border-break: dotted;}
	.Quelltext {white-space: nowrap; font-family: monospace; border: thin solid #000; border-break: dotted;}
	.BezugQuelle {font-family: monospace; background-color: inherit; color: inherit; font-style: italic; border-color: #ccc;}
	.BezugZiel {background-color: inherit; color: inherit; font-style: italic;}
	.Tabelle table tbody tr:hover {color: inherit; background-color: inherit;}

	#Kopf h1,
	#Kopf + h1 {page-break-before: avoid;}
	#Kopf {page-break-after: avoid; page-break-inside: avoid;}
	#KopfTitel {border: medium solid ! important; padding: 0.1em; font-variant: small-caps; color: inherit; background-color: inherit;}
	#Fuss {page-break-before: avoid;}
	#Fuss p {background-color: inherit ! important; color: #000 ! important;}
}

/* CSS-Deklarationen fuer Projektions-Medien */
@media projection
{
	body {margin: 0; font-family: sans-serif; background-color: #006; color: #fff; font-size: medium;}

 	h1,
 	h2,
 	h3,
 	h4,
 	h5,
 	h6 {page-break-after: avoid; page-break-inside: avoid;}
	h1 {page-break-before: always;}
	p,
	li,
	dd,
	dt,
	td,
	th {page-break-inside: avoid;}

	h1 {border: none; margin-bottom: 0.75em; padding: 0.1em; background-color: #ccf; color: #000;}
	h2 {border: none; margin-bottom: 0.75em; padding: 0.1em; background-color: #aaf; color: #000;}
	h3 {border: none; margin-bottom: 0.75em; padding: 0.1em; background-color: #88f; color: #000;}
	h4 {border: none; margin-bottom: 0.75em; padding: 0.1em; background-color: #66f; color: #000;}
	h5 {border: none; margin-bottom: 0.75em; padding: 0.1em; background-color: #44f; color: #000;}
	h6 {border: none; margin-bottom: 0.75em; padding: 0.1em; background-color: #22f; color: #000;}
	p {margin-bottom: 0.5em;}
	table,
	ol,
	ul,
	dl {margin-bottom: 0.5em;}
	pre {border-color: #f00 ! important; background-color: #ccc; color: #333;}
	table thead th,
	table thead td {background-color: #006; color: inherit;}
	table tfoot th,
	table tfoot td {background-color: #006; color: inherit;}

	a:link {color: #ffc; background-color: inherit;}
	a:visited {color: #cfc; background-color: inherit;}
	a:hover {color: #ffc; background-color: inherit;}
	a:focus {color: #cff; background-color: inherit;}
	a:active {color: #cff; background-color: inherit;}

	.Tabelle table tbody tr:hover {color: inherit; background-color: #063;}
	.Tabelle .Toggle {color: inherit; background-color: #633;}

	#Kopf h1,
	#Kopf + h1 {page-break-before: avoid;}
	#KopfTabelleBeschreibung {border: 1px solid #666 ! important;}
	#Fuss {page-break-before: avoid; border-top: thin solid #999 ! important;}
	#Fuss p {background-color: inherit ! important; color: #999 ! important;}
}

/* CSS-Deklarationen fuer Medien mit kleinem Bildschirm */
@media handheld
{
	body {margin: 0;}

	table,
	img {box-shadow: none;}

	p:first-letter {font-size: inherit;}

	#KopfTitel {border-left: none ! important; border-top: none ! important; border-right: none ! important; border-bottom: 4px solid ! important;}
}