/* *********************************
eigene Einträge
************************************/
.contentWidth {
    width: 1100px;
}

/* Lade-Spinner */
.load-container {
    width: 650px; /* 150 */
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.loader {
    margin: 10px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 64, 128, 0.2);
    border-right: 1.1em solid rgba(0, 64, 128, 0.2);
    border-bottom: 1.1em solid rgba(0, 64, 128, 0.2);
    border-left: 1.1em solid #00406E;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.quickhelptag {

}

.permaglideanimationcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 70%; /* 56.25 */
}

.permaglideanimation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.content1 {
    padding-left: 0px;
    padding-top: 20px;
    width: 1100px;
}

.importantNote {
    font-size: 7pt;
    color: #656565;
}

.headlnPrdDetail {
    width: 700px;
    float: left;
}

.headln1, .headlnPrdDetail {
    margin-top: 0px;
    font-size: 11pt;
    font-weight: bold;
}

.headlnPrdDetailListe {
    width: 722px;
    float: left;
    color: #ccc;
}


.headln2 {
    margin-top: 0px;
    font-size: 11pt;
    font-weight: bold;
    color: #00406e;
}

.headln3 {
    margin-top: 0px;
    font-size: 9pt;
    font-weight: bold;
}

.headln4 {
    margin-top: 0px;
    font-size: 8pt;
    font-weight: bold;
}

.mittelblau {
    color: #007ec0;
}

.headline {
    margin-top: 20px;
    margin-bottom: 0px;
}


.permaglidebez {
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    clear: left;
    font-weight: normal;
}


.greyLine {
    margin: 10px auto 10px 0px;
    padding: 10px;
    width: 964px;
    background-color: #eceded;
    text-align: left;
    font-size: 11pt;
    font-weight: bold;
    float: left;
    clear: left;
}

.greyLine .greyLinea {
    float: left;
    width: 475px;
}

.greyLine .greyLineb {
    float: left;
    width: 475px;
}

.alertText {
    margin-top: 0px;
    font-size: 11pt;
    font-weight: bold;
    color: #d10019;
}

.hinweisText {
    margin-top: 0px;
    font-size: 9pt;
    font-weight: bold;
    color: #00406e;
}

.hinweisTextLite {
    margin-top: 0px;
    font-size: 9pt;
    font-weight: normal;
    color: #00406e;
}


.settingsbox {
    padding-left: 5px;
    float: left;
    clear: left;
    margin-top: 15px;
}

/*
.settingsbox a
{
    padding-left:35px;
    color: #656565;
    font-size:9pt;
}

.settingsbox a:hover
{
    text-decoration: underline;
    color: #656565;
}
*/
.settingsinnerbox {
    /*border: 1px solid #f00;  */
    float: left;
}

.settingsboxtext {
    /*border: 1px solid #f00;  */
    padding-left: 8px;
    float: left;

}

.selectListFunctions, .selectListFunctionsBasket {
    position: relative;
    padding: 10px;
    background-color: #eceded;
    text-align: left;
    float: left;
}

.selectListFunctions {
    margin: 0 auto 0 0;
    width: 1082px;
}

.selectListFunctionsBasket {
    margin: 10px auto 0 0;
    width: 500px;
    clear: left;
}

.posActionsVis {
    position: relative;
    z-index: 10;
    float: left;
    clear: left;
    height: 65px;
    transition: all 0.5s linear;
    opacity: 1; /* modern browser */
    -moz-opacity: 1; /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
    filter: alpha(opacity=100); /* IE5.x -7.0 */
}

.posActionsHidden {
    position: relative;
    z-index: -10;
    float: left;
    clear: left;
    height: 0px;
    transition: all 0.5s linear;
    opacity: 0; /* 0 modern browser */
    -moz-opacity: 0; /* 01 older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 in Standard Compliant Mode */
    filter: alpha(opacity=0); /* IE5.x -7.0 */
}


.mamDocsVis {
    background-color: #fff;
    overflow-y: auto;
    overflow-x: auto;
    margin-top: 5px;
    float: left;
    clear: left;
    max-height: 500px;
    transition: all 0.5s linear;
    opacity: 1; /* modern browser */
    -moz-opacity: 1; /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
    filter: alpha(opacity=100); /* IE5.x -7.0 */
}

.mamDocsHidden {
    overflow-y: auto;
    overflow-x: auto;
    float: left;
    clear: left;
    display: none; /* notwendig, sonst überlagert der unsichtbare div darunterliegende Elemente */
    max-height: 0;
    transition: all 0.5s ease;
    opacity: 0; /* modern browser */
    -moz-opacity: 01; /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 in Standard Compliant Mode */
    filter: alpha(opacity=0); /* IE5.x -7.0 */
}

.prdListeSmallMAM {
    width: 200px;
}

.suggestedpwd {
    margin: 8pt;
    padding: 3pt;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
}


.formular {
    background-color: #eceded;
    font-size: 9pt;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.formular2 {
    background-color: #d9dadb;
    font-size: 9pt;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.formular3 {
    background-color: #DBE7E1;
    font-size: 9pt;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.hinweis /* für einzeiligen Text */
{
    width: 90%;
    height: 80px;
    line-height: 80px;
    background-color: #eceded;
    font-size: 9pt;
    text-align: center;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.infoFormular {
    width: 228px;
    position: relative;
    float: left;
    margin-top: 24px;
    margin-right: 24px;
}

.infoFormularTop {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 2px solid #eceded;
    position: relative;
    float: left;
    /*margin-top:-15px; 
    margin-left:15px;*/
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}

.infoFormularTopText {
    margin-top: -15px;
    margin-left: 15px;
}

.infoFormularTopIcon {
    margin-top: -15px;
    margin-left: 15px;
    padding-top: 9px;
    height: 40px;
}

.headlineContainerTop {
    font-weight: bold;
    float: left;
    clear: left;
    margin-bottom: 10px;
}

.headlineAreaContainerTop {
    width: 300px;
    height: 25px;
    background-color: #fff;
    border: 2px solid #eceded;
    position: relative;
    float: left;
    margin-top: -23px;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}

.internal-link {
    font-size: 9pt;
}

.internal-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.verf-link:hover {
    text-decoration: underline;
    cursor: pointer;
}


.default_label {
    font-weight: normal;
}

.mand_label {
    font-weight: bold;
}

.mand_label_error {
    font-weight: bold;
    color: #ff0000;
}

.mand_label_hint {
    font-weight: bold;
    color: #0122ff;
}

.big_label {
    font-size: 11pt;
}

.small_error_text {
    font-size: 8pt;
    font-weight: normal;
    color: #ff0000;
}

.errorContainer {
    margin-top: 90px;
    margin-left: 30px;
    margin-bottom: 10px;
}


.sortimentslisteInProdDetail {
    font-size: 8pt;
    margin-bottom: 10px;
}

.msgContainer {
    margin-top: 90px;
    margin-left: 30px;
    margin-bottom: 10px;
}

.prdDetailContainer {
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 480px;

    /*border: 1px solid #ccc;  */
    float: left;
    clear: left;
}

.prdDetailDescContainer {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 228px; /* 476  */

    /*border: 1px solid #ccc;  */
    float: left;
    clear: left;
}

.prdDetailLandscapeDescContainer {
    margin-top: 10px; /**/
    margin-left: 0px;
    margin-bottom: 0px;
    width: 476px;
    position: relative;

    /*border: 1px solid #0f0;   */
    float: left;
    clear: left;
}

.prdDetailMoreDescContainer {
    margin-top: 0px;
    margin-left: 24px;
    margin-bottom: 0px;
    width: 228px; /* 476 228px */
    /*border: 1px solid #ccc;  */
    float: left;
}

.prdDetailMoreDescContainerItem {
    float: left;
    clear: left;
    margin-top: 5px;
    margin-bottom: 5px;
}


.prdDetailImgContainer {
    margin-top: 10px;
    margin-left: 24px;
    margin-bottom: 0px;
    text-align: center;
    width: 224px;
    /*border: 1px solid #ccc;  */
    float: left;
}

.prdDetailMatnrContainer {
    margin-top: 10px;
    margin-left: 24px;
    margin-bottom: 0px;
    width: 228px;
    /*border: 1px solid #f00;  */
    float: left;

}

.prdMAMTable /* MAM-Tabelle in Artikelnummerliste */
{
    background-color: #fff;
    position: absolute;
    font-size: 8pt;
    box-shadow: 5px 10px 8px #888888;
    z-index: 200;
}

.prdDetailMatnrTable {
    width: 100%;
    font-size: 8pt;
}

.prdDetailMatnrInnerTable {
    font-size: 8pt;
    width: 100%;
}

.prdDetailMatnrTable tr td, .prdDetailMatnrInnerTable tr td, .prdMAMTable tr td {
    padding: 5px 5px 5px 0px;
    /*border: 1px solid #ccc;  */
}

.prdDetailMatnrTable tr td.top {
    padding: 3px 0px 3px 0px;
    vertical-align: top;
}

.prdDetailMatnrTable tr td.schwarz8top {
    padding: 3px 6px 3px 0px;
    vertical-align: top;
}

.prdDetailBemText {
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    clear: left;
    font-size: 8pt;
}

.msgHeader, .errorHeader {
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 10px;
}

.msgBody, .errorBody {
    font-size: 9pt;
    margin-bottom: 20px;
}

.testsystem {
    font-weight: bold;
    font-size: 20pt;
    position: relative;
    float: left;
    top: 54px;
    left: 40px;
    color: #8f8f8f;
}

.default-text {
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

.ttdCloseText {
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    margin-top: 20px;
    float: left;
    clear: left;
}

.buttonDivBotRight {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.buttonDivLeft {
    position: relative;
    float: right;
    padding-left: 25px;
    padding-top: 20px;
}

.buttonDivFlat {
    position: relative;
    float: right;
}

.buttonDiv {
    position: relative;
    float: right;
    padding-right: 15px;
    padding-top: 10px;
}

.shopbutton /* für getAnimButton deprecated */
{
    margin: 0px;
    padding: 4px;
}

.p_contact {
    margin-top: 7px;
    margin-bottom: 3px;
}


button.bluebutton {
    background: #00406e;
    background: -moz-linear-gradient(0% 100% 90deg, #00406e, #658abb);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#658abb), to(#00406e));
    border-top: 1px solid #4081af;
    border-right: 1px solid #2e69a3;
    border-bottom: 1px solid #20559a;
    border-left: 1px solid #2e69a3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1;
    padding: 6px 10px 6px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #3275bc;
    -webkit-background-clip: padding-box;
}

button.bluebutton:hover {
    background: #658abb;
    background: -moz-linear-gradient(0% 100% 90deg, #658abb, #286aa5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#658abb));
    border-top: 1px solid #2a73a6;
    border-right: 1px solid #165899;
    border-bottom: 1px solid #07428f;
    border-left: 1px solid #165899;
    -moz-box-shadow: inset 0 1px 0 0 #62b1e9;
    -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
    cursor: pointer;
    text-shadow: 0 -1px 1px #1d62ab;
    -webkit-background-clip: padding-box;
}

button.bluebutton:active {
    background: #016aba;
    background: -moz-linear-gradient(0% 100% 90deg, #658abb, #00406e);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00406e), to(#658abb));
    border: 1px solid #154c8c;
    border-bottom: 1px solid #0e408e;
    -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
    text-shadow: 0 -1px 1px #2361a4;
    -webkit-background-clip: padding-box;
}


button.redbutton {
    background: #cb8882;
    background: -moz-linear-gradient(0% 100% 90deg, #cb8882, #debdb4);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#debdb4), to(#cb8882));
    border-top: 1px solid #d8a4a1;
    border-right: 1px solid #d2a199;
    border-bottom: 1px solid #cd9e92;
    border-left: 1px solid #d2a199;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 0 0 #f5bdba, 0 1px 2px 0 #dadada;
    -webkit-box-shadow: inset 0 1px 0 0 #f5bdba, 0 1px 2px 0 #dadada;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1;
    padding: 6px 10px 6px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #dea59b;
    -webkit-background-clip: padding-box;
}

button.redbutton:hover {
    background: #debdb4;
    background: -moz-linear-gradient(0% 100% 90deg, #debdb4, #d39d96);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2a5a0), to(#debdb4));
    border-top: 1px solid #d39a97;
    border-right: 1px solid #cd958d;
    border-bottom: 1px solid #c89385;
    border-left: 1px solid #cd958d;
    -moz-box-shadow: inset 0 1px 0 0 #f4b5b2;
    -webkit-box-shadow: inset 0 1px 0 0 #f4b5b2;
    cursor: pointer;
    text-shadow: 0 -1px 1px #d69a90;
    -webkit-background-clip: padding-box;
}

button.redbutton:active {
    background: #016aba;
    background: -moz-linear-gradient(0% 100% 90deg, #debdb4, #cb8882);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb8882), to(#debdb4));
    border: 1px solid #c7968c;
    border-bottom: 1px solid #0e408e;
    -moz-box-shadow: inset 0 0 6px 3px #db9e8d, 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 0 6px 3px #db9e8d, 0 1px 0 0 #fff;
    text-shadow: 0 -1px 1px #d29c93;
    -webkit-background-clip: padding-box;
}

button.greenbutton {
    background: #51b7a0;
    background: -moz-linear-gradient(0% 100% 90deg, #51b7a0, #96d1cb);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96d1cb), to(#51b7a0));
    border-top: 1px solid #7dc8b3;
    border-right: 1px solid #70c0b0;
    border-bottom: 1px solid #67bab0;
    border-left: 1px solid #70c0b0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 0 0 #9ff1db, 0 1px 2px 0 #cbcbcb;
    -webkit-box-shadow: inset 0 1px 0 0 #9ff1db, 0 1px 2px 0 #cbcbcb;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1;
    padding: 6px 10px 6px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #73d1c0;
    -webkit-background-clip: padding-box;
}

button.greenbutton:hover {
    background: #96d1cb;
    background: -moz-linear-gradient(0% 100% 90deg, #96d1cb, #6cc2b0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7bedcf), to(#96d1cb));
    border-top: 1px solid #6ec2ab;
    border-right: 1px solid #60b9a8;
    border-bottom: 1px solid #56b3a8;
    border-left: 1px solid #60b9a8;
    -moz-box-shadow: inset 0 1px 0 0 #94f0d7;
    -webkit-box-shadow: inset 0 1px 0 0 #94f0d7;
    cursor: pointer;
    text-shadow: 0 -1px 1px #65c6b5;
    -webkit-background-clip: padding-box;
}

button.greenbutton:active {
    background: #016aba;
    background: -moz-linear-gradient(0% 100% 90deg, #96d1cb, #51b7a0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51b7a0), to(#96d1cb));
    border: 1px solid #5fb1a5;
    border-bottom: 1px solid #0e408e;
    -moz-box-shadow: inset 0 0 6px 3px #60cdc3, 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 0 6px 3px #60cdc3, 0 1px 0 0 #fff;
    text-shadow: 0 -1px 1px #69c1b3;
    -webkit-background-clip: padding-box;
}


button.bluebutton[disabled],
button.bluebutton[disabled]:hover,
button.bluebutton[disabled]:active,
button.redbutton[disabled],
button.redbutton[disabled]:hover,
button.redbutton[disabled]:active,
button.greenbutton[disabled],
button.greenbutton[disabled]:hover,
button.greenbutton[disabled]:active {
    background: #999;
    background: -moz-linear-gradient(0% 100% 90deg, #f3f3f3, #dadada);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dadada), to(#f3f3f3));
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #cecece;
    color: #8f8f8f;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    cursor: not-allowed;
    text-shadow: 0 -1px 1px #ebebeb;
}


.iconbuttonicon {
    position: absolute;
    float: left;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: -3px;
}

.iconbuttontext {
    position: relative;
    float: left;
    padding-left: 22px;
}


button:-moz-focus-inner {
    border: 0;
    padding: 0;
}


.pointercursor {
    font-size: 9pt;
}

.pointercursor:hover {
    cursor: pointer;
    text-decoration: underline;
}


.iconattext {
    background: url(../html/page/icons.png) no-repeat;
    background-position: 0 -3284px;
    padding: 3px 0 5px 10px;

}

.liste li {
    /*margin-top:10px; */
    margin: 10px;
}

.grau8 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #CCCCCC;
    margin-top: 0px;
}

.schwarz8 {
    font-size: 8pt;
    font-family: Arial, Verdana, sans-serif, Sans-Serif;
    font-weight: normal;
    color: #000000;
}

.schwarz8b {
    font-size: 8pt;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #000000;
}

td[class="schwarz8"], td[class="schwarz8b"], td[class="fett"] {
    padding-left: 10px;
}

td[class="fett"] {
    padding-right: 10px;
}


.userstatustable tr td {
    padding-right: 10px;
    padding-bottom: 4px;
}


.defaulttable tr td, .defaulttable thead tr th {
    padding: 3px 10px 3px 10px;
    /*border: 1px solid #ccc;  */
}

.narrowtable tr td, .narrowtable thead tr th {
    padding: 3px 3px 3px 3px;
}

.checktable tr td, .checktable thead tr th {
    padding: 3px 10px 3px 10px;
    vertical-align: middle;
}

.verticalMiddle {
    vertical-align: middle;
}


.sapdatendownload {

    position: relative;
    /*float:right;
    margin-left:10px;*/
    margin: 10px;
}

.sapdatendownloadarea {
    margin-top: 70px;
}

.xrmsapdatendownloadarea {
    margin-top: 0px;
}

.jirareportingPosDiv {
    position: fixed;
    top: 30%;
    left: 100%;
    z-index: 1000;
}

.jirareporting {
    transform: rotate(90deg);
    transform-origin: top left;
    text-align: center;
    padding: 5px;
    border: 2px solid white;
    border-top: none;
    font-weight: normal;
    color: white !important;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 0 0 5px 5px;
}

.jirareportinglink {
    text-decoration: none;
    color: white !important;
}

.jirabug {
    position: relative;
    width: 160px;
    background: #aa0000;
}

.jirarequest {
    position: relative;
    top: 160px;
    width: 160px;
    background: #1ba51c;
}


.checkotherkdnrlistearea {
    margin-top: -160px;
}

.permaglidelebensdauerverlaufarea {
    margin-top: 60px;
    margin-right: 20px;
    border: 1px solid #aaa;
    position: fixed;
    z-index: 99;
    right: 0px;
    padding: 10px;
    background: #efefef;


    opacity: 0.6; /* modern browser */
    -moz-opacity: 0.6; /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
    filter: alpha(opacity=60); /* IE5.x -7.0 */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.checkotherkdnrarea {
    margin-top: -40px;
    width: 120px;
}

.soccerSaveBtnArea {
    margin-top: 200px;
    width: 170px;
}

.sapdatendownloadarea,
.xrmsapdatendownloadarea,
.checkotherkdnrlistearea,
.checkotherkdnrarea,
.soccerSaveBtnArea {
    border: 1px solid #aaa;
    position: fixed;
    z-index: 99;
    right: 0px;
    padding: 10px;
    background: #efefef;


    opacity: 0.6; /* modern browser */
    -moz-opacity: 0.6; /* older Mozilla browser */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
    filter: alpha(opacity=60); /* IE5.x -7.0 */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sapdatatable {
    width: 100%;
    margin-top: 20px;
}

.sapdatatable tr th, .sapdatatable tr td {
    padding: 3px 3px 3px 3px;
    font-size: 8pt;
    /*border: 1px solid #ccc;  */
}

.sapdatatable tr th {
    /*font-weight: bold;*/
    color: #00406e;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.textvcenter {
    vertical-align: middle;
}

.detailabktable tr td {
    padding: 3px 8px 3px 8px;
    font-size: 8pt
    /*border: 1px solid #ccc;  */
}

.artnrtable, .perma_bauart_table {
    width: 1100px;
}

.reftable {
    width: 700px;
    margin-left: 20px;
}

.vehicletable {
    width: 445px;
    /*width:380px;  */
}

.vehicletable tr td {
    padding: 3px 0px 3px 5px;
    vertical-align: top;
}

.vehiclektypnrtable {
    width: 228px;
}

.vehiclektypnrtableitem {
    margin-bottom: 5px;
    width: 228px;
    float: left;
    clear: left;
    overflow: visible;
}

.bigvehiclektypnrtableitem {
    margin-bottom: 5px;
    width: 528px;
    float: left;
    clear: left;
    overflow: visible;
}

.asptable {
    width: 945px;
}

.searchhistorytable {
    width: 680px;
}

.searchhistorytable tr td {
    padding: 2px 6px 2px 6px;
    /* border: 1px solid #ccc; */
    vertical-align: middle;
    font-size: 11px;
}

.basketarchivetable {
    width: 645px;
}

.nonwidthTable tr td,
.nonwidthTable tbody tr td,
.nonwidthTable thead tr th {
    padding: 3px 5px 3px 0px;
    /* border: 1px solid #0f0; */
    vertical-align: top;
    margin-left: 0px;
}

.nonwidthTable thead tr th {
    font-weight: bold;
    /* border: 1px solid #0f0; */
}

.artnrtable tr td,
.reftable tr td,
.prdselectTable tr td,
.asptable tr td,
.basketarchivetable tr td {
    padding: 3px 10px 3px 10px;
    /* border: 1px solid #ccc; */
    vertical-align: top;
}


.perma_bauart_table tr td {
    padding: 5px 5px 5px 5px;
    /* border: 1px solid #ccc; */
    vertical-align: middle;
}

.perma_bauart_table tr th {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #ccc; /* */
    vertical-align: top;
    font-weight: bold;
}

.reftable tr td {
    padding: 5px 10px 5px 10px;
    /* border: 1px solid #ccc; */
    vertical-align: top;
}

.reftable tr th {
    padding: 3px 10px 8px 10px;
    border-bottom: 1px solid #ccc; /* */
    vertical-align: top;
    font-weight: bold;
}

.vehiclektypnrtable tr td {
    padding: 3px 3px 3px 3px;
    /*border: 1px solid #ccc;*/
    vertical-align: top;
}

.catalogRequesttable tr td {
    font-size: 11px;
    padding: 3px 10px 8px 10px;
    /* border: 1px solid #ccc; */
    vertical-align: top;
}

.tdksnr {
    white-space: nowrap;
}


.prdselectTr { /*!important erzwingt die Höhe: wichtig*/
    vertical-align: middle !important;
    height: 40px;
}

.prdSelectTd {
    padding: 3px 10px 3px 10px;
    vertical-align: middle !important;
    height: 40px;
}

.prdSelectDiv {
    margin-top: auto;
}


.smalltable tr td {
    padding: 3px 10px 3px 10px;
    vertical-align: middle;
    /*border: 1px solid #ccc;  */
}


.abkheadline {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 10pt;
    font-weight: bold;
}

.abktable /* deprecated */
{
    margin: 0px 20px 0px 0px;
    background: #ededed;
}

.abktable tr th, .abktable tr td /* deprecated */
{
    vertical-align: middle;
    /*border: 1px solid #ccc;  */
}

.abktable tr th /* deprecated */
{
    font-size: 9pt;
    padding: 8px 10px 1px 10px;
    font-weight: bold;
}

.abktable tr td /* deprecated */
{
    font-size: 8pt;
    padding: 3px 10px 3px 10px;
}


.suffixDefault {
    color: #888888;
    font-size: 7pt;
}

.suffixHeadline {
    color: #999999;
    font-size: 10pt;
}

.suffixProductHeadline {
    color: #FFFFFF;
    font-size: 10pt;
}

.suffixProductWhiteHeadline {
    color: #888888;
    font-size: 10pt;
}

.whiteText {
    color: #FFFFFF;
}

.altksnr {
    cursor: pointer;
}

.zeiledrei {
    padding-left: 8px;
    float: left;
}


.altksnr:hover {
    text-decoration: underline;
}

.artnrtable tr th {
    padding: 10px 10px 10px 10px;
    background: #ededed;
    border-bottom: 1px solid #ccc;
}

.claimRechnungTable {
    width: 100%;
}

.claimCreditTable {
    width: 100%;
}

.claimCreditRow, .claimCreditRowRight {
    text-align: left;
    font-size: 11pt;
    font-weight: bold;
    padding: 10px 10px 0 0;
}

.claimCreditRowRight {
    text-align: right;
}


.claimRechnungTable, .claimGutschriftTable tr th {
    padding: 10px 10px 10px 10px;
    background: #ededed;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 10pt;
}


.claimRechnungTable, .claimGutschriftTable tr td {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}


.selectTable tbody tr:hover {
    cursor: pointer;
    font-weight: normal;
    color: #00406e;
    text-decoration: underline;
}

.status02 {
    color: #009966;
}

.status03 {
    color: #FF6666;
}

.status07 {
    color: #8c3a3a;
}

.status90 {
    color: #FF9B59;
}

.status00IV {
    color: #009966;
}

.othervko {
    color: #009966;
}

.reflink {
    color: #FF6666;
}

.even {
    background: #ededed;
}

.evenTodo {
    background: #e5eaf5;
}

.redText {
    color: #FF6666;
}

.greenText {
    color: #009966;
}

.odd {
    background: #fff;
}

.oddTodo {
    background: #eaf6fe;
}

.error {
    background: #f9bbbb;
}

.lastgoal /* für tr*/
{
    background: #a7bfd4;
}

.oekopfbg {
    background: #DBE2E9;
}

.lastline {
    border-bottom: 1px solid #ccc;
}


.numbercell {
    text-align: right;
}

.cell250 {
    width: 250px;
}

.sumcell {
    /*background: #b1c800;*/
    background: #00406e;
    color: #fff;
    font-weight: bold;
    /*height: 10px;
    padding-top:10px;*/
}

.centercell {
    text-align: center;
}

.tdimg {
    padding-top: 5px;
    vertical-align: top;
}

.tditemcounter {
    vertical-align: top;
    padding: 0 10px 0 10px;
}

.itemcounter {
    padding-top: 5px;
    padding-right: 5px;
    text-align: center;

}

.listcheckbox {
    text-align: center;
}

.pagelist {
    float: left;
    clear: left;
    width: 1100px;
    margin-top: 10px;
}

.searchresultNavHeader {
    margin-top: 10px;
    margin-bottom: 15px;
    float: left;
}

.searchresultNavigation {
    margin-top: 10px;
    margin-bottom: 15px;
    float: right;
}

.searchresultNavProdSelectHeader {
    z-index: 100;
    margin-top: 10px;
    margin-bottom: 15px;
    float: right;
}

.searchresultNavigationItem, .searchresultNavigationActiveItem, .searchresultNavigationPrevItem, .searchresultNavigationNextItem {
    float: left;
    text-align: center;
    padding: 3px 6px 3px 6px;
    background: #ededed;
    margin-left: 10px;
    cursor: pointer;
    font-weight: bold;
}

.searchresultNavigationActiveItem {
    background: #00406e;
    color: #fff;
}

.searchresultNavigationItem:hover, .searchresultNavigationActiveItem:hover, .searchresultNavigationPrevItem:hover, .searchresultNavigationNextItem:hover {
    text-decoration: underline;
    background: #00406e;
    color: #fff;
}

.sortListItem, .sortListItemActive {
    float: left;
    text-align: center;
    padding: 4px 4px 4px 4px;
    background: #cccccc;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.sortListItemSpacing {
    float: left;
    width: 3px;
}

.sortListItemActive {
    background: #00406e;
}

.sortListItem:hover, .sortListItemActive:hover {
    background: #00406e;
}


.contentListHeader {
    margin: -5px 0 3px 0;
}

.contentList {
    margin-bottom: 4px;
}

.contentList li {
    list-style: none;
    margin: 0 0 0 -10px;
}

.smallTable {
    margin-bottom: 10px;
    font-size: 8pt;
}

.smallTable tr td {
    padding: 0px 3px 4px 0px;
}

.tinfotable tr td {
    padding-left: 10px;
    padding-bottom: 4px;
    font-size: 8pt;
    max-width: 600px;
}

.menutext {
    color: #00406e;
    margin-bottom: 5px;
    margin-left: 10px;
}

.bemicon {
    position: relative;
    float: left;
    margin-left: 5px;
    padding-top: -1px;
}

.bemicon_new {
    position: relative;
    float: left;
    padding-top: 2px;
}

.tinfoicon {
    position: relative;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.fzgtabicon {
    position: relative;
    float: left;
    margin-left: 5px;
}

.fzgtabtable tr td {
    padding-left: 10px;
    padding-bottom: 4px;
    font-size: 8pt;
}

thead.gleitlagertable tr {
    border-top: 1px solid #e5e5e5;;
}

thead.gleitlagertable tr td {
    padding-top: 4pt;
    padding-bottom: 4pt;
}

.tdprdicon {
    width: 45px;
}

.tdrefnr {
    /* width:180px; */
}

.prdtypicon {
    margin-top: 5px;
}

.basketitemicon {
    /* margin-top:5px; */
    padding: 0px 0px 0px 6px;
    /*border: 1px solid #0f0;  */
    float: right;
}


.thumbnail_img:hover {
    -webkit-transform: scale(1.25);
    -webkit-transition-duration: 0.5s;
    -moz-transform: scale(1.25);
    -moz-transition-duration: 0.5s;
    -o-transform: scale(1.25);
    -o-transition-duration: 0.5s;
    -ms-transform: scale(1.25); /* IE kommt vielleicht bald mal*/
    -ms-transition-duration: 0.5s; /* IE kommt vielleicht bald mal*/
    -ms-zoom: 1.1; /* IE bis dahin */
    position: absolute; /* IE bis dahin */
    transform: scale(1.25);
}

.listabvk {
    position: absolute;
    margin-left: -9px;
    margin-top: -4px;

}

.ksnr {
    position: relative;
    margin-bottom: -4px;
    float: left;
    /*border: 1px solid #f00;  */
}

.matnrSuffix {
    margin-left: 4px;
    color: #656565;
}

div.checkcell {
    white-space: nowrap;

}

div.nowrap {
    display: inline;
}

.checkcellContainerDiv {
    display: inline-block;
    margin-top: 0px;
}

.checkcellMengeText {
    float: left;
    /*display:inline-block;*/
    margin-bottom: 3px;
}

.checkcellMenge {
    float: left;
    /*display:inline-block;*/
    margin-top: 6px;
    margin-left: 5px;
    font-size: 8pt;
    text-align: right;
}

.checkcellIcon {
    float: left;
    margin-bottom: -1px;
    margin-left: 5px;
}

.checkcellPreis {
    margin-top: 6px;
    /*float:left;
    clear:left;*/
}

.newLine {
    float: left;
    clear: left;
}


.thinpgh {
    position: relative;
    width: 900px;
    float: left;
    clear: left;
    margin-top: 15px;
    margin-bottom: 12px;
    height: 1em;
    font-weight: bold;
}


.progressBar {
    width: 250px;
    display: block;
    margin-top: -10px;

}

.stepcontainer {
    width: 1100px;
    float: left;
    clear: left;
    position: relative;
}

.stepitem, stepitemactive, stepiteminactive {
    width: auto;
    min-width: 170px;
    padding: 8px 12px 8px 12px;
    margin-right: 8px;
    margin-top: 0px;
    float: left;
    font-size: 8pt;
    font-weight: bold;
    display: block;
}

.stepitemactive {
    background: #00406e;
    color: #fff;
}

.stepiteminactive {
    background: #ededed;
}

.stepcontainer a:hover div {
    background: #00406e;
    color: #fff;
}


/* Warenkorb-Tabelle */
.baskettablediv {
    position: relative;
    float: left;
    clear: left;
}

.headfiller {
    float: left;
    clear: left;
    position: absolute;
    background: #00406e;
    width: 100%;
    padding-bottom: 25px;
    top: 10px;
    color: #fff;
    z-index: 1;
}


/* define height and width of scrollable area. Add 16px to width for scrollbar          */
.tableContainer {
    margin-top: 10px;
    position: relative;
    border: 1px solid #cccccc;
    width: 1100px;
    float: left;
    clear: left;
    z-index: 2;
}

/* Reset overflow value to hidden for all non-IE browsers. */
.tableContainer {
    width: 1100px;
    float: left;
    clear: left;
}

/* define width of table. IE browsers only                 */
.tableContainer table {
    float: left;
    width: 1100px;
}


/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
thead.fixedHeader tr {
    display: block;
    color: #fff;

}

/* make the TH elements pretty */
thead.fixedHeader th {
    background: #00406e;
    /*border: 1px solid #f00;  */
    font-weight: bold;
    font-size: 8pt;
    padding: 6px 3px 2px 4px;
    height: 29px;
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
    color: #FFF;
    display: block;
    text-decoration: underline;
    width: 100%;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
tbody.scrollContent {
    display: block;
    overflow: auto;
    width: 100%;

}


/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td {
    /*border: 1px solid #0f0;  */
    padding: 6px 3px 2px 4px;
}


/*
thead.fixedHeader th.basket_function {width: 20px;}

tbody.scrollContent td.basket_pos, thead.fixedHeader th.basket_pos {width: 32px; text-align: right; padding-right:8px; padding-top:8px;}
tbody.scrollContent td.basket_icon, thead.fixedHeader th.basket_icon {width: 60px;}
tbody.scrollContent td.basket_menge, thead.fixedHeader th.basket_menge {width: 70px; text-align: right;}
tbody.scrollContent td.basket_ksnr, thead.fixedHeader th.basket_ksnr {width: 150px; text-align: left;} 
tbody.scrollContent td.basket_vpe, thead.fixedHeader th.basket_vpe {width: 30px; text-align: center; vertical-align: middle; }
tbody.scrollContent td.basket_vpehinweis, thead.fixedHeader th.basket_vpehinweis {width: 25px; text-align: center; vertical-align: middle;}
tbody.scrollContent td.basket_bez, thead.fixedHeader th.basket_bez {width: 305px; text-align: left;}
tbody.scrollContent td.basket_bez2, thead.fixedHeader th.basket_bez2 {width: 250px; text-align: left;}
tbody.scrollContent td.basket_bez3, thead.fixedHeader th.basket_bez3 {width: 520px; text-align: left;}
tbody.scrollContent td.basket_brutto, thead.fixedHeader th.basket_brutto {width: 50px; text-align: right;}
tbody.scrollContent td.basket_einzelpreis, thead.fixedHeader th.basket_einzelpreis {width: 50px; text-align: right;}
tbody.scrollContent td.basket_pospreis, thead.fixedHeader th.basket_pospreis {width: 80px; text-align: right;}
tbody.scrollContent td.basket_whrg, thead.fixedHeader th.basket_whrg {width: 30px; text-align: left;}
tbody.scrollContent td.basket_verf, thead.fixedHeader th.basket_verf {width: 20px; text-align: center; vertical-align: middle;}
tbody.scrollContent td.basket_function, thead.fixedHeader th.basket_function {width: 20px; text-align: center; vertical-align: middle;}
*/
thead.fixedHeader th.basket_pos {
    text-align: right;
    padding-right: 8px;
    padding-top: 8px;
}

thead.fixedHeader th.basket_menge {
    text-align: right;
}

thead.fixedHeader th.basket_ksnr {
    text-align: left;
}

thead.fixedHeader th.basket_vpe {
    text-align: center;
}

thead.fixedHeader th.basket_vpehinweis {
    text-align: center;
}

thead.fixedHeader th.basket_bez {
    text-align: left;
}

thead.fixedHeader th.basket_bez2 {
    text-align: left;
}

thead.fixedHeader th.basket_bez3 {
    text-align: left;
}

thead.fixedHeader th.basket_bez4 {
    text-align: left;
}

thead.fixedHeader th.basket_bez5 {
    text-align: left;
}

thead.fixedHeader th.basket_brutto {
    text-align: right;
}

thead.fixedHeader th.basket_spreis {
    text-align: right;
}

thead.fixedHeader th.basket_einzelpreis {
    text-align: right;
}

thead.fixedHeader th.basket_pospreis {
    text-align: right;
}

thead.fixedHeader th.basket_whrg {
    text-align: left;
}

thead.fixedHeader th.basket_verf {
    text-align: center;
    vertical-align: middle;
}

thead.fixedHeader th.basket_function {
    text-align: center;
    vertical-align: middle;
}

tbody.scrollContent td.basket_pos {
    text-align: right;
    padding-right: 8px;
    padding-top: 8px;
    vertical-align: middle;
}

tbody.scrollContent td.basket_menge {
    text-align: right;
    vertical-align: middle;
}

tbody.scrollContent td.basket_ksnr {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_vpe {
    text-align: center;
    vertical-align: middle;
}

tbody.scrollContent td.basket_vpehinweis {
    text-align: center;
    vertical-align: middle;
}

tbody.scrollContent td.basket_bez {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_bez2 {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_bez3 {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_bez4 {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_bez5 {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_brutto {
    text-align: right;
    vertical-align: middle;
}

tbody.scrollContent td.basket_spreis {
    text-align: right;
    vertical-align: middle;
}

tbody.scrollContent td.basket_einzelpreis {
    text-align: right;
    vertical-align: middle;
}

tbody.scrollContent td.basket_pospreis {
    text-align: right;
    vertical-align: middle;
}

tbody.scrollContent td.basket_whrg {
    text-align: left;
    vertical-align: middle;
}

tbody.scrollContent td.basket_verf {
    text-align: center;
    vertical-align: middle;
}

tbody.scrollContent td.basket_function {
    text-align: center;
    vertical-align: middle;
}

.basket_pos_div {
    width: 32px;
}

.basket_icon_div {
    width: 60px;
}

.basket_menge_div {
    width: 70px;
}

.basket_ksnr_div {
    width: 150px;
}

.basket_ksnr_div2 {
    width: 130px;
}

.basket_vpe_div {
    width: 30px;
}

.basket_vpehinweis_div {
    width: 25px;
}

.basket_bez_div {
    width: 421px; /* vorher 305 */
}

.basket_bez2_div {
    width: 366px; /* vorher 250 */
}

.basket_bez2b_div {
    width: 424px; /* vorher 308 */
}

.basket_bez3_div {
    width: 633px; /* vorher 517 */
}

.basket_bez4_div {
    width: 606px; /* vorher 490 */
}

.basket_bez5_div {
    width: 432px; /* vorher 316 */
}

.basket_brutto_div {
    width: 50px;
}

.basket_spreis_div {
    width: 45px;
}

.basket_einzelpreis_div {
    width: 50px;
}

.basket_pospreis_div {
    width: 80px;
}

.basket_whrg_div {
    width: 30px;
}

.basket_whrg_div2 {
    width: 50px;
}

.basket_verf_div {
    width: 20px;
}

.basket_function_div {
    width: 20px;
}


thead.fixedHeader th.cmplnt_a {
    width: 135px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_a {
    width: 136px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_b, thead.fixedHeader th.cmplnt_b {
    width: 120px;
    text-align: left;
}

thead.fixedHeader th.cmplnt_c {
    width: 140px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_c {
    width: 145px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_d, thead.fixedHeader th.cmplnt_d {
    width: 45px;
    text-align: right;
}

thead.fixedHeader th.cmplnt_e {
    width: 8px;
    text-align: center;
}

tbody.scrollContent td.cmplnt_e {
    width: 10px;
    text-align: center;
}

tbody.scrollContent td.cmplnt_f, thead.fixedHeader th.cmplnt_f {
    width: 95px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_g, thead.fixedHeader th.cmplnt_g {
    width: 100px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_h, thead.fixedHeader th.cmplnt_h {
    width: 80px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_i, thead.fixedHeader th.cmplnt_i {
    width: 100px;
    text-align: left;
}

tbody.scrollContent td.cmplnt_j, thead.fixedHeader th.cmplnt_j {
    width: 180px;
    text-align: left;
}

/*
tbody.scrollContent td.cmplnt_a, thead.fixedHeader th.cmplnt_a {width: 140px; text-align: left;}
tbody.scrollContent td.cmplnt_b, thead.fixedHeader th.cmplnt_b {width: 120px; text-align: left;} 
tbody.scrollContent td.cmplnt_c, thead.fixedHeader th.cmplnt_c {width: 145px; text-align: left;} 
tbody.scrollContent td.cmplnt_d, thead.fixedHeader th.cmplnt_d {width: 45px; text-align: right;} 
tbody.scrollContent td.cmplnt_e, thead.fixedHeader th.cmplnt_e {width: 10px; text-align: center;} 
tbody.scrollContent td.cmplnt_f, thead.fixedHeader th.cmplnt_f {width: 95px; text-align: left;} 
tbody.scrollContent td.cmplnt_g, thead.fixedHeader th.cmplnt_g {width: 80px; text-align: left;} 
tbody.scrollContent td.cmplnt_h, thead.fixedHeader th.cmplnt_h {width: 80px; text-align: left;} 
tbody.scrollContent td.cmplnt_i, thead.fixedHeader th.cmplnt_i {width: 100px; text-align: left;} 
tbody.scrollContent td.cmplnt_j, thead.fixedHeader th.cmplnt_j {width: 80px; text-align: left;} 
*/


/* Ende Warenkorb-Tabelle */

.basketverpackung {
    margin-top: 15px;
    font-size: 8pt;
    position: relative;

    float: left;
    clear: left;
}

.basketsumme {
    text-align: right;
    margin-top: 15px;
    font-size: 9pt;
    font-weight: bold;
    position: relative;
    padding: 8px;
    border: 1px solid #cccccc;
    float: right;
    clear: right;

}

.basketsumme div.basketfracht {
    padding-top: 8px;
    font-size: 9pt;
    font-weight: normal;
}

.basketsumme div.basketpfand {
    padding-top: 4px;
    font-size: 9pt;
    font-weight: normal;
}

.basketsumme div.basketmwst {
    padding-top: 4px;
    font-size: 9pt;
    font-weight: normal;
}

.basketsumme div.basketdiscount {
    padding-top: 4px;
    font-size: 9pt;
    font-weight: normal;
    color: #d10019;
}

.basketsumme div.baskettotal {
    text-align: right;
    margin-top: 15px;
    font-size: 9pt;
    font-weight: bold;
    position: relative;
    padding: 8px;
    border-top: 1px solid #cccccc;
    float: right;
    clear: right;
}

.basketactions {
    width: 1100px;
    margin-top: 10px;
    position: relative;
    float: left;
}

.basketWldIcon {
    margin: 10px 10px 5px 0px;
    position: relative;
    float: left;
    width: 16px;
}

.basketWld {
    margin: 13px 20px 5px 0px;
    position: relative;
    font-size: 8pt;
    font-weight: bold;
    float: left;
}

.basketWldPane {
    margin: 5px 0px 8px 0px;
    width: 200px;
    font-size: 8pt;
    float: left;
    clear: left;
}

.complaintDatePane {
    margin: 0px 0px 8px 0px;
    width: 240px;
    font-size: 8pt;
    float: left;

}

.complaintDateIcon {
    margin: 0px 10px 5px 10px;
    position: relative;
    float: left;
    width: 16px;
}

.complaintDate {
    margin: 3px 20px 5px 0px;
    position: relative;
    font-size: 8pt;
    font-weight: bold;
    float: left;
}

.widthComplaintDate {
    width: 240px; /* 180 */
}

.widthComplaintRadiosText {
    width: 320px;
}

.widthComplaintRadio {
    width: 120px;
}


.complaintDetailLeftColumn {
    float: left;
    clear: left;
    width: 580px;
}

.complaintDetailRightColumn {
    float: left;
    width: 400px;
}

.complaintDetailContainer {
    float: right;
    clear: right;
    padding: 10px;
    width: 380px;
    background-color: #eceded;
    margin: 0 0 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintDetailFinalContainer {
    float: left;
    clear: left;
    padding: 10px;
    width: 540px;
    background-color: #eceded;
    margin: 0px 0 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintNewContainer {
    float: left;
    clear: left;
    padding: 10px;
    width: 1100px;
    background-color: #eceded;
    margin: 10px 0 30px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintOpenNextContainer {
    float: left;
    clear: left;
    padding: 0px;
    width: 1100px;
    background-color: #eceded;
    margin: 10px 0 0px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintContainerSpacing {
    margin-top: 15px;
}


.complaintDetailFinalText {
    float: left;
    clear: left;
    padding: 10px 0 0 10px;
    font-size: 8pt;
}

.complaintDetailLeftContainer {
    float: left;
    padding: 10px;
    width: 540px;
    background-color: #eceded;
    margin: 30px 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintDetailNoContainer {
    float: right;
    clear: right;
    padding: 10px;
    width: 378px;
    border: 2px solid #ccc;
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}


.complaintDetailErrorContainer {
    float: left;
    clear: left;
    padding: 10px;
    width: 1080px;
    background-color: #f9bbbb;
    color: #000;
    margin: 0 0 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintDetailMessageContainer {
    float: left;
    clear: left;
    padding: 10px;
    width: 1080px;
    background-color: #f7ba49;
    color: #000;
    margin: 0 0 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.complaintConfirmMessageContainer {
    float: left;
    clear: left;
    padding: 10px;
    width: 1080px;
    background-color: #f7ba49;
    color: #000;
    margin: 15px 0 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.complaintUrgentContainer {
    border-top: 4px solid #f9bbbb;
    border-bottom: 4px solid #f9bbbb;
    float: left;
    clear: left;
    margin-bottom: 30px;
}


.permaglideSpielberechnungContainer {
    width: 954px;
    float: left;
    position: relative;
    background-color: #eceded;
    padding: 15px;
    margin-top: 10px;
    margin: 10px 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.permaglideLftContainer {
    width: 954px;
    float: left;
    position: relative;
    background-color: #eceded;
    padding: 15px;
    margin-top: 10px;
    margin: 0 0 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 8pt;
}

.permaglideLftFormContainer {
    width: 954px;
    float: left;
    position: relative;
    padding: 15px;
    margin-top: 10px;
    margin: 10px 0 0 0;
}

.permaglideStepText ul {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 4px;
    list-style-image: url(../html/page/listbullet.png);
}

.documentContainer {
    float: left;
    padding: 10px;
    width: 280px;
    background-color: #eceded;
    margin: 20px 10px 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.basketpagearea {
    width: 964px;
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    position: relative;
    float: left;
    clear: left;
}

.basketpagearea .basketpageareaa /* Viertel */
{
    float: left;
    width: 237px;
}

.basketpagearea .basketpageareab /* Hälfte */
{
    float: left;
    width: 475px;
}

.basketpagearea .basketpageareaa,
.basketpagearea .basketpageareab {
    margin: 3px auto 3px 0px;
}

.areamarginbottom {
    margin: 0px auto 6px 0px;
}


.agbEndP {
    margin-top: 30px;
    font-size: 7pt;
}


.msgbox_list {
    list-style-type: square;
    font-size: 9pt;
    margin: 0px 0px 3px 0px;
}

.msgbox_list_header {
    font-size: 9pt;
    font-weight: bold;
    color: #00406e;
    margin: 0px 0px 3px 0px;
}


/* eingefügt für Kataloganforderung */

.katselecttable tr td {
    padding: 3px 8px 12px 5px;
    margin-top: 20px;
    vertical-align: middle;

    /*border: 1px solid #ccc;  */
}

.katselecttable tr td a.internal-link {
    font-size: 11px;
}

.textPortal {

    font-size: 11px;
}

div.downloadboxPortal {
    width: 200px;
    height: 80px;
    overflow: auto;
    float: right;
    border: solid 1px silver;
    font-family: Arial;
    font-size: 11px;
}

ul.downloadlistePortal {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.downloadlistePortal li {
    background-color: white;
}

ul.downloadlistePortal li:hover {
    background-color: #F4F5F6;
}

.xrmPortalText {
    color: #000;
}

.slidecontainer {
    white-space: nowrap;
    float: left;
    margin-right: 10px;
}

.videocontainer {
    text-align: center;
    margin-top: 50px;
    height: 350px;
}

.compareDataContainer {
    float: left;
    clear: left;
}

.comparePictContainer {
    float: left;
    margin-left: 50px;
    /*width:224px;*/
    width: 550px;
    vertical-align: top;
}

.complaintdatacontainer {
    background-color: #fafafa;
    width: 964px;
    float: left;
    clear: left;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 30px;
}

.complaintdatacontaineritem {
    float: left;
    margin-right: 20px;
}


.complaintdatacontainerrow {
    float: left;
    clear: left;
    margin-top: 10px;
}

.documentitem {
    float: left;
    margin: 6px;
    width: 50px;
    height: 71px;
}

.thumbnail {
    float: left;
    margin: 30px 3px 5px 3px;
}

.logtable {
    float: left;
    margin: 10px 5px 5px 5px;
    width: 950px;
}

.logtable thead tr th {
    font-weight: bold;
}


.p_oe {
    margin-bottom: 0px;
    margin-top: 0px;
}

.p_oe_bold {
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
}

.msiplus_g {
    color: #009966;
}

.msiplus_r {
    color: #FF6666;
}

.msiplus_o {
    color: #00406e;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1500; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    /*margin: 15% auto;  15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
    height: 60%; /* auch Script getModalWindowLoadScript in Javascripts.java anpassen */
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.modal-content2 {
    background-color: #fefefe;
    /*margin: 15% auto;  15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
    height: 60%; /* auch Script getModalWindowLoadScript in Javascripts.java anpassen */
    margin-left: auto;
    margin-right: auto;
    margin-top: 25%;
    margin-bottom: 5%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.modal-wait-center {
    position: absolute;
    top: 60%; /* 35 */
    left: 30%; /* 50 */
    width: 650px; /* 150 */
    height: 200px;
    padding: 20px;
    margin-left: -100px;
    margin-top: -100px;
    text-align: center;
}

.modal-wait-center-waitpage {
    position: absolute;
    top: 35%;
    left: 30%; /* 50 */
    width: 650px; /* 150 */
    height: 200px;
    padding: 20px;
    margin-left: -100px;
    margin-top: -100px;
    text-align: center;
}

.modal-realcontent-center {
    position: relative;
    padding: 20px;
    text-align: center;
    width: 90%;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/* Ende Kataloganforderung */


/* *********************************
Vorgaben der Homepage
************************************/
.icons-sprite, h2 a, a.greyArrow, a.arrowUp, .icon-yes, .icon-no, .icon-edit, .icon-pkw, .icon-lkw, .icon-ima, .icon-ks, .icon-pierburg, .icon-bfg, #mainnav ul.dropdown-column li a, #mainnav ul.dropdown-column li a:hover, #mainnav ul.third li a, #mainnav ul.third li a:hover, .breadcrumb-next, .subnav li a, .subnav li ul li a, .subnav li ul li ul li a, .subnav li ul li ul li ul li a, .subnav li ul li ul li ul li ul li a, #servicenav ul li.rss-link a, .social-media-xing a, .social-media-facebook a, .social-media-youtube a, .social-media-twitter a, .right-footer .social-media-xing a, .right-footer .social-media-facebook a, .right-footer .social-media-youtube a, .right-footer .social-media-twitter a, .footer-top .right-footer a.internal-link, .footer-top .right-footer a.external-link-new-window, .footer-bottom .language-switch .language-select a.german, .footer-bottom .language-switch .language-select a.english, .portlet-wrap .portlet-outer .portlet-inner a.external-link-new-window, .portlet-wrap .portlet-outer .downloadListing li, .language-flag-de, .language-flag-en, .language-flag-fr, .language-flag-ru, .language-flag-es, .language-flag-it, .language-flag-mk, .language-flag-pl, .language-flag-pt, .language-flag-ptbr, .language-flag-sv, .language-flag-me, .language-flag-sr, .language-flag-cs, .language-flag-nl, .language-flag-hr, .language-flag-ba, .language-flag-tr, .language-flag-kr, .language-flag-cn, .language-arrow, ul.language-select li a.german, ul.country-select li a.german, ul.language-select li a.english, ul.country-select li a.english, ul.language-select li a.french, ul.country-select li a.french, ul.language-select li a.russian, ul.country-select li a.russian, ul.language-select li a.spanish, ul.country-select li a.spanish, ul.language-select li a.polski, ul.country-select li a.polski, ul.language-select li a.hrvatski, ul.country-select li a.hrvatski, ul.language-select li a.srpski, ul.country-select li a.srpski, ul.language-select li a.bosanski, ul.country-select li a.bosanski, ul.language-select li a.mazedonski, ul.country-select li a.mazedonski, ul.language-select li a.montenegriski, ul.country-select li a.montenegriski, ul.language-select li a.italiano, ul.country-select li a.italiano, ul.language-select li a.nederlands, ul.country-select li a.nederlands, ul.language-select li a.portugues, ul.country-select li a.portugues, ul.language-select li a.cesky, ul.country-select li a.cesky, ul.language-select li a.svenska, ul.country-select li a.svenska, ul.language-select li a.chinese, ul.country-select li a.chinese, ul.language-select li a.korean, ul.country-select li a.korean, ul.language-select li a.turkish, ul.country-select li a.turkish, .image-corner-top-left, .image-corner-bottom-left, .image-corner-top-right, .image-corner-bottom-right, .tx_in2msi_downloads a.download-file, .tx_in2msi_downloads .noLink a, .downloadListing li, a.internal-link, a.download, .slider-nav a, .slider-nav a.activeSlide, .jumpnav-wrap .jumpnav-content a, .jumpnav-wrap .jumpnav-content ul li, .news .article .read-more a, .csc-sitemap ul li a, .csc-sitemap ul li ul li a, .tx-ttaddress-pi1 .mailaddress, .tx-ttaddress-pi1 .website, .tx-ttaddress-pi1 .routelink, .tx-ttaddress-pi1 .contactbox-address .mailaddress, .tx-ttaddress-pi1 .contactbox-name .mailaddress, #content-wrapper .flex-control-nav li a, #content-wrapper .flex-control-nav li a.active, .presscenter_pdf, .presscenter_star, p.anchorlistinghead, p.anchorlistinghead:hover, p.anchorlistinghead.listopen, .csc-menu li, .ui-grid-ico-sort.ui-icon-asc, .ui-grid-ico-sort.ui-icon-desc, .icon-tradephone, .icon-tradefax, .icon-trademail, .icon-traderoute, .icon-tradewww, .servicepersion_email, .icon_mailing, .icon_mailing:hover, .icon_shopzugang, .icon_shopzugang:hover, .icon_mymaccess, .icon_mymaccess:hover, .icon_asp, .icon_asp:hover, .icon_presscenter, .icon_presscenter:hover, .icon_trainthetrainer, .icon_trainthetrainer:hover, .icon_catalog, .icon_catalog.activeEmployee, .icon_catalog:hover, .icon_cdrom, .icon_cdrom.activeEmployee, .icon_cdrom:hover, .icon_calendar, .icon_calendar.activeEmployee, .icon_calendar:hover {
    background: url(../html/page/icons.png) no-repeat;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    position: relative;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e5e5e5;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* + html .clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.group {
    zoom: 1;
}

/*
body {
    color: #656565;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 17px;
    background: #fff;
}
*/

h1, h2, h3 {
    font-weight: 700;
    line-height: 115%;
    margin: 0 0 10px;
}

h1 {
    font-size: 18px;
    color: #00406e;
}

h2 {
    font-size: 14px;
    color: #00406e;
}

/*
h2 a {
    color: #656565;
    padding: 0 36px 0 0;
    background-position: 100% -3178px;
}
*/
h2 a:hover {
    text-decoration: none;
}

h3 {
    font-size: 12px;
}

sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    /*_vertical-align: bottom;*/
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

a {
    color: #00406e;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #00406e;
    outline: none;
}

a:focus {
    outline: none;
}

a:active {
    outline: none;
}

.hide {
    left: -1000em;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
}

p, ul, ol {
    margin-bottom: 15px;
}

.button a, a.button {
    display: block;
    background-color: #00406e;
    color: #fff;
    padding: 4px 10px;
    float: left;
}

.button a:hover, a.button:hover {
    text-decoration: none;
}

#main-wrapper, .footer-inner {
    width: 1100px;
    min-width: 320px;
    /* for Shop
    margin: 10px auto;
    */
}

#main-wrapper {
    /* wichtig: 0px für Dojo Tooltip, etc.
        aus Homepage: margin: 10px auto;
        Lösung mit zusätzlichem div mit Höhe 10px */
    margin: 0px auto;
}

.footer-inner {
    margin: 5px auto;
}

#footer-wrapper {
    overflow: hidden;
    clear: left;
}

ul {
    margin: 0 0 24px 15px;
}

/*
ul li {
    padding: 0 0 5px;
    color: #656565;
}
*/
#content-wrapper {
    margin-top: 5px; /*  5 35 */
    min-height: 300px;
}

#content-wrapper #left-col {
    float: left;
    width: 228px;
}

#content-wrapper #main-content-wrapper {
    width: 1100px;
    float: right;
}

#content-wrapper #main-content-wrapper .main-content-left {
    float: left;
    width: 481px;
}


#content-wrapper #main-content-wrapper .main-content-right {
    float: right;
    width: 228px;
}


#content-wrapper #main-content-wrapper a:hover {
    text-decoration: underline;
}

.icon {
    display: block;
    width: 43px;
    height: 25px;
    padding-right: 5px;
    text-indent: -9999em;
}

ol {
    padding-left: 15px;
}

#header {
    margin: 0;
    background-color: #fff;
}

#header .logo {
    float: left;
    margin: 30px 0 30px 30px;
}

#header .permaglidelogo {
    float: left;
    margin: 40px 0 27px 30px;
}

#header .textmarkenlogo {
    float: left;
    margin: 35px 0px 30px 50px;
}


#header .right-header {
    float: right;
}

#header .right-header .meta {
    border-bottom: 1px solid #fff;
    margin: 0 0 42px;
    background: #fff;
    font-size: 11px;
}

#header .right-header .meta .metanav {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#header .right-header .meta .metanav li {
    float: left;
    padding: 0;
}

#header .right-header .meta .metanav li a {
    float: left;
    display: block;
    width: auto;
    border-right: 1px solid #fff;
    padding: 5px 10px;
    color: #87878a;
}

#header .right-header .meta .metanav li.last a {
    border-right: 0;
    padding-right: 0;
}

#header .right-header .meta .metanav li.language-trigger {
    padding-left: 10px;
}

#header .right-header .meta .metanav li.language-trigger a {
    background-color: #fff;
    padding: 0 0 0 10px;
    border-bottom: 5px solid #fff;
    border-top: 5px solid #fff;
    border-right: 0;
}

#header .right-header .meta .metanav li.language-trigger.active a {
    background-color: #fff;
    border-bottom: 6px solid #fff;
    border-top: 1px solid #cfd4d7;
    padding-top: 4px;
    position: relative;
    z-index: 1000;
}

#header .right-header .meta .metanav li.language-trigger .language-name {
    padding-right: 7px;
}

#header .right-header .brandnav {
    float: right;
}

#header .right-header .brandnav a {
    margin: 0 15px 0 0;
}

#header .right-header .brandnavpermaglide a {
    float: right;
    margin: 0px 15px 25px 0;
}

#mainnav {
    background: #00406e;
    margin: 1px 0;
}

#mainnav > ul.group {
    list-style: none;
    margin: 0;
    padding: 0;
}


#mainnav > ul.group > li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}


#mainnav > ul.group > li > a {
    float: left;
    display: block;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    width: auto;
    text-align: center;
    border-left: 0px solid #fff;
}

#mainnav > ul.group > li > a.hover {
    background: #f2f2f3;
    color: #00406e;
}

#mainnav > ul.group > li > a.active {
    background: #007ec0;
    color: #fff;
}

#mainnav > ul.group > li.first a {
    border-left: 0;
}

#mainnav > ul.group > li.last a {
    border-right: 1px solid #fff;
}


#mainnav > ul.group > li .dropdown-column a {
    border-right: 0;
}

#mainnav > ul.group > li:hover div.dropdown {
    display: block;
}

#mainnav div.dropdown {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 50;
    background: #f2f2f3;
    border: none;
    padding: 4px 0;
    overflow: hidden;
}

#mainnav ul.dropdown-column {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mainnav ul.dropdown-column li {
    text-align: left;
    padding: 0;
}

#mainnav ul.dropdown-column li a {
    white-space: nowrap;
    color: #00406e;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    background-position: 10px -4068px;
    padding: 5px 20px;
    margin: 0;
    border-left: 0;
    width: 80%;
    display: block;
}


#mainnav ul.dropdown-column li a:hover {
    background-position: 10px -4068px;
    text-decoration: underline;
}

#mainnav span.open {
    font-size: 20px;
    color: #FFF;
    position: absolute;
    top: 12px;
    right: 0;
    cursor: pointer;
}

#mainnav ul.third {
    position: static;
    border: none;
    width: 100%;
    margin: 0;
    list-style: none;
}

#mainnav ul.third li {
    border-top: 0;
    margin: 0;
    border-bottom: 0;
}

#mainnav ul.third li a {
    background: url(../html/page/icons.png) no-repeat;
    background-position: 0 -4133px;
    width: 100%;
    padding: 5px 0 10px 10px;
}

#mainnav ul.third li a:hover {
    background: url(../html/page/icons.png) no-repeat;
    background-position: 0 -4133px;
}


.subnav {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.subnav li {
    margin: 0;
    padding: 0;
}

/*
.subnav li a {
    color: #656565;
    padding: 5px 0 5px 28px;
    background-position: 10px -3281px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}
*/
.subnav li a:hover, .subnav li a.active {
    background-color: #f4f5f6;
    color: #00406e;
    font-weight: 700;
}

.subnav li.last a {
    border-bottom: none;
}

.subnav li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
}

.subnav li ul li {
    margin: 0;
    padding: 0;
}

.subnav li ul li a {
    border-bottom: 0;
    padding: 3px 0 3px 44px;
    background-position: 28px -3283px;
    font-size: 11px;
    background-color: transparent;
}

.subnav li ul li a.active {
    background-color: transparent;
}

.subnav li ul li ul {
    border-bottom: none;
}

.subnav li ul li ul li a {
    padding: 3px 0 3px 55px;
    background-position: 44px -3283px;
}

.subnav li ul li ul li a.active {
    background-color: transparent;
    font-weight: 700;
}

.subnav li ul li ul li ul li a {
    padding: 3px 0 3px 65px;
    background-position: 54px -3283px;
}

.subnav li ul li ul li ul li ul li a {
    padding: 3px 0 3px 75px;
    background-position: 64px -3283px;
}

.footer-top {
    background: #00406e;
    color: #fff;
    /* for Shop
    padding: 40px 0 30px; 
    margin: 30px 0 0;
    */
    padding: 20px 0 20px;
    margin: 20px 0 0;
}

.footer-top .left-footer {
    float: left;
    width: 77%; /* siehe right-footer */
    position: relative;
}

.footer-top .left-footer .footernav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-top .left-footer .footernav li {
    float: left;
    margin: 0 2% 0 0;
    padding: 0;
    font-weight: normal; /* 700 */
    color: #fff;
    width: 70%; /* 31 */
}

.footer-top .left-footer .footernav li a {
    color: #fff;
}

.footer-top .left-footer .footernav li.last {
    margin: 0;
}

.footer-top .left-footer .footernav li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-top .left-footer .footernav li ul li {
    float: none;
    margin: 0 0 6px;
    width: auto;
}

.footer-top .left-footer .footernav li ul li a {
    color: #fff;
    font-weight: 400;
}

.footer-top .left-footer .footernav li ul li a:hover, .footer-top .left-footer .footernav li ul li a.active {
    text-decoration: underline;
}

.footer-top .right-footer {
    float: right;
    width: 23%; /* siehe left-footer */
}


.footer-top .right-footer h1, .footer-top .right-footer h2, .right-footer h3 {
    font-size: 12px;
    margin: 0 0 3px;
    color: #fff;
}

.footer-top .right-footer a {
    color: #fff;
}

.footer-top .right-footer a:hover, .footer-top .right-footer a.active {
    text-decoration: underline;
}

.footer-top .right-footer a.internal-link, .footer-top .right-footer a.external-link-new-window {
    background-position: 0 -4136px;
    padding: 3px 0 5px 10px;
    color: #fff;
}

.refinfo-link {
    cursor: pointer;
    background: url(../html/page/icons.png) no-repeat;
    background-position: 0 -3178px;
    padding: 3px 0 5px 10px;
    font-size: 9pt;
    color: #656565;
}

.refinfo-link a:hover, a.refinfo-link:hover {
    text-decoration: none;
}

.refinfo-link-refnr {
    color: #00406e;
}

.ref-trennzeichen {
    padding: 0 3px 0 3px;
}


.footer-top .right-footer ul {
    margin-left: 0;
}


.footer-bottom {
    position: relative;
}

.footer-bottom .language-switch {
    float: left;
    width: 100px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-bottom .language-switch .language-select a {
    text-indent: -999em;
    display: block;
    width: 20px;
    height: 12px;
}

.footer-bottom .language-switch .language-select a.german {
    background-position: 0 -5435px;
}

.footer-bottom .language-switch .language-select a.english {
    background-position: 0 -4880px;
}

.footer-bottom .to-top {
    float: left;
}

.footer-bottom .footer-meta {
    float: right;
    text-align: right;
    padding-bottom: 15px;
}


.footer-bottom .footer-meta ul {
    list-style: none;
    margin: 0;
    padding: 12px 0;
}

.footer-bottom .footer-meta ul li {
    margin: 0;
    padding: 0 10px;
    float: left;
    border-right: 1px solid #666;
}


.footer-bottom .footer-meta ul li.last {
    border: 0;
    padding: 0 0 0 10px;
}

.footer-bottom .footer-meta ul li a {
    color: #666;
}

.footer-bottom .footer-meta ul li a:hover, .footer-bottom .footer-meta ul li a.active {
    text-decoration: underline;
}

.msf-page .footer-bottom .language-switch {
    display: none;
}


.language-layer-footer ul.language-select {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.language-flag {
    width: 16px;
    height: 11px;
    display: block;
    float: left;
    padding-right: 5px;
    margin-top: 3px;
}

.language-flag-de {
    background-position: 0 -5435px;
}

.language-flag-en {
    background-position: 0 -4880px;
}

.language-flag-fr {
    background-position: 0 -5546px;
}

.language-flag-ru {
    background-position: 0 -8172px;
}

.language-flag-es {
    background-position: 0 -6566px;
}

.language-flag-it {
    background-position: 0 -8061px;
}

.language-flag-mk {
    background-position: 0 -4769px;
}

.language-flag-pl {
    background-position: 0 -8635px;
}

.language-flag-pt {
    background-position: 0 -5324px;
}

.language-flag-ptbr {
    background-position: 0 -5102px;
}

.language-flag-sv {
    background-position: 0 -5657px;
}

.language-flag-me {
    background-position: 0 -7486px;
}

.language-flag-sr {
    background-position: 0 -7950px;
}

.language-flag-cs {
    background-position: 0 -6344px;
}

.language-flag-nl {
    background-position: 0 -7143px;
}

.language-flag-hr {
    background-position: 0 -5768px;
}

.language-flag-ba {
    background-position: 0 -4991px;
}

.language-flag-tr {
    background-position: 0 -5997px;
}

.language-flag-kr {
    background-position: 0 -5213px;
}

.language-flag-cn {
    background-position: 0 -6455px;
}

.language-arrow {
    background-position: 0 -3929px;
    display: block;
    float: right;
    width: 7px;
    height: 11px;
}

.language-layer-header, .language-layer-footer {
    display: none;
    position: absolute;
    width: 982px;
    background: #fff;
    top: 27px;
    z-index: 900;
    border: 1px solid #ccc;
    margin-bottom: 36px; /*Achim*/
    margin-top: 10px; /*Achim*/
}

.language-layer-header.active, .language-layer-footer.active {
    display: block;
}

.language-layer-header .inner, .language-layer-footer .inner {
    padding: 5px 0px 5px 20px; /* 20px */
}

.language-layer-header h3, .language-layer-footer h3 {
    background: #00406e;
    padding: 4px 5px 3px 5px;
    margin-bottom: 6px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    zoom: 1;
}

.language-layer-footer {
    bottom: 0px;
    /*bottom: -19px;*/
    top: auto;
    left: 50%;
    margin-left: -492px;
}

ul.language-select, ul.country-select {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.language-select li, ul.country-select li {
    float: left;
    margin: 0 0 6px;
    width: 170px;
}

ul.language-select li a, ul.country-select li a {
    padding: 0 0 0 25px;
}

ul.language-select li a.german, ul.country-select li a.german {
    background-position: 0 -5434px;
}

ul.language-select li a.english, ul.country-select li a.english {
    background-position: 0 -4879px;
}

ul.language-select li a.french, ul.country-select li a.french {
    background-position: 0 -5545px;
}

ul.language-select li a.russian, ul.country-select li a.russian {
    background-position: 0 -8171px;
}

ul.language-select li a.spanish, ul.country-select li a.spanish {
    background-position: 0 -6565px;
}

ul.language-select li a.polski, ul.country-select li a.polski {
    background-position: 0 -8634px;
}

ul.language-select li a.hrvatski, ul.country-select li a.hrvatski {
    background-position: 0 -5767px;
}

ul.language-select li a.srpski, ul.country-select li a.srpski {
    background-position: 0 -7949px;
}

ul.language-select li a.bosanski, ul.country-select li a.bosanski {
    background-position: 0 -4990px;
}

ul.language-select li a.mazedonski, ul.country-select li a.mazedonski {
    background-position: 0 -4768px;
}

ul.language-select li a.montenegriski, ul.country-select li a.montenegriski {
    background-position: 0 -7485px;
}

ul.language-select li a.italiano, ul.country-select li a.italiano {
    background-position: 0 -8060px;
}

ul.language-select li a.nederlands, ul.country-select li a.nederlands {
    background-position: 0 -7142px;
}

ul.language-select li a.portugues, ul.country-select li a.portugues {
    background-position: 0 -5323px;
}

ul.language-select li a.cesky, ul.country-select li a.cesky {
    background-position: 0 -6343px;
}

ul.language-select li a.svenska, ul.country-select li a.svenska {
    background-position: 0 -5656px;
}

ul.language-select li a.chinese, ul.country-select li a.chinese {
    background-position: 0 -6454px;
}

ul.language-select li a.korean, ul.country-select li a.korean {
    background-position: 0 -5212px;
}

ul.language-select li a.turkish, ul.country-select li a.turkish {
    background-position: 0 -5996px;
}

ul.language-select li.na, ul.country-select li.na {
    display: none;
}

ul.language-select {
    /*border-bottom: 1px solid #e5e5e5;
    margin: 0 0 20px;
    padding: 0 0 10px;*/
}

.language-select-footer {
    font-size: 11px;
    display: inline-block;
    padding: 3px 10px;
    margin-top: 8px;
    cursor: pointer;
    position: relative;
    z-index: 1000;
}

.language-select-footer.active {
    border-top: 1px solid #fff;
}

.language-select-footer .language-name {
    padding: 0 7px 0 0;
}

ul.country-select {
    padding: 0 0 10px;
}


ul.country-select li {
    width: 230px;
}

ul.country-select li a {
    background-repeat: no-repeat;
}

ul.language-select li a {
    background-repeat: no-repeat;
}

.downloadListing {
    list-style: none;
    margin: 0;
}

/*
.downloadListing li {
    background-position: 0 -3284px;
    padding: 3px 0 5px 10px;
    color: #656565;
}
*/
.downloadListing li a {
    background: none;
    padding: 0;
}

a.internal-link,
a.download {
    background-position: 0 -3284px;
    padding: 3px 0 5px 10px;
}

a.download {
    background-position: 0 -3716px;
}

.language-blocker {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.detail-werkzeug-liste {
    list-style-image: url(../html/page/link-arrow.png);
    margin: 0 0 0 15px;
}

.detail-werkzeug-liste li span {
    position: relative;
    left: -5px;
}

.uc-embedding-wrapper span {
    display: none !important;
}