td.quatsch {width:50px;}
/* ---------------- TEXT */
p, li		{font-size:12px;margin-top:0px;margin-bottom:0px;font-family:Arial;line-height:18px;padding:0px 15px 0px 15px;}
p.fliess 	{text-align:justify;margin-bottom:6px;}
p.eng 		{font-size:11px;line-height:14px;margin-bottom:6px;}
p.liste 	{margin-left:18px;text-indent:-18px;line-height:14px;}
p.head 		{font-size:16px;line-height:24px;margin-bottom:2px;margin-top:10px;font-weight:100;}
p.head2 	{font-family:LacunaRegular;font-size:30px;line-height:36px;font-family:LacunaRegular;margin-bottom:6px;margin-top:6px;}
p.head3 	{font-family:LacunaRegular,Arial,Verdana;font-size:15px;margin-bottom:6px;margin-top:6px;font-weight:100;}
p.quelle 	{clear:both;text-align:right;font-size:10px;line-height:13px;padding:0px;border-top:1px solid rgb(212,208,208);margin:6px 15px 6px 15px;}
p.liste 	{margin-left:18px;text-indent:-18px;line-height:14px;}

cite		{font-style:normal;}
cite:before	{content:"„"}
cite:after	{content:"“"}
#lastM		{font-family:MonoPlain;}
/* ---------------- BODY + LINKS */
body.inline {background-color:white;}
body        {margin:0px;font-family:Arial,Tahoma,Verdana,sans-serif;overflow:auto;background:rgb(120,135,135);}

a:link 		{color:black;text-decoration:underline;text-decoration-color:grey;-moz-text-decoration-color:grey;}
a:visited 	{color:black;text-decoration-color:lightslategray;-moz-text-decoration-color:lightslategray;}
a:hover 	{color:black;text-decoration:underline;text-decoration-color:firebrick;-moz-text-decoration-color:firebrick;}
a:active 	{text-decoration:none;color:black;}
a:focus 	{outline:none;}
a.ohne 			{color:black;text-decoration:none}
a.ohne:link 	{text-decoration:none}
a.ohne:visited 	{text-decoration:none}
a.ohne:hover 	{text-decoration:none}
a.ohne:active 	{text-decoration:none}
a.hell			{color:white;text-decoration:underline}
a.hell:visited	{color:white;text-decoration:underline}
a.hell:hover 	{text-decoration:none;color:red;}
a.hell:active 	{text-decoration:none}
/* ---------------- Hintergrund-Farben */
.vert1 {background:darkslategray;}
.vert2 {background:rgb(120,135,135);}
.vert3 {background:rgb(210,235,230);}
.vert4 {background:rgb(230,255,250);}
/* ---------------- CONTAINER */
.alles {width:876px;margin:auto;padding-bottom:20px;}
div.haupt {float:left;}
div.content{width:658px;height:auto;border-left:8px solid rgb(212,208,200);border-right:8px solid rgb(212,208,200);background:white;}
div.head {font-family:MonoPlain;background-color:black;color:white;height: 27px; font-size: 14px;padding:10px 15px 0px 15px;margin-bottom:12px;}
div.head span {display:block;width:50%;float:left;}
div.head #inout {cursor:pointer}
div.head #inout:hover {color:yellow}
img.opcl {margin-left:10px;}
#gauche {float:left;width:202px;}
#droite {margin-left:-8px;border-left:8px solid rgb(212,208,200);border-right:8px solid rgb(212,208,200);border-bottom:8px solid rgb(212,208,200);width:200px;float:left;background-color:white;}
.tog {display:block;height:20px;}
.noyes {display:none;}
.imare {float:right;margin:5px 0px 5px 15px;}
.imali {float:left;margin:5px 15px 5px 0px;}

.tryout {box-sizing:border-box;padding-top:20px;background-image:url('../0-images/back-kugeln.jpg');background-repeat:no-repeat;background-size:cover;
    display: grid;align-items: center;justify-content: center;}
.tryoutmask {width: 390px;height: 130px;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .4);display: grid;align-items: center;justify-content: center;
	background-color: rgba(255, 255, 255, .15);backdrop-filter: blur(4px);}
.tryout:hover .tryoutmask {background-color: rgba(255, 255, 255, .75);backdrop-filter: blur(10px);}	

.links {position:relative;left:0px;top:0px;height:auto;width:162px;text-align:right;float:left;padding-bottom:18px;padding-right:44px;border-bottom:1px solid rgb(225,225,225);border-right:1px solid rgb(225,225,225);}
.mid {float:left;width:450px;height:auto;background-color:white;margin:0px 0px 18px 0px;border-left:8px solid rgb(212,208,200);border-right:8px solid rgb(212,208,200);border-bottom:8px solid rgb(212,208,200);}
.bildzeile {display:none;font-size:12px;cursor:default;position:relative;height:16px;margin-top:-18px;width:auto;text-align:right;padding:2px 15px 0px 0px;background-color:rgba(0,0,0,0.6);color:white;}
.bild {margin-bottom:0px;overflow:hidden;}
.bild:hover div.bildzeile {display:block;}
.balkengr {color:white;font-size:11px;height:16px;background-color:darkgreen;box-shadow:3px 3px 3px grey;-webkit-box-shadow:3px 3px 3px grey;padding-right:5px;float:right;}
.balkenred {color:white;font-size:11px;height:14px;background-color:firebrick;box-shadow:3px 3px 3px grey;-webkit-box-shadow:3px 3px 3px grey;padding-left:5px;}
.newshead {cursor:pointer;clear:both;}
.newshead:hover .head2 {color:firebrick;}
.boxre, .boxli {margin:5px 15px 8px 15px;border-top:5px solid firebrick;border-bottom:5px solid firebrick;padding-top:5px;background:seashell;}
.boxre {float:right;}
.boxli {float:left}
.rotfont {color:firebrick;}
.lastM {text-align:right;padding:2px 8px 2px;font-size:11px;border-top:1px solid rgb(212,208,200);background-color:rgb(160,160,160);}

div.main {position:relative;left:9px;top:18px;width:560px;background-color:white;}
div.initiale {width:32px;height:32px;display:table-cell;vertical-align:middle;background-color:slategrey;border-radius:16px;-webkit-border-radius:16px;font-family:Arial;text-align:center;color:white;font-size:18px;}
/* soll Absatznummer oder ersten Textbuchstaben des Absatzes aufnehmen; muss von einem div umfasst werden, der den  float:left-Wert aufnimmt */

/* ---------------- FORMS */
form {padding:8px 0px 6px 0px;border-top:1px solid rgb(178,182,170);border-left:1px solid rgb(178,182,170);border-right:1px solid white;border-bottom:1px solid white;-moz-border-radius-topleft:35px;-webkit-border-top-left-radius:35px;}
input, select {margin:0px 0px 5px 5px;padding-left:8px;font-size:11px;}
textarea {font-family:Arial,Tahoma,Verdana,sans-serif;margin-left:5px;padding-left:5px;font-size:12px;background-color:rgb(212,208,200);}
textarea:focus {background-color:white;}
form td.re, td.li {cursor:default;vertical-align:top;padding-right:0px;}
form td.re:hover, td.li:hover {color:black;}
.button {cursor:pointer;text-align:center;padding:1px;font-size:11px;background-color:rgb(212,208,200);border-right:1px solid rgb(140,140,140);border-bottom:1px solid rgb(140,140,140);border-left:1px solid white;border-top:1px solid white;border-radius:4px;}
.button:hover {color:red;}

/* ------------------- TABLES */

table {empty-cells:show;font-size:12px;}
table.spezial {table-layout:fixed;width:658px;border-bottom:1px solid rgb(212,208,200);}
thead {border-top:1px solid rgb(160,160,160);border-bottom:1px solid rgb(160,160,160);}
table.spezial:hover thead {color:rgb(153,0,0);}
td, th {font-size:12px;padding:2px 8px 2px 8px;}
.re {text-align:right;}
.li {text-align:left;}
.ce {text-align:center;}
.re, .li, .ce {border-bottom:1px dotted rgb(212,208,200);min-height:20px;}
#small td {height:14px;font-size:11px;padding:0px 5px 0px 5px;border-bottom:1px dotted silver;}
.klein td {font-size:11px;}

/* ------------------- Spezial: NPV-Nasen */

.print {visibility:hidden;}

/* ------------------- allgemeine Klassen */

.lili {border-left:1px solid rgb(212,208,200);}
.lire {border-right:1px solid rgb(212,208,200);}
.liob {border-top:8px solid rgb(212,208,200);}
.liun {border-bottom:8px solid rgb(212,208,200);}

.oben {background:-webkit-linear-gradient(silver,white);background:linear-gradient(silver,white);border-top:1px solid white;}
.unten {background:-webkit-linear-gradient(white,silver);background:linear-gradient(white,silver);border-top:1px solid white;}


.boxback {text-align:right;font-size:11px;line-height:14px;margin:0 0 0 0;text-transform:uppercase;background:url('images/boxback.JPG') repeat-y right;padding:2px 0px 2px 0px;}
.transpa50 {opacity:0.5;-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity50)";filter: alpha(opacity=50)}

@media print {
    body {margin:0;}
    iframe {display:none;}
    div.content,div.haupt {left:0px;border-width:0px;}    
    *.print {visibility:visible;font-weight:bold;}
    *.monat {border-top:1px solid black;}
    *.noyes {display:block;}
    div.content {border: 1px solid black;}
}	
@font-face {
	font-family: 'LacunaRegular';
	src: url('../0-fonts/lacuna-webfont.eot');
	src: local('☺'), url('../0-fonts/lacuna-webfont.woff') format('woff'), url('../0-fonts/lacuna-webfont.ttf') format('truetype'), url('../0-fonts/lacuna-webfont.svg#webfontAyJWG1ls') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LacunaItalic';
	src: url('../0-fonts/lacuna-italic-webfont.eot');
	src: local('☺'), url('../0-fonts/lacuna-italic-webfont.woff') format('woff'), url('../0-fonts/lacuna-italic-webfont.ttf') format('truetype'), url('../0-fonts/lacuna-italic-webfont.svg#webfontt6jvV0fk') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MonoPlain';
	src: url('../0-fonts/CPMono_v07_Plain-webfont.eot');
	src: local('☺'), url('../0-fonts/CPMono_v07_Plain-webfont.woff') format('woff'), url('../0-fonts/CPMono_v07_Plain-webfont.ttf') format('truetype'), url('../0-fonts/CPMono_v07_Plain-webfont.svg#webfontinYQAmJA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MonoBlack';
	src: url('../0-fonts/CPMono_v07_Black-webfont.eot');
	src: local('☺'), url('../0-fonts/CPMono_v07_Black-webfont.woff') format('woff'), url('../0-fonts/CPMono_v07_Black-webfont.ttf') format('truetype'), url('../0-fonts/CPMono_v07_Black-webfont.svg#webfont2noDLYsT') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width:800px) {
#gauche {display:none;}
div.alles {width:676px;}
	}