/*@base-url: "http://www.pfeffermintz.com/shop/templates/JTL-Shop3-Tiny/themes/custom/";*/
@base-url:"images/";
@green: #B4C802;
@lightGreen: #E4EE81;
@darkGreen: #8b9a10;
@blue: #0088CE;
@lightBlue: #CEEAF8;
@medGrey: #BABABA;
@lightGrey: #E6E6E6;
@lightGrey50: #F2F2F2;
@textNormal: #555555;
@mandarine: #ff7200;
@lightMandarine:#FFB97F;

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

h1,h2 {font-family: "pfeffermintzRegular", sans-serif; text-transform:none; color:@green; /*margin-top:1em;*/ font-size:2.2em; font-weight:normal; }
h2 {margin-top:0; font-size:2.2em;}
h3 {font-family: "pfeffermintzBold", sans-serif; text-transform:none; font-weight:normal; font-size:1.4em; margin-top:0;}
h4 {font-family: "pfeffermintzBold", sans-serif; text-transform:none; font-weight:normal; font-size:1.15em;}

h3 + p {margin-top:0.5em;}

#intro-link {
  position:absolute;
  right:20px;
  top:20px;
}


/*#breadcrumb + h1 {margin-top:0;}*/

html,body {height:auto; font-size:0.85em}

body {
  font-family:"Lucida Grande", "Verdana" , sans-serif;
  background-color:@lightGrey;
  color:@textNormal;
}

a, a:visited, a:link {color: @textNormal; text-decoration:none; }

#content a, #content a:visited, #content a:link { color:@blue; }

p {margin-bottom:0.7em;}

#page_wrapper { background-color: #fff;}
#page {background-color: transparent !important; margin-top:20px;}

#outer_wrapper {
  background-color: #fff;
  padding-top:10px;
}

.page_width { width: 980px; } 


#header {
  background:black;
  height:120px;
}
#header_wrapper {position:relative; }



#logo {height:auto; z-index:101; margin:27px 30px 0 0; position:absolute; right:0px;top:5px; }
#logo a { display:block; }
#logo img { display:block; position:relative; top:0;}

#headlinks_wrapper {
  margin-left:50px;
  height:20px;
  padding-top:56px;
}

#headlinks {
  border:none;
  position:relative;
}

#headlinks li { padding:0}

#headlinks ul li > a {
  font-weight:normal;
  font-family:"pfeffermintzBold",sans-serif; text-transform:uppercase; color:#fff;
  font-size:13px;
  letter-spacing:0.1em;
  background:none;
  padding:0 10px 0 0;margin:0;
  line-height:13px;
  border-radius:0;
}


#headlinks ul li.current > a { color:@green; }

#headlinks ul li > a:hover {
  background: none;
  margin:0;
  padding:0 10px 0 0;
  line-height:13px;
  color: @green;
}

#headlinks li.basket {
    float: inherit;
    margin-right: inherit;
    padding-right: inherit;
    position: absolute;
    top:64px;
    right:0px;
    width: 228px;
    background:@green;
}

#headlinks li.basket > a { 
  height:37px;
  background:none; 
  font-family:"Lucida Grande", "Verdana" , sans-serif; 
  text-transform:none;
  letter-spacing:0; 
  color:@textNormal;
  line-height:36px;
  padding-left:15px;
  font-size:12px;
}
#headlinks li.basket.items > a {
  background:transparent;
}

#headlinks li.basket div.articles { 
  margin-top:px;
}


#headlinks li.basket > a:hover, #headlinks li.basket:hover > a { background-color:@darkGreen; color: #fff !important; line-height:36px; padding-left:15px; }
#headlinks li.basket > a:visited {color:@textNormal;}

#breadcrumb {border:0; margin:-35px 0px 10px 0; height:20px}

#breadcrumb a {color:@blue;}


#settings {
  padding:0 5px 0 5px;
  top:120px;
  right:228px;
  background:@lightGrey;
  height:37px;
}

#settings > ul > li > a {
  padding:3px;
  background:@lightGrey50;
  margin-top:10px;
}

#settings li {
  height:37px;
}

#settings li ul li {height:auto;}
#settings .expander_box { top:36px; right:-107px;}

#settings a.expander, #settings a.expander.active, #settings a.expander:hover {
  font-size:12px;
  text-decoration: none;
  color:@textNormal;
  padding-left:15px;

  height:33px;
  width:119px;
  border:none;
  background:none;
}

#search {display:none;}


#content {
  margin:50px 0 50px 0;
  min-height:300px;
}

#content .custom_content p {
  width:500px;
  margin-bottom:0.7em;
}

#footer_wrapper {background:none;margin-bottom:50px;}
#footer { background-color:#000; color:#000; padding:0px 0 0px 0; font-size:1.2em; height:40px; line-height:40px; }
#footer a {font-family: "pfeffermintzRegular", sans-serif; text-transform:none; color:#888; letter-spacing:0.05em; font-size:1.1em; margin-left:0.5em;}
#footer a:hover {color:#eee;}
#footer small {margin-left:10px;}
#footer p {margin:0;}
#footer p.jtl {margin-right:10px;display:none;}
#content_footer {display:none;}

.panel_left #content {padding:0 15px 0 30px;}


.panel_left #sidepanel_left {padding:0 0 0 10px}


/* Kategorien */


.category_wrapper ul.category_item li.desc {padding:0px 0 0 0; margin-left:-2px;}

.category_wrapper ul.category_item li.desc h2 {margin-bottom:0.1em;}

.category_wrapper {border:none; margin:5px;}

.category_wrapper.child {border:1px solid @green; border-radius:0; }
/*.category_wrapper.child.first {margin:5px 5px 5px 5px;}*/

ul.category_subcategories > li { border:none !important;}


.category_wrapper ul.category_item li.img {margin:5px;}

ul.category_subcategories hlist {margin:0}

.p50 {width:49.9%;}

.category_subcategories ul.category_item li.desc {padding-left:10px; padding-top:0;width:67%;}

.category_wrapper.child h2 a {font-weight:normal; font-size:0.8em;} 


a.fancy-gallery.cloud-zoom {width:270px;}


.sidebox h3 {color:black; padding-left:10px; background:@green; font-family: "pfeffermintzBold", sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:0.1em }

.sidebox {background:@lightGrey; border:none;}
ul.categories li.active {background:transparent;}
ul.categories li a:hover {background:@lightGrey50;}


.box_error {background-color:@lightMandarine; border:none; background-image:url("@{base-url}box_error.png");}
.box_info { background-color:@lightBlue; border:none; background-image:url("@{base-url}box_info.png"); }
.box_success {  background-color:@lightGreen; border:none; background-image:url("@{base-url}box_success.png");  }


.submit, input.submit[type="submit"], button.submit[type="submit"], button.submit[type="button"] {
  background:black; border:none; border-radius:2px;
  font-family: "pfeffermintzBold", sans-serif; text-transform:uppercase; font-weight:normal;letter-spacing:0.1em;
  color:@medGrey; text-shadow:none; padding:0 8px 0 8px !important;
  font-size:1.1em;
  margin-left:0px;
}
a.submit, a.submit:visited, a.submit:hover { color:@medGrey !important; padding:5px 7px !important; }

button.notification {background-image: url("@{base-url}notify_small.png"); color:@blue;}


span.price {font-family: "pfeffermintzBold", sans-serif; font-size:1.6em; color:@mandarine;}

#article fieldset.article_buyfield .choose_quantity {
    border-radius:0;
    text-align: right;
}
.financing, .comment, .differential_price, #article .article_matrix, #article fieldset.article_buyfield {
    background-color: #F5F5F5;
    border-radius:0;
}

table.tiny.basket td p.price_overall, table.tiny.basket td span.price_value {color:@mandarine;}

.signal_image.a2 { background-image: url("@{base-url}ampel2.png"); color:@green; }
.signal_image.a1 { background-image: url("@{base-url}ampel1.png"); color:@blue; }
.signal_image.a0 { background-image: url("@{base-url}ampel0.png"); color:@mandarine; }



#checkout_steps li {background-image: url("@{base-url}checkout_steps.png");}
.form fieldset label.active {color:@blue;}