/* Template Settings */

	html {
		height: 100%;
	}

	body {
		background-color:#6E0B0B;
		color:#C7A761;
		font-family: 'Lora';
		font-size:17px;
		line-height:25px;
		margin:0;
		height:100%; /* Mindesthöhe für den IE */
	}
	
	#nonFooter {
		position: relative;
		margin:0 auto 0 auto;
		width:100%
		min-height: 100%;
	}

	* html #nonFooter {
		height: 100%;
	}	


	

/* globale Werte */

	img {border:0;}
	form {margin:0;}

	#anker {height:0;}

	.clear_left {clear:left;height:0px;}
	.clear_right {clear:right;height:0px;}
	.clear_both {clear:both;height:0px;}

	.cl {clear:left; height:0px;}
	.cr {clear:right; height:0px;}
	.cb {clear:both; height:0px;}

	.ac {text-align:center;}
	.al {text-align:left;}
	.ar {text-align:right;}
	.vt {vertical-align:top;}
	.vm {vertical-align:middle;}
	.vb {vertical-align:bottom;}

	.cp	{cursor:pointer;}
	.dn {display:none;}
	.db {display:block;}
	.nobr {white-space:nowrap;}

	
	.b {font-weight:bold;}
	.w {color:#fff;}
	
	a:link, a:visited {color:#fff; text-decoration:underline;}
	a:hover, a:active {color:#fff; text-decoration:underline;}


	.scrollToTop{
		position:fixed;
		bottom:80px;
		right:0px;
		width:90px; 
		height:35px;
		display:none;
		padding-top:7px;
		padding-left:10px;
		background-color:#500808;
		transition: background-color .30s ease-in-out;
		-moz-transition: background-color .30s ease-in-out;
		-webkit-transition: background-color .30s ease-in-out;
	}

	.scrollToTop:hover{
		color:#E2CF77;
		background-color:#2E0505;
	}


	
	
/* Top */	

	#top .rahmen {
		position:relative;
		background-color:#590909;
		height:60px;
		width:950px;
		margin:0 auto 0 auto;
	}

	#top #logo {
		position:absolute;
		top:10px;
		left:60px;
		height:90px;
		z-index:100;
	}



/* Header */	
	
	#header {
		position:relative;
		height:370px;
		width:100%
		z-index:0;
		background-color:#190303;
	}

	#header #slider {
		position:absolute;
		top:0px;
		left:0px;
		height:370px;
		width:100%;
		z-index:1;
	}



/* Navigator */	

	#navigator_platzhalter {
		position:relative;
		height:40px;
		width:100%;
		z-index:1000;
	}		

	#navigator_rahmen {
		height:40px;
		width:100%;
	}		

	#navigator_rahmen.shadow {
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.7);
		-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.7);
		box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.7);
	}

	#navigator {
		position:relative;		
		background-color:#3F0606;
		height:40px;
		width:950px;
		margin:0 auto 0 auto;
	}		

	#navigator #facebook {
		float:right;
		margin:8px 10px 0 0;
	}

	.nav {
		position:relative;
		padding:0 0 0 4px; /* Fix for inline-block spacing*/
		margin:0;
		background-color:#3F0606;
		font-family: 'Lora';
		font-size:17px;
		line-height: 13px;
	}

	.nav_logo {
		float:left;
		margin:3px 10px 0 20px;
		display:none;
	}

	.nav a, .nav a:link, .nav a:visited, .nav a:hover, .nav a:focus {
		text-decoration:none;
	}

	.nav > li {
		display: inline-block;
		text-align: center;
		margin-left: -4px; /* For the inline-block spacing */
	}

	.nav > li > a {
		display: block;
		height:28px;
	}

	.nav > li:hover {
		background-color:#f4ece4;
	}

	.nav > li:hover > a {
		color:#222;
	}

	.nav > li > ul {
		position: absolute;
		list-style:none;
		background-color:#f4ece4;
		top:40px;
		width:250px;
		text-align: left;
		padding:0;
		visibility: hidden;
		opacity: 0;
		transition: opacity .20s ease-in-out;
		-moz-transition: opacity .20s ease-in-out;
		-webkit-transition: opacity .20s ease-in-out;
		-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.5);
	}

	.nav > li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin-top:0px;
		z-index: 1000;
	}

	.nav > li > ul li {
		position: relative;
		display: block;
		border-top:1px solid #fcf9f7;
	}

	.nav > li > ul li a {
		display: block;
		height:100%;
		width:220px;
		padding:12px 0 12px 30px;
		color:#444;
	}

	.nav > li > ul li:hover {
		background-color:#C7B2AC;
		color:#fff;
	}

	.nav > li > ul li:hover a {
		color:#fff;
	}






	
/* Datenbereich */	

	#datenbereich {
		position:relative;
		margin:0;
	}

	#datenbereich .rahmen {
		position:relative;
		background-color:#590909;
		width:950px;
		margin:0 auto auto;
		overflow:hidden;
	}




/* Bereiche */	

	.bereich #links   {
		float:left;
		width:900px;
		margin:60px 0 200px 80px;
	}

	.bereich_banner #links   {
		float:left;
		width:650px;
		margin:60px 0 150px 60px;
	}

	.bereich_banner #rechts   {
		float:left;
		width:200px;
		height:100%;
		margin:100px 0 0 0;
	}

	.bereich_banner #rechts .banner {
		display:block;
		width:200px;
		background-color:#751616;
		margin-bottom:50px;
		-webkit-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.3);
		text-decoration:none;
	}

	.bereich_banner #rechts .banner .bild {
		width:200px;
	}

	.bereich_banner #rechts .banner .titel {
		padding:10px 7px 10px 10px;
		font-size:18px;
		line-height:20px;
		color:#C7A761;
	}

	.bereich_banner #rechts .banner .text {
		padding:0 7px 30px 10px;
		font-size:14px;
		line-height:20px;
		color:#F1E8E8;
	}

	.bereich_banner #rechts a.banner:hover {
		background-color:#3F0606;
		-webkit-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.5);
	}

	.bereich_banner #rechts a.banner:hover .text {
		color:#C7A761;
	}

	.bereich_banner #rechts a.banner:hover .titel {
		color:#F1E8E8;
	}








/* Speisekarte */

	.speisekarte {
		width:790px;
		margin:60px 0 200px 80px;
	}

	.speisekarte h1 {
		margin-top:3px;
	}

	.speisekarte h2 {
		float:left;
		margin-top:50px;
	}

	.speisekarte .close {
		float:right;
		margin:50px 5px 0 0;
		cursor:pointer;
	}

	.speisekarte .close:hover {color:#fff;}


	.speisekarte .catlnk {
		background-color:#470707;
		transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-webkit-transition: background-color .15s ease-in-out;
		padding:5px 10px 10px 10px;
	}

	.speisekarte .catlnk:hover {
		background-color:#E2CF77;
		color:#000;
	}










	.speisekarte .anfang {
		padding-bottom:20px;
		color:#C7A761;
	}

	.speisekarte .ende {
		padding-top:20px;
	}

	.speisekarte .catdet {
		background-color:#470707;
		padding:5px 10px 10px 10px;
		margin-top:5px;
	}

	.speisekarte .catdet table {
		width:100%;
	}

	.speisekarte .catdet table td {
		border-top:1px solid #693320;
		padding-top:5px;
		padding-bottom:7px;
	}


	.speisekarte .catdet table .name {
		width:100%;
	}
	
	.speisekarte .catdet table .name div {
		font-style:italic;
		padding:0 20px 0 20px;
		opacity: 0.6;
    	filter: alpha(opacity=60);
	}

	.speisekarte .catdet table .wert1 {
		text-align:right;
		padding-right:3px;
	}

	.speisekarte .catdet table .wert2 {
		text-align:right;
		padding:5px 3px 7px 25px;
	}


	#datenbereich.oktober .rahmen {background-color:#007b99; background-image:url(../navigator/bg_oktober.png); color:#f3ecdd;}
	.speisekarte.oktober .close:hover {color:#dfd4b6;}
	.speisekarte.oktober .catdet {background-color:#004c6a;}
	.speisekarte.oktober .catlnk {background-color:#004c6a;}
	.speisekarte.oktober .catlnk:hover {background-color:#006d8b; color:#fff;}
	.speisekarte.oktober .catdet table td {border-top:1px solid #007b99;}

















/* Kontakt */

	.kontakt {
		width:830px;
		margin:60px 0 150px 60px;
	}

	.kontakt #box {
		color:#fff;
		background-color:#751616;
		margin:0;
		padding:5px 20px 30px 20px	;
		-webkit-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 5px 7px 5px 0px rgba(0,0,0,0.3);
	}

	.kontakt #box .titel {
		font-size:20px;
		color:#C7A761;
		padding:0 0 5px 0;
	}	

	.kontakt #box a:hover, .kontakt #box a:active {
		color:#C7A761;
	}

	.kontakt table {
		white-space:nowrap;
	}

	.kontakt #email_senden {
		display:none;
		margin:20px 0 100px 0;
	}

	.kontakt #email_senden h2 {
		margin:0 0 10px 0;
	}

	.kontakt #email_senden td {
		padding:3px 3px 3px 0;
	}

	.kontakt #adresse {
		margin:10px 0 0 0;
	}

	.kontakt td.fehler {
		color:#fff;
		color:#C7A761;
		font-weight:400;
		white-space:nowrap;
	}

	.kontakt #antwort {
		margin:100px auto 0 auto;
		width:500px;
	}




	
/* Footer */	
	
	#footer {
		position:relative;
		font-family: 'Lora';
		font-size:18px;
		background-color:#420707;
		color:#C7A761;
		color:#EFE7E7;
		overflow:auto;
	}

	#footer .rahmen {
		position:relative;
		width:800px;
		margin:0 auto 0 auto;
		padding:100px 50px 15px 50px;
		opacity: 0.8;
    	filter: alpha(opacity=80);
		font-size:14px;
		line-height:20px;
	}
	
	#footer #impressum {
		float:right;
	}

	#footer #bilderreich {
		float:left;
	}

	#footer a:hover {
		color:#C7A761;
	}

	





/* Textblock */

	h1, h2, h3, h4 {
		font-family: 'Lora';
		font-weight:400;
		color:#EFE7E7;
		padding:0;
	}

	h1 {
		font-size:32px;
		margin:0 0 15px -2px;
	}

	h2, h3, h4 {
		font-size:23px;
		margin:40px 0 5px 0;
	}

	.tb {
		width:750px;
		text-align: left;
	}

	.tb .titel {
		font-family: ;
		font-size:30px;
		font-weight:400;
		color:#fff;
	}

	.tb .caption {
		text-align:center;
		padding:2px 0 3px 0;
	}

	.tb .bild {
		background-color:#6A2222;
		border:0px;
	}

	.tb .bild_nolink {
		background-color:#6A2222;
	}

	.tb .pdf {
		display: block;
		background:url(../navigator/pdf.gif) 0px 0px no-repeat;	
		font-weight:bold;
		padding:7px 0 0 38px;
		height:24px;
		white-space: nowrap;
	}

	.tb .hz {
		float:left;
		margin:0;
		overflow:hidden;
	}
	
	.tb ul {
		list-style-type:square;
		list-style-position:outside;
		margin:0;
		padding-left:17px;
line-height:10px;
	}

	.tb ul li {
		margin:0;
		padding:0;
		line-height:22px;
	}




	
	
	
/* Formulare, Eingabefelder, Buttons */

	input[type="text"], textarea {
		background-color:#f4ece4;
		border:1px solid #89867b;
		color:#222;
/*
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
*/

		font-family: 'Lora';
		font-size:17px;


		line-height:20px;
		padding:3px;
	}

	input.fehler, textarea.fehler {
		border:1px solid #fff;
		color:#000;
		background-color:#C7A761;
	}

	button[disabled]:active, button[disabled],
	input[type="reset"][disabled]:active,
	input[type="reset"][disabled],
	input[type="button"][disabled]:active,
	input[type="button"][disabled],
	select[disabled] > input[type="button"],
	select[disabled] > input[type="button"]:active,
	input[type="submit"][disabled]:active,
	input[type="submit"][disabled] {
	  padding: 0px 6px 0px 6px;
	  border: 2px outset ButtonFace;
	  color: GrayText;
	  cursor: inherit;
	}

	input[type="submit"] {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		font-size:18px;
		font-weight:bold;
		cursor:pointer;
	}






/*
	Background Stretcher jQuery Plugin
	© 2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

	HTML {_background: url(/images/trans.gif) no-repeat fixed;}
	.bgstretcher-area { text-align: left; }
	.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
		position: absolute;
		top: 0;
		left: 0;
	}
	.bgstretcher UL, .bgstretcher UL LI {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.bgstretcher {
		background: black;
		overflow: hidden;
		width: 100%;
		position: fixed;
		z-index: 1;
		_position: absolute; /*IE6 doesn't support fixed positioning*/
		top: 0;
		left: 0;
	}
	
	


	.contenthover {
		position: relative;
		top: 38%;
		text-align:center;
		vertical-align: middle;
	}
	.contenthover, .contenthover a {
		color:#fff;
		font-size:14px;
		line-height:18px;
	}








	.tbr {
		width:100%;
		width:90%;
		max-width:750px;
		text-align:left;
	}

	.tbr .wrapper {
		width:100%;
border:0px solid #ffee00;
	}

	.tbr .bild {
		width:100%;
		max-width:100%;
		height:auto;
		background-color:#6A2222;
		border:0;
	}

	.tbr .hz {
		float:left;
		overflow:hidden;
	}

	.tbr .caption {
		text-align:center;
background-color:#000;
	}

	.tbr ul {
		list-style-type:square;
		list-style-position:outside;
		margin:0;
		padding-left:17px;
		line-height:10px;
	}

	.tbr ul li {
		margin:0;
		padding:0;
		line-height:22px;
	}