@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */


html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important; }

body {
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Lucida,Garuda,sans-serif;
	font-size: 13px;
	color: #000;
	background: #47402d url(img/bg-main.gif) repeat-y center;
	/*background: #47402d;*/
	
}

#mainwrap {
	width: 658px;
	margin: 0 auto 0 auto;
	padding: 0 11px;
	/*background-color: #fff;*/
	position: relative;
}

#header {
	/*background-color: #99cc33;*/
	padding: 0 9px;
	position: relative;
	font-size: 12px;
}

#date {
	color: #a29d90;
	text-transform: uppercase;
	width: 400px;
}

#logo {
	display: block;
	width: 172px;
	height: 47px;
	position: absolute;
	top: 20px;
	right: 9px;
}

#header-top {
	text-transform: uppercase;
}
#header-top div {
	float: left;
	display: inline;
	margin-right: 9px;
}
#nav-home a {
	display: block;
	padding: 5px 4px;
	text-decoration: none;
	background-color: #47402d;
	color: #fff;
}

#date {
	padding: 5px;
}

#nav-main {
	/*background-color: red;*/
	text-transform: uppercase;
	margin-top: 87px; 
	padding-bottom: 5px;
	border-bottom: 1px solid #47402d;
}

.keyvisual {
	display: block;
	margin: 12px 9px;
}

#nav-sub {
	padding: 0 9px;
}

#content {
	line-height: 1.25em;
	margin-top: 30px;
}
#page-home #content {
	background: url(img/bg-multicol.gif) repeat-y;
	margin-top: 12px;
}



#content a,
#footer a {
	/*border-bottom: 1px solid #000;*/
	text-decoration: underline;
	color: #000;
}
#content a:hover,
#content a:active,
#footer a:hover,
#footer a:active {
	/*border-bottom: 1px solid #f2e205;
	color: #f2e205;*/
	background-color: #47402d;
	color:  #fff;
}




#content .col {
	padding: 0 9px;
}

#content .col-multi {
	float: left;
	display: inline;
	padding: 0 9px;
	margin: 0;
}

#content .col-1 {
	width: 150px;
}
#content .col-2 {
	width: 280px;
	border-left: 1px solid #47402d;
	border-right: 1px solid #47402d;
}
#content .col-3 {
	width: 172px;  
}

#nav-main li,
#nav-sub li {
	float: left;
	display: inline;
	margin-right: 9px;
}
#nav-main li a {
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #000;
}
#nav-main li a:hover,
#nav-main li a:active,
#nav-main li.act a {
	background-color: #47402d;
	color: #fff;
}

#nav-sub {
	font-size: 12px;
	line-height:1em;
}
#nav-sub li {
	margin-bottom: 5px;
	height: 1em;
}


#nav-sub li a {
	display: block;
	text-decoration: none;
	color: #a29d90;
	color: #000;
	border: 0 none;
	padding: 4px;
}
#nav-sub li a:hover,
#nav-sub li a:active,
#nav-sub li.act a,
#nav-sub li.ui-tabs-selected a {
	color: #fff;
	background-color: #47402d;
}


#content {
	line-height: 1.5em;
}

#content p,
#content ul,
#content img,
#content table {
	margin-bottom: 1.5em;
}

#content .nomargin {
	margin-bottom: 0px;
}


#content h2,
#content h3,
#content h4 {
	font-weight: bold;
}



#content table.ingredients td.amount {
	padding-right: 1em;
	text-align: right;
}

#content blockquote {
	font-style: italic;
}

#content .hl-graphical {
	width: 515px;
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
}
#content .hl-graphical strong {
	display: block;
	width: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
#hl-leistung { height: 59px; background-image: url(img/hl-leistung.gif); }
#hl-kueche { height: 59px; background-image: url(img/hl-kueche.gif); }
#hl-service { height: 59px; background-image: url(img/hl-service.gif); }
#hl-wir { height: 59px; background-image: url(img/hl-wir.gif); }
#hl-showroom { height: 59px; background-image: url(img/hl-showroom.gif); }
#hl-kontakt { height: 59px; background-image: url(img/hl-kontakt.gif); }
#hl-impressum { height: 27px; background-image: url(img/hl-impressum.gif); }

/* Teaserboxes Homepage */

#content .box-teaser {
	margin-bottom: 9px;
	font-size: 11px;
	line-height: 1.2em;
}

#content .box-teaser p {
	margin-bottom: 0px;
}

#content .box-teaser img {
	display: block;
}

.teaser-standard {
	padding-bottom: 9px;
}
.teaser-standard img {
	margin-bottom: 9px;
}
.teaser-standard h2 {
	font-weight: bold; 
	text-transform: uppercase;
}

#content .teaser-recipe {
	background-color: #f2e205;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	font-style: italic;
	padding: 9px;
}
#content .teaser-recipe h2 {
	text-transform: uppercase;
	font-weight: normal;
}
#content .teaser-recipe a:hover,
#content .teaser-recipe a:active {
	background-color: #47402d;
	color: #f2e205;
}

#content .teaser-main {
	background-color: #47402d;
	color: #fff;
	font-size: 18px;
	padding: 9px;
}
#content .teaser-main h2 {
	font-weight: normal;
}

#content .teaser-main a {
	color: #f2e205;
}
#content .teaser-main a:hover,
#content .teaser-main a:active {
	background-color: #f2e205;
	color: #47402d;
}

#content .teaser-slideshow {
	height: 190px;
	overflow: hidden;
}
#content .teaser-slideshow a {
	display: block;
	height: 190px;
}


/* Tabs */
.ui-tabs-hide { display: none; }


/* Gallery */
#gallery {
	width: 640px;
	height: 295px;
	overflow: hidden;
}

#gallery ul {
	width: 645px;
}

#gallery li {
	width: 124px;
	height: 95px;
	margin-right: 5px;
	margin-bottom: 5px;
	float:left;
	display: inline;
}
#gallery img {
	width: 124px;
	height: 95px;
	float:left;
	display: inline;
}


/* Footer */
#footer {
	margin: 9px;
	padding: 9px 0;
	border-top: 1px solid #47402d;
	font-size: 9px;
}
#footer .left {
	float: left;
	display: inline;
	width: 538px;
}
#footer .right {
	float: right;
	display: inline;
	width: 100px;
	text-align: right;
}