@charset "utf-8";
@import "prettyPhoto.css";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ul {
	list-style-type:	none;
	}

a {
	color:	#333;
	text-decoration: none;
	}


html { background: #f0f0f0; font: normal 14px/16px verdana; min-height: 100%;}
body { background: #f0f0f0 url(images/header_right.png) top left repeat-x; min-height: 100%; }
body.popup { width: 100%; background-image: none; }

#wrap { background: url(images/leftbar-background.png) top left repeat-y; width: 100%; margin: 0 0; padding: 0 0;  }
.contentholder { width: 1015px; padding: 0 0 30px 0; margin: 0 0;}
#container { float: right; margin-top: 200px;  width: 850px; }
#container-popup { float: left: margin: 50px auto; padding: 20px 20px; }
#subcontainer { float: right; width: 850px; }
.maincontent { width: 830px; margin-left: 10px; font-size: 10pt;  }
.innercontent, .incontent { width: 685px; margin-left: 100px; margin-top: 30px; color: #333; font-family: arial; font-size: 12px; line-height: 13px;  }
.incontentgreat { width: 730px; margin-left: 100px; margin-top: 30px; color: #333; font-family: arial; font-size: 12px; line-height: 13px;  }
#container-popup .incontentgreat { margin: 20px auto 0 auto; width: 100%;  }
#cart_switch_overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000; z-index:  50;  -ms-filter: "Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#cart_switch_details { position: fixed; top: 200px; left: 300px; z-index: 60; padding-top: 100px; height: 174px; width: 444px; background: url(images/cart_overlay_background.png) top left no-repeat; -ms-filter: "Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.00; }
#cart_switch_details a.cartoverlaylink  { margin-left: 100px; }

/* headlines */
.innercontent h4 { font-size: 13px; font-family: arial; }
.incontent h2 { color: #000; font-size: 14px; font-family: verdana; margin-bottom: 10px; }
.incontent h2.underline { background: url(images/productlisting/trennlinie.png) bottom left no-repeat; color: #666; padding-bottom: 5px; font-size: 9pt; line-height: 13pt; text-align: justify; margin-bottom: 20px; }
.incontent h3 { color: #000; font-size: 12px; font-family: verdana; margin: 10px 0 10px 0; }
.incontent h3.underline { background: url(images/productlisting/trennlinie.png) bottom left no-repeat; color: #666; padding-bottom: 5px; font-size: 9pt; line-height: 13pt; text-align: justify; margin-bottom: 20px; }
.underline { background: url(images/productlisting/trennlinie.png) bottom left no-repeat; color: #666; padding-bottom: 5px; font-size: 9pt; line-height: 13pt; text-align: justify; margin-bottom: 20px; }
.overline { background: url(images/productlisting/trennlinie.png) top left no-repeat; color: #666; padding-top: 5px; width: 685px;  }
/* html elements */
.incontent p { margin: 5px 0 5px 0; }
h1.productline, h4.productline { text-indent: -9999px; height: 52px; background-repeat: no-repeat; background-position: top left; }

a#homelogo { position: absolute; top: 0; left: 100px; height: 125px; width: 310px; text-indent: -9999px; }
#header { position: absolute; top: 0px; left: 49px; background: url(images/header_left.png) top left no-repeat; width: 950px; height: 187px; }
a#headerrabatt { position: absolute; background: url(images/drei_prozent_btn_hover.png) left top no-repeat; padding-left: 100px; height: 69px; width: 200px; top: 0px; left: 650px; font-size: 10pt;}
a#headerrabatt span { color: #fff; display: block; width: 190px; border-right: 1px solid #fff; }
a#headerrabatt:hover { background: url(images/drei_prozent_btn.png) left top no-repeat; color: #000; }

/*#navigation { position: absolute; top: 0; left: 0; padding-top: 200px; width: 165px; background: url(images/verlauf.png) top left no-repeat; min-height: 820px; }*/
#navigation { float: left; padding-top: 140px; padding-bottom: 10px; width: 165px; background: url(images/verlauf.png) top left no-repeat; min-height: 700px; }
#navigation a#salebtn { display: block;  margin: 0 auto 10px auto; background: url(images/sale_btn.png) top left no-repeat; width: 105px; height: 101px; }
#navigation a#salebtn:hover { background-image: url(images/sale_btn_hover.png);  }
#navigation ul#manufacturerlist { list-style-type: disc; margin-bottom: 10px; }
#navigation ul#manufacturerlist li { height: 17px; background: url(images/trennlinie.png) bottom left no-repeat; padding-bottom: 2px;  }
#navigation ul#manufacturerlist li a { background: url(images/dot.png) 10px center no-repeat; padding-left: 20px; display: block; height: 18px; color: #fff; text-decoration: none; font-size: 9pt; }
#navigation ul#manufacturerlist li.current { background: url(images/link_hover.png) bottom left no-repeat; }
#navigation a.singlelink { text-transform: uppercase; font-family: arial; font-weight: bold; font-size: 10pt; text-decoration: none; color: #fff; display: block; height: 23px; margin: 0 auto; padding: 8px 0 0 15px; background: url(images/buttons/mehr_bullet.png) 120px top no-repeat; }
#navigation a.singlelink:hover { background-image: url(images/buttons/mehr_bullet_hover.png); }
#navigation .box { margin: 10px 0; }
#navigation .box#login { width: 140px; margin: 0 auto; }
#navigation .box#login ul#accountlinks li { padding-left: 5px; }
#navigation .box#login ul#accountlinks li a { text-decoration: none; color: #fff; font-size: 8pt; }
#navigation .box#facebook_leftbar { width: 130px; margin: 30px auto 10px auto;  }
#navigation .box#googleplus_leftbar { width: 130px; margin: 10px auto 20px auto; }
#navigation .box#facebook_l { width: 130px; margin: 30px auto 10px auto;  }
#navigation .box#googleplus_kategorie { width: 10px; margin: 10px auto 20px auto; }

#breadcrumb { color: #999; background: url(images/home_hover.png) top left no-repeat; padding-left: 30px; margin: 5px 0 15px 10px;  font-size: 10pt; }
#breadcrumb span { font-weight: bold; }
#breadcrumb a { text-decoration: none; color: #999; font-size: 10pt; }

#quicknavigation { position: absolute; top: 138px; left: 150px; background: url(images/navi_bar.png) top left no-repeat; width: 876px; height: 66px; z-index: 30;  }
#quicknavigation ul { padding-left: 20px; padding-top: 4px; }
#quicknavigation ul li { float: left; margin: 0 0 0 0 ; background: url(images/trennstrich.png) right center no-repeat; }
#quicknavigation ul li.last { background: none; }

#duftbox { width: 700px; margin-left: 50px; margin-top: 50px; font-family: arial; font-size: 10pt; line-height: 12pt; }
#duftbox #damen { float: left; width: 320px; }
#duftbox #herren { float: left; width: 200px; }
#duftbox ul { padding: 0 0; margin: 0 0; }
#duftbox ul li { padding: 0 0; margin: 0 0; }
#duftbox ul li a { color: #333; text-decoration: none; padding: 0 0; margin: 0 0;  }
#duftbox ul li a:hover { color: #64ae23 ; }
#duftbox #damen { margin-left: 150px; }
#duftbox #damen h3 { margin-bottom: 40px; background: url(images/productlines/damen-parfum.png) top left no-repeat; height: 22px; text-indent: -9999px; }
#duftbox #herren h3 { margin-bottom: 40px; background: url(images/productlines/herren-parfum.png) top left no-repeat; height: 22px; text-indent: -9999px; }
#duftbox .categoriesdescextra { color: #666; background: url(images/productlisting/trennlinie.png) top left no-repeat; padding-top: 5px; margin-top: 30px; margin-left: 100px; font-size: 12px; line-height: 14px; font-family: verdana; text-align: justify;  }
#duftbox .categoriesdescextra a { color: #000; }

#box_cart { position: absolute; top: 75px; left: 630px; background: url(images/cart/tuete.png) top left no-repeat; height: 40px; width: 150px; }
#box_cart h4 { background: url(images/cart/warenkorb.png) right bottom no-repeat; text-indent: -9999px; margin-bottom: 5px; }
#box_cart p { color: #019700; font-size: 8pt; line-height: 12pt; text-align: right; }
#box_cart p a { color: #019700; }

#box_account { color: #333; font-size: 10pt; font-family: arial; position: absolute; top: 78px; left: 810px; height: 25px; width: 200px; z-index: 40; padding: 0 0; margin: 0 0;}
#box_account a.menu2 { color: #666; }
#box_account #search form#quick_find { padding: 0 0; margin: 0 0; position: relative;}
#box_account #search form#quick_find input#keywords { width: 120px; margin: 0 0 0 0; padding: 0 0; height: 20px; vertical-align: top;  }
#box_account #search form#quick_find input#searchsubmit { border: 0; text-indent: -9999; cursor: pointer; margin: 0 0 0 0; height: 21px; width: 46px; line-height: 16px;  padding: 0 0; }

#productlisting { width: 685px; margin-left: 100px; margin-top: 30px; }
#productlisting .categoriesdescextra { background: url(images/productlisting/trennlinie.png) bottom left no-repeat; color: #666; padding-bottom: 5px; font-size: 12px; line-height: 14px; text-align: justify; font-family: verdana; margin-bottom: 20px; }
#productlisting .categoriesdescextra_footer { background: url(images/productlisting/trennlinie.png) top left no-repeat; color: #666; padding-top: 5px; font-size: 12px; line-height: 14px; text-align: justify; margin-top: 20px; }
#productlisting .product_box { margin-bottom: 10px; }
#productlisting .product_image_box { width: 200px; float: left; }
#productlisting .product_image_box a { font-size: 11px; display: block; background: url(images/image-box.png) top left; width: 173px; height: 190px; text-align: center; overflow: hidden; padding-left: 5px; padding-right: 5px; }
#productlisting .product_image_box a img { border: none; margin-top: 20px; margin-bottom: 10px;  }
#productlisting .product_details { padding-top: 10px; }
#productlisting .product_details .pricing { font-size: 12pt; color: #019700; }
#productlisting .product_details .tax_info { font-size: 8pt; color: #999; }
#productlisting .product_details .informifnotavail { font-size: 8pt; }
#productlisting .product_details .pricing span.productOldPrice { color: #999999; text-decoration: line-through; }
#productlisting .product_details .buy { display: block; background: url(images/buttons/mehr_button.png) top left no-repeat; width: 127px; height: 49px; text-indent: -99999px; margin-left: 400px; margin-top: 20px;  }
#productlisting .product_details .buy:hover { background: url(images/buttons/mehr_button_hover.png) top left no-repeat; }

#productinfo { width: 720px; margin-left: 100px; margin-top: 30px; }
#productinfo .product_image_box { width: 200px; float: left; }
#productinfo .product_image_box a { font-size: 10px; display: block; background: url(images/image-box.png) top left; width: 173px; height: 190px; text-align: center; overflow: hidden; padding-left: 5px; padding-right: 5px; }
#productinfo .product_image_box a img { border: none; margin-top: 10px; margin-bottom: 5px;  }
#productinfo #productbox { width: 280px;  float: left; }
#productinfo #productextras { font-weight: normal; font-family: verdana; font-size: 8pt; background: url(images/productinfo/trennstrich_gepunktet.png) top left no-repeat; height: 215px; width: 210px; float: left; padding-left: 10px; }
#productinfo #productextras h3 { font-weight: normal; font-family: verdana; font-size: 16pt; font-style: italic; }
#productinfo #productbox .pricing { font-size: 18pt; color: #62b611; line-height: 20pt; }
#productinfo #productbox .pricing span { font-size: 16pt; }
#productinfo #productbox .tax_info { font-size: 8pt; color: #9a9a9a; }
#productinfo #productbox .informifnotavail { font-size: 8pt; }
#productinfo #productbox .pricing span.productOldPrice { color: #9a9a9a; text-decoration: line-through; }
#productinfo #productbox table#cart { margin-top: 50px; width: 280px; }
#productinfo #productbox table#cart tr td.first { text-align: left; vertical-align: bottom; }
#productinfo #productbox table#cart tr td.second { text-align: right; vertical-align: bottom; }
#productinfo .pdescription { clear:both; padding-top: 20px; width: 685px; }
#productinfo .pdescription p { margin-top: 20px; }
span.predefine { display: block; width: 80px; float: left; font-weight: bold;  }

a.categorielink { display: block; background: url(images/box_middle.png) top left no-repeat; height: 146px; width: 150px; float: left; margin: 0 20px 20px 0; text-align: center; color: #9a9a9a; padding: 20px 5px 0 5px; font-size: 12px; overflow: hidden; }
a.categorielink span.pimage { display:block; height: 95px;  }

a.categorielink:hover { color: #000; }
.categorielisting .categoriesdescextra { color: #666; padding-top: 5px; margin-top: 30px; border-top: 1px dashed #333; font-size: 9pt; line-height: 13pt; text-align: justify;  }
.categorielisting .categoriesdescextra a { color: #000; }

#footer { margin-left: 165px; background: #e6e6e6; padding: 15px 0; font-size: 11px;  }
#footer .contentbox { width: 170px; float: left; margin-right: 20px; }
#footer .boxfirst { margin-left: 100px; }
#footer .boxlast { margin-right: 0; margin-left: 100px;width: 305px; margin-top: 20px; text-align: right;  }
#footer .boxlast img { margin-top: 5px; }
#footer h5 { padding: 2px 0 2px 8px; background: #fff; text-transform: uppercase; font-family: arial; font-size: 13px; color: #3c3b37;  }
#footer ul { margin-left: 8px; margin-top: 5px; color: #9a9a9a; }
#footer ul li a,#footer .contentbox { color: #9a9a9a; }
#footer ul li a:hover { color: #000; }

ul#accountlinkscontent { list-style-type: square; margin-left: 20px; }
ul#accountlinkscontent li { margin-bottom: 10px; }

/* forms */
form#form_login { width: 140px; margin: 10px auto; }
form#form_login fieldset input#sf_login_email,
form#form_login fieldset input#sf_login_passwort { width: 130px; }
form#form_login fieldset label { display: block; width: 100%; text-indent: -99999px; }
form#form_login fieldset label#sf_login_email { background: url(images/email.png) top left no-repeat; }
form#form_login fieldset label#sf_login_passwort { background: url(images/passwort.png) top left no-repeat; }
input { border-top: 1px solid #999; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #ddd; }
input.button { border: none; }
select { border-top: 1px solid #999; padding: 2px;  border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #ddd;  }

/* tables */
table { width: 100%; vertical-align: top; margin-top: 10px; margin-bottom: 20px;  }
td.main { padding: 5px 5px 5px 0; }

table#shoppingcartmain thead tr td { padding: 5px 0 5px 5px; color: #333; font-family: verdana; font-size: 12px; font-weight: bold; background: #dddddd; }
table#shoppingcartmain tbody tr td { background: #fff; }
table#shoppingcartmain tbody tr td span.cart_image { display: block; width: 130px; height: 100px; margin-left: 5px; margin-top: 5px; float: left; }
table#shoppingcartmain tbody tr td.cartdelete { text-align: center; vertical-align: middle; }
table#shoppingcartmain tbody tr td.carttotal { padding-left: 10px; text-align: left; vertical-align: middle; }

/* rating */
.star-rating {
  width:          50px;
  height:         10px;
  margin:         0px;
  padding:        0px;
  list-style:     none;
  background:     url(img/flakon2.gif) bottom left repeat-x;
}
.star-rating li {
  padding:        0px;
  margin:         0px;
  float:          left;
}
.star-rating li span {
  display:        block;
  width:          10px;
  height:         10px;
  padding:        0;
  text-decoration:none;
  text-indent:    -9000px;
  z-index:        20;
}

.star-rating li.active span {
  background:     url(img/flakon1.gif) left top;
  z-index:        1;
  left:           0;
}

.manufacturercontent { width: 220px; float: left; margin-right: 15px;  }
.manufacturercontent img.manufacturerfirstletter { float: left; margin-right: 15px; margin-bottom: 20px;  }
.manufacturercontent ul { width: 150px; float: left; margin-bottom: 20px; }
.manufacturercontent ul li { margin-bottom: 2px; }
.manufacturercontent ul li a:hover { color: #019700; text-decoration: underline; }

/* ------------------ ajax search ------------------*/
/* javascript search */
div#keywords_list {
   background: url(images/search_background.png) top left repeat-x #bce95a;
	position: absolute;
	top: 35px;
	left:	-280px;
	z-index: 50;
	width: 450px;
	padding: 0 0;
	margin: 0 0;
	border: 1px solid #fff;
	border-top: none;

}

ul.keyword_list
{
margin:0;
padding:2px 5px;
list-style: none;
}

ul.keyword_list li
    {
    padding: 1px 5px;
    color:	#000;
    font-weight:	bold;
    font-size:		12px;
    }

ul.keyword_list li a:hover { color: #9a9a9a; }

ul.keyword_list li .selected
    {
    padding: 1px 5px;
    color: #fff;
    display:block;
    }

/* ---------------- product image --------------------- */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }

#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); z-index: 90; }

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
    }

.clear { clear: both;}
.information { font-style: italic; /* color: #9a9a9a; */ }
.textjustify { text-align: justify; }
.textcentered { text-align: center; }
.mtopmiddle { margin-top: 20px; }
.mtopbig { margin-top: 40px; }
.alignright { float: right; }
.alignleft { float: left; }
.errorbordered { border: 1px solid; border-color: #ff0000; padding: 5px 5px; color: #ff0000; margin-bottom: 30px; }
.errorbordered table { margin: 0; }
.tax_info a, a.productlink { color: #019700; text-decoration: none; }
.tax_info a:hover, a.productlink:hover { text-decoration: underline; }