:root{
	/* alle Farbvariablen beginnen mit f, danach mit Großbuchst. beginnender Name */
	--fBlau: #06c;
	--fbodyColor:#555;
}


body{font-family: helvetica, sans-serif;}
@media screen {
	body{
		/*width:75em;*/
		margin:0 3em 20em 3em;
		font-size:12pt;
		line-height:1.3;
		background-color: #fff;
		color:var(--fbodyColor);
	}
	div#oben {
		margin:0 -3em 1.7em -3em;
		padding-left:3em;
		color:#fff; /*  */
		background-color:#444; /* 6a3c75 */
	}
	div#menu {
		margin:-2.5em -3em 2em -3em;
		padding:0.3em 0.3em 0.3em 3em;
		color:#fff; /*  */
		background-color:#111; /* 6a3c75 */
		min-height: 1.1em;
	}
	span.menText {color:#fff;}
	article{width: 51em;z-index: 30}
	i{font-size: 1.2em;}
	.blau {color: var(--fBlau)}
}



@media print {
	@page {margin-top: 1.2cm;}
	@page :right {margin-left: 4.5cm; margin-right: 2.3cm;}
	@page :left  {margin-left: 2.3cm; margin-right: 4.5cm;}
	.nurScreen {display: none}
	body{
		margin:0;
		/*font-family: skia, verdana, sans-serif;*/
		font-size:9.5pt;
		background-color: #fff;
		color:#000;
	}
	div#oben {
		margin:0;
	}
	div#menu {display: none;}
	i{font-size: 1.1em;}
}
i{font-family:serif; font-style:italic;}

select#jahrMenu, #beiwerk {font-family:monospace; font-size:1em; background-color: #111;color:hsl(10,85%,55%)}
/*select option{font-family: "Andale Mono", monospace;font-size:1em;}*/

h1, h2, h3 {font-weight: lighter;}

@media screen {
	h1{
		margin:0;
		padding-top:0.9em; padding-bottom:0em;
		font-size: 3.5em;
	}

	h2{
		margin-top:0.3em; margin-bottom:0;
		font-size: 2.3em;
	}
	p#slogan{
		margin-top:-0.2em;
		padding-bottom:3.3em;
		font-family:monospace; font-size:0.8em;
		color:#aaa;
	}
	a, span.a{color:hsl(10,80%,55%)}
}
@media print {
	h1{
		margin:0; font-size: 2.7em; padding-bottom:0em;
	}
	p#slogan{
		margin-top:-0.2em;
		font-family:monospace; font-size:0.8em;
	}
	h2{
		font-size: 2em;
	}
	a {color:#000;}
}
h3 {font-size: 1.5em;}



em{font-size:1.1em; font-style:normal; font-family: monospace}

strong{font-family:monospace;font-size: 1.2em;color: hsl(45,100%,48%);}
strong.sw {color:#000;}

.err {font-family:monospace;font-size: 1.2em;color: hsl(10,60%,50%);}

a { text-decoration: none; }
a:hover  {color: #fff;background-color:#505050;}
a.menue  {color: hsl(10,85%,55%)}
a.menue:hover  {color:#fff;background-color:#111;}
a#aupdown:hover{background-color:#fff;}
a.et {font-size: 1.3em;}
a.et:hover{background-color: #505050;color: #000;}

details{margin-top: 1em; margin-bottom: 1em;}
summary{cursor:pointer;}


/* Formular in in.php und m.php */
div#formular1{
	padding:0.5em;
	border:1px solid;
	background-color: #f6f6f6;
	border-left-color: #ccc; border-top-color: #ccc;
	box-shadow: 3px 3px 5px #999;
}

p.label code {font-size: 1.2em}

input{font-size: 13pt}
button{font-size: 13pt}


/* für daten und input */
table{
	border:0; 
	width: 100%;
	border-collapse: collapse;
}
td {padding-top:0.5em;}
td.d{
	width: 7em; font-family:monospace;
	vertical-align:top; text-align:right;
	padding-right: 1em;
}
td.t{
	width: auto;
	padding-bottom:0.5em;
	border-bottom:1px dotted;color:#000;
}
td.t:first-child {margin-top: 0; padding-top: 0;}
td.m{
	width: 5.8em; vertical-align: bottom; padding-left: 0.5em; /*border-left: 1px solid;*/
}
td.m img, td.m a img {height:1.6em; padding-left: 0.4em; border-left:1px solid var(--fbodyColor);}
td.m a img.e {border:0; padding-right:0.3em;}
td.m a.pf img {height:1.1em}
td.m a:hover {background-color: #fff}
td.m a img:hover{cursor:pointer;}

td.li{padding-right: 2em}

div.q, div.v {margin-top:0.3em; font-size: 0.9em; font-family: monospace;}
@media screen {
	div.q, div.v {color:#999;}
}
@media print {
	{color:#000;}
}


/* die Abkürzungsspalte */
@media screen {
	div#abkrz{
		float:right; position:fixed;
		top:13em;
		left:55em;
		max-width:31em;
		bottom:0;
		padding-right: 2em; padding-bottom: 5em;
		z-index:10;
		border-top:1px solid #ddd;
		overflow-y : scroll;
		-webkit-overflow-scrolling: touch;
	}
}
@media print {
	div#abkrz{ display: none; }
}



/* für den Inhalt der Einträge */
ol, ul{margin-top:0.3em;margin-bottom:0.3em;}
li{margin:0;padding:0;}

b{letter-spacing: 0.8pt;}
u{text-decoration:none; border-bottom: 1px solid #000}
@media screen {
	i{font-family: times, serif; }
}
@media print {
	i{font-family: times, serif; color:#000; }
}