@CHARSET "UTF-8";

/*
colours: dark(#342c2a), lightgrey(#eee), darkBrown(#4c4031),
*/

/* General */
* {
	padding: 0;
	margin: 0;	
}

body, html {
	height:100%;
	width: 100%;	
}

body {
	background: #342c2a url("/images/layout/background.jpg") top center;
	text-align: center;
	font-size: 62.5%;
	font-family: arial, sans-serif;
}

#content {
	font-size: 1.2em;
	line-height: 1.3em;
}



img {
	border: 0;
}

#content img {
	margin: 10px;
	border: 4px solid #4c4031;	
}

h1 {
	font-size: 1.6em;
	color: #eee;
	text-align: center;
	display: block;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.4em;
	margin-bottom: 1em;
}

a {
	color: #fff;	
}

iframe, object {
	border: 0;
	background: transparent;	
}

ul {
	padding-left: 40px;
	margin: 10px;
	
}

div.info {
	width: 100%;
	border: 1px solid #4c4031;
	text-align: center;
	padding: 3px 0;
}

div.info a{
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

/* Form */

input,textarea,select {
	border: 1px solid #4c4031;
	color: #4c4031;
	width: 250px;		
}

input:hover,textarea:hover, input:focus,textarea:focus, input:active, textarea:active,select:hover,select:focus,select:active {
	border: 1px solid #4c4031;
}

/* Site Structure */

#site {
	margin: 0 auto;
	width: 860px;
	padding: 44px 35px;
	height: 725px;
	background: url("/images/layout/background-site.png") no-repeat;
	position: relative;
	top: 50px;	
}

#site #main{
	position: relative;
	width: 860px;
	height: 700px;
}

#site #footer {
	height: 25px;
	width: 860px;
	color: #a6a29f;
	font-family: verdana, arial, sans-serif;
}

#site #footer span{
	display: block;
	height: 20px;
	width: 860px;
	padding-top: 5px;
	white-space: nowrap;
}

#site #footer a{
	color: #a6a29f;	
}

#logo {
	width:245px;
	height: 144px;
	position: absolute;
	left: 95px;
	top: -55px;
}

#content {
	padding-top:50px;
	margin-left: 300px;
	width: 550px;
	color: #fff;
	text-align: left;
}

#content .image_container {
	text-align: center;
}

.overflow-auto .ce_text{overflow:auto}

#content ul li {
	padding: 3px 0;			
}

.formbody {padding:5px;margin-top:20px}
input.submit {width:auto}

.commentsbox {height:390px;overflow-y:scroll}
.comment_default {border:1px solid #4c4031;padding:5px 0;margin:5px 6px}
.ce_comments .info {border:0;border-bottom:1px solid #4c4031;padding:4px 0 5px 0;text-align:right}
.comment {padding:5px}
.comment img {border:0!important}
.pagination {margin:0 6px}
.pagination ul {margin:0;padding:0;list-style-type:none;clear:both}
.pagination li {float:left;padding:3px !important}

#kontaktformular {overflow:auto;margin-top:20px}
#kontaktformular .formbody {margin:0;padding:0}
#kontaktformular label, #kontaktformular input, #kontaktformular textarea, #kontaktformular select,#kontaktformular .submit_container {float:left;width:65%;margin:0 10px 0 0}
#kontaktformular .error, #kontaktformular span {float:left;color:#f00}
#kontaktformular select {width:65.5%}
input.submit {width:auto !important}
.float-left {float:left;clear:both}

#tischreservierung-formular select {float:left; margin:0px;}
#tischreservierung-formular h4 {padding:0px 0px 20px 0px; margin:0px;}
#tischreservierung-formular #f7 .formbody, #tischinformationen .ce_text, #tischreservierung-formular .ce_text {padding:0px 0px 0px 0px;}
#tischreservierung-formular .ce_text p {margin: 0px 0px 10px 0px;}
#tischreservierung-formular .hidden {display:none;}
#tischreservierung-formular input, #tischreservierung-formular select, #tischreservierung-formular submit {margin:1px 0px 1px 0px; width:159px}
#tischreservierung-kopf {float:left; width:380px; margin: 40px 40px 0px 0px !important; margin:40px 20px 0px 0px;}
#tischreservierung-footer {clear:left;float:left; width:380px; margin: 0px 40px 0px 0px !important; margin:0px 20px 0px 0px;}
#tischreservierung-formular {float:left;clear:left; width:280px; margin:0px 0px 0px 0px !important; margin:0px 0px 0px 0px;}
#tischreservierung-formular .hidden_input {border:none; margin:0px;display:none;}
#tischreservierung-formular .error {float:left;color:red;width:90px; margin:3px;}
#tischplan {float:left; margin:0px 0px 40px 0px;width:280px;}
#tischplan img {margin:0px 0px 0px 0px;border:none;}
#tischinformationen {display:block;float:right; width:250px;}
/* IE7 Hack for Height */
*+html #tischinformationen {min-height:579px;}
#tischinformationen h2 {padding:0px 0px 0px 0px;}
#tischinformationen .ce_text {float:left;}
#tischreservierung-formular .ce_text {width:auto;}
#tischinformationen #eins-drei, #eins-drei-bild1, #eins-drei-bild2 {display:none;}
#tischinformationen #vier, #vier-bild1, #vier-bild2 {display:none;}
#tischinformationen #fuenf, #fuenf-bild1, #fuenf-bild2 {display:none;}
#tischinformationen #sechs-zehn, #sechs-zehn-bild1, #sechs-zehn-bild2, #sechs-zehn-bild3 {display:none;}
#tischinformationen #skyylounge, #skyylounge-bild1, #skyylounge-bild2 {display:none;}
#tischinformationen img {margin:0px 0px 0px 0px; padding:0px 0px 0px 30px;}
#tischinformationen .new_line img {margin-top:30px;}
#tischinformationen-kopf {margin: 0px 60px 0px 0px !important; margin:0px 20px 0px 0px;}
#tischinformationen-kopf {float:right;}
#tischinformationen-kopf img, #tischreservierung-kopf img {margin: 0px; padding: 0px;}
#tischinformationen-footer {margin: 0px 60px 0px 0px!important; margin:0px 20px 0px 0px;}
#tischinformationen-footer {float:right; position:relative; clear:right;}
#tischinformationen-footer img, #tischreservierung-footer img {margin: 0px;}

.ohnerahmen {border: 0px;}

#content p {text-align:justify;}

.date a {display:block;position:absolute;top:150px;}
.eventheadline {font-size:12pt;color:#FF0000;line-height:18px;margin:10px 0px;}
#facebook {margin:100px 0 0 -88px;border:1px solid #cccccc}

.w300 {width:300px}
.w350 {width:350px}
.w500 {width:500px}
.w555 {width:555px}
#eventbild {float:right}

.connect_widget_not_connected_text {
        color:white;
}