@import url(stylesheet.css);

/* ----------------------------------------------------- Anpassungen für ShopKopie */
/* change color: for sitewide Font-Color */
body {
font-family:  Helvetice, Arial, sans-serif;
font-size: 90.00%;
color: #556375;
/* 	color: #A5B0BE;
	font-family:  Helvetica, Verdana,Arial, sans-serif;
	background: #fcf9ea;
	background: url('img/background1.jpg') */
}

img {border:0px;}

/* change color: for sitewide h*-Color */
h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #006633;
	margin: 0 0 0.5em 0;
}
h1 {font-size:140%}
h2 {font-size:120%}
h3 {font-size:120%; font-style:italic;}
h4 {font-size:120%; font-style:bold;}
h5 {font-size:100%; font-style:bold;}

/* -- Wrap für Header -- Logozeile */
#topwrap {
	text-align:left;
	width: 100%;
	height:160px;
	border: 0px solid red;
	/*background: url('img/header-background.jpg') no-repeat;
	background-color: #efefef;
	background-color: #DABE9D;
	*/
}
#header{
	position: relative;
	margin: 15px auto 15px;
	/* background-color:#B98350; */
	width: 960px;
}
#topbar{
	width:955px;
	margin: 3px auto 0px auto;
	position: relative;
/* 	z-index: 10; */
	/*background:#B98350;*/}
/* -- done -- */

/* -- Wrap für Content --*/
#wrap {
	text-align:left;
	margin: 0 auto 0 auto;
	width: 960px;
	background-color: transparent;
}

#main_content {
	width: 100%;
	position: relative;
	top:-11px;	
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	border:0px solid red;
	vertical-align:top;}

#page_margin{margin: 0 0px}
/* -- done -- */

#footerTop {
	width: 960px;
	height: 40px;
	margin: 10px auto 20px auto;
	padding: 0em 0 0 0;
	border:1px solid #cecece;
	border-left:0px; border-right:0px;
	/*background: url('img/footerTop.png');*/
	/*background: url('img/footer-nl-bar.jpg');*/
	display: block;
}

#footer {
	width: 100%;
	/*height:450px;*/
	margin: 0em 0 0 0;
	padding: 0.5em 0 0 0;
	/*background: url('img/footer-bottom.jpg');
	border-top: 0px solid #eee;*/
	display: block;
}
.logo {padding-left:20px;}


a {
/* 	text-decoration: underline; */
	text-decoration: none;
	color: #887818;
}
a:hover,
a:active,
a:focus {
	color: #333;
/* 	text-decoration: underline; */
}
.floater {position:absolute; height:1px width:1px;}
.shadow {	-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.rounded {-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;}
.topleft {-webkit-border-top-left-radius: 1em;-moz-border-radius-topleft: 1em;border-top-left-radius: 1em;}
.topright {-webkit-border-top-right-radius: 1em;-moz-border-radius-topright: 1em;border-top-right-radius: 1em;}
.bottomleft {-webkit-border-bottom-left-radius: 1em;-moz-border-radius-bottomleft: 1em;border-bottom-left-radius: 1em;}
.bottomright {-webkit-border-bottom-right-radius: 1em;-moz-border-radius-bottomright: 1em;border-bottom-right-radius: 1em;}

.topleft-low {-webkit-border-top-left-radius: 0.5em;-moz-border-radius-topleft: 0.5em;border-top-left-radius: 0.5em;}
.topright-low {-webkit-border-top-right-radius: 0.5em;-moz-border-radius-topright: 0.5em;border-top-right-radius: 0.5em;}
.bottomleft-low {-webkit-border-bottom-left-radius: 0.5em;-moz-border-radius-bottomleft: 0.5em;border-bottom-left-radius: 0.5em;}
.bottomright-low {-webkit-border-bottom-right-radius: 0.5em;-moz-border-radius-bottomright: 0.5em;border-bottom-right-radius: 0.5em;}



/*** Artikeldetail *****************/
.drittel_breite {float:left; width:30%; padding:0px 20px 0px 0px;}
.right .leftcol {float:left; margin: 0px 20px 15px 0px; width:140px;}
.right .leftcol img {width:140px;}
.right hr {margin:20px 0px;}
.right .rightcol {width:260px; float:left;}
.right .rightcol h1 {line-height:0em; margin:20px 0px;}

#product_options {padding:0px;}
#single_product_text {width:104%;}
#product_info {margin-top:20px;}
.size_select {text-align:center; float:left; width:30px; height:20px; padding:3px; margin:0px 6px 6px 0px; border:1px solid #ccc; cursor:pointer; font-size:10px;}
.size_request {text-align:center; float:left; width:30px; height:20px; padding:3px; margin:0px 6px 6px 0px; border:2px solid #9e9e9e; background-image:url('img/icon/size-request-background.png'); background-repeat:no-repeat; cursor:pointer;  font-size:10px;}
.size_select:hover, .size_request:hover {border:1px solid #444;}
.size-not-available {background:url('img/size-not-available.jpg') no-repeat;}

.color_wrap {width:40px; float:left;}
.color_select {height:10px; width:30px; cursor:pointer; border-bottom:3px solid #fff; padding:3px 0px; margin:6px 0px}
.color_select:hover, .active_color {border-bottom:3px solid #444;}

.options {float:left; width:100%; padding:5px 0px 5px 0px;}
.option_name {width:90px;}
.option_value {}
.product_price {font-size: 25px; margin:0px; padding:0px; }
.product_attribute {width:80px; padding:10px; float:left;}
.product_attribute span {font-size:10px;}
	/* color */
	.blau, .dunkelblau, .cobalto {background-color: #40627C;}
	.vaquero {background-color: #648EC3;}
	.hellblau {background-color: #83D9F7;}
	.violett, .lila-pull-grain, .n293-purple, .lila {background-color: #AF11C4;}
	.türkis, .petrol, .acebo {background-color: #0EECF7;} 
	.braun, .dunkelbraun, .brown, .n293-coffee, .stone-brown, .braun-kombi {background-color: #382513;}
	.gelb {background-color: #D0A825;}
	.grün, .dunkelgrün, .n293-forest {background-color: #5C832F;}
	.hellgrün {background-color: #9AF783;}
	.oliv, .prado {background-color: #75BA53;}
	.multicolor {background: url(../img/filter/color/multicolor-gender.jpg);}
	.orange {background-color: #FF9800;}
	.rot, .dunkelrot, .rioja, .tibet {background-color: #C03000;}
	.bordeaux, .rost {background-color: #A73349;}
	.schwarz, .black, .night-white, .ebano, .n293-night, .black-night, .schwarz-kombi {background-color: #32331D;}
	.weiss, .farblos, .metall, .silber, .gold, .altweiss, .creme  {background-color: #FCFFF5;}
	.pink {background-color: #F70EA7;}
	.rosa, .flieder, .lachs {background-color: #F5C8E8;}
	.grau, .anthrazit {background-color: #a9a9a9;}
	.smog, .n293-plump {background-color: #989C79;}
	.beige, .bio, .sand {background-color: #F9F6B1;}
	.hellbraun, .mittelbraun, .cuero {background-color: #F4BA3D;}
	.rotbraun{background-color: #F46D38;}
	.khaki, .senf{background-color: #D8D076;}
	
	.gradient {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */}
	/* color */
	
	
/*** Artikeldetail *****************/


/** Box Cart **/
.logoDiv{background:url('img/cart-logo-elnaturalista.jpg') top left no-repeat;float:left; margin:0px 12px 12px 0px; width:90px; height:45px;}	

/** InformationMenu **/
.informationItem {background:url('img/arrow.jpg') 0px 4px no-repeat; padding:0px 15px 0px 10px; float:left}
.topInfoItem {padding:0px 10px 0px 0px; float:left}
/** ContentBoxen **/
.contentBlock { vertical-align: top; width: 269px; height: 380px; padding-left: 40px; float:left;}
.contentBlock img {margin: 0 1.5em 1em 0; float:left;}
.contentBlock p { margin: 0px; padding: 0px;}
.contentBlock b { color:#666;}

.shippingBlock { vertical-align: top; width: 400px; height: 150px; padding: 0px 20px 0px 20px; float:left;}
.shippingBlock img {margin: -0.5em 1em 1em 0; float:left; width:32px; height: 32px;}
.shippingBlock p { margin: 0px; padding: 3px 0px 0px 0px;}
.shippingBlock b { color:#666;}
.shippingLeft {float:left; width: 600px; height:450px;}
.shippingRight {float:left; width: 320px; padding:0px 20px 0px 20px;  height:300px;}
.shippingRight:after {clear: both;}
/** ContentBoxen **/

.gruppe_index_col1 {
	position: absolute;
	top:60px;
	left:30px;
	border:0px solid red;z-index:1000;
	width:190px;}

.gruppe_index_col2 {
	position: absolute;
	top:119px;
	left:190px;
	border:0px solid green;z-index:1000;
	width:190px;}

.gruppe_index_header {
	margin:0px 0px 15px 0px;
	background-color:#fff;
	padding:8px;
	font-family: georgia, sans-serif;
	color: #115433;
	font-size:1.2em;
	width:220px;}

.gruppe_index{margin:5px; padding:5px; width: auto; float:left;}
.gruppe_index a {
	padding:6px 60px 6px 18px;
	color:#ffffff;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	font-size:0.9em}
	
.gruppe_index a.konzept1 {background-color:#d888a8;}
.gruppe_index a.konzept1:hover {background-color:#e999b9;}

.gruppe_index a.konzept2 {background-color:#317cb1;}
.gruppe_index a.konzept2:hover {background-color:#428dc2;}

.gruppe_index a.konzept3 {background-color:#999966;}
.gruppe_index a.konzept3:hover {background-color:#aaaa77;}

.gruppe_index a.konzept4 {background-color:#e06020;}
.gruppe_index a.konzept4:hover {background-color:#f17131;}

.gruppe_index a.konzept5 {background-color:#60a0a0;}
.gruppe_index a.konzept5:hover {background-color:#71b1b1;}

.gruppe_index a.konzept6 {background-color:#887818;}
.gruppe_index a.konzept6:hover {background-color:#998929;}

.gruppe_index a.konzept7 {background-color:#d01050;}
.gruppe_index a.konzept7:hover {background-color:#e12161;}

.gruppe_index a.konzept8 {background-color:#90d0d0;}
.gruppe_index a.konzept8:hover {background-color:#a1e1e1;}

.gruppe_index a.konzept9 {background-color:#b87898;}
.gruppe_index a.konzept9:hover {background-color:#c989a9;}

.gruppe_index a.konzept10 {background-color:#683818;}
.gruppe_index a.konzept10:hover {background-color:#794929;}

.gruppe_index a.konzept11 {background-color:#660066;}
.gruppe_index a.konzept11:hover {background-color:#771177;}

.gruppe_index a.konzept12 {background-color:#a02020;}
.gruppe_index a.konzept12:hover {background-color:#b13131;}

.gruppe_index a.konzept13 {background-color:#cc6633;}
.gruppe_index a.konzept13:hover {background-color:#ee7744;}

.gruppe_index a.konzept14 {background-color:#606020;}
.gruppe_index a.konzept14:hover {background-color:#717131;}

/** Footer Boxen **/
#footer .content {
	width: 960px;
	margin: 0 auto;}
	
#footer .float-box {
	vertical-align: top;
	width: 320px;
	padding: 0px; 
	float:left;
	}

#footer .float-small {
	vertical-align: top;
	width: 80px;
	padding: 0px; 
	margin:0px 15px 20px 0px;
	float:left;}

#footer .float-box .item {width: 278px;}
#footer .float-box .item_right {width: 320px;}
#footer .float-box a, .float-box h3 { color: #889000; }
#footer .float-box p { margin: 0px; padding: 0px;}
#footer .float-box ul li {padding: 10px 0 10px 0; border-bottom:1px solid #ffffff;}
#footer  li.info {float:left; padding: 10px 0 10px 0; }
#footer .float-box img {float:left; margin: 0px 12px 12px 0px; padding:3px; border:1px dotted #ccc; width:120px;}
/** Footer Boxen **/

/** WordPress Beiträge **/
div.post-item {float:left; width:460px; padding-left:20px;}
img.alignleft {float:left; margin: 0px 10px 10px 0px; border:1px solid #a9a9a9; padding:3px;}
img.alignleft:hover {border:1px solid #ff9900;}
div.post {height: auto;}
/** WordPress Beiträge **/



/* Klassen für ausgewählte Filter */
.itemSelectWrap a {text-decoration: none;text-align:left}
.itemSelectWrap a span.inactive {color:#afafaf;}
.itemSelectWrap a span.inactive:hover {color:#000000;}
.itemSelect, .itemSelectActive {width:30px; float:left; margin:0px 4px 4px 0px}
.itemSelect img {width:30px; border:2px solid #fff;}
.itemSelectActive img {width:30px; border: solid #ffa800 2px; }

/* Klassen für Größen-Filter */
.itemSelectSize {padding:5px 0px 5px 3px;
				background:url(img/sizeBackground.jpg) no-repeat;
				background-position:2px;
				height:30px; width:30px; float:left; text-align:center;}				
.itemSelectSize a {font-size:10px;}
.itemSelectSize:hover {background:url(img/sizeBackground.hover.jpg) no-repeat;
				   background-position:2px;
				   height:30px;}
.itemSelectSizeActive {padding:5px 0px 5px 3px;
				   background:url(img/sizeBackground.jpg) no-repeat;
				   background-position:2px;
				   height:30px; width:30px; float:left;text-align:center;}
.itemSelectSizeActive a {font-size:10px;}

/* Klassen für Farb-Filter */
.itemSelectColor {padding:5px 0px 5px 0px; height:26px; width:26px; float:left; text-align:center;}				
.itemSelectColor:hover {}
.itemSelectColorActive {padding:0px 0px 5px 0px; height:26px; width:26px; float:left;}

/* Klassen für Filterheadlines */
.filterHeader {font-family: Georgia, serif; color:#000; height:23px; font-size: 14px;}
.filterHeader:hover {/*color: #ffa800;*/}
.filterHeader p { padding:5px 5px 5px 30px; line-height: 1em; margin:0px;}
.filterHeader p, .filterHeader a {}

.filterHeaderActive {background-color: #ffa800; font-family: Georgia, serif; color:#000; height:23px; font-size: 14px;}
.filterHeaderActive p {padding:5px 5px 5px 37px;  line-height: 1em; margin:0px;}
.filterHeaderActive p,.filterHeaderActive a {color:#fff;}

/******* Productlisting End *******/


/** CheckOut Accordians *
ui-accordion-header,.checkOut-header{
	background: url(img/checkout/checkOut-title-background.jpg) repeat-x top left;
	border:0px solid red;
	margin:0px;
	height:37px;
	padding:8px 0px 0px 20px;
	cursor: pointer;
	font-size:20px;}
	
ui-accordion-header:hover,.checkOut-header:hover{
	background: url(img/checkout/checkOut-title-hover.jpg) repeat-x top left;}
	
.ui-state-active {background: url(img/checkout/checkOut-title-hover.jpg) repeat-x top left;}
.checkOut-header a {text-decoration: none; font-size:20px;}
.checkOut-header a:hover{text-decoration: none;}

.ui-accordion-content, .checkOut-block{background-color:#f9f9f9; padding:20px 0px 0px 20px;}
** CheckOut Accordians **/

/****** jQuery *******/
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, sans-serif;
  font-size: 90%;
  z-index: 1;
  position: relative;
}
.nav li ul {z-index:10}

.nav li {
	float: right;
	margin: 0;
	margin-right:15px;
	padding: 0;
	position: relative;
	list-style-type:none;
	width: 110px;	
	text-align: left;
	cursor: pointer;
	}
.nav li span, .nav li a.catlink  {font-size:1em; line-height:1.1em;}

.nav li.green-one {border-bottom: 5px solid #889000;}
.nav li.green-one span {color: #889000;}

.nav li.green-two{border-bottom: 5px solid #6f8809;}
.nav li.green-two span {color: #6f8809;} 

.nav li.green-three {border-bottom: 5px solid #557f11;}
.nav li.green-three span {color: #557f11;}

.nav li.green-four  {border-bottom: 5px solid #377511;}
.nav li.green-four span {color: #377511;}

.nav li.green-five {border-bottom: 5px solid #116622;}
.nav li.green-five span {color: #116622;}

.nav li.green-six {border-bottom: 5px solid #006333;}
.nav li.green-six span {color: #006333;}

.nav li.green-one:hover, .nav li.green-two:hover, .nav li.green-three:hover, .nav li.green-four:hover, .nav li.green-five:hover, .nav li.green-six:hover {border-bottom-width: 9px}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	font-family: Arial, sand-serif;
	font-size: 1.7em;
	background: #fff;
	color: #000000;
	/* color: #A5B0BE; */
	display: block;
	padding: 0px 14px 2px 0px;
	text-decoration: none;
	/* border-left: 1px solid #fff; */
	border-left: 0px solid #fff;
}

.nav li a:hover {
	/* background: url('img/navLiHovBack.png');*/
	color: #ffa800;	
	text-decoration: none;
}
#CatNavi li:hover a, 
#CatNavi li.sfHover a {
	color: #ffa800;
}
#CatNavi li:hover ul a, 
#CatNavi li.sfHover ul a {
  background: #f6f6f6;
  color: #959595;	
  text-decoration: none;
}
#CatNavi li:hover ul a:hover, 
#CatNavi li.sfHover ul a:hover {
  color: #ffa800;	
}

.nav ul {
  background: #f6f6f6;
  list-style: none;
  margin: 0;
width:100%;
display: block;
  position: absolute;
  top: -999em;
/*  left: -1px;*/
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 1.5em;
}
.nav ul li {
  float: none;
}
.nav ul a {
border:2px solid #f6f6f6;

  white-space: nowrap;
  text-decoration: none;
}
.nav ul a:hover {
  background: #ccc;
  color: #ffa800;
}

/* Navigation Ende **************************/

/* ----------------------------------------------------- Anpassungen für ShopKopie */