@charset "utf-8";
/* CSS Document */

/**
 * GENERAL
 */
html, body {
	padding: 0;
	margin: 0;
	color: #fff;
	font: normal 14px 'Trebuchet MS', Arial, Sans-Serif;
	}

body {
	background: #a09a61 url('/tpl/body_back.png') center repeat-y;
	}

*:focus {
	outline: none;
	}

#page {
	position: absolute;
	top: 0;
	left: -400px;
	width: 800px;
	min-height: 100%;
	background: #6f2d19 url('/tpl/info_col_back.png') left top repeat-y;
	margin-left: 50%;
	}

/**
 * HEADER
 */	
#header {
	position: relative;
	top: 0;
	left: 0;
	height: 328px;
	padding-top: 1px;
	background: url('/tpl/header_back.jpg') top left no-repeat;
	clear: both;
	}


#header #logo {
	position: absolute;
	top: 0;
	right: 10px;
	width: 277px;
	height: 107px;
	}

#header #navigation {
	list-style: none;
	}
	
#header #navigation li {
	position: absolute;
	border-left: 2px solid #702d1a;
	float: left;
	opacity: .5;
	}

#header #navigation li#aroma {
	top: 10px;
	left: 60px;
	padding-bottom: 5px;
	}
#header #navigation li#restaurant {
	top: 43px;
	left: 140px;
	padding-bottom: 5px;
	}
#header #navigation li#bar-lounge {
	top: 71px;
	left: 230px;
	padding-bottom: 5px;
	}
#header #navigation li#vinothek {
	top: 97px;
	left: 340px;
	padding-bottom: 5px;
	}
#header #navigation li#event {
	top: 116px;
	left: 460px;
	padding-bottom: 5px;
	}
#header #navigation li#kontakt {
	top: 126px;
	left: 580px;
	padding-bottom: 5px;
	}

#header #navigation li.active,
#header #navigation li:hover {
	opacity: 1;
	}

#header #navigation li:hover {
	border-color: rgba(111, 44, 25, .5);
	}

#header #navigation li img {
	border: none;
	margin-left: -4px;
	}
	
#header #navigation li a:focus img {
	border-bottom: 1px solid #702d1a;
	}

/**
 * CONTENT
 */
#main {
	clear: both;
	}

#main p a {
	border-bottom: 1px solid #efecbe;
	color: #efecbe;
	text-decoration: none;
	}
	
#main p a:hover,
#main p a:focus,
#main button:hover,
#main button:focus {
	background: #8f5d42;
	}

#main #info {
	position: relative;
	top: -20px;
	left: 0;
	width: 216px;
	padding-bottom: 60px; /*#footer(line-height) + 20px*/
	color: #efecbe;
	float: left;
	}

#main #info .subnav {
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	list-style: none;
	}

#main #info .subnav li {
	text-align: right;
	}

#main #info .subnav a {
	padding: 2px 20px;
	color: #efecbe;
	font-size: 1.1em;
	font-family: 'Square721 BT', 'Trebuchet MS', Arial, Sans-Serif;
	text-decoration: none;
	display: block;
	}

#main #info .subnav a:hover,
#main #info .subnav a:focus {
	background: url('/tpl/subnav_hover.png') left repeat-y;
	}

#main #info .subnav .active a {
	background: url('/tpl/subnav_active.png') left repeat-y;
	}

#main #info .gallery {
	padding-right: 5px;
	text-align: right;
	}

#main #info .gallery img {
	width: 60px;
	height: 60px;
	padding: 1px;
	border: 2px solid #65200e;
	}

#main #info .gallery a:hover img,
#main #info .gallery a:focus img {
	border-color: #8f5d42;
	outline: 2px solid #8f5d42;
	}

#main #info h1 {
	margin: .5em 10px;
	margin-top: 1em;
	font-size: 1.5em;
	font-weight: normal;
	}

#main #info p {
	margin: 1em 10px;
	}

#main #info .dates {
	padding: 0;
	margin: .5em 10px;
	list-style: none;
	}

#main #info .dates li {
	margin: 1em 0;
	}

#main #info .dates dfn {
	padding: 0 2px;
	background: #6f2d19;
	display: block;
	}

#main #info .dates dfn,
#main #info .dates em {
	color: #fff;
	font-style: normal;
	}

#content {
	position: relative;
	top: 0;
	left: 0;
	width: 524px; /*#page(width) - #info(width) - 20px - padding-right*/
	padding-right: 40px;
	padding-bottom: 60px; /*#footer(line-height) + 20px*/
	float: right;
	}

#content #deco-0 {
	position: absolute;
	top: 0;
	right: 0;
	width: 305px;
	height: 100px;
	background: url('/tpl/content_back.png') top right no-repeat;
	}

#content #deco-1 {
	width: 20px; /*60px - #content(padding-right)*/
	height: 25px;
	margin-top: 50px;  /*#deco-3(height) + #deco-2(height)*/
	float: right;
	}
	
#content #deco-2 {
	width: 90px;
	height: 25px;
	margin-top: 25px; /*#deco-3(height)*/
	float: right;
	}
	
#content #deco-3 {
	width: 110px;
	height: 25px;
	float: right;
	}
	
#content h1 {
	padding-bottom: .5em;
	border-bottom: 1px solid #efecbe;
	color: #efecbe;
	font-weight: normal;
	font-size: 1.5em;
	}
	
#content #deco-3 + h1 {
	margin-top: 0;
	}

#content h2 {
	color: #efecbe;
	font-weight: normal;
	font-size: 1.2em;
	margin-top: 1.5em;
	margin-bottom: .67em;
	}

#content p {
	line-height: 140%;
	margin: 1em 0;
	}

#content li {
	padding-left: .2em;
	margin: .25em 0;
	color: #efecbe;
	}

#content li span {
	color: #fff;
	}

#content img.center {
	max-width: 500px;
	margin: 0 auto;
	display: block;
	}

#content ul.menu {
	padding: 0;
	margin: 0;
	}

#content .menu td {
	padding-bottom: 1em;
	}

#content .menu th {
	font-weight: normal;
	font-size: .9em;
	text-align: right;
	}

#content .menu h2 {
	margin-left: -35px;
	}

#content .menu p {
	text-align: center;
	}
	
#content .menu p span {
	margin: 0 1em;
	}

#content .menu li {
	padding-left: 15px;
	margin: 1em 0;
	clear: both;
	}

#content ul.menu li {
	padding: 0;
	list-style: none;
	}

#content .menu h3 {
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	}

#content .menu li var {
	width: 100px;
	color: #fff;
	font-size: .8em;
	font-style: normal;
	text-align: right;
	float: right;
	display: block;
	}

#content .menu dfn {
	font-style: normal;
	float: left;
	}

#content .menu li span {
	color: #fff;
	}

#content form ul {
	padding: 0;
	margin: 1em 0;
	list-style: none;
	}

#content form ul li {
	margin: .5em 0;
	}

#content form ul dfn {
	width: 100px;
	font-style: normal;
	display: block;
	float: left;
	cursor: pointer;
	}

#content form ul input,
#content form ul textarea,
#content form ul button {
	width: 350px;
	padding: 2px;
	background: #65200e;
	border: none;
	color: #fff;
	font: normal 14px 'Trebuchet MS', Arial, Sans-Serif
	}

#content form ul button {
	width: 100px;
	margin-left: 100px; /*form_ul_dfn(width)*/
	cursor: pointer;
	}

#content form label del {
	display: none;
	}

#content form .fail del {
	margin-left: 100px; /*form_ul_dfn(width)*/
	color: orange;
	text-align: left;
	text-decoration: none;
	display: block;
	}


/**
 * FOOTER
 */
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 40px;
	width: 544px; /*#page(width) - padding-left - padding-right*/
	padding-left: 236px; /*#info(width) + 20px*/
	padding-right: 20px;
	background: #773823 url('/tpl/footer_back.png') left top repeat-y;
	margin: 0;
	color: #efecbe;
	font-size: 12px;
	text-align: center;
	}

#footer var {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 40px; /*#footer(line-height)*/
	width: 216px; /*#info(width)*/
	font-style: normal;
	}

#footer a {
	color: #efecbe;
	text-decoration: none;
	}
	
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
	}