body{font-family:arial, sans-serif;font-size:15px;margin:0}
#gridframe{display:grid;
	grid-template-areas: "topleftborder topleft topright"
		"mainleftborder mainleft mainright"
		"footerleftborder footerleft footerright";
}

@media only screen and (min-width:801px){
	#gridframe{grid-template-columns:0 205px 1fr;grid-template-rows:250px auto 100px}
	#mobilemenu{display:none}
	#text{grid-area:mainright}
	#leftStripe{width:135px}
}

@media only screen and (max-width:800px){
	#mobilemenu{grid-area:topleft;font-size:48px;cursor:pointer}
	#gridframe{grid-template-columns:5px 50px 1fr;grid-template-rows:90px auto}
	#leftbanner{display:none}
	#leftStripe{display:none;width:200px}
	#leftmenu{display:none}
	#wellen{display:none}
	#text{grid-column-start:mainleft;grid-row-start:mainleftborder;grid-column-end:mainright}
}

#leftbanner{grid-area:topleft;z-index:1}
#leftbanner > img{width:180px}
#topbanner{grid-area:topright}
#topbanner img{height:100%}
#leftStripe{grid-column-start:topleft;grid-row-start:topleft;grid-row-end:footerleft;background-color:#fbb809;z-index:0}
#wellen{grid-area:footerleft;z-index:1}
#wellen > img{width:165px}
#text{max-width:800px}

#leftmenu{grid-area:mainleft;z-index:1;margin-left:5px}
#leftmenu a, #dropmenu a{color:white;font-weight:bold}
#leftmenu a:hover, #dropmenu a:hover{color:mediumblue}
#popup{padding:0;width:70%;height:90%;z-index:2;border:3px solid #fbb809;border-radius:10px;box-shadow:15px 15px 25px silver;overflow:hidden}
#popup img{width:100%;height:100%;object-fit:contain}
#popup div:first-child{background-color:#fbb809;height:30px;width:100%;text-align:right}
#popup div input[type=submit]{border:none;background-color:transparent;cursor:pointer}
#popup div input[type=submit]:focus{outline:none}
#popup div input[type=submit]:hover{color:red}

a{text-decoration:none}
.width80{width:80px}
.width120{width:120px}
.width150{width:150px}
.width180{width:180px}
.width200{width:200px}
.width250{width:250px}
.width300{width:300px}
.width400{width:400px}
.width500{width:500px}
.right{text-align:right}
.displayblock{display:block}
.displaynone{display:none}
.displayinline{display:inline}
.font08{font-size:.8em}
.marginright15{margin-right:15px}

table.withImg img{max-width:300px}
table.vorstand img{width:150px}
div.vorstand{display:flex;flex-wrap:wrap;gap:25px}
div.vorstand > figure{width:150px;margin:0}
div.vorstand img{width:100%}
div.vorstand figurecaption{display:block;max-width:150px}
img.marginright

/* Abklapper */
h2 + div.abklapperOuter{border-top:1px solid silver}
div.abklapperOuter{width:100%;max-width:800px;border:0;box-shadow:3px 2px 2px silver;margin-bottom:5px;border-left:1px solid silver}
div.abklapperHeader{height:23px;cursor:pointer;display:flex;justify-content:space-between}
div.abklapperHeaderLeft{width:80%}
div.abklapperHeaderLeft h3{padding:0;margin:3px 0 0 3px;font-size:.8em}
div.abklapperHeaderRight{margin-right:5px}
div.abklapperBody{padding-left:4px}
div.withImgs > img{display:inline;margin-right:3px;margin-bottom:5px;vertical-align:top;cursor:pointer}


/* Monitor */
line.monitorTagMonat{stroke:green;stroke-width:12;cursor:pointer}
line.monitorTagSelect{stroke:yellow;stroke-width:12}
text.monitorTagMonatSmall{font-size:.9em;stroke-width:1;stroke:silver}
text.monitorTagMonatLarge{font-size:.9em;stroke-width:.6;stroke:silver;fill:white;cursor:pointer}
text.monitorTagMonatSelect{font-size:.9em;stroke-width:.6;stroke:green}
tspan.monitorFormerMonat,tspan.monitorNextMonat{fill:red;font-weight:bold;cursor:pointer}
tspan.monitorFormerJahr,tspan.monitorNextJahr{fill:DarkOrange;font-weight:bold;cursor:pointer}
.grayline{stroke:silver;stroke-width:1}
.redline{stroke:red;stroke-width:1}