@import url("links.css");
@import url("speisekarte.css");
@import url("bilder.css");

/* @group Allgemein */

body {
	color: #23150f;
	text-transform: lowercase;
	font-family: "Arial", serif;
	background: url(../Bilder/Layout/beton.gif) repeat #c5c2ba;
	margin-top: 0;
}

p {
	line-height: 150%;
}

a, a img {
	border: none;
	text-decoration: none;
}

a:active, a:focus {outline: none}

h3 {
	font: bold 24px/24px "Arial";
	padding: 0;
	margin: 12px 0 24px;
}

#mitte .text {
	font: 14px/19px Arial;
	float: left;
	width: 430px;
	padding: 20px 30px 0 0;
}

#mitte .bild {
	float: right;
	width: auto;
	margin: 30px 20px 15px 15px;
}

.prettyform { 
	width:180px;
	height: 16px;
	border: 1px solid black;
 	margin: 0 3px 0 0;
	padding: 1px 0;
	font:11px "Lucida Grande", Geneva, Arial, sans-serif;
}

.suc {
	text-transform: uppercase;
	border: 1px solid #2d9d3b;
	color: #2d9d3b;
	background: #f0f6ea;
	font: bold 15px/40px "Arial";
	padding-left: 15px;
	height: 40px;
	width: 98%;
	margin: 20px 0 0 0;
}

.badsuc {
	text-transform: uppercase;
	border: 1px solid #ff230e;
	color: #ff230e;
	background: #f4cac9;
	font: bold 15px/40px "Arial";
	padding-left: 15px;
	height: 40px;
	width: 98%;
	margin: 20px 0 0 0;
}

#loader {
	background: url(../Bilder/Layout/ajax-loader-bg.png);
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	margin: -47px 0 0 -134px;
	padding: 20px 24px 56px 24px;
	width: 220px;
	height: 19px;
}

#ajax-error {
	border: 1px solid #ff230e;
	color: #ff230e;
	background: #f4cac9;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

/* @end */

/* @group Layout */

#container {
	width: 900px;
	position: absolute;
	display: none;
	left: 50%;
	margin: 200px 0 0 -450px;
	height: auto;
	float: left;
	text-align: left;
	clip:rect(50%, auto, 50%, auto);
}


#top {
	position: absolute;
	left: 50%;
	top: 0%;
	margin: 0 0 0 -325px;
}

#links {
	background: #f3f1e8 url(../Bilder/Layout/links-bg.gif) repeat-x;
	width: 890px;
	height: 33px;
	padding-left: 10px;
	float: left;
	text-align: left;
	position: relative;
	padding-top: 8px;
	border-left: 1px solid #a1a1a1;
	border-top: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}

#mitte {
	width: 836px;
	float: left;
	height: auto;
	padding: 0 32px 40px 32px;
	background-color: #f7f5ee;
	border-right: 1px solid #a1a1a1;
	border-left: 1px solid #a1a1a1;
	overflow: auto;
}

#kontakt {
	width: 868px;
	height: 19px;
	float: left;
	vertical-align: middle;
	background-color: #f3f1e8;
	border-top: 1px solid #d3c9ab;
	border-right: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	border-left: 1px solid #a1a1a1;
	padding-left: 32px;
	margin-bottom: 40px;
}

#kontakt span,#kontakt a {
	font: 12px/19px Arial;
	vertical-align: middle;
	color: #6d7552;
	text-decoration: none;
	margin-right: 30px;
}

#kontakt .right {
	position: absolute;
	right: 10px;
}

/* @end */

#unterlinks {
	margin-top: 5px;
	font-size: 13px;
}

#unterlinks a, #unterlinks a:visited, #unterlinks a:hover, #unterlinks a:hover, #unterlinks a:active {
	color: #a6a6a6;
	text-decoration: none;
}

#unterlinks #active {
	color: black;
	text-decoration: none;
}

#title {
	font-size: 20px; 
	padding: 0;
	margin: 0;
	color: black;
}

/* @end */

#aktuell {
	position:fixed; margin-top: 150px; top: 50%; width: 100%; text-align:center; color: #da2a22; font-size: 22px;
}

#nachmittag {
	position:fixed; margin: -20px 0 0 40px; top: 50%; left:50%; z-index: -10;
}

#stempel {
	position:fixed; margin: -20px 0 0 -440px; top: 50%; left:50%; z-index: -10;
}