/***** Content Layout, übernommen von merkurdirekt.css *****/
.headline-red {
    font-size: 16px;
    color: #cc3333;
    font-family: verdana, tahoma, arial, helvetica, "sans serif";
    text-decoration: none;
    font-weight: bold;
}

.md_ContentTable {
    border-collapse: collapse;
}

/****** Shopauswahl, übernommen von index.htm: *****/
.Stil2 {
    color: #FF0000;
    font-size: medium;
}
.Stil6 {
    font-size: 12px;
    font-weight: bold;
}
.Stil5 {
    font-size: 14px;
    color: #00A77E;
    font-weight: bold;
}
.rahmentabelle {
    border: 1px #2D518F solid;
}
.Stil7 {
    font-size: 2em !important;
    font-weight: bold;
}
.Stil8 {
    color: #00A77E;
}
/****** menu ******/
.menu, .menu A:link, .menu A:visited, .menu A:active, .menu2, .menu2 A:link, .menumain, .menumain A:link {
    font-size: 9px;
    color: #008257;
    text-decoration: none;
}

.menu A:hover, .menu2 A:hover, .menumain A:hover {
    text-decoration: underline;
}

A, A:link {
    font-size: 8pt;
    color: #008257;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}


/***** übernommen von shop_at-styles.css *****/
.wrapper-big {
    margin-left: 10px;
    width: 650px;
}
.aktionsseite {
    width: 880px;
}

.contentbox {
    background-color: #F8F8F4;
    border: 1px solid #C9C9C9;
    border-radius: 9px 9px 9px 9px;
    clear: both;
    color: #716F6F;
    font-weight: normal;
    line-height: 1.8em;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 15px 18px;
}

.hinweisbalken {
    background-color: #A6A6A5;
    border-bottom: 1px dashed #FFFFFF;
    border-top: 1px dashed #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 0;
    padding: 2px 5px;
}

.merkur-info h3, .aktionsseite h3 {
    background-color: #00946b; /*background-image:url(../Images/headline-bg-runde-ecken-rechts.gif);  added in code via setting path*/
    background-repeat: no-repeat;
    background-position: right top;
    color: #FFF;
    padding: 7px 22px 6px 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    display: table-cell;
    float: left;
}

.preisbanner-zusatzinfo {
    font-size: 80%;
    text-align: center;
    line-height: 1.4em;
    margin-top: 4px;
}


.aktionsseite .artikelnummern td {
    height: 10px;
    line-height: 0.8em;
}

.aktionsseite .produktname {
    font-weight: bold;
    white-space: nowrap;
}


.zusatzinfo {
    clear: both;
    background-color: #FF3;
    color: #F00;
    padding: 3px 5px;
}


/* popup */
.Stil5Popup {
    color: #0F904F;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

/* Produktliste */
.prodWagruHeader, .prodHeader td, .prodHeader th {
    color: White;
    font-size: 12px;

}
.prodHeader td, .prodHeader th {
    height: 20px;
    text-align: center;
    font-weight: normal;
}
.prodHeader td.headerDetails, .prodHeader th.headerDetails {
    text-align: left;
    padding: 0px 10px;
}
.prodWagruHeader .wagruCurrent {
    color: White;
    font-size: 24px;
}
.prodWagruHeader {
    padding-right: 10px;
    height:20px;
    text-align:right;
}
.iconabstand {
    margin-right: 4px;
    margin-top: 2px;
}

.productlistHeadlineTable, .productlistHeaderTable, .productListTable {
   width: 100%;
   border-spacing: 0;
}
.productlistHeadlineTable {
    background-color:#D3A086;
}
.prodTd {
    vertical-align: top;
    text-align: left;
}
.prodTd .placeholder {
}

.prodTd.prodTdProductImage {
    text-align: right;
    padding: 5px;
    border-right: 1px solid #9fd0ec;
    width: 5%;
}
.prodTd.prodTdDetails {
    padding: 5px;
    border-right: 1px solid #9fd0ec;
    width: 77%;
}
.prodTdDetails em {
    font-size: 10px;
}
.prodTd.prodTdPreis {
    text-align: right;
    padding: 5px;
    width: 180px;
}
.prodTdMenge a.btnHinzu {
    display: block; /*width:100%;height:100%; */
    padding-top: 15px;
}
.prodTdMenge a.btnHinzuDisabled img {
    filter: brightness(300%) grayscale(100%);
    -webkit-filter: brightness(300%) grayscale(100%);
    -moz-filter: brightness(300%) grayscale(100%);
    -ms-filter: brightness(300%) grayscale(100%);
    -o-filter: brightness(300%) grayscale(100%);
}
.prodTd.prodTdMenge {
    text-align: center;
}
.prodTd.prodTdButton {
    padding-top: 4px;
}
.prodTd.prodTdGesamtpreis {
    text-align: right;
}
.prodTdPosNr input {
    font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 10px; margin-top: 2px;
}
.verpackungseinheit {
    display: block;
    margin-bottom: 2px;
}
.produktlisteHeadertext {
    margin-bottom: 10px;
}
.infoMengenrabatt {
    color: red;
}

.verpackungseinheit {
    font-size: 14px;
    color: #e20101;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.hervorheben_rot {
    font-size: 13px;
    color: #e20101;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
    background-color: #FF0;
}

.hervorheben {
    font-size: 13px;
    color: #2942A5;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.hervorheben_lieferzeit {
    font-size: 10px;
    color: #2942a5;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.hervorheben_lieferzeit_hinweis {
    font-size: 10px;
    color: #ff0000;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.zusatzinfo_preis {
    font-size: 10px; /* Farbe ALT COLOR: #e20101;   */
    color: #000000;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
    line-height: 20px;
}

.preis {
    font-size: 13px;
    color: #2942A5;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.origpack_text {
    font-size: 13px;
    color: #e20101;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.origpack_anzahl {
    font-size: 13px;
    color: #2942A5;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.stueck_text {
    font-size: 13px;
    color: #000000;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.stueck_anzahl {
    font-size: 13px;
    color: #e20101;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.stueck_preis_netto {
    font-size: 13px;
    color: #e20101;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.stueck_preis_brutto {
    font-size: 13px;
    color: #000000;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

#stueck_preis_30_rahmen {
    background-color: #F00;
    border: #FFF thin solid;
    margin: 0px;
    padding: 2px;
}

#stueck_preis_30_rahmen .stueck_anzahl {
    color:black;
}

.stueck_preis_30 {
    font-size: 13px;
    color: #FFFFFF;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    font-weight: bold;
}

.preisRabattArea {
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 13px;
    font-weight: bold;
}
.preisRabattArea .preisRabatt {
    color: #f00;
    padding-top: 5px;
}
.preisRabattArea .preisSumme {
    color: #2942a5;
    padding-top: 5px;
}


.iconabstand {
    margin-right: 4px;
    margin-top: 2px;
}

.hinzuicon {
    position: relative;
    bottom: 10px;
}
/* End Produktliste */
.errorMarker {
    display: inline !important;
}
.errorControl {
    border:1px solid red;
}
.errorSummary {}
.errorSummary ul {
    margin: 10px 0 0 30px;
}
.errorSummary ul li {
    padding-bottom: 2px;
}

.ok {
    color: #00A67B;
    font-weight: bold;
}

/* Warenkorb */
p.ekwNoEntries {
    text-align: center;
    margin-top: 30px;
    color: #000000;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 9px;
}
.ekwBottomLinks {
    position: absolute;
    left: 0px;
    bottom:12px;
}

.ekwBottomLinks a {
    display: block;
    width: 180px;
    height: 18px;
    background-repeat: no-repeat;
    text-decoration: none;
    overflow: hidden;
}
.ekwBottomLinks a:hover {
    text-decoration: none;
}

#divWkEntryList {
    padding-top: 5px;
}

.sideWkEntry {/*default/fallback*/
    /*width:220px;*/
    width: 99%;
    border-collapse:collapse;
    border-bottom:3px solid #9ed2fe;
    background-color: #d0e9ff;
}
.sideWkEntry:nth-child(even) {/*default/fallback*/
    background-color: #f2f2f2;
}

.divWkEntries.GM .sideWkEntry {
    background-color: #d0e9ff;
    border-bottom-color:#9ed2fe;
}
.divWkEntries.GM .sideWkEntry:nth-child(even) {
    background-color: #9ed2fe;
}

.divWkEntries.KM .sideWkEntry {
    background-color: #e3fbfa;
    border-bottom-color:#c8dfde;
}
.divWkEntries.KM .sideWkEntry:nth-child(even) {
    background-color: #c8dfde;
}

.divWkEntries.AS .sideWkEntry {
    background-color: #e4e4e3;
    border-bottom-color:#fffbf7;
}
.divWkEntries.AS .sideWkEntry:nth-child(even) {
    background-color: #fffbf7;
}

.sideWkEntry td {
    border: 0px solid;
    padding: 4px 1px;
    color: #000000;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 9px;
}

.sideWkEntry .article {
    width:163px;
}

.sideWkEntry .amount { /*default/fallback*/
    vertical-align:top;
    width: 36px;
    text-align: center;
    background-color:#c8e4fd;
}
.sideWkEntry:nth-child(even) .amount { /*default/fallback*/
    background-color:#e6e6e6;
}

.divWkEntries.GM .sideWkEntry .amount {
    background-color:#c8e4fd;
}
.divWkEntries.GM .sideWkEntry:nth-child(even) .amount {
    background-color:#8bc9fd;
}

.divWkEntries.KM .sideWkEntry .amount {
    background-color:#dfedec;
}
.divWkEntries.KM .sideWkEntry:nth-child(even) .amount {
    background-color:#aededc;
}

.divWkEntries.AS .sideWkEntry .amount {
    background-color:#d8d8d6;
}
.divWkEntries.AS .sideWkEntry:nth-child(even) .amount {
    background-color:#e6e6e6;
}

.sideWkEntry .curency {
    text-align:right;
}

.sideWkEntry .price {
    text-align:right;
    padding-right: 5px;
}

.sideWkEntry .price span {
    width: 45px;
    display: inline-block;
}

.sideWkEntry .delete {
    color: red;
    font-weight: bold;
}
.sideWkEntry .wkMenge.wkArtikelAmount {
    width: 100%;
    max-width: 26px;
    font-size: 11px;
}


.sideWkEntrySum {
    width:99%;
    border-top: 3px double;
    margin-top: 4px;
}

.sideWkEntrySum td {
    font-size: 10px;
}

.sideWkEntrySum .sum{
    text-align:right;
}

.sideWkEntryInfo {
    width:220px;
}

.sideWkEntryInfo, .sideWkEntryInfo b {
    font-size: 10px;
    text-align: right;
}

/* End Warenkorb */
.nohreflink {
    cursor: pointer;
}
/* Einkaufswagen Detail */
.ekwDetailSummenTable td
{
    color: #000000;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 10px;
}

.ekwDetailSummenTable td b, b.ekwDetailLink
{
    color: #2942A5;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 13px;
}

 b.ekwDetailLink a
 {
     color:#E10101;
 }

.ekwDetailSummenTable td.gesamt, .ekwDetailSummenTable td.gesamt b
{
    color:#E10101;
}

.ekwDetailSummenTable td.sumLabel {
    text-align: right;
    vertical-align: top;
    width: 31%;
}
.ekwDetailSummenTable td.sumValue {
    text-align: right;
    vertical-align: top;
    width: 19%;
    padding-left: 35px;
}

.ekwDetailError
{
    text-align:right;
    color:#E10101;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:15px;
}
.wkSpeichernName
{
    width:211px;
    background-color: #D0E9FF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.wkSpeichernOk
{
    vertical-align: bottom;
}
/* End Einkaufswagen Detail */

/* product detail popup */
.popupInfoArea
{
    margin:15px;
    padding:5px;
    border: thin solid #CCF;
    background: #EEF;
    width:200px;
    margin-left:auto;
    margin-right:0px;
}
.prodTdOverlayInfo
{
    margin:15px;
    padding:5px;
    border-top: thin solid #CCF;
    border-right: thin solid #CCF;
    border-bottom: thin solid #CCF;
    background: #EEF;
    width:200px;
}
.bestellenOverlayContainer
{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: white;
    opacity:0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}
.bestellenOverlayImage
{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.feedbackMessage
{
    padding:10px;
    border:2px solid blue;
    color:blue;
    background:#c4c4ff;
}
.feedbackMessage.error
{
    border:2px solid red;
    color:Red;
    background:#ffc4c4;
}

.prodTdDetails strong
{
    font-size:12pt;
}
.prodTdDetails h3
{
    font-size:12pt;
    display: inline;
}
.prodTdDetails em
{
    font-size:10pt;
}

#scrollingTextContent
{
    position:absolute;
    top:-100px;left:0px;
    width:50000px;
}

#timerDisplay {
    text-align: center;
    border: 0px solid black;
    padding-left: 2px;
    padding-right: 2px;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 9px;
    font-weight: bold;
}
#timerImages {
    position: relative;
    left: 0px;
    top: 0px;
    display:inline;
}
#timerImageMove {
    position: absolute;
    left: 0px;
    top: -5px;
}
.timerRed {
    color: red;
}
.timerBlack {
    color: black;
}
.userLockMessageWrapper {
    width: 400px;
}
.userLockMessagePre {
    position: absolute;
    left: 0px;
    font-family: serif;
    font-size: 48pt;
    color: red;
}
.userLockMessage {
    width: 330px;
    padding: 10px;
}

#positionsnummernPopupContent {
    padding:20px;
}

#positionsnummernPopupContent p.posNrPopup {
    margin-top: 10px;
    margin-bottom: 10px;
}

#positionsnummernPopupContent p.posNrPopup.right {
    text-align: right;
}

#positionsnummernPopupContent input{
    text-align: right;
    padding: 2px;
}

#positionsnummernPopupContent button{
    padding: 5px;
}

.loginBackgroundWrapper {
    width:545px; height:230px; background: top left no-repeat;
}

/* new left frame */
#leftHeader {
    height: 120px;
    padding-top: 15px;
    text-align: center;
}

#leftHeader > div {
    background: none repeat scroll 0 0 transparent;
    margin-left: 2px;
    padding-top: 20px;
    text-align: left;
    width: 243px;
}

#leftHeader > div > div {
    background-color: #fff;
    /* dynamic: border: 2px solid #00946b; */
    height: 22px;
    left: 0;
    padding-left: 3px;
    width: 238px;
    border-width: 2px;
    border-style: solid;
}
#leftHeader > div > div table.prodSearchTable {
    position: relative;
    width: 238px;
    border-spacing: 0;
    vertical-align: top;
}
#leftHeader > div > div input {
    border: none;
}
#leftHeader > div > div input.tbSearchInput {
    width: 200px;
}
#navigation > div > img,
#navigation > div > a {
    padding-left: 9px;
}

#produktlisteHeaderTable {
    background: #fff;
    z-index: 10;
}

/* for lmiv data*/
.lmivReweLabel {
    font-weight: bold;
}

.lmivDataInfoText {
    color: red;
}
/* menge input */
.blockMenge {
    white-space: nowrap;
}
.blockMenge img {
    vertical-align: text-bottom;
    padding-left: 1px;
    padding-right: 1px;
}
.artikelListAmount {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 3px;
    text-align: center;
    font-weight: bold;
}
/* Date Select on login */
.lieferzeitauswahltable .inputRow .lzfDateSelect table {
    border-spacing: 0px;
}
.lieferzeitauswahltable .inputRow .lzfDateSelect th {
    font-weight: bold;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td {
    /*border: 1px solid black;*/
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    color: lightgrey;
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td.lzf {
    background: #eee;
    background: linear-gradient(to bottom, #eee, #ccc);
    cursor: pointer;
    color: black;
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td.lzf.firstLzf {
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td.currentDate {
    background: #ffffff; border: 2px solid #008257; padding: 5px;
    color: black;
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td.lzf:hover {
    background: #ddd;
    background: linear-gradient(to bottom, #ddd, #bbb);
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td.lzf.lzfSel {
    background: #d0e9ff;
    /*background: linear-gradient(to bottom, white, #d0e9ff);*/
}
.lieferzeitauswahltable .inputRow .lzfDateSelect td.lzf a {
    text-decoration: none;
    color: inherit;
}
table.lieferzeitauswahltable select {
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    padding-right: 10px;
    margin-left: 2.2em;
}
.infoSelectedDate {
    padding-left: 2.2em;
}

/* End Date Select on login */
.orderCatalogForm input:focus {
    border-color:#d0e9ff;
    border-style: solid;
}

.popupContentLastOrder {
    padding:20px;
    width: 500px;
}
.popupContentDatenschutz {
    padding:20px;
    width: 800px;
}
.popupContentDatenschutz h1 {
    margin-bottom: 20px;
}
.popupContentDatenschutz .image {
    float:right;padding-left:15px;
}
.popupContentDatenschutz .confirmButton {
    margin-top:20px;
    float:right;
}
.popupContentDatenschutz .cancelButton {
    margin-top:20px;
    float:left;
}

.wkPreisAbzug {
    color: red;
}
.wkHeaderGesamt {
    padding-right: 7px;
}

/* produkt table bestellung */
.prodTableI1 {
    font-size: 12px;
}
tr.orderTableRabatt td {
    color: red;
}
.orderLabel {
    width: 16%;
}
.orderPriceBrutto {
    text-align: right;width: 36%;
}
.orderPriceBrutto.detail {
    font-weight: bold;
}
.orderAmount {
    text-align: center;width: 12%;
}
.orderPrice {
    text-align: right;width: 36%;
}
.orderLine {
    padding-top: 5px;
}
.orderRebateInfo {
    text-align: right;
}
tr.warenkorbheaderrow td, tr.warenkorbheaderrow th {
    color: white;
}
.orderHrLight {
    color: #eee;
}
td.warenkorbbigfont {
    font-size: 13px;
}
td.orderPriceSum {
    font-weight: bold;
    padding-bottom: 5px;
}
.prodTableI1 {
    font-weight: bold;
}
/* suggest */
#searchInputSuggest {
    border-width: 2px;
    border-style: solid;
    background: white;
    position: absolute;
    top: 30px;
    left: -5px;
    z-index: 100;
    width: 241px;
    overflow-x: hidden;
    display: none;
    font-size: 8pt;
}
#searchInputSuggest div {
    white-space: nowrap;
    cursor: pointer;
    padding-left: 3px;
}
#searchInputSuggest div:hover {
    background: lightblue;
}
#searchInputSuggest div.selected {
    background: lightblue;
}
/* Accessibility */
.hiddenVisually, .skiplink {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.skiplink:focus {
    left: 0px;
    top: 0px;
    width: auto;
    height: auto;
    padding: 5px;
    color: black;
    font-size: 14px;
    background-color: white;
    z-index: 100;
}

input:focus, a:focus, select:focus {
    outline: 2px solid #4d90fe;
}

h3.orderFinish {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.userDataEditTable h4 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10pt;
    color: #2942A5;
}

/* Cookie message*/
.cc_container {
    background: rgba(51, 51, 51, 0.7) none repeat scroll 0 0 !important;
    box-sizing: border-box;
    color: #fff;
    font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
    font-size: 15px !important;
    z-index: 500;
}
.cc_container {
    padding: 6px 30px !important;
}
.cc_container .cc_message {
    font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
    font-size: 15px !important;
}
.cc_container a, .cc_container a:visited {
    color: #fff !important;
    text-decoration: underline !important;
    font-size: 13px !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    border: thin solid #fff !important;
    border-radius: 5px;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
}

.cc_container .cc_btn {
     padding: 8px 15px 8px 10px !important;
}

.cc_container .cc_btn {
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.6em;
    margin-left: 10px;
    max-width: 37px;
    padding: 8px 10px;
    text-align: center;
    transition: font-size 200ms ease 0s;
    width: 33%;
	max-width: 9px !important;
	background-color: transparent !important;
}
/* end cookie message */

.warenkorbDetailControlButtons {
    float: right;
    text-align: left;
}

.divBestellung img.article-info-image {
    max-height: 35px;
}
.divBestellung td.separator hr {
    width: 78.5em;
}

.divBestellung .phone {
    font-style: italic;
}

div.editDataLink {
    margin-bottom: 2px;
}
td.editDataLink {
    vertical-align: bottom;
    padding-bottom: 20px;
}
.editDataLink img {
    vertical-align:bottom;
}
.editDataLink a, .editDataLink a:link {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
}
.divBestellungHeaderTable hr {
    margin: 15px 0px 15px 0px;
}


.divBestellung p.orderMinorHeadline {
    font-weight: bold;
}

.edge-helper-wrapper {
    display: inline-block;
}



.tableNavigationType1 {
    border-spacing: 3px;
}
.tableNavigationType1 > tbody > tr > td {
    vertical-align: top;
    border: 1px solid;
    /*padding: 2px 5px;*/
}
.productBasePrice {
    font-weight: bold;
}

.noBorder {
    border:0px !important;
}
.hint {
    color: red;
    font-style: italic;
    margin-left: 10px;
}
.offerGrid {
    width: 723px;
    border-spacing: 0;
}
.offerGrid td, .offerGrid td a {
    font-size:0px;
}

.userDataEditTable {
    width:97%; 
    border-spacing:0;
}


.promo-box {
    min-width: 185px; /* make sure some width is defined, but three digits need more room*/
    border: 2px solid #2c2e35;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    /*overflow: hidden;*/
    color: #2c2e35;
}

.section-top {
    border-radius: 8px 8px 0 0;
}

.top-section {
    background-color: #d8d9da;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-size: 14px;
    padding: 2px 0px 2px 0px;
}

    .top-section b {
        font-size: 14px;
        color: #ff2e17;
    }

    .top-section .black-bold {
        color: #2c2e35;
        font-weight: bold;
    }

.price-label {
    /*width: 50%;*/
    text-align: right;
    padding: 2px 5px 0px 0px;
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 0px;
}

    .price-label.brutto {
        color: white;
    }

    .price-label.netto {
        color: white;
    }

.price-section {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

.price-value {
    width: 50%;
    padding: 5px 5px 0px 5px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    box-sizing: border-box;
    position: relative; /*to allow absolute positioning of price-label within*/
}

    .price-value.brutto {
        background-color: #b41a2f;
        color: white;
    }

    .price-value.netto {
        background-color: #004e94;
        color: white;
    }

.euro-part {
    font-size: 38px;
    line-height: 1;
}

.cents-part {
    font-size: 30px;
    /*vertical-align: super;*/
    line-height: 1;
    margin-left: 2px;
}

.sub-cents {
    font-size: 18px;
    /*align-self: center;*/
    position: relative;
    bottom: 10px;
    margin-left: 1px;
}

.discount-banner {
    background-color: #d8d9da;
    color: #2c2e35;
    font-size: 12px;
    text-align: center;
    padding: 2px;
    font-weight: bold;
    border-bottom: 0px solid #2c2e35;
}

    .discount-banner .highlight {
        color: #b41a2f;
    }

    .discount-banner .highlightPercent {
        color: #b41a2f;
        font-weight: bold;
        font-size: 14px;
        padding: 2px;
        background-color: #ffeb3d;
    }

.mengen-hit {
    background-color: white;
    font-size: 14px;
    text-align: center;
    padding: 2px 0px 2px 0px;
}

    .mengen-hit b {
        color: #ff2e17;
        font-size: 14px;
    }

    .mengen-hit .Title {
        font-size: 18px;
    }

    .mengen-hit .black-bold {
        color: #2c2e35;
        font-weight: bold;
    }

.highlight-yellow {
    background-color: #ffeb3d;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #2c2e35;
}

    .highlight-yellow .highlight {
        padding: 2px;
        font-size: 14px;
    }

.highlight-red {
    background-color: #b41a2f;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    color: #ffeb3d;
}

    .highlight-red .highlight {
        color: white;
    }
    .highlight-red .highlightPercent {
        background-color: #b41a2f;
        padding: 2px;
        font-weight: bold;
        font-size: 14px;
    }

.mengen-hit b { color: #b41a2f; }
.top-section b { color: #b41a2f; }
.highlight-yellow { color: #b41a2f; }

.promo-box, .promo-box b {
    font-family: interstate, 'Verdana', Arial, sans-serif;
}

.price-label {
    font-family: interstate, 'Verdana', Arial, sans-serif;
    /*font-family: interstate-condensed, 'Verdana', Arial, sans-serif;*/
}

.price-value,
.euro-part,
.cents-part,
.sub-cents {
    font-family: interstate-compressed, 'Arial Narrow', Arial, sans-serif;
}