﻿
body 
{
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
    font-family:Verdana !important;
    font-size:12px;
    /*
    background-image:url('images/bg-middle.gif');*/
    behavior: url("csshover3.htc");
}
*
{
    font-family:Verdana !important;
}

.valignmiddle
{
    vertical-align:middle;
}
.mainLoginBoxWrapper
{
    height:120px;
}
#mainLoginBox {
  position: relative;
  margin: 8px 0 0 0;
  /*
  background-image: url('/images/btnLoginBg.png');*/
  width: 211px;
  padding: 13px 0 0 20px;
  height: 62px;
}
#mainLoginBox input {
  font-size: 11px;
  padding: 0;
  margin: 0;
  height: 14px;
  width: 175px !important;
}
.passwordBox {
  margin-top: 5px;
}
#loginButton {
}


img, div, ul, li
{
    behavior:url("iepngfix.htc");
    border:0 none;
}

h1
{
    font-size:15px;
    color:#000;
    text-transform:uppercase;
}

h2
{
    font-size:13px;
    color:#000;
    text-transform:uppercase;
}

h3
{
    font-size:12px;
}

a, a:link, a:visited, a:active
{
    color:#000000;
    text-decoration:none;    
}
a:hover
{
    color:#000000;
    text-decoration:underline;    
}

.yellowBg
{
    /*
    background-image:url('images/th-bg.gif');
    background-repeat:repeat-x;
    background-color:#ffd205;*/
}

.yellowBg350
{
    /*
    background-image:url('images/yellow-bg-350.gif');
    background-repeat:repeat-x;
    background-color:#ffd205;*/
}


table.noui > tr, table.noui > tbody > tr,
table.noui > tr > th, table.noui > tr > td,
table.noui > tbody > tr > th, table.noui > tbody > tr > td
table.noui > tr > td.alt, table.noui > tbody > tr > td.alt 
{
    background-color:transparent;
}
table.noui
{
    background-image:none;
    background-color:transparent;
}

    table.noui tr:hover td, table.outertable tr:hover td {
        background-image: none;
        background-color: transparent;
    }

table
{
    /*
    background-image:url('images/table-bg.gif');
    background-repeat:repeat-x;
    background-color:#e7e7e7;*/
}

td
{
    border-top:2px solid #ffffff;
}

th, .th
{
    /*
    background-image:url('images/th-bg.gif');
    background-repeat:repeat-x;
    background-color:#ffd205;*/
} 

th, td
{
    vertical-align:top;
    padding-right:8px;
}

tr:hover td
{
    /*
    background-color:#fff2b5;
    background-image:none;*/
}

table.noui th, table.noui td
{
    padding-right:1px;
}

table.noui td
{
    border-top:0px none;
}

table.noborder tr td, tr.noborder td, td.noborder
{
    border-top:0px none;
} 

table.extremeui td, tr.extremeui td, td.extremeui
{
    border-right:2px solid #ffffff;
    padding-right:2px;
    padding-left:2px;
}

/*
td, td.noalt
{
    background-color:#f3f3f3;
    padding:4px;
}

tr.alt td, td.alt
{
    background-color:#eaeaea;
}*/

.Filter_LetterButton
{
    display:block;
    float:left;
    border:1px solid black;
    text-align:center;
    padding-top:2px;
    width:20px;
    height:18px;
}


.strong
{
    font-weight:bold;
}

.error
{
    color:#990000;
}

.displayInline
{
    display:inline;
}

.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}

.clearBoth
{
    clear:both;
}

.hidden
{
    visibility:hidden;
}

.green
{
    color:#009900;
}

.red
{
    color:#990000;
}
.orange
{
    color:#f26f00
}

.smallTextBox {
    font-size: 11px;
}

.forbiddenInput
{
    cursor:pointer;
}

.savedBox
{
    margin-top:15px;
    margin-bottom:15px;
    width:350px;
    text-align:center;
    font-size:12px;
    border:1px solid #999;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:45px;
    background-image:url('images/status_ok_medium.gif');
    background-position:center 8px;
    background-repeat:no-repeat;
}
.importantSavedBox
{
    font-size:14px !important;
    border:2px solid #999 !important;
}

.warningBox
{
    margin-top:15px;
    margin-bottom:15px;
    width:350px;
    text-align:center;
    font-size:12px;
    border:1px solid #999;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:45px;
    background-image:url('images/warning.png');
    background-position:center 8px;
    background-repeat:no-repeat;
}

.NewsImage
{
    margin-left:10px;
    margin-bottom:10px;
    float:right;
}

.LanguageChoser input
{
    margin:2px;
}

.AddressList_ContactPerson
{
    display:block;
    /*min-width:265px;*/
    margin:5px;
    padding:5px;
}

/* completion start */
.completion_outer
{
    width:56px;
    height:14px;
    background-color:#000000;
    position:absolute;
    z-index:10;
}

.completion_inner
{
    position:absolute;
    background-image:url('images/completion.png');
    background-repeat:no-repeat;
    background-color:#000000;
    top:0px;
    left:0px;
    height:14px;
    z-index:15;
}

.completion_label
{
    position:absolute;
    top:1px;
    left:2px;
    color:#ffffff;
    z-index:20;
    font-size:9px;
    font-weight:bold;
}
/* completion end */

/* completion 200px wide start */

.completion200_outer
{
    width:200px;
    height:50px;
    background-color:#000000;
    position:absolute;
    z-index:10;
    margin-top:-6px;
}

.completion200_inner
{
    position:absolute;
    background-image:url('images/completion_200.png');
    background-repeat:no-repeat;
    background-color:#000000;
    top:0px;
    left:0px;
    height:50px;
    z-index:15;
}

.completion200_label
{
    position:absolute;
    top:10px;
    left:30px;
    color:#ffffff;
    z-index:20;
    font-size:20px;
    font-weight:bold;
}
/* completion 200px wide end */

/* leftmenu begin */
.menu1
{
    float:left;
    width:195px;
    padding:5px;
}
.menu1 .menu1_wrapper
{
    margin-top:5px;
}

.bg_top
{
    background-image:url('images/leftmenu_big_bg_top.png'); 
    width:193px; 
    height:13px;
    z-index:5;
}

.bg_bottom
{
    background-image:url('images/leftmenu_big_bg_bottom.png'); 
    float:left; 
    width:193px; 
    height:13px;
    z-index:5;

}

.bg_top_onecol
{
    background-image:url('images/leftmenu_big_onecol_bg_top.png'); 
    width:193px; 
    height:13px;
    z-index:5;
}

.bg_bottom_onecol
{
    background-image:url('images/leftmenu_big_onecol_bg_bottom.png'); 
    float:left; 
    width:193px; 
    height:13px;
    z-index:5;
}

.menu1 .menu1_wrapper
{
    font-size:11px;
    text-transform:uppercase;
}

.menu1 .menu1_wrapper ul
{
    list-style-type:none;
    padding:0px;
    display:block;
    background-image:url('images/leftmenu_big_bg_bg_dbl.png');
    background-repeat:no-repeat;
    float:left;
    
    margin:0px;
    
    z-index:3;
}

.menu1 .menu1_wrapper ul li
{
    margin:0px;
    padding:0px;
    float:left;
    width:193px;
    height:40px;
}

.menu1 .menu1_wrapper ul li a, 
.menu1 .menu1_wrapper ul li a:active, 
.menu1 .menu1_wrapper ul li a:hover, 
.menu1 .menu1_wrapper ul li a:visited
{
    position:relative;
    display:block;
    padding: 11px 12px 14px 13px;
}


.menu1 .menu1_wrapper ul li.bg_top_onecol, .menu1 .menu1_wrapper ul li.bg_bottom_onecol
{
    padding:0px;
}

.menu1 ul li.first
{
    background-image:url('images/leftmenu_big_bg_top.png');
    background-repeat:no-repeat;
}

.menu1 ul li.active
{
    /*
    background-image:url('images/leftmenu_big_active.png') !important;*/
    background-repeat:no-repeat;    
    background-position: 0px -2px;
}
.menu1 ul li:hover
{
    /*
    background-image:url('images/leftmenu_big_active_half.png');*/
    background-repeat:no-repeat;    
    background-position: 0px -2px;
    z-index:7;
}

.menu1 .menu1_wrapper ul li .menu1_sub_wrapper
{
    float:left;
    margin-left:189px;
    margin-top:-32px;
    width:200px;
}

.menu1 .menu1_wrapper ul li .menu1_sub_wrapper ul
{
    display:block;
    background-image:url('images/leftmenu_big_onecol_bg_bg.png');
    background-repeat:repeat-y;
    float:left;
    
    list-style-type:none;
    padding:0px;
}

.menu1 .menu1_wrapper ul li .menu1_sub_wrapper ul li
{
    margin-left:0px;
    float:left;
    width:193px;
    height:40px;
}

.menu1 .menu1_wrapper ul li .menu1_sub_wrapper
{
    position:absolute;
    display:none;
}

.menu1 .menu1_wrapper ul li:hover .menu1_sub_wrapper
{
    display:block;
}

.menu1 .menu1_wrapper ul li .menu1_sub_wrapper:hover
{
    display:block;
}

/* leftmenu end */


#toparea
{
    background-color:#ffffff;
    display:block;
}


#maincontent
{
    margin-left:210px;
    padding-top:10px;
}

#maincontent_inner
{
    padding-left:14px;
    padding-top:10px;
}


.Paging_SinglePage_Button
{
    display:block;
    padding-left:5px;
    padding-right:5px;
    border-right:2px white solid;
    border-left:2px white solid;
    float:left;
}

/* headingboxes begin */

.heading_box
{
    width:628px;
    padding:0px;
}
.heading_box_left
{
    /*
    background-image:url('images/heading_bg_left.png');*/
    width:14px;
    height:40px;
    padding-right:0px !important;
}
.heading_box_right
{
    /*
    background-image:url('images/heading_bg_right.png');*/
    width:14px;
    height:40px;
    padding-right:0px !important;
}
.heading_box_middle
{
    /*
    background-image:url('images/heading_bg_middle.png');*/
    background-repeat:repeat-x;
    height:40px;
    padding-right:0px !important;
}
.heading_box_middle h1
{
    margin-top:10px;
    font-size:15px;
    /*
    color:#949898;*/
    text-transform:uppercase;
}

/* headingboxes end */


/* tablet optimization begin */
@media (max-width: 1100px) {

    body {
        background-image:none !important;
    }
    .menu1 {
        width: auto !important;
        float: none !important;
    }

    
    .bg_top
    {
        background-image:none !important;
        width: auto !important;
    }

    .bg_bottom
    {
        background-image:none !important;
        width: auto !important;

    }

    .bg_top_onecol
    {
        background-image:none !important;
        width: auto !important;
    }

    .bg_bottom_onecol
    {
        background-image:none !important;
        width: auto !important;
        float:left; 
    }


    .menu1 .menu1_wrapper ul {
        background-image:none !important;
        background-color:#ffffff !important;
    }
    
    .menu1 .menu1_wrapper ul li
    {
        /*
        background-image: url('images/leftmenu_v.png') !important;*/
        background-repeat:no-repeat;
        width:167px !important;
       /* width: auto !important;
        background: 
            url('buttontemplates/leftcorner.png') left top no-repeat, 
            url('buttontemplates/rightcorner.png') right top no-repeat, 
            url('buttontemplates/middle.png') left top repeat-x;*/
    }

    .menu1 .menu1_wrapper ul li a, 
    .menu1 .menu1_wrapper ul li a:active, 
    .menu1 .menu1_wrapper ul li a:hover, 
    .menu1 .menu1_wrapper ul li a:visited
    {
        padding: 9px 0px 12px 12px !important;
    }



    .menu1 ul li.first
    {
       /* 
        background-image:none !important; */
    }

    .menu1 ul li.active
    {
       /* 
        background-image:url('images/leftmenu_v_active.png') !important;
        background-image:none !important; */
    }
    .menu1 ul li:hover
    {
       /* 
        background-image:url('images/leftmenu_v_active.png') !important;*/
        z-index:7;
    }

    .menu1 .menu1_wrapper ul li .menu1_sub_wrapper
    {
        float: none !important;
        width: 180px !important;
        margin-left:0px !important;
        margin-top:-3px;  
        z-index:10;
    }

    .menu1 .menu1_wrapper ul li .menu1_sub_wrapper ul
    {
        background-image:none !important;
        background-color:#ffffff;
        padding-left:10px !important;    
        float: none !important;
    }

    .menu1 .menu1_wrapper ul li .menu1_sub_wrapper ul li
    {
        float: none !important;
        width: auto !important;
    }

    #maincontent {
        margin-left: 0px !important;
    }
}
/* tablet optimization end */


/* inquiries */
.div_box {
    padding: 10px;
    border: 1px solid #bbb;
    background-image:url('images/table-bg.gif');
    background-repeat:repeat-x;
    background-color:#e7e7e7;
    width:600px;
}
#table_inquiry_list tr.tr_row td {
    border-bottom: 1px solid #000;
    padding: 10px 6px;
}
#table_inquiry_list tr.tr_row_2parts_top td {
    padding-top: 10px;
    padding-right:6px;
    padding-left:6px;
    padding-bottom:2px;
}
#table_inquiry_list tr.tr_row_2parts_bottom td {
    padding-top: 2px;
    padding-right:6px;
    padding-left:6px;
    padding-bottom:10px;
    border-bottom: 1px solid #000;
}

    #table_inquiry_list tr.tr_row td table.inquiry_products tr td,
    #table_inquiry_list tr.tr_row_2parts_top td table.inquiry_products tr td,
    #table_inquiry_list tr.tr_row_2parts_bottom td table.inquiry_products tr td {
        padding: 2px;
        border-bottom: none 0px;
    }

#table_products_edit tr td div {
}
#table_products_edit tr td input.smallbutton {
    width:25px;
    height:22px;
}
.similar_inquiries {
    display: none;
}


.EditInquiryProducts td input[type="text"], .EditInquiryProducts td input:not([type]) {
    width:500px;
}

.rcbItem {
    background-color:#fff !important;
}
.rcbHovered {
    background-color:#ddd !important;
}

.rgAdd {
    display: none !important;
}
/* inquiries end */

.tr_tableheadings th
{
    text-align:left;
}

.checkBoxFile input[type="checkbox"]
{
    margin:1px 2px;
    vertical-align:middle;
}

.bgcolor1 {
    background-color:#c6e7f7;
}
.bgcolor2 {
    background-color:#d2ecf7;
}
.bgcolor3 {
    background-color:#dff0f7;
}
.bgcolor4 {
    background-color:#ebf3f7;
}
#searchFeatures
{
    display:none;
}
#searchFeatures
{
    clear:both;
    margin:15px;
    padding:10px;
}
#group_features
{
    padding:10px;
}

.articleTable .article, .articleTable .articleGroup, .articleTable .articlePriceAndStockInfo
{
   cursor:pointer;
}

.btn-marginleft
{
    margin-left:5px;
}

.alignRight {
    text-align:right;
}
.alignCenter {
    text-align:center;
}

.displaynone
{
    display:none;
}

.highlightFile td *
{
    font-weight:bold;
}

tr.highlight {
    font-weight: bold;
}

.internalNewsEntry {
    min-width: 340px;
    max-width: 680px;
    padding: 5px;
    margin: 4px;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 8px #ddd;
    background-color: #fff
}

.internalNewsEntryBig .internalNewsEntry
{
    min-width:340px;
    max-width:920px;
}

.emailNotificationsContainer
{
    max-width:1150px;
    min-width:650px;
}
.emailNotificationView {
    padding: 5px;
    margin: 4px;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 8px #ddd;
    background-color: #fff
}

    .emailNotificationView.LieferantenAdresse {
        /*width: 98%;*/
    }
    .emailNotificationView.Download {
        /*width: 98%;*/
    }
    .emailNotificationView.LieferantenPriceInfo {
        /*width: 98%;*/
    }

.bubble {
    border-radius: 100%;
    height: 16px;
    width: 16px;
    background-color: #0190f5; /* rgba(226, 32, 91, 0.77);*/
    text-align: top;
    position: relative;
    top: -32px;
    float: right;
    right: 85px;
}
    .bubble .num {
        position: absolute;
        right: 5px;
        top: 1px;
        color: #fff;
    }

.searchBarWrapper input {
    vertical-align:middle;
}
    .searchBarWrapper input[type=text] {
        width: 98%;
        height: 22px;
        padding-left: 30px;
        font-size: 16px;
        font-weight: bold;
    }
        .searchBarWrapper input[type=text].inactiveText
        {
            color:#666;
        }
        .searchBarWrapper input[type=image] {
        }
.searchIcon {
    font-size: 16px;
    opacity:60%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position:absolute;
    margin-left:6px;
    margin-top:4px;
}

a.searchresult_link, a.searchresult_link:link, a.searchresult_link:visited, a.searchresult_link:active, a.searchresult_link:hover {
    display: block;
    color: #0000ff;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
}
.searchresult_description {
    display: block;
    padding: 10px 0px 20px 0px;
}
