*{
    margin:0;
    padding:0;    
}
html, body{
    min-height:100%;
    width:100%;    
    height:100%;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
.loader{
    
   height:100%; width:100%;position: absolute;left: 0px;top: 0;display:none;
   background-color: #efefef;
   opacity: 0.5;filter:alpha(opacity=50);
   z-index: 1000;
   margin: 0 !important;
   padding: 0 !important;
    
}
.loader img{
        top: 50%;
        left:50%;
        position: relative;
    }
body {
    font-family: Verdana;
    font-size:12px;
}
a{
    text-decoration:none;
    color: #2c9ecb;
    }
a:hover{
    color: orange;
    }
#rpc_status{
        position:fixed;
        width:100%;
        text-align:center;
        min-height:25px;
        display:none;
        margin-top:20px;        
        z-index: 1000;
    }
strong{
        font-weight: bold;
    }
img{
        border: none;
    }

h3{
    font-weight: bold;
    font-size: 11px;
    }
.ueberschrift{
        border-bottom: 1px solid #000;
        margin-bottom:3px;
}
/****************************************
    
                LOGIN CSS    
    
 ****************************************/
.login{
    background: #333;
}
#loginwrapper{
    margin: 0 auto;        
    vertical-align:middle;
}

#loginwindow{
    min-height:125px;
    width:300px;
    margin: 0 auto;
    vertical-align:middle;
    clear:left;
    position:relative;
    background:#eaeaea;
    border:1px solid #000;
    padding:10px;
    }
    
#loginwindow > img{width: 28px;position: absolute;top: -35px;}

#loginwindow > form > input.logininput{padding: 1em;width: 88%;border: 1px solid #CCC;text-align: left;}

#loginwindow > form > select{position: absolute;top: -35px;border: 1px solid #555;right: -3px;color: #FFF;background: #444;}
#loginwindow > form > label{    position: absolute;
    width: 250px;
    top: -20px;
    right: -115px;color:#fff;}
#topwrapper{
        height: 40%;
    }
#loginwindow input.logininput, #loginwindow select{
        width:105px;
        float:left;
        margin:5px;
        line-height:16px;
    }
#loginwindow input, #loginwindow select{
        padding:2px;
        width: 150px;
    }

#loginwindow input:focus{
        background-color: #ffd800;
        padding:2px;
        width: 150px;
    }
.loginbutton{
    float: left;
    margin: 5px;
    margin-bottom: 0;
    width: 96%;
    padding-bottom: 0;
    margin-top: 0;
}
.loginbutton > button{padding: 1em;
width: 100%;
border: 1px solid #CCC;text-align:center;}

/****************************************
    
                Navigation CSS    
    
 ****************************************/

#navigation{
    float:left;
    width:150px;
    height:100%;
    min-height:100%;

    background: #DDEFFF url(../images/left-frame.gif) 0 -100px repeat-x;
    margin-right:10px;
    padding: 10px;
    font: 10px verdana, tahoma, sans-serif;
}

#navigation h3{
        font-family:georgia, sans-serif;
        width:100%;
        text-align:center;
    }

.navpoint a:hover{
    color: orange;
    }
.navpoint a{
       color:#000;
    }
.navpoint{
        line-height:16px;        
        width:100%;
        margin-left:5px;
        margin-top:5px;
        float:left;
    }

.nav-small{
        margin-left: 15px;
    }

.navpoint p{        
        padding-left:3px;
        float:left;
    }
.nav-small{
        font-size:10px;
    }
.navpoint img{
        vertical-align:middle;
        float:left;
    }
.nav-small img{
        width:12px;
        height:12px;
    }
.navheader{
        background: url(../images/left-frame-title.gif) 1px 5px no-repeat;
        width: 100%;
        float:left;
        padding-left:13px;
        font-weight: bold;
    }
.navpoints{
        padding-left:10px;
        float:left;
        
    }



/****************************************
    
                Site CSS    
    
 ****************************************/

h2{
        font: 18px/25px arial, tahoma, helvetica, sans-serif;
    }

#site{
        float:left;
        margin-left:175px;
        position:absolute;
        width:1300px;
        /*height:100%;*/
        padding: 10px;
        padding-bottom:100px;
        margin-bottom:50px;
    }
    #site:after{
        clear:both;
    }
.heading{
        
        border-bottom: 1px solid #A1B1E9;
        margin: 0 0 12px;
    }

th, td{
        border-bottom: 1px solid white;
        color: #333;
        vertical-align: top;
        padding: 6px;
    }

th{
        padding: 4px 6px;
        height: 16px;
        border-color: #B1C1F9 white;
        border-style: solid;
        border-width: 1px 0 1px 0;
        background: #E8F4FE url(../images/th-bg.gif) 0 0 repeat-x;
        text-align: left;
        white-space: nowrap;
        font-weight: bold;
       
    }
table{
        border-spacing: 0;
    }
*{
        font: 11px/14px tahoma, arial, helvetica, sans-serif;
    }

.tr1 {
        background-color: #EBF4FF !important;
        color: #000;
}
.tr2 {
        background-color: #fff !important;
        color: #000;
}

table tr:nth-child(1n+2), .tour_header:nth-child(1n+2){
        background-color: #EBF4FF;
        color: #000;
}
table tr:nth-child(2n+3), .tour_header:nth-child(2n+3) {
        background-color: #fff;
        color: #000;
}

.tour:nth-child(1n+2){
    background-color: #EBF4FF;
        color: #000;
    }
.tour:nth-child(2n+3){
    background-color: #fff;
        color: #000;
    }
.accordion-content, .accordion-content:hover{    
        background-color: #f5f5f5 !important;    
    }

table tr:hover {
        background-color: #DDEFFF !important;
        color: #fff;
}
.toToggle{
        display: none;
        padding:5px;
        z-index: 1000;
        }
.nextToggle{
        display: none;
        padding:5px;
        z-index: 1000;
        }
.toggle{
        cursor:pointer;
    }

/****************************************
    
                Window CSS    
    
 ****************************************/

.toToggle{
        width:auto;
        min-width:300px;
        position:absolute;
        background: url(../images/trans2.png);
        border:1px solid #000;  
    }

/****************************************
    
                Form CSS    
    
 ****************************************/

.toToggle label{
        float:left;
        width:44%;
        margin:2px;
    }

.toToggle input, .toToggle select, .toToggle textarea{
        float:left;
        width:44%;
        margin:2px;
        min-height: 18px;
    }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.searchfilter{
    font-weight: bold;
 }
#timefilter select, #timefilter div, .filter select, .filter input{
        padding:2px;
    }

.filter select, .filter input{
        margin:2px;
    }
.filter button{
        padding:5px;
        cursor:pointer;
    }
.filter, .filter > div{
        font-weight:bold;
    }
.angebot-table{
        cursor: pointer;
    }
.accordion-content{
        display: none;
    }

.suggestionsBox {
    position: absolute;
    left: 175px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
    margin-top:25px;
}

.kundenliste p{
    margin-left:10px;
    font-size:10px;    
}
 
.suggestionList {
    margin: 0px;
    padding: 0px;
}
 
.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
 
.left_side{
        width: 30%;
        float:left;
    }

.right_side{
        width: 70%;
        float:left;
    }
.suggestionList li:hover {
    background-color: #659CD8;
}

.kundendaten{
       width:300px;
       float:left;position: relative;
}
.artikel{
        width:98%;        
        float:right;
    }
.kundendaten div{
       float: left;
       margin:2px;
       padding:2px;
}
.artikelform label, .artikelform input, .artikelform textarea, .artikelform select{
        width:90%;
        float:left;
        padding: 5px;
    }
.artikelform label{
        padding: 0;
    }

.artikelform div{
        float:left;
        width:100%;
    }

.ergebnis > td, .ergebnis{
    
        background: none;
        border-top: 1px solid #000;
    
    }

img.percentImage {
 background: white url(../images/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

.uebernommen{
        background-color: #a9ffba !important;
    }

.abgelehnt{
        background-color: #cd5e5e !important;
    }
.leerauftrag{background-color: #f0f0f0 !important;}
.stats{
        
        font-size:14px;
    
    }

.headart td{
    
   font-weight:bold; 
    
}

.artikelBox {
        position: absolute !important;        
        width: 150px;
        display: none;
        border: 1px solid;
        left: 600px;
        background: url(../images/trans2.png);
}

.artikelAutoList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    list-style:none;
    
}
.artikelAutoList li:hover{
        color: orange;
        background-color: #659CD8;
    } 

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.tour_head{
    width: 800px;
    float:left;
    }
.tour_header,.tour_header ul{
    width: 100%;
    float:left;
    min-height: 60px;
    }
.tour_header ul li{
    float:left;
    list-style:none;
    
    padding:2px;
    display: block;
    
    }

.kw_header{
        min-height:40px;
        background-color: orange;
    }
#touren{       
        left:1004px;
    }

.fixed{
        position: fixed;
        top:108px;
    }

.fixed-content{
        position: fixed;
        top:136px;
    }

#touren ol li, #touren ol{
        
        padding:2px;
        
    }
#touren ol{
        width: 450px;
        padding-left:20px;
        min-height:24px;
    }  

.tour, .tour-content{
        width:476px;
        padding:2px;
        line-height: 24px;
        cursor:pointer;
        background-color: #EBF4FF;
    }

.gepinnt{
        background-color: #BDFFD2;
    }

.draggable{
        cursor: pointer;
    }

.tour-content{
   
    overflow-y: scroll;
    overflow-x: hidden;
    max-height:800px;   
    height: 800px; 
}

.droppable input{
        display: block;
        margin: 0 0 10px;
        padding: 3px 4px;
        border: 1px solid 
        #BBB;
        font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
        text-shadow: 0 0 1px white;
        
        position: relative;
        z-index: 2;
        line-height: 18px;   
        width:60px;
        margin-right:5px;
    }

.droppable label{
        display: block;
        font-size: 10px;
        font-weight: bold;
        line-height: 18px;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

.sortitems div{
        float:left;
    }

.styled-v-bar{ /* sample CSS class for a different vertical scrollbar look */
	background:	url(custom-scroll-bar.png) center top no-repeat;
	width: 10px;
	margin-right: 0;
	margin-bottom: 4px;
}

.styled-v-bar ins{ /* Style for the "ins" inner element, or bottom of the scrollbar */ 
	display: block;
	background:	url(custom-scroll-bar.png) center bottom no-repeat;
	width: 10px;
	height: 4px;
	position: absolute;
	top: 100%;
}

.selektiv td{
    background-color: #e88888;
}

.essen_eintrag, .essen_eintrag td{    
    background: none;
}
.essen_eintrag td{
    border-bottom: 1px dotted #333;
    background: #fff;
}

.fin label{
    min-width: 140px;
    float: left;

}
.fin div{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.fin input, .fin textarea{
    float: left;

}

#fileToUpload, #fileToUploadXml{
    border: 1px dashed #8E0000;
    background: #E1F5D6;
    
}

#fileToUpload:hover, #fileToUpoadXml:hover{
    cursor: pointer;
    background: #F0B0B0;
}

#folders{
    
}
#folders > div{
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 1px 0;
    padding: 5px 0;
    padding-left: 5px;
    background-color: #EBF4FF;
}

#folders > div:hover{
    cursor: pointer;
    
}

#folders > ul{
    list-style:none;
}

#folders ul{
    margin-left: 15px;
}

#folders > ul > li{
    margin-left: 10px;
}

.folderfile{
    color: #BBB !important;
    cursor: pointer;
}
.folderfile:hover{
    color: #000 !important;
}

.bezugsauswahl > div{
    float: left;
    width: 100%;
}

.accordion .ui-accordion-header{
    padding: 5px;padding-left: 20px;
}

.bezugsauswahl > div > label, .bezugsauswahl > div > select{
    display: block;float: left;padding: 2px;margin: 5px;
}
.bezugsauswahl > div > label{
    width: 50px;
}

#display_pdf{
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 800px;
    height: 1000px;
    border: 1px solid #666;
}

.folderfile{
    font-size: 16px;
    font-family: Georgia;
    padding: 5px;
}

li > fieldset{
    margin-bottom: 10px;
    border: 1px dashed #000;
    min-height: 50px;
}

fieldset.ui-widget{
    padding: 5px;
}

#artikelcontent > p{
    margin: 5px;
}

#artikelstammfilter label{
    width: 100px;display: block;float: left;
}

#artikelstammfilter select{
    display: block;float: left;
}

#artikelstammfilter p{
    width: 100%;float: left;margin-bottom: 10px;
}

.stammartikel > span{
    float: left;
    font-weight: bold;
}

.stammartikel{
    padding: 5px;
}

.stammartikel:hover{
    cursor: pointer;
    background: #fff;
}

.AuftragFilterFix{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    
    padding: 2px;
}

.AuftragFilterFix > div{
    margin: 0 auto;
    width: 265px;border:  1px solid lightblue;background: #fff;
}

.AuftragFilter{
    float: right;
}

.editKundeAuftrag{
    position: absolute;top: 20px;
    width: 265px;border:  1px solid lightblue;background: #fff;display: none;
}

.jqplot-point-label{font-size:10px !important;}

#newArtikeldiv { position: fixed; }

.dragArt{cursor: move; background: #ADD8E6;}
.dragArt small{font-size:10px;}
.loadedStammArt{left: auto;right: -300px;width:500px !important;}

.gesamt td{border-top: 1px solid #000;}

.found > td{padding: 0;}
.found > td > table{width: 100%;}
.found th {background: #82af2e; background-image: none;}

.found > td > table td{background: #efefef;}

.artikel_aus_lager{cursor:  pointer;padding: 5px;}
.artikel_aus_lager:hover{color: orange;}
.artikel_aus_lager button{float:right;margin-right:48px;}

.haken_no {background: url('/images/no-check.png'); width: 16px;height: 16px;}

.haken_no:hover{background: url('/images/check.png'); cursor: pointer;}

.we{
    background: #eaeaea;;
}

.calendar td{border: 1px solid #ccc;border-top:0;border-right:0;}
.calendar td:last-child{border-right:1px solid #ccc;}
.calendar{width:100%;}

.saveKalender{float:right;}
.deleteKalender{float:left !important;color:red !important;}

.own{cursor: pointer;}
.own:hover{border: 1px solid #BDFFD2;background: #268843;}

.urlaub{background: #659CD8;}
.genehmigt{background: lightgreen;}

.hersteller_right{
    position: fixed;display: block;
    right: -1px;
    top: 100px;
    height:750px;
}

.hersteller_right_panel{
    width: 28px;
    height: 115px;
    border: 1px solid lightblue;
    background: url(/images/hersteller_kalku.png) #EBF4FF;
    border-top-left-radius: 5px;
    position: fixed;
    right: 0;
}
.hersteller_right > .active{
    background-color: #fff;
}
.hersteller_right_content{
    padding: 10px;
    background: #EBF4FF;
    width: 345px;
    border: 1px solid lightblue;
    border-bottom-left-radius: 5px;
    height: 700px;
    right: -366px;
    position: fixed;
}
.hersteller_right_content input, .hersteller_right_content select{
    width: 170px;float:left;margin-bottom:5px;
}
.hersteller_right_content label{
    width: 70px;display:block;float:left;
}

#kalku_list table{width: 100%;float:left;}

#rechner{
    margin-top: 116px;
    border-radius: 0; 
    background-image: url(/images/kalku_rechner.png);
}

#selektiv{
    margin-top: 232px;
    border-radius: 0; 
    background-image: url(/images/selektiv.png);
}
#neuesModellSelektivForm div{width:100%;float:left;}

#energie{
    margin-top: 347px;
    border-radius: 0; 
    background-image: url(/images/energie.png);
}
#preislisten{
    margin-top: 462px;
    border-radius: 0; 
    background-image: url(/images/preislisten.png);
}

#lieferzeiten{
    margin-top: 577px;
    border-radius: 0; 
    background-image: url(/images/lieferzeiten.png);
}

.hersteller_right_panel:hover {
    cursor: pointer;
    background-color: lightblue;
}


#margen_calculator div{float: left;}
#margen_calculator input{width: 70px;}


.modellSelektivList{width: 100%;margin-top: 10px;float:left;}
.modellSelektivList img{width: 12px;cursor: pointer;}

.red{background-color: #d50a0a !important;}
.red *{color:#fff;}
.modellSelektivList span{display: block;min-width: 50px;min-height: 50px;cursor: pointer;}

.currentStateSpecial, .saveNewSpecial, .deleteSpecial{
    cursor: pointer;
}

.modal{display:none;}

.dialog_label > div{
    float:left;margin:10px;
}

.dialog_label > div > p{
    width: 100%;margin-bottom:10px;
}
.dialog_label > div > p > span{
    display: block;width:100%;font-weight: bold;
}

.dialog_label a{color: orange !important;}
.dialog_label a:hover{color: lightblue !important;}
                          
#loaded_label{
    float: left;
}

.checkEnEV{
    float:none !important;
    width:20px !important;
}

.fields fieldset{padding:5px;float:left;margin-right:10px;background:#fff;margin-bottom:10px;}
.fields fieldset legend{cursor: move;}
.fields fieldset input, .fields fieldset select{padding:2px;width:95%;}
.fields fieldset div *{
    font-family: verdana, arial, sans-serif !important;
    font-size:10px !important;
}
.fields fieldset label{margin-right: 10px;min-width:200px;display: block;margin-bottom: 3px;font-weight: bold;font-size:12px;}

.infields{width:450px;}
.infields > div{float:left;margin-top:10px;width:100%;}
.fields fieldset input[type="checkbox"]{float:left;max-width:35px;}
.vpe_value_field input{max-width: 30px;min-width: 30px;}
.half{width:40% !important;margin-right: 10px;}
.viertel{width:20% !important;margin-right:10px;}

#herstellerFunctions{width:404px;float:left;}
#herstellerFunctions fieldset{width:150px;}

#bezugswahl *{margin-bottom:5px;}

#cke_products_description{float:left;margin-right:10px;}

.loadedValues{ width:500px !important;padding:10px;border:1px solid #999;background:#fff;left:200px;position: relative; left: 0;}

.loadedAccSideWindow{
    border: 1px solid #ccc;
    background: #fff;
    display: none;
    min-height: 50px;
    width: 200px;
}

.loadedAccSideWindow ul{list-style: none;padding: 0;margin: 0;}

.loadedAccSideWindow ul li{
    padding: 2px;
    background: #fafafa;
    cursor: pointer;
}
.loadedAccSideWindow ul li:hover {
    background: lightblue;
}

.loadedAccListTable{
    min-width: 300px;
}

.loadedAccListTable tr{
    height: 24px !important;
}

.attributes_table{width:100%;float:left;}

.subcat{text-indent: 10px;}

#shoplist{
    width:100%;
}

#shoplist td{
    line-height:18px;padding:2px;
}
#shoplist td img{margin-right: 3px;}

#shoplist td small{font-size: 10px; color: #666;}

.inactive td, .inactive td a{
    background: #f0f0f0;color: #999;
}

.cke_skin_kama .cke_dialog_body { z-index: inherit; }

.bestellt td{ background: orange;}

.modal #loader, #dialog_editProduct #loader{
    text-align: center;font-size:24px;
}

.changeproductsstatus{cursor: pointer;}

.options img{height: 16px;cursor:pointer;}

#searchXsellProduct{
    left:185px;top:20px;
    position:absolute;
    height:16px;
    width:16px;
    border:none;
    background: url('../images/search.png');
    cursor:pointer;
}
select[name="xsellgroup"], select[name="product_options_select"]{
    width: 200px !important;margin-bottom:10px;
}
#crossprodukt, #crossprodukt > input{position:relative;}
#searchProductResult img{max-width: 60px;}
#searchProductResult table { width: 100%; }
.loadedXsells {width:750px;}
#crossprodukt > input{width:172px;padding-right: 25px;}
#searchProductResult{border:1px solid #000;background:#fff;height:400px;width:730px;}
.shadow{-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5) !important;}

#searchProductResultButtons{bottom:-438px;background: #FFF;padding: 5px;padding-top:8px;border: 1px solid;width:150px;}
.newXsell td, .absended{font-weight: bold !important;color:green !important;}

.addModellInProduct{cursor:pointer;}
#addModellFormProduct{
    display:none;
    position:absolute;
    background: #E9E9E9;
    padding: 5px;
    border: 1px solid;
}

#prodEinstellungNeu, .ausfuehrungsList img{ cursor: pointer;}
.ausfuehrungsList img, .ausfuehrungsList td:nth-child(2){text-align:right;float:right;}
.ausfuehrungsList td:last-child, .elementOptionsForm td:last-child{width:60px;position:relative;}
.subOptionForm, .subElementOptionForm {left:-888px;top:28px;}
.makeitread{background: lightgreen !important;}

.hasRekla{background: lightsalmon !important;}

/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }
.editLabels select{
    width:750px;height:700px;
}

.labelsProduct{width:400px !important;height:250px !important;}

#deleteProductForm{width: 270px;}

#loadedPls td{word-wrap: break-word;max-width:150px;}

#sortimentTable {width: 100%;}

#sortimentTable a{color: #2C9ECB;}

#sortimentTable a:hover{color: orange;}

.lastEntry{margin-top:15px;font-style: italic;float:right;color:#999;}

.sortimenthead > tr{
    background-color:orange;
    cursor: pointer;
}

.openFolder{cursor:pointer;}

#bilddaten a{color: #8ABAC9;}
#preiserhoehung{display:block;}
#bilddaten li{
    height: 120px;
    width: 115px;
    display: block;
    float: left;
    border: 1px solid #ddd;
    margin:10px;
    padding:3px;
    position: relative;
}

#bilddaten li span{
    display: block;
    width:100%;
    position:absolute;
    bottom: 0;
    font-size:10px;
}

#bilddaten li:hover{
    border: 1px solid #fff;
    background: #fff;
}

#bilddaten li img{
    max-width:100px;
    max-height: 90px;
}

.clear{
    clear: both;
}

.warn{
    display: block; float: left;
    background: url('/css/ui-lightness/images/ui-icons_ef8c08_256x240.png') no-repeat;
    width: 16px;
    height: 16px;
    background-position: -1px -144px;
}

#toolbar{
	position: fixed;
	height: 40px;
	bottom: 0;
	z-index: 1000;
	font-size: 11px;
	font-weight: bold;
	color: #494949;
	line-height: 42px;
        
}
#toolbar-inner{
	background-image:url('/images/taskbar-bg.png');
	height: 100%;
        position: fixed;
        right:0;
}

#todo, #stunden, #marked-ek, #adressBook{
	background-image:url('/images/todo.png');
	background-position: 0 0px;
	height: 40px;
	background-repeat: no-repeat;
	float: right;
	width:50px;
	cursor: pointer;
	position: relative;
        border-left:2px solid;
}
#adressBook{background-image:url('/images/phone.png');}
#stunden, #marked-ek{background:none;width:auto;}
#marked-ek{padding:5px;}
#stunden p{text-align:right;padding:5px;}
#todo:hover, #adressBook:hover{
	background-position: 0 -40px;
}

#adressBookResponse table{float:left;}

#todo-list-header{
	height:35px;
	background-color:#EBF4FF;
	font-family: Tahoma,Arial,sans-serif;
        font-size: 11px;
	line-height: 35px;
	padding-left:10px;
}

#todocontent{padding:5px;min-height:226px;}

#todocontent > h2{
    font-size: 12px;
    border-bottom:1px solid #ccc;margin-bottom: 3px;font-weight:bold;
}

.warnlist > div{
    width:100%;margin-bottom:5px;
}
.warnlist > div > span{display: block;font-style: italic;color: #aaa;}

#sortimentTable .ui-state-hover > *{font-weight:bold;}

#loadBestandsliste{display:none;}
.errorBestand{box-shadow:0 0 4px 1px #ff0000;background-color: #ffeeee;border:1px solid #cc0000;}
.applyBestand{box-shadow:0 0 4px 1px #889900;background-color: #eeffbb;border:1px solid #889900;}
.bestandLiveSuche{background: none !important;background-color: #efefef !important;}
.bestandLiveSuche > li > a{background: none !important;border:0 !important;}
.bestandLiveSuche > li > a:hover{font-weight: normal !important;cursor: pointer !important;}

#_rpc_ausstellung_abzug_menge_shop{width:300px;height:auto;position: absolute;top:100px;left:50px;padding:10px;background-color:#efefef;border:1px solid #f00;border-radius: 6px;box-shadow: 0 0 10px #f00;}
#_rpc_ausstellung_abzug_menge_shop > p{line-height:16px;padding-top:10px;}
#_rpc_ausstellung_abzug_menge_shop .neue_menge_shop{width:24px !important;padding:0;margin:0;border:1px solid #999;min-height: 12px;text-align:center;float:none;}
#_rpc_ausstellung_abzug_menge_shop .buttons > input{margin:8px;}
#_rpc_ausstellung_abzug_menge_shop .message{width:100%;height:50px;margin:0; padding:0;font-weight: bold;position: relative;top:15px;text-align: center;}

#newArtikeldiv .artikel_aus_lager {border-bottom: 1px solid #ccc;border-top: 1px solid #fff;width:98% !important;}
#newArtikeldiv .artikel_aus_lager:first-child {border-top: 0 none;}
#newArtikeldiv .artikel_aus_lager:last-child {border-bottom: 0 none;}
#newArtikeldiv .artikel_aus_lager .selectMenge{width:50px;}

#newArtikeldiv .artikel_aus_lager_angebote {border-bottom: 1px solid #ccc;border-top: 1px solid #fff;width:98% !important;}
#newArtikeldiv .artikel_aus_lager_angebote:first-child {border-top: 0 none;}
#newArtikeldiv .artikel_aus_lager_angebote:last-child {border-bottom: 0 none;}
#newArtikeldiv .artikel_aus_lager_angebote button{margin:5px 0;position: relative;left:360px;}

#fileLoader{background-color:#fff;opacity: 0.8;position: absolute;top:0;left:0;width:100%;height: 100%;text-align: center;box-shadow: 0 0 100px #87c1f5 inset;}
#fileLoader > div > p{font-size: 20px;}
#fileLoader > div > .fileLoaderSuccess{position: relative;top:100px;}

.savePayDoc{float:left;width:100%;}

.reTable{position: relative;}
.exportRe{display: none;}
#downloadArchiv{font-size:14px;}

.kundendaten .sendab div{clear:both;float:none;width:97% !important;}
.kundendaten .sendbe div{clear:both;float:none;width:97% !important;}

/*-------------------------------- NEWSLETTER ----------------------------------------------------------------------------------------------*/
.nlIcon{cursor:pointer;}
#newsletter > #newsletterList{width:100%;}
#newsletter > #newsletterList td .nlIconO{margin-top:3px;float:left;margin-right: 5px;}
#newsletter > #newsletterList td{vertical-align:middle;}
#newsletterNeuForm div{width:100% !important;}
#newsletterNeuForm .cke_contents{height:490px !important;}
#newsletterList img, #tableKunden img, #dialog_newsletterKundenTable img{margin-left: 10px !important;margin-top:2px !important;}
#dialog_newsletterKundenTable .couponActive{}
#dialog_newsletterKundenTable .couponInactive{color:#a50000;text-decoration:line-through;}
#dialog_newsletterKundenTable{width:100% !important;}

#tracking{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.5);z-index:999;top:0;left:0;}
#trackingContent{width:1440px;height:800px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #000;float:left;margin:auto;position: relative;left:200px;top:50px;}
#trackingContent a.boxclose{text-align:center;background: none repeat scroll 0 0 #999;border: 1px solid #999;border-radius: 12px;box-shadow: 0 0 2px #999;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: bold;height: 16px;line-height: 16px;position: absolute;right: 10px;top: 10px;width: 16px;}
#trackingContent .boxclose:before {bottom: 1.1px;content: "×";position: relative;}

#trackingOptions{padding:10px 0;float:left;width:100%;border-bottom:1px solid #eee;margin-bottom:20px;}
#trackingOptions .auswahlMonat{position: relative;right:10px;float:right;}
#trackingHeadline{font-size:18px;font-weight: normal;float:left;color:#666;}
#trackingCharts{float:left;overflow-y:scroll;}

/*-------------------------------- POLSTERPLANER ----------------------------------------------------------------------------------------------*/
.newPolsterElement{margin-bottom:20px;}
.newPolsterElement fieldset, .liveModal fieldset {background:#fff;float:left;margin-right:15px;position:relative;}
.newPolsterElement fieldset > div, .liveModal > form > div{width:320px;float:left;}
.newPolsterElement fieldset > div > div, .liveModal > form > div > div{margin-bottom: 5px;}
.newPolsterElement fieldset label, .liveModal label{display: block;font-weight: bold;}
.newPolsterElement input, .newPolsterElement textarea, .newPolsterElement select, .liveModal input, .liveModal textarea, .liveModal select, .elementOptionsForm input, .elementOptionsForm textarea, .elementOptionsForm select{width:300px;padding:5px;border:1px dashed #ccc;background:#f8f8f8;}
.newPolsterElement select, .liveModal select, .elementOptionsForm select{padding:2px;}
.newPolsterElement textarea, .liveModal textarea, .elementOptionsForm textarea{height:130px;}
.newPolsterElement button > span > img, .elementOptionsForm button > span > img{float:left;margin-right:10px;}
.newPolsterElement button, .elementOptionsForm button{float:right;margin-top:5px;margin-right: 7px;}
.polsterelements img{max-width:40px;}
.polsterelements table{width:100%;}
#saveNewPolsterElementButton{float:left;}
.ui-widget-content{padding:5px;}
/*

POLSTERPLANER!!!!

*/


#loadedPlaner{margin-top:20px;}
#loadedPlaner table, .ausfuehrungsList, .ausfuehrungsList table{width:100% !important;}
#loadedPlaner table td > img{cursor:pointer;}
.ausfuehrungsList > h2 > div{margin:0;}


.pl_gueltig_bis{cursor:pointer;}
.pl_gueltig_bis:hover{background-color:#efefef;}
#loadedPls .green{background-color:#e6fabe;}

.elementOptionsForm, .deleteAusf{
    background: #FFF;
    position: absolute;
    width: 450px;
    padding: 10px;
    border: 1px solid;
}
.deleteAusf{right:0;width:250px;z-index:99;}
.deleteAusf h1{font-weight:bold;border-bottom:1px solid; margin-bottom: 10px;color:#8e0000;}

#firstlogin{display:none;}
#firstlogin > a{font-weight:bold;color:#8e0000;}

.noborder{
    padding:0 !important;border-radius:0 !important;border:0 !important;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.5);  
         -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1.5);background: #fff !important;
}
.noborder .ui-dialog-titlebar{margin:0;border-radius:0;border:0;background:#8e0000;}

.bestellMessage {background-color: #f9f9f9;border: 1px solid #666;border-radius: 6px;box-shadow: 0 0 20px #666;padding: 20px;position: fixed;text-align: center;left:45%;top:200px;}
.bestellMessage p{font-weight:bold;}
.changeOrderStatusSuccess{background-color:#f0f7e3  !important;}

.reklaLieferlist{border:1px solid #F00;color:#F00;}

#fastview_all{width:800px;}

.mStatus, .mIcon, td.inpTdMark, .saveNewMarketingTypInput, .saveNewSliderTypInput{cursor:pointer;}
#marketing table{width:100%;}
#marketingTable{table-layout:fixed;}
#marketing table tr td{vertical-align:middle;}
.mTypImage{max-width:100px;max-height:50px;}
.saveNewMarketingTypInput, .saveNewSliderTypInput{position:relative;top:3px;left:3px;}
#marketingloader{background-color: #efefef;border: 1px solid #999;border-radius: 6px;box-shadow: 0 0 10px #999;left: 700px;padding: 5px;position: fixed;text-align: center;top: 100px;}
.mTypIdSlider textarea{width:300px;min-height:200px;}
.drag{cursor:move;background-color:#ccdeee;}

.foundetModellsVerwaltung div > label{width:100%;float:left; font-weight:bold;}
.table_yellow{background-color: gold !important;}

#pe_modells{width:100%;}
#pe_modells > div{
    float:left;
}
#pe_modells > div > p{border-bottom:1px solid #ccc;font-weight:bold;margin-bottom:5px;padding-bottom:5px;}
.pePG, .peModellsContent{width:50%;}

.wspacer{
    margin-top:10px;
}

.wspacer:first-child{
    margin-top:0px;
}

.addInCalendar td:hover{cursor:pointer;background-image:url(/images/plus.png);background-repeat:no-repeat;background-position:center;}
.addInCalendar td.editurlaub:hover{background-image:url(/images/edit.png);}
.addInCalendar td:first-Child{cursor:default;background-image:none;}
.birthday{width:16px;height:16px;}
.liveDialog form > div, .liveNewEntry form > div{float:left;width:100%;margin-bottom:5px;}
.liveDialog form > div > label, .liveNewEntry form > div > label{float:left;width:30%;}
.liveDialog form > div > input, .liveNewEntry form > div > input{float:left;width:50%;}
.editurlaub{cursor:pointer;}
.unbezahlt{background-color: #659CD8;}
.krank{background-color:darkred;}
.aussendienst{background-color:orange;}
.provistats strong{display:block;float:left;width:150px;}
.provistats div:last-child{border-top:1px solid #000;width:300px;margin-top:5px;padding-top:5px;}
.gehaltsrechner{position:absolute;right:0;top:100px;width:220px;}
.gehaltsrechner input{float:right;}
.gehaltsrechner div{float:left;width:100%;}
.legende{margin-top:1em;}
.auszahlen{float:right;}
.mitarbeiter td small{font-weight: bold;display: block;font-size: .77em;}
#dialog_pe > label{display:block; font-family:'Open Sans', sans-serif; line-height:21px;font-size:20px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc;}
.peModells input[type="checkbox"]{position:relative;top:2px;padding-left:5px;}
.peModells{width:200px;font-family:'Open Sans', sans-serif !important;font-size:16px !important;}
.peModells legend{padding:.2em 1em !important;}
.peModells fieldset{background:#fafafa;}
.peModells div{float:left;width:100%;}

.fileTree{float:right;background-image:url(/images/directory.png);background-repeat: no-repeat;width:16px;height:16px;cursor:pointer;}

.rekla *, .mapInfoWindow{font-family:'Open Sans', sans-serif !important;font-size:14px;}
.rekla legend{padding:.25em;font-weight:normal;}
#map{float:left;width:45%;}
#tourResponse{width:50%;margin-left:1em;float:right;font-family:'Open Sans', sans-serif !important;font-size:14px;}
#tourResponse h1{padding-bottom:.5em;width:100%;font-size: 24px;border-bottom:1px solid #ccc;padding-top:1em;}
.kunde{font-weight:bold;border-bottom:1px solid #ccc;margin-bottom: .5em;}
.bestellList{margin-top:.5em;}
.bestellListMap{width:100%;}
.bestellListMap th{background:none;border:none;border-bottom:1px solid #ccc;font-weight:normal;padding:.5em;}
.bestellListMap td{padding:.5em;}
.addToTour, .removeFromTour, .addStations, .addReklaStations, .addPauseToTour, .refreshMap{float:right;margin-right:.5em !important;}
.routeStations input{background:none;border:none;font-weight:bold;cursor:pointer;}
.routeTimes > div > span{display:block;padding-bottom:.25em;border-bottom:1px solid #ccc;}
.routeTimes > div{max-width:50%;float:left;}
.routeTimes input{width:50%;}
.routeStations input:hover{color: #8e0000;}
.tableNoStyle th{background:none;border:none;}
.tableNoStyle th, .tableNoStyle td{padding: 0px 6px;padding-top:2px;}

.liveNewSepa input{padding:2px;margin:2px;}

.rekla #loader{text-align:center;}
#reklaListResponse{margin-top:1em;}
.reklaFilters{position:relative;right:0;top:-2em;float:right;}
#reklaListResponse > table, .reklaArtikelList > table, #reklaResponse .reklaHistoryList table, #reklaResponse .herstellerRekla table{width:100%;}
#reklaListResponse > table > tbody td{cursor:pointer;}
.reklaArtikelList td:nth-child(4){white-space: pre-wrap;}
.reklaArtList td{font-size:11px;}
.reklaArtList .reklaBemerkung, #reklaResponse .reklaBemerkung{background:#e0e0e0;}
.reklaArtList .reklaBemerkung textarea, #reklaResponse .reklaBemerkung textarea, .LSBemerkung{padding:1em;min-width:40%;min-height:125px;float:left;margin-right:1em;}
.reklaArtList .reklaBemerkung td > div{float:left;width:55%;margin-bottom:.5em;}
.reklaArtList .reklaBemerkung td > div > label{width:20%;display:block;float:left;line-height:150%;text-align:right;padding-right:.5em;}
.reklaArtList .reklaBemerkung td > div > input, .reklaArtList .reklaBemerkung td > div > select{display:block;float:left;}
.LSBemerkung{width:100%;box-sizing: border-box;}

#reklaResponse .reklaArtikelList .reklaArtDetails{width:55%;float:left;}
#reklaResponse .reklaArtikelList .reklaArtDetails .artDetails{float:left;}
#reklaResponse .reklaArtikelList .reklaArtDetails .artDetails > div{width:100%;display:block;float:left;}
#reklaResponse .reklaArtikelList .reklaArtDetails .artDetails > div > label{  width: 33%;  display: block;  float: left;  line-height: 2.25em;}
#reklaResponse .reklaHistory{float:right;width:30%;}
#reklaResponse .reklaDetails{float:left;width:69%;}
#reklaResponse h2.heading{font-weight:bold;font-size:1.25em;}
#reklaResponse .reklaHistory .reklaHistoryList, #reklaResponse .herstellerRekla{width:100%;min-height:100px;background:#eaeaea;border:1px solid #A1B1E9;border-top:none;box-sizing:border-box;margin-top:-12px;}
#reklaResponse *{font-family:'Open Sans', sans-serif !important;font-size:14px;line-height:1.25em;}
.reklaKunde > div{float:left;width:47%;}
#reklaResponse a{color:lightblue;}
#reklaResponse a:hover{color:orange;}
#reklaResponse .reklaHistory > div{margin-bottom:.5em;}
#reklaResponse .reklaArtikelList tbody td, #reklaResponse .reklaHistory tbody td, #reklaResponse .herstellerRekla tbody td, #reklaResponse .herstellerRekla tbody td input{font-size:11px !important;}
#reklaResponse .reklaFiles{width:100%;float:left;}
#reklaResponse .reklaFiles h1, #reklaResponse .reklaFiles h2{margin:0;}
#reklaResponse .reklaFiles table{width:100%;background:#fff;}
#reklaResponse .reklaStatus > div{float:left;width:100%;margin-bottom:.5em;}
#reklaResponse .reklaStatus label, #reklaResponse .reklaStatus input, #reklaResponse .reklaStatus select {width:25%;display:block;float:left;}
#reklaResponse .reklaHistoryList td, #reklaResponse .reklaFiles label, #reklaResponse .reklaFiles input{font-size:11px;}
#reklaResponse .reklaFiles .halfRow input{width:45%;}
#reklaResponse .reklaFiles .halfRow{margin-top:.5em;}
#reklaResponse .reklaFiles form{display:none; padding: 1em;box-sizing: border-box;background-color: #f0f0f0;border: 1px solid lightblue;position:relative;}
#reklaResponse .reklaFiles .fileuploadRekla, #reklaResponse .reklaFiles .fileRekla{  background-color: lightgreen;  border: 1px solid #999;  padding: 5px;  line-height: 1.25em;  height: 17px;  width: 20px !important;
  border-top-right-radius: 6px;  border-bottom-right-radius: 6px;  cursor: pointer;}
#reklaResponse .reklaFiles #loader > img{position:relative;top: -25px;}
#reklaResponse .reklaFiles #loader{position: absolute;  background-color: #fff;  opacity: .5;  height: 100%;  top: 0;  left: 0;}
#reklaResponse .reklaFiles a{font-size:11px;color:orange;}
#reklaResponse > div.reklaHistory > div.reklaFiles{width:100%;}
.customHistoryText{padding:.5em;width:100%;min-height:15em;box-sizing:border-box;}
.sendReklaToManResponse textarea{font-size:14px;font-family:'Open Sans', sans-serif;padding:.5em;width:100%;box-sizing: border-box;}
.errorSelectModel{border: 2px solid red;  box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.7) !important;}
.buchungen td{white-space: pre-wrap;word-wrap: break-word;}
.buchungen{border-collapse: collapse;}
.buchungen .zweck{max-width:400px;}
.buchungen .buchungbetrag{min-width:150px;text-align:right;font-weight:bold;}
.buchungen .buchungssatz:hover{cursor:pointer;}
.buchungen .activeBuchung{  background: lightblue;}
tfoot tr:first-child td{
    border-top: 2px solid lightblue;
}
.pagination ul{float:left;width:100%;list-style:none;margin-bottom:.5em;}
.pagination ul li{float:left;margin-right: .5em;border:1px solid #ccc;padding:.25em .5em; border-radius: .35em;cursor:pointer;background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x}
.pagination ul li:hover{background:#fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;}
.pagination ul li.currPage{font-weight:bold;}
.pagination ul li.noPagination, .pagination ul li.noPagination:hover{border:none;background:none;cursor: default;}
.addToTour, .addReklaToTour{position:absolute !important;right:20px;top:0;}
.addStations span, .addReklaStations span, .refreshMap span{padding-left:24px !important;}
.addStations img, .addReklaStations img, .refreshMap img{position:absolute;left:4px;max-height:12px !important;}
.addStations, .addReklaStations, .refreshMap{margin-top:-.5em;}
.notToTour{opacity: .25;}
.notToTour:hover, .saveToTour{opacity: 1;cursor:pointer;}
.saveToTour td{font-weight: bold;color:darkgreen;}
.saveToTour td:first-child > span{background-image:url(../images/check.png);width:16px;height:16px;display:block;}