@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(/css/google_materialicons.woff) format('woff');
}

div.multi {
    position: fixed;
    left : 40px;
    top: -3px;
    width: 150px;
    height: 25px;
    z-index: 1000;
}
div.multi .multiCheckbox{
    float: left;
    width: 22px;
    height: 22px;
    z-index: 1000;
}
div.multi .multiWeiter{
    float: left;
    width: 90px;
    height: 22px;
    z-index: 1000;
    font-size: 1em;
    
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
}
/*------------------------------------------------------------------*
/*                              CSS RESET                  
/*------------------------------------------------------------------*/
html {
    height: 100%;
    background-color: #000000;
}
* {
    padding: 0px;
    margin: 0px;
    font-size: 1em;
    font-family: arial;
}
#news ul, #news ol { 
    margin:20px; 
    list-style-type:square;
}
#news li { 
    margin-left:20px;
}
.selected, .activedSelected {
    
    background: #22dd22 !important;
    color: black !important;
    border: 1px solid #22dd22 !important;    
}
/*------------------------------------------------------------------*
/*                              login                  
/*------------------------------------------------------------------*/
#page_login {
    
    
}
/*------------------------------------------------------------------*
/*                              LINKS                  
/*------------------------------------------------------------------*/


a, a:link, a:visited {
    color: #EC7C34;
    text-decoration: none;
    font-size: 0.9em;
}
a:hover {
    text-decoration: underline;
}

body a {
    text-decoration: none;
}
/*------------------------------------------------------------------*
/*                                BODY                  
/*------------------------------------------------------------------*/
body {
    color: #222;
    margin-top: 4em;
    margin-bottom: 4em;
    background-color: #000000;
    color: #000;
/*    height: calc(100% - 4em);*/
}
.warten {
   cursor:wait;     
}
/*------------------------------------------------------------------*
/*                             HEADER (Hauptnavigation)                 
/*------------------------------------------------------------------*/

    body > header {
            /**
            background-image: wekit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: ie-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-size: 5px 5px;
            **/
            width: 100%;
            left: 0px;
            top: 0px;
            position:fixed;
            background-color: #000;
            z-index: 100;
    }
    body > header h1{
            float: left;
            width: 50px;

    }
    body > header{
            float: left;
            width: 100%;

    }
    /* suchfeld */
    body > header input{
            float: right;
            margin: 4px;
            width: 80px
    }
    body > header input[type="text"]:focus{
            float: right;
            margin: 4px;
            width: 160px;            
            -webkit-transition:width 0.3s linear;	
            -moz-transition:width 0.3s linear;	
            -o-transition:width 0.3s linear;
            transition: width 0.3s linear;
    }
    body > header h2{

            margin: 10px 0px 0px 10px;

    }
    body > header ul {

            border-top: 1px #000 solid;
            margin: 0px 5px;
            padding: 0px;
    }
    body > header ul li {
            margin: 0px 15px;
            padding: 0px;
            width: 140px;
            list-style:none;
    }
    body > header a {
            display: block;
            padding: 0px 4px;
            text-decoration: none;
            color: #000;
            height: 100%;
            width: 100%;
    }
    body > header a:hover {
            text-decoration: none;
            color: #000;
            background-color: #EC7C34;
    }
    

/** Pages Menüs **/

#nav_pages, .nav_pages  {
    height: 100%;
    white-space: nowrap;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
    width: 100%;
    padding-left: 50px;
}
#nav_pages li, .nav_pages li{
    list-style: none;
	float:left;
	display:block;
	margin: 3px;
      -webkit-border-radius: 2;
	  -moz-border-radius: 2;
	  border-radius: 2px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 18px;
	  background: #E55F09;
	  padding:6px;
	  text-decoration: none;
    -webkit-transition:color 0.4s linear, background 0.4s linear;	
    -moz-transition:color 0.4s linear, background 0.4s linear;	
    -o-transition:color 0.4s linear, background 0.4s linear;	
    transition:color 0.4s linear, background 0.4s linear;	
}
.nav_pages .bt_noFrei, .nav_pages .bt_frei, .nav_pages .bt_deblockieren, .nav_pages .bt_blockieren{
	
	padding: 2px;
	
}
.nav_pages .bt_frei{
	margin-left: 40px;
}

#nav_button li:hover, .nav_pages li:hover  {
    background:#333;
    color:#229922;
}

/** Pages Button Funktionen **/
#nav_button, .nav_button  {
    height: 100%;
    white-space: nowrap;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
    width: 220px;
	float: right;
}
#nav_button input#wSelect, .nav_button input#wSelect{
	width: 40px;
	margin: 13px 0px 0px 0px;
}
#nav_button label, .nav_button label{
	display: block;
	height: 100%;
	width: 100%;
}

    
/** Der Kopf der einzelne Seiten*/
body > article section header {

    display: block;
    position:fixed;
    left:200px;
    top:33px;
    height: 40px;
    width:100%;
    z-index: 100;
    background: none repeat scroll 0 0 #ccc;
    overflow-y: hidden;
    overflow-x: auto;
}
/*__________LOGO__________*/
/* .eLogo {
	border: dashed 1mm #ccc;
	background: #eee;
	width: 50mm;
	height: 50mm;
	margin: 0mm 2mm 2mm 0mm;
	padding: 2mm;
	float: left;
 } */
/*------------------------------------------------------------------*
/*                                 INHALT                  
/*------------------------------------------------------------------*/

/*__________Netzwerkstatus__________*/
.offline {
    background-color: #dd2222;
}
.online {
    background-color: #22dd22;
}
/*__________Tabelle__________*/
table {
    border-collapse: collapse;
    margin: 15px;
    min-width: 300px;
}
td {
    border:1px solid orange;
    padding: 2px;
}
.td_name {

/* 	display: none;
 */
}
.td_id, .td_gesperrt, .td_s,.td_tbl,.td_tbi,.td_v,.td_stv,.td_r,.td_n,.td_m,.td_dt,.td_ix,.td_id,.td_typ,.td_css,.td_tbCSS,.td_tbEvt,.td_evt,.td_liz,.td_ver,.td_nOb, .td_blockiert, .td_plausibel, .td_error, .td_struktur, .td_updateStamp, .td_bemerkung_name, .td_datum_name, .td_sq, #ajaxloader, .td_GUID, .td_ressource_name, .td_menge_name , .td_sequence, .td_id_struktur, .td_id_lizenz, .td_ressource_maschine, .td_timeStamp, .td_login, .td_multiselect {
    display: none;
}
.td_ressource_name {
    display:block;
}
.td_timeStamp {
    
    text-align: center;
}

#ajaxloader {
    float: right;
    margin: 5px;
}
.inhalt_erfassung input{
    height: 40px;
    width: 300px;
    margin: 15px;
	font-size: 1.7em;
}
.TBspeichern tr td{
    column-span: 0.5em;
}
.RessStdTotal {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 0.8em;
    color: #000;
    height: 21px;
    line-height: 21px;
    width: 70px;
    text-align: center;
    background-color: rgba(255,255,255,0.3);
    padding: 2px;
}
.RessToDayTotal {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 0.8em;
    color: #000;
    height: 21px;
    line-height: 21px;
    width: 20%;
    text-align: center;
    background-color: rgba(255,255,255,0.3);
    padding: 2px;
}
.RessToDayTotal:hover {
    font: bold;
    cursor: help;
    *cursor: help;
    background-color: rgba(255,255,255,0.6);
    
}

/*------------------------------------------------------------------*
/*                                 Eingaben                  
/*------------------------------------------------------------------*/
.element { /* .element Global Einstellungen */
/*      BoxModel ändern */
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        border-bottom: solid 1px #dddddd;
        width: 200px;
        height: 80px;
        padding: 1em;
        margin: 5px;
        background-color: #E55F09;
        float: left;
        -webkit-box-shadow: 0px 0px 5px #333;
        -moz-box-shadow: 0px 0px 5px #333;
        box-shadow: 0px 0px 5px #333;
        list-style:none;
        text-transform: capitalize;
        position: relative;
        overflow: hidden;            /*   "overflow"-Wert darf nicht "visible" sein */ 
        text-overflow: ellipsis;
        font-size: 0.9em;
        cursor: pointer;
        *cursor: hand;
        -webkit-user-select: none; /* Safari 3.1+ */
        -moz-user-select: none; /* Firefox 2+ */
        -ms-user-select: none; /* IE 10+ */
        user-select: none; /* Standard syntax */
    }
@media screen and (min-width: 50px) and (max-width: 425px) {
    .element {
        width: 100%;
        height: auto;
        font-size: 1em;
        background-color: #000;
        border-bottom: 2px #ffffff solid;
        margin: 0px;
    }
    .TBmenge, .TBbemerkung, .TBdatum, .TBspeichern {
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        width: 100%;
        height: 100%;
    }
    .inhalt_erfassung input:not(.btEnd) {
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        margin: 8px auto;
        width: 100%;
        height: 50px;
    }
    .inhalt_erfassung .ui-widget {
        font-size: 1em !important; 
        line-height: 1.6em !important; 
    }
    
    
}  /* END @media screen and (min-width: 50px) and (max-width: 425px) */

@media screen and (min-width: 426px) and (max-width: 700px) {
    .element {
        width: 200px;
        height: 80px;
        font-size: 1em;
    }
    div.TBmenge, div.TBbemerkung, div.TBdatum, div.TBkommen, div.TBgehen {
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        width: 90%;
        margin: 5px 5%;
        height: 100%;
    }
    .inhalt_erfassung input{
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        margin: 8px auto;
        width: 100%;
        height: 50px;
    }
    .inhalt_erfassung .ui-widget { 
        font-size: 1.2em !important; 
        line-height: 1.6em !important; 
    }
    
	.inhalt_erfassung input.btEnd{
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
	    height: 40px;
	    width: 300px;
	    margin: 15px;
	}
} /* END @media screen and (min-width: 426px) and (max-width: 700px) */

@media screen and (min-width: 701px) {
    .element {
        width: 180px;
        height: 100px;
        font-size: 1em;
    }
    div.TBmenge, div.TBbemerkung, div.TBdatum, div.TBkommen, div.TBgehen {
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        width: 90%;
        margin: 5px;
        height: 100%;
        max-width: 595px;
    }
    .inhalt_erfassung input{
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
        margin: 8px auto;
        width: 100%;
        height: 50px;
    }
    .inhalt_erfassung .ui-widget {
        font-size: 1.6em !important; 
        line-height: 1.6em !important; 
    }
	.inhalt_erfassung input.btEnd{
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
	    height: 40px;
	    width: 300px;
	    margin: 15px;
	}


}/* END @media screen and (min-width: 701px) */
.TBdatum {
    height: auto;
    width: auto;
}
.ui-datepicker {
    height: auto;
    width: auto !important; 
} 
.tb_save td {
    text-transform: capitalize;
}
.fehlerEingabe {
    animation-name:fehlerBlink;
    animation-duration:2.5s;
    background:#FF4500; 
    border-color:red;    
}
@keyframes fehlerBlink {
    0%   {background:#fff;border-color:black;}
    25%  {background:#FF4500; border-color:red;}
    50%  {background:#fff; border-color:black;}
    75%  {background:#FF4500; border-color:red;}
    100% {background:#fff; border-color:black;}
}
.eingabe {
	display: none;
	width: 100%;
	clear:left;
}
/*------------------------------------------------------------------*
/*                                 FOOTER                  
/*------------------------------------------------------------------*/
#footer {
	display:  block;
	height: 3em;
	padding:2px;
	width:100%;
	bottom: 0;
	left: 0;
	position:fixed;
	z-index: 100;
	background: none repeat scroll 0 0 #aaa;
        text-align:center;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
}
#footer input {
	border: 1px solid #333;
	width: calc(100% - 9em);;
	height: 2.5em;
	padding: 2px;
	display:block;
	display: inline-block;	
	margin: 0 1em;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
	
}
#goTop {
	border: 1px solid #333;
	width: 3em;
	height: 2.5em;
	padding: 2px;
	margin: 0;
	display: inline-block;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
}

#goBottom {
	border: 1px solid #333;
	width: 3em;
	height: 2.5em;
	padding: 2px;
	margin: 0;
	display: inline-block;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
}

/*------------------------------------------------------------------*
/*                         EINGABE - NAVIGATION                  
/*------------------------------------------------------------------*/
.page_erfassung > nav_erfassung ul.nav_erfassung, nav_erfassung ul.nav  {
	width: 100%;
	height: 40px;
	white-space: nowrap;
}
.page_zeiterfassung > nav_erfassung, ul.nav {
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
	width: 100%;
	padding-left: 80px;
}
.nav_erfassung li, ul.nav_erfassung li{
	list-style: none;
	margin:0;
	white-space: nowrap;
        font-size: 0.9em;
	color:#999; 
	text-decoration:none;
	display:inline-block;
        height: 40px;
        min-width: 60px;
        max-width: 110px;
	padding: 0;
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	

}
.nav_erfassung li.klickbar *, nav_erfassung li.klickbar * {
	color:#229922;
}
.nav_erfassung li div, ul.nav_erfassung li div {
	display: block;
	float: left;
	text-transform:capitalize;
}
.nav_erfassung li .feld, ul.nav_erfassung li .feld {
	display: block;
	float: left;
        font-weight: 600;
        min-width: 40px;
        max-width: 90px;
        padding: 0px 0px;
        overflow: hidden;            /*   "overflow"-Wert darf nicht "visible" sein */ 
        text-overflow: ellipsis;
}
.nav_erfassung li .wert, ul.nav_erfassung li .wert {
	display: block;
	clear:left;
        height: 1.3em;
	text-transform:capitalize; /** Wortanfang In Grossbuchstaben **/
	color: #229922;
        overflow: hidden;            /*   "overflow"-Wert darf nicht "visible" sein */ 
        text-overflow: ellipsis;
        min-width: 40px;
        max-width: 90px;
        font-weight: 400;
}
.nav_erfassung li .symbol, ul.nav_erfassung li .symbol {
	display:block;
	float: right;
	font-size: 4em;
	line-height: 0.6em;
        color: #888;
}

.nav_erfassung li.klickbar:hover, ul.nav_erfassung li.klickbar:hover {
	background:#333;
	color:#151515;
	
}
.nav_erfassung .aktiv, ul.nav_erfassung .aktiv {
	background-color:#000;
 }
/* ul#navigation li.aktiv {
	background:#f8f8f8;
	color:#282828;
	
} */
/*------------------------------------------------------------------*
/*                         HAUPT-NAVIGATION                  
/*------------------------------------------------------------------*/	
body > nav {
	
    left: 0px;
    top: 33px;
    height: calc(100% - 33px);
    width: 210px;
    position:fixed;
    overflow:auto;
    background: #888;
    color: #fff;
    z-index: 1000;
    /**
    background-image: wekit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: ie-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-size: 2px 2px;
    **/
}
body > nav  li {
	margin: 3px 8px;
	list-style: none outside none;
}
body > nav  li .material-icons{
	vertical-align: middle;
}
body > nav h2 {
	margin: 15px 5px 8px 5px;
	font-size: 1em;
	border-bottom: 2px solid #111;
	color:#111;
        font-weight: 600;
}
nav a:hover{
    background-color: #EC7C34;
}

body > nav a, body > nav a:link, body > nav a:visited {
    display:block;
    color: #000;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 40px;
    margin-top:5px;
    padding-left: 25px;
}
/*------------------------------------------------------------------*
/*                         PAGE-Global                 
/*------------------------------------------------------------------*/

body > article {
    background:#000;
    display:none;
    color: #fff;
    width: 100%;
    margin-left: 200px;
}
::-webkit-scrollbar{
    width: 8px;
    height: 7px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 5px;
}
 
::-webkit-scrollbar-thumb{
    border-radius: 4px;
    height: 50px;
    width: 50px;
    background-color: #eee;
}

::-webkit-scrollbar-track-piece {
    
    background-color: #E55F09;
}

::-moz-scrollbar {
    width: 8px;
    height: 7px;
}
 
::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 5px;
}
 
::-moz-scrollbar-thumb {
    border-radius: 4px;
    height: 50px;
    width: 50px;
    background-color: #eee;
}

::-moz-scrollbar-track-piece {
    
    background-color: #E55F09;
}

article header {
    height: 40px;
    background:#AAAAAA;
}
article article {
    color: #eee;
    overflow:auto;
}
article section > header{
    width: 100%;
    color: #eee;
    overflow:auto;
}
article section > header h1 {

    float: left;
    margin: 2px;
    line-height: 41px;
    display: inline;

}
article section > header nav{
    white-space: nowrap; 
}
/*------------------------------------------------------------------*
/*                        Jede Einzelne PAGEs
/*------------------------------------------------------------------*/
article article {
    margin-top: 30px;
    padding: 1px;
}
/*------------------------------------------------------------------*
/*                         PAGE-INFO
/*------------------------------------------------------------------*/

#page_info {
    padding: 5px;
    display: block;
}
/*------------------------------------------------------------------*
/*                         PAGE-INFO
/*------------------------------------------------------------------*/

#inhalt_fehlerhaft {
    color: red;
}

/*------------------------------------------------------------------*
/*                         PAGE-Einstellungen
/*------------------------------------------------------------------*/
/*label {
    width: 300px;
    height: 20px;
    display: block;
}
label input {
    float: right;
}*/
/*------------------------------------------------------------------*
/*                         PAGE-Warteschlagen
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*
/*                         PAGE-Zeiterfassung
/*------------------------------------------------------------------*/
.inhalt_erfassung li.aktiv {
    background:#022a44;
    color:#FFF;
    
}
.inhalt_erfassung {
    margin-top: 80px;
}

#menu_grupp_extras {
    position: absolute;
    left: 5px;
    bottom: 25px;
    
}
/*------------------------------------------------------------------*
/*                        PAGE-LOGIN
/*------------------------------------------------------------------*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    background: url('/img/user.png') no-repeat #fff !important; 
}

#form_login input {
  border: none; 
  margin: auto; 
  display: block; 
  width: 80%; 
  padding: 15px 15px 15px 35px; 
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
  outline:0;
}
#form_login #inp_senden {
    border-radius:5px 5px 5px 5px; 
    width: 100%;  
    margin: auto; 
    font-weight: bold;  
}

#form_login #inp_benutzername {
    border-radius:5px 5px 0px 0px; 
    background: url('/img/user.png') no-repeat #fff; 
    background-position: 3px center;   
}
#form_login #inp_passwort {
    border-radius:0px 0px 5px 5px; 
    background: url('/img/sperren.png') 
    no-repeat #fff; background-position: 3px center; 
}
#form_login h1 {
    margin: auto; 
    display: block; 
    width: 100%; 
    font-size: 1.5em; 
    text-align: center; 
    text-shadow: 0.05em 0.05em 0.05em #aaa;
}
#form_login fieldset, #form_anmeldung fieldset{
    
    max-width: 250px;
    padding: 10px;
    border:none;
    margin: auto;
    
}

#meldung_error, #meldung_fehler {
    background: #ffcccc;
    border: 1px red solid;
    z-index: 1000;
    position: fixed;
    bottom: 0px;
    left: 20px;
    padding: 5px;
    border-bottom: none;
    width: calc(100% - 50px); 
    min-height: 45px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-box-shadow: 10px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
    display: none;
}
#meldung_warnung {
    border: 1px yellow solid;
    background: #ffffcc;
    z-index: 1001;
    position: fixed;
    bottom: 0px;
    left: 20px;
    padding: 5px;
    border-bottom: none;
    width: calc(100% - 50px); 
    min-height: 45px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-box-shadow: 10px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
    display: none;
}
#meldung_info {
    border: 1px blue solid;
    background: #d8efff;
    z-index: 1002;
    position: fixed;
    bottom: 0px;
    left: 20px;
    padding: 5px;
    border-bottom: none;
    width: calc(100% - 50px); 
    min-height: 45px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-box-shadow: 10px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
    box-shadow: 0px 0px 15px #888;
    display: none;
}
#meldung_bestaetigung {
    border: 1px green solid;
    background: #e5ffe5;
    z-index: 1003;
    position: fixed;
    bottom: 0px;
    left: 20px;
    padding: 5px;
    border-bottom: none;
    width: calc(100% - 50px); 
    min-height: 45px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-box-shadow: 10px 0px 0px #888;
    -webkit-box-shadow: 0px 0px 15px #888;
     box-shadow: 0px 0px 15px #888;
     display: none;
}
/*------------------------------------------------------------------*
/*                                 Warteschlange                  
/*------------------------------------------------------------------*/
table {
    border-collapse: collapse;
    margin: 15px;
    min-width: 300px;
}
td {
    border:1px solid orange;
    padding: 2px;
}
.tb_warteschlange thead, .tb_exportiert thead{
    background-color: #E55F09;
}
.tb_warteschlange thead td, .tb_exportiert thead td{
    border: solid #fff 1px;
/*    text-shadow: 1px 1px 0px #000;*/
    text-align: center;
    padding: 3px;
}
.tb_warteschlange tbody tr:hover, .tb_exportiert tbody tr:hover, .tb_save tbody tr:hover {
    background-color: #E55F09;
} 
.tb_warteschlange tbody .td_function:hover, .tb_exportiert tbody .td_function:hover, .tb_save tbody tr:hover {
    cursor:pointer;
}
/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
 */

table.DTCR_clonedTable {
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 202;
}

div.DTCR_pointer {
	width: 1px;
	background-color: #0259C4;
	z-index: 201;
}
/*********************************************************************************/

div.ui-dialog-titlebar button.ui-button {
    display: none;
}

/***********************************************************************************
jquery.dataTables.css
***********************************************************************************/
table.dataTable input {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  width: calc(100% - 30px) ;
  margin: 0 auto;
  clear: both;
  border-collapse: collapse;;
  border-spacing: 0;
  margin: 15px;
  min-width: 300px;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border: 1px solid orange;
  color: #fff;
  background-color: #E55F09 !important;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border: 1px solid orange;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  background: url("../img/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url("../img/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url("../img/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("../img/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("../img/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
  background-color: transparent;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
  color: black;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable th.center,
table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.right,
table.dataTable td.right {
  text-align: right;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid orange;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*************************************
*   Extras 21.05.2014
*************************************/
tr.group, tr.group:hover {
    background-color: #ccc !important;
    color: #000;
    font-weight: bold;
}
.dataTables_filter, .dataTables_info {
    display: none;
}

/************************************/

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, orange 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, orange 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, orange 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, orange 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, orange 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid orange;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */
div.ColVis {
        position: fixed;
        right: 2px;
        top: 40px;
        z-index: 1000;
}

button.ColVis_Button,
ul.ColVis_collection li {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 5px 8px;
	border: 1px solid #999;
	cursor: pointer;
	*cursor: hand;
	font-size: 0.88em;
	color: black !important;
	white-space: nowrap;

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;

	-webkit-box-shadow: 1px 1px 3px #ccc;
	   -moz-box-shadow: 1px 1px 3px #ccc;
	    -ms-box-shadow: 1px 1px 3px #ccc;
	     -o-box-shadow: 1px 1px 3px #ccc;
	        box-shadow: 1px 1px 3px #ccc;

	/* Generated by http://www.colorzilla.com/gradient-editor/ */
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.ColVis_Button:hover,
ul.ColVis_collection li:hover {
	border: 1px solid #666;
	text-decoration: none !important;

	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;

	background: #f3f3f3; /* Old browsers */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

button.ColVis_Button {
	height: 30px;
	padding: 3px 8px;
}

button.ColVis_Button::-moz-focus-inner { 
	border: none !important;
	padding: 0;
}

button.ColVis_Button:active { 
	outline: none;
}


div.ColVis_collectionBackground {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	z-index: 1100;
}

ul.ColVis_collection {
	width: 150px;
	padding: 8px 8px 4px 8px;
	margin: 0;
	border: 1px solid #ccc;
	border: 1px solid rgba( 0, 0, 0, 0.4 );
	background-color: #f3f3f3;
	background-color: rgba( 255, 255, 255, 0.3 );
	overflow: hidden;
	z-index: 2002;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	     -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

ul.ColVis_collection li {
	position: relative;
	height: auto;
	left: 0;
	right: 0;
	padding: 0.5em;

	display: block;
	float: none;
	margin-bottom: 4px;
	
	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;
}

ul.ColVis_collection li {
	text-align: left;
}

ul.ColVis_collection li.ColVis_Button:hover {
	border: 1px solid #999;
	background-color: #f0f0f0;
}

ul.ColVis_collection li span {
	display: inline-block;
	padding-left: 0.5em;
	cursor: pointer;
}

span.ColVis_radio {
	display: inline-block;
	width: 20px;
}

div.ColVis_catcher {
	position: absolute;
	z-index: 1101;
}

.disabled {
	color: #999;
}
#dialog button.ColVis_Button{
    background: none;
    background-color: transparent;
    height: 100%;
    width: 100%;
    line-height: 100%;
    border: none;
    
    -webkit-border-radius: none;
       -moz-border-radius: none;
        -ms-border-radius: none;
         -o-border-radius: none;
            border-radius: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
    padding: 0px;
    margin: 0px;
    
}
#dialog div.ColVis {
    position: fixed;
    top: 4px;
    right: 44px;
    width: 30px;
    height: 30px;
    z-index: 1010;
    text-align: center;
    line-height: 30px;
    border: 1px solid orange;
    padding: 0px;
    margin: 0px;
}

#dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: black;
    z-index: 1000;
    overflow:auto;
}
#dialog .titel {
    padding-left: 5px;
    padding-right: 80px;
    color: #fff;
    font-weight:bold;
    overflow: hidden; 
    text-overflow:ellipsis;
    white-space: nowrap;
}
#dialog .haeder {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #E55F09;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid orange;
    z-index: 1000;
}
#dialog .fuss {
    position: fixed;
    left: 0px;
    bottom: 0px;
    background-color: #E55F09;
    color: #fff;
    font-weight:bold;
    border-top: 1px solid orange;
    width: 100%;
    height: 40px;
}
#dialog .closs:hover {
    color: #fff;
    background-color: red;
}
#dialog .closs {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 30px;
    height: 30px;
    z-index: 1010;
    text-align: center;
    line-height: 30px;
    border: 1px solid orange;
}
#dialog button {
    height: 30px;
    width: 100px;
    line-height: 22px;
    padding: 4px;
    float: left;
    margin: 5px 6px;
}
#dialog #weiter{
    float: right;
    margin-right: 4px;
    
}
#dialog table{ margin: 50px 5px 35px 10px; }
#dialog table th {
    min-width: 50px;
    width: 100px;
    max-width: 200px;
    text-overflow:ellipsis;
    
}