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

/* html */
body {
	font-family:			"Trebuchet MS", Arial, Helvetica, "sans serif";
	text-transform:		lowercase;
	font-size:				11px;
	margin:						0px;
	padding: 					0px;
	margin-top: 			15px;
	margin-bottom:		30px;
	text-align: 			center;
	background: 			#596167 url(../gfx/background-001.jpg) repeat-x 0px 0px;
}
input, textarea, select {
	font-family:			"Trebuchet MS", Arial, Helvetica, "sans serif";
	font-size:				inherit;
}

/* id */

#outer-wrap {
	margin-left: 			auto;
	margin-right: 		auto;
	width: 						1000px;
	text-align:				left;
	background:				#FFFFFF url(../gfx/background-outer-wrap.gif) repeat-y top left;
}
#outer-wrap h1{
	display:					none;
}
#inner-wrap {
	background:				url(../gfx/background-inner-wrap.jpg) no-repeat 0px 0px;
}
#inner-wrap h1 {
	display:					inline;
}
#header {
	height: 					225px;
}
#topnavi {
	color:						#FFFFFF;
	width:						180px;
	text-align: 			center;
	margin-left:			790px;
	padding-top:2px;
}
#topnavi a {
	color:						#FFFFFF;
	text-decoration:	none;
}
#topnavi a:hover {
	text-decoration:	underline;
}
#outer-middle {
	float:						left;
}
#footer {
	clear:						both;
	background:				url(../gfx/background_loft_r4_c1.jpg) no-repeat bottom left;
}
#footer-inner {
	background:				url(../gfx/background-footer-inner.jpg) no-repeat 5px bottom;
	height: 					160px;
}
#stretch {
	width:						5px;
	height:						400px;
	float:						left;
}
#navi {
	width:						240px;
	margin-left:			0px;
	margin-top: 			50px;
	float: 						left;
}
#navi ul {
	list-style:				none;
	margin:						0px;
	padding:					0px;
}
#navi li {
	margin-bottom:		6px;
}
#navi li a.tabBoxClosed {
	background:				url(../gfx/button-top.gif) no-repeat left 50%;
	padding-left:			60px;
	display:					block;
	line-height:			23px;
	height:						23px;
	color:						#000000;
	font-weight:			bold;
	text-decoration:	none;
	font-size:				13px;
}
#navi li a.tabBoxOpen {
	background:				url(../gfx/button-over.gif) no-repeat left 50%;
	padding-left:			60px;
	display:					block;
	line-height:			23px;
	height:						23px;
	color:						#FFFFFF;
	font-weight:			bold;
	text-decoration:	none;
	font-size:				13px;
}
#navi li a.tabBoxClosed:hover, #navi li a.tabBoxClosed:focus {
	background:				url(../gfx/button-over.gif) no-repeat left 50%;
	color:						#FFFFFF;
}
#navi li a.tabBoxOpen:hover, #navi li a.tabBoxOpen:focus {
	background:				url(../gfx/button-over.gif) no-repeat left 50%;
	color:						#FFFFFF;
}
#navi ul ul {
	list-style:				none;
	margin:						0px;
	margin-top:				2px;
	margin-left:			75px;
	margin-bottom:		4px;
	font-size:				11px;
}
#navi ul ul li:hover, #navi ul ul li.subnavi-active {
	list-style-image:	url(../gfx/bullet-subnavi-over.gif);
}
#navi ul ul li {
	margin:						0px;
	padding:					0px;
	line-height:			18px;
}
#navi ul ul li a {
	color:						#000000;
	text-decoration:	none;
	background:				none;
	margin:						0px;
	padding:					0px;
	font-weight:			bold;
	height:						18px;
	line-height:			18px;
}
#navi ul ul li a:hover, #navi ul ul li a:focus, #navi ul ul li:hover, #navi ul ul li.subnavi-active, #navi ul ul li.subnavi-active a {
	color:						#B01C19;
	line-height:			18px;
}
#navi #tribal {
	background:				url(../gfx/tribal.gif) no-repeat bottom left;
	height:						140px;
	margin-bottom:		15px;
}
#navi .infobox {
	margin-left:			35px;
	font-size:				11px;
}
#content {
	width:						495px;
	margin-left:			275px;
}
#content a {
	text-decoration:	underline;
	color:						#B01C19;
}
#content a:hover {
	text-decoration:	underline;
}
#content h1 {
	background:				url(../gfx/bullet-content-h1.gif) no-repeat left 50%;
	padding-left:			25px;
	color:						#B01C19;
	font-size:				17px;
}
#content .article {
	margin-bottom:		20px;
	width:						100%;
	float:						left;
}
#content .article h2 {
	font-size:				15px;
}
#content .article h3 {
	font-size:				13px;
	margin:						0px;
	padding:					0px;
}
#content .article p {
	margin-top:				0px;
}
#content .article ul {
	margin:						0px;
	padding:					0px;
	list-style:				none;
}
#content .article li {
	margin-top:				0px;
	margin-bottom:		6px;
}
#content .article li a {
	background:				url(../gfx/bullet-infobox-h1.gif) no-repeat left 50%;
	padding-left:			15px;
	color:						#000000;
	text-decoration:	none;
	font-weight:			bold;
}
#content .article li a:hover {
	text-decoration:	underline;
}
#content .footernavi {
	margin-bottom:		20px;
	text-align:				right;
	width:						100%;
	float:						left;
}
#content .imgdetailnavi {
	text-align:				left;
	width:						100%;
	margin-top:				0;
	margin-bottom:		10px;
}
#content .break {
	margin:						0px;
	padding:					0px;
	width:						100%;
}
#content p.periods {
	margin-top:				14px;
	font-weight:			bold;
}
#content .article .article-image {
	float:						left;
	margin-right:			25px;
	margin-bottom:		15px;
	border:						none;
}
#content .article .gallery-image {
	margin-right:			0px;
	margin-bottom:		0px;
	border:						none;
}
#content .article .large-gallery-image {
	margin-right:			0px;
	margin-bottom:		0px;
	border:						none;
}
#content .article .outer-gallery-image {
	float:						left;
	margin-right:			15px;
	margin-bottom:		15px;
	height:						165px;
	width:						150px;
	text-align:				center;
	border:						none;
}
#content .article h2 span.article-date {
	color:						#B01C19;
}
#content div.card {
	width:						100%;
}
#content table {
	width:						100%;
	border-collapse:	collapse;
}
#content table.card {
	margin-bottom:		20px;
	margin-top:				10px;
}
#content table.card th {
	font-size:				13px;
	font-weight:			bold;
	background:				url(../gfx/bullet-infobox-h1.gif)	no-repeat left	50%;
	padding:					5px;
	padding-left:			20px;
	text-align:				left;
}
#content table.card td.litre {
	text-align:				right;
	vertical-align:		top;
	width:						8%;
	color:						#999999;
}
#content table.card td.price {
	text-align:				right;
	vertical-align:		top;
	width:						14%;
	font-weight:			bold;
}
#content table.card td {
	padding:					1px;
}
#content table.card tr.alternated {
	background:				#E6E7E8;
}
#infoarea {
	width:						200px;
	margin-right:			5px;
	margin-left:			auto;
}

/*	klassen	 */
.input-default {
	width:						300px;
	height:						auto;
}
.input-medium {
	width:						157px;
	height:						auto;
}
.input-small {
	width:						20px;
	height:						auto;
}
.input-textarea-default {
	width:						300px;
	height:						150px;
}
.input-submit {
	background:				url(../gfx/button-submit.gif) no-repeat	top left;
	border:						none;
	padding-left:			40px;
	color:						#FFFFFF;
	width:						167px;
	height:						23px;
	line-height:			23px;
	font-size:				11px;
	cursor:						pointer;
}

.gb-replies {
	color:						#B01C19;
	clear:						both;
}
.gb-replies a.tabBoxClosed {
	color:		 				#B01C19;
	padding-left:			11px;
	background:				url(../gfx/bullet-arrow.gif) no-repeat left 50%;
	text-decoration:	none;
	line-height:			20px;
}
.gb-replies a.tabBoxClosed:hover {
	text-decoration:	underline;
}
.gb-replies a.tabBoxOpen {
	color:		 				#B01C19;
	padding-left:			11px;
	background:				url(../gfx/bullet-downarrow.gif) no-repeat left 50%;
	text-decoration:	none;
	line-height:			20px;
}
.gb-replies a.tabBoxOpen:hover {
	text-decoration:	underline;
}
.gb-reply {
	color:						#B01C19;
	margin-bottom:		5px;
}
.gb-replies {
	color:						#B01C19;
	margin-bottom:		5px;
}
.gb-reply a.tabBoxClosed {
	color:		 				#B01C19;
	padding-left:			11px;
	background:				url(../gfx/bullet-arrow.gif) no-repeat left 50%;
	text-decoration:	none;
	line-height:			20px;
}
.gb-reply a.tabBoxClosed:hover {
	text-decoration:	underline;
}
.gb-reply a.tabBoxOpen {
	color:		 				#B01C19;
	padding-left:			11px;
	background:				url(../gfx/bullet-downarrow.gif) no-repeat left 50%;
	text-decoration:	none;
	line-height:			20px;
}
.gb-reply a.tabBoxOpen:hover {
	text-decoration:	underline;
}
.gb-replies-outer-box {
	margin-bottom:		15px;
	margin-left:			0px;
	margin-right:			0px;
	background:				#E6E7E8 url(../gfx/gb-replies-top-left.gif) no-repeat top left;
}
.gb-replies-inner-box {
	height:						10px;
	display:					block;
	background:				url(../gfx/gb-replies-top-right.gif) no-repeat top right;
}
.gb-replies-inner-box-outer-footer {
	height:						10px;
	display:					block;
	background:				url(../gfx/gb-replies-footer-left.gif) no-repeat bottom left;
}
.gb-replies-inner-box-inner-footer {
	height:						10px;
	display:					block;
	background:				url(../gfx/gb-replies-footer-right.gif) no-repeat bottom right;
}
.gb-replies-content-box {
	margin-left:			10px;
	margin-right:			10px;
	color:						#444444;
	border-bottom:		1px dashed #888888;
}
.gb-replies-content-box h2 {
	margin-bottom:		5px;
}
.infobox {
	width:						180px;
	margin-bottom:		30px;
	background:				#E6E7E8 url(../gfx/background-infobox-head.gif) no-repeat top left;
}
.inner-infobox {
	background:				url(../gfx/background-infobox-foot.gif) no-repeat bottom left;
	padding:					4px 8px;	
}
.inner-infobox-headline-only {
	padding:					4px 8px;
}
.infobox a {
	text-decoration:	none;
	color:						#B01C19;
}
.infobox a:hover {
	text-decoration:	underline;
}
.infobox img {
	border:						none;
	margin:						0px;
	padding:					0px;
}
.infobox h1 {
	margin:						0px;
	padding:					0px;
	padding-left:			15px;
	color:						#B01C19;
	font-size:				15px;
	background:				url(../gfx/bullet-infobox-h1.gif) no-repeat left 50%;
}
.infobox h1.fb-link {
  background:				url(../gfx/icon-facebook.gif) no-repeat left 50%;
  color: #3B5998;
  padding-left: 20px;
}
.infobox a.fb-link {
  color: #3B5998 !important;
}
.infobox dl {
	margin:						3px 0px;
}
.infobox h2 {
	margin:						0px;
	padding:					0px;
	font-size:				13px;
	font-weight:			bold;
}
.infobox h3 {
	margin:						0px;
	padding:					0px;
	color:						#666666;
	font-size:				11px;
	font-weight:			normal;
}
.infobox dl dt {
	margin:						0px;
	padding:					0px;
	color:						#B01C19;
	font-weight:			bold;
	font-size:				13px;
	float:						left;
}
.infobox dl dd {
	margin:						0px;
	padding:					0px;
	margin-left:			20px;
}
.infobox p {
	margin:						0px;
	padding:					0px;
	line-height:			1em;
}
.infobox p.gutter-top-bottom {
	margin-top:				3px;
	margin-bottom:		5px;
}
.infobox-image {
	background:				#FFFFFF;
	padding-bottom:		10px;
}
.red {
	color:						#B01C19;
}
.red-border {
	border:						1px solid #B01C19;
}
.grey {
	color:						#666666;
}
.info-soft {
	color:						#999999;
}
 {

}
a.fadeimg img { 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
a.fadeimg:hover img { 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}