@CHARSET "UTF-8";

/* GENERAL
-----------------------------------------*/
* {font-family: Arial; color: #000;}

body {background-color: #888; background: url(../img/background.jpg); background-size: 100% 100%; background-attachment: fixed;}

a {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #000;}
a:active {border: none;}

.clear {float: none !important; clear: both;}

h1,h2,h3,h4 {margin: 0; padding: 0;}
h1 {font-size:  22px;}
h2 {font-size:  18px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

div.hr {border-top: 1px solid #555; height: 0px;}

textarea {height: 200px;}

table {border-collapse: collapse;}
thead {background: #EEE; border: 1px solid #DDD;}
table td {padding: 2px;}

fieldset {
	border: 1px solid transparent;
}
legend {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

div.date {text-align: right; font-size: 11px; color: #555;}
div.content_left {float: left; width: 380px; margin-right: 20px;}
div.content_right {margin-left: 10px; float: left; width: 150px;}
.errors {background: #F99; border: 1px solid #F55; list-style: none; padding: 2px;}


/* NEWSTICKER */
.start_link {
	background: #FFF;
	padding: 20px;
	border-radius: 10px;
	margin-left:10px;
	display: block;
	width: 320px;
	box-shadow: 0 0 3px 1px #DDD;
	float: left;
}
.start_link:hover {
	box-shadow: 0 0 3px 1px #999;	
}

.start_link .first_img {
	width: 70px;
	height: 70px;
	float: left;	
}

.start_link .sec_img {
	width: 200px;	
}

.start_text {
	font-size: 17px;
	font-family: Times;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: bold;
	color: #555;
	margin: 0;
}

a.newsticker {display: block; padding: 2px; margin-bottom: 10px; background: #FFF; padding: 10px; border-radius: 10px; box-shadow: 0 0 3px 1px #DDD; overflow:hidden; float: right; height: 90px; width:150px;}
a.newsticker:hover {box-shadow: 0 0 3px 1px #999;	}
div.newsticker_headline {font-size: 14px; color: #000; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
div.newsticker_message {font-size: 12px; color: #555; margin-bottom: 4px; font-style: italic; overflow: hidden; max-height: 43px;}
div.newsticker_date {font-size: 11px; color: #555; margin-top: 2px;}

/* SITE CONTAINER
-----------------------------------------*/
#site {width: 800px; margin: 20px auto 20px auto; background: #FFF; box-shadow: 3px 3px 5px 1px #555;}
.left, .right {float: left;}
.left {width: 200px;}
.right {width: 600px;}

/* HEADER
-----------------------------------------*/
#header {background: #FFF; height: 200px;}
.logo {padding: 30px 50px 10px 50px; width: 100px;}
.font {width: 180px; padding: 0px 10px;}
#gallery {position: relative; height: 200px;}
#gallery img {float: left; position: absolute;	 border: none; width: 600px; height: 200px;}
#gallery img.show {z-index: 500;}

/* STRIBE
-----------------------------------------*/
#stribe .left {height: 5px; background: #555;}
#stribe .right {height: 5px; background: #575757;}
body.gewoelbekeller #stribe .right {background: #b80103;}
body.altescheune #stribe .right {background: #0a5d0f;}

/* BODY
-----------------------------------------*/
#body {height: 300px; background: #FFF;}
#body .left {width: 200px !important; height: 200px;}
#body > .left > div {padding: 10px 10px 0 10px; font-size: 14px; color: #888;}
#body > .left > ul {list-style: url(../img/star.gif);}
#body > .left > ul a {font-size: 14px; color: #888;}
#body > .left > ul a:hover {color: #000;}
#body .right {width: 560px; padding: 20px; min-height: 300px; font-size: 13px; color: #333; background: url(../img/gradient.jpg) repeat-y left #FFF;}
.news {font-size: 12px;}

/* FOOTER
-----------------------------------------*/
#footer .left {padding: 5px; font-size: 11px; width: 190px; height: 25px; color: #555;}
#footer .right {padding: 5px; font-size: 11px; width: 590px; height: 25px; color: #555; text-align: right; background: url(../img/gradient.jpg) repeat-y left #FFF;}
.table_neuigkeiten {width: 100%;}
.table_neuigkeiten td {vertical-align: top;}
div.rezept {border: 1px solid #DDD; border-radius: 5px; padding: 5px; background: #EEE;}
table.rezept {width: 100%;}
table.rezept td {padding: 2px; vertical-align: top;}



.oeffnungszeit {
	padding: 2px 8px;
	border-radius: 2px;
	float: left;
	margin: 2px 2px;
}