html {
	background:#ffdd55 url('bgyellow.jpg');
	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:20px 4px 4px 4px;
}
#bodydiv {
	margin:auto;
	min-width:276px;
	max-width:1218px;
}
#menucont {
	float:left;
	margin-bottom:11px;
	min-width:136px;
	max-width:816px;
	padding:2px;
}
#bodycont {
	float:left;
	max-width:808px;
	padding:4px;
}
.bodycell {
	margin:auto;
	border:1px solid transparent; /* sonst versetzt der FF das menupriv */
}
.bild468{
	float:right;
	max-width:60%;
}
#teascont {
	float:left;
	min-width:136px;
	max-width:272px;
	padding:2px;
}
#footcont {
	height:16px;
	padding:4px;
}
@media screen and (max-width:1260px) { /* bei zweispaltigem Teaser 1260, einspaltig 1124 */
#bodydiv {max-width:956px;}
#teascont {max-width:100%;}
}
@media screen and (max-width:984px) {
#bodydiv {max-width:820px;}
}
@media screen and (min-width:985px) {
#menucont {max-width:136px;}
}


.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:#ffdd55 url('bgyellow.jpg');
	padding:2px;
	text-align:center;
}
.menufeld:hover, .menubild:hover {
	background:#ffe166;
	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.jpg');
	background-size:cover;
	height:77px;
}

#logo {
	margin:0 0 28px 0;
	width:100%;
	max-width:800px; /* 816 */
}

.symbol { /*nie eingesetzt!*/
	float:left;
	margin-right:7px; 
	width:42px;
	height:42px;
	border:1px solid yellow;
	display:none;
}
#gedanken {
	float:right;
	margin:0 0 14px 14px;
	width:307px;
	height:307px;
	background-image:url('askkreis.svg');
	color:#151200;
	text-align:center;
	line-height:1.8em;
}

#menupriv {
	float:right;
	margin-left:40px; 
	width:110px;
	border-top:1px solid silver;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-left:1px solid silver;
	padding:4px;
	color:#151200;
	text-align:right;
}
#menupriv a:hover {
	background-image:url('bgyellowover.jpg');
}

#angebote {
	width:100%;
	border-top:1px solid silver;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	border-left:1px solid silver;
}
#angebote td {
	padding:3px 4px 3px 4px;
}

#footcont {
	height:auto;
	padding:3px 3px 21px 3px;
	vertical-align:bottom;
}


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