* { padding: 0px; border: 0px; margin: 0px } 

body {
 font-family: Georgia, Palatino, Garamond, serif;
 font-size:12px; 
 color: #6B6B6B;
 background: #FCF7EE;
 text-align:center; 
}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


#wrapper { 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 width: 1006px;
}

#header {
 width: 100%;
 height: 184px;
 position: relative; 
}

#header a img {
 padding-left: 140px;
 padding-top: 31px;
 border: none;
}

#h_left {
	position: absolute;
	bottom: 0px;
	left: 9px;
	width: 116px;
	border-bottom: 2px solid #D9D3CB;
}
#h_mid {
	position: absolute;
	bottom: 0px;
	left: 140px;
	width: 397px;
	border-bottom: 2px solid #D9D3CB;
}
#h_gap {
	position: absolute;
	bottom: 0px;
	right: 449px;
	width: 20px;
	border-bottom: 2px solid #D9D3CB;
}
#h_right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 449px;
	border-bottom: 2px solid #D9D3CB;
}

#top {
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: 160px;
 height: 100px;
}

#maincol, #maincol2 {
	width: 866px;
	height: 445px;
 	float: right; 
 	position: relative; 
}

#content {
	float: left; 
 	position: relative;
	width: 397px;
	height: 445px;
	overflow: scroll;
	overflow: hidden;
	font-size: 12px;
}

#rightcolumn { 
 width: 449px;
 height: 449px;
 float: right;
 position: relative;
}

#menu { 
	position: relative;
	float: left;
	width: 126px;
	height: 449px;
	margin-top: 5px;
}

#menu a {
color: #000;
}

#menu ul {
list-style-type:none;
font-style: italic;
font-size: 15px;
}

#menu ul li {
margin-top: 8px;
}

#menu ul li a {
padding-left: 9px;
text-decoration:none;
}

#menu ul li a:link,#menu ul li a:visited {
}

#menu ul li a:hover,#menu ul li a:active,#menu ul li a:focus {
background:url(../images/arrow_black.png) no-repeat center left;
}

#menu ul li ul {
font-size: 12px;
margin-top: 5px;
}

#menu ul li ul li {
	margin-top: 4px;
}

#menu span.separator {
	display: inline-block;
	margin-left: 25px;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 12px;
	color: #000;
	background: url(../images/menu_separator.gif) no-repeat top left;
}
#menu ul li.item9 span.separator {
	background: none;
	margin-top: 0;
	padding-top: 0;
}

#menu ul li.active a:link,#menu ul li.active a:visited {
background:url(../images/arrow_black.png) no-repeat center left;
}

#menu ul li.active ul li a:link,#menu ul li.active ul li a:visited {
color: #6B6B6B;
margin-left: 18px;
padding-left: 7px;
font-size: 12px;
background: none;
display: block;
}

#menu ul li.active ul li.active a:link,#menu ul li.active ul li.active a:visited, #menu ul li.active ul li a:hover {
background:url(../images/arrow_grey.png) no-repeat center left;
}

/* Custom for Online Shop Link */
#menu ul li.item3 a {
background:url(../images/shop.png) no-repeat top left;
font-size: 18px;
}
#menu ul li.item3 a:hover,#menu ul li.item3 a:active,#menu ul li.item3 a:focus, #menu ul li.active.item3 a {
background:url(../images/shop-hover.png) no-repeat top left;
}
#menu ul li.item3 span {
	visibility: hidden;
}
#menu ul li.active.item3 ul li a:link,#menu ul li.active.item53 ul li a:visited {
color: #6B6B6B;
margin-left: 18px;
padding-left: 7px;
font-size: 12px;
background: none;
}
#menu ul li.active.item3 ul li.active span, #menu ul li.active.item3 ul li span {
	visibility: visible;
}
#menu ul li.active.item3 ul li.active a:link,#menu ul li.active.item3 ul li.active a:visited {
background:url(../images/arrow_grey.png) no-repeat center left;
visibility: visible;
}
/* Separator and below */
#menu ul li.item3 span.separator {
	display: inline-block;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 6px;
	width: 100%;
	line-height: 0px;
	background: url(../images/menu_separator.gif) no-repeat top left;
}
#menu ul li.active.item3 ul li.item30 a:link, #menu ul li.active.item3 ul li.item30 a:visited {
	margin-top: -7px;
}
#menu ul li.active.item3 ul li.item30 a:link, #menu ul li.active.item3 ul li.item30 a:visited,
#menu ul li.active.item3 ul li.item31 a:link, #menu ul li.active.item3 ul li.item31 a:visited,
#menu ul li.active.item3 ul li.item32 a:link, #menu ul li.active.item3 ul li.item32 a:visited,
#menu ul li.active.item3 ul li.item19 a:link, #menu ul li.active.item3 ul li.item19 a:visited {
	color: #ABAB9E;
}
/* End Shop Custom */

/* SCROLLBAR STYLING */
.withContent {
	border-bottom: 2px solid #D9D3CB;
}

#content_contentmask {
		overflow: hidden;
		position: relative;
		height: 445px;
		width: 382px;
		float: left;
	}

	#content_scrollcontainer {
		float: left;
		height: 445px;
		width: 15px;
		display: none;
	}
	#content_scrollUpBtn {
		width: 15px;
		height: 7px;
		background-image: url(../images/scrollbar_arrow_top.gif);
	}

	#content_scrollDownBtn {
		width: 15px;
		height: 7px;
		background-image: url(../images/scrollbar_arrow_bottom.gif);
		border-bottom: 2px solid #D9D3CB;
	}

	#content_scrolltrack {
		height: 431px;
		width: 15px;
		background-color: #D9D3CB;
	}

	#content_scrollknob {
		background: url(../images/scrollbar_drag.gif) no-repeat center;
	}
/* SCROLLBAR STYLING SHOP*/
#shopcontent_contentmask {
		overflow: hidden;
		position: relative;
		height: 449px;
		width: 449px;
		float: left;
		margin-left: 20px;
	}
	#shopcontent_scrollcontainer {
		float: right;
		height: 449px;
		width: 15px;
		margin-left: -15px;
		display: none;
	}

	#shopcontent_scrollUpBtn {
		width: 15px;
		height: 7px;
		background-image: url(../images/scrollbar_arrow_top.gif);
	}

	#shopcontent_scrollDownBtn {
		width: 15px;
		height: 7px;
		background-image: url(../images/scrollbar_arrow_bottom.gif);
		border-bottom: 2px solid #D9D3CB;
	}

	#shopcontent_scrolltrack {
		height: 435px;
		width: 15px;
		background-color: #D9D3CB;
	}

	#shopcontent_scrollknob {
		background: url(../images/scrollbar_drag.gif) no-repeat center;
	}
#shop2content_contentmask {
		overflow: hidden;
		position: relative;
		height: 449px;
		width: 866px;
		float: left;
		margin-left: 0px;
	}
	#shop2content_scrollcontainer {
		float: right;
		height: 449px;
		width: 15px;
		display: none;
		margin-left: -15px;
	}

	#shop2content_scrollUpBtn {
		width: 15px;
		height: 7px;
		background-image: url(../images/scrollbar_arrow_top.gif);
	}

	#shop2content_scrollDownBtn {
		width: 15px;
		height: 7px;
		background-image: url(../images/scrollbar_arrow_bottom.gif);
		border-bottom: 2px solid #D9D3CB;
	}

	#shop2content_scrolltrack {
		height: 435px;
		width: 15px;
		background-color: #D9D3CB;
	}

	#shop2content_scrollknob {
		background: url(../images/scrollbar_drag.gif) no-repeat center;
	}



/* Content Styling */

.contentheading, .componentheadingnews {
	width: 900px;
	font-size: 29px;
	color: #000;
	font-style: italic;
	padding-top: 25px;
	padding-bottom: 74px;
	border-bottom: 1px solid #D9D3CB;
}

/* Überschrift Artikel */
h3 {
	padding-top: 25px;
	padding-bottom: 45px;
	border-bottom: 1px solid #D9D3CB;
font-style: italic;
font-weight: normal;
font-size: 29px;
color: #000;
}

/* Unterüberschrift */
h4 {
font-style: italic;
font-size: 14px;
font-weight: normal;
color: #000;
padding-bottom: 17px;
}

/* Unterüberschrift nach oben verschoben wie bei Marken */
h6 {
font-style: italic;
font-size: 14px;
font-weight: 200;
color: #000;
margin-top: -75px;
margin-bottom: 65px;
}
/* Hauptüberschrift Shopseiten (leicht nach unten verschoben) */
h2 {
	padding-top: 28px;
	padding-bottom: 73px;
	border-bottom: 1px solid #D9D3CB;
font-style: italic;
font-weight: normal;
font-size: 29px;
color: #000;
}
/* Marken-Überschrift im Shop */
h1 {
font-style: italic;
font-size: 14px;
font-weight: 200;
color: #6B6B6B;
margin-top: -126px;
margin-bottom: 116px;
}

/* Unterüberschrift im Text */
h5 {
font-style: italic;
font-size: 14px;
font-weight: 200;
color: #000;
margin-top: 20px;
}

/* Kategorien-Überschrift bei Produkte */
.category_header {
display: block;
font-style: italic;
font-size: 14px;
font-weight: 200;
padding-top: 10px;
margin-bottom: -26px;
}

p {
font-size: 12px;
line-height: 15px;
margin-top: 2px;
margin-bottom: 10px;
}

a {
color: #6B6B6B;
text-decoration: underline;
outline: none;
}

/* shop kategorienbeschreibung */
#system-readmore {
	display: block;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #D9D3CB;
}

/* News Styling */
.contentheadingnews {
display: block;
font-style: italic;
font-size: 15px;
font-weight: 200;
color: #000;
margin-top: 2px;
}
.createdate {
	display: block;
	font-style: italic;
	font-size:10px;
	text-align: right;
	margin-top: 5px;
	width: 359px;
}
.news_item_end {
	display: block;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #D9D3CB;
}

/* VIP Page */
.vip {
	margin-top: 10px;
}
.vip ul li {
	font-size: 12px;
	line-height: 14px;
	list-style-type: disc;
	margin-bottom: 20px;
}

#maincol ul li {
	list-style: url(../images/list.gif);
	margin-left: 15px;
}


/* Artikel-Bilder rechts */
.willkommen {
	margin-top: -22px;
	margin-left: 28px;
}
.geschichte {
	margin-top: -45px;
	margin-left: -10px;
}
.news {
	margin-top: -33px;
	margin-left: 45px;
}
.philosophie {
	margin-top: 90px;
	margin-left: 18px;
}
.marken {
	margin-top: 6px;
	margin-left: 6px;
}
.medien {
	margin-left: 25px;
	margin-top: -65px;
}
.kontakt {
	margin-left: 40px;
	margin-top: -50px;
}
.auszeichnungen {
	margin-top: 20px;
	margin-left: 40px;
}


/* Kontakt Formular */
#content input, #content textarea {
	border: 1px solid #D9D3CB;
	margin-bottom: 5px;
	color: #6B6B6B;
	font-family: Georgia, Palatino, Garamond, serif;
}
#content input.button {
	border: 2px solid #D9D3CB;
	background: none;
	font-family: Georgia, Palatino, Garamond, serif;
}
#content input.button:hover {
	border: 2px solid #A57500;
	background: #FFF;
	color: #A57500;
}

/* MiniCart Module */
#top a img {
	padding: 0;
}

#top .cartwrapper {
	float: left;
	width: 80px;
	height: 100px;
	text-align: center;
	color: #000;
	font-style: italic;
}
#top .minicart_products {
	background: url(../images/bg_cart.gif) no-repeat center bottom;
	height: 73px;
}
#top .cartwrapper a img {
	margin-top: 4px;
}

.prod_count {
	display: block;
	font-size: 28px;
}
.prod_string {
	display: block;
}
#top .checkout {
	float: right;
	height: 75px;
	width: 80px;
	text-align: bottom;
}
#top .checkout a img {
	margin-top: 77px;
}
