/************
 *** HTML ***
 ************/
* {
    padding: 0;
    border: 0;
    margin: 0;
}

body {
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    background: url(../img/bg_body.png) no-repeat center 30px #353535;
    color: #666666;
}

h2 {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 10px;
}

h3 {
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 5px;
}

h3 span {
    font-size: 10px;
    font-weight: 500;
    color: #666666;
}

ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

table th {
    color: #000000;
}

table tbody th,
table tbody td {
    padding: 10px;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
    padding: 5px;
}

p {
    margin-bottom: 12px;
}

p:last-child {
    margin-bottom: 0;
}

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

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

input,
textarea,
select {
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 2px;
    border: 1px solid #989898;
}

input[type=image] {
    padding: 0;
    border: 0;
}

img,
input[type=image] {
    vertical-align: middle;
}

/********************
 *** Hilfsklassen ***
 ********************/
h2.title,
h3.title {
    font-style: italic;
    line-height: 25px;
    background: url(../img/bg_itemdetail_headlines.png) no-repeat;
    padding-left: 20px;
}

h2.title,
h2.title span,
h3.title,
h3.title span {
    color: #ffffff;
}

.left,
.fleft {
    float: left;
}

.right,
.fright {
    float: right;
}

.clear {
    clear: both;
}

.tcenter {
    text-align: center !important;
}

.tleft {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.stext {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
}

.button {
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    background-color: #f1f1f1;
    color: #666666;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px 13px;
    border: 1px solid #c5c5c5;
}

.button:hover,
.button:focus,
.button:active {
    text-decoration: none;
    background-color: #f9f9f9;
    color: #000000;

}

.button.special {
    font-weight: 700;
    color: #ffffff;
    background: #ef2228; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef2228 0%, #b01916 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef2228), color-stop(100%,#b01916)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ef2228 0%,#b01916 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ef2228 0%,#b01916 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ef2228 0%,#b01916 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ef2228 0%,#b01916 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef2228', endColorstr='#b01916',GradientType=0 ); /* IE6-9 */
    padding: 5px 15px;
    border: 0;
}

.button.special:hover,
.button.special:focus,
.button.special:active {
    color: #000000;
}

.button.with-image {
    font-weight: 500;
    padding-left: 30px;
    padding-right: 15px;
}

.container {
    position: relative;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.container:first-child {
    margin-top: 0 !important;
}

.container:last-child {
    margin-bottom: 0 !important;
}

.container.separator {
    padding-bottom: 20px;
    border-bottom: 1px solid #c5c5c5;
}

.content {
    overflow: hidden;
    padding: 10px;
}

.sinistral {
    font-weight: 700;
    text-align: left;
    float: left;
    position: relative;
    width: 200px;
    margin-left: 10px;
}

.sinistral + .content {
    padding: 0;
    margin-left: 220px;
}

.greybox {
    background-color: #f1f1f1;
    position: relative;
    padding: 10px;
    border: 1px solid #c5c5c5;
}

ul.inline > li {
    float: left;
}

ul.separate > li {
    padding: 0 5px;
    border-right: 1px solid;
}

ul.separate > li:last-child {
    border-right: 0;
}

.odd {
    background-color: #dbdbdb;
}

.even {
    background-color: #f9f9f9;
}

.width25 {
    width: 25%;
}

.width33 {
    width: 33%;
}

.width50 {
    width: 50%;
}

.width66 {
    width: 66%;
}

.width75 {
    width: 75%;
}

.back-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

.back-button a {
    background: url(../img/prev-button.gif) no-repeat left;
    padding-left: 20px;
}

ul.tabs {
    margin: 0 10px;
    z-index: 10;
}

ul.tabs li {
    cursor: pointer;
    float: left;
    padding: 10px;
    border: 1px solid #c5c5c5;
    margin: 0 1px -1px;
}

ul.tabs li.opencontent {
    font-weight: 700;
    cursor: default;
    border-bottom: 1px solid #ffffff;
}

ul.tabs li.closedcontent {
    background-color: #f1f1f1;
}

ul.tabs li.closedcontent:hover {
    color: #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.tab-content {
    clear: both;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #c5c5c5;
}

.center {
    position: relative;
    overflow: hidden;
}

.header:after,
.body:after,
.footer:after,
.left:after,
.right:after,
.center:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

table .amount {
    text-align: center;
}

table .price {
    text-align: right;
}

table .action {
    text-align: center;
}

table.list {
    border-collapse: separate;
}

table.list thead {
    background: url(../img/bg_navigation.png) repeat-x bottom #666666;
}

table.list thead th {
    color: #ffffff;
}

table.list tbody th,
table.list tbody td {
    padding: 5px;
}


/*****************
 *** Formulare ***
 *****************/
form label.pflichtfeld,
form span.pflichtfeld {
    background: url(../img/feld_pflichtfeld.png) no-repeat;
    padding-left: 15px;
}

form label.pflichtfeld.inaktiv,
form span.pflichtfeld.inaktiv {
    background-image: url(../img/feld_inaktiv.png);
}

form label.pflichtfeld.failure_label,
form span.pflichtfeld.failure_label {
    background-image: url(../img/feld_caution.png);
}

form input.pflichtfeld,
form textarea.pflichtfeld,
form select.pflichtfeld {
    background-color: #faf2b9;
}

form input.failure_field,
form textarea.failure_field,
form select.failure_field {
    background-color: #fef1f1;
    border: 1px solid #ee5029;
}

form input:disabled,
form textarea:disabled,
form select:disabled {
    background-color: #f1f1f1;
}


/*******************
 *** Grundlayout ***
 *******************/
#top-bar-wrapper #top-bar,
#header-wrapper,
#content-wrapper,
#footer-wrapper #footer {
    width: 1002px;
    margin: 0 auto;
}

#top-bar-wrapper {
    line-height: 30px;
    background-color: #000000;
    color: #ffffff;
    position: fixed;
    top: 0;
   /* z-index: 2501; */
    z-index: 99;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #474747;
}

#top-bar-wrapper #top-bar a {
    vertical-align: middle;
    color: #efefef;
}

#top-bar-wrapper #top-bar > ul > li {
    display: inline;
    position: relative;
}

#top-bar-wrapper #top-bar > ul > li:first-child {
    padding-left: 0;
}

#top-bar-wrapper #top-bar > ul > li:last-child {
    padding-right: 0;
}

#header {
    background-color: #000000;
    position: relative;
    height: 120px;
    margin-top: 31px;
}

#header .logo {
    position: absolute;
    top: 20px;
    left: 20px;
}

#header #shopping-cart {
    color: #efefef;
    position: absolute;
    top: 20px;
    right: 20px;
}

#shopping-cart #shopping-cart-count {
    background-color: #dd0000;
    position: absolute;
    top: 20px;
    left: 25px;
    padding: 1px 10px;
    border-radius: 10px;
}

#shopping-cart img {
    float: left;
}

#shopping-cart #shopping-cart-details,
#shopping-cart #shopping-cart-buttons {
    margin-left: 60px;
}

#shopping-cart #shopping-cart-details {
    border-bottom: 1px solid;
    margin-bottom: 5px;
}

#shopping-cart #shopping-cart-details p {
    margin-bottom: 0;
}

#shopping-cart .button {
    float: left;
    margin: 0 2px;
}

.shopping-cart-info {
    top: 12px;
    left: -10px;
}

.shopping-cart-info .popover-inner {
    text-align: left;
    width: 200px;
    border-color: #b01916;
}

.shopping-cart-info.popover.bottom .arrow {
    left: 20px;
    border-bottom: 5px solid #b01916;
}

.shopping-cart-info.blink .popover-inner {
    border-color: #474747;
}

.shopping-cart-info.popover.bottom.blink .arrow {
    border-bottom: 5px solid #474747;
}

#quicksearch {
    line-height: 36px;
    background: url(../img/bg_quicksearch.png) repeat-x #b01916;
    padding-left: 195px;
}

#quicksearch label {
    font-weight: 700;
    color: #ffffff;
}

#quicksearch #search-wrapper {
    display: inline-block;
}

#quicksearch #search-term {
    width: 450px;
    padding: 2px;
    border: 1px solid #740303;
}

#quicksearch #search-button {
    background: transparent;
    cursor: pointer;
    border: none;
}

#top-navigation {
    font-size: 11px;
    background-color: #191919;
    overflow: hidden;
    padding: 8px 0 8px 40px;
}

#top-navigation ul li.element {
    line-height: 37px;
    background: url(../img/bg_topnavi_punkt.png) repeat-x;
    float: left;
    margin: 0 1px;
}

#top-navigation ul li:hover.element,
#top-navigation ul li:hover.element,
#top-navigation ul li.active {
    background-image: url(../img/bg_topnavi_punkt_hover.png);
}

#top-navigation a,
ul.dropdown-menu a,
ul.myaccount-dropdown a {
    text-decoration: none;
    color: #efefef;
    display: block;
    padding: 0 10px;
}

ul.dropdown-menu,
ul.myaccount-dropdown {
    background-color: #666666;
    position: absolute;
    display: none;
    z-index: 1000;
    border: 1px solid #696969;
}

li:hover ul.dropdown-menu,
.open ul.myaccount-dropdown {
    display: block;
}

ul.dropdown-menu li:hover,
ul.myaccount-dropdown li:hover {
    background-color: #373737;
}

#footer-wrapper {
    background-color: #191919;
    overflow: hidden;
    clear: both;
    padding: 20px 0;
    border-top: 1px solid #696969;
}

#footer {
    color: #ffffff;
}

#footer h5 {
    font-size: 14px;
    margin-bottom: 10px;
}

#footer .greybox {
    background-color: #353535;
    border: 0;
    box-shadow: 0 0 5px #000000;
}

#footer a {
    font-style: italic;
    color: #ffffff;
}


/*******************
 *** Navigation ***
 *******************/
#main_navigation ul li a {
    color: #efefef;
    display: block;
    padding: 0 22px 0 10px;
}

#main_navigation > ul > li {
    line-height: 34px;
}

#main_navigation > ul > li.closedfolder {
    background: url(../img/bg_navigation.png) repeat-x bottom #666666;
    border-bottom: 1px solid #5b5b5b;
}

#main_navigation > ul > li:hover,
#main_navigation > ul > li.openedfolder {
    background: #373737;
}

#main_navigation ul li.openedfolder > a{
    font-weight: 700;
}

#main_navigation > ul > li > a {
    background: url(../img/navi_pfeildown.png) no-repeat 163px center;
}

#main_navigation > ul > li.openedfolder ul {
    background: #666666;
    padding: 4px 0;
}

#main_navigation > ul > li.openedfolder ul li {
    line-height: 24px;
}

#main_navigation > ul > li.openedfolder ul li  ul {
    background: #ffffff;
}

#main_navigation > ul > li.openedfolder ul li  ul li a{
    color: #666666;
}


/*********************
 *** Seitenleisten ***
 *********************/
.column_outer {
    overflow: hidden;
}

.column_outer .headline_outer {
    font-family: myriad pro,verdana,helvetice,arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 24px;
    background-color: #353535;
    background-repeat: no-repeat;
    color: #ffffff;
    margin-bottom: 0;
}

.column_outer .content_outer {
    background-color: #454545;
    overflow: hidden;
    padding: 10px;
}

.column_outer .content_outer,
.column_outer .content_outer a {
    color: #efefef;
}

#left .headline_outer {
    background-image: url(../img/headline_outer_links.png);
    background-position: left;
    padding-left: 10px;
}

#right .headline_outer {
    background-image: url(../img/headline_outer_rechts.png);
    background-position: right;
    padding-left: 20px;
}


/**************************
 *** 1/2/3 Spalten-Layout ***
 **************************/
#content-wrapper {
    background-color: #707070;
    position: relative;
    clear: both;
    overflow: hidden;
}

#content-wrapper .column {
    float: left;
}

#left,
#right {
    padding-bottom: 20000px;
    margin-bottom: -20000px;
}

#left {
    width: 180px;
}

#right {
    width: 200px;
}

#breadcrumb {
    font-size: 10px;
    line-height: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #c5c5c5;
}

#breadcrumb ul,
#breadcrumb ul li {
    display: inline;
}

.one-column #center-wrapper {
    width: 622px;
}

.two-column #center-wrapper {
    width: 822px;
}

.three-column #center-wrapper {
    width: 622px;
}

#center {
    background-color: #fdfdfd;
    padding: 10px 10px 20010px;
    border-left: 1px solid #696969;
    border-right: 1px solid #696969;
    margin-bottom: -20000px;
}


/*****************************
 *** Info-/Fehlermeldungen ***
 *****************************/
.infomessage,
.successmessage,
.errormessage {
    padding: 10px 10px 10px 40px;
    border: 1px solid;
    margin: 20px 0;
}

.infomessage {
    background: url(../img/infomessage.png) no-repeat 3px 3px #e5e5e5;
    color: #000000;
    border-color: #f62c1e;
}

.successmessage {
    background: url(../img/complete.png) no-repeat 4px 6px #ffffff;
    color: #008b00;
    border-color: #008b00;
}

.errormessage {
    background: url(../img/errormessage.png) no-repeat 3px 5px #ffffff;
    color: #ca3030;
    border-color: #ca3030;
}


/*****************
 *** Tag-Cloud ***
 *****************/
ul.tag-cloud {
    text-align: center;
    line-height: 3em;
}

ul.tag-cloud li {
    display: inline;
    padding: 0 5px;
}

ul.tag-cloud li a {
    color: #000000 !important;
}

ul.tag-cloud li.tag-1 {
    font-size: 80%;
    font-weight: 100;
}

ul.tag-cloud li.tag-2 {
    font-size: 100%;
    font-weight: 200;
}

ul.tag-cloud li.tag-3 {
    font-size: 120%;
    font-weight: 300;
}

ul.tag-cloud li.tag-4 {
    font-size: 140%;
    font-weight: 400;
}

ul.tag-cloud li.tag-5 {
    font-size: 160%;
    font-weight: 500;
}

ul.tag-cloud li.tag-6 {
    font-size: 180%;
    font-weight: 600;
}

ul.tag-cloud li.tag-7 {
    font-size: 200%;
    font-weight: 700;
}

ul.tag-cloud li.tag-8 {
    font-size: 220%;
    font-weight: 800;
}

ul.tag-cloud li.tag-9 {
    font-size: 240%;
    font-weight: 900;
}

ul.tag-cloud li.tag-10 {
    font-size: 260%;
    font-weight: 900;
}


/***********************************************************
 *** Allgemeine Formatierungen fuer Produktinformationen ***
 ***********************************************************/
.mainprice {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000000;
}

.labeled-picture {
    position: relative;
}

.labeled-picture .picture-labels img {
    display: block;
}

.labeled-picture .picture-labels .picture-label-tl,
.labeled-picture .picture-labels .picture-label-tr,
.labeled-picture .picture-labels .picture-label-bl,
.labeled-picture .picture-labels .picture-label-br {
    position: absolute;
}

.labeled-picture .picture-labels .picture-label-tl {
    text-align: left;
    top: 0;
    left: 0;
}

.labeled-picture .picture-labels .picture-label-tr {
    text-align: right;
    top: 0;
    right: 0;
}

.labeled-picture .picture-labels .picture-label-bl {
    text-align: left;
    bottom: 0;
    left: 0;
}

.labeled-picture .picture-labels .picture-label-br {
    text-align: right;
    bottom: 0;
    right: 0;
}

.labeled-picture .picture-labels .picture-label-tl img,
.labeled-picture .picture-labels .picture-label-tr img {
    margin-bottom: 5px;
}

.labeled-picture .picture-labels .picture-label-bl img,
.labeled-picture .picture-labels .picture-label-br img {
    margin-top: 5px;
}

.medium-image-button.button {
    background: no-repeat transparent;
    color: transparent;
    width: 52px;
    height: 36px;
    padding: 0;
    border: 0;
}

.huge-image-button.button {
    font-weight: 700;
    line-height: 24px;
    background: no-repeat transparent;
    color: #ffffff;
    width: 184px;
    height: 36px;
    padding: 9px 32px 3px 22px;
    border: 0;
}

.medium-image-button.button:hover,
.medium-image-button.button:active,
.medium-image-button.button:focus,
.huge-image-button.button:hover,
.huge-image-button.button:active,
.huge-image-button.button:focus {
    background-position: 0 -36px;
}

.medium-image-button.button:hover.disabled,
.medium-image-button.button:active.disabled,
.medium-image-button.button:focus.disabled,
.huge-image-button.button:hover.disabled,
.huge-image-button.button:active.disabled,
.huge-image-button.button:focus.disabled {
    background-position: 0;
}

.cart-button.huge-image-button.button,
.pickup-button.huge-image-button.button {
    text-shadow: #338705 1px 1px 1px;
}

.priceinquiry-button.huge-image-button.button,
.huge-image-button.button.disabled {
    text-shadow: #222222 1px 1px 1px;
}

.cart-button.medium-image-button.button {
    background-image: url(../img/cart-button-medium.png);
}

.cart-button.huge-image-button.button {
    background-image: url(../img/cart-button-huge.png);
}

.pickup-button.medium-image-button.button {
    background-image: url(../img/pickup-button-medium.png);
}

.pickup-button.huge-image-button.button {
    background-image: url(../img/pickup-button-huge.png);
}

.priceinquiry-button.medium-image-button.button {
    background-image: url(../img/price-inquiry-button-medium.png);
}

.priceinquiry-button.huge-image-button.button {
    background-image: url(../img/price-inquiry-button-huge.png);
}

.cart-button.button.medium-image-button.disabled {
    background-image: url(../img/cart-button-medium-disabled.png);
}

.cart-button.button.huge-image-button.disabled {
    background-image: url(../img/cart-button-huge-disabled.png);
}

.pickup-button.button.medium-image-button.disabled {
    background-image: url(../img/pickup-button-medium-disabled.png);
}

.pickup-button.button.huge-image-button.disabled {
    background-image: url(../img/pickup-button-huge-disabled.png);
}

ul.item-buttons {
    float: right;
    width: 178px;
    margin-right: 1px;
}

ul.item-buttons li {
    text-align: left;
    margin: 5px 0;
}

ul.item-buttons li:first-child {
    margin-top: 0;
}

ul.item-buttons li:last-child {
    margin-bottom: 0;
}

ul.item-buttons a,
ul.item-buttons button {
    font-size: 12px;
    font-family: verdana,helvetica,arial,sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    line-height: 18px;
    background-repeat: no-repeat;
    background-color: transparent;
    color: #000000;
    display: inline-block;
    cursor: pointer;
    padding-left: 23px;
}

ul.item-buttons a:hover,
ul.item-buttons button:hover {
    text-decoration: underline;
}


ul.item-buttons .quickcart-button {
    background-image: url(../img/quickcart-icon.png);
}

ul.item-buttons .observe-button {
    background-image: url(../img/observe-icon.png);
}

ul.item-buttons .recommend-button {
    background-image: url(../img/recommend-icon.png);
}

ul.item-buttons .questionaboutproduct-button {
    background-image: url(../img/fragen_zum_artikel.png);
}


p.item-availability span.store {
    float: left;
    width: 95px;
    margin-right: 5px;
}

p.item-availability span.availability {
    font-weight: 700;
    float: left;
    width: 175px;
}

.availabilityDateText {
    font-weight: normal !important;
}

.availabilityDate {
    font-weight: bold;
}

p.item-availability .availability0 {
    color: #be2230;
}

p.item-availability .availability1 {
    color: #d6a403;
}

p.item-availability .availability2 {
    color: #19590d;
}

.picture-tiny,
.picture-small,
.picture-medium,
.picture-huge,
.picture-extreme {
    text-align: center;
    background-color: #ffffff;
}

.picture-tiny a,
.picture-small a,
.picture-medium a,
.picture-huge a,
.picture-extreme a {
    display: block;
}

.picture-tiny,
.picture-tiny a {
    width: 60px !important;
    height: 60px;
}

.picture-tiny img {
    max-width: 60px;
    max-height: 60px;
}

.picture-small,
.picture-small a {
    width: 100px;
    height: 100px;
}

.picture-small img {
    max-width: 100px;
    max-height: 100px;
}

.picture-medium,
.picture-medium a {
    width: 125px;
    height: 125px;
}

.picture-medium img {
    max-width: 125px;
    max-height: 125px;
}

.picture-huge,
.picture-huge a {
    width: 250px;
    height: 250px;
}

.picture-huge img {
    max-width: 250px;
    max-height: 250px;
}

.picture-extreme,
.picture-extreme a {
    width: 800px;
    height: 800px;
}

.picture-extreme img {
    max-width: 800px;
    max-height: 800px;
}

.pictures-carousel {
    width: 250px;
    padding: 10px 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.manufacturer-logo {
    text-align: center;
    line-height: 40px;
    width: 125px !important;
    height: 40px;
    border: 1px solid #e8e8e8;
}

.manufacturer-logo a {
    display: block;
}

.manufacturer-logo a {
    opacity: 0.2;
}

.manufacturer-logo a:hover {
    opacity: 0.5;
}

.manufacturer-logo a.active {
    opacity: 1;
}

.manufacturer-logo img {
    max-width: 125px;
    max-height: 40px;
}


/*************
 *** Pager ***
 *************/
.pager {
    line-height: 40px;
    background-color: #f1f1f1;
    overflow: hidden;
    padding: 0 10px;
}

.pager.pager-top {
    margin-bottom: 20px;
}

.pager.pager-bottom {
    margin-top: 20px;
}

.pager ul,
.pager ul li {
    display: inline;
}


/*****************************************
 *** jmItemGroup / jmItemLine / jmItem ***
 *****************************************/
.category-tile {
    width: 180px;
    margin-bottom: 20px;
}

.category-tile h3 {
    font-weight: 700;
    font-style: italic;
    line-height: 24px;
    background: url(../img/headline_category.png) no-repeat;
    color: #ffffff;
    padding-left: 15px;
    margin-bottom: 0;
    font-size: 11px;
}

.category-tile a {
    color: #ffffff;
}

.category-tile .tmb {
    text-align: center;
    width: 170px;
    height: 80px;
    border: 1px solid #c5c5c5;
    margin-left: 8px;
}

.category-tile img {
    max-width: 170px;
    max-height: 80px;
}

.item-line {
    padding: 10px;
}

.item-line .header,
#item-head .header {
    margin-bottom: 10px;
}

.item-line .header .title,
#item-head .header .title {
    padding: 1px 0 1px 10px;
}

.item-line .header .title h2,
#item-head .header .title h2 {
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 0;
}

.item-line .header .title h2,
#item-head .header .title h2 {
    height: 40px;
}

.item-line .header .title h2 span,
#item-head .header .title h2 span {
    font-weight: 500;
    font-style: normal;
}

#item-head .header {
    background-image: url(../img/bg_itemdetail_title.png);
    padding: 10px;
}

.item-line .picture-small,
.item-line .picture-medium {
    border: 1px solid #e8e8e8;
}

.item-line .center,
#item .center {
    padding: 0 10px;
}

.item-line .body .right,
#item-head .body .right {
    text-align: right;
}

.item-line .body .right {
    width: 200px;
}

#item-head .body .right {
    float: none;
    padding-left: 10px;
    margin-left: 252px;
}

.item-line .body .right p,
#item-head .body .right p {
    margin-bottom: 0;
}

#item-pictures-standalone {
    width: 995px;
}

#item-pictures-standalone #item-more-pictures {
    width: 140px;
}

#item-pictures-standalone #item-more-pictures ul li {
    margin: 5px;
}

#item-pictures-standalone #item-more-pictures ul li img {
    cursor: pointer;
}

#item-store .fleft {
    text-align: right;
    margin-right: 20px;
}

#item-store .fleft .item-button {
    padding-right: 0;
}

ul#item-bookmarks li {
    padding: 0 2px;
}

ul#item-bookmarks li.separator {
    padding-right: 5px;
    border-right: 1px solid;
    margin-right: 5px;
}

ul#item-bookmarks li a.addthis_button_compact span {
    float: left;
    margin-right: 2px;
}

.item-quick-facts {
    text-align: center;
}

.item-quick-facts .picture-medium {
    margin: 0 auto;
}

.item-quick-facts h3 {
    height: 32px;
    overflow: hidden;
}

#ratings .left p {
    margin-bottom: 0;
}

#ratings .container {
    padding-bottom: 5px;
    border-bottom: 1px solid #c5c5c5;
}

#ratings .container:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}


/***********************
 *** jmFactfinderASN ***
 ***********************/
#asn p.title {
    font-weight: 700;
    padding-top: 10px;
    border-top: 1px solid;
    margin: 10px 0 0;
}

#asn p.title:first-child {
    padding-top: 0;
    border-top: 0;
    margin: 0;
}

#asn ul li {
    padding: 5px 0;
}

#asn ul li a {
    line-height: 13px;
    background: url(../img/box_empty.png) no-repeat;
    padding-left: 18px;
}

#asn ul li a.active,
#asn ul li a:hover,
#asn ul li a:active,
#asn ul li a:focus {
    background-image: url(../img/box_checked.png);
}

#asn ul li a.active {
    font-weight: 700;
    color: #ffffff;
}


/********************************
 *** jmNewsletterSubscription ***
 ********************************/
#newsletter #newsletter-mail label,
#newsletter #newsletter-mail input,
#newsletter #newsletter-button button {
    display: block;
    width: 100%;
}


/********************
 *** jmQuickOrder ***
 ********************/
#quickorder .item,
#quickorder .amount,
#quickorder .action {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}

#quickorder .item {
    width: 89px;
}

#quickorder .amount {
    width: 30px;
}

#quickorder .action {
    margin-top: 13px;
    margin-right: 0;
}

#quickorder .item label,
#quickorder .item input,
#quickorder .amount label,
#quickorder .amount input {
    display: block;
    width: 100%;
}


/*********************
 *** jmTopProducts ***
 *********************/
ul#top-products li {
    padding: 5px 10px;
}


/****************************
 *** Bestellung-Allgemein ***
 ****************************/
.button.with-image.order,
.button.with-image.finish {
    font-weight: 700;
    text-align: center;
    width: 200px;
    padding: 8px 5px 8px 45px;
}

.button.with-image.order {
    background: url(../img/continue_order.png) no-repeat 2px 4px #f1f1f1;
}

.button.with-image.order:hover {
    background-image: url(../img/continue_order_hover.png);
}

.button.with-image.finish {
    background: url(../img/complete.png) no-repeat 2px 4px #f1f1f1;
}


/*****************************
 *** Bestellung-Breadcrumb ***
 *****************************/
#orderbreadcrumb {
    text-align: center;
    margin-bottom: 10px;
}

#orderbreadcrumb ul li {
    float: left;
}

#orderbreadcrumb ul li#step0,
#orderbreadcrumb ul li#step1,
#orderbreadcrumb ul li#step3 {
    width: 15%;
}

#orderbreadcrumb ul li#step2 {
    width: 30%;
}

#orderbreadcrumb ul li#step4 {
    width: 25%;
}

#orderbreadcrumb ul li a,
#orderbreadcrumb ul li span {
    text-decoration: none;
    background-color: #f1f1f1;
    color: #c5c5c5;
    display: block;
    padding: 10px 0;
    border: 1px solid #c5c5c5;
}

#orderbreadcrumb ul li span.selected {
    background-color: #ffffff;
    color: #666666;
    border-color: #f62c1e;
}

#orderbreadcrumb ul li a {
    color: #000000;
}

#orderbreadcrumb ul li a:hover {
    border-color: #000000;
}


/*********************
 *** cartPositions ***
 *********************/
table#cart {
    text-align: left;
}

table#cart tr.item-line {
    vertical-align: top;
}

table#cart tr.norebates {
    text-align: center;
}

table#cart thead {
    border-bottom: 1px solid #c5c5c5;
}

table#cart tfoot,
table#cart tr.costs-line.subtotal,
table#cart tr.costs-line.total {
    border-top: 1px solid #c5c5c5;
}

table#cart tr.costs-line {
    text-align: right;
}

table#cart tr.costs-line.negative {
    color: #be2230;
}

table#cart tr.costs-line.total {
    font-weight: 700;
    color: #000000;
}

table#cart tr.costs-line.vat td {
    padding: 0 5px;
}


/**********************
 *** jmShowCustomer ***
 **********************/
#invoiceaddress .greybox,
#deliveraddresses .greybox {
    width: 300px;
}

#invoiceaddress .greybox,
#deliveraddresses .greybox,
#deliveraddresses .newdeladdress {
    margin: 0 0 0 20px;
}

#deliveraddresses .greybox p.delete {
    position: absolute;
    top: 0px;
    right: 5px;
}

#deliveraddresses .newdeladdress {
    background: url(../img/add_deladdress.png) no-repeat 2px 3px #f1f1f1;
}


/******************
 *** jmOrderEnd ***
 ******************/
#orderend #order-details label {
    font-weight: 700;
    display: block;
    margin: 0 0 5px 0;
}

#orderend #order-details .greybox {
    height: 165px;
}

#orderend #order-details .greybox .bottom {
    position: absolute;
    bottom: 10px;
}


/******************************
 *** jmLogin / jmQuickLogin ***
 ******************************/
.login button[type=submit] {
    position: relative;
    padding-left: 37px;
    margin-top: 20px;
}

.login button[type=submit] img {
    position: absolute;
    top: -12px;
    left: 5px;
}

.login input[type=text],
.login input[type=password] {
    display: block;
}


/*******************
 *** jmMyAccount ***
 *******************/
#my-account .greybox {
    height: 60px;
    padding: 100px 20px 20px;
    margin: 20px 20px 20px 40px;
}

#my-account .greybox img {
    position: absolute;
    top: -16px;
    left: -23px;
}

#my-account .greybox a.title {
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 140px;
}


/**********************
 *** Popup/Lightbox ***
 **********************/
.popup {
    overflow: hidden;
    position: relative;
}

.popup .header {
    background-color: #f1f1f1;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
}

.popup .header h2 {
    line-height: 34px;
    float: left;
    margin: 0;
}

.popup .header a.close-button {
    font-size: 10px;
    line-height: 10px;
    float: right;
    margin: 12px 0;
}

.popup .body {
    padding: 10px;
}

.popup h3 {
    margin-bottom: 20px;
}

.popup h4 {
    margin-bottom: 10px;
}

.popup p {
    overflow: hidden;
}

.popup .picture-medium.fleft {
    margin: 0 20px 20px 0;
}

.popup label {
    float: left;
    margin-right: 10px;
}

.popup span.label {
    text-align: right;
    float: left;
    width: 160px;
    margin-right: 10px;
}

.popup span.label label {
    float: none;
    margin-right: 0;
}

.popup input[type=radio] + label,
.popup input[type=checkbox] + label {
    float: left;
    margin: 0 0 0 10px;
}

.popup input[type=radio] + label {
    width: 80px;
}

.popup .placeholder {
    margin-left: 170px;
}

.popup input,
.popup textarea,
.popup select {
    float: left;
}

.popup input[type=text],
.popup textarea {
    width: 190px;
}

.popup table tbody {
    border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;
}

.popup table tbody tr:hover {
    background-color: #f1f1f1;
}


/************************
 *** Passwort-Staerke ***
 ************************/
.password-strength {
    border: 1px solid #989898;
}

.password-strength-bar {
    background: url(../img/bar.jpg) repeat-y;
    opacity: 0.7;
    height: 20px;
}

.password-strength-text {
    line-height: 16px;
    position: absolute;
    padding: 2px;
}

#headhint {
    margin-left: 405px;
    margin-top: -46px;
}
#headhint p.headhint{
    font-style: italic;
    color: #fff;
    font-weight:600;
    line-height: 8px;
}
#headhint p.top{
    font-size: 11px;
    font-weight: normal;
    padding-top: 4px;
}
#headhint p.big{
    font-size: 25px;
}
img.headhint {
    margin-left: 345px;
    margin-top: 35px;
}
#storelinks {
    /*list-style-image: url(../img/store_bullet.png); */
    margin-right: 7px;

}

#storelinks li, #storelinks > li:first-child{
    background: url(../img/store_bullet.png) no-repeat left 2px;
    font-style: oblique;
    font-weight: 900;
    font-size: 16px;
    margin-right: 7px;
    font-stretch: narrower;
    padding-left: 20px !important;
}

.payment, ul.payment li {
    background-color: #fff;
}
.payment-overview-footer {
    background-color: #fff;
}
.payment .top{
    background: rgb(101,101,101); /* Old browsers */
    background:  -moz-linear-gradient(top,  rgba(101,101,101,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,101,101,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background:  -webkit-linear-gradient(top,  rgba(101,101,101,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background:  -o-linear-gradient(top,  rgba(101,101,101,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background:  -ms-linear-gradient(top,  rgba(101,101,101,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background:  linear-gradient(to bottom,  rgba(101,101,101,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
.payment .bottom{
    margin-top:10px;
    background: rgb(101,101,101); /* Old browsers */
    background:  -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(101,101,101,1) 100%); /* FF3.6+ */
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(101,101,101,1))); /* Chrome,Safari4+ */
    background:  -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(101,101,101,1) 100%); /* Chrome10+,Safari5.1+ */
    background:  -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(101,101,101,1) 100%); /* Opera 11.10+ */
    background:  -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(101,101,101,1) 100%); /* IE10+ */
    background:  linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(101,101,101,1) 100%); /* W3C */
}
a.payment{
    background-color: #333;
    margin: 2px;
    margin-top: 15px;
    color: #fff;
}
li.paymentPic{
    margin: 2px;
    margin-right: 12px;
}
ul li.paymentName{
    margin: 4px;
    margin-right: 12px;
    margin-top: 5px;
    padding:3px 0px 3px 0px;
    border-radius:4px;
    width: 84%;
    text-align: center;
    background-color: #333;
    word-spacing: 0px;
}

/**
 * Fehlerseite
 */
#error-wrapper {
    margin: 0 auto;
    width: 960px;
    height: 1148px;
    padding-top: 50px;
    text-align: center;
    color: #000;
}

#error-wrapper .error-image {
    background: transparent url('../img/bg-error.png') no-repeat center 0;
}

#error-wrapper .error-msg {
    font-size: 28px;
    margin: 20px auto;
}

#error-wrapper .error-additional {
    font-size: 18px;
}

#error-wrapper .error-link {
    color: #DA1F26;
}

#body-error-bg {
    background: #000 url('../img/bg-error-background.jpg') no-repeat 0 233px;
}

.drop-shadow {
    box-shadow: 0px 2px 10px #000;
}

/* productQuestions */
.leftColLabel {
    float: left;
    text-align: right;
    margin-right: 20px;
    width: 150px;
}

div#productQuestion {
    padding: 10px;
}

.submitProductQuestion {
    margin: 10px 0px 0px 10px;
    margin-left: 162px;
}

div#productQuestion div#contact_form {
    margin-left: 50px;
}

div#productQuestion input {
    width: 224px;
}

div#productQuestion input#zip {
    width: 50px;
}

/* Anpasssung Lightbox */
div#lightboxFull {
    z-index: 10000;
}

/* Kachelansicht */
.item-tile {
    width: 186px;
    float: left;
    margin: 3px;
    text-align: center;
    padding: 3px;
    background-color: #E8E8E8;
    border: 1px solid #ccc;
}

.item-tile-row {
    clear: both;
}

.item-tiles {
    clear: both;
}

.tiled-picture {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
    margin-top: 7px;
}

.tiled-availability {
    width: 186px !important;
}

.tiled-title {
    height: 90px;
}

.tiled-manufacturer {
    height: 40px;
}

.itemViewMode {
    background: url('../../../img/itemGroupViewMode-sprite.png');
    width: 23px;
    height: 19px;
    display: block;
    float: left;
    margin-left: 2px;
}

.itemViewMode-list {
    background-position: -48px 0;
}

.itemViewMode-tiles {
    background-position: -71px 0;
}

.itemViewMode-list-active {
    background-position: 0 0;
}

.itemViewMode-tiles-active {
    background-position: -23px 0;
}

.cartButtonSmall {
    background: url('../../../img/cartButtonSmall-sprite.png');
    width: 57px;
    height: 35px;
}

.cartButtonSmall:hover {
    background-position: 0 -35px;
}

.price-tiled {
    padding-left: 5px;
    text-align: center;
    float: left;
    width: 120px;
}

.price-tiled .mainprice {
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 37px !important;
}

.tiledItemViewPriceWrapper {
    height: 75px;
}

.item-tile .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.itemViewMode-container {
    padding-left: 40px;
    float: left;
}

.dealsTeaser {
    background-color: #fff;
    padding-bottom: 10px;
}

.dealsTeaserElement {
    text-align: center;
    padding-top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.sidebar-headline-smaller {
    font-size: 13px !important;
}

div#lightboxFull {
    z-index: 10000;
}

.item-availability-tiled {
    padding-top: 10px;
}

.pickupButtonSmall {
    background: url('../../../img/pickupButtonSmall-sprite.png');
    width: 57px;
    height: 35px;
}

.pickupButtonSmall:hover {
    background-position: 0 -35px;
}

/**
 * Verfuegbarkeitsinformationen richtig anordnen.
 * 
 * @internal 0019578
 */
p.item-availability span.availability {
    float: right;
}

/**
 * Lierferzeit.
 * 
 * @internal 0019578
 */
p.item-availability span.availability.shipping{
    clear: right;
    font-weight: 300;

}