/* DOSIS FONT */
@font-face {
    font-family: "Dosis";
    font-style: normal;
    font-weight: 400;
    src: local("Dosis Regular"), local("Dosis-Regular"), url("../fonts/Dosis-Regular.woff") format("woff");
}
@font-face {
    font-family: "Dosis";
    font-style: normal;
    font-weight: 700;
    src: local("Dosis Bold"), local("Dosis-Bold"), url("../fonts/Dosis-Bold.woff") format("woff");
}
/* END DOSIS FONT */

/* SOURCE SANS PRO FONT */
@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("../fonts/SourceSansPro-Regular.woff") format("woff");
}
@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../fonts/SourceSansPro-Bold.woff") format("woff");
}
/* END SOURCE SANS PRO FONT */

*, html {
    margin: 0;
    padding: 0;
}

body {
    background: #111;
    background-image: url(../assets/bg.jpg);
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

a {
    color: white;
    text-decoration: none;                
}
a:hover {
    text-decoration: underline;                
}
a img{
  border: none;
}

h1, h2, h3 {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  line-height: 1.2em;
  font-weight: 700;
}
h1 {
    font-size: 26px;
}
h2 {
  font-size: 16px;
}

th {
  text-align: left;
}

.divide td {
  border-top: 1px solid gray;
}

.main_top_navigation, .main_header, .main_content, .main_toolbar {
    margin: auto;
    width: 980px;
    border: 0;
}
.main_top_navigation {
  text-transform: uppercase;
}
.main_header {
    margin-top: 20px;
    position: relative;
    height: 176px;
    z-index: 10;
}
.head_km {
  display: block;
  position: absolute;
  top: 0;
  left: 0;  
}
.head_dth {
  display: block;
  position: absolute;
  top: 10px;
  left: 190px;
  background: transparent url(../assets/head_dth.png) no-repeat;
  width: 702px;
  height: 70px;
  text-indent: -4000px;
  direction: ltr;
}
.back_to_dth {
  margin-top: 15px;
  margin-left: 75px;
  font-family: 'Dosis', sans-serif;
}
.special_hints {
  background-color: red;
  float: left;
  width: 600px;
  font-size: 14px;
  line-height: 1.2em;
  position: relative;
  left: 0;
  color: #fff;
}
.special_hints p {
  padding: 4px;
}
.category_navigation {
  font-family: 'Dosis', sans-serif;
  display:inline-block;
  margin-top: 110px;
  margin-left: 190px;
}
.category_navigation .root_navigation {
  font-size: 19px;
  line-height: 28px;
  text-transform: uppercase;
  background: transparent url(../assets/menudivider.png) no-repeat scroll left bottom;
}
.category_navigation .root_navigation a {
  display: inline-block;
  margin-right: 1em;
}
.category_navigation .sub_navigation {
    display: none;
    list-style-type: none;
    list-style-position: outside;
}
.category_navigation a.active {
    color: #d12013;
}
.category_navigation a.inactive {
    color: gray;
}

.main_content {
    min-height: 400px;
}
.main_toolbar {
    position: relative;
}
.search_form {
  float: right;
  margin-right: 90px;
}
.search_form input {
  padding: 2px;
  background-color: #777;
  border: 0;
  border-radius: 2px;
  width: 14em;
}
.quick_links {
  margin-left: 190px;
}
.quick_links .links {
  display: inline-block;
  padding: 0 4px;
  background-image: url(../assets/bg_ch.png);
}
.quick_cart {
  position: relative;
  width: 316px;
  padding: 10px 0;
  background-image: url(../assets/bg_ch.png);  
  float: right;
}
.quick_cart_inner {
  padding: 0 10px 0 50px;
  text-align: center;
}
.quick_cart img {
  position: absolute;
  left: 10px;
  bottom: 2px;
}

#cart_reserved {
  font-weight: bold;
  color: #FF0;
}

.cart_ttl_message {
  color: #FF0;
}

.main_content {
    padding: 0;
    padding-top: 10px;
    position: relative;
}
.main_content .category_content {
    padding: 0;
    margin: 0;
    position: relative;
}

.headline {
    font-size: 1.2em;
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
}

.product_image_teaser, .product_image_thumb {
    position: relative;
    float: left;
    background-image: url(../assets/bg_ch.png);
    display: inline-block;
    overflow: hidden;
    margin-right: 16px;
    margin-bottom: 16px;
}
.product_image_teaser {
    width: 316px;
    height: 316px;
}
.product_image_thumb {
    width: 150px;
    height: 250px;
    line-height: 0;
}
.product_image_teaser.last, .product_image_thumb.last {
    margin-right: 0;
}
.product_image_teaser img, .product_image_thumb img {
  padding: 6px;
}
.product_image_teaser div {
  text-transform: uppercase;
}
.product_image_teaser div h1 {
  font-size: 42px;
  font-weight: 400;
  margin-top: 0;
}
.product_image_teaser ul {
  list-style-type: none;
  padding-left: 30px;
}
.product_image_teaser_content {
  position: relative;
}
.sub_navigation {
    font-family: 'Dosis', sans-serif;
    margin: 6px;
    padding: 10px;
    height: 284px;
    width: 284px;
    background-color: gray;
    background-color: rgba(9,9,9, 0.8);
    position: absolute;
    top: -316px;
    overflow: hidden;
}

.product_image_thumb .product_description {
    line-height: 12px;
    margin-left: 6px;
    height: 24px;
}
.product_description {
    line-height: 1 !important;
}
.product_image_thumb .price {
  position: absolute;
  bottom: 6px;
  left: 6px;
  color: red;
  font-weight: bold;
}
.product_image_thumb .new {
    position: absolute;
    top: 0;
    right: 0;
    color: #f07e13;
    font-weight: bold;
    pointer-events: none;
}
.product_image_thumb .discount {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    font-weight: bold;
    pointer-events: none;
}
.product_image_thumb .hint {
    position: absolute;
    bottom: 74px;
    line-height: 1.2em;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    color: white;
    background-color: #f07e13;
}

#product_detail_images, .product_detail_images {
  float: left;
  margin-right: 10px;
}
#product_detail_description {
  float: left;
  width: 326px;
}
#product_detail_price {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0;
}
#product_detail_cart_form, .product_detail_cart_form {
  margin-top: 1em;
}
.product_detail_tracklist {
    margin-top: 10px;
    margin-left: 10px;
}
.product_detail_back_link {
  margin-top: 1em;
  position: absolute;
  left: 319px;
  bottom: 5px;
}
.product_image_detail {
  display: block;
  padding: 5px;
  margin: 5px;
  background-image: url(../assets/bg_img.png);  
  border: 0;
}
.product_detail_container {
    width: 650px;
    background-color: #fefefe;
    color: #111;
    position: relative;
}
.product_detail_container a {
    color: #111;  
}
.product_detail_teaser_container {
    position: absolute;
    top: 0;
    right: 0;
    width: 316px;
}


.button_gray, .button_red, .button_add_to_cart {
  display: inline-block;
  color: white;
  font-weight: bold;
  font-family: 'Dosis', sans-serif;
  font-size: 14px;
  line-height: 1em;
  cursor: pointer;
  border: 2px solid #333; 
  padding: 5px;
  margin: 2px;
}

.button_gray {
  background-color: #555;
  border-color: #333; 
}
.button_red {
  background-color: #d12013;
  border-color:#aa0000;
}
.button_add_to_cart {
  color: white;
  background-color: #d12013;
  text-align: left;

  border-top: 1px solid gray;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid gray;
}

#cart_overview {
  width: 100%;
  background-color: #444;
  margin-bottom: 10px;
  border: 0px solid gray;
}
#cart_overview th {
  background-color: #888;
  background-image: url(../assets/bg_ch.png);  
}
#cart_overview td {
  border-top: 1px solid #999;
}
#cart_overview tr.summary td {
  background-color: #888;
  background-image: url(../assets/bg_ch.png);  
  font-size: 1.3em;
  line-height: 2em;
  font-weight: bold;
}

#cart_breadcrumps {
  width: 100%;
  background-color: gray;
  background-image: url(../assets/bg_ch.png);  
  color: #bbb;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 2em;
  margin-bottom: 5px;
  margin-right: 10px;
}
#cart_breadcrumps .current_step {
  color: white;
}
#cart_breadcrumps.current-action-cartOverview .cartOverview {
  color: white;  
}
#cart_breadcrumps.current-action-edit .customerEdit {
  color: white;  
}
#cart_breadcrumps.current-action-paymentDetails .paymentDetails {
  color: white;  
}
#cart_breadcrumps.current-action-thankYou .thankYou {
  color: white;  
}
#cart_help {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 5px;
}

.payment_details_form .payment_buttons {
    text-align: right;
    margin: 1em 0;
}

.cart_checkout_box {
  width: 100%;
  border: 1px solid gray;
  border-left: 0;
  border-right: 0;
  background-color: #444;
  margin-bottom: 10px;
}
.cart_checkout_box h3 {
  margin: 10px 10px;
}
.cart_checkout_box table, .cart_checkout_box p {
  margin: 0 10px;
}
.cart_checkout_box table {
  width: 550px;
  border-spacing: 0;
}
.cart_checkout_box table tr td {
  width: 260px;
}
.cart_checkout_box input.text {
  border: 2px solid #aaa;
  padding: 3px;
}
.address_checkout_box input.text {
  width: 260px;
}
.cart_checkout_box label {
  margin-top: 5px;
  display: block;
}

a.imprint_link, a.gift_coupon_link {
    text-decoration: underline;
}

.left, th.left {
  text-align: left;
}
.right, th.right {
  text-align: right;
}
.center {
  text-align: center;
}
.error, .note {
  margin-right: 10px;
  margin-bottom: 10px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  font-weight: bold;
}
.error {
  background-color: #d12013;
  color: yellow;
}
.note {
  background-color: green;
  color: black;
}
.error div, .note div {
  margin: 5px;
}
.required {
  font-weight: bold;
}
.red {
  color: #d12013;
}
.orange {
  color: orange;
}
.green {
  color: #99ff99;
}
.hervorgehoben {
    /* agb */
    font-weight: bold;
}

/* special styles for dth */
#main_navigation_52, #main_navigation_77 {
  margin-top: 10px;
}

.category_navigation #main_navigation_83, .category_navigation #main_navigation_84 {
  display: none;
}

.loginform table {
    text-align: center;
}
.loginform td {
    color: black;
    padding: 5px;
}

#backkatalog_left {
  float: left;
}

#backkatalog_right {
  float: left;
  margin-left: 10px;
}

#backkatalog_left #leafs_left {
  float: left;
  background-color: #D12013;
}

#backkatalog_left img {
  float: left;
}

#backkatalog_right #leafs_right {
  float: left;
  background-color: #A3A9A7;
}

#backkatalog_right img {
  float: left;
}

.backkatalog {
  width: 289px;
}

.backkatalog .teaser {
  margin-bottom: 35px;
}

.backkatalog .product_image_thumb {
  margin-right: 3px;
  margin-bottom: 3px;
}

.leafs {
  padding-left: 3px;
  padding-top: 3px;
}