html {font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-size:14px; color:#151200; line-height:1.3em;}
*{box-sizing:border-box;}
table {border-spacing:0;}
td, th {vertical-align:top;}
input, select, .rahmen { 
	vertical-align:bottom; /* +IE +Cr -FF */
	margin-bottom:0.2em;
	height:19px; /* FF IE */
	border:none;
	background-color:#fffeee;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-size:14px; color:#151200;
}
input[type="button"], input[type="submit"], input[type="reset"], select {cursor:pointer;}
input[type="checkbox"] {height:1.15em;}
@-moz-document url-prefix() {
input, select, .rahmen { 
}}
fieldset{display:inline; margin:0; border:none; padding:0;}
legend{font-size:0.7em; line-height:1.1em;}
img{border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6{margin:0.6em 0 0.6em 0; line-height:1.07em; white-space:nowrap;}
ul, ol{margin:0; padding:0;}
li{margin:0 0 0 14px; }
big, .big{font-size:1.4em;}
small, .small{font-size:0.7em;}
p {margin:0 0 6px 0;}
a {text-decoration:none; color:#0000ff; outline:none;/* FF */}
a:link {color:#0000ff;}
a:visited {color:#0000ff;}
a:hover {color:#6666ff;}
a:active {color:#6666ff;}
a:focus {color:#6666ff;}

body {
	margin:4px;
	background-color:#fffeee;
}
#bodydiv {
	margin:auto;
	max-width:1218px;
}
#menucont {
	float:left;
	max-width:808px;
	padding:2px;
}
#bodycont {
	float:left;
	max-width:808px;
}
.bodycell {
	margin:4px;
	box-shadow: rgba(0,0,0,0.16) 0px 1px 4px;
	border-radius:4px;
	background-color:#ffdd55;
	padding:4px;
	overflow:auto;
}
.bild468{
	float:right;
	max-width:60%;
}
#teascont {
	float:right;
	max-width:808px;
	padding:2px;
}
#footcont {
	height:22px;
	padding:4px;
}

.menufeld, .menubild {
	float:left;
	margin:2px;
	width:130px;
	height:22px;
	box-shadow: rgba(0,0,0,0.16) 0px 1px 4px;
	border-radius:4px;
	background-color:#ffdd55;
	padding:2px;
	text-align:center;
}
.menufeld:hover, .menubild:hover {
	background:#ffee44;
	box-shadow: rgba(0,0,0,0.64) 0px 1px 4px;
}
.menubild {
	height:100px;
}
.menubild img {
	width:126px;
	height:77px;
	margin-bottom:1px;
}
#teascont>a>div {
	background-image:url('teas-img.jpg');
	background-image:image-set(url('teas-img.webp'));
	background-size:cover;
	height:77px;
	margin-bottom:1px;
}
#menucont>a>div {
	background-image:url('menu-img.png');
	background-size:cover;
	height:77px;
}

@media screen and (min-width:1243px) {
	#teascont {max-width:138px; max-width:272px;}
}
@media screen and (max-width:1242px) { /* bei zweispaltigem Teaser 1234, einspaltig 1098 */
	#bodydiv {max-width:946px;}
}
@media screen and (min-width:971px) {
	#menucont {max-width:138px;}
}
@media screen and (max-width:970px) {
	#bodydiv {max-width:808px;}
	#menucont .menubild img {display:none;}
	#menucont .menubild div {display:none;}
	#menucont .menubild {height:22px;}
}
@media screen and (max-width:580px) {
	#xxsartable tr td:nth-last-child(2) {display:none;}
}
@media screen and (max-width:505px) {
	#xxsartable tr td:nth-last-child(4) {display:none;}
}

#sartable {
	width:100%;
	background-color:#f7f3bf;
	line-height:14px;
}
#sartable thead {
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-ms-sticky;
	position:-o-sticky;
	position:sticky;
	top:0;
}
#sartable tfoot {
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-ms-sticky;
	position:-o-sticky;
	position:sticky;
	bottom:0;
}
#sartable td {
	border-bottom:1px solid #ffdd55;
	padding:3px 4px 3px 4px;
padding:4px;
}
#sartable thead td {
	border-bottom:none;
}
#sartable thead tr:nth-child(4) td {
	border-bottom:4px solid #ffdd55;
}
#sartable tfoot td{
	border-top:3px solid #ffdd55;
}
#sartable .row-collapse td{
	display:none;
}
#sartable .row-expand td{
	background-color:#ffdd55;
	display:table-cell;
}
.bghighlight:hover, .bghighlight j {
	background-color:#fffeee;
	box-shadow: rgba(0,0,0,0.32) 0px 1px 4px;
	cursor:pointer;
}
.colleft{background-color:#f7f3bf;}
.colright{background-color:#f7f3bf;}
.colsort{background-color:#fffaba; background-color:#f5fac7;}
.SARrt { color:#990000; } /* dd0000 */
.SARor { color:#996600; } /* dd8800 */
.SARge { color:#667700; } /* 99aa00 */
.SARgn { color:#009900; } /* 00dd00 */

@media screen {
	#titel, .noshow  { display:none; }
}
@media print {
	#menucont, #teascont, .noprint { display:none; }
	.bodycell { margin-right:9pt; /* damit FF im Ausdruck nicht den Rand abschneidet */ }
}