/**************************** ALLGEMEINE SACHEN ****************************************/
body {
    background-color: #E1E1E1;
 
}

#bodyDiv, #bodyDiv_noLeft {
    background-color: #E1E1E1;
    background-image: url('/klickmodell4/images/backgrounds/background_01.jpg;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB');
    background-position: center 140px;
    background-repeat: no-repeat;
    background-attachment: fixed;

}

a.articleLink {
    color: #D51212
;
}

a.articleLink:hover {
    color: #D51212
;
}

ul.mktree a {
    color: #D51212
;
}

ul.mktree a:hover {
    color: #D51212
;
}

body {
    background-color: white
;
}

a {
    color: #D51212
;
}

tr.even td {
    background-color: #f0f0f0
;
}

tr.odd td {
    background-color: #FFFFFF
;
}

input.error, select.error, textarea.error {
    background-color: #FFAAAA
;
    border: 1px solid #B93209
;
    color: white;
}

input[type=checkbox].error {
    background-color: #FFAAAA
;
    border: 1px solid #B93209
;
    color: white;
}

.error {
    color: #B93209
;
}

    /************************************ STD-Tables ********************************************/



#loginHeaderTable {
    background-image: url( /b2b/images/layout/ttservice.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB );
}

#loginTable, #passwordTable, #changePwdTable {
    background-color: #FFAAAA
;
}

#loginTable thead, #passwordTable thead, #changePwdTable thead {
    background-color: #666
;
}

    /********************** MENU links ***************************/

.menuLink * {
    cursor: pointer;
}

.linkbar tr.content td.left {
    background: url( /b2b/images/layout/content_bar_left.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) repeat-y;
    width: 5px;
}

.linkbar tr.content td.right {
    background: url( /b2b/images/layout/content_bar_right.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) repeat-y right;
    width: 12px !important;
}

.linkbar td.left {
    background: url( /b2b/images/layout/bar_left.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB );
    width: 5px;
}

.linkbar td.right {
    background: url( /b2b/images/layout/bar_right.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
    width: 12px !important;
}

.linkbar td.middle {
    background: url( /b2b/images/layout/bar_middle.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) repeat-x;
    width: 180px;
}

.artContent {
    background: url( /b2b/images/layout/background.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB );
}

.artContentBtm {
    background: url( /b2b/images/layout/background_bottom.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
}

.linkbar td.middle a {
    color: black;
    font-weight: bold;
}

.linkbar td.middle a.active {
    color: #D51212;
    font-weight: bold;
}

#articleChooser {
    color: #D51212;
    font-weight: bold;
}

    /********************** HEADER ***************************/

#headerTable {

}

#header_top_right {
    color: white
;
    text-align: right;
}

#header_top_right  a {
    color: white
;
    font-weight: bolder;
    text-decoration: underline;
}

#header_bottom_left a {
    color: #000000
;
}

#header_bottom_left a.active {
    color: #D51212
;
    font-weight: bold;
}

    /********************** HISTORY ***************************/

.historyTable thead td, .historyTable thead th {
    background-color: #666
;
    color: white;
}

#historyHeaderTable {
    background-color: #f0f0f0;
}

thead {
    background-color: #666
;
    color: #FFFFFF
;
}

.availabilityImg {
    margin-top: -1px;
}

.customerAvailability, .avText_av {
    padding: 1px 2px 1px 0;
    margin: 0;
    background-color: #00ff00;
    line-height: 14px;
    text-align: center;
    width: 100%;
}

.customerAvailabilityNA, .avText_na {
    padding: 1px 2px 1px 0;
    margin: 0;
    background-color: red;
    line-height: 14px;
    text-align: center;
    width: 100%;
}

.avText_soon {
    padding: 1px 2px 1px 0;
    margin: 0;
    background-color: yellow;
    line-height: 14px;
    text-align: center;
    width: 100%;
}

.qtyField {
    width: 35px;
    text-align: right;
    padding-right: 2px;
}

#linkDiv a {
    color: white;
    border: 1px solid #808080;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #B7B7B7;
}

#linkDiv a.active {
    color: #ea4444;
}

div.pager div.firstPage, div.pager div.previousPage, div.pager div.nextPage, div.pager div.lastPage {
    width: 18px;
    margin-left: 2px;
    float: left;
}

div.pager div.page {
    width: 18px;
    height: 18px;
    float: left;
    margin-left: 2px;
    text-align: center;
    padding-top: 2px;
    background: url( /b2b/images/icons/pager.gif;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
}

div.pager div.pageXXL {
    width: 30px;
    background: url( /b2b/images/icons/pager2.gif;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
    float: left;
}

div.pager div.page a {
    color: white;
}

div.pager div.page a.active, div.pager div.page a:hover {
    color: #ea4444;
    text-decoration: none;
}

.naviTable {
    background-color: #cccccc;
}

tr.articleRow td {
    vertical-align: top;
}

tr.rowSep td {
    border-bottom: 1px solid #808080;
}

tr.articleRow_last td {
    border: none;
}

table.priceTable tr td {

}

table.availTable tr td {
    border: none;
    text-align: right;
}

#shopTree {
    margin-top: 2px;
    display: block;
    width: 186px;
    border-top: 1px solid black;
}

#shopTree ul.mktree a {
    color: black;
    font-weight: bold;
}

#shopTree ul.mktree a.active {
    color: #D51212;
    font-weight: bold;
}



#articleDetailIFrame {
    border: 2px solid #D51212;
}

#articleDetailHeader {
    background-color: #D51212;
    color: white;
}

#articleDetailHeader .articleDesc {
    margin-left: 10px;
    font-size: 13px;
}

#articleDetailHeader .articleNumber {
    font-size: 13px;
    text-decoration: underline;
}

#articleDetailHeader .close {
    padding-right: 5px;
    float: right;
}

#articleDetailHeader .close a {
    color: white;
}

#articleDetailHeader {
    padding: 2px;
    float: left;
    width: 100%;
    line-height: 15px;
}

#articleDetailHeader div {
    float: left;
}

#articleDetailContent  div {
    float: left;
}

#articleDetailContent .left {
    width: 400px;
    height: 475px;
    overflow: hidden;
    border-right: 1px solid #D51212;
}



#articleDetailContent .right {
    width: 400px;
    height: 550px;
    overflow: hidden;
    float: left;
}

#priceInfoDiv {
    width: 100%;
    height: 100px;
    text-align: right;
    padding-left: 2px;
    padding-top: 2px;
}

#detailDiv {
    width: 100%;
    height: 370px;
    padding-bottom: 2px;
}

#detailDiv .menu {
    padding-left: 2px;
    background: url('/b2b/images/layout/xxx.png';jsessionid=20DC87581C8C778E6C76F1A452CD5FFB') repeat-x;
    height: 22px;
    line-height: 22px;
    width: 100%;
    border-top: 1px solid #D51212;
}

#detailDiv .menu a {
    font-weight: bold;
    color: black;
}

#detailDiv .menu a.active, #detailDiv .menu a:hover {
    font-weight: bold;
    color: #D51212;
}

#detailDiv .content {
    width: 100%;
    height: 347px;
    overflow: auto;
    padding-top: 3px;
    padding-left: 2px;
    padding-bottom: 3px;
}

#articleDetailDiv, #articlePackageDiv, #articleNetDiv, #articleVideoDiv {
    display: none;
    overflow: auto;
}

    /* settings for tabs in shopping cart */
ul#tabnav {
    text-align: left;
    margin: 1em 0 1em 0;
    font: bold 15px verdana, arial, sans-serif;
    border-bottom: 2px solid #bdbdbd;
    list-style-type: none;
    padding: 0px 10px 5px 10px;
}

ul#tabnav li {
    display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2 {
    background-color: #fff;
}

ul#tabnav li a {
    padding: 6px 8px;
    border: 1px solid #bdbdbd;
    border-bottom: none;
    background: #bdbdbd url( /b2b/images/layout/tab_bg.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
    color: #000;
    margin-right: 0px;
    text-decoration: none;
}

ul#tabnav li a.activeTab {
    padding: 6px 8px;
    border: 1px solid #bdbdbd;
    border-bottom: none;
    background: url( /b2b/images/layout/tab_bg_active.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
    color: #000;
    margin-right: 0px;
    text-decoration: none;
    position: relative;
    top: 1px;
}

ul#tabnav li a.activeTabFF {
    padding: 6px 8px;
    border: 1px solid #bdbdbd;
    border-bottom: none;
    background: url( /b2b/images/layout/tab_bg_active.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
    color: #000;
    margin-right: 0px;
    text-decoration: none;
    position: relative;
    top: 2px;
}

ul#tabnav a:hover {
    background: #fff url( /b2b/images/layout/tab_bg_active.png;jsessionid=20DC87581C8C778E6C76F1A452CD5FFB ) no-repeat;
}

#orderData, #orderPositions {
    border: 2px solid #bdbdbd;
    border-top: none;
    margin-top: -15px;
    width: 100%;
}

.miniArticleSearchTable {
    
}

.disable_masking {
    z-index: 6001;
    position: absolute;
    display: none;
}

.closebutton {
    float: right;
    text-decoration: none;
    color: black;
    background-color: white;
    font-weight: bold;
    margin: 1px;
    font-size: 10px;
    margin-bottom: 5px;
}

.mandField {
    font-size: 10px;
    font-weight: bold;
}

table#ac tr td {
    padding-bottom: 5px;
}

.activeLanguage {
    color: #D51212
;
}

.langLink {
    color: #000000
;
}

.palettenHinweis {
    font-weight: bold;
    color: red;
}

input[type=radio], input[type=checkbox] {
    width: auto !important;
    border: none;
    background-color: transparent;
}

.chk, .auto, .radio, .checkbox {
    width: auto !important;
    border: none;
    background-color: transparent;
}

.hint {
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
    color: #008000;
}

div#csvImportHint h3 {
    color: #D51212;
    font-size: 14px;
}

div#csvImportHint {
    width: 300px;
    border: 1px solid #D51212;
    padding: 2px;
}

div#csvImportHint div.text {
    margin: 4px;
}

div#csvImportHint div.text * {
    font-size: 12px;
}