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

cite		{font-style:normal;}
q {quotes: "“" "”" "‘" "’";}
q::before {content: open-quote;}
q::after {content: close-quote;}
#lastM		{font-family:MonoPlain;}
#inout, #inout2		{cursor:pointer}
/* ---------------- BODY + LINKS */
body.inline {background-color:white;}
body        {margin:12px 0px;font-family:Arial,Tahoma,Verdana,sans-serif;overflow:auto;background:rgb(70,75,75);}

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;}
.content{box-sizing:border-box;width:674px;height:auto;}
.singlebox {box-sizing:border-box;width:674px;height:auto;background:white;}
div.head {font-family:MonoPlain;color:white;height: 27px; font-size: 14px;padding:10px 15px 0px 15px;margin-bottom:12px;background-color:rgb(110,135,135);user-select:none;}
div.head span {display:block;width:50%;float:left;}
div.head #inout {cursor:pointer}
div.head #inout:hover {color:yellow}
img.opcl {margin-left:6px;margin-right:-5px;}
.content .opcl {margin-left:6px;margin-right:-10px;}
#gauche {float:left;width:202px;}
#droite {margin-left:12px;width:208px;float:left;}
.tog {display:block;height:20px;}
.newshead, .noyes {box-sizing:border-box;padding-left:17px;}
.newshead {cursor:pointer;clear:both;background:white;padding-bottom:4px;margin-bottom:2px;}
.content .newshead {padding:0px 5px 12px 27px;}
.content .noyes {padding:0px 27px 12px 27px;}
.newslast {text-align: right; background:tan;clear:both;padding: 12px 17px 6px 12px;margin-bottom:20px;}
.noyes {display:none;background:white;padding-bottom:8px;margin-bottom:2px;margin-top:-2px;padding-right:17px;}
.imare {float:right;margin:5px 0px 5px 15px;}
.imali {float:left;margin:5px 15px 5px 0px;}
.up {text-decoration:underline;cursor:pointer;}
.up:hover {color:firebrick;}
.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:454px;height:auto;margin:0px 0px 18px 0px;}
.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:hover .head2 {color:firebrick;}
.boxre, .boxli {box-sizing:border-box;margin:5px 0px 8px 0px;padding:5px 10px;border-top:5px solid firebrick;border-bottom:5px solid firebrick;padding-top:5px;background:seashell;}
.boxre {float:right;margin-left:15px;}
.boxli {float:left; margin-right:15px;}
.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:674px;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;vertical-align:middle;}
.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;vertical-align:middle;}
#small td {height:14px;font-size:11px;padding:0px 5px 0px 5px;border-bottom:1px dotted silver;}
.klein td {font-size:11px;}

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

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

.oben {background:background:linear-gradient(silver,white);border-top:1px solid white;}
.unten {background: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;padding:0px 5px 0px 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;}
	}