















/**************************** ALLGEMEINE SACHEN ****************************************/



a.articleLink {
    color: #000000
;
    font-weight: bold;
}

li.schnellsucheAnfrage {
    text-align: right;
}

li.schnellsucheAnfrage span {
    color: #ea4444;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}

a.articleLink:hover {
    color: #000000
;
    font-weight: bold;
}

ul.mktree a {
    color: #000000
;
}

ul.mktree a:hover {
    color: #000000
;
}

body {
    background-color: 
;
    color: #000;
}

a {
    color: #000000
;
}

thead, th {
	background-color: #999!important;
}

tr.even td {
    background-color: #f0f0f0
;
}

tr.odd td {
    background-color: #FFFFFF
;
}

.evenRow {
    background-color: #f0f0f0
;
}

.oddRow {
    background-color: #FFFFFF
;
}

input.error, select.error, textarea.error {
    background-color: #0073BC
;
    border: 1px solid #e52b38
;
    color: white;
}

input[type=checkbox].error {
    background-color: #0073BC
;
    border: 1px solid #e52b38
;
    color: white;
}

.error {
    color: #e52b38
;
    font-style:italic;
    font-weight:bold;
}

input[type="button"], input[type="submit"], button, .button {
    background: #e72b37 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    border: none;
}

/************************************ STD-Tables ********************************************/

#loginHeaderTable {
    background-image: url( /b2b/images/login_logo.png
 );
    background-repeat: no-repeat;
    background-position: center;
}

#loginTable, #passwordTable, #changePwdTable, #loginTableWrp {
    background-color: #fff;
    padding: 0 2px;
}

.loginBody {
}

#loginTable input[type="button"], #loginTable input[type="submit"], #loginTable button, #loginTable .button {
    padding: 5px 15px;
}

#passwordTable input[type="button"], #passwordTable input[type="submit"], #passwordTable button, #passwordTable .button {
    padding: 5px 15px;
}

#changePwdTable input[type="button"], #changePwdTable input[type="submit"], #changePwdTable button, #changePwdTable .button {
    padding: 5px 15px;
}

/************************************ 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: #000000
;
}

.ui-dialog-content, .ui-dialog-content iframe div {
    color: #000000
;
}

.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 a {
    color: #333;
    text-decoration: underline;
}

#loginTable thead, #passwordTable thead, #changePwdTable thead {
    background-color: #0073BC
;
}

/********************** MENU links ***************************/

.menuLink * {
    cursor: pointer;
}

#navi_left {
    width: 150px;
    background-color: #ccc;
}

.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: #343434;
;
    font-weight: bold!important;
    font-size: 12px;
}

#header_bottom_left a {
    color: #0073BC
;
    font-size: 12px;
    font-weight: bold;
}

#header_bottom_left a.active {
    color: #F2B53B
;
    font-weight: bold;
}

/********************** HISTORY ***************************/
#orderHistoryTable {
    margin: 15px 0 0 0;
    background: #eee;
    padding: 10px 5px;
}

#orderHistoryTable td {
    font-style: normal;
    color: #000;
}

#addressSearchTable {
    margin: 0 0;
    background: #eee;
    padding: 0 5px 10px 5px;
}


.historyTable thead td, .historyTable thead th {
    background-color: #0073BC
;
    color: white;
}

#historyTable {
    margin-top: 15px;
}

#historyTable thead td {
    background-color: #bbb !important;
    color: #000;
    font-size: 12px;
    font-weight: bold !important;
    padding: 5px 5px;
    vertical-align: middle;
}

#historyHeaderTable {
    background-color: #f0f0f0;
}

#historyTable tr.positionen td, #historyTable tr.positionen td a {
    font-style: italic;
    color: #000;
}

#historyTable tr.even td {
    background: #f0f0f0;
}

#historyTable tr.odd td {
    background: #fff;
}

#historyTable td {
    padding: 5px 5px;
}

#historyTable td div {
    padding: 2px 0;
}

#historyTable td a {
    color: #e72b37;
    font-weight: bold;
}

#historyTable td a:hover {
    text-decoration: underline;
}

/********************** Search ***************************/
#searchForm table {
	margin: 20px 0;
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 5px 10px 10px 10px;
}

#searchForm table .paragraphTitle {
	margin: 0;
    padding: 0;
}

#searchForm table.oben{
	border-bottom: none;
    margin-bottom: 0;
}

#searchForm table.mitte{
	border-top: none;
	border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
}

#searchForm table.unten{
	border-top: none;
    margin-top: 0;
    padding-top: 5px;
}

#searchForm table.suche h3, #articleGroupAttributes h3 {
	margin-bottom: 10px;
}


.webContent .scTable {
	margin-top: 20px;
}

.webContent .scTable h3 {
    font-weight: normal;
}

thead {
    background-color: #0073BC
;
    color: #FFFFFF
;
}

div.avImg, div.avText {
	float: left;
    margin-left:10px;
}

div.avText {
    margin-left:5px;
    margin-top: -2px;
}

.customerAvailabilityNA, .vhfAvText_na, .vhfAvText_soon, .vhfAvText_av {
    background-color: none;
    line-height: 16px;
    text-align: left;
    display: inline;
}

.avText .vhfAvText_av {
    margin-left: 5px;
}

@-moz-document url-prefix() {
    .avText .vhfAvText_av {
        position: relative;
        top: 4px;
    }
}

.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: #eee;
    color: #000;
    margin-top: 25px;
}

.naviTable tr {
    height: 26px;
}

.naviTable th {
    background: #999;
    padding: 5px 5px;
}

.naviTable td.textRight {
    padding-right: 5px;
}

tr.articleRow {
    height: 95px;
}

tr.articleRow td {
    vertical-align: top;
    padding: 5px;
}

tr.rowSep td {
    border: none;
}

td.rowSep {
    border: none;
}

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: #000000
;
    font-weight: bold;
}

#shopTree ul.mktree a:hover {
    color: #000000
;
    font-weight: bold;
}

#shopTree ul.mktree a.active {
    color: #000000
;
    font-weight: bold;
}

#searchMaskLink {
    color: #000;
    text-decoration: underline;
    margin: 10px 0 20px 0;
    display: block;
}

#paymentInfo {
    color: darkgreen;
}



#articleDetailIFrame {

}

#articleDetailHeader {
    background-color: #0073BC;
    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 #e52b38;
}

.articleImage {
    margin-top: 2px;
    margin-left: 2px;
    border: 1px solid #EAEAEA;
    margin: 0;
}

#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 #e52b38;
}

#detailDiv .menu a {
    font-weight: bold;
    color: black;
}

#detailDiv .menu a.active, #detailDiv .menu a:hover {
    font-weight: bold;
    color: #0073BC;
}

#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-top: none;
    width: 100%;
    display: none;
    background-color: white;
}

#orderData {
    margin-bottom: 15px;
}

.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: #000000
;
}

.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 #e52b38;
    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: #c7e6f7;
}

div.auto_complete ul strong.highlight {
    color: #006fb4;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

#catalogtree {
}

#catalogtree div, #subnavi div {
    padding: 0;
    margin: 0;
}

#catalogtree div a {
    line-height: 20px;
	padding-left: 0; /*text-transform:uppercase;*/
/*background-color:#4D4D4D;*/
    color: #000;
    font-size: 12px;
}

#catalogtree div.level_1 {
	margin-top: 5px;
}

#catalogtree div.level_1.active a {
    font-weight: bold;
    color: #e52b38;
    font-size: 12px;
}

#catalogtree div.level_1 a {
    font-size: 12px;
    font-weight: bold;
}

#catalogtree div.level_1 div.description, #catalogtree div.level_1.active div.description {
    padding-left: 5px;
    padding-top: 1px;
    width: 175px;
}

#catalogtree div.level_2 {
	padding-top: 1px!important;
    margin-left: 5px;
	font-weight: normal;
    font-size: 12px;
    margin-bottom: 2px;
    border-bottom: 1px solid #ccc;
}

#catalogtree div.level_2.active {
	border-bottom: none;
}

#catalogtree div.level_2.active a {
    font-weight: bold;
    color: #e52b38;
}

#catalogtree div.level_2 div.description, #catalogtree div.level_2.active div.description {
    padding-left: 4px;
    padding-top: 1px;
    width: 165px;
}

#catalogtree div.level_3 {
    margin-left: 15px;
    margin-bottom: 2px;
    padding-top: 0px!important;
    border-bottom: 1px solid #fff;
}

#catalogtree div.level_3.active {
    border-bottom: none
}

#catalogtree div.level_3.active a {
    font-weight: normal;
    color: #e52b38;
}

#catalogtree div.level_3 div.description, #catalogtree div.level_3.active div.description {
    padding-left: 4px;
    padding-top: 1px;
    width: 155px;
}

#catalogtree div.level_4 {
    margin-left: 25px;
    padding-top: 0px!important;
}

#catalogtree div.level_4 a {
    line-height: 16px;
}

#catalogtree div.level_4.active a {
    font-weight: normal;
    color: #e52b38;
}

#catalogtree div.level_4 div.description, #catalogtree div.level_4.active div.description {
    padding-left: 4px;
    padding-top: 1px;
    width: 145px;
}

#catalogtree div.level_5 {
    padding-left: 40px;
 /*background-color:#C8C8C8;*/
}

#catalogtree div.level_5.active a {
    font-weight: bold;
    color: #e52b38;
}

#catalogtree div.level_5 div.description, #catalogtree div.level_5.active div.description {
    padding-left: 2px;
    width: 135px;
}

div.productGroup {
    margin-top: 25px;
    background-color: #fff;
    float: left;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 455px!important;
}

div.productGroup:hover {
    background-color: #eee;
}

div.productGroup img {
    border-radius: 6px;
}

div.roundButton {
    width: 190px;
    padding: 5px 5px;
    cursor: pointer;
    background: #e72b37;
    color: #fff;
}

div.roundButton div.description {
    font-size: 12px;
    padding: 0 15px;
}

div.roundButton div.action {
    font-size: 12px;
    font-weight: bold;
    padding: 0 15px;
}

div.roundButton.buttonStore {
    width: auto;
}

div.roundButton.buttonCart {
    background-image: none;
    width: auto;
}

div.roundButton.buttonCartCopy {
    width: auto;
}

div.roundButton.buttonCartShift {
    width: auto;
}

div.roundButton.buttonWishlist {
    width: auto;
}

div.roundButton.singleLine {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px;
    cursor: pointer;
    background: #e72b37;
    color: #fff;
    text-align: center;
}

div.roundButton.reset {
    background: #999;
    font-weight: normal;
}

div.roundButton.right {
    text-align: right;
}

div.roundButton.center {
    text-align: center;
}

div.roundButton.zurueck {
    background: #eee;
    color: #666;
}

div.productGroup div.groupName {
    margin-top: 10px;
    font-weight: bolder;
    margin-bottom: 5px;
    white-space: normal!important;
}

div.productGroup div.groupName a {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none!important;
}

div.productGroup:hover div.groupName a {
    text-decoration: underline!important;
}

div.productGroup div.groupDesc {
    color: #000;
    font-size: 12px;
}

div.productGroup div.groupDesc p {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

div.productGroup div.groupPic {
}

#mainPicDiv {
    margin-top: 15px;
}

#mainTabs div {
    border: 1px solid #fff;
}

#mainTabs div a {
    float: left;
    display: block;
    text-align: center;
    font-weight: normal;
    border-right: none;
    border-bottom: none;
    color: white;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    background-image: url('/b2b/images/layout/subnavi_link_bg.png;jsessionid=79E1C85E2801ED8F03EAA76E3877F21C');
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#mainTabs div a.active {
    color: #000;
    font-weight: bold;
    background-color: #fff;
    background-image: none;
}

#mainTabs div a.last {
}

div.mainNav, div.mainNav a {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-left: 2px;
}

div.midNav, div.midNav a {
    font-weight: bold;
    font-size: 12px;
    padding-top: 15px;
    margin-left: 2px;
}

div.midNav a.active {
    color: #e52b38;
}

#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: #e52b38;
    text-transform: uppercase;
}

#footer {
    border-bottom: 1px solid #e52b38;
    background-color: white;
    color: black;
}

#footer p {
    padding:0; margin:0;
}

.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;
}

.articleTable table td a {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}

.articleTable table td a:hover {
    color: #e72b37;
    font-weight: normal;
    text-decoration: underline;
}

.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: #e52b38
;
}

#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: #e52b38
;
}

#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;
}

.subMenu {
    padding-bottom: 20px;
}

.subMenu div a, .subMenu div {
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding-right: 20px;
}

.subMenu div a:hover {
	text-decoration: underline;
}

.subMenu div a.active {
	text-decoration: underline;
}

#myMiniCartDiv {
    width: 200px;
    border: 2px solid #bebebe;
    background-color: #fff;
    color: #000;
    padding: 0 0 10px 0;
    font-weight: normal;
    display: none;
    position: absolute;
    top: 80px;
    left: auto;
    margin-left: -140px;
    z-index: 999;
    float: left;
}

#myMiniCartDiv a, #myMiniCartDiv td {
    color: black;
    font-weight: normal!important;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    padding: 5px 6px!important;
}

#myMiniCartDiv div.mcHeader {
    background-color: #eee;
    color: #000;
    padding: 5px 6px;
    font-weight: bold;
    height:23px;
    line-height: 23px;
    font-size: 12px;
}

#myMiniCartDiv div.mcHeader img {
    margin-top: 1px!important;
}

#myMiniCartDiv .mcFooter {
    font-size: 12px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    display: inline-block;
    width: 150px;
}

#myMiniCartDiv .mcFooter hr {
    display: none;
}

#myMiniCartDiv .mcFooter a {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    display: block;
    background: #e72b37;
    text-align: center;
}

#direktBestellungTable .header {
    background-color: #eee;
    color: #000;
    padding: 5px 6px;
    font-weight: bold;
    height:23px;
    line-height: 23px;
    font-size: 12px;
}

#direktBestellungTable .header a img {
    margin-top: 5px!important;
    margin-right: 4px!important;
}

#direktBestellungTable td {
    color: #000;
}

#direktBestellungDiv {
    left: 50%!important;
    margin-left: -590px!important;
    margin-top: 20px;
    border: 2px solid #bebebe;
    width: 300px;
    z-index: 100;
    background-color: #fff;
}

/* DataTable - STYLES */
.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}

.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('../images/back_enabled.png') no-repeat top left;
}

.paginate_enabled_previous:hover {
    background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('../images/forward_enabled.png') no-repeat top right;
}

.paginate_enabled_next:hover {
    background: url('../images/forward_enabled_hover.png') no-repeat top right;
}

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * DataTables display
    */
table.articlesTable {
    margin: 30px 0 0 0;
    clear: both;
    width: 100%;
}

table.articlesTable thead th {
    padding: 5px 20px 5px 5px;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
    *cursor: hand;
    background-color: #bbb;
    color: #000;
    vertical-align: top;
}

table.articlesTable thead th.sorting_disabled {
    padding: 5px 0 5px 0!important;
    text-align: center!important;
}

table.articlesTable thead th div {
    font-size: 10px;
}

table.articlesTable thead td {
    background-color: #999;
    color: #000;
    font-weight: bold;
}

table.articlesTable thead td input {
    border: 1px solid #444444;
}

table.articlesTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid #444444;
    font-weight: bold;
}

table.articlesTable tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.articlesTable td {
    padding: 3px 8px;
}

table.articlesTable td.center {
    text-align: center;
}

table.articleTable {
    margin-top: 15px;
}


table.articleTable thead th {
    padding: 5px;
    font-weight: bold!important;
    font-size: 12px;
    background-color: #999!important;
    color: #fff;
    vertical-align: middle;
}

table.merkzettel .avImg {
    margin-left: 1px!important;
    margin-bottom: 11px;
}


    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * DataTables sorting
    */

.sorting_asc {
    background: url('../../b2bbasic/images/icons/dataTables/sort_asc.png') no-repeat center right;
    background-color: #999;
}

.sorting_desc {
    background: url('../../b2bbasic/images/icons/dataTables/sort_desc.png') no-repeat center right;
    background-color: #999;
}

.sorting {
    background: url('../../b2bbasic/images/icons/dataTables/sort_both.png') no-repeat center right;
    background-color: #999;
}

.sorting_asc_disabled {
    background: url('../../b2bbasic/images/icons/dataTables/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../../b2bbasic/images/icons/dataTables/sort_desc_disabled.png') no-repeat center right;
}

th:active {
    outline: none;
}

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * DataTables row classes
    */

table.articlesTable tr.odd {
    background-color: #E7E7E7;
}

table.articlesTable tr.even {
    background-color: #D2D2D2;
}

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Misc
    */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}

table.articlesTable tr.even.row_selected td {
    background-color: #B0BED9;
}

table.articlesTable tr.odd.row_selected td, table.articlesTable tr.even.row_selected td {
    background-color: #9FAFD1;
}

    /*
    * Sorting classes for columns
    */
/* For the standard odd/even */
tr.odd td.sorting_1 {
    background-color: #eee;
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_1 {
    background-color: #ddd;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}

    /*
    * Row highlighting example
    */
.ex_highlight #articlesAttrTable tbody tr.even:hover, #articlesAttrTable tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}

.ex_highlight #articlesAttrTable tbody tr.odd:hover, #articlesAttrTable tbody tr.odd td.highlighted {
    background-color: #E6FF99;
}

.ex_highlight_row #articlesAttrTable tr.even:hover {
    background-color: #ECFFB3;
}

.ex_highlight_row #articlesAttrTable tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
}

.ex_highlight_row #articlesAttrTable tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
}

.ex_highlight_row #articlesAttrTable tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
}

.ex_highlight_row #articlesAttrTable tr.odd:hover {
    background-color: #E6FF99;
}

.ex_highlight_row #articlesAttrTable tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
}

.ex_highlight_row #articlesAttrTable tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
}

.ex_highlight_row #articlesAttrTable tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
}

    /*
    * KeyTable
    */
table.KeyTable td {
    border: 3px solid transparent;
}

table.KeyTable td.focus {
    border: 3px solid #3366FF;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}

.hint {
    font-weight: bold;
    font-size: 14px;
    color: #e52b38;
}

.productId {
    color: #000;
    font-weight: normal;
}

.hidden {
    display: none;
}

#searchProfileInfos div {
    color: #e72b37;
    font-size: 12px;
    padding: 1px 1px;
}

#searchProfileInfos div.active {
    color: #e52b38;
}

#searchProfileInfos div.title {
    font-weight: bold;
    margin-top: 3px;
    font-size:12px;
}

#searchProfileInfos div.searchProfileParagraph {
    margin-top: 5px;
}

div.mainPicDesc {
    font-style: italic;
    font-size: 13px;
    padding-top: 2px;
}

.articleDetailDesc {
    font-size: 13px;
}

.merkmalCheckbox {
	float: left;
	width: 20%;
	height: 20px;
}

#articleGroupAttributes {
	border: 1px solid #ddd;
	margin-top: 20px;
	background: #fafafa;
	padding: 5px;
	padding: 5px 10px 10px 10px;
}

#articleGroupAttributes > form > div > div {
	width: 50%;
	float: left;
}

#articleGroupAttributes > form > div > div > div > .roundButton {
	float: left;
	margin-right: 60px;
	bottom:0;
}

#articleGroupAttributes > form > div > #filterOptions {
	margin-top: 10px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.naviTableHeader {
    height: 26px;
    padding: 0;
}

#search_input {
    width: 180px;
    height: 20px;
    padding-left: 5px;
    font-size: 13px;
    background: url('/b2b/images/icons/magnifier.png;jsessionid=79E1C85E2801ED8F03EAA76E3877F21C') no-repeat 166px top #fff;
    border: 1px solid #999;
}

.dialogWaiting {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 50%!important;
    left: 50%!important;
    margin-left: -140px;
    width: auto;
    height: auto;
    background-color: #e72b37;
    border: none;
    padding: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.dialogCartUpdated {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    margin-left: -140px;
    width: auto;
    height: auto;
    background-color: #e72b37;
    border: none;
    padding: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.dialogCartUpdateFailed {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    margin-left: -140px;
    width: auto;
    height: auto;
    background-color: #e72b37;
    border: none;
    padding: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

div.productDesc, a.productDesc {
    font-size: 12px;
}

div#groupText p {
    margin: 3px 0 0;
}

.articleDetailDesc a {
    font-size: 13px;
    color: #e52b38;
}

.auftragsStatus {
    color: #333;
    font-style: italic;
}

.bezahlStatus {
    color: #333;
    font-style: italic;
}

.auftragsArt {
    color: #333;
    font-style: italic;
}

.kundenbestellNr {
    color: #333;
    font-style: italic;
}

.header1 {
    font-weight:bold;
}

.sucheErweitert {
    font-weight: bold;
    font-size: 12px;
}

.orderIcon {
    cursor: pointer;
}



#logo {
    left: 1.125em;
    position: absolute;
    top: 3.75em;
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
    float: right;
    position: relative;
    right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    float: right;
    position: relative;
    right: -50%;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    display: table;
    margin: 0;
}
figure {
    margin: 0;
}
tf article, content-right, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

#nav-help a.print {
    background: url("/b2b/images/icons/printer.png;jsessionid=79E1C85E2801ED8F03EAA76E3877F21C") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 24px;
    padding-left: 34px;
    width: auto;
}



#nav-help a {
    color: #666;
    float: left;
    font-size: 13px;
    margin-left: 10px;
    padding: 0 5px;
}

header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
    width: 100%;
}
tf article, content-right, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #666;
    color: #fff;
    text-shadow: none;
}

#header-inner {
    clear: both;
    height: 166px;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

#nav-top {
    background: none;
    left: 0;
    padding: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
nav {
    float: left;
    line-height: 1.4em;
}

#nav-top ul {
    margin: 0 0 0 170px;
    width: 100%;
}
nav ul {
    list-style-type: none;
}
#nav-top ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0;
    padding: 8px 0;
}

#nav-top ul li.first {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
nav ul li {
    display: inline;
    font-size: 0.7em;
    padding: 0 0.75em;
}

#nav-top ul li a {
    color: #ddd;
    font-size: 1.35em;
    font-weight: normal;
    padding: 10px 30px;
}

#nav-top ul li a:hover {
}

#nav-top ul li a:hover, #nav-top ul li:hover a {
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    
}

#nav-help {
    display: block;
    float: right;
    margin: 0.65em 1.5em 0 2em;
}

nav ul li a {
    color: #666;
}

header #search {
    float: right;
    margin: 0.55em 2.5em 0.5em 0.55em;
}

header #search #inputText {
    background: -moz-linear-gradient(center top , #ebebeb 0%, #ffffff 58%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b6b6b6;
    color: #333;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 0.85em;
    padding: 0.15em 0.25em;
    width: 20em;
}

header #search button, input {
    line-height: normal;
}
heeader #search button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

header #search #inputButton {
    background: url("/b2b/images/icons/magnifier.png;jsessionid=79E1C85E2801ED8F03EAA76E3877F21C") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0 0 0 0.3em;
    padding: 0;
    text-indent: -9999px;
    width: 1.063em;
}

#language {
    float: right;
    line-height: 0;
    margin-right: 5px;
    margin-top: 20px;
}

#language a.active {
    background: none repeat scroll 0 0 #ccc;
    color: #666;
}
#language a {
    color: #666;
    font-size: 13px;
    margin-left: 10px;
    padding: 3px 5px 2px;
}

#search fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#nav-top li ul {
    left: -999em;
    position: absolute;
}

#ui-datepicker-div {
    display:none;
}