﻿@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    background-image: url(../Images/bg_body.gif);
    background-attachment: fixed;
    background-position: center top;
}

h1, h2, h3, p, li, th, td, div, input, textarea {
    font-family: "Helvetica LT W01 Roman", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

h1 {
    font-size: 24px;
    color: #990000;
    padding-top: 24px;
    padding-bottom: 38px;
}

.multicolumnContainer h1 {
    padding-top: 0;
}

h2,
legend {
    font-size: 13px;
    font-weight: bold;
    color: #999999;
}

.frame-type-header h2 {
    color: #000000;
}

h2 {
    padding-bottom: 34px;
}

h3 {
    font-weight: bold;
    padding-bottom: 5px;
}

h4 {
    font-weight: normal;
    padding-bottom: 5px;
}

p,
dt,
dd,
li {
    line-height: 22px;
}

.ce-bodytext p,
.news-single-item > p {
    margin-right: 20px;
}

.ce-bodytext p {
    padding-bottom: 22px;
}

.ce-border img {
    border: 1px solid #666666;
    padding: 0 0;
}

.frame-type-text ul li {
    list-style-type: '–   ';
    margin-left: 20px;
}

#contentDiv ul.multicolumnContainer li {
    list-style-type: none;
    margin: 0;
}

dt {
    float: left;
    padding-right: 5px;
}

dd {
    font-weight: bold;
}

img {
    border: none;
}

th,
.image-caption {
    text-align: left;
}

.image-caption {
    margin-bottom: 10px;
    font-weight: bold;
    padding-top: 5px;
}

td {
    vertical-align: top;
}

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

a.active {
    text-decoration: underline;
}

fieldset {
    border: none;
}

#contentDiv fieldset {
    border-bottom: 1px dotted #990000;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

input,
select,
textarea {
    width: 171px;
    border: 1px solid #990000;
    background-color: #FFFFFF;
}

input {
    height: 16px;
}

input::placeholder {
    opacity: 1;
}

input.button,
.tx-indexedsearch-searchbox input[type=submit] {
    height: 18px;
    width: 52px;
    border: 1px dotted #990000;
    border-left: none;
    border-right: none;
}

#contentDiv .tx-indexedsearch-searchbox input[type=submit] {
    width: 100px;
}

input.button:hover,
input[type=submit]:hover {
    color: #990000;
}

#containerDiv {
    width: 940px;
    height: auto !important;
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

#searchDiv {
    float: left;
    width: 240px;
    padding-left: 280px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#iconDiv {
    width: 90px;
    text-align: right;
    padding-left: 833px;
    padding-top: 6px;
    padding-bottom: 0px;
}

#iconDiv img {
    margin-left: 3px;
    margin-right: 3px;
}

#metanavigationDiv {
    width: 300px;
    height: 25px;
    margin-top: -23px;
    padding-left: 530px;
}

#metanavigationDiv li {
    float: right;
    list-style: none;
}

#metanavigationDiv a {
    color: #000000;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-right: 1px solid #000000;
}

#metanavigationDiv li:first-child a {
    border: none !important;
}

#navigationDiv li {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#navigationDiv li:last-child {
    padding-bottom: 0;
}

#navigationDiv li li {
    padding-top: 8px;
    padding-bottom: 8px;
}


#navigationDiv a:hover,
#navigationDiv li.active > a {
    color: #990000;
    text-decoration: underline;
}

#metanavigationDiv a:hover {
    color: #990000;
}

#navigationDiv {
    width: 226px;
    padding-right: 54px;
    clear: left;
    float: left;
}

#navigationDiv ul {
    clear: left;
}

#navigationDiv li {
    list-style-type: none;
    display: block;
    margin-left: 38px;
    border-top: 1px dotted #990000;
}

#navigationDiv li.active + li {
    border-top: none;
}

#navigationDiv > ul > li.active {
    margin-left: 19px;
    padding-left: 19px;
    border: 1px solid #990000;
    border-right: none;
}

#navigationDiv li a {
    color: #000000;
    font-weight: bold;
}

#navigationDiv li li {
    margin-left: 19px;
    border-top: none;
}

#contentDiv {
    float: left;
    width: 660px;
    margin-bottom: 31px;
    text-align: left;
}

#contentDiv a {
    text-decoration: underline;
}

#contentDiv a:hover {
    color: #000000;
}

#navigationDiv + #contentDiv  h1 {
    padding-top: 34px;
    border-top: 1px dotted #990000;
}


#footerDiv {
    width: 660px;
    margin-left: 280px;
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dotted #990000;
}

#footerDiv,
#footerDiv a {
    clear: left;
    color: #990000;
}

#bannerImg {
    float: left;
    margin-bottom: 20px;
}

#logoImg {
    width: 154px;
    margin-left: 38px;
    margin-bottom: 20px;
    padding-right: 34px;
}

.frame-default {
    padding-right: 20px;
}

.frame-layout-2 {
    float: left;
    padding-right: 10px;
    height: 256px;
    overflow: hidden;
}

.frame-layout-2 p {
    height: 30px;
}

.csc-caption,
.image-caption,
.news-single-imgcaption {
    color: #990000;
    font-size: 11px;
}

.csc-subheader {
    font-weight: bold;
    padding-bottom: 20px;
}


ul.csc-bulletlist,
.frame-type-text ul {
    margin-left: 15px;
    padding-bottom: 15px;
}

ul.csc-bulletlist li {
    line-height: 20px;
    list-style-image: url(../Images/listenpunkt.gif);
}

ul.ce-uploads {
    padding-bottom: 15px;
}

ul.ce-uploads li {
    margin: 0 !important;
    margin-bottom: 3px;
}

ul.ce-uploads img {
    padding: 0;
    float: left;
}

ul.ce-uploads div {
    line-height: 19px;
}

ul.ce-uploads span {
    float: left;
}

ul.ce-uploads span.ce-uploads-filesize {
    padding-left: 7px;
}

.frame-type-text p {
    padding-bottom: 22px;
    margin-right: 20px;
}

.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-form label {
    display: none;
}

.tx-indexedsearch-searchbox fieldset div {
    float: left;
}

.tx-indexedsearch-form {
    padding-right: 3px;
}

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    font-style: normal;
    color: #990000;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
    text-align: left;
    font-weight: normal;
}

div.tx-indexedsearch-browsebox {
    padding-bottom: 19px;
}

.tx-indexedsearch-browsebox li {
    display: inline;
    margin-right: 5px;
}

.tx-indexedsearch-sectionhead {
    padding: 3px;
    margin-bottom: 5px;
    border: 1px solid #990000;
    border-right: none;
    color: #000000;
}

.tx-indexedsearch-sectionhead h2 {
    padding-bottom: 0;
    color: #000000;
}

.tx-indexedsearch-result-count {
    float: right;
    font-weight: normal;
    color: #000000;
}

.tx-indexedsearch-info-sword strong {
    font-weight: bold;
    color: #990000;
}

.tx-indexedsearch-info dt,
.tx-indexedsearch-info dd {
    float: left;
    padding-right: 5px;
}

dd.tx-indexedsearch-text-item-mtime,
dd.tx-indexedsearch-text-item-path {
    float: none;
}

.tx-indexedsearch a {
    color: #990000;
}

.tx-indexedsearch-res {
    clear: none;
    padding-left: 19px;
    padding-bottom: 30px;
    margin-bottom: 13px;
}

.tx-indexedsearch-res .tx-indexedsearch-res {
    padding-top: 10px;
    padding-bottom: 0;
}

.tx-indexedsearch-info {
    padding: 5px;
    padding-left: 0;
    margin-top: 7px;
    color: #990000;
    border-top: 1px dotted #990000;
    border-bottom: 1px dotted #990000;
    background-color: #FFFFFF;
}

.tx-indexedsearch-info a {
    text-decoration: underline;
}

.tt-products img {
    border: 1px solid #666666;
    float: left;
}

.tt-products ul {
    list-style-type: none;
}

.tt_products_item_list li {
    margin-top: 10px;
    border-top: 1px dotted #990000;
    padding-top: 15px;
    padding-bottom: 10px;
    overflow: hidden;
}

.tt-products h2 {
    padding-bottom: 14px;
}

.tt_products_basket_payment h2 {
    padding: 0;
    padding-top: 14px;
}

.tt_products_item_list h2,
.tt_products_item_list h3,
.tt_products_item_list .listitem_subheader,
.tt_products_item_list .product_note,
.tt_products_item_list .price {
    margin-left: 95px;
}

.tt_products_item_single_display h2,
.tt_products_item_single_display .subheader,
.tt_products_item_single_display .product_note,
.tt_products_item_single_display .summary {
    margin-left: 181px;
}

.tt_products_item_single_display .price,
.summary dt,
.summary dd {
    font-weight: bold;
    float: left;
}

.summary dd {
    margin-left: 5px;
}

.order_form {
    float: right;
    text-align: right;
}

.tt_products_item_list input,
.tt_products_item_single_display input,
.tt_products_basket input {
    width: 23px;
    height: 20px;
    text-align: right;
    padding-right: 2px;
}

.tt_products_item_list input,
.tt_products_item_single_display input {
    padding-right: 2px;
}

.tt_products_item_list input,
.tt_products_item_single_display input {
    margin-left: 5px;
}

.tt-products label,
.tt-products input {
    float: left;
}

.tt-products label {
    padding-top: 3px;
}

.tt_products_item_list input[type=submit],
.tt_products_item_single_display input[type=submit],
.tt_products_basket .listitem input[type=submit] {
    width: 25px;
    height: 22px;
    background-image: url(../Images/basket.gif);
    background-position: 2px 2px;
    background-repeat: no-repeat;
}

.tt_products_basket .listitem input {
    float: left;
}

.tt_products_basket .listitem input[type=submit] {
    width: 17px;
    background-image: url(../Images/recycle-bin.gif);
    margin-left: 5px;
}

.form_control,
.form_control {
    padding-top: 15px;
    float: right;
}

.form_control input[type=submit],
.form_control input[type=submit] {
    width: auto;
    background-image: none;
    margin-left: 5px;
}

.basket_items th,
.basket_items td {
    padding-bottom: 5px;
}

.basket_items .image {
    padding-right: 10px;
}

.basket_items .product {
    padding-right: 10px;
    width: 60%;
}

.basket_items .price {
    padding-right: 5px;
}

.basket_items #price,
.basket_items #total,
.basket_items .price,
.basket_items .total {
    width: 60px;
}

.basket_items #quantity,
.basket_items .quantity {
    width: 100px;
    padding-right: 10px;
}

.basket_items .price,
.basket_items .total {
    text-align: right;
}

.tt_products_basket h2 {
    margin-top: 15px;
    padding-bottom: 0;
}

.tt_products_basket_info label {
    float: left;
    clear: left;
    width: 150px;
    margin-bottom: 5px;
}

.tt_products_basket_info input {
    width: 300px;
}

.tt_products_basket_info select {
    width: 302px;
    margin-top: 5px;
}

.tt_products_basket_payment .quantity {
    text-align: right;
}

.tt_products_basket_payment dt {
    display: block;
    width: 130px;
}

.tt_products_basket_payment dd + dd {
    margin-left: 135px;
}

#billing_zip,
#delivery_zip {
    width: 50px;
    margin-right: 5px;
}

#billing_city,
#delivery_city {
    width: 243px;
}

#delivery_notes {
    width: 300px;
}

#delivery_agb {
    width: auto;
    float: left;
    margin-right: 5px;
}

.list_link {
    float: right;
    clear: both;
    padding-top: 10px;
}

.news-latest-container  {
    width: 212px;
    padding: 0;
    padding-top: 15px;
    padding-right: 18px;
    margin-bottom: 30px;
    border-top: 1px dotted #990000;
    border-bottom: 1px dotted #990000;
}

.news-latest-container h2 {
    color: #000000;
    padding-bottom: 2px;
}

.news-latest-container a {
    text-decoration: underline;
}

.news-latest-item {
    padding: 0;
    padding-bottom: 20px;
}

.news-list-container {
    width: 660px;
    overflow: hidden;
}

.news-list-container img {
    float: left;
    margin: 0;
    margin-right: 20px;
}

.news-single-item {
    padding: 0;
}

.news-single-item h1 {
    padding-top: 34px;
    padding-bottom: 20px;
}

.news-single-item h2 {
    color:#000000;
    padding-bottom: 20px;
}

.news-single-item .subheader {
    margin-bottom: 14px;
}

.news-single-img {
    float: left;
    margin: 0;
    margin-right: 20px;
}

.ce-above .ce-gallery {
    margin-bottom: 10px;
}

.ce-table th,
.ce-table td {
    border: none;
}

.ce-table-kontakte {
    border-collapse: collapse;
    width: 100%;
    padding-right: 10px;
    margin-bottom: 34px;
}

.ce-table-kontakte td {
    text-align: left;
    padding-left: 0;
}

.ce-table-kontakte td:nth-child(1) {
    width: 240px;
}

.ce-table-kontakte td:nth-child(2) {
    width: 80px;
}

.ce-table-kontakte th {
    vertical-align: bottom;
    text-align: left;
}

.ce-table-kontakte td {
    padding-bottom: 3px;
}

#matomo-opt-out input,
#matomo-opt-out label {
    float: left;
}

#matomo-opt-out p {
    padding-bottom: 20px;
}

#matomo-opt-out label {
   width: 600px;
   margin-left: 10px;
   padding-bottom: 40px;
}

#matomo-opt-out #trackVisits {
    width: auto;
}
