#debug
	{ position: fixed; top: 0; right: 0; background: white; }

body, html
	{ height: 100%; /*background: url("img/body-bg.jpg") top left repeat-x; background-attachment: fixed;*/ background-color: white
 }
 
 
.clear
	{ clear: both; }
	
#wrapper
	{ width: 970px; background: #5C727C; margin: 0 auto 0 auto; padding: 0 1px; }

header
/*	{ background: url("img/header-logo-bg.jpg") center center no-repeat; background-color: black; } */
	{ 
	background-color: #5C727C;
}
	
header .logo
	{ width: 970px;  margin: 0 auto 0 auto; padding: 0 0px; 
	float: left; position: relative; height: 300px; }
	
header .logo .svg
	{ width: 760px; height: 120px; position: absolute; right: 30px; bottom: 30px; }
	
header .logo .banner
	{ float: left; font-size: 26px; background: #ae2104; padding: 10px 30px 10px 30px; color: white; font-family: 'Lato', sans-serif;}

header .logo img
	{
	margin-top: 25px;
	margin-left: 20px;
}
 
	
header .type
	{
	background: url("img/bgstart.jpg");
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	text-transform: none;
	color: #3E2319;
	padding-top: 100px;
	padding-right: 0px;
	padding-left: 16px;
	padding-bottom: 150px;
	
	min-height: 270px;


	
	
}
		
	
	
header .start
	{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	
	font-size: 50px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom:250;
	margin-left: 10px;
}
	
	
h1
	{ font-size: 115px; }
	
nav
	{ background: white; width: 970px; }
	
nav ul
	{ display: table; margin: 0 20px 0 20px; }
	
nav ul li
	{ display: table-cell; }
	
nav ul li a
	{
	display: block;
	padding: 9px 14px 9px 14px;
	font-family: 'Lato', sans-serif; font-weight:300;
	font-size: 16px;
	text-transform: uppercase;
	color: #75473A;
	text-decoration: none;
}
	
nav ul li a:hover
	{
	color: #592821;
	text-decoration: none;
}
	
nav ul li.current a
	{
	color: white;
	background-color: #592821;
}
	
nav.fixed
	{ position: fixed; top: 0; z-index: 999; }
	
	
article.einfuehrung
	{ background: url("img/ks9.jpg"); no-repeat center top; background-color: black; padding: 0px 48px; }
	
	article.einfuehrung a
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 18px;
	color: #FFFFFF;
	padding-bottom: 15px;
	text-decoration: none;
}
	
	article.einfuehrung a:hover
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 18px;
	color: #FFCC66;
	padding-bottom: 15px;
	text-decoration: underline;
}
	
article.einfuehrung h2
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 50px;
	color: white;
	padding-bottom: 5px;
	line-height: 55px;
	}
	
	article.einfuehrung h3
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #CC6633;
	padding-bottom: 5px;
	line-height: 35px;
	}
	
article.einfuehrung .text
	{
	
	 background: url("img/transpBrown75.png");
	border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	color: white;
	width: 480px;
	margin-left: 280px;
	position: relative;
	min-height: 380px;
	clip: rect(auto,auto,50px,auto);
	padding-top: 26px;
	padding-right: 32px;
	padding-bottom: 50px;
	padding-left: 32px;
}
	
article.philosophie
	{ background: url("img/ks3.jpg"); padding: 0px 48px;  }
	
article.philosophie h2
	{font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 50px;
	color: white;
	padding-bottom: 5px;
	line-height: 55px;
}
	article.philosophie h3
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #CC6633;
	padding-bottom: 5px;
	line-height: 35px;
 }

article.philosophie table
	{ width: 100%; }

article.philosophie table tr td
	{ text-align: right; padding: 30px; }
	
article.philosophie table tr td:last-child
	{ text-align: left; }
	
article.philosophie .text
	{ background: url("img/transpBrown75.png");
	border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	color: white;
	width: 580px;
	margin-left: 40px;
	position: relative;
	min-height: 400px;
	clip: rect(auto,auto,50px,auto);
	padding-top: 26px;
	padding-right: 32px;
	padding-bottom: 50px;
	padding-left: 32px;
	 }
	

article.preise
	{ background: url("img/ks11.jpg"); padding: 0px 0px;  }
	
article.preise h2
	{ font-family: 'Lato', sans-serif;
	font-weight: 200;
	font-size: 40px;
	color: white;
	padding-bottom: 5px;
	line-height: 45px;
 }
 
article.preise h3
	{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: white;
	padding-bottom: 5px;
	padding-top: 3px;
	line-height: 25px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #fff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
 }

article.preise h4
	{ font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: white;
	padding-bottom: 5px;
	line-height: 20px;
 }

article.preise table
	{ width: 100%; }

article.preise table tr td
	{ text-align: left; padding-right: 10px; }
	
article.preise table tr td:last-child
	{ text-align: left; }
	
article.preise .text
	{
	background: url("img/transpBrown75.png");
	border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-size: 15px; font-weight:300;
	line-height: 20px;
	color: white;
	width: 350px;
	margin-left: 557px;
	position: relative;
	min-height: 680px;
	clip: rect(auto,auto,50px,auto);
	padding-top: 26px;
	padding-right: 32px;
	padding-bottom: 50px;
	padding-left: 32px;
}

article.preise hr {
 display: block; height: 1px;
    border: 0; border-top: 1px solid white;
    margin: 1em 0; padding: 0;
 
}
	

article.mich
	{ background: url("img/ks10.jpg"); padding: 0px 48px;  }
	
article.mich h2
	{font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 50px;
	color: white;
	padding-bottom: 5px;
	line-height: 55px;
}
	article.mich h3
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 35px;
	color: #CC6633;
	padding-bottom: 15px;
 }

article.mich table
	{ width: 100%; }

article.mich table tr td
	{ text-align: right; padding: 30px; }
	
article.mich table tr td:last-child
	{ text-align: left; }
	
article.mich .text
	{background: url("img/transpBrown75.png");
	
	border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	color: white;
	width: 420px;
	margin-left: 0px;
	position: relative;
	min-height: 480px;
	clip: rect(auto,auto,50px,auto);
	padding-top: 26px;
	padding-right: 32px;
	padding-bottom: 20px;
	padding-left: 32px;
}	



	

article.kontakt
	{
	background: url("img/ks4.jpg") top left no-repeat;
	background-color: #d4662c;
	color: #000;
	font-size: 16px;
	padding: 0px 48px;
	font-family: 'Lato', sans-serif;
	font-weight: 200;
}
	
article.kontakt h2
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 50px;
	color: white;
	padding-bottom: 5px;
	line-height: 55px;
}
	article.kontakt h3
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 35px;
	color: #CC6633;
	padding-bottom: 15px;
}



article.kontakt a
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	
	line-height: 35px;
	color: #CC6633;
	padding-bottom: 15px;
	text-decoration: none;
}
	
	article.kontakt a:hover
	{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	
	line-height: 35px;
	color: #CC6633;
	padding-bottom: 15px;
	text-decoration: underline;
}

article.kontakt .tbl
	{ display: table; }
	
article.kontakt .tbl .cell
	{ display: table-cell; vertical-align: top; }
	
article.kontakt .tbl .cell .feld
	{ margin-bottom: 10px; }
	
article.kontakt .tbl .cell:first-child
	{ padding-right: 50px; }	

article.kontakt .tbl .cell  input
	{ padding: 8px 15px; width: 410px; background: black; color: white; border: 0; font-size: 16px; font-family: Rokkitt; margin-bottom: 5px; }	
	
article.kontakt .tbl .cell  button
	{ padding: 12px 20px; background: #506f7d; border: 1px solid #ffffff; border-radius: 4px; color: white; font-size: 16px; font-family: Rokkitt; margin-top: 15px; }
	
	article.kontakt .text
	{background: url("img/transpBrown75.png");
	
	border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-size: 18px; font-weight:300;
	color: white;
	width: 580px;
	margin-left: 0px;
	position: relative;
	min-height: 380px;
	clip: rect(auto,auto,50px,auto);
	padding-top: 16px;
	padding-right: 32px;
	padding-bottom: 50px;
	padding-left: 32px;
}	
	
	
	
footer
	{ background-color: #5C727C; color: white; font-size: 16px; padding: 50px 48px; font-family: Rokkitt; }
	
footer h2
	{ font-family: Anton; font-size: 50px; margin-bottom: 25px; text-transform: uppercase; color: #0c0f11; white-space: nowrap; }	

footer .tbl
	{ display: table; }
	
footer .tbl .cell
	{ display: table-cell; vertical-align: top; }

footer .tbl .cell .feld
	{ margin-bottom: 40px; }	
	
footer .tbl .cell:first-child
	{ padding-right: 70px; }
	
footer h3
	{ display: inline; }
	
footer td
	{ padding-right: 25px; }
	
footer a
	{ color: white; }
	
footer a:hover
	{ text-decoration: none; }
	
footer li
	{ margin-bottom: 10px; }

.copyright
	{
	background: black;
	display: table;
	width: 970px;
	font-family: Arial;
	font-size: 13px;
	color: white;
}
	
.copyright .l
	{ display: table-cell; padding: 8px 48px; }
	
.copyright .r
	{ display: table-cell; padding: 8px 48px; text-align: right; }
	
.copyright a
	{ color: red; font-weight: bold; text-decoration: none; }
	
.copyright a:hover
	{ text-decoration: underline; }
	
#presse a
	{ color: white; }
	
#presse h3
	{ font-family: Anton; font-size: 28px; margin: 10px 0 15px 0; text-transform: uppercase; }
	
	
#OT_feedTitle
	{ font-size: 20px; }
	
#opentable
	{ 
	margin: 30px 0 20px 0; border: 2px dashed #ae2104; padding: 15px 20px 15px 20px; background: url("img/opentable-bg.png");
	}
	
#OT_logo_j
	{
	background: none repeat scroll 0 0 transparent;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
	float: right;
    top: 80px;
    width: 100%;
	}
	
#OT_logoLink_j
	{
	display: block;
    font-family: Rokkitt;
    font-size: 13px;
    left: 0;
    margin: 0;
    padding: 0 0 10px;
    top: 60px;
    width: 100%;
	}
	
#OT_logoLink_j a
	{
	color: #ae2104;
	}
	
#OT_partySizeLbl, #OT_dateLbl, #OT_timeLbl
	{
    font-family: Rokkitt; font-size: 16px;
	}


header, article {
	position: relative;
}

.menubeacon {
	display: block;
	height: 42px;
	bottom: 0;
	position: absolute;
}

#start {
	height: 0;
	margin-top: 0;
	position: static;
}





/* marquee style */

.marquee {
	position: relative;
	width: 100%;

	padding: 0 40px;
	margin-left: -40px;

	border: 4px solid #f49e00;
	border-left: none;
	border-right: none;

	color: #fff;
	background: #000;
}

.marquee-content {
	overflow: hidden;
	width: 100%;
	padding: 3px 30px 2px 30px;
	margin-left: -30px;

	text-transform: uppercase;
	font-family: Rokkitt;
	font-size: 18px;
}

.marquee em {
	font-style: normal;
	font-weight: 800;
	color: #f49e00;
}

.marquee strong {
	font-weight: 800;
}







.marquee .wing {
	position: absolute;
	width: 0;
	height: 0;

	bottom: -25px;
}

.marquee .wing-left {
	left: 0;
	border-left: 25px solid transparent;
	border-top: 22px solid #f49e00;
}

.marquee .wing-right {
	right: 0;
	border-right: 25px solid transparent;
	border-top: 22px solid #f49e00;
}

.marquee .wing-left:after {
	content: '';

	display: block;
	position: relative;

	width: 0;
	height: 0;

	top: -22px;
	left: -19px;

	border-left: 19px solid transparent;
	border-top: 16px solid #666;
}

.marquee .wing-right:after {
	content: '';

	display: block;
	position: relative;

	width: 0;
	height: 0;

	top: -22px;
	right: 0px;

	border-right: 19px solid transparent;
	border-top: 16px solid #666;
}