@import "css/html5reset.css";
@import "css/col.css";
@import "css/2cols.css";
@import "css/3cols.css";
@import "css/4cols.css";
@import "css/5cols.css";
@import "css/6cols.css";
@import "css/7cols.css";
@import "css/8cols.css";
@import "css/9cols.css";
@import "css/10cols.css";
@import "css/11cols.css";
@import "css/12cols.css";

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/Open_Sans/OpenSans-Regular.eot"), /* EOT file for IE */
    url('../fonts/Open_Sans/OpenSans-Regular.ttf')  format('truetype');
  /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

html, body{
    margin: 0;
    padding: 0;
}
body{
    font: 100.01% Calibri, Helvetica, Arial, sans-serif;
    margin: 0 50px;
    background-color: #fbfbfb;
    color: #333333;
}

a{ color: #444444; text-decoration: none; border-bottom: solid 1px transparent; }
a:hover { color: #444444 !important; border-bottom: solid 1px #f79231; }

h1{
    font-size: 115%;
    color: #1c3c64;
}
h2{
    font-size: 110%;
}
h3{
    font-size: 105%;
}
h4, h5{
    font-size: 100%;
}
p{
    margin: 5px 0;
    font-size: 100%;
}

input[type="text"]:disabled{ background-color: #f5f5f5; }

.textLink{ border-bottom: solid 1px #444444; }
.textLink:hover{ border-bottom: solid 1px #f79231; }

.textLinkOhne{ border-bottom: solid 1px transparent; }
.textLinkOhne:hover, .textLinkSelected{ border-bottom: solid 1px #f79231; }

.no-decoration{ border-bottom: solid 1px transparent !important; }

.marginleft0{ margin-left: 0; }

.ui-widget{
    font-size: 100%;
}
.ui-widget p{
    margin: 5px;
}
.ui-widget-content,
.selectric-items{
    border: 1px solid #ccc;
    background: #ffffff none repeat scroll 0 0;
}
.selectric-items li.selected,
 .selectric-items li:hover{
    background-color: #ffffff;
    font-weight: bold;
 }
.ui-state-highlight{
    border: 0;
}
input[type="text"],
input[type="password"],
.ui-autocomplete-input, 
select,
.selectric,
textarea{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    padding: 3px;
    font-size: 80%;
}
textarea{
    font: 100.01% Calibri, OpenSans, Helvetica, Arial, sans-serif; 
}

input[type="text"].required-empty, input[type="password"].required-empty, .required-empty, .ui-state-default.required-empty{ background-color: #ffff99; }

.divbox{ border: solid 1px #cccccc; padding: 10px 22px 10px 10px;background-color: #ffffff;display:inline-block; }
.divbox100{ border: solid 1px #cccccc; padding: 10px 22px 10px 10px;background-color: #ffffff; }

#produktsuche{  float: right; display: inline-block; margin: 4px 30px 0 20px; width: 20%; min-width: 200px; background-color: #ffffff; border: solid 1px #cccccc; }
#produktsuche .searchform .icon-search {
    border: 0; 
    background-color: transparent;
    color: #000000;
    opacity: 0.33;
    padding: 4px 0 0 4px;
    font-size: 13px;
    vertical-align: top;
}
#produktsuche label{ margin: 0; width: 86%;}
#produktsuche input{ border: 0; display: inline-block; width: 100%; box-shadow: none; }
.produktsucheergebnis{ min-width: 350px !important; }

button{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tdspinner button{ padding: 0 5px; }
.ui-accordion .ui-accordion-content { padding: 1em; }
#Warenkorb .ui-accordion .ui-accordion-content { padding: 0; width: 99.8%; }

input[type="text"]:focus,
input[type="password"]:focus,
.ui-autocomplete-input:focus, 
select:focus,
.selectric:focus{
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 non;
}

.ui-autocomplete{
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden;   /* prevent horizontal scrollbar */
    min-width: 300px;
    min-height: 55px;
    z-index:1000 !important;
}

.selectric .label {
    height: 1.8em;
    line-height: 1.8em;
}

.productlistcontent{
    padding: 1em; 
    border: 1px solid #ccc;
    background: #ffffff none repeat scroll 0 0;
}

.overflow{ max-height: 300px; }

input[type="radio"]{
    margin-top: 3px;
    margin-bottom: 2px;
    margin-left: 0;
}

.font100{ font-size: 100%; }
.font90{ font-size: 90%; }
.font80{ font-size: 80%; }

.fontweightbold{ font-weight: bold; }

.fontcccccc{ color: #cccccc; }

.trenner5{ height: 5px;margin:0;padding:0;line-height: 5px; }

.center{
    text-align: center;
}
.alignCenter{ text-align: center; }
.alignRight{ text-align: right; }
.alignLeft{ text-align: left; }

.pointer{ cursor: pointer; }
.pointer span { border-bottom: solid 1px transparent; }
.pointer.radio span:hover{ border-bottom: solid 1px transparent; }
.nopointer{ cursor: default !important; }

.clearboth{
    clear: both;
    height: 0;
    padding: 0 !important;
}
.width100{ width: 100%; }
.width170px{ width: 170px; }
.width200px{ width: 200px; }
.width230px{ width: 230px; }

.border-top-1-cccccc{ border-top: solid 1px #cccccc !important; }

.wrapper,
.inhalt{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    background-color: #f5f5f5;
    position: relative;
}

#wrapper-footer{
    max-width: 1200px;
    margin: 0 auto;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    position: relative;
    background: #ddd url("/js/jquery-ui/images/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50%;
}
#wrapper-footer{ margin-bottom: 75px; }
#wrapper-footer div{
    padding: 4px 10px;
    font-size: 80%;
}
#wrapper-footer a{
    color: #333333;
}

#bs-logo{
    float: left; 
    margin: -50px 20px 10px 10px;
    vertical-align: middle;
}
#bs-header{
    padding-top: 25px;
    color: #aaaaaa;
    font-size: 2.5em;
    padding-left: 128px;
    text-transform: uppercase;
}

#bstyplogo{    
    bottom: 5px;
    margin-right: 28px;
    position: absolute;
    right: 0;
}

#content{
    padding: 10px;
    position: relative;
    min-height: 400px;
}

#sicherheit-two,
#sicherheit-three {
	display:none;
}

input[type="submit"], button[role="button"].ui-button-text-only{
    cursor: pointer;
    padding: 0.4em 0em;
    font-size: 80% !important;
    color: #ffffff;
    background: #eb6609 url("/images/blank.gif") repeat-x scroll 50% 50% !important; 
    min-width: 140px;
}
input[type="submit"]{
    padding: 0.4em 1em;
}
input[type="submit"]:hover, button[role="button"]:hover{
    font-weight: bold;
}

button[role="button"].button-grey
{
    background: #9c9c9c url("/images/blank.gif") repeat-x scroll 50% 50% !important; 
    min-width: 170px;
}

.message-box{
    background-color: #efefef;
    border: 2px solid #dddddd;
    padding: 10px;
}

.ui-button-text-only .ui-button-text {
    padding: 0em 1em;
}

.ui-selectmenu-button span.ui-selectmenu-text{
    font-size: 92%;
    line-height: 1em;
    padding-left: 0.4em;
    color: #444444;
    text-decoration: none;
    font-weight: bold;
}
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text, span.ui-selectmenu-text:hover{
    font-weight: bold;
    background:  none !important;
}

.ui-state-default{ font-weight: normal !important;background: none; border: solid 1px #cccccc; }
.ui-state-hover{ font-weight: bold !important; }
.ui-state-focus{ text-decoration: none !important;  }
.ui-state-active{ font-weight: bold !important; color: #444444; }
.ui-selectmenu-menu ul li.ui-menu-item{ border-top-color: #ffffff; border-bottom-color: #ffffff; background: none; }

button.ui-state-hover,
.ui-spinner-button.ui-state-hover{ background:  #1c3c64 url("/js/jquery-ui/images/ui-bg_highlight-soft_25_1c3c64_1x100.png") repeat-x scroll 50% 50% !important; color: #ffffff !important; text-decoration: none !important; }
.ui-spinner-button.ui-state-hover .ui-state-default .ui-icon:hover { background-image: url("/js/jquery-ui/images/ui-icons_ffffff_256x240.png"); }
button.ui-state-default{ border: solid 1px #ffffff; }


.ui-button-icon-only{
    background: #9c9c9c url("/images/blank.gif") repeat-x scroll 50% 50% !important; 
    border: 1px solid transparent !important;
}
button[role="button"].ui-button-icon-only:hover{ background: #dddddd url("/images/blank.gif") repeat-x scroll 50% 50% !important; }

.ui-state-default .ui-button-icon-primary {
    background-image: url("/js/jquery-ui/images/ui-icons_ffffff_256x240.png");
}

.ui-dialog{ padding: 0.5em !important;z-index: 99997; }
.ui-dialog p{ margin: 5px 0; }
.ui-dialog-titlebar{ padding: 0 0 5px 0 !important; border-top: solid 1px transparent !important; border-left: solid 1px transparent !important; border-right: solid 1px transparent !important; border-bottom: dotted 1px #585858 !important; }
.ui-dialog .ui-dialog-titlebar-close { right: 0 !important; margin-top: -14px; }
.ui-dialog-title{ margin: 0 0 0.1em 0 !important; font-weight: normal; }
.ui-dialog-content { min-height: auto !important; padding: 5px 0 !important; }
.ui-dialog-content p{ font-size: 100%; }
.ui-dialog .ui-dialog-buttonpane { border-width: 0; margin-top: 0; padding: 0 !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; text-align: center; }
.ui-dialog .ui-dialog-buttonpane button {margin: 0 !important; }
.ui-dialog .ui-dialog-buttonpane button:first-child{margin: 0 0.4em 0 0 !important; }

/* Login Startseite */
#FormLogin{
    display: inline-block;
}
#LoginMessage,
#FormLoginFailed{
    display: none;
}
#LoggedinMessage{
    text-align: center;
    display: inline-block;
}
.loginx p{
    display: inline-block;
}

label{
    display: inline-block;
    font-size: 100%;
    min-width: 100px;
    margin: 5px 0;
}
.login input{
    width: 176px;
}
.login button{
    line-height: 1.42857;
    width: 184px;
}
#Identity{
    display: none; 
}
#Identity label{
    vertical-align: top; 
}
#Identity select,
#Identity .ui-menu .ui-menu-item{
    font-family:Courier;
    width: 186px;
}

.identitaeten li{ font-family: Courier; font-size: 90%; }
.identitiyLeft{float: right; display: inline-block; width: 70px;}
.ui-selectmenu-button{
    font-size: 100%;
}

/*Navigation oberer Fensterrand*/
#nav-top li:first-child{ border-left: 0; }
#navtop, #nav-top { background-color: transparent !important; box-shadow: none; margin-top: 5px; }
#navtop li,  .nav-top-infos-static{  border-left: dotted 1px #444444; }
#navtop li a{ font-size: 11px; font-weight: bold; }
.nav-top-infos{ font-size: 11px; font-weight: bold; float: left;padding: 5px 10px 1px  10px; margin-bottom: solid 1p xtransparent;}
.nav-top-infos a{ color: #444444; }
.nav-top-infos a:hover {  }
.nav-top-infos a.nav-selected { color: #eb6609 !important; text-decoration: underline; font-weight: bold; }
.nav-top-highlight{ color: #eb6609 !important; }
#navtop .navtab li a:hover { color: #444444 !important; border-bottom:solid 1px #eb6609 !important; }
#navtop .navtab li{ float: left; list-style-type: none; padding: 0 10px; }
.svidentity{ cursor: pointer; }
.svidentity:hover{ color: #eb6609; }
/* Navigation horizontal */


.nav .ui-menu-item {
    margin:5px 0 0 5px;
    zoom: 1;
    float: left;
    padding: 5px 10px;
    clear: none;
    width: auto;
}
.nav{ border: 0; display: none;}
#nav li, #my-ebs li, #nav-top li { width: auto; clear: none; white-space: nowrap; }
#nav li:hover { font-weight: normal !important; border:0 !important; }
.ui-state-focus .ui-menu-item .ui-icon {
    background-image: url("/js/jquery-ui/images/ui-icons_ff0084_256x240.png");
}
.ui-menu .ui-menu-item a{
padding: 2px;
}


/*#nav Hauptnavigation*/
#wrapper-navigation{
    max-width: 1200px;
    margin: 0 auto;
    border-top: solid 1px #dddddd;
    position: relative;
    background: #ddd url("/js/jquery-ui/images/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50%;
}

#navmain li a, .emptylink{ border-bottom: solid 2px transparent; }
#navmain li a:hover, #navmain li.nav-selected a, .emptylink:hover, #navmain li.nav-selected .emptylink{ border-bottom: solid 2px #eb6609; }
#navmain{ margin-left: 10px; }

#navmain .navtab li{ float: left; list-style-type: none; padding: 0 20px 0 0; margin: 0; position: relative; }
#navmain .navtab li a, .emptylink { color: #444444;  display: inline-block;margin-top: 0px; padding: 5px 0;}
.navtab li.nav-selected { padding-bottom: 4px; font-weight: bold; }
.navtab li.nav-selected p { font-weight: normal; }
.navtab li.nav-selected a,   .nav-selected .emptylink, .nav-selected .emptylink:hover{ font-weight: bold !important; }
.navtab li.nav-selected li a{ font-weight: normal !important; border-bottom: solid 1px transparent !important; }
.navtab li.nav-selected li a:hover{ font-weight: normal !important; border-bottom: solid 1px #eb6609 !important; }
.navtab li.nav-selected li.nav-selected a { font-weight: bold !important; }
.navtab li:hover  a{ color: #444444 !important; }

#navmain ul ul{ background-color: #f6f6f6;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #444444;
    display: none;
    margin-top: -10px;
    padding: 5px 10px 10px 10px;
    position: absolute;
    z-index: 99999; 
    min-width: 100px;
}
#navmain ul li:hover ul{ display: block; }
#navmain ul li:hover ul li{ padding-right: 0; }
#navmain ul li ul li a{ border-bottom: solid 0px transparent !important; padding: 5px 0 0 0 !important; }
#navmain ul li:hover ul li a:hover{ font-weight: bold !important; }
/* Navigation horizontal Ende*/

/* Mein eBS */
#my-ebs{
    float: right;
    position: relative;
    font-size: 100%;
    margin-right: 12px;
    padding-bottom: 5px;
}
#my-ebs img{ vertical-align: middle;}
#my-ebs .navtab li{ float: left; list-style-type: none; padding: 0 10px; margin: 5px 0 0 0; }
#mein-ebs  #my-ebs-detail{ display: none; min-width: 200px; position: absolute; margin-top: -3px;margin-left: -100px; min-height: 50px; z-index: 9999; background-color: #f6f6f6; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #444444; padding: 10px; }
#mein-ebs:hover  #my-ebs-detail{ display: block; }
#my-ebs-detail h5{ padding: 0 0 5px 0; font-weight: normal; border-bottom: dotted 1px #444444; }
#my-ebs-detail a{ color: #444444 !important; text-decoration: none; display: inline-block; margin: 3px 0 2px; }
#my-ebs-detail a:hover{ border-bottom: solid 1px transparent ; font-weight: bold; }
#my-ebs-logout{ border-top: dotted 1px #444444;margin-top: 5px;padding-top: 5px; }
/* Mein eBS Ende */

/* Hilfe */
#help{
    float: right;
    padding:5px;
    cursor: pointer;
}
.easyeditor-toolbar{ padding: 4px 2px 0px 4px !important; background-color: #d1d1d1 !important; }
.easyeditor-toolbar li button{ padding: 0 2px !important; font-size: 0.8em;}
/* Ende Hilfe */

/* Permanenter Warenkorb */
#permanent-warenkorb  #permanent-warenkorb-detail{ display: none; min-width: 250px; position: absolute; right: 0; z-index: 9999; background-color: #f6f6f6; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #444444; padding: 10px;margin-top: -3px; }
#permanent-warenkorb:hover  #permanent-warenkorb-detail{ display: block; }
#permanent-warenkorb-detail p{ margin-top: 0px; }
#permanent-warenkorb:hover  #permanent-warenkorb-detail div{ border-top: dotted 1px #cccccc; }
#permanent-warenkorb:hover  #permanent-warenkorb-detail div:first-child{ border-top: 0; }
#permanent-warenkorb:hover  #permanent-warenkorb-detail div:hover p{ font-weight: bold; }
#permanent-warenkorb-detail div a{ font-weight: normal !important; color: #444444 !important; padding: 0; text-decoration: none; border-bottom: solid 1px transparent !important; }
#permanent-warenkorb-detail div:hover a{ font-weight: bold !important; }
/* Permanenter Warenkorb Ende */


/* Pwd Anfang */
#Pwd p{ margin-left: 12px; }
#Pwd label{ display: inline-block; width: 200px; }
#Pwd input{ display: inline-block; width: 200px; }
/* Pwd Ende */
/* ChgLang Anfang */
#Lang p{ margin-left: 12px; }
/* ChgLang Ende */

div.ui-state-highlight,
div.ui-state-error{
    display: inline-block;
    padding:10px;
}

input.niederlassung{
    min-width: 250px;
    width: 99%;
}

.ui-autocomplete .ui-state-focus
{
    background: none !important;
    color: #444444 !important;
    border: 1px solid #ffffff  !important;
}

h2.accordpad{ padding-left: 0.8em; font-size: 90%; }
p.accordpad{ padding-left: 0.8em; margin-top: 0px; font-size: 90%; }

.ui-accordion .ui-accordion-content { padding: 1em; }
#Warenkorb .ui-accordion .ui-accordion-content { padding: 0; width: 99.8%; }

.ui-accordion .ui-accordion-icons {
    padding: 0.2em 0.2em 0.2em 0.7em !important;
    color: #444444;
}
.ui-accordion .ui-accordion-header{
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    background: none;
}

.ui-accordion-header-icon{ display: none !important; }
.ui-accordion-header.ui-state-hover
{
    background: none !important;
}
.ui-accordion-header.ui-state-focus,.ui-accordion-header.ui-state-default.ui-accordion-header-active{ font-weight: bold !important; }


.ui-tabs-nav .ui-state-default{ font-weight: normal; }
.ui-tabs-nav .ui-state-default a{ color: #444444; }
.ui-tabs-nav .ui-state-hover{ background-color: #ffffff; background-image: none; border: solid 1px #dddddd; }
.ui-tabs-nav .ui-state-default a:hover{ color: #f79231; }
.ui-tabs-nav .ui-state-active a{ color: #444444; font-weight: bold; }

.office-auswahl, .kst-auswahl{ display: block; border: solid 1px #cccccc; border-top: solid 0px #cccccc; padding: 5px; color: #444;}
.office-auswahl:first-child, #Offices>span.kst-auswahl:first-child{ border-top: solid 1px #cccccc; }
#Offices{ max-height: 200px; overflow: auto; }

#KstID, #KstID-button, .kstid{ margin-top: 10px; border-top: solid 1px #cccccc; }

#StandardLieferadresse>div, #StandardLieferadresse1>div, #StandardLieferadresse2>div{
    width: 97%;
}
.standard-lieferadresse{  }
.address label{
    width: 25%;
    margin-right: 5%;
}
.address input[type="text"],
.address select{
    width: 63%;
}
.address .selectric-wrapper{
    width: 63%;
    display: inline-block;
}

.standard-lieferadresse.address input[type="text"]{
    width: 55%;
}

#Infobox{
    background-color: #ffffff;
    display: none;
}
h2.box,
h5.box{
    background: #ddd url("/js/jquery-ui/images/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50%;
    padding: 3px;
}
#Infobox span{
    display: block;
    padding: 3px;
}

.bg-white{ background-color: #ffffff; }

/* Index Office */
#ErrorKst label{ min-width: 20%; }
#ErrorKst input { width: 75%; }
#ErrorKst textarea{ width: 75%; vertical-align:top;margin-top: 4px; }


/* Produktliste */
.prodimg{ height: 150px; position: relative; }

.gridlist{ text-align: right; color: #bbbbbb; font-size: 28px; }
.gridlist span{ background-color: #afafaf; cursor: pointer; display: inline-block; height: 30px; }
.gridlist span:hover{ color: #444444;background-color: #444444; }
.produktgruppe-productlist .section:first-child  { border-top: solid 1px #ff0000;padding-top: 0; }
.produktgruppe-productlist td{ }

.product{ cursor: pointer; padding: 15px 0; position: relative; }
.product:hover{ background-color: #f8f8f8; }
.product img{     border: 1px solid #dddddd; max-height: 98%; max-width: 100%; position: absolute; bottom: 0; }
.product.list { border-bottom: dotted 1px #cccccc; }
.product.list .prodimg{ float: left; width: 25%; margin-right: 15px; }
.product .header{ font-weight: bold; margin-left: 5px; display: inline-block; }
.product.list .proddesc{ float: left; }
.product label{ margin: 0 5px 0 5px; min-width: auto; }
.product .basket{ margin-right: 15%; position: absolute; bottom: 0; right: 0; font-weight: bold; text-align: center; }
.product.list .basket{ margin-right: 2%; }
.product .basket img{ border: 0; margin: 0; height: inherit; }
.product .prodanzahl{ display: block; margin-bottom: -3px; margin-right: 10px; }
.product.list .prodanzahl{ display: inline-block; float: left; margin-bottom: 5px;}

.prodlistdetail{ float: left; margin-right: 50px; }
.inbasket{ font-weight: bold; font-size: 120%; }

#pricelist{ display: none; position: absolute; left: 60px;bottom: 0; padding: 2px; background-color: #ffffff; z-index: 10000; }
#pricelist div{ border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 5px; }


.spinner{
    border: 0 none;
    text-align: right;
    width: 30px;
    font-size: 0.8em !important;
    padding-bottom: 3px;
}

.ui-spinner .ui-icon {
    background-image: url("/js/jquery-ui/images/ui-icons_666666_256x240.png");
}
.ui-spinner .ui-state-hover .ui-icon {
    background-image: url("/js/jquery-ui/images/ui-icons_ffffff_256x240.png") !important; ;
}

.action-productlist{ width: 115px; }
.action-productlist span{ padding: 0.4em 0 !important; }

#Produktbereich- { padding: 1em;  border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc; background-color: #ffffff;}


#ErrorNewProduct label{ min-width: 20%; }
#ErrorNewProduct input { width: 75%; }
#ErrorNewProduct textarea{ width: 75%; vertical-align:top;margin-top: 4px; }
/* Produktliste Ende*/

/* Produktdetail Anfang */

#breadcrumb , #breadcrumb a{ color: #7f7f7f; font-size: 13px; }
#breadcrumb a:hover{ color: #7f7f7f !important; font-weight: bold; border-bottom: solid 1px transparent; }

#proddetailswitch { margin-bottom: 2px; }
#proddetailswitch div.detail{ width: 50%; float: left; }
#proddetailswitch div a {padding: 10px 0 5px 0; margin-left: 20px; display: inline-block; border-bottom: solid 2px tranparent; cursor: pointer; }
#proddetailswitch div.changes a {margin-left: 5px; }
#proddetailswitch div a:hover, #proddetailswitch div a.selected{ border-bottom: solid 2px #eb6609; }
#proddetailswitch div a.selected{ font-weight: bold; }

#proddetail1 h2{ margin: 5px 5px 5px 20px; }
#proddetail1 label { margin: 2px 5px 2px 20px; min-width: 90px; }
#proddetail1 label.labeldetail { min-width: auto; }
#proddetail1 select{ width: auto; }
#proddetail1 input[type="radio"]{ margin-left: 0; }
.detail-versand p{ margin-left: 1.3em; text-indent: -1.3em; }
.proddetailtd{ max-width: 100px; padding: 1em 1em 0.5em 0; }
.detail-versand .ui-spinner{ padding: 1px; }

#proddetail1 .grey{ color: #afafaf; }
#proddetail1 .grey label{ margin: 5px 0 0 0; font-style: italic; font-size: 80%; }

#proddetail2 .prodchg { margin: 0 1% 0 20px; }
#proddetail2 div.prodchg span { margin-left: 0px; }
#proddetail2 p b { padding-top: 5px; display: inline-block; }
#proddetail2 label { min-width: 24%; vertical-align: top; margin-right: 2%; }
#proddetail2 input{ width:70.7%; padding-left: 5px; margin: 0 1% 0 0 !important; }
#proddetail2 .ui-selectmenu-button{ display: inline-block; width:71.7% !important; }
#proddetail2 .ui-selectmenu-text{ font-weight: normal; margin-left: 0 !important; }

#preisliste-link{ margin: 5px 0; }
.preislisteAnzahl,
.preislisteWert{
    text-align: right;
    padding-right: 10px;
}
.preislisteHinweis{ font-size: 80%; display: none; }
.preislisteRow, .preislisteRow.pointer span{ border-bottom: solid 0px transparent !important; }
.preislisteRow:hover{ font-weight: bold; }

#detailtabs label{ width: 150px; }
#detailtabs input{ width: 65%; }
#Produkt #tabs-2 input{ width: 95%; margin-bottom: 2px; }
#Produkt #imglarge { margin-bottom: 10px; }
#Produkt .detailvorschau { margin: 0 3px 5px 0; border: solid 2px #ffffff; }
#Produkt .detailvorschau.selected, #Produkt .detailvorschau:hover  { border: solid 2px #aaaaaa; }
.zoomWindow{ background-color: #f3f3f3 !important; }

.ui-tabs .ui-tabs-nav .ui-state-default{ background: transparent; border-top: solid 1px transparent; border-right: solid 1px transparent; border-left: solid 1px transparent; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
   padding: 0; 
    margin: 0.2em 1em;    
    border-bottom: color: #444444; text-decoration: none; border-bottom: solid 1px transparent;
}
.ui-tabs .ui-tabs-nav .ui-state-hover a { font-weight: normal; border-bottom: solid 1px #eb6609; }
.ui-tabs .ui-tabs-nav .ui-tabs-active { background: #f6f6f6 url("/js/jquery-ui/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") repeat-x scroll 50% 50% !important; }
.ui-tabs .ui-tabs-nav .ui-tabs-active a { color: #444444 !important; border-bottom: solid 1px #eb6609; font-weight: bold; background: transparent;  }

.prodprojnr { margin-left: 20px; }

.deliverydate{ padding-left: 10px; }
.deliveryunit{ padding-right: 10px; }

#CompLogo{ max-height: 700px !important; overflow: auto;margin-bottom: 10px; border-bottom: dotted 1px #585858; z-index: 99999; }
#CompLogo .logo{ float: left; margin-left: 5px; margin-bottom: 5px; width: 23%; height: 100px; padding:5px; cursor: pointer; border: solid 1px transparent; }
#CompLogo .logo:hover{ background-color: #f8f8f8; }
#CompLogo .logo img{ max-height: 50px; max-width: 95%; }
#CompLogo .logo-selected { background-color: #f8f8f8; border: solid 1px #aaaaaa; }
#CompLogo .logo-locked { background-color: #f8f8f8; border: solid 1px #ff0000; }

#hinweistext{ border:  solid 1px #cccccc; margin-left: 4px; display: inline-block; height: 60px; background-color: #eeeeee; width: 71%; padding: 3px; margin-bottom: 5px; }

.field-error{ background-color: #ff8686 !important; }

.labelfileupload{ 
    min-width: 50px !important; 
    background: #eb6609 url("/images/blank.gif") repeat-x scroll 50% 50% !important;
    color: #ffffff;
    cursor: pointer;
    font-size: 80% !important;
    padding: 0.4em;
    margin: 0;
}
#prodgrpdetails{ padding-left: 20px;line-height: 15px; }
#prodgrpdetails label{ margin-left: 0px; }
/* Produktdetail Ende*/


/*Warenkorb Anfang*/
#Baskets.ui-tabs .ui-tabs-panel{ padding: 0.7em 0 !important; }
#Baskets #tabs-2{ width: auto; }
.basket-product-table{ width: 100%; }
.basket-product-table th{ border-bottom: dotted 1px #dddddd; }
.basket-product-table th, .basket-product-table td{ padding: 3px 6px 3px 12px; vertical-align: top; }
.basket-product-table tbody td, .basket-product-table tfoot td{ border-bottom: solid 1px #dddddd; position: relative; }
.basket-product-table a:hover{ border-bottom: solid 1px transparent ; font-weight: bold; }
.basket-product-table select{ font-size: 80%; text-align: right; width: 50px; }
.spacecol{ width: 0.5%; padding: 0 !important; border-bottom: 0 !important; }
.basket-th-product{ width: 30%; }
.basket-th-desc{ width: 39%; }
.basket-th-ve{ width: 10%; }
.basket-th-price-ve{ width: 10%; }
.basket-th-price{ width: 10%; }
.basket-total{ font-weight: bold; }
.basket-prod-img{ max-height:140px;max-width:365px;border: solid 1px #cccccc; }
.itemdescbez{ font-weight: bold; }
.descblock{ margin-top: 5px; display: block; }
.descblock a { min-width: 70px; display: inline-block; }
.descblock label{ margin: 0; padding: 0; }
.LieferadresseDiv{ padding-left: 12px; }
.InfoBesteller{ padding-right: 12px; }
.basket_message{ width: 98%; }
.basket_message p{ margin-bottom: 4px; margin-left: 0; width: 102%; }
.basket_message textarea{ min-height: 240px; box-shadow: none; }

.pricelist{ display: none; position: absolute; left: 60px;padding: 2px; background-color: #ffffff; z-index: 10000; }
.pricelist div{ border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 5px; }

#Warenkorb .address{ border: solid 1px #cccccc !important; min-height: 245px; }
#Warenkorb .address input[type="text"],
#Warenkorb .address select{
    width: 62%;
}
#Warenkorb .address .selectric-wrapper{
    width: 62.5%;
    display: inline-block;
}

.footnote{ font-size: 90%; }

.wkabwlieferadrshow label{ margin-top: 0px; margin-bottom: 0px; }
.aendern { cursor: pointer; }
/*Warenkorb Ende*/

/*Lieferschein Anfang */
#Lieferbestaetigungen .accordion { border-top:solid 1px #cccccc; }
.lb1{ width: 30%; display: inline-block; float: left;}
.lb2{ width: 15%; display: inline-block; }
.lb3{ width: 15%; display: inline-block; text-align: right; padding-right: 5px; }
.lb4{ width: 10%; display: inline-block; text-align: center; padding: 0 20px 0 30px; }

.lbmenge, .lbok{  }

.lieferschein { padding: 4px 4px 4px 12px !important; }
.lieferschein .vollstaendig{ border-bottom: dotted 1px #dddddd; padding: 3px 0; }
.lieferschein .item{ clear: both; margin-top: 5px; }

.lieferschein td{ border-bottom: solid 1px #dddddd; padding: 2px; }

.lieferschein div.senden{ clear: both; }

.lieferschein button{ border: 0 !important; padding: 0.3em 1em !important; margin-left: 20px;}

.lieferschein input[type="checkbox"], .lieferschein input[type="radio"]{ margin-top: 6px; margin-bottom: 0; }

#LSnotok textarea{ width: 99%; }

.vollstaendig .submit { margin-left: 0 !important; }
.delivno{ width: 69px; min-width: auto !important; display: inline-block; margin-left: 0 !important; }
.delivyes{ width: 69px; min-width: auto !important; display: inline-block; margin-left: 0 !important; }
/*Lieferschein Ende */

/*Terminplan Anfang */
.terminplandiv{ border:solid 1px #cccccc; background-color: #ffffff;padding: 10px 15px; }
.terminplanbeztd{ padding-bottom:10px; }
.terminplantd{ font-size:11px;vertical-align:bottom;}
/*Terminplan Ende */


/* Statistik-Auswertung Anfang */
input.datepicker{ width: 80px; }
#Statistik .ui-datepicker-trigger{ display: none; }
.ui-datepicker .ui-datepicker-title select{ font-size: 0.8em !important; }

#Statistik p.firma{ margin-bottom: 0; border-top: dotted 1px #cccccc; padding-top: 5px; }
#Statistik p.kst{ margin: 0 0 0 20px; }
/* Statistik-Auswertung Ende */

/* Bestellschein orderform Anfang */
#Orderform p.firma{ margin-bottom: 0; border-top: dotted 1px #cccccc; padding-top: 5px; }
#Orderform p.kst{ margin: 0 0 0 20px; }
/* Bestellschein orderform Ende */

/* Katalog Anfang */
#SearchPhrase{ width: 20%; min-width: 150px; float: left; margin-right: 10px; }
#SearchHeader{ margin-bottom: 10px; }
#SearchHeader .selectric-wrapper{ width: 20%; min-width: 150px; float: left; margin-right: 10px; }
#SearchHeader .searchsubmit{ margin-left: 20px; }

#KatalogProdukt #imglarge{ margin-bottom: 10px; }
#KatalogProdukt .detailvorschau { margin: 0 3px 5px 0; border: solid 2px #ffffff; }
#KatalogProdukt #bildvorschau img { width: 19.5%; }
#KatalogProdukt .detailvorschau.selected, #KatalogProdukt .detailvorschau:hover  { border: solid 2px #aaaaaa; }
.zoomContainer{ z-index: 99998 !important; }
.zoomWindow{ background-color: #f3f3f3 !important; z-index: 99998 !important; }
.zoomLens{ z-index: 99998 !important; }
.ui-widget-overlay.ui-front{ z-index: 99996 !important; }

.product.img.available, .available{ 
    border: 0 none !important;
    height: auto !important;
    margin: -5px 0 0 !important;
    vertical-align: middle; 
}
/* Katalog Ende */

#footer-nav{
    float: right;
}
#footer-nav li{
    float: left;
    padding: 0 10px;
    border-left: solid 1px #333333;
}
#footer-nav li:first-child{
    border-left: solid 0px #333333;
}

#dialog{ display: none; }


@media (max-width: 1024px) { /* Kompaktes Layout */ 
    body{
        margin: 0;
    }
    #produktsuche{
        margin: 0;
        width: auto;
    }
    .produktsucheergebnis{ width: 200px !important; }
    
    .detail-versand{ width: 90%; }
    
    #proddetail2 label{ min-width: 90%; }
    #AenderungenSichtbar{ margin-left: 20px; }
}

@media (max-width: 800px) { /* Kompaktes Layout */ 
    body{
        margin: 0;
    }
    #produktsuche{
        margin: 0;
        width: auto;
    }
    .produktsucheergebnis{ width: 200px !important; }
    
    .detail-versand{ width: 90%; }
    
    #proddetail2 label{ min-width: 90%; }
}