           
/**************************** ALLGEMEINE SACHEN ****************************************/



a.articleLink {
 color: #0078B8
;
 font-weight: bold;
}

a.articleLink:hover {
 color: #0078B8
;
 font-weight: bold;
}

ul.mktree a {
 color: #3a7eae
;
}

ul.mktree a:hover {
 color: #F2B53B
;
}

body {
 background-color: white
;
}

a {
 color: #0078B8
;
}

tr.even td {
 background-color: #f0f0f0
;
}

tr.odd td {
 background-color: #FFFFFF
;
}

input.error, select.error, textarea.error {
 background-color: #3a7eae
;
 border: 1px solid #B93209
;
 color: white;
}

input[type=checkbox].error {
 background-color: #3a7eae
;
 border: 1px solid #B93209
;
 color: white;
}

.error {
 color: #B93209
;
}

/************************************ STD-Tables ********************************************/

#loginHeaderTable {
 background-image: url( /b2b/images/login_logo.png
 );
 background-repeat: no-repeat;
 background-position: center;
}

#loginTable, #passwordTable, #changePwdTable, #loginTableWrp {
 background-color: #E9EBEF
;
}

.loginBody {

}

/************************************ jQueryDialog ********************************************/
.jQueryDialog {
 border: 2px solid #e75f2f
;
 border-top: none;
}

.ui-dialog .ui-dialog-content {
 border: 2px solid #e75f2f
;
 border-top: none;
}

.dialogBody {
 background: white
;
 color: #00378B
;
}

.ui-dialog-content, .ui-dialog-content iframe div {
 color: #00378B
;
}

.ui-widget-header {
 background: #e75f2f
;
 color: #FFFFFF
;
 border: none;
}

.ui-dialog .ui-dialog-title {
 float: none;
 color: #FFFFFF
;
}

.ui-widget-content {
 background: white
;
 border-color: white 
}

.ui-dialog-buttonpane {
 background: url('/admintool/common/jquery-ui/css/ui-darkness/images/ui-bg_glass_20_555555_1x400.png') 50% 50% repeat-x
;
}

.ui-dialog-buttonset .ui-button {
 background: url('/admintool/common/jquery-ui/css/ui-darkness/images/ui-bg_glass_20_555555_1x400.png') 50% 50% repeat-x
;
 border: url('/admintool/common/jquery-ui/css/ui-darkness/images/ui-bg_glass_20_555555_1x400.png') 50% 50% repeat-x
;
}

#loginTable td {

}

#loginTable td a {
 font-weight: bold;
 color: #3a7eae;  
}

#loginTable thead, #passwordTable thead, #changePwdTable thead {
 background-color: #3a7eae
;
}

/********************** MENU links ***************************/

.menuLink * {
 cursor: pointer;
}

#navi_left {
 width: 200px;
 background-color: #f2f2f2;
}

.linkbar tr.content td.left {
 background: url(/b2b/images/layout/content_bar_left.png) repeat-y;
 width: 5px;
}

.linkbar tr.content td.right {
 background: url(/b2b/images/layout/content_bar_right.png) repeat-y right;
 width: 12px !important;
}

.linkbar td.left {
 background: url(/b2b/images/layout/bar_left.png);
 width: 5px;
}

.linkbar td.right {
 background: url(/b2b/images/layout/bar_right.png) no-repeat;
 width: 12px !important;
}

.linkbar td.middle {
 background: url(/b2b/images/layout/bar_middle.png) repeat-x;
 width: 180px;
}

.artContent {
 background: url(/b2b/images/layout/background.png);
}

.artContentBtm {
 background: url(/b2b/images/layout/background_bottom.png) no-repeat;
}

.linkbar td.middle a {
 color: white;
 font-weight: bold;
}

.linkbar td.middle a.active {
 color: #00378b;
 font-weight: bold;
}

#articleChooser.active {
 color: #ffc000;
 font-weight: bold;
}

#articleChooser {
 color: white;
}

/********************** HEADER ***************************/

#headerTable {
 background-image: url( /b2b/images/bild.jpg
 );
}

#header_top_right td, #header_top_right td a {
 color: white;
;
 font-weight: bold;
 font-size: 13px;
 font-style: italic;
}

#header_bottom_left a {
 color: #3a7eae
;
 font-size: 12px;
 font-weight: bold;
}

#header_bottom_left a.active {
 color: #F2B53B
;
 font-weight: bold;
}

/********************** HISTORY ***************************/

.historyTable thead td, .historyTable thead th {
 background-color: #3a7eae
;
 color: white;
}

#historyHeaderTable {
 background-color: #f0f0f0;
}

thead {
 background-color: #3a7eae
;
 color: #FFFFFF
;
}

.availabilityImg {
 margin-top: -1px;
}

.customerAvailability, .avText_av {
 background-color: #00ff00;
 padding: 3px 2px 3px 2px;
 margin: 0;
 line-height: 16px;
 text-align: center;
 width: 100%;
}

.customerAvailabilityNA, .avText_na {
 background-color: red;
 padding: 3px 2px 3px 2px;
 margin: 0;
 line-height: 16px;
 text-align: center;
 width: 100%;
}

.avText_soon {
 background-color: yellow;
 padding: 3px 2px 3px 2px;
 margin: 0;
 line-height: 16px;
 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) no-repeat;
}

div.pager div.pageXXL {
 width: 30px;
 background: url(/b2b/images/icons/pager2.gif) 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: #cadaf1;
}

tr.articleRow td {
 vertical-align: top;
}

tr.rowSep td {
 border-bottom: 1px solid #808080;
}

td.rowSep {
 border-bottom: 1px solid #808080;
}

tr.articleRow_last td {
 border: none;
}

table.priceTable tr td {
 border: none;
}

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: #3a7eae
;
 font-weight: bold;
}

#shopTree ul.mktree a:hover {
 color: #F2B53B
;
 font-weight: bold;
}

#shopTree ul.mktree a.active {
 color: #F2B53B
;
 font-weight: bold;
}

#searchMaskLink {
 color: #3a7eae;
}



#articleDetailIFrame {

}

#articleDetailHeader {
 background-color: #3a7eae;
 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: 300px;
 overflow: hidden;
 border-right: 1px solid #e75f2f;
}

.articleImage {
 margin-top: 2px;
 margin-left: 2px;
 border: 1px solid #EAEAEA;
}

#articleDetailContent .right {
 width: 400px;
 height: 300px;
 overflow: hidden;
 float: left;
}

#priceInfoDiv {
 width: 100%;
 height: 100px;
 text-align: right;
 padding-left: 2px;
 padding-top: 2px;
}

#detailDiv {
 width: 100%;
 padding-bottom: 2px;
}

#detailDiv .menu {
 padding-left: 2px;
 background: url('/b2b/images/layout/xxx.png') repeat-x;
 height: 22px;
 line-height: 22px;
 width: 100%;
 border-top: 1px solid #e75f2f;
}

#detailDiv .menu a {
 font-weight: bold;
 color: black;
}

#detailDiv .menu a.active, #detailDiv .menu a:hover {
 font-weight: bold;
 color: #3a7eae;
}

#detailDiv .content {
 width: 100%;
 height: 170px;
 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) 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) 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) 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) no-repeat;
}

#orderData, #orderPositions {
 border: 2px solid #bdbdbd;
 border-top: none;
 margin-top: -15px;
 width: 100%;
}

.miniArticleSearchTable {
 color: darkblue;
}

.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 {
 font-weight: bold;
 color: #F2B53B
;
}

.langLink {
 color: white
;
}

.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;
}

div.auto_complete {
 width: 350px;
 background: #f2f2f2;
 text-align: left;
}

div.auto_complete ul {
 border: 1px solid #e75f2f;
 margin: 0;
 padding: 0;
 width: 100%;
 list-style-type: none;
 color: black;
 font-weight: normal;
}

div.auto_complete ul li {
 margin: 0;
 padding: 3px;
 line-height: 12px;
}

div.auto_complete ul li.selected {
 background-color: #bde2f5;
}

div.auto_complete ul strong.highlight {
 color: #064da5;
 margin: 0;
 padding: 0;
 font-weight: bold;
}

#catalogtree {
/*border-right:1px solid #FEFEFE;*/
}

#catalogtree ul, #subnavi li {
 padding: 0;
 margin: 0;
 list-style: none;
}

#catalogtree li a {
 line-height: 20px;
 height: 20px; /*display:block;*/
 padding-left: 5px; /*text-transform:uppercase;*/
/*background-color:#4D4D4D;*/
 color: #00378b;
}

#catalogtree li.level_1.active a {
 font-weight: bold;
 color: #e75f2f;
}

#catalogtree li.level_2 a {
 padding-left: 10px;
 line-height: 15px; /*background-color:#969696;*/
 font-weight: normal;
}

#catalogtree li.level_2.active a {
/*background-color:#FEFEFE;*/
 font-weight: bold;
 color: #e75f2f;
}

#catalogtree li.level_3 a {
 padding-left: 20px;
 line-height: 15px; /*border-left:1px solid #FEFEFE;*/
/*background-color:#C8C8C8;*/
}

#catalogtree li.level_3.active a {
 font-weight: bold;
 color: #e75f2f;
}

#catalogtree li.level_4 a {
 padding-left: 30px;
 line-height: 15px; /*border-left:1px solid #FEFEFE;*/
/*background-color:#C8C8C8;*/
}

#catalogtree li.level_4.active a {
 font-weight: bold;
 color: #e75f2f;
}

#catalogtree li.level_5 a {
 padding-left: 40px;
 line-height: 15px; /*border-left:1px solid #FEFEFE;*/
/*background-color:#C8C8C8;*/
}

#catalogtree li.level_5.active a {
 font-weight: bold;
 color: #e75f2f;
}

div.productGroup {
 margin-left: 2px;
 margin-top: 3px;
 background-color: #00378b;
 float: left;
 border-left: 1px solid #696969;
 border-top: 1px solid #696969;
 border-right: #00378b;
 padding: 1px;
 text-align: center;
 cursor: pointer;
}

div.productGroup div.groupName {
 margin-top: 10px;
 font-weight: bolder; /*text-transform: uppercase;*/
}

div.productGroup div.groupName a {
 color: #fff;
 font-size: 12px;
 font-style: italic;
}

div.productGroup div.groupPic {
 margin-top: 5px;
}

#main {
 background: url(/b2b/images/bg_left_grau.png) repeat-y;
}

#mainHeader {
 background: url(/b2b/images/bg_leiste_grau.png) no-repeat;
}

#mainTabs div a {
 float: left;
 text-transform: uppercase;
 text-align: center;
 font-weight: bold;
 font-style: italic;
 color: white;
 font-size: 13px;
 width: 105px;
 height: 22px;
 line-height: 22px;
 background-image: url('/b2b/images/layout/menu_btn2.png')
}

#mainTabs div a.active {
 float: left;
 text-transform: uppercase;
 text-align: center;
 font-weight: bold;
 font-style: italic;
 color: #00378b;
 font-size: 13px;
 width: 105px;
 height: 22px;
 line-height: 22px;
 background-image: url('/b2b/images/layout/menu_btn_act.png')
}

#header_bottom_left, #header_bottom_left div {
 text-transform: uppercase;
 font-weight: normal;
 color: #00378b;
 height: 22px;
 line-height: 22px;
 font-size: 16px;
 background-image: url('/b2b/images/layout/bg_bar_orange.png');
}

#header_bottom_left a {
 font-weight: bold;
 font-style: italic;
 color: white;
 font-size: 13px;
 padding-left: 10px;
 padding-right: 10px;
}

#header_bottom_left a.active {
 font-weight: bold;
 font-style: italic;
 color: #00378b;
 font-size: 13px;
 padding-left: 10px;
 padding-right: 10px;
}

#header_bottom_right {
 text-transform: uppercase;
 font-weight: bold;
 color: white;
 height: 22px;
 line-height: 22px;
 font-size: 12px;
 background-image: url('/b2b/images/layout/bg_bar_orange.png');
}

#header_bottom_right a {
 font-style: italic;
 color: white;
 font-size: 12px;
 padding-left: 10px;
 padding-right: 10px;
}

#header_bottom_right a.active {
 font-style: italic;
 color: #00378b;
 font-size: 12px;
 padding-left: 10px;
 padding-right: 10px;
}

#header_bottom_right a.disabled {
 font-style: italic;
 color: #cccccc;
 font-size: 12px;
 padding-left: 10px;
 padding-right: 10px;
}

#ajaxAnfrageLink a {
 font-style: italic;
 font-weight: bold;
 font-size: 13px;
 color: #e75f2f;
 text-transform: uppercase;
}

#footer {
 border-bottom: 1px solid #e75f2f;
 background-color: white;
 color: black;
}

.sitemapRoot {
 padding-left: 10px;
 font-weight: bold;
 color: #00378b;
}

.sitemapRoot a {
 color: #00378b;
}

.sitemapElem, .sitemapElem a {
 padding-left: 20px;
 color: #00378b;
}

/* File-Listing */
#fileListing * {
 font-size: 10px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
}

#fileListing a {
 padding-left: 2px;
}

.titleRow td {
 font-weight: bold;
 background-color: orange;
 padding: 3px;
 border-bottom: 1px solid gray;
}

.fileRow.last td {
 padding-bottom: 10px;
}

.articleTable {
 table-layout:fixed;
}

.articleTable th {
 text-align: left;
 vertical-align: bottom;
}

.priceCell {
 border: 1px solid white;
}

/* userSettings.htm */
#userSettingsDiv td a {
 font-weight: bold;
}

#userSettingsDiv .highRow {
 height: 22;
}

#userSettingsDiv .hint {
 font-weight: bold
}

.userSettingsHeaderLabel {
 text-decoration: underline;
}

.userSettingsValue {
 font-weight: bold;
}

/* customerDetail.htm */
#customerDetailDiv td a {
 font-weight: bold;
}

#customerDetailDiv .linefinder th {
 color: #ffffff;
 background-color: #00378B;
}

#customerDetailDiv .linefinder tr.even td {
 background-color: #e1e8f4;
}

#customerDetailDiv .linefinder tr.odd td {
 background-color: #ffffff;
}

/* customerSearch.htm */
#customerSearchDiv * {
 color: #00378B;
}

#customerSearchDiv div.pager div.page a.active, div.pager div.page a:hover {
 color: #ea4444;
 text-decoration: none;
}

#customerSearchDiv .error {
 color: #B93209
;
}

#customerSearchDiv th {
 color: #ffffff;
 background-color: #00378B;
 text-align: left;
}

#customerSearchDiv tr.even td {
 background-color: #e1e8f4;
}

#customerSearchDiv tr.odd td {
 background-color: #ffffff;
}

#userActivationDiv .error {
 color: #B93209
;
}

#userActivationDiv th {
 color: #ffffff;
 background-color: #00378B;
 text-align: left;
}

#userActivationDiv tr.even td {
 background-color: #e1e8f4;
}

#userActivationDiv tr.odd td {
 background-color: #ffffff;
}

.commonLinks a.active {
 text-decoration: underline;
}


.formMailTable {
 margin-left: 10px;
}

.formMailTable td.paramKey {
 font-weight: bold;
}

