/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide
input,
select,
textarea {
    max-width: 280px;
} */

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}


/* Ab hier Styles aus OelBild_V7.css*/

body {
    background-image: url(/images/Theme/wallpaper.gif);
    MARGIN: 0px;
    COLOR: #000000;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: lightyellow;
    font-size: clamp(1em, 1.0vw, 1.15em);
}
a {
    LINE-HEIGHT: 14px;
    TEXT-DECORATION: none
}

a:hover 
{
    color: #4c4c4c;
    LINE-HEIGHT: 14px;
    TEXT-DECORATION: underline
}
#navimenu {
    display: table-cell;
    width:30%;
}
ul.left_link {
    list-style: none outside none;
    text-align: left;
    /*FONT-SIZE: 14px;*/
    font-size: clamp(0.8em, 1.2vw, 0.95em);
    font-family: arial;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0;
}

li.left_link {
    min-height: 15px;
    margin-top: 3px;
    padding-left: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

li.left_link a {
    display: block;
    color: #292929;
}

li.left_link a:hover {
    color: #292929;
    background-color: #FCBFA0;
    text-decoration: none;
}

img.left_menu_bullet {
    margin-right: 6px;
    border-width: 0;
}
td.MenuHeading {
    /*FONT-SIZE: 12px;*/
    font-size: clamp(0.8em, 1.3vw, 0.95em);
    COLOR: #b40001;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Arial;
}
h1 {
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0px;
    FONT-FAMILY: Arial
}

h2 {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 0px;
    FONT-FAMILY: Times New Roman, Times, serif;
}

h3 {
    font-size: 10px;
    font-weight: bold;
}

h4 {
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0px;
    FONT-FAMILY: Times New Roman, Times, serif;
}

h5 {
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0px;
    FONT-FAMILY: Times New Roman, Times, serif;
}

#MST {
    display: none;
}

a.headerNavigation {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 15px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
}

a.headerNavigation:hover {
    COLOR: #ffffff;
    background-color: transparent !important;
}

a.navi1 {
    background-image: URL(/images/Theme/pfeil-spk.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: center left;
}

a.navi1:link {
    color: #b40001;
    TEXT-DECORATION: none;    
}

a.navi1:visited {
        COLOR: #b40001;
        TEXT-DECORATION: none;
    }

a.navi1:active {
        COLOR: #b40001;
        TEXT-DECORATION: none;
    }

a.navi1:hover {
        COLOR: #002f60;
        TEXT-DECORATION: none;
    }
A.naviRot:link {
    FONT-SIZE: 14px;
    COLOR: #292929;
    TEXT-DECORATION: none;
}

A.naviRot:visited {
    FONT-SIZE: 14px;
    COLOR: #292929;
    TEXT-DECORATION: none;
}

A.naviRot:active {
    FONT-SIZE: 14px;
    COLOR: #002f60;
    TEXT-DECORATION: none;
}

A.naviRot:hover {
    FONT-SIZE: 14px;
    COLOR: #b40001;
    TEXT-DECORATION: underline;
}
span.smallText {
    FONT-SIZE: 13px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Arial;
}
.mainBox {
    BORDER-RIGHT: lightgrey thin;
    BORDER-TOP: lightgrey thin;
    FONT-SIZE: 18px;
    /*font-size: clamp(1em, 1.3vw, 1.15em);*/
    BORDER-LEFT: lightgrey thin;
    COLOR: #292929;
    TEXT-INDENT: 0pt;
    BORDER-BOTTOM: lightgrey thin;
    FONT-FAMILY: Arial;
    LINE-HEIGHT: 18px;
}
.mainBoxHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #339900;
    LINE-HEIGHT: 25px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}

li.serviceList {
    padding-bottom: 5px;
}

td.footer {
    vertical-align: middle;
    padding-top: 3px;
}

td.footer1 {
    FONT-WEIGHT: 100;
    FONT-SIZE: 10px;
    COLOR: #555555;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e0f9e0;
}

td.text_special {
    FONT-SIZE: 14px;
    COLOR: #002F60;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Arial;
}

table.productListing {
    BORDER-RIGHT: #b40001 1px solid;
    BORDER-TOP: #b40001 1px solid;
    BORDER-LEFT: #b40001 1px solid;
    BORDER-BOTTOM: #b40001 1px solid;
}

.productListing-heading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    COLOR: white;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #b40001;
}

td.FieldKey {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Arial;
    text-align: left;
    width: 145px;
}

td.FieldKeyAnfrage {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Arial;
    white-space: nowrap;
    text-align: left;
}

#MainContent_MST {
    display: none;
}

TD.productListing-dataOdd {
    FONT-SIZE: 12px;
    COLOR: #002f60;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: beige;
    height: 20px;
}

TD.productListing-dataEven {
    FONT-SIZE: 12px;
    COLOR: #002f60;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #E8E8E8;
    height: 20px;
}

.lupe {
    cursor: url('/ext/cursor/lupe.cur'), pointer;
}

td.pageHeading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: darkgreen;
    FONT-FAMILY: Arial;
}
.pageHeading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Arial;
}
.H1Desc {
    FONT-SIZE: 16px;
    COLOR: #002f60;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    line-height: 16px;
}

span.pageno {
    font-size: 15px;
    FONT-FAMILY: Times New Roman, Times, serif;
    vertical-align: top;
}

CHECKBOX {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

INPUT {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

RADIO {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

SELECT {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}
TD.WebCartHeading {
    FONT-WEIGHT: 600 !important;
    FONT-SIZE: 11pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #b40001
}
TD.WebCartFooter {
    FONT-SIZE: 9pt;
    COLOR: #4c4c4c;
    FONT-FAMILY: Arial;
    text-align: left;
}

span.lieferAdrPadding {
    margin-left: 60px;
}
INPUT.orderform {
    width: 170px;
}

INPUT.orderform_2 {
    margin-left: 70px;
}
tr.left {
    text-align: left;
}

span.lieferAdrPadding {
    margin-left: 60px;
}
INPUT {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

RADIO {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

SELECT {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

TEXTAREA {
    FONT-SIZE: 11px;
    WIDTH: 100%;
    FONT-FAMILY: Arial;
}

TD.smallText {
    FONT-SIZE: 9px;
    COLOR: #b40001;
    FONT-FAMILY: Arial;
}

P.smallText {
    FONT-SIZE: 11px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Arial;
}
TD.WebCartSummary {
    FONT-WEIGHT: bolder;
    color: #292929;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
}

TD.fieldValue {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #b40001;
    FONT-FAMILY: Arial;
    text-align: left;
}

TD.question {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #b40001;
    FONT-FAMILY: Arial
}

/* Language-Switcher */
#country-select {
    position: absolute;
    margin-top: 101px;
}

    /* rought form styles for when JS is disabled */

    #country-select form {
        width: 50px;
        padding: 0;
    }

    #country-select select,
    #country-select input {
        display: inline;
        padding: 0;
        margin: 0;
    }

/* JS-created definition list */

.dropdown dd {
    position: relative;
}

.dropdown a {
    text-decoration: none;
    outline: 0;
    font: 12px Arial, Helvetica, sans-serif;
    display: block;
    width: 124px;
    overflow: hidden;
}

.dropdown dt a {
    background: #aaa;
    border: 1px solid #964315;
    padding: 1px 5px 3px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

    .dropdown dt a.active {
        background: #555;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 1px dotted #676768;
        -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
        box-shadow: 0 3px 7px rgba(0,0,0,.5);
        color: #fff;
    }

    .dropdown dt a:hover {
        background-color: #555;
    }

        .dropdown dt a:hover arrow {
            background-position: -267px 0;
        }

.dropdown dd ul {
    background: url(/images/Theme/wallpaper.gif);
    border: 1px solid #676768;
    color: #C5C0B0;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
}

    .dropdown dd ul li a {
        padding: 2px 5px 4px 10px;
    }

        .dropdown dd ul li a span,
        .dropdown dt a arrow,
        .dropdown dt a span {
            float: left;
            height: 11px;
            margin: 2px 6px 0 6px;
            background-image: url(/ext/langSwitch/flags5.png);
            background-repeat: no-repeat;
            cursor: pointer;
            width: 52px;
        }

.de a span {
    background-position: 0 0, -106px 0
}

.us a span {
    background-position: -52px 0
}

.uk a span {
    background-position: -104px 0
}

.fr a span {
    background-position: -156px 0
}

.ch a span {
    background-position: -208px 0
}

.dropdown dt a arrow {
    background-position: -260px 0;
    float: left;
    width: 7px;
    height: 11px;
}

.dropdown dd ul li a em,
.dropdown dt a em {
    font-style: normal;
    float: left;
    width: 20px;
    cursor: pointer;
}

.dropdown dd ul li a em {
    color: #000;
}

.dropdown dd ul li a:hover {
    background-color: #ccc;
}

.dropdown dd ul li a:hover em {
        color: #fff;
}
.SubMenu {
    FONT-SIZE: 12px;
    COLOR: #292929;
    FONT-FAMILY: Arial
}
.YourPhoto {
    padding-right: 10px;
}
.errorText {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #ff0000;
    FONT-FAMILY: Arial;
}
A.wbild:link {
    FONT-SIZE: 13px;
    COLOR: #002f60;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    Font-weight: bold;
}
A.wbild:visited {
    FONT-SIZE: 13px;
    COLOR: #002f60;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    Font-weight: bold;
}

A.wbild:active {
    FONT-SIZE: 13px;
    COLOR: #002f60;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    Font-weight: bold;
}

A.wbild:hover {
    FONT-SIZE: 13px;
    COLOR: #b40001;
    TEXT-DECORATION: underline;
    FONT-FAMILY: Arial;
    Font-weight: bold;
}