html, body, b, p, td, blockquote, li, ul {
    font-size: 10pt;
}

a, a:link, button.aspLinkButton {
    font-size: 10pt;
    color: #2942A5;
    font-family: Verdana, Tahoma, Arial, helvetica, Sans-Serif;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
    -webkit-user-select: none; 
    -webkit-touch-callout: none;
}

body#MDShop {
    overflow: hidden;
    height: 100%;
    max-height: 100%;
    border: 0;
    font-family: Verdana, Geneva, Tahoma, Sans-Serif;
    font-size: 10pt;
}

#MDShop #leftFrame, #MDShop .rightFrame {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px; /* width of left frame div */
    height: 100%;
    overflow: hidden;
    background-color: #fff;
}

#aspnetForm {
    position:relative;
}

#MDShop .rightFrame {
    position:fixed;
    top: 143px; /* set top value to height of top frame div */
    left: auto;
    right: 0;
    width: 250px; /* width of right frame div */
    overflow: hidden;
    background-color: #9ED2FE;
    -moz-border-radius-topleft: 25px 25px;
    border-top-left-radius: 25px 25px;
    border: 2px lightgray inset;


    
    bottom:0;
    height:inherit;
}

#MDShop #topFrame {
    position: relative;
    top: 0;
    left: 250px; /* set left value to width of left frame div */
    right: 0px;
    width: auto;
    overflow: hidden;
    background-color: #fff;
}

#MDShop #contentFrame {
    position: fixed;
    left: 250px; /* set left value to width of left frame div */
    right: 254px; /* set right value to width of right frame div */
    bottom: 0;
    overflow: auto;
    background-color: #fff;
    margin-top: 10px;
}

#MDShop div.inner {
    margin: 0px 15px 10px 15px;
    background-color: transparent;
}

#MDShop div.inner.wkList {
    background-color: transparent;
    margin: 3px 0px 10px 5px;
    overflow: auto;
    left: 0;
    right: 0;
    position:absolute;
    bottom:130px;
    top:36px;
}

#MDShop img.logo {
    margin: 10px 0 0 6px;
}

#MDShop .headline {
    background-color: transparent;
    height: 30px;
}

    #MDShop .headline img {
        position: relative;
        top: 8px;
        left: 48px;
    }

#MDShop #navigation {
    margin-top: 5px;
    height: 100%;
    background-color: transparent;
}

    #MDShop #navigation .content {
        margin: 0;
        position: relative;
        top: 0;
        width: 100%;
        overflow: auto;
        bottom:0;
    }

    #MDShop #navigation div.inner {
        background-color: #fff;
    }

    #MDShop #navigation .content .inner {
        margin-top: 0px;
        padding-top: 20px;
        margin-left: 9px;
        margin-right: 4px;
    }

#MDShop #search {
    width: 190px;
    position: relative;
    bottom: -26px;
    background-color: transparent;
    color: #fff;
    left: 10px;
    font-weight: bold;
}

    #MDShop #search input {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        background-color: #D0E9FF;
    }

    #MDShop #search #searchboxlabel {
        font-weight: bold;
        color: #ffffff;
    }

.linkTableNavigation2 tr td, .linkTableNavigation2 tr td a {
    height: 15px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    text-decoration: none;
}

    .linkTableNavigation2 tr td a:hover {
        color: #f00 !important;
    }

/* Anmeldung MD Shop */

.tableAnmeldung {
    width: 545px;
    border-spacing: 0;
}

.tableAnmeldung input {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    background-color: #D0E9FF;
}

.tableAnmeldung label {
    text-align: right;
    display: inline-block;
    width: 4.5em;
    margin-right: 10px;
}

    .tableAnmeldung label.plzLabel {
        width: 5.5em;
    }

.tableAnmeldung .btnRight {
    margin-right: 5px;
}

.tableAnmeldung .inputRow td {
    padding-bottom: 30px;
    padding-left: 10px;
    width: 50%;
}

.tableAnmeldung p, .tableAnmeldung input {
    margin-bottom: 6px;
}
/* bugfix ie7 problem displaying backgrounds in tr */
.tableAnmeldung tr {
    position: relative;
}

.tableAnmeldung td {
    background-image: none;
}

.tableAnmeldung td {
    background: transparent;
}
/* end bugfix ie7 problem displaying backgrounds in tr */
.loginSideFlugblatt {
    position: absolute;
    left: 630px;
    top: 0px;
}
/* End Anmeldung MD Shop */

.naviblock h3 {
    font-size: 9px;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold; /*background-color:#2942A5; set in code*/
    text-transform: none;
    padding: 2px 4px 3px 4px;
    margin: 0;
}

.navitable {
    margin: 2px 2px 3px 3px;
    border-collapse: collapse;
    border-width: 0px;
}

.navi {
    text-transform: none; /*	padding:3px 2px 2px; 	margin:0 0 2px 2px; not needed because of navitable*/
}

    .navi li {
        background-image: url(../Static/Images/list-navi.gif);
        background-repeat: no-repeat;
        padding-left: 8px;
        list-style-type: none;
        font-size: 9px;
        padding-right: 3px;
    }

        .navi li a:hover {
            color: Red !important;
        }

        .navi li.no-icon {
            background-image: none;
        }

.flugblatt_mini h3 {
    padding-left: 47px;
}

.flugblatt_mini table {
    margin-left: 46px;
}

.flugblatt_mini img {
    margin: -17px 0 1px 3px;
    border: #2942A5 1px solid;
    float: left;
}

.blinker {
    border-color: Red !important;
}


.navi li a:link, a:visited, .navi li button {
    font-size: 11px;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    text-decoration: none;
    color: #2942A5;
    font-weight: bold;
    padding-left: 2px;
    text-transform: uppercase;
}

/* Warengruppen */
.navigation .content .inner {
    overflow: hidden;
}

div.wagruList {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

A.wagruLink {
    color: #2942A5;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    vertical-align: top;
}

    A.wagruLink:hover {
        color: Red;
        text-decoration: underline;
    }

.wagruList .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    float: left; /* workaround for ie7 */
}

.wagruList.level3 {
    padding-left: 10px;
}

.wagruList.level2 .icon {
    background-image: url('../Static/Images/wagru_level_2.png');
}

.wagruList.level3 .icon {
    background-image: url('../Static/Images/wagru_level_3.png');
}

.wkError {
    font-weight: bold;
    color: Red;
}
/* End Warengruppen */

/* Login Control in Header */
.headerLoginArea {
    border: 0px solid #00A77E;
    padding: 0px;
    text-align: left;
    white-space: nowrap;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 9px;
    display: block;
    position: relative;
    height: 58px;
    vertical-align: bottom;
}

    .headerLoginArea > div {
        padding: 1px 3px 4px 4px;
    }

    .headerLoginArea.loggedIn {
        width: 340px;
        height: 58px;
    }

    .headerLoginArea .anmeldebutton {
        text-transform: uppercase;
        display: block;
        position: absolute;
        top: 18px;
        left: 5px;
        width: 140px; /*height: 24px;*/
        height: 13px;
        border-width: 1px;
        border-style: solid;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    .headerLoginArea.loggedIn .anmeldebutton {
        top: 18px;
        right: 5px;
        left: auto;
        width: 112px;
    }

    .headerLoginArea.loggedIn .abmeldebutton {
        top: 44px;
        right: 5px;
        left: auto;
        width: 112px;
        position: absolute;
    }

    .headerLoginArea.loggedIn .anmeldebutton.logoutbutton {
        top: 29px;
    }

    .headerLoginArea .anmeldedaten {
        margin-top: 26px;
    }

    .headerLoginArea.loggedIn .anmeldedaten {
        margin-top: 2px;
    }

    .headerLoginArea .anmeldebutton a:hover {
        text-decoration: none;
    }

    .headerLoginArea .anmeldebutton a, .headerLoginArea .anmeldebutton a:visited, .headerLoginArea .anmeldebutton a:link {
        font-size: 11px;
        text-align: center;
        font-weight: bold;
    }

    .headerLoginArea .txt_abgemeldet {
        font-weight: bold;
        text-transform: uppercase;
    }

    .headerLoginArea .angemeldet {
        font-family: verdana,tahoma,arial,helvetica,sans serif;
        font-size: 9px;
    }

/* End Login Control in Header */

/* Mein Bereich: */
.naviliste {
    font-size: 115%;
    width: 325px;
    margin-top: 30px;
    padding: 0px 0px;
    border-top: #2942A5 1px solid;
}

    .naviliste a, .naviliste button {
        background-repeat: no-repeat;
        background-position: 8px center;
        padding: 10px 3px 9px 30px;
        display: block;
        font-size: 100%;
        font-weight: bold;
        margin: 0;
        border-bottom: #2942A5 1px solid;
    }

    .naviliste button {
        width: 100%;
        text-align: left;
    }

    .naviliste .bg1 {
        background-color: #FEFA5C;
    }

    .naviliste .bg2 {
        background-color: #F92C26;
    }

.UserDataSubmit {
    visibility:hidden;
}

/* Meine Rechnungen */
/* !important where to overwrite RadGrid-Styles */

table.rechnungstable .NextPrevAndNumeric .rgAdvPart {
    display: none; /* hide paging dropdown box */
}

table.rechnungstable {
    border-collapse: collapse !important;
    border-right: 1px solid #E5EFF8 !important;
    border-top: 1px solid #E5EFF8 !important;
    margin: 10px 10px 10px 0 !important;
}

.RadGrid_Default .rgAltRow .rgSorted {
    border-bottom-color: #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}

.rechnungstable td {
    border-bottom: 1px solid #E5EFF8 !important;
    border-left: 1px solid #E5EFF8 !important;
    color: #678197 !important;
    padding: 0.3em 1em !important;
}

    .rechnungstable td.rcInputCell {
        padding: 0px !important;
    }

    .rechnungstable td,
    .rechnungstable td a.pdfLink,
    .rechnungstable thead th,
    .rechnungstable th {
        text-align: center !important;
    }

.rechnungstable thead th {
    background: none repeat scroll 0 0 #F4F9FE !important;
    color: #66A3D3 !important;
    font: bold 1.1em/2em "Century Gothic", "Trebuchet MS",Arial,Helvetica,sans-serif !important;
    /*text-align: left !important;*/
    white-space: nowrap !important;
}

    .rechnungstable thead th a {
        color: #66A3D3 !important;
        font: bold 1.1em/2em "Century Gothic", "Trebuchet MS",Arial,Helvetica,sans-serif !important;
    }

.rechnungstable th {
    border-bottom: 1px solid #E5EFF8 !important;
    border-left: 1px solid #E5EFF8 !important;
    color: #678197 !important;
    font-weight: normal !important;
    padding: 0.3em 1em 0.3em 0.7em !important;
    /*text-align: left !important;*/
}

.rechnungstable tr:hover {
    background-color: #F9FCFF !important;
}

.rechnungstable input {
    color: #909090 !important;
}

.rechnungstable .head-sortierung {
    text-align: center !important;
    text-transform: uppercase !important;
    background: #FFFECE !important;
    color: #F00 !important;
    font-weight: bold !important;
    font-size: 100% !important;
    letter-spacing: 1.5px !important;
}
/* UID Wartung */
select.dropDownUID {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    background-color: #D0E9FF;
}

table.UIDInputTable {
    margin: 5px 0px;
    padding: 5px 0px;
}
/* End UID Wartung */
/* Lieferhits */
.Stil9 {
    color: red;
    font-size: 9px;
}

.normalweight {
    font-weight: normal;
}

.menured {
    font-size: 11px;
    color: #FF0000;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    text-decoration: none;
}

.lieferhit {
    border: 1px solid #333 !important;
    margin-left: 2px;
    margin-right: 2px;
}

.lieferhits {
    border: 0px none;
    width: 408px;
}

    .lieferhits .paging td {
        padding: 2px;
    }

    .lieferhits table {
        border: 0px none;
        padding: 0px;
        border-spacing: 0px;
    }

.lieferhits_intro {
    text-align: left;
}

    .lieferhits_intro ul, .lieferhits_intro ol {
        margin-left: 1.3em;
    }

.paginglink a {
    font-size: 9px;
    font-weight: normal;
    color: #009D73;
    font-family: verdana, tahoma, arial, helvetica, sans serif;
    text-decoration: none;
}

    .paginglink a:hover {
        color: #008257;
        text-decoration: none;
    }
/* End Lieferhits */

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

.warenkorbbigfont {
    font-size: 13px;
}

.warenkorbheaderrow {
    background-color: #2942A5;
    height: 20px;
    vertical-align: middle;
}

.warenkorbhint {
    font-size: 13px;
    color: #2942A5;
    font-weight: bold;
}

.warenkorbredtextbold {
    font-weight: bold;
    color: #e10101;
}

.warenkorbredtext {
    color: #e10101;
}

/* Bestellung */
.divBestellung p, .divBestellung td, .divBestellung th {
    color: #000000;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 10px;
    font-weight: normal;
}

.divBestellungListStyle p, .divBestellungListStyle td, .divBestellungListStyle th {
    color: #000000;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 14px;
    font-weight: normal;
}

.divBestellungListStyle .footer {
    font-size: 10px;
}

.divBestellungListStyle h3.orderFinish {
    text-transform: uppercase;
}

    .divBestellung th.orderLabel {
        text-align: left;
    }

.divBestellung .erklaerung {
    color: Red;
    margin-top: 30px;
    margin-bottom: 20px;
}

.divBestellung p {
    margin-bottom: 10px;
}

.divBestellung h2 {
    margin-bottom: 10px;
}

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

.divBestellung .footer {
    text-align: right;
}

.ekwDetailSummenTable {
    width:100%;
    border:0;
    border-spacing:0;
}

.divBestellung .ekwDetailSummenTable {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* End Bestellung */

.wkErrorRight {
    color: Red;
    font-family: verdana,tahoma,arial,helvetica,sans serif;
    font-size: 9px;
    font-weight: bold;
    margin-left: 3px;


    position:absolute;
    bottom:110px;
}

/* for overlays in the shop content */
.offer_overlay, .flyer_overlay {
    /* must be initially hidden */
    display: none; /* place overlay on top of other elements */
    z-index: 10000;
    border: 1px solid #666; /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
    /* close button, static image added in renderer/dynamicCss */
    .offer_overlay .close, .flyer_overlay .close {
        position: absolute;
        right: -15px;
        top: -15px;
        cursor: pointer;
        height: 35px;
        width: 35px;
    }

/* Hauptnavigation typ 3*/
#hauptnavi {
    margin: 10px 0;
}

    #hauptnavi ul {
        padding: 0;
        margin: 3px 0 10px 0;
        color: #fff;
    }

        #hauptnavi ul li {
            display: inline;
        }

            #hauptnavi ul li a {
                /*	background-image:url(../images/bg-navi.gif); set dynamically in code*/
                background-repeat: repeat-x;
                padding: .35em 0.5em;
                background-color: #039;
                color: #fff;
                text-decoration: none;
                float: left;
                border: solid 2px #30475d;
                margin-right: 6px;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 90%;
            }

                #hauptnavi ul li a:hover {
                    color: #fff;
                    background-color: #3a6a9d;
                    background-image: none !important;
                }

.teaserbox {
    background-color: #f8f8f4;
    border: 1px solid #e3e2e2;
    float: left;
    margin: 10px 0;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    clear: both;
}
/* Ende Hauptnavigation typ 3*/




/*  PRINT ONLY  */

@media print {

    #MDShop #leftFrame, #MDShop .rightFrame, #MDShop #topFrame {
        display: none !important;
    }

    #MDShop #contentFrame {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        height: auto !important;
        position: relative !important;
        width: auto !important;
        overflow: visible !important;
    }

    #MDShop div.inner {
        margin: 0;
    }

    body {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .ekwDetailSummenTable {
        page-break-inside: avoid !important;
    }

    /*additional rule: remove overlay */
    .bestellenOverlayContainer {
        display: none;
    }
    /*  ENDE PRINT ONLY  */
}

@media screen and (max-width: 1024px) {
    #MDShop div.rightFrame {
        width: 150px;
    }

    #MDShop div#contentFrame {
        right: 151px;
    }

    #MDShop div.inner.wkList {
        margin-left: 2px;
        min-height: 93px;
    }

    .sideWkEntry, .sideWkEntrySum, .sideWkEntryInfo {
        width: 146px;
    }
    .sideWkEntrySum b {
        font-size: 10px;
    }
    /*td.prodTd.prodTdProductImage img {
        transform: scale(0.5);
    }*/

    .navi li a:link, a:visited {
        font-size: 9px;
    }

}


/***** Service Teaser ***/
#serviceTeaser {
    width: 992px;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 0;
    border: 0;
    font-size: 8pt;
    clear: both;
}

    #serviceTeaser li {
        font-size: 8pt;
    }

    #serviceTeaser ul {
        margin-left: 1em;
    }

    #serviceTeaser #header {
        margin-bottom: 24px;
        margin-left: 0;
        float: left;
        position: relative;
    }

    #serviceTeaser .container {
        clear: left;
        float: left;
        background-color: #FCD2C1;
        margin-left: 31px;
        margin-top: -40px;
        width: 961px;
    }

    #serviceTeaser #left, #serviceTeaser #right {
        margin-top: 20px;
        margin-right: 0;
        margin-bottom: 0;
        padding: 10px 0 5px 0;
        float: left;
    }

        #serviceTeaser #left img, #serviceTeaser #right img {
            vertical-align: top;
        }

    #serviceTeaser #left {
        margin-left: 39px;
        clear: left;
        font-weight: bold;
        width: 45%;
    }

    #serviceTeaser #right {
        height: 1%;
        width: 50%;
    }
    #serviceTeaser + .backButton {
        padding-top:10px;
        clear: both;
    }

/*-------------------------
	Inline help tip
--------------------------*/


.help-tip {
    position: relative;
    text-align: center;
    background-color: #BCDBEA;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
    float: left;
    margin-right: 10px;
}

    .help-tip:before {
        content: '?';
        font-weight: bold;
        color: #fff;
    }

    .help-tip .rttHeadline {
        display: block;
        font-weight: bold;
        font-size: 1.5em;
        margin: 10px 0;
    }
    .help-tip .rttImage {
        display: block;
        margin-bottom: 10px;
    }
    .help-tip .rttText {
        display: block;
    }

    .help-tip:hover p {
        display: block;
        transform-origin: 100% 0%;
        -webkit-animation: fadeIn 0.3s ease-in-out;
        animation: fadeIn 0.3s ease-in-out;
        z-index: 10;
    }

    .help-tip p {
        display: none;
        text-align: left;
        background-color: #008257;
        padding: 20px;
        width: 300px;
        position: absolute;
        border-radius: 3px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        color: #FFF;
        font-size: 13px;
        line-height: 1.4;
    }

        .help-tip p:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #008257;
            left: 10px;
            top: -12px;
        }

        .help-tip p:after {
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}

/*
    Einkaufstatistik
*/
.tblEinkaufstatistik tr {
    line-height: 2em;
}
.tblEinkaufstatistik hr {
    border-color: #008257;
    margin-bottom: 20px;
}
.tblEinkaufstatistik .fstElement {
    font-size: 1em;
}
.tblEinkaufstatistik .radDatePickerMD_from {
    float: left;
    padding-right: 15px;
}
.tblEinkaufstatistik .radDatePickerMD_to {
    float: left;
    padding-left: 15px;
}

.tblEinkaufstatistik #trWarengruppenHead,
.tblEinkaufstatistik #trWarengruppenList {
    display: none;
}
.tblWarengruppen .rttHeadline {
    height: 22px;
}