@charset "UTF-8";
/* Withouth content part */

body, html
{
	padding: 0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

html
{
	border-top: 30px black solid;
	border-bottom: 30px black solid;
}

body
{
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
}

#global
{
	margin: 0px auto;
	padding: 0px;
	width: 962px;
	text-align: center;
}

#header
{
	background: url(../images/header.jpg) no-repeat bottom;
	height: 178px;
}

#header h1
{
	position: relative;
	color: #6c142b;
	//text-shadow: #333 1px 1px 1px;
	font-weight: lighter;
	font-size: 18pt;
	top: 145px;
	margin-top: 5px;
}

#navi
{
	background:url(../images/backgroundNavi.jpg);
	height: 102px;
	width: 100%;
}

#navi ul, #navi li
{
	padding: 0;
	margin: 0 auto;
}

#navi ul
{
	position: relative;
	top: 8px;
	list-style-image: none;
	list-style: none;
	background: url(../images/navi.jpg);
	width: 900px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#navi ul li
{
	display: inline;
	line-height: 38px;
	padding: 0px;
	margin: 0px;
}

#navi a
{
	color: #7a1418;
	font-size: 17px;
	text-decoration: none;
	padding: 10px;
	//text-shadow: #FF9 0px 1px 1px;
}

#navi a#active
{
	background: #ae5746;	
	color: #f6e3ab;
}

#navi a:hover
{
	color: #f6e3ab;
	//text-shadow: black 0px 1px 1px;
}

#content
{
	background-image: url(../images/backgroundContentMid.jpg);
	background-repeat: repeat-y;
	color: #791318;
	border-bottom: 6px black solid;
	text-align: left;
	font-size: 18px;
	text-align: center;
	height: 100%;
	/*overflow: hidden;*/
	padding-bottom: 50px;
	min-height: 520px;
}

#content a
{
	color: #7a1418;
	text-decoration: underline;
}

#content a:hover
{
	text-decoration: none;
}

#content #backgroundWrapper
{
	background: url(../images/backgroundContentTop.jpg) no-repeat;
	min-height: 216px;
	height: 100%;
	width: 962px;
	overflow: hidden;
	padding-top: 20px;
}

#backgroundWrapper a
{
	text-decoration: underline;
	color: #781419;
}

#backgroundWrapper a:hover
{
	text-decoration: none;
}

#content #imprintWrapper
{
	margin-left: 170px;
	text-align: left;
	color: #000;
}

#imprintWrapper p
{
	font-size: 13px;
}

#imprintWrapper h2
{
	color: #7a1418;
}

#imprintWrapper h1
{
	color: #7a1418;
	text-align: center;
}

#content h1
{
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	padding-bottom: 50px;
}

.zustellservice p
{
	color: #7a1418;
}

.zustellservice a
{
	color: #781419;
}

.zustellservice a:hover
{
	text-decoration: none;
}

#content h2
{
	font-size: 20px;
}

h3
{
	color: #7a1418;
}

#content h3
{
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

#content #left
{
	position: relative;
	clear: both;
	float: left;
	width: 310px;
	padding-left: 150px;
	margin-top: 25px;
}

#content #left img
{
	padding: 10px;
}

#content #right
{
	float: right;
	text-align: left;
	margin-right: 30px;
	margin-top: 20px;
	padding: 30px;
	width: 400px;
}

#content #rights
{
	color: black;
	margin-left: 100px;
	width: 700px;
	text-align: left;
	padding: 0px;
}

.italic
{
	font-style: italic;
}

#content p
{
	margin: 0px;
	padding: 0px;
	font-size: 17px;
}

#content #rights
{
	padding: 70px;
}

#content #rights p
{
	text-align: justify;
	font-size: 13px;
}

#content #start
{
	width: 300px;
	font-style: italic;
	position: relative;
	top: 65px;
	left: 220px;
	float: left;
	font-weight: bold;
}

#content #oeffnungszeiten
{
	position: relative;
	float: right;
	font-style: italic;
	top: 70px;
	right: 130px;
	font-weight: bold;
}

#content .left
{
	text-align: left;
	margin-left: 100px;
}

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

.bold
{
	font-weight: bold;
}

#content #oeffnungszeitenTerrazza
{
	margin-left: 580px;
	margin-top: 30px;
	text-align: left;
}

#content #terrazzaContent
{
	text-align: left;
	color: #000;
}

#terrazzaContent p
{
	color: #000;
}

#content p a
{
	color: #660;
	text-decoration: none;
}

#content p a:hover
{
	text-decoration: underline;
}

#content #wrapper
{
	overflow: hidden;
	width: 962px;
	padding-top: 90px;
	clear: both;
}

#content #restaurant
{
	float: left;
	display: inline;
	margin-left: 110px;
}

#restaurant a, #terrazza span a
{
	color: #781419;
	text-decoration: none;
}

#restaurant a:hover, #terrazza span a:hover
{
	text-decoration: underline;
}

#content #terrazza
{
	float: right;
	display: inline;
	margin-right: 110px;
}

.menu
{
	text-align: center;
	margin: 0 auto;
	width: 600px;
}

#content .menu li
{
	display: inline;
	margin: 15px;
	list-style: none;
}

#content .menu li a
{
	color: #781419;
	cursor: pointer;
}

#content .menu li a:hover
{
	text-decoration: none;
}

#content table
{
	width: 80%;
}

#content .menuCard table, .menuCard tr, .menuCard th, .menuCard td
{
	text-align: left;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}

#content .menuCard th
{
	font-style: italic;
	padding-top: 10px;
}

#content .menuCard
{
	margin-left: 100px;
}

#footer
{
	text-align: left;
	color: #f0ca7a;
	background: #932023;
	padding: 10px;
}

#footer ul
{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	list-style: none;
}

#footer li
{
	display: inline;
	padding-right: 30px;
}

#footer li a
{
	color: #f0ca7a;
	text-decoration: none;
}

#footer li a:hover
{
	text-decoration: underline;
}

#footer p
{
	text-align: center;
}

.foodPic
{
	position: absolute;
	top: 600px;
	left: 160px;
}

#top
{
	visibility: hidden;
}
