/*Normal SW*/

body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, Geneva, sans-serif; /*Verdana;*/
	margin-bottom: 0;
}


header > nav {
	text-align: center;
}


/*main {
	margin: 0;
}*/



::selection {color: #FFFFFF; background-color: #000000;}



/*img {
  	width: calc(100%); 
  	height: auto;
}*/




figure.impr {
	display: flex;
	justify-content: center;
	background-color: black;
	/*border: solid 1px red;*/
	padding: 0px;
	margin: 0px;
}


/*------------------------------------*/
h1, h2, h3, h4, h5, h6, h7 {
	background-color: #CCCCCC;
	text-align: center;
	margin-top: 2em;
}

span.h2, span.h3, span.h4, span.h5, span.h6 {	/*PseudoÜberschrift*/
	/*text-dekoration: underline;
	text-decoration-color: red;*/
	text-align: center;
	display: block;
	font-weight: bold;
	background-color: #CCCCCC;
}
/*------------------------------------*/



span.T1W1 {	/*Thema & Wichtig=strong*/
	text-dekoration: underline;
	text-decoration-color: #BBBBBB;
	font-weight: bold;
	background-color: #CCCCCC;
}

span.W1 {	/*Wichtig=strong*/
	font-weight: bold;
}

span.T1 {	/*Thema*/
	font-decoration: underline; /*overline line-through blink*/
	text-decoration-color: #BBBBBB;
	background-color: #CCCCCC;
}

span.Df {	/*Definition*/
	font-style: italic;
}



span.Zitat {	/*Zitat*/
	font-family: serif;
}

cite {
	font-style: normal;	
}

div.Zitat cite, div.Zitat-Prosa cite {
	display: block;
	text-align: right;
	/*font-style: italic;
	color: red;*/
	font-variant: small-caps;
}



/*------------------------------------*/
b {
	font-weight: bold;	
}

strong, th {
	font-weight: bold;
	font-decoration: underline; 
	text-decoration-color: #888888;
	background-color: #DDDDDD;
	padding-left: .2em;
	padding-right: .2em;
}

strong.b2 {
	font-weight: normal;
	/*font-decoration: underline; 
	text-decoration-color: #888888;
	background-color: #DDDDDD;*/
}

strong.b0 {
	font-weight: extra-bold;
	/*font-decoration: underline; 
	text-decoration-color: #888888;
	background-color: #DDDDDD;*/
}
/*------------------------------------*/


em {	/*gesperrt*/
	font-style: normal;
	letter-spacing: .2em;
}


em.i {
	font-style: italic;
	letter-spacing: normal;
}



/*------------------------------------*/
mark {
  	background-color: #FFFF66;
  	color: #000000; /*nur für SW unwichtig, da sonst schwarz!*/
}

mark.y2 {
  	background-color: #FFFFCC;
}

mark.y0 {
  	background-color: #FFFF00;
}
/*------------------------------------*/


s { /*korrigierendes Durchstreichen*/
	text-decoration: line-through;
	color: red; 
}

s.Erg {	/*korrigierendes Ergänzen*/
	text-decoration: none;
	color: red;
}

span.Fehler { 
  	text-decoration: underline;
	text-decoration-style: wavy; 
}



table, th, td {
	/*display: inline-block;  zerschießt Tabellen!*/
	border: 1px solid #000000;
	border-collapse: collapse;
	text-align: center;/*left;*/
	padding: 4px;
}




figure.Logo {
	display: flex;
	justify-content: center;
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	/*text-align: center;*/
}



/*im < figure.Werk {
	margin: 0px auto;
}*/


figure.Werk {	/*Bett für div.Werk oder img*/
	display: flex;
	justify-content: center;
	padding: 0px;
	margin: 0px;
}

/*div.Werk,  div.Werk-Gedicht, div.Werk-Aphorismus, div.Werk-Aphorismus-Spruch */
div.Werk { /*Gedicht oder Aphorismus*/
	display: inline-block;
	width: calc(auto+1.2em);
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	border: 2px solid #555555;
	text-align: center;/*left;*/
	/*margin: 0px auto; stört im Explorer!!! beim zentrieren*/
}

div.Werk-Prosa { /*Prosa-Werk (KurzGeschichte oder dgl.)*/
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	border: 2px solid #555555;
	margin-left: 4%;
	margin-right: 4%;
	text-align: left;
}

div.Werk footer, div.Werk-Prosa footer, div.Feld footer { /*funktioniert, wenn letzte Zeile <footer> ist*/
	font-size: 80%;
}




figure.FeldBett {
	overflow: auto;
	margin: 0;
	padding: 0;
}

div.Feld { /*SchlagThese-Hammer, eng anliegend*/
	border: 1px solid #000000;
	float: left;
	/*width: 100;*/
	text-align: center;/*left;*/
	padding: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
}



div.Mehr3Spalter, div.Mehr2Spalter, div.Mehr1Spalter {
  	-webkit-display: flex;
  	display: flex;
  	-webkit-flex-direction: column;
  	flex-direction: column;
	justify-content: center;
}

div.Spalte {
	float: center; 
	display: table-cell; 
	padding: 1px; 
	border: 1px solid #DDDDDD;
}

@media all and (min-width: 660px) {
  	div.Mehr2Spalter {
    		-webkit-flex-direction: row;
    		flex-direction: row;
		display: table;
		-webkit-flex: 1;
    		flex: 1 ;
		/*min-width: 660px;*/
	}
	div.Mehr2Spalter div.Spalte {
		width: 324px; /*width: calc(50%-2em);*/
		/*border: 1px solid #DDDDDD;*/		
	}	
}

/* große Viewports */
@media all and (min-width: 970px) {
  	div.Mehr3Spalter {
    		-webkit-flex-direction: row;
    		flex-direction: row;
		display: table;
		-webkit-flex: 1;
    		flex: 1 ;
		/*min-width: 966px;*/
	}
	div.Mehr3Spalter div.Spalte {
		width: 316px; /*calc(33.3%-3em);*/
		/*border: 1px solid #DDDDDD;*/
	}
}

div.Mehr1Spalter div.Spalte {
	width: calc(100%-em); /*funktioniert im Explorer nicht!*/
}



div.Absatz { /*weil man p nicht schachteln darf*/
	border: 0px solid #DDD;
	text-align: center;/*left;*/
	padding: 4px;
	/*margin 4px;*/
}



div.Zitat, div.Zitat-Prosa { /*FremdZitat breit*/
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 4px;
	margin-bottom: .2em;
	border: 1px solid #555;
	font-family: "Times New Roman", Garamond, serif;
	/*text-align: left;center;*/
}

div.Zitat p {
	text-align: center;
}

div.Zitat-Prosa p {
	text-align: left;
}

div.Zitat cite {
	text-align: right;
}

div.Zitat-Prosa cite {
	text-align: right;
}

span.Zitat {
	font-family: "Times New Roman", Garamond, serif;
}



name {
	font-variant: small-caps;
	font-weight: bold;
}

name.n2 {
	font-weight: normal;
}

span.Name {
	font-variant: small-caps;
}



/*------------------------------------*/
a { 
	text-decoration: overline underline;
	color: #0000FF;
	text-decoration-color: #AAAAFF;
}

a.www { 	/*eigene*/
	text-decoration: overline underline;
	color: #0000FF;	/*color: #006666;*/
	text-decoration-color: #AAAAFF; /*#AAFFFF;*/ /*#006666;*/
}

/*a         { color: blue; }*/
a:visited { 
	color: #000088;	/*color: #6666FF;*/ /*color: #880088;*/
	text-decoration-color: #AAAAFF; /*#FFAAFF;*/
}
	
a.www:visited { 
	color: #0000AA;	/*color: #6666FF;*/ /*color: #880088;*/
	text-decoration-color: #AAAAFF; /*#FF77CC;*/
}
/*------------------------------------*/


ol {
	list-style-type: decimal;
}

ol.gr {
	list-style-type: upper-latin;
}

ol.kl {
	list-style-type: lower-latin;
}

/*  Griech. Buchstaben gehen nirgends (bleibt lat.)
ol.grAlpha {
	list-style-type: upper-alpha;
}

ol.klAlpha {
	list-style-type: lower-alpha;
}
*/

ol.grRom {
	list-style-type: upper-roman;
}

ol.klRom {
	list-style-type: lower-roman;
}

/* funktioniert nicht in crome
ul.unter {
	list-style-type: "<";
}
*/

ul {
	list-style-type: square;
}

ul.opt {	/*option*/
	list-style-type: disc;
}

/*Normalisierer:*/

ul, ol, li { /*, dl, dt, dd*/
	display: block;
	padding: 0;
	margin: 0;
}

li {
	margin-top: 0.25em;
}

div.Werk li {
	margin-top: 0;
}

dd {   /*damit in DefListen zw. den Punkten halbzeilige Lücken entstehen.*/
	margin-top: .5em;
}

dt {   /*damit in DefListen zw. den Blöcken dicke Lücken entstehen und man kein br braucht.*/
	margin-top: 2em;
}

dt::first-line {
	font-weight: bold;
	font-style: italic;
	text-decoration-color: #888888;
	background-color: #DDDDDD;
	padding-left: .2em;
	padding-right: .2em;
}

li {
	display: list-item; 
	margin-left: 2em;
}



/*
a::after { 
	content: ' (' attr(href) ')'; 
}*/
/* setzt in Klammern hinter den sichtbaren Link dessen unsichtbare href-Angabe*/



/*text-decoration-line: dashed, dotted, double, solid, wavy;*/