/* RESET ***************************************************/

	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend,	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	text-align: center;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: underline;
	color: #211111;
}	
a:hover {
	text-decoration: none;
}	
.c {
	clear: both;
}

.hidden {
	display: none;
}

/* TYPO ***************************************************/
body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, san-serif;
	font-size: 13px;
	line-height: 20px;
	color: #211111;
}
h1 span {
	display: none;
}
h2, h3, h4 {

}	
h2 {
	font-size: 22px;
	line-height: 27px;
}

h4 {
	font-weight: bold;
}

p {
	padding-bottom: 15px;
}

p small {
	font-size: 10px;
	line-height: 17px;
}



.header {
	font-size: 10px;
	line-height: 14px;
}

.first_col p {

}

.first_col ul li {
	font-size: 10px;
	line-height: 17px;
}

.second_col p {
	margin-right: 25px;
}


.footer {
	font-size: 10px;
}

strong {
	font-weight:bold;
}

abbr {
	border-bottom: 1px #221111 dotted;
	cursor: help;
}

/* MAIN STRUCTURE ***************************************************/


.wrapper {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}
.header {
	height: 200px;
	position: relative;
}

.panorama {
	background: #c0c0c0;
	min-height: 150px;
}

.content {
	margin: 25px 0;
	float: left;
	width: 940px;
}


.first_col {
	width: 260px;
	margin: 0 60px 0 0;
	float: left;
}
.second_col {
	width: 310px;
	margin: 0 20px 0 0;
	float: left;
}
.third_col {
	width: 280px;
	float: right;
}
.wide_col {
	width: 620px;
	float: right;
}

.footer {
	margin: 0 0 0 320px;
}


/* HEADER ***********************************************************/

body {
	background: url(../img/bg_body.gif) center top no-repeat;
}

.logo h1 a {
	height: 150px;
	width: 221px;
	top: 24px;
	left: 0;
	display: block;
	position: absolute;
	background: url(../img/logo.gif) 0 0 no-repeat;
}

.navi {
	height: 35px;
	width: 618px;
	top: 136px;
	left: 320px;
	display: block;
	position: absolute;
}

.navi li {
	margin-right: 28px;
}
.navi li a b {
	display: none;
}

.navi li a {
	float: left;
	font-size: 10px;
	margin: 0;
	height: 36px;
	width: 100px;
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
}

.navi li a.navi_home {
	width: 50px;
	background-position: 0 0;
}
.navi li a.navi_speisekarte {
	width: 113px;
	background-position: -51px 0;
}
.navi li a.navi_anfahrt {
	width: 77px;
	background-position: -166px 0;
}
.navi li a.navi_fotos {
	width: 52px;
	background-position: -245px 0;
}
.navi li a.navi_ueber_uns {
	width: 90px;
	background-position: -298px 0;
}

.navi li a.presse {
	width: 62px;
	background-position: -392px 0;
}


.apos_element {
	display: block;
	position: absolute;
	top: 75px;
	width: 200px;
}

address.apos_element {
	left: 320px;
}

.telecomunication {
	left: 660px;
}
.opening_times {
	left: 800px;
}


/* FOOTER ************************************************************/
.footer a {
	text-decoration: none;
	min-height: 11px;
	line-height: 11px;
	padding-right: 5px;
}
.footer a:hover,
.footer a.current {
	text-decoration: underline;
}
.footer a.english span {
	display: none;
}
.footer a.english:hover span {
	display: inline;
}

.footer a.english {
	float: right;
	margin-top: 3px;
	margin-right: 5px;
	padding-right: 20px;
	background: url('/img/en_flag.gif') top right no-repeat;
}


/* CONTENT ************************************************************/

.social_links a span {
	display: none;
}
.social_links a {
	display: block;
	height: 24px;
	background: url('/img/social_links.gif') 0 0 no-repeat;
}
.social_links a.social_qype {
	background: url('/img/social_links.gif') 0 0 no-repeat;
}
.social_links a.social_facebook {
	background: url('/img/social_links.gif') 0 -24px no-repeat;
}

a.pdf_download_link {
	display: block;
	height: 64px;
	background: url('/img/pdf_download_link.gif') 0 -4px no-repeat;
}

p a.social_qype {
	background: url('/img/qype_favicon.gif') center left no-repeat;
	padding-left:12px;
	color: #FF0033;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

p a.social_qype:hover {
	color: #221111;
}


.menue h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
.menue ul {
	list-style-position:outside;
	/*list-style-type: circle;*/
	list-style-image: url(/img/list_bullet.gif) ;
	margin:5px 10px 20px 0;
	
}

.menue ul li {
	line-height: 17px;
	margin: 2px 0 6px 0;
}

.menue ul li span {
	font-size: 11px;
}


.menue ul li:hover {
	background: #ececec;
	cursor: default;
}

.menue ul li small {
	white-space:nowrap;
	float: right;
}

.card h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 15px 0;
}

.card h4 {
	font-size: 13px;
	font-weight: bold;
	font-family: 'Lucida Grande','Lucida Sans Unicode',san-serif;
}



/**********************/

.lavaLampBottomStyle {
    position: relative;
    height: 40px;
    overflow: hidden;
}
	.lavaLampBottomStyle li {
	    float: left;
	    list-style: none;
	    }
	    .lavaLampBottomStyle li.back {
				border-bottom: 4px solid #211111;
				height: 36px;
		z-index: 8;
		position: absolute;
		    }
	    .lavaLampBottomStyle li a {
		z-index: 10;
		display: block;
		float: left;
		height: 35px;
		position: relative;
		overflow: hidden;
	    }   
	    .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
		    border: none;
	    }




.photo_list li {
	float: left;
	margin: 0 15px 15px 0;
}
.photo_list  {
	margin-right: -10px;
}




/* Admin ************************************/
#flashMessage {
	color: #fff;
	background-color: #211111;
	padding: 20px;
	font-size: 20px;
	text-align: center;
}
table.cake-sql-log {
	text-align: left;
	background: #E9E9E9;
	width: 100%;

}
.cake-sql-log caption,
.cake-sql-log th,
.cake-sql-log td {
	border: 1px solid #211111;
	padding: 3px;
	background: #E9E9E9;
}
.cake-sql-log caption {
	margin-top: 100px;
	background-color: #C0C0C0;
}
.input {
	margin-bottom: 15px;
}
.input label {
	display: block;
	margin-bottom: 3px;
}

.input input,
.input select,
.input textarea {
	display: block;
	line-height: 25px;
	font-size: 20px;
	padding: 2px 5px;
}

.admin_navi {
}

.admin_navi li a {
	display: block;
	padding: 6px 8px;
	margin: 0 30px 4px 0;
	text-decoration: none;
	font-size: 17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #fff;
	background:-moz-linear-gradient(top,#fff,#ddd);
	background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#ddd));
	border:1px solid #ddd;
}


.admin_navi li a:hover {
	background: #C9C7C7;
	border:1px solid #ddd;
}


/* ESHER *********************************** */

.metalist {
	margin-top:32px;
}

.first_col ul.metalist li {
	text-align: right;
	line-height: 14px;
	margin-bottom: 10px;
}

ul {
	margin: 0 0 20px 0;
}

.small {
	font-size: 10px;
}



.button,
input[type=submit] {
	width:auto;
	text-shadow:0 1px 0 #fff;
	padding: 1px 4px;
	border:1px solid #ddd;
	border-bottom-color:#ccc;
	border-top-color:#eee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
	background:-moz-linear-gradient(top,#fff,#ddd);
	background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#ddd));
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

.button:hover,
input[type=submit]:hover, 
input[type=submit]:focus {
	cursor:default;
	color:#911;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.button:active,
input[type=submit]:active {
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);
}

.today {background-color:#FFFCD1 !important;}