/* ui dialog */
.ui-widget-content a {
    color: #41464c;
    text-decoration: none;
    cursor: pointer;
}
.ui-widget-content a:hover {
    text-decoration: none;
    color: #aebe45;
}



/*  für Druck */
.nowrap{
    white-space: nowrap;
}

.no-border{
    border: none;
}

.no-screen{
    display: none;
}

.no-underline{
    text-decoration: none;
}


/* ################## Hinweisstext über dem Content ################## */
#topper{ 
    margin: 0px;
    padding:0px;
} 

.topper-content{ 
    height: 23px;
    padding: 5px 15px 0px 15px;
    background-color: #1a1c27;
    color: #ffffff;
} 



/* Toogle im content */
.toggle {
    border-bottom: 1px solid #8d919a;
    font-size: 1.1em;
    font-weight: bold;
    margin:20px 0px 20px 0px;
}

.toggle a:hover  {
    text-decoration: none;
    color:#41464c;
}

.toggle-content {
    padding:10px;
    border-bottom: 1px solid #8d919a;
    display: block;
}




.clearfix{
    clear:both;
}


/* ################## generic layout classes ################## */
.two-columns > div {
    width: 48%;
}

.spacer-left {
    margin-left: 20px;
}

.spacer-right {
    margin-right: 20px;
}


span{
    vertical-align: middle;
}

span > span{
    vertical-align: baseline;
}

/*a span:nth-of-type(1){
    vertical-align: middle;
}

a span:nth-of-type(2){
    vertical-align: middle;
}*/


/* ############################################################### 
####################### nav- -- sidemenu  ########################
##################################################################*/
.ico-sidemenu-hide {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat; 
    background-position: -125px -1000px;
    width: 24px;
    height: 24px;
    
    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-sidemenu-show {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat; 
    background-position: -150px -1000px;
    width: 24px;
    height: 24px;
    
    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.sidemenu-toggler {
    cursor: pointer; 
    margin-bottom: 20px;     
}

.absolute-left {
    position: absolute;
    width: 300px;
}

.fixed-left {
    position: fixed;
    width: 300px;
}

.dyn-right {
    margin-left: 320px;
    width: auto;
    position: relative;
}

.sidemenu-title {
    color: #aebe45;
    font-size: 1.7em;
    margin-bottom: 20px;   
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 30px;  
    white-space: nowrap; /* kein Zeilenumbruch*/
}


/* ############################################################### 
######### nav- -- sidemenu - hamburger-toggler ###################
##################################################################*/
.hamburger-toggler{
    cursor: pointer;
    color: #41464c;
    font-size: 30px;
    position: absolute;
    top: 25px;
    left: 260px;
}

.hamburger-toggler:hover{
    color: #aebe45;
}


/* ################## float left für DIV ################## */
.pull-left{
    float:left;   
}

.pull-right{
    float:right;
}


/* ################## Horizontale Ausrichtung in li ################## */
.horizontal{
    display:inline;
    margin-right: 20px;
}



/* ################## calendar ################## */
ul#calendar, ul#calendar ul {
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}

ul#calendar li.datum { 
    font-weight: bold;
    padding: 6px 6px 10px 0px;
}

ul#calendar li.datum span.title { 
    font-weight: normal;
    padding: 0px 6px 0px 0px;
}


/************************************************ 
******************* Schriften *******************
*************************************************/

/* wenn Text überschrieben werden soll z.B. in Tabellen der th  */
.body {     
    font-weight: normal;
    color: #41464c !important;  
}


.pagetitle {
    color: #aebe45;
    font-size: 1.7em;
    margin-bottom: 20px;
    margin-top: 20px;
    vertical-align: middle; /* wenn span.editable daneben, bei VS und LS */
}


.pagetitle-small {
    font-size: 1.1em;
    font-weight: bold;
    color: #aebe45;
}


h1{
    font-size: 1.4em;
    font-weight: bold;
    /*margin-bottom: 3px;*/
}

h2{
    font-size: 1.3em;
    font-weight: bold;
}

h2.footer{
    margin: 0px;
}

h3{
    font-size: 1em;
    font-weight: bold;    
}


.small{	
    font-size: 0.9em;
    font-weight: normal;
 
}

.bold{
    font-weight: bold !important;
}

.italic{
    font-style:italic !important;
}

/* wahrschenlich keine Verwendung mehr */
.titel {
    padding: 10px 0px 5px 10px;
    font-weight: bold;
}


.pageintro {
    font-size: 0.9em;
    color: #999;
}

.textblock{
    line-height: 1.5em;
}


dl.sidebyside dt {
    float:left;
    margin-right: 0.5em;    
}

dl.sidebyside dd {       
    margin-bottom: 0.5em;   
}


/* ################## links ################## */
a {
    color: #41464c;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: #aebe45;
}

a.white {
    color: #ffffff;
    text-decoration: none;
}

a:focus{
    outline: none;
}

a.textlink {
    color: #41464c;
    text-decoration: underline;
}

a.textlink:hover {
    color: #aebe45;
}
/* ************************************************
*******************   LABEL   *********************
************************************************* */

/* neues label linksbündig!!!!!! KEINE Breitenangabe!!!!*/   
label { display: inline-block; text-align: left; margin-right: 15px; font-weight: bold; color: #8d919a; font-size: 0.9em; padding-bottom:3px;} 

/* neues label top!!!!!! KEINE Breitenangabe!!!!*/  

label.top { 
    display: block;
}

ol.form.label-left-2 label:first-child {
    width: 2em;
}

ol.form.label-left-5 label:first-child {
    width: 5em;
}

ol.form.label-left-10 label:first-child {
    width: 10em;
}

ol.form.label-left-15 label:first-child {
    width: 15em;
}

ol.form.label-left-20 label:first-child {
    width: 20em;
}

ol.form.label-left-25 label:first-child {
    width: 25em;
}

ol.form.label-left-30 label:first-child {
    width: 30em;
}

ol.form.label-top label {
    display: block;
}




/* ***************************************************
   *******************    Formulare   ****************
   *************************************************** */
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/* .text   .password .selectbox  ohne margin-bottom stattdessen...*/
ol.form li{
    /*margin-bottom: 10px;*/
    margin: 0px 0px 5px 0px;
    list-style-type: none;
}

/* Platzhalter zwischen den li für Gruppierungen */
ol.form li.spacer{
    height:10px;
}

ol.form {
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

/* ##################  verschiedene Formularelemente ################## */

.text, .textbox, .ico-search, .selectbox {    
    /*font-family: Verdana,Helvetica,Arial,sans-serif;*/
    color:#41464c; /* IE Edge*/
}

/* ##### imput ##### */
.text {
    height: 20px;
    border: 1px solid #8d919a;
    background-color: #fff;
    
    vertical-align: middle;
    padding: 0px 5px 0px 5px; /* innerer Text */
    
    /* Edge + Safari - kann nicht angegeben werden da es auf handy dann nicht mehr stimmt */
/*    font-size: 1em;  */

/*    font-size: inherit !important;  safari zoomt die Schrift nicht mehr */
/*    font-size:1em !important;*/
}


.password {
    height: 20px;
    border: 1px solid #8d919a;
    background-color: #fff;

    vertical-align: top;
}

.textbox {
    resize: none;
    width: 100%;  
   
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box;  
    box-sizing: border-box;

    border: 1px solid #8d919a;
    background-color: #fff;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;
/*    display:inline-block;*/
    text-align: left;
}

/*
.radio{ 
    margin-bottom: 10px;
}

*/

/*  zu JQuery - datepicker   */
button.ui-button-icon-only{
    height: 23px;
    margin-left: 4px;
    position:absolute;
}

/******************************************************
*******************   datepicker  ********************
*******************************************************/
.ui-icon-calendar {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg)!important;
   background-repeat: no-repeat;
   width: 17px !important;
   height: 14px !important;
   background-position: 0px -975px !important;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
   
   margin-top: -0.6em !important;/* überschreibt JQuery*/
}

/******************************************************
****** inline datepicker multiple date select *********
*******************************************************/
.datepicker-free, .datepicker-busy, .datepicker-default, .datepicker-holiday, .datepicker-schoolvacation {
    border: none !important;
}

.datepicker-legend-free, .datepicker-free a, .datepicker-free span,
.datepicker-legend-busy, .datepicker-busy a, .datepicker-busy span,
.datepicker-legend-default, .datepicker-default a, .datepicker-default span,
.datepicker-legend-holiday, .datepicker-holiday a, .datepicker-holiday span {
    color: #ffffff !important;
    background-image: none !important;
}

.datepicker-legend-free, .datepicker-free a, .datepicker-free span {
    border: 1px solid #79c8f1 !important;
    background-color: #79c8f1 !important;
}

.datepicker-legend-busy, .datepicker-busy a, .datepicker-busy span {
    border: 1px solid #eb8b5c !important;
    background-color: #eb8b5c !important;
}

.datepicker-legend-default, .datepicker-default a, .datepicker-default span {
    border: 1px solid #aebe45 !important;
    background-color: #aebe45 !important;
}

.datepicker-legend-holiday, .datepicker-holiday a, .datepicker-holiday span {
    border: 1px solid #d54f64 !important;
    background-color: #d54f64 !important;
}
 
.datepicker-legend-schoolvacation, .datepicker-schoolvacation a, .datepicker-schoolvacation span {
    border: 1px solid #eae885 !important;
    background-color: #eae885 !important;
    background-image: none !important;
    color: #555555 !important;
}

/* obsolete? */
/*
.datepicker-free a:hover, .datepicker-busy a:hover, .datepicker-default a:hover {
    color: #ffffff !important;
}
*/

.ui-state-disabled.datepicker-schoolvacation, .ui-widget-content .ui-state-disabled.datepicker-schoolvacation, .ui-widget-header .ui-state-disabled.datepicker-schoolvacation, 
.ui-state-disabled.datepicker-holiday, .ui-widget-content .ui-state-disabled.datepicker-holiday, .ui-widget-header .ui-state-disabled.datepicker-holiday{
    opacity: 1;
}

/******************************************************
*******************   datepicker new ********************
*******************************************************/
.calendar-new::after {
    background-image: url("d0e183903e43.aebe45.ebizA_V2_sprite.svg");
    background-position: 0px -975px;
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    height: 14px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0.3em;
    vertical-align: middle;
    width: 17px;
    
    text-align: center;    
}

.calendar-new{
    display: block;
/*    padding: 0px 25px 0px 5px;*/

    position: relative;
}




/**********************************************  
************* Lupe innerhalb von input  *******
***********************************************/
                           
.ico-search {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    /*background-position: right center;*/
    width: 22px;
    height: 22px;
    background-position: -125px -525px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;	

    padding: 0px 5px 0px 25px !important; /* für Text Einrückung innen */
    font-size: 1.2em;
}

#apprenticeSelectorSearch{
    margin-left: 10px; 
    margin-right: 20px; 
    margin-top: 8px; 
    background-color:transparent; 
    border:none; 
    border-bottom: 1px solid  #34383d; 
    color:#fff;            
 }    
 
 
/* suche in der main navigation*/
#apprenticeSelectorSearch:hover{
    border-bottom:1px solid #fff !important;          
 }
 
 

/* ##############################################################
########################## radio und checkbox ################### 
############################################################### */ 
 
span.checkbox-invalidInput{ 
  padding: 2px;
   border-left:2px solid #d54f64;
}

span.checkbox-required{ 
   padding: 2px;
   border-left:2px solid #eae885;
}

/* ##############################################################
############### Mehrfachauswahl radio und checkbox ############### 
############################################################### */
ol.multiselect-hgroup,
ul.multiselect-hgroup,
ol.multiselect-vgroup,
ul.multiselect-vgroup  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.multiselect-hgroup li,
ul.multiselect-hgroup li {
    display: inline;
}

ol.multiselect-vgroup li,
ul.multiselect-vgroup li {
    
}


/* ###################################################
####### Kombinierte Auswahlbox - selectbutton #########
#####################################################*/
.selectbutton {
        height: 28px !important;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;  
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 5px !important;
    }

.context-menu a {
    font-size: 1.1em;
    line-height: 20px;
    padding-right: 5px;
    width: 100%;
}

/* ########################################
############### selectbox ################# 
##########################################*/
/*.selectbox {
    height:22px;
    border: 1px solid #8d919a !important;
    background-color: #ffffff !important;
    vertical-align: top;
    width:16.1em;
    text-overflow: ellipsis;    
}*/

/* IE10 und IE11 - dropdown wird sonst doppelt angezeigt*/
select::-ms-expand {
    display: none;
}


.selectbox {        
    /* styling */ 
    display: inline-block;
    padding: 0px 20px 0px 1px;
     -webkit-padding-start:5px; /* Einrückung links für Safari */   
       
    width: 16em;    
    height: 22px;       
      
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    
    /* background */
    background-color: #ffffff;
    border: 1px solid #8d919a;
   
    /* reset */
    margin: 0; 
    box-sizing: border-box;     
    -webkit-box-sizing: border-box;/* Firefox*/
    -moz-box-sizing: border-box;/* Safari und Chrome */
    
    appearance: none;
    -webkit-appearance: none;/* Firefox */
    -moz-appearance: none; /* Safari und Chrome */
   
    border-radius: 0px;
    -webkit-border-radius:0; /* runde ecken entfernen */
    -moz-border-radius: 0;
       
    background-image: url(d0e183903e43.aebe45.ico_dropdown_grey.png);
    background-position: calc(100% - 5px) calc(100% / 2);
    background-size: 10px 6px;
    background-repeat: no-repeat;              
    
    text-overflow: ellipsis;
    overflow: hidden;             
    white-space: nowrap;
    
    cursor: pointer;
    
    /* Edge + Safari - kann nicht angegeben werden da es auf handy dann nicht mehr stimmt */
/*    font-size: 1em;  */

/*    font-size: inherit !important;  safari zoomt die Schrift nicht mehr */
    font-size:1em !important;
    
    vertical-align: top;
}

.selectbox-160 {
    /* styling */
    background-color: #ffffff;
    border: 1px solid #8d919a;
    display: inline-block;
    padding: 3px 20px 3px 1px;
    width: 160px;
    height: 22px;

    /* reset */
    margin: 0; 
    box-sizing: border-box;     
    -webkit-box-sizing: border-box;/* Firefox*/
    -moz-box-sizing: border-box;/* Safari und Chrome*/
    

    appearance: none;
    -webkit-appearance: none;/* Firefox*/
    -moz-appearance: none; /* Safari und Chrome*/
   
    background-image: url(d0e183903e43.aebe45.ico_dropdown_grey.png);

    background-position: calc(100% - 5px) calc(100% / 2);
    background-size: 10px 6px;
    background-repeat: no-repeat;

    color: #41464c;/*  Textfarbe  */

    text-overflow: ellipsis; /* Wenn Text zu lang, dann wird ... angezeigt  */
    cursor: pointer;
    
    vertical-align: top;/* wie .selectbox */
    
    /* chrome */
    border-radius: 0px;     
}

/* titel über der Auswahl */
.selection-title {
    background-color: #8d919a;
    color: #ffffff;
    font-weight: bold;
    padding: 4px;
}



/* ##################### select-style - nicht mehr verwenden !!!!!#################### */
/* IE10 und IE11 */
.select-style select::-ms-expand {
    display: none;
}

.select-style {
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
                                             
    padding: 0px;
    margin: 0px;
    border: 1px solid #8d919a;
    width: 15.65em;   /*dann genauso lang wie .text (15em)*/
    height: 22px;
    border-radius: 0px;
    overflow: hidden;

    background: #ffffff url(d0e183903e43.aebe45.ico_dropdown_grey.png) 97% 50% no-repeat;
    cursor: pointer;    
}

.select-style select {
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;            
                         
    padding: 3px 20px 3px 1px;        
    width: 100%;

    background-color: transparent;               
    color: #41464c;/*  Textfarbe  */

    background-image: none;
    
    border: none;
    box-shadow: none;

    text-overflow: ellipsis; /* Wenn Text zu lang, dann wird ... angezeigt  */    
    cursor: pointer;
}

select:hover, select:focus, select:active, select:checked{
    outline: none;    
    cursor: pointer;
}
 
option{     
    padding: 0px 10px 0px 7px;   
}

option:hover, option:focus, option:active, option:checked{
    cursor: pointer;
    padding: 3px 10px 3px 7px; 
    
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    
    border-image: none;
    border-radius: 0; 
    
    /* background */
/*    background-color: #e7eaec;*/
    border-style: none;
    border-width: medium;
    background-image: url(../img/bg_1px_41464c_listbox.png);

    /* reset */
    margin: 0; 
    box-sizing: border-box;     
    -webkit-box-sizing: border-box;/* Firefox*/
    -moz-box-sizing: border-box;/* Safari und Chrome*/
    
    appearance: none;
    -webkit-appearance: none;/* Firefox*/
    -moz-appearance: none; /* Safari und Chrome*/
   
    border-radius: 0px;
    -webkit-border-radius:0; /* runde ecken entfernen */
    -moz-border-radius: 0;
}



/* ########################### Listenbox #################### */
.listbox {          
    border: 1px solid #8d919a;   
    vertical-align: top; /* dann ist das "label" davor wieder oben*/ 
    padding: 2px;
}

.listbox option { 
    -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; 
                
      color: #41464c;
      background-color:transparent;
      background-image:none;
      padding: 5px;
      border-bottom:1px solid #b3b7bd;
}

.listbox option:hover { 
    background-image:url(../img/bg_1px_e7eaec_listbox.png);   
}

.listbox option:focus { 
    background-image:url(../img/bg_1px_e7eaec_listbox.png);   
}

.listbox option:active {   
    background-image:url(../img/bg_1px_e7eaec_listbox.png);    
}

.listbox option:checked {
    background-image:url(../img/bg_1px_e7eaec_listbox.png);  
}

/* ##################  ENDE verschiedene Formularelemente ################## */


/* ################## Alphabetische Navigation über Listen ###################### */
#map3a a:link, #map3a a:visited {
    background-color: #6f6f6f;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    display: inline;   
    font-size: 12px;
    line-height: 130%;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
}

#searchByLetter td {
    background-color: #8d919a;
    padding: 3px;
    text-align: center;
}

#searchByLetter a {
    color: #fff;
    font-weight: bold;
}

/*li#searchByLetter div {
    display:flex;
}*/

li#searchByLetter a {
    background-color: #8d919a;
    padding: 3px;
    margin:1px;
    text-align: center;
    
    color: #fff;
    font-weight: bold;
}

/* ################## Ergänzung zu forms.css ###################### */

fieldset ol { margin:0; padding:0; list-style-type: none;}


label small {font-weight: normal;}


input { 
    padding:0px;
    margin:0px;
}


input.text { 
    width: 15em;          
}

input.date { 
    width: 6em;
}

/* ################ neu input aus der sidadmin.css ######################*/
input.number {
    width: 4em;
    margin-right:0.4em; /* wenn mehrere input nebeneinander sind */
}


/* used together to format plz/city combination*/
input.postalcode {
    width: 4em;
    margin-right: 0.4em;
}

span.postalcode {
    margin-right: 1em;
}

input.city {
    width: 9.6em;
}


input.mark {
    width: 2em;  
}

.mark-text {
    margin-right: 0.5em;
    vertical-align: top;
}

input.score {
    width: 2em;
}

input.time {
    width: 3.2em;/* für IE11 */
}

input.time-short {
    width: 2em;
}


/* ####################################################################
   ########### Textmeldungen neben und unter Eingabefeldern ##########
   ################################################################### */

.input-messages{
    font-size: 0.9em;
    font-weight: bold;
    color: #5A6A92; /*blau*/
    vertical-align: middle;
}


/* ########################################################
   ###### Aussehen von Pflichtfeldern  - editierbar ######
   ######################################################## */

span.editable {
    border: 0 none;   
    vertical-align: middle;
    
    display: inline-block;
    height: auto;
    line-height: 22px;
    padding: 0 5px;     
}

span.editable.textbox {
    padding: 0px 5px 0px 0px;
    height:auto;
}

/* icon wird ausgeblendet, wenn editierbarkeit nicht erwünscht */
span.editable.selectbox,
span.readonly.selectbox{
    background-image: none;
    cursor: auto;
}

/* input wird zum span */
span.pagetitle {
    display:inline;
    color: #aebe45 !important;
    font-size: 1.7em;
}

/* ########### Diese Klasse wird für alle Formularfelder definiert, die nur zun lesen sind.  ############# */

span.readonly {
    border: 0 none;  
    vertical-align: middle;
    
    display: inline-block;
    height: auto;
    line-height: 22px;
    padding: 0 5px; 
    
    pointer-events: none;
}

span.key {
    border: 0 none;  
    vertical-align: middle;
    
    display: inline-block;
    height: auto;
    line-height: 22px;
    padding: 0 5px; 

    pointer-events: none;
}


/* ###################################################
   ################### icons bei Formularen ##########
   ################################################### */
/* icon neben Suchfeld als button
   ACHTUNG: Hat einen Abstand, wenn beides nicht in der gleichen Zeile steht!!!!!
*/
.ico-formular-lupe {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg); 
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-position: 0px -525px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    border: none;/* Angaben da es ein Button ist*/
    cursor: none;    
}

span.ico-formular-lupe {
    padding: 0px 0px 0px 0px;/* liegt somit in gleicher Höhe wie input*/ 
}

/* Listenfeld - icon neben Eingabefeld als button*/

.ico-formular-listenicon {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg); 
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-position: -25px -525px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    border: none;/* Angaben da es ein Button ist*/
    cursor: pointer;
}

/* ###################################################
   ###################       picklist       ##########
   ################################################### */

.picklist {
    min-width: 15em;
        
    background-color: #fff;
    border: 1px solid #8D919A;   
    padding: 3px 5px 2px 5px;
    display: inline-block;  
       
    vertical-align: top;
}

.picklist span {
    margin-right: 4px;
}

.picklist a.trigger {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    background-position: -50px -525px;
    cursor: pointer;

    padding:0px;
    display: inline-block;
    vertical-align: top; /* dann ist es in der Mitte*/
    
    cursor: pointer;
    float:right;
}

.picklist-values {
}

.picklist-values ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.picklist-values ul li {
    border-bottom: 1px solid #e7eaec;
    padding: 4px;
}

/*.picklist-values ul li:hover {
    border: 1px solid #aebe45;
}*/

.picklist-values a:hover {
    text-decoration: none;
}

.picklist.readonly {
    border: 0px;
    font-size: 1em;
}

.picklist.editable {
    border: 0px;
    font-size: 1em;
}



/* Aussehen von Pflichtfeldern - gelb*/
.required { 
    background-color: #faf9e4;
    border: 1px solid #eae885;
}


/* Aussehen von Pflichtfeldern - rot */
.invalidInput{ 
    background-color: #f4d7d7;
    border: 1px solid #d54f64;
}


/* ################## Aussehen von Formularen auf HG ##################*/
.formpane{ 
    background-color: #E7EAEC !important;
    border: 1px solid #b3b7bd;
    padding:10px 10px 10px 10px;
}


/* ###################################################
   ###################      badge    #################
   ################################################### */

/* badge im tree li */
.tree .badge {
   display: inline;
}


/* Farben wie bei den info-buttons*/
.badge {
    background-color: #8d919a;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 6px 2px 6px;
    border-radius: 3px;
    margin-right: 3px;      
    margin-bottom: 3px;
    word-wrap: break-word;
    display: inline-block;
}

a:hover.badge{
    color:#fff !important;
    background-color: #aebe45;
}

.badge-active {
    background-color: #aebe45;
}

.badge-blue {
    background-color: #546599;
}

.badge-red {
    background-color: #d54f64;
}

.badge-green {
    background-color: #7aba4d;
}

.badge-yellow {
    background-color: #e4e35e;
}

.badge-orange {
    background-color: #e56b37;
}

.badge-close {
    color: #fff;
    padding-left:5px;
    border-left:1px solid #ffffff;
}

.badge-close:hover {
    color: #ffffff;
}


div.badge{
    cursor: pointer;
    display: block;
}




/* für Page hints - Hinweistext*/
.page-hint { 
    color: #ccc; 
    font-size: 1.9em; 
    margin-left: 20px;
}




/* ###################################################
  ##########    led fuer Projektverfolgung  ##########
  #################################################### */
.redled {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
    background-position: 0px -380px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.greenled {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
    background-position: -20px -380px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;	
}

.yellowled {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
    background-position: -40px -380px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;	
}


.blueled {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
    background-position: -60px -380px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;	
}

.orangeled {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
    background-position: -80px -380px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;	
}

/* ###################################################
  ################### Infobuttons ####################
  #################################################### */

/*  box für Infobuttons */
.messagebox{
    margin-top: 10px;
    margin-bottom:10px;
}

/* Infobuttons*/
/*  red */
.error-button {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 20px;
    background-position: 0px -400px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.text-error {
    font-weight: bold;    
    color:#bc1332; /* Rahmenfarbe von button-error*/
    margin-top: 3px;
}

/*  green */
.success-button {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 20px;
    background-position: -20px -400px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.text-success {
    font-weight: bold;
    color: #71ad47; /* Rahmenfarbe von button-ok*/
    margin-top: 3px;
}

/*  orange */
.warning-button{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 20px;
    background-position: -40px -400px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.text-warning {
    font-weight: bold;    
/*    color: #d2d03a;    Gelb - Rahmenfarbe von button-ok */
    color: #e56b37;
    margin-top: 3px;
}

/*  blue */
.info-button {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 20px;
    background-position: -60px -400px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.text-info {
    font-weight: bold;    
    color: #485575;  /* Rahmenfarbe von button-info */
    margin-top: 3px;
}

/* ENDE  Infobuttons*/


/*****************************************************
 ********************** flat-button ******************
 *****************************************************/
.standard-button, .flat-button, .button, button.nav-tab{    
    font-family: Verdana, Helvetica, Arial, sans-serif; /* nimmt nicht die Schirft vom body */   
}

/* Text neben oder unter Buttons - z.B. Suchergebnisse o.ä.*/
.small-info {
    color: #8d919a;
    white-space:nowrap;
    font-size: 0.9em;
    font-weight: bold;
}


/* button Standard -- grau höhe 22px*/
.standard-button{
    background-color: #e7eaec !important;
    border: 1px solid #d3d3d3;
    color: #666a6f;
    font-size: 0.9em;
    font-weight: bold; 
    cursor: pointer;
    
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin: 0px 2px 0px 0px !important;
    
    vertical-align: middle; /* falls neben inputfeld */
}

.standard-button:hover {
    border: 1px solid #9ea2ac;  
}


/* flat-button  */
.rounded-corners {
    border-radius: 4px;
    height: 22px;
}


/* Farbwerte wie im Hauptmenu - opacity: 0.85 */
.flat-button {
    background-color:#41464c; 
    border: 1px solid #41464c;    
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 10px;
}

/* Farbwerte wie im Hauptmenu*/
.flat-button:hover {
    background-color:#8d919a;   
    border: 1px solid #8d919a;
}


/* Farbwerte GRÜN*/
.flat-button.light {
    opacity: 1.0;
    background-color: #aebe45;    
    border: 1px solid #aebe45;

    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 10px;
}


.flat-button.light:hover {   
    opacity: 0.85;
}

/* delete-button rot */
.flat-button.delete { 
    opacity: 1.0;
    background-color: #cc1236;   
    border: 1px solid #cc1236;

    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 10px; 
}

.flat-button.delete:hover {    
    opacity: 0.85;
}



/* flat-button mini -- für TNO*/
.button-mini {
    font-weight: normal;
    padding: 1px; 

    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 5px;
}


/*****************************************************
 ********************** pagemenue ******************
 *****************************************************/
div.pagemenu {
    background-color: #e7eaec;
    padding: 6px 15px 4px 15px;
    border-top: 10px solid #ffffff;
    border-bottom: 1px solid #ddd;
}


div.pagemenu > ul {
    margin: 0;
    padding: 0;
}


div.pagemenu > ul > li {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0px 5px 0px;
}


div.pagemenu > ul > li > a {
    font-weight: normal;
    text-decoration: none;
}
div.pagemenu > ul > li > a:hover {
    text-decoration: underline;
    color: #6b6f72;
}

.pagemenu.stuck {
    position:fixed;
    top:26px;
    z-index:998;
    width: 98.5%;
    box-shadow:0px 0px 2px 0px rgba(0, 0, 0, .3);
}

/************************************************************************************
 ************   toolbar-button -- opacity -- z.B. für Drucken -- LS und VS ***********
 ************************************************************************************/
.opacity { 
    opacity: 0.70;
}

.opacity:hover {    
    opacity: 1.0; 
}


.inactive{
    opacity:.50; 
    pointer-events:none;
    color:#8d919a !important;
}

.inactive:hover{
    pointer-events:none;
}


[disabled] {
    opacity:.50; 
/*    cursor: default;*/
    pointer-events: none;
    color:#8d919a !important;
}


/*****************************************************
 ************   toolbar-button button small ***********
 *****************************************************/
.toolbar-button, .toolbar-button-opacity{     
    color: #41464c;    
}

/* button ist inactive */
.toolbar-button-opacity { 
    background-color: transparent;
    border: 1px solid #d3d3d3;
    opacity: 0.70;   
}

/* toolbar-button in .pagemenu */

.toolbar-button { 
    background-color: transparent;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}

.toolbar-button:hover {    
    border: 1px solid #9ea2ac; 
}

.toolbar-button.active { 
    border: 1px solid #9ea2ac; 
}

.button {
    margin: 2px 2px 2px 0px;
    padding: 0px 2px 0px 2px;
    border-radius: 4px;
    vertical-align: middle;       
}


.button.small {
    font-size: 1em;
    min-height: 30px;
    font-weight: normal;
}

.button.medium {
    font-size: 1.1em;
    min-height: 35px;
    padding-left: 3px;
    padding-right: 3px;
}

.button.big {
    font-size: 1.2em;
    min-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

/*****************************************************************************************************************
 ************  Button mit langen Text der in einem beschränkten Rahmen ist (z.B. Tabellen mit %-Angaben)***********
 ******************************************************************************************************************/

.button.small span:nth-of-type(2) {
  display: inline-flex;
  margin-right:5px; /* da bei allen buttons ico-abstand-5 drin ist */
}

.button.medium span:nth-of-type(2) {
  display: inline-flex;
  margin-right:5px; /* da bei allen buttons ico-abstand-5 drin ist */
}

.button.big span:nth-of-type(2) {
  display: inline-flex;
  margin-right:5px; /* da bei allen buttons ico-abstand-5 drin ist */
}


/********************************************
 *************** ICONS FÜR TOOLBAR  **********
 ********************************************/

/* toolbar -- SVG Zeichenfläche 25x25px*/
.toolbar-abwesend {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);   /* red flag */
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: 0px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-uebersicht{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -25px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.toolbar-neu-anlegen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -50px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-delete{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -75px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-close{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -100px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}



.toolbar-reload{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -125px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-speichern{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -150px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-suche{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -175px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}
.toolbar-werkzeuge{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -200px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-drucken{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -225px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.toolbar-import{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -250px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-export{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -275px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-filter{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -300px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-tortendiagramm{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -325px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.toolbar-schulungsanbieter{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -350px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


/* für TNO */

.toolbar-schreiben{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -400px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;     
}

.toolbar-freigabeprozess-starten{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -425px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;      
}

.toolbar-ueberspringen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -450px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}
 

.toolbar-info{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -475px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
        
}

.toolbar-wochenansicht{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -500px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
       
}


.toolbar-warenkorb-leeren{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -525px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}


.toolbar-meine-bestellung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -550px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-neue-bestellung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -575px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-in-den-warenkorb{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -600px 0px;  

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-bestellfreigabe{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -625px 0px;  

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}



.toolbar-teilabholung-freigeben{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -675px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-teilabholung-buchen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -700px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-ware-ausgeben{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -725px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}


.toolbar-pfeil-links{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -750px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-pfeil-rechts{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -775px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
        
}

.toolbar-pfeil-top{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -800px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-pfeil-down{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -825px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
        
}

.toolbar-return{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -850px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-abbrechen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -900px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-ok{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -925px 0px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}




/* width 15px*/
.toolbar-datenanhang{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 25px;
    background-position: 0px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
        
}

/* ende toolbar -- SVG Zeichenfläche B25x H25px*/

/* toolbar -- SVG Zeichenfläche Breite verschieden x H25px */


.toolbar-edit{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 25px;
    background-position: -25px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-dokument{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 25px;
    background-position: -50px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-person{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 21px;
    height: 25px;
    background-position: -75px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-tagesansicht{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 21px;
    height: 25px;
    background-position: -100px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-loeschen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 25px;
    background-position: -125px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-bestellhistorie{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 21px;
    height: 25px;
    background-position: -150px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* Ende verschiedene Breiten */

/* Breite 25x25 */
.toolbar-pdf{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -175px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}


.toolbar-balkendiagramm{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -200px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;  
}

.toolbar-liniendiagramm{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -225px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}


.toolbar-ressourcen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -375px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-vorlage{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -400px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}


.toolbar-auswertung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -425px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-klonen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -450px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-copy{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -475px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-paste{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -500px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-download{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -525px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-upload{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -550px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-color{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -575px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

/* für tno */ 
.toolbar-zurueckstellen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -250px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-review{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -275px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}


.toolbar-ablehnen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -300px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-freigeben{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -325px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

.toolbar-versetzungsstelle{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -350px -25px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;       
}

/* in SVG: y -56*/
/* toolbar -- SVG Zeichenfläche 28x25px*/

.toolbar-stammdaten{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: 0px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;                
}

.toolbar-qualifizierung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -28px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;                
}

.toolbar-leistungen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -56px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;                
}

.toolbar-ausbildungsnachweis{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -84px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;                
}


.toolbar-feedback{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -112px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-mail{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -224px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-mail-unread{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -504px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-mail-read{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -532px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}



/* WARLOG */
.toolbar-warenkorb{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -252px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-verwalten{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -280px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-eingegangene-bestellung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -308px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-abgeschlossene-bestellung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -336px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-bestandsverwaltung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -364px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-warenentnahme{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -392px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-werkzeugverleih{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -420px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-archiv{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -448px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-barcode{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -476px -56px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}


/* in SVG: y -84*/
.toolbar-praktikant-einplanen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: 0px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-praktikant-absage-erteilen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -28px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-praktikant-hat-abgesagt{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -56px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-praktikant-nicht-erschienen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -84px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.toolbar-gruppe{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -140px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-person-anlegen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -168px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-person-suchen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -196px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-ansprechpartner{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -224px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-schulungsgebiete{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -252px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-seminarbeurteilung_eintaegig{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -280px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-seminarbeurteilung_mehrtaegig{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -308px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-schulungsort{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -336px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar-planung-freigeben{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    background-position: -364px -84px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* ende toolbar -- SVG Zeichenfläche 28x25px*/

/***************************************
 **** verschiedene Abstände  links *****
 **************************************/

.ico-abstand-5{
   margin-left: 5px;
   vertical-align: middle;
}

.ico-abstand-10{
   margin-left: 10px;
   vertical-align: middle;
}

.ico-abstand-15{
   margin-left: 15px;
   vertical-align: middle;
} 

.ico-abstand-20{
    margin-left: 20px;
    vertical-align: middle;
}

.ico-abstand-25{
    margin-left: 25px;
    vertical-align: middle;
}

.ico-abstand-30{
    margin-left: 30px;
    vertical-align: middle;
}

.ico-abstand-35{
    margin-left: 35px;
    vertical-align: middle;
}

.ico-abstand-40{
    margin-left: 40px;
    vertical-align: middle;
}

.ico-abstand-45{
    margin-left: 45px;
    vertical-align: middle;
}

.ico-abstand-50{
    margin-left: 50px;
    vertical-align: middle;
}

/**************************************
 **** verschiedene Abstände right *****
 **************************************/

.abstand-right-5{
   margin-right: 5px;
   vertical-align: middle;
}

.abstand-right-10{
   margin-right: 10px;
   vertical-align: middle;
}

.abstand-right-15{
   margin-right: 15px;
   vertical-align: middle;
} 

.abstand-right-20{
    margin-right: 20px;
    vertical-align: middle;
}

.abstand-right-25{
    margin-right: 25px;
    vertical-align: middle;
}

.abstand-right-30{
    margin-right: 30px;
    vertical-align: middle;
}

.abstand-right-35{
    margin-right: 35px;
    vertical-align: middle;
}

.abstand-right-40{
    margin-right: 40px;
    vertical-align: middle;
}

.abstand-right-45{
    margin-right: 45px;
    vertical-align: middle;
}

.abstand-right-50{
    margin-right: 50px;
    vertical-align: middle;
}


/* abstand zu icon - z.B. bei der Adminoberfläche*/
.ico-40x40 {
    display: inline-block;
    height: 40px;
    width: 40px;
}

/**********************************************************
 **** verschiedene Abstände top und bottom im content *****
 **********************************************************/
.abstand-top-10{
    margin-top: 10px !important;  
}

.abstand-top-20{
    margin-top: 20px !important;  
}

.abstand-top-30{
    margin-top: 30px !important;  
}

.abstand-top-40{
    margin-top: 40px !important;  
}

.abstand-bottom-10{
    margin-bottom: 10px !important;  
}

.abstand-bottom-20{
    margin-bottom: 20px !important;  
}

.abstand-bottom-30{
    margin-bottom: 30px !important;  
}

.abstand-bottom-40{
    margin-bottom: 40px !important;  
}

/******************************************************************************
 **** ico für Adminoberfläche  40x40px ****************************************
 ******************************************************************************/

/* Firmenprofil*/
.ico-firmenprofil{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -150px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* Ausbildungsnachweis  */
.ico-ausbildungsnachweise{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -200px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* Benutzer -- people */
.ico-benutzer{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -250px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.ico-leistungen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -300px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/*Systempfelge*/
.ico-pflege{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -350px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-ordner{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -400px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-feedback{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -450px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-prozesse{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -500px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-bildung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -550px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* allgemeine Einstellungen*/
.ico-einstellungen{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -600px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* import-export */
.ico-import-export{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -650px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-personal-presence{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -700px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-ausbildungsinhalte{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -750px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-kommunikation{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -800px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/******************************************************************************
 *********************** ico-profile   40x40px *******************************
 ******************************************************************************/

/* 40x40px */
.ico-profile-female-40{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -400px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile-male-40{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -450px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile-40{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -500px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile-gender-40{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -550px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/******************************************************************************
 *********************** ico-profile   48x48px *******************************
 ******************************************************************************/

.ico-profile-female-48{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-position: -400px -750px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile-male-48{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-position: -450px -750px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile-48{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-position: -500px -750px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile-gender-48{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-position: -550px -750px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/******************************************************************************
 ********************* ico-profile Groesse - 90x115px  ************************
 ******************************************************************************/


.ico-profile-female{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 90px;
    height: 115px;
    background-position: -100px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;   
}

.ico-profile-male{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 90px;
    height: 115px;
    background-position: -200px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-profile{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 90px;
    height: 115px;
    background-position: -300px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


/******************************************************************************
 ***************************       icos H17      ******************************
 ******************************************************************************/

/* korrekturstift */
.korrektur{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: 0px -320px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* gleiches icon = gleiche Position !!!!!!!!!!!!  */
.stift{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 11px;
    height: 17px;
    background-position: -20px -320px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.edit-hint {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 11px;
    height: 17px;
    background-position: -20px -320px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}


/* Zeile edit - Stift grau -- wird bei hover erst sichtbar - Position ausserhalb der Zeichenfläche !!!!!!!!! */
.zeile-edit{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 11px;
    height: 17px;
    background-position: 50px 50px; 
    
    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.zeile-edit:hover{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 11px;
    height: 17px;
    background-position: -20px -320px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* Zeile löschen - Papierkorb*/
.zeile-loeschen{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: 0px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.zeile-loeschen:hover{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -20px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}



/*  icons z.B. im feedbackbogen*/
.ico-copy{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -60px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-plus{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -80px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-minus{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -100px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/*  #################  feedbackbogen - Bilder zur Erklärung  ################ */
.ico-checkbox-no{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -120px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-checkbox-yes{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -140px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-radio-no{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -160px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-radio-yes{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -180px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* ico  - camera */
.ico-camera{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -200px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-camera:hover{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -220px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/* camera kein hofer*/
.ico-camera-nohover{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -200px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.ico-entwurf{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 22px;
    height: 17px;
    background-position: -240px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.dokument-pdf{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -280px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.ico-plan{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -300px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-map{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -320px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/* Tick grün*/
.ico-tick{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -340px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

 /* Cross rot*/
.ico-cross{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -360px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-werkzeuge{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -380px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-chart-bar{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -400px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-chart-line{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -420px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-chart-pie{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -440px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-personal-presence-small{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -460px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-versetzungsstelle{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -480px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-macros{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -500px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-download{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -520px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-upload{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -540px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-paragraph{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -560px -340px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/* ico - mini ---- icon nicht im link  */
.ico-info {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: 0px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.ico-extern {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -20px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-media {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -40px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-edit {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -60px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;    
}

/* fon und email bei Praktikanten */
.ico-phone {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -80px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-email {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -100px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* icons mini - innerhalb einer Tabelle - z.B. Feedbäckgespräch oder Praktikantenbewertung ###### class war vorher .ico-print  .ico-pdf  .ico-bewerten*/
.ico-print {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -120px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-pdf {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -140px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.ico-bewerten {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -160px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* Praktikanten*/
/* Bewertung - Sterne*/
.ico-star-full { 
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -180px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-star-half { 
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -200px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-star-empty { 
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -220px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;	
}




/* ############# ico mini ###########  */
.ico-dokument{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -240px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-dokument-neu{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -260px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-dokument-edit{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -280px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-dokument-delete{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -300px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-gender-female{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -320px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-gender-male{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -340px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-locked{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -360px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-shortcut{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -380px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-shortcut-cancel{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -400px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-eye{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -420px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-cross-grey{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -440px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-cross-red{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -460px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-tick-grey{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -480px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-tick-green{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -500px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-neu-anlegen{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -520px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-delete{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -540px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.ico-warning{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -560px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/* ico-neu-anlegen in weiss ist nur in der AI-Datei */

.ico-extern-white{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -600px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-color{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -620px -360px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}
/* ************************************************************
********************  Person mit Krawatte  ********************
***************************************************************/

.ico-person-big {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 21px;
    background-position: 0px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-person {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 14px;
    height: 17px;
    background-position: -25px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-person-small {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 12px;
    height: 15px;
    background-position: -50px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-person-mini {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 10px;
    height: 12px;
    background-position: -75px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}





/*   a.group  auch bei --- Ergänzungen Gyoer  -----  ACHTUNG   ändern  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* neues icon für group*/

.ico-group {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -150px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-group-white {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -175px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-group-grey {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 20px;
    height: 17px;
    background-position: -200px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* ************************************************************
******************     no-image  60x60    *********************
***************************************************************/

.ico-no-image{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-position: 0px -700px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


/* ************************************************************
******************          Pfeile        *********************
***************************************************************/

/* Pfeile*/
.arrow{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg); /* Hausfarbe e-bizA grün*/
    background-repeat: no-repeat;
    width: 4px;
    height: 7px;
    background-position: 0px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.arrow-grey{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 4px;
    height: 7px;
    background-position: -10px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.arrow-white{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 4px;
    height: 7px;
    background-position: -20px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


/* --------------------------------------------------------------------------
        wird rausgenommen ---- wahrscheinlich keine Verwendung mehr
--------------------------------------------------------------------------*/

/*  
a.icon{
    background-image:url(../img/pointer.png);
    background-repeat:no-repeat;
    padding-left: 20px; 
    background-position: 10px; 
    width: auto;

    
}

a.icon-grey{
    background-image:url(../img/pointer_grey.png);
    background-repeat:no-repeat;
    padding-left: 20px; 
    background-position: 10px; 
    width: auto;

}

a.icon-white{
    background-image:url(../img/pointer_white.png);
    background-repeat:no-repeat;
    padding-left: 20px; 
    background-position: 10px; 
    width: auto;

}
*/



/* für profilelinks (Aufklappmenü), und in den buttons  */
.dropdown-grey{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -30px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dropup-grey{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -40px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dropright-grey{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -30px -480px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dropleft-grey{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -40px -480px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}


/*   Hausfarbe --- bei TNO bei Bearbeitungsverlauf einblenden  */
.drop-down{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 5px;
    background-position: -50px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.dropdown-white{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -60px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dropup-white{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -70px -470px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dropright-white{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -60px -480px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dropleft-white{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -70px -480px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}



/* #######################################################
   ###### nav-section  - in der Hauptnavigation ##########
   ###################################################### */
/* Navigationselemente in CI Farben*/ 
.nav-section {
    border: 1px solid #34383d;
    border-radius: 4px;
    padding: 4px 10px 4px 10px;
    font-weight:bold;
    color: #fff;
    margin-right: 5px;
}

.nav-section:hover {
    text-decoration: none;
    border: 1px solid #aebe45;
    color:#fff;
}

.nav-section.section-active {
    background-color: #aebe45;
    border: 1px solid #aebe45;   
}

.csToolbar {
    display: inline-block;
    position: relative;
    margin-top: 10px;
}




/* ###################################################
   ###### nav-pill - wie badges nur größer ##########
   ################################################## */
a.nav-pill {
    border:1px solid #8d919a;
    background-color: transparent; 
    border-radius: 8px;
    padding: 4px 10px 4px 10px; 
    font-weight: bold; 
    text-decoration: none; 
    margin-right: 5px;
    
}

a.nav-pill:hover {    
    background-color: #8d919a;     
    color: #fff;
    
}

a.nav-pill.active {
    border:1px solid #aebe45;
    background-color: #aebe45;     
    color: #fff;
    
}


/* ************************************************************
**************************    Tabs    *************************
***************************************************************/

/* Navigationselemente Tabs*/ 

button.nav-tab {
    background-color: transparent;
    border-top: 1px solid #41464c;
    border-left: 1px solid #41464c;
    border-right: 1px solid #41464c;
    border-bottom: none;  
    
    margin:4px 2px 0px 0px;    
    
    padding: 5px;
    font-size: 1.1em;
    cursor: pointer; 
    
    /* CHROME*/
    border-radius: inherit;     
}

button.nav-tab.active {
    color: #fff;
    background-color: #41464c;
}

button.nav-tab:hover {    
    background-color: #41464c; 
    color: #ffffff;
}

.nav-tabpane {
    border-bottom: 2px solid #41464c;
}

/* ************************************************************
************    Navigation - .nav-plugin    *******************
***************************************************************/

.nav-plugin {  
    font-size: 1.1em;
    padding: 10px 0px 10px 0px;
    max-width: none;
    box-shadow: 0 -2px #8d919a inset;
    text-transform: uppercase;
}

a.nav-plugin {    
    margin-right:20px;  
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    box-shadow: 0 0px #8d919a inset;
    white-space: nowrap;
}

.nav-plugin :hover{
    color: #aebe45;
    text-decoration: none;   
}

.nav-plugin.active{
    color: #aebe45;   
}


/* ***********************************************
********   Navivation - Meine Auszubildenden    ***
**************************************************/
.person {
    background-color: inherit;
    background-image: none;    
    display: inline-block;
    /*font-size: 0.9em;*/
    margin-right: 5px;
/*    padding: 2px;*/
    vertical-align: baseline;
    white-space: normal;
}

.person.person-active {
    border-bottom: 2px solid #aebe45;
}

div.person a:hover {
    text-decoration: none;
    color:#41464c !important;
}

div.person:hover {
    border-bottom: 2px solid #aebe45;
    cursor:pointer;
}


/* ************************************************************
********   Navigation - .tabs-min (minimalistisch)    **********
***************************************************************/

.tabs-min { 
        background: transparent; 
        border: none !important; 
    }
    
    .tabs-min .ui-widget-header { 
        background: transparent; 
        border: none; 
        border-bottom: 1px solid #b3b7bd; 
        -moz-border-radius: 0px; 
        -webkit-border-radius: 0px; 
        border-radius: 0px; 
    } 
    
    .tabs-min .ui-tabs-nav .ui-state-default { 
        background: transparent; 
        /*border: none;*/
    }
    
    .tabs-min .ui-tabs-nav .ui-state-active { 
        background: transparent no-repeat bottom center; 
        /*border: none;*/
    } 
    
    .tabs-min .ui-tabs-nav .ui-state-default a { 
        color: #8d919a; 
    }
    
    .tabs-min .ui-tabs-nav .ui-state-active a { 
        color: #aebe45;
    }

    .tabs-min .ui-tabs-nav .ui-state-hover a{ 
        color: #aebe45;
    }

    
/* ************************************************************
*****************     Treenav Navigation   ********************
***************************************************************/

/*ol.treenav{
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 100%;
}*/

/*ol.treenav a {
    display:block;
    text-decoration: none;
    margin-top: 0px;
    font-weight: normal;
}*/

/*ol.treenav ol {
    list-style-type:none;
    margin: 0;
    padding: 0; 
}*/


/* ###################   1.Hierachie #######################*/
/* Pfeil GRAU */
.pointer-nav { 
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg); 
    background-repeat: no-repeat;
    width: 5px;
    height: 8px;
    background-position: -120px -470px;

    padding:0px;
    display: inline-block;
/*    vertical-align: middle;*/
}

/* Pfeil Hausfarbe  */
a:hover .pointer-nav {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg); 
    background-repeat: no-repeat;
    width: 5px;
    height: 8px;
    background-position: -130px -470px;

    padding:0px;
    display: inline-block;
/*    vertical-align: middle;*/
}

/* Pfeil Hausfarbe  */
.active .pointer-nav {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg); 
    background-repeat: no-repeat;
    width: 5px;
    height: 8px;
    background-position: -130px -470px;

    padding:0px;
    display: inline-block;
/*    vertical-align: middle;*/
}

ol.treenav li {
    border-bottom: 1px solid #e7eaec;
    line-height: 24px;
    padding: 5px 0px 5px 0px;
}

ol.treenav li a {  
    color: #41464c;
    font-size: 1.1em;
    text-transform: uppercase;
}

ol.treenav li a .active{  
    font-weight: bold;
    color: #41464c;
}


/* #######################   2. Hierachie  ######################*/
ol.treenav li ol li{
    border-bottom: 0px;
    padding: 0px 0px 0px 0px;
}

ol.treenav li ol li a { 
    padding-left: 10px;
    text-transform: none;
}

/* ##############    3. Hierachie  #######################*/
ol.treenav li ol li ol li{
/*    margin-bottom: 0px;*/
}

ol.treenav li ol li ol li a{
    padding-left: 25px;
    font-size: 1em;
}

/* Ende treenav*/


/* ************************************************************
******************    Listennavigation    *********************
***************************************************************/

/* Listennavigation */
ol.listnav {
    width: 300px;
    padding: 0px;
    margin: 0px;
}

ol.listnav li {
    list-style-type: none;
    margin: 0px;
    padding: 5px;
}

ol.listnav li .zeile-loeschen {
    visibility: hidden;
}

ol.listnav li:hover .zeile-loeschen {
    visibility: visible;
}


.list-item.selected a.zeile-loeschen {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -40px -340px;
}

.list-item.selected a.zeile-loeschen:hover {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -40px -340px;
}

/* mit span: wenn zwei icons nebeneinander / bei LS VS */
.list-item.selected a span.zeile-loeschen {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -40px -340px;
}

/* mit span: wenn zwei icons nebeneinander / bei LS VS */
.list-item.selected a span.zeile-loeschen:hover {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -40px -340px;
}


.list-item:hover {
    background-color: #e7eaec; 
}

.list-item a:hover {
    color:#41464c; 
}

/*.list-item.selected {
    background-color: #aebe45;
    color: #ffffff;   
}*/

ol.listnav li.selected {
    background-color: #aebe45;
    color: #ffffff;   
}

.list-item.selected a {
    color: #fff;
}

/* ico-neu-anlegen weiss */
.list-item.selected a.ico-neu-anlegen {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -580px -360px;
}


/* ************************************************************
*********************** simple  List  *************************
***************************************************************/

ol.simplelist li { 
    border-bottom: 1px solid #e7eaec; 
    padding: 4px;
    display:flex; /* schafft Platz für grössere icons */
}

/* ************************************************************
*********************** editable List  *************************
***************************************************************/

div.data-justified {
    padding-left:5px;
    overflow:auto;
    width:100%;
}

div.data-justified a{
    vertical-align: middle;
}

ol.editable-list li .zeile-loeschen {
    visibility: hidden;
}

ol.editable-list li:hover .zeile-loeschen {
    visibility: visible;
}


ol.editable-list li .ico-edit {
    visibility: hidden;
}

ol.editable-list li:hover .ico-edit {
    visibility: visible;
}


/* ************************************************************
***********************     tree      *************************
***************************************************************/

 /* collapsed --- expanded */
.collapsed {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 13px;
    height: 13px;
    background-position: 0px -450px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.expanded {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 13px;
    height: 13px;
    background-position: -25px -450px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


.tree {margin-top: 10px;}

.tree, .tree ul, .tree li{
    padding:0;
    list-style:none;
}
.tree ul{display:none;}
.tree li{
    line-height:200%;
    border-top:1px solid #E7EAEC; /* to get the grey line */
    background-color:#E7EAEC;
    position:relative;
    width:100%;
}

.tree li:hover{
    background-color: #F2F2F2;
}

.right-adjusted{
    float:right;
    position:absolute; 
    top: 0px; 
    right:5px;
    /*width:45px;*/
    height:13px; 
    text-align: right;
}




/** label anpassung im Baum **/
.label-tree{
    color: #41464C!important;
    font-weight: normal!important;
    width: 15em !important;   
    font-size: 1em !important;
}
/** Label speziell für Personen, wenn sie auf der dritten ebene liegen */
.tree p.ico-person .label-tree{
    width: 10em !important; 
}


/* Label, wenn auf erster ebene genausoweit eingerückt sein soll wie 2te und 3te **/

.tree p.wide .label-tree{
    width: 17.5em !important;   
}

/*
.tree p.person{margin-left:112px; padding-left: 30px; background:url(d0e183903e43.aebe45.person.png) no-repeat 0 0;} 
*/
.tree p.ico-person{margin-left:112px; padding: 0px;} 

.label-tree-person {
    color: #41464C!important;
    font-weight: normal!important;
    font-size: 1em !important;
    width: 10.8em !important;   
    padding-left: 8px;
} 


.tree li p{padding: 0 0 0 28px; margin: 0px;}
.tree li span.collapsed, .tree li span.expanded{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
/*
.tree li span.collapsed, .tree li span.expanded{background:url(d0e183903e43.aebe45.collapsed.png) no-repeat 0 0;} 
.tree li span.expanded{background:url(d0e183903e43.aebe45.expanded.png) no-repeat 0 0;}
*/


.tree li li{background-color:#FFFFFF;margin-top:1px;}
.tree li li p{padding:0 0 0 56px; margin: 0px;}
.tree li li span{left:28px;}
.tree li li span.collapsed, .tree li li span.expanded{float:left;position:absolute;top:5px;left:28px;width:13px;height:13px;cursor:auto;font-size:0;}


.tree li li li p{padding:0 0 0 84px; margin: 0px;}
.tree li li li span{left:56px;}
.tree li li li span.collapsed, .tree li li li span.expanded{float:left;position:absolute;top:5px;left:56px;width:13px;height:13px;cursor:auto;font-size:0;}

.tree li li li li p{padding:0 0 0 112px; margin: 0px;}
.tree li li li li span{left:84px;}
.tree li li li li span.collapsed, .tree li li li li span.expanded{float:left;position:absolute;top:5px;left:84px;width:13px;height:13px;cursor:auto;font-size:0;}

.tree li li li li li p{padding:0 0 0 140px; margin: 0px;}
.tree li li li li li span{left:112px;}
.tree li li li li li span.collapsed, .tree li li li li li span.expanded{float:left;position:absolute;top:5px;left:112px;width:13px;height:13px;cursor:auto;font-size:0;}

.tree li li li li li li p{padding:0 0 0 168px; margin: 0px;}
.tree li li li li li li span{left:140px;}
.tree li li li li li li span.collapsed, .tree li li li li li li span.expanded{float:left;position:absolute;top:5px;left:56px;width:13px;height:13px;cursor:auto;font-size:0;} 



/* ************************************************************
***********************     PAGE TOP      **********************
***************************************************************/

a.page-top{
    border: 1px solid #41464c;   
    background-color: transparent;
    
    background-image: url("d0e183903e43.aebe45.ebizA_V2_sprite.svg");
    background-position: -800px 0;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
   
    padding:0px;
    display: inline-block;
    cursor: pointer; 
    
} 

a.page-top:hover {   
    border: 1px solid #8d919a;    
}


/* ************************************************************
***********************     PAGE PREV      **********************
***************************************************************/

/* ganze Seite blättern*/
 .pager-left {
    float: left;
    width: 10%;
}
.pager-center {
    text-align: center;
    float: left;
    width: 80%;
}
.pager-right {
    float: right;
    width: 10%;
}

.ico-page-prev {
    border: 1px solid #41464c;   
    background-color: transparent;

    background-image: url("d0e183903e43.aebe45.ebizA_V2_sprite.svg");
    background-position: -750px 0;
    background-repeat: no-repeat;    
    width:25px;
    height:25px;
    
    padding:0px;
    display: inline-block;    
    cursor: pointer;  
}

.ico-page-prev:hover {   
    border: 1px solid #8d919a;    
}

.ico-page-next {
    border: 1px solid #41464c;   
    background-color: transparent;
    
    background-image: url("d0e183903e43.aebe45.ebizA_V2_sprite.svg");
    background-position: -775px 0;
    background-repeat: no-repeat;    
    width: 25px;
    height: 25px;

    padding:0px;
    display: inline-block;   
    cursor: pointer;
}

.ico-page-next:hover {   
    border: 1px solid #8d919a;    
}

.page-number{
   border: 1px solid #ffffff;
   width:auto;
   min-width: 15px;
   height: 15px;
 
   text-align:center;
   padding: 5px;
   margin-right: 1px;
   display: inline-block;
   cursor: pointer;  
}

.page-number:hover{
   border: 1px solid #aebe45;
   text-align:center;
   text-decoration: none !important;
   
}
.page-number.active{
   background-color: #aebe45;
   border: 1px solid #aebe45;
   color: #ffffff;
   text-align:center;
   
}


/* ************************************************************
********************     PAGE INDICATOR      ******************
***************************************************************/

.pagination .pageIndicator {    
    margin-top:3px; 
    width:15.8em;
}

.pagination .selectbox{
    position: relative;
    display: inline-block;
    width: 15.8em;
    max-width: 15.8em;
    color: #41464c;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
    white-space: nowrap;
    box-sizing: border-box;
    background-color: #e7eaec;
    border: none;
    padding: 0px;
    overflow:visible;
}
.pagination .selectbox .selectPlaceholder::after {
    position: absolute;
    width: 15.8em;
    height: 30px;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background-image: url(d0e183903e43.aebe45.ebizA_V3_selectbox_down.svg);
    background-position: calc(100% + 5px);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.pagination .selectbox.is-open .selectPlaceholder::after {
    background-image: url(d0e183903e43.aebe45.ebizA_V3_selectbox_up.svg);
}
.pagination .selectbox .selectPlaceholder {
    position: relative;
    display: block;
    background-color: #e7eaec;
    padding: 6px 30px 7px 5px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pagination .selectbox ul {
    display: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: calc(100% - 2px);   
    background: #fff;
    top: 125%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 120px;
    border-top: 1px solid transparent;
    border-right: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
}
 
.pagination .selectbox ul li {
    display: block;
    text-align: left;
    padding: 7px 5px 7px 5px;
    margin: 0px;
    color: #41464c;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
}

.pagination .selectbox ul li:hover {
    background-color:#f5f7f8;
}

.pagination .selectbox.is-open ul {
    display: block;
}

/* Blätterfunktion */
.pageIndicator {
    text-align: center;    
}

.pageIndicator .page {
    border: 1px solid #aebe45;
    border-radius: 50%;
    display: inline-block;
    width: 6px;
    height: 6px;
    color: transparent;
    margin-right: 2px;
}

.pageIndicator .onpage {
    border: 1px solid #aebe45;
    border-radius: 50%;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #aebe45;
}


/* button zum blättern*/
button#btnSlideLeft {
    border: 1px solid #41464c;   
    background-color: transparent;

    background-image: url("d0e183903e43.aebe45.ebizA_V2_sprite.svg");
    background-position: -750px 0;
    background-repeat: no-repeat;   
    width:27px;/* 2px mehr da button */
    height:27px;
     
    padding:0px;
    display: inline-block;    
    cursor: pointer;
    float:left;
    margin-right:5px;
    
    /* CHROME*/
    border-radius: inherit;     
}


button#btnSlideLeft:hover {
    border: 1px solid #8d919a;   
}


button#btnSlideRight {
    border: 1px solid #41464c;   
    background-color: transparent;
    
    background-image: url("d0e183903e43.aebe45.ebizA_V2_sprite.svg");
    background-position: -775px 0;
    background-repeat: no-repeat;    
    width: 27px;/* 2px mehr da button */
    height: 27px;

    padding:0px;
    display: inline-block;   
    cursor: pointer;
    float:left;
    
    /* CHROME*/
    border-radius: inherit;     
}

button#btnSlideRight:hover {
     border: 1px solid #8d919a;      
}


/* ************************************************************
***************    Prozessbar 1 2 3 4    **********************
***************************************************************/

table.progressbartable {
    border-collapse: collapse;
    border-spacing: 0;
}

.progressbarnumberactive {
    background-color: #aebe45 !important;
}
.progressbarnumber {
    background-color: #8d919a;
    color: #fff !important;
    cursor: default;
    display: block;
    float: left;   
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
    text-align: center;
    width: 32px;
}

.progressbartext {
    color: #8d919a;
    display: inline;
    font-size: 1em;
    line-height: 32px;
    margin-right: 44px;
}

/* ************************************************************
***************    Prozessbar rund mit svg  ***************
***************************************************************/

.progress-wrapper {
    position: relative;
    /*    font-size: 40px;*/
    float:left;
} 

.current {
    position: absolute;
    top: 50%; 
    bottom: auto; 
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #b3b7bd;    
    font-size:1.8em;
    font-weight: 100;
    line-height: 1;
}

.round-progress {
    width: 120px;
    height: 120px;
}

.round-circle  {
    /*    stroke: rgb(231, 234, 236); */
    stroke: #e7eaec; 
    stroke-width: 10;
}

.round-path  {    
    /*    stroke: rgb(174, 190, 69);*/
    stroke: #aebe45; 
    stroke-width: 10; 
}

/*[_nghost-c0] {
    display: block;
    position: relative;
    overflow: hidden;
}*/


/* ************************************************************
***********     Meldung bei leeren Tabellen oder Listen   ******
***************************************************************/
 ol.simplelist li.norecords-message {   
    justify-content: center;/*  hebt das flex auf von simplelist*/
}

.norecords-message {
    border: 1px solid #b3b7bd !important;
    background-color: #E7EAEC;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 15px 5px 15px !important;
    
    font-weight: bold;
    text-align:center;

}


/* ************************************************************
*****    Position der Tabelle und des Tabelleninhalts    *****
***************************************************************/
/* horizontale Ausrichtungen */
.alignLeft{
    text-align: left !important;
}

.alignRight{
    text-align: right !important;
}

.alignCenter{
    text-align: center !important;
}

/* vertikale Ausrichtungen */

.alignTop{
    vertical-align: top;
}

.alignMiddle{
    vertical-align: middle;
}

.alignBottom{
    vertical-align: bottom;
}

.halfScreen{
    width: 49%;
}


.minWidth{
    width: 25px;
}
/* ************************************************************
*********************    Tabelle     **************************
***************************************************************/

td{
    font-weight: normal;
    text-align: left;
}


table.datatable {
    font-weight: normal;
    color: #41464c;
    text-align: left;    
    border-spacing: 1px;
    border-bottom: 1px solid #b3b7bd;

}


table.datatable thead th{
    background-color: #8d919a;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    text-align: left;
    vertical-align: top;
    
}

table.datatable tbody tr td{    
    padding: 6px 10px 6px 10px;
    border-top: 1px solid #b3b7bd;
}

table.datatable tfoot tr td{ 
    background-color:#fafafa;
    padding: 6px 10px 6px 10px;
    border-top: 2px solid #b3b7bd;  
}


/* Tabelle mit hover*/
.hover.datatable tr:hover td{
    background-color: #e7eaec;
}

/* Tabelle mit hover und link */
.hover.datatable a:hover {
   color:#41464c;
}



/* Spalten optisch besser abtrennen */
.gap-right { border-right: 1px solid #b3b7bd !important;}
.gap-left { border-left: 1px solid #b3b7bd !important; }

.gap-right-header { border-right: 1px solid #ffffff !important; }
.gap-left-header { border-left: 1px solid #ffffff !important; }

/*.gap-left-thick{ border-left: 2px solid #b3b7bd !important;}*/

/* ************************************************************
*******************    Tabellen im Widget    ******************
***************************************************************/

table.widget{   
    border:none; 
    border-spacing: 1px;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}

table.widget thead th{
    background-color:#fff;
    padding: 5px 10px 5px 10px;
    text-align: left;
    border:none;    
}

table.widget tbody tr td{
    padding:5px 10px 5px 10px;
    border-top: 1px solid #b3b7bd;
}


/* ************************************************************
*************  tablesorter - (JQuery plugin)   ******************
***************************************************************/

th.headerSortUp, th.headerSortDown, th.headerSortRight, th.headerSortLeft  {   
    background-color: #b3b7bd !important;  
    cursor: pointer;
} 

.headerSortUp span:last-child{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -80px -470px;
    
    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.headerSortUp span:last-child{    
    margin-top:3px;
    float:right;
}

.headerSortDown span:last-child{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-position: -90px -470px;
    
    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.headerSortDown span:last-child{
    margin-top:3px;
    float:right;
}

.headerSortRight span:last-child{
    float:right;
}

.headerSortLeft span:last-child{
    margin-right:5px;
    float:left;
}
/* ************************************************************
******************* comment-indicator in th  ******************
***************************************************************/
.comment-indicator {
        position: relative;
    }

.comment-indicator::after {
    content: "";
    position: absolute;
    right: 0;
    top:0;
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #d54f64;/* rot von bg-red-bright*/ 
}
    
/* ************************************************************
*******************    Tabelle vertical      ******************
***************************************************************/
.th-vertical{
    background-color: #8d919a;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    text-align: left;
    vertical-align: top;
}

/* ************************************************************
***********************  fieldset  ***************************
***************************************************************/

fieldset {
    /*background: #ffffff;*/
    border: 1px solid #8d919a; 
    padding:10px 10px 10px 10px;
    margin: 10px 0px 20px 0px;

}

fieldset.none {
    /*background: #ffffff;*/
    border: none; 
    padding:10px 10px 10px 10px;
    margin: 10px 0px 20px 0px;

}

fieldset legend {
    border-radius: 4px;
    border: 1px solid #8d919a;
    background-color: #e7eaec;
    color: #41464c; 
    font-weight: normal;
    letter-spacing: 0.1em;
    padding: 3px 6px 3px 6px;
}



/*****************************************************************************
************************ WIDGET **********************************************
******************************************************************************/
/* Debugmode */
.widget-theme.debugshow {
    border: 1px solid #8d919a;
}

/* zum widget */
a.maximize { font-size: 1.4em; text-decoration: none; color: #8d919a; }
a.maximize:hover { font-size: 1.4em; text-decoration: none; color: #41464c; }


/* wird beibehalten, damit die Struktur nicht geändert werden muss */
.widget{
    border: 1px solid #8d919a;
    margin: 10px 20px 20px 0px;
    padding:10px 10px 0px 0px;
}   

.widget-titel {
    border-bottom: 1px dotted #8d919a;
    padding: 0px 0px 2px 0px; /* Abstand zum Text*/
    margin: 0px 60px 20px 10px;
    font-weight: bold;
}

.widget-body{
    padding: 0px 10px 10px 10px;
}



/* widget no border */

.widget-no-border {
    border: 1px solid transparent;
    margin: 10px 20px 20px 0px;   
}

.widget-no-border .widget-titel{
    border-bottom: 1px dotted #8D919A;
    font-weight: bold;
    margin: 10px 10px 20px 10px; /* für linie*/
    padding: 0px 0px 2px 0px;
}

/* widget ohne icon - dafür mit durchgezogener gepunktete Linie*/
.widget-blank {
    border: 1px solid #8D919A;
    margin: 10px 20px 20px 0px;
}

.widget-blank .widget-titel{
    border-bottom: 1px dotted #8D919A;
    font-weight: bold;
    margin: 10px 10px 20px 10px; /* für linie*/
    padding: 0px 0px 2px 0px;
}


/* widget ohne icon - dafür mit durchgezogener gepunktete Linie + HG*/
.widget-blank-formpane {
    background-color: #E7EAEC !important;
    border: 1px solid #8d919a;
    margin: 10px 20px 20px 0px;
}

.widget-blank-formpane .widget-titel{
    border-bottom: 1px dotted #8D919A;
    font-weight: bold;
    margin: 10px 10px 20px 10px; /* für linie*/
    padding: 0px 0px 2px 0px;
}

/* widget + HG*/
.widget-formpane{ 
    background-color: #E7EAEC !important;
    /*
    border: 1px solid #8d919a;
    margin: 10px 20px 20px 0px;
    padding:10px 10px 0px 0px;
    */
    /*
    padding:0px 0px 0px 0px;
    */
}



.widget-postfach{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: 0px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-bildung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -40px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;

}

.widget-stammdaten{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -80px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-kommunikation{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -120px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-oe{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -160px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-bewertung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -200px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/*  nur AUDI */
.widget-kpi{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -240px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-news{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -280px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-tortendiagramm{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -320px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-standort{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -360px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-warenkorb{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -400px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-warenkorb-verwaltung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -440px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-auswertung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -480px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-statistik{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -520px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-seminarbeurteilung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -560px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.widget-raumplanung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -600px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-dokument{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -640px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-personal-presence{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -680px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-paragraph{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -720px -840px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-notiz{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: 0px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-versetzungsplan{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -40px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-tno{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -80px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.widget-feedback{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -120px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle; 
}

.widget-praktikantenverwaltung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -160px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-praktikantenbewertung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -200px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-group{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -240px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-projektverfolgung{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -280px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.widget-personalsuche{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -320px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


.widget-lernstation{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -360px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-noteneingabe{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 28px;
    background-position: -400px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-auftrag{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 34px;
    height: 28px;
    background-position: -440px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.widget-admin{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -520px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/* nur AUDI */
.widget-arbeitskleidung{
     background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-position: -560px -880px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

/******************************************************
******************** QTIP VISITENKARTE ****************
*******************************************************/
.qtip-vcard {
    max-width: 345px;
}

/******************************************************
******************** VISITENKARTE *********************
*******************************************************/

.vcard{
    border: 1px solid #8d919a;   
    float: left;
    margin: 0px 10px 10px 0px;
    min-height: 220px;
    width: 325px;
}

/* new for flipping */
.vcard.flippable{
    background-color: #fff;
    transform-style: preserve-3d;
    transition: transform 1s;
}
    
.vcard-titel{
    border-bottom: 2px solid #aebe45;
    color: #41464c !important;
    font-weight: bold;
    margin: 10px 10px 20px 10px;
    line-height: 2em;    
}

.vcard-body{
    padding: 0px 10px 10px 10px;
}


.vcard-body div ol li span > .selectbox{    
    width: 13em;
}


.vcard-flex{
    border: 1px solid #8d919a;   
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 10px 10px 0px 10px;
    min-height: 220px;
/*    min-width: 300px;*/
    max-width: 320px;
}

.vcard-flex-header{
    border-bottom: 2px solid #aebe45;
    display:table;
        
    padding: 0px 0px 5px 0px;   
}

.profilepicture{ 
    overflow:hidden;
}

.profilepictureframe {
    max-width: 90px;
    max-height: 115px;
    border: 1px solid #8d919a;
}

.profilepictureframe.smallframe {
    max-width: 45px;
    max-height: 60px;
}

.vcard-flex-title{ 
    display: table-cell;
    vertical-align: middle;
    width:100%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
}

.vcard-flex-body{ 
    padding: 10px 0px 10px 0px;
}

.vcard-flex-body ol li span > .selectbox{    
    width: 14em;
}

.vcard-flex-footer{ 
    border-top: 1px solid #8d919a;
}

/* flipping vcard */
.triangle {
    width: 0px;
    height: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #aebe45 transparent;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.vcard .front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;    
    backface-visibility: hidden;
}

.vcard .back {    
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transition: transform 0s;
    position: absolute;
    width: 100%;
    height: 100%;    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
}
/* Safari 11+ Hack to fix 1px offset of back face */
/* From: https://browserstrangeness.bitbucket.io/css_hacks.html#safari (2020-01-27)*/ 
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .vcard .back {
            left: -1px;
        }
    }
}

.vcard.flip {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}


/******************************************************
**********************  NAV-ICON  *********************
*******************************************************/
.container-nav-icon{ 
    display: flex;
    display: -webkit-flex; /* Safari */
    display: -moz-flex;
    display: -ms-flexbox;/* IE10*/
    
    flex-wrap: wrap;
    
    justify-content: space-between;
    -webkit-justify-content: space-between;/* Safari 6.1+ */
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;/* IE10*/
    
    padding-top: 10px;
    padding-bottom:10px;               
}

.start{   
    justify-content: flex-start !important;
/*    -webkit-justify-content: start-start !important;
    -moz-justify-content: flex-start !important;
    -ms-flex-pack: flex-start !important;    */
}

.end{   
    justify-content: flex-end !important;
/*    -webkit-justify-content: flex-end !important;
    -moz-justify-content: flex-end !important;
    -ms-flex-pack: flex-end !important;   */   
}

.center{   
    justify-content: center !important;
/*    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-flex-pack: center !important;   */   
}

.nav-icon-big{     
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    width:48px;
    height:48px;
    margin: 2px;
    border: 1px solid #8d919a;
    
    display: -webkit-inline-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}

.nav-icon-big:hover {
    border: 1px solid #e7eaec;
    transition: all 0.5s ease 0s;
}



/* Platzhalter */
.placeholder {       
    visibility: hidden;
}

/*.placeholder:hover div.tooltip:before{       
    display: none;
}*/



/*a div.tooltip div.vcard-flex-footer-action {    
    visibility: hidden;
    display: block;
}*/
    
/*a:hover div.tooltip div.vcard-flex-footer-action.placeholder {    
    display:none;
    
} */


.nav-icon-big.neutralValue{        
    border: 1px solid #8d919a;    
}

.nav-icon-big.goodValue{  
    border: 1px solid #9ac872;
}

.nav-icon-big.badValue{        
    border: 1px solid #d54f64;    
}



/******************************************************
**********************  badge-dot  *********************
*******************************************************/
.badge-dot {
   position:relative;
}
.badge-dot[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:0px;
   right:0px;
   
   width:16px;
   height:16px;
   border-radius:100%;
   font-size:.7em;
   background-color:#d54f64; /*red */
   color:#fff;
   text-align:center;
   line-height:16px;        
}



.tooltip {
/*    cursor : help;*/
    position : relative;
}

.tooltip::before, .tooltip::after {
    position : absolute;
    left : 20%;
    opacity : 0;
    z-index: -100;
}

.tooltip:hover::before, .tooltip:focus::before, .tooltip:hover::after, .tooltip:focus::after {
    opacity : 1;
    z-index: 100;
}

.tooltip::before {
    border-style : solid;
    border-width : 1em .75em 0 .75em;
    border-color : #41464c transparent transparent transparent;
    bottom : 100%;
/*    margin-left : -.5em;*/    
    content : " ";
}

.tooltip::after {
    background-color : #41464c;
    border-radius : .25em;
/*    bottom : 180%;*/
     bottom : 120%;
    color : white;
/*    width : 17.5em;*/
    padding: 1em;
/*    margin-left : -8.75em;*/
    left:10%;
    content : attr(data-tip);
}


/******************************************************
********************   KALENDER    ********************
*******************************************************/


/*  wochentag ohne Zahl*/
.wday {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: 0px -925px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
} 

.wday-1 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: 0px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
} 

.wday-2 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -25px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-3 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -50px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-4 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -75px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-5 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -100px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-6 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -125px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-7 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -150px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-8 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -175px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-9 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -200px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-10 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -225px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-11 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -250px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-12 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -275px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-13 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -300px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-14 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -325px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-15 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -350px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-16 {
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 23px;
    background-position: -375px -950px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.wday-17 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -400px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-18 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -425px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-19 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -450px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-20 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -475px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-21 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -500px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-22 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -525px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-23 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -550px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-24 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -575px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-25 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -600px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-26 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -625px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-27 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -650px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-28 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -675px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-29 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -700px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-30 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -725px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}

.wday-31 {
   background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
   background-repeat: no-repeat;
   width: 17px;
   height: 23px;
   background-position: -750px -950px;

   padding:0px;
   display: inline-block;
   vertical-align: middle;
}




/******************************************************
************   Preloader - SPINNER  ********************
*******************************************************/

.spinner-mini {
    background-image: url(d0e183903e43.aebe45.spinner_mini.gif);
    background-repeat: no-repeat;
    background-position: left;	
    padding:5px 5px 5px 25px;
    font-weight: bold;
    color: #41464c;
}

.spinner-big {
    background-image: url(d0e183903e43.aebe45.spinner_big.gif);
    background-repeat: no-repeat;
    background-position: left 50px center;
    height:150px;
    width:600px;
    padding: 50px 50px 50px 50px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    color: #41464c;

    background-color: #ffffff;
    border: 1px solid #dddddd;
    /*opacity: 0.85;*/
}


#ajaxBusy{
    display:none;
    position:fixed;
    right:0px;
    top:0px;
    width:100%;
    height:100%;
    background: rgba( 255, 255, 255, .5 ) url(d0e183903e43.aebe45.spinner_big.gif) 50% 50% no-repeat;
}



/* ************************************************************************
*********  settings --- Administrationsseiten -- Mein Standort      *******
**************************************************************************/

.servicemap { border: 1px solid #ccc;  padding: 10px; }
.servicemap-col1 { float: left; width: 50%; }
.servicemap-col2 { float: left; width: 50%; }

.settings-category {
    border: 1px solid #fff;
    margin-bottom: 30px;
}

.settings-category .caption {
    font-size: 1.3em;
    background-repeat: no-repeat; 
    padding-left: 60px;
    height: 45px;
}

.settings-category .caption em {
    font-size: 0.8em;
    font-style: normal;
    color: #41464c;
    display: block;
}

.settings-category .content {
    padding-left: 60px;
}

.settings-category .content a {
    font-size: 1.1em;
/*    color: #5A6A92;*/
}

/*.settings-category .content a:hover {
    text-decoration: underline;
}*/

.servicemap .category-icon {
    float: left;
    display: inline-block;
}


/*****************************************************
************** Text neben ico im content *************
*******************************************************/
.stammdaten{
	font-size: 1.3em;
	margin: 0px 0px 0px 20px;
        float:left;
}

/* ************************************************************
******************  Status -design wie bei tno ****************
***************************************************************/
.ico-status-entwurf{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -280px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* ************************************************************
************************     TNO     **************************
***************************************************************/

.ico-status-person{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: 0px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-kw{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -40px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/* ************************************************************
****************    TNO Hinweise     **************************
***************************************************************/
.ico-status-ok{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -80px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-not-ok{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -120px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-review{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -160px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-waiting{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -200px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/*
.ico-tno-keine-person{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -240px -200px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}
*/



/* ************************************************************
*********   TNO Hinweise mini (Mein Berichtsheft)    ***********
***************************************************************/
.ico-status-ok-mini{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -20px -300px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-not-ok-mini{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: -40px -300px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-review-mini{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 18px;
    height: 17px;
    background-position: -60px -300px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-status-waiting-mini{
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 18px;
    height: 17px;
    background-position: -80px -300px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/* ************************************************************
****************   TNO Bearbeitungsverlauf    *****************
***************************************************************/

.ico-bearbeitungsverlauf{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 17px;
    height: 17px;
    background-position: 0px -300px;

    padding: 0px 0px 0px 0px;
    display: inline-block; 
    vertical-align: middle;
}


/* ************************************************************
********************   ico im legend   ************************
***************************************************************/
.tno-taetigkeit {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 29px;
    height: 28px;
    background-position: 0px -252px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.tno-lehrgespraech {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 29px;
    height: 28px;
    background-position: -36px -252px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

.tno-schule {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 29px;
    height: 28px;
    background-position: -72px -252px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}


/* **********************************************************
************ LEISTUNGEN IN DER AUSBILDUNG  40x40px  *********
*************************************************************/

.ico-ausbildung-arbeitsproben{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: 0px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-ausbildung-schulnoten{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -50px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}

.ico-ausbildung-ihk{
    background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: -100px -600px;

    padding:0px;
    display: inline-block;
    vertical-align: middle;
}


/* **********************************************************
*********************** beautiful-select  *******************
*************************************************************/
.beautiful-select {
   background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 200px;
    height: 20px;
    background-position: -100px -300px;

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;   
}



.beautiful-select span.select-label {
   font-size: 0.9em;
   padding:  10px 10px 10px 10px;
   position: relative;
}

.beautiful-select select {
   border: medium none;
   color: #41464c;
   font-size: 0.9em;
   margin-bottom: 0;
   opacity: 0;
   position: relative;
   top: -10px;
   width: 200px;

   /* fix for IE 8 - transparent select box */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


/* ***********************************************************
******************* legend fuer wochentage  ******************
*************************************************************/

fieldset legend.tno {
        background-color: transparent;
	color: #41464c;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
        /*padding: 3px 6px 3px 6px;*/
}

/*fieldset legend.tno-ico-text {
        background-color: transparent;
	color: #41464c;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
        padding: 3px 6px 3px 6px;
}*/


.mo {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 24px;
        height: 24px;
	background-position: 0px -168px;
        
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}

.di {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-position: -24px -168px;
        
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}

.mi {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 24px;
        height: 24px;
	background-position: -48px -168px;
        
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}

.do {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 24px;
        height: 24px;
	background-position: -72px -168px;
       
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}

.fr {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 24px;
        height: 24px;
	background-position: -96px -168px;
        
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}

.sa {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 28px;
        height: 28px;
	background-position: -120px -168px;
        
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}

.so {
	background-image: url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
	background-repeat: no-repeat;
        width: 24px;
        height: 24px;
	background-position: -144px -168px;
        
        padding: 0px 0px 0px 0px;
        display: inline-block;
        vertical-align: middle;
}




/* ************************************************************
*********     GROUPLIST bie Berichtsheft !!!!!!     ***********
***************************************************************/
/* navigation - grouplist*/

.groupnav {
    margin-right: 10px;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 2px solid #41464c; 
}

a.groupnav:hover {
    border-bottom: 2px solid #aebe45; 
    text-decoration: none;
    color:#aebe45;
}

.groupnav.active { 
    border-bottom: 2px solid #aebe45; 
    font-weight: bold;
    color:#aebe45;
}


/* ************************************************************
************************ diagrams  (SVG)) *********************
***************************************************************/
#diagram{
    width:100%;
    height: auto;
    min-height: 400px;
    min-width: 600px;
}

.diagram-axis {
    stroke: black;
    stroke-width: 1;
}
.diagram-axis-xh {
    stroke: grey;
    stroke-width: 1;
    stroke-dasharray:5,5;
}

.diagram-axis-max{
    fill:red;
    stroke:red;
    stroke-width: 1;
}

.barchart-text{
    fill-opacity:0.5;
    fill:grey;
    stroke-width:1;
}
.barchart-entry{
    fill-opacity:1.0;
    fill:grey;
    stroke-width:0;
}
.barchart-entry0{
    stroke:#d54f64;
    fill:#d54f64;
}
.barchart-entry1{
    stroke:#eb8b5c;
    fill:#eb8b5c;
}
.barchart-entry2{
    stroke:#eae885;
    fill:#eae885;
}
.barchart-entry3{
    stroke:#9ac872;
    fill:#9ac872;
}
.barchart-entry4{
    stroke:#89cdcf;
    fill:#89cdcf;
}
.barchart-entry5{
    stroke:#79c8f1;
    fill:#79c8f1;
}



.linechart-text{
    stroke-opacity:0.5;
    stroke:grey;
    stroke-width:0;
    fill:grey;
}
.linechart-entry{
    stroke:grey;
    fill-opacity:0.5;
    stroke-width:2;
}
.linechart-entry0{
    stroke:#d54f64;
    fill:#d54f64;
}
.linechart-entry1{
    stroke:#eb8b5c;
    fill:#eb8b5c;
}
.linechart-entry2{
    stroke:#eae885;
    fill:#eae885;
}
.linechart-entry3{
    stroke:#9ac872;
    fill:#9ac872;
}
.linechart-entry4{
    stroke:#89cdcf;
    fill:#89cdcf;
}
.linechart-entry5{
    stroke:#79c8f1;
    fill:#79c8f1;
}
/*SPIDER
*/
#spider{
    position: relative;
    float: left;
    width:50%;
    height: auto;
    min-height: 500px;
    min-width: 500px;
}
#spider text {
    font-size: 1.5em;
}
#drawing{
    position: relative;
    float: left;
}

.spider-wrapper {
    position: relative;
    float: left;
}
.spider-axis{
    stroke: #b3b7bd;
    fill: #b3b7bd;
    stroke-width: 2;
}
.spider-axis-tag.spiderpath{
    position: relative;
    stroke-opacity: 0.0;
    fill-opacity: 1.0;
    font-size: 1.0em;
    font-weight: 100;
    line-height: 1;
}
/*for all paths
*/
.spiderpath{
    fill-opacity:0.0;
}
/*for specific path 0 - entries.length
    colors here also apply to tags.
*/

.spiderpath0{
    stroke:#d54f64;
    fill:#d54f64;
}

.spiderpath1{
    stroke:#eb8b5c;
    fill:#eb8b5c;
}
.spiderpath2{
    stroke:#eae885;
    fill:#eae885;
}
.spiderpath3{
    stroke:#9ac872;
    fill:#9ac872;
}
.spiderpath4{
    stroke:#89cdcf;
    fill:#89cdcf;
}
.spiderpath5{
    stroke:#79c8f1;
    fill:#79c8f1;
}

.piechart-entry {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.piechart-hover {
  transform: matrix(1.1, 0, 0, 1.1, -8, -8);
}

/* ###################################################
   ###### Vordergrundfarben / Hinterfrundfarben ######
   ################################################### */

/* foreground (text) color */
.fg-white{
    color: #ffffff;
}

.fg-grey0 {
    color: #f5f7f8 !important;
}

.fg-grey1 {
    color: #e7eaec !important;
}

.fg-grey2 {
    color: #b3b7bd !important;
}

.fg-grey3 {
    color: #9ea2ac !important;
}

.fg-grey4 {
    color: #8d919a !important;
}

.fg-grey5 {
    color: #41464c !important;
}


.fg-cicolor{
    color: #aebe45;
}


.fg-red-bright{
    color: #d54f64;
}

.fg-orange-bright{
    color: #eb8b5c !important;
}

.fg-yellow-bright{
    color: #eae885 !important;
}

.fg-green-bright{
    color: #9ac872 !important;
}

.fg-mint-bright{
    color: #89cdcf !important;
}

.fg-aqua-bright{
    color: #79c8f1 !important;
}

.fg-petrol-bright{
    color: #7ba2b9 !important;
}

.fg-blue-bright{
    color: #7685ad !important;
}

.fg-darkblue-bright{
     color: #546599 !important;
}


/* Hintergrundfarben für Tabellen STANDARD -- noch 1.Version: wird vorerst noch dringelassen*/
.bg-grey{
    background-color: #e7eaec !important;
}

/* Gleiche Farbe wie th - ist neue Primärfarbe für Tabellen. Kann somit weggelassen werden */
.bg-darkgrey{
    background-color: #8D919A !important;
}



.bg-grey0 {
    background-color: #f5f7f8 !important;
}

.bg-grey1 {
    background-color: #e7eaec !important;
}

.bg-grey2 {
    background-color: #b3b7bd !important;
}

.bg-grey3 {
    background-color: #9ea2ac !important;
}

.bg-grey4 {
    background-color: #8d919a !important;
}

.bg-grey5 {
    background-color: #41464c !important;
}



.bg-cicolor{
    background-color: #aebe45 !important;
}

/* Hintergrundfarben*/
.bg-red{
    background-color: #f4d7d7 !important;
}

.bg-red-bright{
    background-color: #d54f64 !important;
}

.bg-orange{
    background-color: #fbe4d6 !important;
}

.bg-orange-bright{
    background-color: #eb8b5c !important;
}

.bg-yellow{
    background-color: #faf9e4 !important;
}

.bg-yellow-bright{
    background-color: #eae885 !important;
}

.bg-green{
    background-color: #e8f1df !important;
}

.bg-green-bright{
    background-color: #9ac872 !important;
}

.bg-mint{
    background-color: #e5f3f4 !important;
}

.bg-mint-bright{
    background-color: #89cdcf !important;
}

.bg-aqua{
    background-color: #e3f2fc !important;
}

.bg-aqua-bright{
    background-color: #79c8f1 !important;
}

.bg-petrol{
    background-color: #e0e6ed !important;
}

.bg-petrol-bright{
    background-color: #7ba2b9 !important;
}

.bg-blue{
    background-color: #dde0eb !important;
}

.bg-blue-bright{
    background-color: #7685ad !important;
}

.bg-darkblue{
    background-color: #bbc2d6 !important;
}

.bg-darkblue-bright{
     background-color: #546599 !important;
}

/* ###################################################
   ###### Vordergrundfarben für Statistiken ###########
   ################################################### */

/*  Ausgangsfarbe ist .bg-petrol-bright (#7ba2b9).  */

.bg-petrol-bright-1{
    background-color: #7ba2b9;
}
.bg-petrol-bright-2{
    background-color: #86aabf;
}
.bg-petrol-bright-3{
    background-color: #91b2c5;
}
.bg-petrol-bright-4{
    background-color: #9cb9cb;
}
.bg-petrol-bright-5{
    background-color: #a7c1d1;
}
.bg-petrol-bright-6{
    background-color: #b2c9d6;
}
.bg-petrol-bright-7{
    background-color: #bed1dc;
}
.bg-petrol-bright-8{
    background-color: #c9d9e2;
}
.bg-petrol-bright-9{
    background-color: #d4e1e8;
}
.bg-petrol-bright-10{
    background-color: #dfe8ee;
}

/* ###################################################
   ########### emoji für Feedbackbögen ###############
   ################################################### */

.emoji-smiley,
.emoji-frown,
.emoji-satisfy,
.emoji-tick{
    background-size: 20px auto;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.emoji-smiley{
    background-image: url(d0e183903e43.aebe45.emoji_smiley.png);
}
.emoji-frown{
    background-image: url(d0e183903e43.aebe45.emoji_frown.png);
}
.emoji-satisfy{
    background-image: url(d0e183903e43.aebe45.emoji_satisfy.png);
}
.emoji-tick{
    background-image: url(d0e183903e43.aebe45.emoji_tick.png);
}

/* GRID */
.reframe {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;    

    -ms-grid-columns: repeat(4, 1fr);
    -ms-grid-columns: 20fr 1fr 20fr 1fr 20fr 1fr 20fr;

    grid-gap: 20px;
    gap:20px;
    
    grid-column-gap:40px;
    grid-row-gap:40px;
}

/* kein Abstand unten */
.reframe.nogap{
    grid-gap:0px 20px;
}
.reframe.nogap-all{
    grid-gap:0px 0px;
}

/* 2 Spalten */
.col-1-2 {
    grid-column: 1 / 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
}

.col-2-2 {
    grid-column: 3 / 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
}

/* 4 Spalten */
.col-1-4 {
    grid-column: 1 / 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;    
}

.col-2-4 {
    grid-column: 2 / 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
}

.col-3-4 {
    grid-column: 3 / 4;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
}

.col-4-4 {
    grid-column: 4 / 5;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
}


/* ************************************************************
************************  Gyoer   *****************************
***************************************************************/

.wildcard{
    border: 0px !important;
    padding: 0px !important;
    width: 14px !important;
    background-color: #FFF !important;
}

.columnHeadingTop{
    outline:1px solid #FFFFFF;
    padding-left: 25px;
    background-color: #B3B7BD;
    font-weight: bold;
    text-align: center;
}

.columnHeading{
    outline:1px solid #FFFFFF;
    padding-left: 25px;
    background-color: #e7eaec;
}



/*--------------------------------------------
  Gyoer Ergänzungen
--------------------------------------------*/
a.group {
    background-image:url(d0e183903e43.aebe45.ebizA_V2_sprite.svg);
    background-repeat:no-repeat;
    width: 13px;
    height: 11px;
    background-position: -125px -425px; 

    padding: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

/*
a.group{
    background-image: url(d0e183903e43.aebe45.ico_groupView.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
} 
*/

.framebox{
    list-style-type: none;
    border: 1px solid #DDD;
    padding: 10px;
}



.showOnPrint, .showInlineTableOnPrint { display: none; }

@media print {
    /* includes #customerHeader, #epheader2 */
    #widget-mainnav, #widget-mainnav\@STANDARDWIDGETS, .pagemenu, .sticky-wrapper, #epfooter { display:none; }
    .frame { padding: 0px; }

    #epcontent {background-color: #FFF; }
    

    .hideOnPrint { display:none; }
    .showOnPrint { display:inline; }

    .nav-plugin { display: none; }
    .showInlineTableOnPrint { display:inline-table; }
}