/* Seitenstruktur: body, header, nav, main, footer (kein eigenes Format für head, section, article, aside) */

body {
	display: block;
	background-image: url("/_Hintergruende/backgroundbeige.png");
	background-color: AntiqueWhite;
	margin: 0.5em;
	border: none;
	padding: 0;
	font-family: Helvetica, 'Neue Helvetica', 'Helvetica Now', Arial, 'Arial Nova', sans-serif;
	/* Grotesk-Variante: font-family: Helvetica, 'Neue Helvetica', 'Helvetica Now', Arial, 'Arial Nova', sans-serif; */
	/* Antiqua-Variante: font-family: Georgia, Garamond, serif; */
	color: black;
	line-height: normal;
	text-align: justify;
	text-indent: 0;
	font-size: medium;
	font-weight: normal;
	text-decoration: none
}	

header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	background-image: url("/_Hintergruende/Lighter_parchment.jpg");
	background-color: Tan;
	margin: 0;
	border: none;
	padding: 0.5em;
	text-align: center;
	text-indent: 0
}

nav {
	display: block;
	margin: 0.5em;
	border: none;
	padding: 0;
	text-align: left;
	text-indent: 0
}

main {
	display: block;
	margin: 0.5em;
	border: none;
	padding: 0;
	text-align: justify;
	text-indent: 0
}

footer {
	display: block;
	margin: 0.5em;
	border: none;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	text-indent: 0
}


/* Links: a:link, a:visited, a:hover (kein eigenes Format für a:link:active, a:visited:active) */

a:link {
	color: rgb(0, 102, 205);
	text-decoration: none
}

a:visited {
	color: rgb(128, 0, 128);
	text-decoration: none
}

a:hover {
	color: rgb(0, 96, 0);
	text-decoration: none
}


/* Überschriften: h1, h2, h3, h4 h5, h6 */

h1 {
	margin: 0.25em 0 0.5em 0;
	text-align: center;
	text-indent: 0;
	font-size: 2rem;
	font-weight: bold			
}

h2 {
	margin: 4em 0 1.75em 0;
	text-align: center;
	text-indent: 0;
	font-size: 1.5rem;
	font-weight: bold
}

h3 {
	margin: 3.5em 0 1.75em 0;
	text-align:center;
	text-indent: 0;
	font-size: 1.3rem;
	font-weight: bold
}

h4 {
	margin: 3em 0 1.5em 0;
	text-align:left;
	text-indent: 0;
	font-size: 1.2rem;
	font-weight: bold
}

h5 {
	margin: 2.5em 0 1.25em 0;
	text-align:left;
	text-indent: 0;
	font-size: 1.125rem;
	font-weight: bold
}

h6 {
	margin: 2em 0 1em 0;
	text-align:left;
	text-indent: 0;
	font-size: 1rem;
	font-weight: bold
}


/* Textelemente: p, blockquote, mark */

p {
	margin: 1em 0 1em 0;
	border: 0 0 0 0;
	padding: 0 0 0 0
}

blockquote {
	margin:0 0 0 2em;
	border: none;
	padding: 0 0 0 0;
	text-align: justify;
	text-indent: 0
}

mark {
	background-color: rgb(221, 235, 247)
}


/* Listen: ul, ol, ul ul, ul ol, ol ul, ol ol, ul p, ol p, li, dl, dl p, dt */

ul {
	margin: 1em 0 0 0;
	border: none;
	padding: 0 0 0 1.5em;
	text-indent: 0;
	list-style-type: square
	/* Unsortierte Listen brauchen Platz am linken Rand für das Aufzählungszeichen. Etwa 1,5 em ist optimal (linksbündig, das heißt Aufzählungszeichen mit passendem Abstand links und rechts), darunter kann das Aufzählungszeichen abgeschnitten werden. Über 1,5 em bedeutet eingerückt. */
	/* Bei unsortierten Listen kann das Einrücken gewünscht sein (auch hier sind 1,5 em gut) oder, falls linksbündig gewünscht, individuell einstellen: <ul style="padding-left: 0">. */
}

ol {
	margin: 1em 0 0 0;
	border: none;
	padding: 0 0 0 1.5em;
	text-indent: 0
	/* Sortierte Listen brauchen Platz am linken Rand für die Aufzählungszeichen. Etwa 1,5 em ist linksbündig für nummerierte Listen mit nur einer Ziffer, darunter wird die Zifferabgeschnitten. Über 1,5 em bedeutet eingerückt. */
	/* Achtung:  Manauelle Einstellung nötig! */
	/* Bei zwei Ziffern: <ol style="padding-left: 1.75em">
	Bei drei Ziffern: <ol style="padding-left: 2.5em">
	Bei vier Ziffern (zm Beispiel Jahreszahl): <ol style="padding-left: 3em">
	Bei einem Buchstaben: <ol style="padding-left: 1.75em">
	Bei zwei Buchstaben: <ol style="padding-left: 2.75em">
	Bei drei Buchstaben: <ol style="paddingv 3.75em"> */
}

ul ul, ul ol, ol ul, ol ol {
	margin: 0 0 0 0
	/* Eine verschachtelte Liste sollte oben und unten keinen größeren Zeilenabstand haben. */	
}

ul p, ol p {
	margin: 0.25em 0 0.25em 0;
	/* Der Standard-Abstand sollte für Absätze innerhalb von Listen nicht größer sein als der Abstand zwischen den Listeneinträgen. */	
}
		
li {
	margin: 0 0 0.25em 0
	/* Wird bei Listeneinträgen kein Abstand unten gesetzt, gibt es zwischen Listeneinträgen nur den Standard-Zeilenabstand. */
}

dl {
	margin: 1em 0 0.75em 0;
	padding: 0 0 0 0;
	text-indent: 0
}

dl p {
	margin: 0.25em 0 0.25em 0
	/* Der Standard-Abstand sollte für Absätze innerhalb von Listen nicht größer sein als der Abstand zwischen den Listeneinträgen */
}

dt {
	margin: 0.5em 0 0.25em 0;
	font-weight: bold
}


/* Tabellen: table, caption, thead tr, thead th, thead td, tfoot tr, tfoot td, tbody tr:first-of-type, tbody tr, tbody th, tbody td (kein eigenes Format für colgroup, col) */

table {
	margin: 0 auto 0 auto;
	border: none;
	border-collapse: collapse;
	padding: 0 0 0 0;
	text-indent: 0
	/* Bei Tabellen: ‚margin' links und rechts auf ‚auto‘ bei ‚table‘ zentriert die Tabelle. */
}

caption {
	margin: 0 0 0 0;
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	text-indent: 0
}

thead tr {
	border: none;
	vertical-align: middle;
	text-align: center;
	text-indent: 0
	/* Aus irgendwelchen Gründen funktioniert margin und padding by tr nicht (außerhalb der Spezifikation). Abstände in Tabellen daher immer mit padding in th und td setzen. */
}

thead th {
	margin: 0 0 0 0;
	padding: 0em 0.25em 0.25em 0.25em;
	vertical-align: inherit;
	text-align: inherit;
	font-weight: bold			
}

thead td {
	margin: 0 0 0 0;
	padding: 0em 0.25em 0.25em 0.25em;
	vertical-align: inherit;  
	text-align: inherit;
	font-weight: normal;
}

tfoot tr {
	border-top: thin solid gray;
	vertical-align: middle;
	text-align: right;
	text-indent: 0
	/* Aus irgendwelchen Gründen funktioniert margin und padding by tr nicht (außerhalb der Spezifikation). Abstände in Tabellen daher immer mit padding in th und td setzen. */
}

tfoot td {
	margin: 0 0 0 0;
	padding: 0.25em 0.25em 0.25em 0.25em;
	vertical-align: inherit;  
	text-align: inherit;
	font-weight: inherit;
}

tbody tr:first-of-type {
	border: none;
	vertical-align: middle;
	text-align: left;
	text-indent: 0;
	font-weight: normal;
	/* Aus irgendwelchen Gründen funktioniert margin und padding by tr nicht (außerhalb der Spezifikation). Abstände in Tabellen daher immer mit padding in th und td setzen. */			
}

tbody tr {
	border-top: thin dotted gray;
	vertical-align: middle;
	text-align: left;
	text-indent: 0;
	font-weight: normal;
	/* Aus irgendwelchen Gründen funktioniert margin und padding by tr nicht (außerhalb der Spezifikation). Abstände in Tabellen daher immer mit padding in th und td setzen. */
}

tbody th {
	margin: 0 0 0 0;
	padding: 0.25em 0.25em 0.25em 0.25em;
	vertical-align: middle;  
	text-align: center;
	font-weight: bold;
}

tbody td {
	margin: 0 0 0 0;
	padding: 0.25em 0.25em 0.25em 0.25em;
	vertical-align: inherit;  
	text-align: inherit;
	font-weight: inherit;
}


/* Abbildungen: figure, figcaption, img */

figure {
	display: block;
	width: 100%;
	margin: 1.5em auto 1.75em auto;
	border: none;
	padding: 0 0 0 0;
	text-indent: 0
	/* ‚margin' links und rechts auf ‚auto‘ bei zentriert die Abbildung. */
}

figcaption {
	margin:0.5em 0 1em 0;
	text-align: center;
	text-indent: 0;
	font-size: small
}

img {
	width: 100%;
	height: auto
}




/* Definition der Unicode-Tabelle */
table.uc1 {
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	padding: 0 0 0 0;
	font-family: Helvetica, Neue Helvetica, Helvetica Now, Arial, Arial Nova, sans-serif;
	text-indent: 0
	/* Bei Tabellen: ‚margin' links und rechts auf ‚auto‘ bei ‚table‘ zentriert die Tabelle. */
	/* Bei Tabellen: Höhe der Zeilen ‚row' nur bestimmt durch die Zellen. Daher haben margin, padding, height keinen Effekt auf Zeilen. */
}

/* Definition der ersten Zeile des Hauprtitels einer Unicode-Tabelle (5 Spalten) */
tr.uc-zta {
	background-color:royalblue;
	color: white;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
}

th.uc-sta1 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-sta2 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-sta3 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-sta4 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-sta5 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}

/* Definition dez zweiten Zeile des Haupttitels einer Unicode-Tabelle (5 Spalten) */
tr.uc-ztb {
	background-color:royalblue;
	color: white;
	font-size: xx-small;
	font-weight: bold;
	text-align: center;
}

th.uc-stb1 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-stb2 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}
th.uc-stb3 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-stb4 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-stb5 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}
th.uc-stb6 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-stb7 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-stb8 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}
th.uc-stb9 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}
th.uc-stb10 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}
th.uc-stb11 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
	border-right: thin dotted white;
}
th.uc-stb12 {
	margin: 0;
	padding: 0 0.25em 0.2em 0.25em;
}

/* Definition der Untertitel einer Unicode-Tabelle (4 Spalten)*/
tr.uc-zut {
	background-color:rgb(195,187,255);
	color: black;
	font-size: x-small;
	text-align: left;
}

th.uc-sut1 {
	margin: 0;
	padding: 0.25em 0.25em 0.4em 0.25em;
	text-align: left;
}
th.uc-sut2 {
	margin: 0;
	padding: 0.25em 0.25em 0.4em 0.25em;
	text-align: left;
}
th.uc-sut3 {
	margin: 0;
	padding: 0.25em 0.25em 0.4em 0.25em;
	text-align: left;
}
th.uc-sut4 {
	margin: 0;
	padding: 0.25em 0.25em 0.4em 0.25em;
	text-align: left;
}

/* Definition der Standardeinträge einer Unicode-Tabelle (12 Spalten)*/
tr.uc-z1 {
	border-bottom: thin solid silver;
	color: black;
	font-size: x-small;
	text-align: left;
}

td.uc-s1 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	text-align: center;
	font-size: medium; 
}
td.uc-s2 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	text-align: center;
	font-size: small; 
}
td.uc-s3 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	border-right: thin dotted gray;
	font-size: small; 
	}
td.uc-s4 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	border-right: thin dotted gray;
}
td.uc-s5 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	font-size: small; 
}
td.uc-s6 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	border-right: thin dotted gray;
}
td.uc-s7 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	border-right: thin dotted gray;
	text-align: center;
}
td.uc-s8 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
}  
td.uc-s9 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
}
td.uc-s10 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
}
td.uc-s11 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	border-right: thin dotted gray;
}
td.uc-s12 {
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	text-align: center;
}