/*  
Gestaltung der Druckausgabe
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p.test { text-align:center}

/* ----------------------------------------- CSS-Reset Ende ----------------------------------------- */ 
/* --- Default CSS Value --- */
a:link	{
	text-decoration: underline;
	cursor: auto;
	}
a:visited {	
	text-decoration: underline;
	cursor: auto;
	}
address	{
	display: block;
	font-style: italic;
	}
area {
	display: none;
	}
article	{
	display: block;
	}
aside	{
	display: block;
	}
b	{
	font-weight: bold;
	}
bdo	{
	unicode-bidi: bidi-override;
	}
blockquote {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 40pt;
	margin-right: 40pt;
	}
body	{
	display: block;
	margin: 8pt;
	}
body:focus body	{
	display: block;
	margin: 8pt;
	outline:none; 
	}
caption	{
	display: table-caption;
	text-align: center;
	}
blockquote {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 40pt;
	margin-right: 40pt;
	}
cite	{
	font-style: italic;
	}
code {
	font-family: monospace;
	}
col	{
	display: table-column;
	}	
colgroup {
	display: table-column-group
	}
dd	{
	display: block;
	margin-left: 40pt;
	}
del	{
	text-decoration: line-through;
	}
details	{
	display: block;
	}
dfn	{
	font-style: italic;
	}
div	{
	display: block;
	}
dl	{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	}
dt	{
	display: block;
	}
em	{
	font-style: italic;
	}
embed:focus {
	outline: none;
	}
fieldset {
	display: block;
	margin-left: 2pt;
	margin-right: 2pt;
	padding-top: 0.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	border: 2pt groove gray;
	}
figcaption {
	display: block;
	}
figure	{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 40pt;
	margin-right: 40pt;
	}
footer {
	display: block;
	}
form {
	display: block;
	margin-top: 0em;
	}
h1 {
	display: block;
	font-size: 2em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	}
h2 {
	display: block;
	font-size: 1.5em;
	margin-top: 0.83em;
	margin-bottom: 0.83em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	}
h3 {
	display: block;
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	}
h4 {
	display: block;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	}
h5 {
	display: block;
	font-size: .83em;
	margin-top: 1.67em;
	margin-bottom: 1.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	}
h6 {
	display: block;
	font-size: .67em;
	margin-top: 2.33em;
	margin-bottom: 2.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	}
header {
	display: block;
	}
hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1pt;
	clear: both;
	}
html {
	display: block;
	}
html:focus {
	outline: none;
	}
i {
	font-style: italic;
	}
iframe:focus {
	outline:none ;
	}
iframe[seamless] {
	display: block;
	}
img {
	display: inline-block;
	}
ins {
	text-decoration: underline;
	}
kbd {
	font-family: monospace;
	}
label {
	cursor: default;
	}
legend {
	display: block;
	padding-left: 2pt;
	padding-right: 2pt;
	border: none;
	}
li {
	display: list-item;
	}
link {
	display: none;
	}
map {
	display: inline;
	}
mark {
	background-color: yellow;
	color: black;
	}
menu {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40pt;
	}
nav {
	display: block;
	}
object:focus {
	outline:none ;
	}
ol {
	display: block;
	list-style-type: decimal;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40pt;
	}
output {
	display: inline;
	}
p {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	}
param {
	display:none;
	}
pre {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0;
	}
q {
	display: inline;
	}
q::before {
	content: open-quote;
	}
q::after {
	content: close-quote;
	}
rt {
	line-height: normal;
	}
s {
	text-decoration: line-through;
	}
samp {
	font-family: monospace;
	}
section {
	display: block;
	}
small {
	font-size: smaller;
	text-decoration: line-through;
	}
strong {
	font-weight: bold;
	}
sub {
	vertical-align: sub;
	font-size: smaller;
	}
summary {
	display: block;
	}
sup {
	vertical-align: super;
	font-size: smaller;
	}
table {
	display: table;
	border-collapse: separate;
	border-spacing: 2pt;
	border-color: gray;
	}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
	}
td {
	display: table-cell;
	vertical-align: inherit;
	}
tfoot {
	display: table-footer-group;
	vertical-align: middle;
	border-color: inherit;
	display:none;
	}
tr {	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	}
u {
	text-decoration: underline;
	}
ul {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40pt;
	}
var {
	font-style: italic;
	}


/* --- CSS Druck-stylesheet A4 --- */
@page { 
	size: 210mm 297mm;
	margin: 20mm;
	}

@page:first {
		margin: 50mm 20mm 20mm 20mm;
}

/* --- Zeichensatz auf Serifen umstellen, SW-Ausgabe, pt statt pt --- */
/* --- Weißer Hintergrund, cmyk (0%, 0%, 0%, 0%); schwarze Farbe cmyk (0%, 0%, 0%, 100%) --- */
body {
	padding: 2%;
	background: #ffffff; 
	color: #000000;
	font-family: "Times New Roman", serif; 
	 /*text-align: justify; Blocksatz meist nicht mehr verwendet */
	quotes: "\201E" "\201C" "\201A" "\2018";
	}

/* --- Navigationen nicht ausdrucken/ausblenden --- */
nav {
	display: none;
	}

/* --- Überschrift gestalten z.B. mit wenig schwarzer Farbe (grau, cmyk(0%, 0%, 0%, 50%)) --- */
h1,h2,h3,h4,h5,h6 {
	color: #808080;
	}

/* --- Vermeidung von Seitenumbrüchen direkt nach einer Überschrift --- */
h1,h2,h3,h4,h5,h6 { 
	page-break-after: avoid; 
	}

/* --- Schriftgrößen Absatz, Listen, Einrückungen --- */
p, address, li, dt, dd {
	font-size: 100%;
	hyphens: auto;
	}

/* --- Zeichensatz fuer Code Beispiele --- */
code, pre { 
	font-family: "Courier New", Courier, mono;
	}

/* --- Listen --- */
ul, ol {
	list-style: square; margin-left: 18pt;
	}

li {
	line-height: 1.6em;
	}

blockquote {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 40pt;
	margin-right: 40pt;
}
/* --- Links rotbraun, cmyk(0%, 60%, 100%, 67%) --- */
a:link, a:visited {
	background: transparent;
	color: #542200;
	font-weight: bold;
	text-decoration: underline;
	}

/* --- Sichtbare Auszeichnung der URLs von Links, dunkelblau,  cmyk(67%, 33%, 0%, 40%)--- */
a[href]:after { 
	content:" <"attr(href)">"; 
	background-color: inherit;
	color: 	#326799; 
	font-style: italic;
	}

/* --- Auszeichnung von Abkürzungen und Acronymen, dunkelblau,  cmyk(67%, 33%, 0%, 40%)--- */
abbr[title]:after, acronym[title]:after { 
	content: '(' attr(title) ')';
	background-color: inherit;
	color: 	#326799; 
	font-style: italic; 
	}

/* --- Quellennachweis, Zitate --- */
*[cite]:after {
	content:close-quote" (Quelle: "attr(cite)")";
	}

q:before, blockquote:before {
	content:open-quote;
	}

q:after, blockquote:after {
	content:close-quote;
	}

img {
	width: 100%;
	height: auto;
}

/* --- Flexboxen angepasst --- */
.schloesser{
	display: flex;
	}

.schloesser article {
	flex: 1;
	padding: 1%;
	}

.wichtig {
	display: flex;
	justify-content: space-between;
}
	
/* --- Copyright --- grau, cmyk(0%, 0%, 0%, 40%)*/
body:after {
	content: "\ Alle Rechte vorbehalten. \00A9 2018 Födisch, www.foedisch-web.lima-city.de";
	color:	#999999;
	font-size: 0.85em;
	border-top: 1pt solid #999999;
	}