html, body
{
	height: 100%;
}

body
{
	margin-top: 0px;
	padding: 0px;
	background: #000000 url(../images/background02.jpg) no-repeat fixed center;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	color: #737373;
	background-size: contain;
}

h1, h2, h3
{
	
	margin: 0;
	padding: 0;
	font-family: 'Englebert', sans-serif;
	color: #804000;
}

h2
{
	font-weight: 400;
	font-size: 2.00em;
	color: #804000;
}

p, ol, ul
{
	margin-top: 0px;
}

p
{
	line-height: 180%;
}

strong
{
}

a
{
	color: #804000;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border: none;
}

img.border
{
}

img.alignleft
{
	float: left;
}

img.alignright
{
	float: right;
}

img.aligncenter
{
	margin: 0px auto;
}

hr
{
	display: none;
}

/** WRAPPER */

#wrapper
{
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,.10);
	border-radius: 40px;
}

#bistrowrapper
{
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,.10);
}

.container
{
	width: 1000px;
	margin: 0px auto;
}

.container2
{
	width: 920px;
	margin: 0px auto;
}

.bistro
{
	width: 870px;
	margin: 0px auto;
	padding: 20px 20px 20px 20px;
}

html.error
{
	/*background-image:url(../images/error404.png);*/
	background-size: cover;
	width: 1000px;
	height:380px;
	margin: 0px auto;
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,.10);
	border-radius: 40px;
}

div.form label.error
{
	color: #F00;
}
div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;

}
div.form .errorMessage
{	
	border: 0px solid;
	color: red;	
	float: right;
	text-align: left;
	width: 45%;
	
}

.clearfix
{
	clear: both;
}

/** HEADER */

#header
{
	overflow: hidden;
	width: 920px;
	padding: 0px 40px;
}

/** LOGO */

#logo
{
	float: left;
	width: 230px;
	height: 122px;
}



/** MENU */

#menu
{
	float: right;
	width: 650px;
	height: 50px;
	margin-top: 72px;
	background: #FF1EE4;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,.10);
	border-radius: 20px 20px 0px 0px;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li
{
	display: inline-block;
	padding: 0px 20px;
}

#menu a
{
	display: block;
	line-height: 50px;
	text-decoration: none;
	font-family: 'Englebert', sans-serif;
	font-size: 1.50em;
	color: #FFFFFF;
}

#menu a:hover
{
	text-decoration: underline;
	color: #F6FF07;
}

/** PAGE */

#page
{
	overflow: hidden;
	padding: 50px 40px;
}

#page h2
{
	padding-bottom: 20px;
}

/** CONTENT */

#content
{
	float: left;
	width: 920px;
}



#ueberuns
{
	float: left;
	width: 330px;
	
}
/** SIDEBAR */

#sidebar
{
	float: right;
	width: 520px;
	
}

#contact {
	width: 500px;
	margin: 0px auto;
	padding: 30px 10px;
	border: 1px solid #e1e1e1;
	background: #FFF;
}

.map-container {
	display:inline-block;
	border:5px solid #fff;
	box-shadow:3px 3px 2px rgba(0,0,0,.2);
	margin:0 0 25px 0;
}
.map-container iframe {
	width:350px;
	height:281px;
	margin:0;
	border:none;
}

/*
#contact label 
{
	float: left; 
	clear: left;
	margin: 6px 10px 0 0; 
	width: 120px;
	text-align: right; 
	font-size: 13px; 
	color: #445668; 
	text-shadow: 0px 1px 0px #f2f2f2;
}
*/

/* Footer */

#footer
{
	overflow: hidden;
	padding: 30px 0px;
	color: #FF1EE4;
}

#footer p
{
	text-align: center;
}

#footer a
{
	color: #FF1EE4;
}

.image-style img
{
	margin-bottom: 2em;
	border-radius: 30px;
}

/** LIST STYLE 1 */

.list-style1
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	color: #777777;
}

.list-style1 li
{
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #D6D6D6;
}

.list-style1 a
{
	color: #777777;
}

.list-style1 h3
{
	padding: 10px 0px 5px 0px;
	font-weight: 500;
	color: #444444;
}

.list-style1 .posted
{
	padding: 0px 0px 0px 0px;
}

.list-style1 .first
{
	border-top: 0px;
	padding-top: 0px;
}

/** LIST STYLE 2 */

.list-style2
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style2 li
{
	padding: 10px 0px 20px 0px;
	border-top: 1px solid #C9C9C9;
}

.list-style2 a
{
	color: #777777;
}

.list-style2 .first
{
	padding-top: 0px;
	border-top: 0px;
}

.link-style1
{
	display: inline-block;
	margin-top: 20px;
	background: #804000;
	border-radius: 10px;
	padding: 10px 30px;
	text-decoration: none;
	font-family: 'Englebert', sans-serif;
	font-size: 1.50em;
	color: #FFFFFF;
}
#gallery {
	overflow: hidden;
	margin: 0px 0px 0px 55px;
	padding: 0px;
	list-style: none;
}

#gallery li {
	float: left;
	margin: 5px;
	padding: 5px 10px;
}

#gallery img {
	opacity: 0.4;
	/*filter: alpha(opacity=40);*/
}

#gallery a:hover img {
	opacity: 1;
	/*filter: alpha(opacity=100);*/
}

label {
	float: left; 
	clear: left; 
	margin: 6px 10px 0 0; 
	width: 120px;
	text-align: right; 
	font-size: 13px; 
	color: #445668; 
	text-shadow: 0px 1px 0px #f2f2f2;	
}

input {
	width: 275px; 
	height: 22px; 
	padding: 0px 20px 0px 5px; 
	margin: 0 0 15px 0; 
	background: #f2f2f2;
	border-radius: 5px; 
	font-family: sans-serif; 
	font-size: 12px; 
	color:  #445668;	
}

	
textarea {
	width: 275px; 
	height: 170px; 
	padding: 5px 20px 0px 5px; 
	margin: 0 0 20px 0; 
	background: #f2f2f2;
	border-radius: 5px; 
	font-family: sans-serif; 
	font-size: 12px; 
	color: #445668;	
}
	
	
input:focus, textarea:focus {
	background: #CCCCCC;
}


input[type=submit] {
	width: 135px; 
	height: 28px; 
	float: right; 
	padding: 5px 10px; 
	margin: 0 15px 0 0;
	border: 1px solid #556f8c;
	cursor: pointer;
}


button {
	width: 275px; 
	height: 22px; 
	padding: 0px 20px 0px 5px; 
	margin: 0 0 15px 0; 
	background: #f2f2f2;
	border-radius: 5px; 
	font-family: sans-serif; 
	font-size: 12px; 
	color:  #445668;	
}
button[type=button] {
	width: 135px; 
	height: 28px; 
	float: right; 
	padding: 5px 10px; 
	margin: 0 15px 0 0;
	border: 1px solid #556f8c;
	cursor: pointer;
}

input[id=code] {
	width: 50px; 
	height: 22px; 
	padding: 0px 20px 0px 5px; 
	margin: 0 0 15px 0; 
	background: #f2f2f2;
	border-radius: 5px; 
	font-family: sans-serif; 
	font-size: 12px; 
	color:  #445668; 
}


/*==== Bistro ====*/
.menu-wrapper {
	margin: 1em auto;
	margin-bottom: 5em;
	padding: 0 15px 1em 15px;	
	width: 830px;
}
table.menu {
	margin: 0 auto;
	
	width: 800px;
}

table.menu th {
	color: #737373;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 95px;
	letter-spacing: .1em;
	padding: 1em 0;
	text-align: center;
	vertical-align: bottom;
}
	table.menu th a.menu-top-button {
		display: block;
		height: 48px;
		margin: 0 auto;
		text-indent: -9999em;
		width: 48px;
	}
table.menu td {
	color: #737373;
	font-size: 12px;
	font-family: sans-serif;
	line-height: 1.8em;
	padding: 0 .5em;
	padding-top: .25em;
	vertical-align: bottom;
}
table.menu td .region,
table.menu td i {
	font-style: normal;
	font-weight: normal;
}
table.menu td .region {
	display: block;
}

table.menu tr.subcategory td,
table.menu tr.subsubcategory td {
	padding-top: 1.5em;
	text-align: center;
}
table.menu tr.subcategory td {
	padding-top: 1.5em;
}
table.menu tr.subcategory td h3,
table.menu tr.subsubcategory td h4 {
	color: #737373;
	font-size: 16px;
}

table.menu td.name {
	font-weight: normal;
	padding-left: 0;
	text-align: left;
}
table.menu td.beschreibung {
	font-weight: normal;
	padding-left: 0;
	text-align: left;
	font-style: italic;
}
table.menu td.amount, 
table.menu td.price {
	white-space: nowrap;
}
table.menu td.price {
	padding-right: 0;
	text-align: right;
	vertical-align: bottom;
}
table.menu td.amount {
	text-align: right;
	vertical-align: bottom;
}
table.menu tr td {
	border-bottom: solid 1px #737373;
}
table.menu tr.empty td,
table.menu thead.category th,
table.menu tr.subcategory td,
table.menu tr.footnote td,
table.menu tr.placeholder td {
	border-bottom: none;
}
table.menu thead.category h2 {
	line-height: 1.9em;
}
	table.menu thead.category h2 {
		display: inline-block;
		height: 60px;
		margin: 0;
		padding: 0;
		text-indent: -9999em;
		width: 300px;
		zoom: 1;
	}