.body
{
background-color: #ffffff;
    padding: 0;
    margin: 0;
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    /* IE10 Consumer Preview */ 
/*background-image: -ms-linear-gradient(to left,white 10%, #ccc  , white 100%);*/

/* Mozilla Firefox */ 
/*background-image: -moz-linear-gradient(to left,white 10%, #ccc  , white 100%);*/

/* Opera */ 
/*background-image: -o-linear-gradient(to left,white 10%, #ccc  , white 100%);*/

/* Webkit (Safari/Chrome 10) */ 
/*background-image: -webkit-linear-gradient(left,white , #ccc , white );*/

/* Webkit (Chrome 11+) */ 
/*background-image: -webkit-linear-gradient(to left,white 10%, #ccc  , white 100%);*/

/* W3C Markup, IE10 Release Preview */ 
/*background-image: linear-gradient(to right,white 10%, #ccc  , white 100%);*/
}

/* HELFER ANFANG */

.clear {
    clear: both;
}

.full-width {
	width: 100%;
}

/* HELFER ENDE */

/* REPORTS ANFANG */

.report-container h2.full-width {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
}

.report-container {
    margin: 10px;
	float: left;
}

.report-left {
    float: left;
   min-width: 300px;
}

.report-left-medium {
	width: 500px;
}

.report-left-large {
	width: 800px;
}

.report-left label, .report-right label {
    font-size: 11px;
}

.report-left select {
	display: block;
}

.report-right {
    margin-left: 380px;
}

.report-right-medium {
	margin-left: 510px;
}

.report-right-large {
	margin-left: 810px;
}

.report-right ul {
    padding: 0;
    margin: 0 0 0 1em;
	font-size: 12px;
}

.report-right h2 {
    margin-top: 0;
    margin-bottom: 5px;
	font-size: 16px;
}

.report-right h3 {
    margin-bottom: 5px;
	font-size: 14px;
}

.report-right p {
	font-size: 12px;
}

.report-ampel {
    clear: left;
    margin-left: 10px;
    margin-top: 10px;
	margin-right: 10px;
	padding: 5px 10px;
}

.select-container {
	margin-bottom: 10px;
}

/* REPORTS ENDE */

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.icon-fertig-unfertig {
    float: right;
    padding-top: 4px;
}

.icon-fertig-unfertig img {
    width: 14px;
    height: auto;
}

.dialog_form
{
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size:18px!important;
    font-weight: normal!important;
    text-transform: uppercase;	
	background-color:#5D767B;
}

.dialog_form_text
{
	display:inline;
	margin-left:15px;
	color:#ffffff;
	background-color:#5D767B;
}	

.dialog_window
{
    background-color: transparent;
}

.dialog_window_title
{
    background-color: #0072C6;
    color: #ffffff;
	height: 25px;
}

.dialog_window_title_unready
{
    background-color: #5D767B;
    color: #ffffff;
	height:25px;
}

.dialog_window_title_text
{
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	display:inline;
	color: #ffffff;
    font-size:16px;
	font-weight: normal;
    text-transform: uppercase;
	padding-left:10px;
    height: 25px;
}

.dialog_select
{
	background-color: #ffffff;
	color: #000000;
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size:12;
}

.dialog_select_large
{
	background-color: #ffffff;
	color: #000000;
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size:12;
	border: 0;
    font-size: 1.5em;
}

.dialog_select_large option {
    padding: 3px 0;
    color: #5D767B;
}

.dialog_select_large option:hover {
    padding: 3px 0;
    color: #C83F3F;
}

.vscomp-toggle-button{  /* analoge Darstellung für virtual-select               */
	background-color: #ffffff;
	color: #000000;
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size:12;
	border-color: #000000;
}

input:disabled {
  background: #ffffff;
}

select:disabled {
  background: #ffffff;
}
.dialog_input_error
{
    width:120px;
    height:20px;
    font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size:12;
    background-color:#e0d0d0;
    color:#002020;
}

.dialog_input
{
	border: 1px solid #ABABAB;
}

.dialog_submit, input[id^="b_"]
{
    font-size:12;
	background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
	cursor: pointer;
}

.dialog_submit_icon, input.dialog_submit_icon
{
	background-color: #f3f3f3;
	border: 1px solid #f3f3f3;
    text-align: left;
    padding: 5px 10px;
	cursor: pointer;
	text-align: right;
}

body .ui-datepicker button {
	background-color: #f3f3f3!important;
    border: 1px solid #f3f3f3!important;
}

body .ui-datepicker td a.ui-state-hover {
	border-top-color: #92c0e0!important;
	border-right-color: #92c0e0!important;
	border-bottom-color: #92c0e0!important;
	border-left-color: #92c0e0!important;
}

.dialog_submit:hover, .dialog_submit_icon:hover, body .ui-datepicker button:hover, .dialog_submit:focus, .dialog_submit_icon:focus, body .ui-datepicker button:focus
{
	border-color: #92c0e0!important;
}

.dialog_textarea
{
	background-color: #ffffff;
	color: #000000;
    font-family:arial;
    font-size:10;
    SCROLLBAR-BASE-COLOR: #c8d0d4;
}

.dialog_textarea_x
{
	background-color: #ffffff;
	color: #000000;
    font-family:arial;
    font-size:10;
    SCROLLBAR-BASE-COLOR: #c8d0d4;
}

.dialog_box
{
    background-color: #d4d0c8;
    width:120px;
    height:20px;
    border-width:0px;
    border-style:groove;
}

.dialog_accordion
{
/*    background-color: #d4d0c8; */
    width:120px;
    height:20px;
    border-width:1px;
    border-style:none;
	overflow: auto;
	margin:0px;
    padding:0px;
}

.dialog_tab
{
    width:120px;
    height:20px;
    border-width:1px;
    border-style:groove;
}

.dialog_tab_nsl
{
    position:absolute;
    background-image:url('links_ns.gif');
    background-position:center;
    width:7;
    height:27;
    z-index:8;
}

.dialog_tab_nsm
{
    position:absolute;
    background-image:url('mitte_ns.gif');
    background-position:center;
    background-repeat: repeat-y;
    font-family:verdana, tahoma, arial;
    font-size:10;
    border-style:none;
    width:120;
    height:27;
    z-index:8;
}

.dialog_tab_nsr
{
    position:absolute;
    background-image:url('rechts_ns.gif');
    background-position:center;
    width:7;
    height:27;
    z-index:8;
}

.dialog_tab_sel
{
    position:absolute;
    background-image:url('links_se.gif');
    background-position:center;
    width:7;
    height:27;
    z-index:8;
}

.dialog_tab_sem
{
    position:absolute;
    background-image:url('mitte_se.gif');
    background-position:center;
    background-repeat: repeat-y;
    font-family:verdana, tahoma, arial;
    font-size:10;
    border-style:none;
    width:120;
    height:27;
    z-index:8;
}

.dialog_tab_ser
{
    position:absolute;
    background-image:url('rechts_se.gif');
    background-position:center;
    width:7;
    height:27;
    z-index:8;
}

.dialog_robot_big
{
    cursor:default;
    font-family:verdana, tahoma, arial;
    font-size:10;
    color:#000000;
    position:absolute;
    z-index:3;
    width:88;
    height:88;
}

.dialog_robot_small
{
    cursor:default;
    font-family:verdana, tahoma, arial;
    font-size:10;
    color:#000000;
    position:absolute;
    z-index:3;
    width:22;
    height:22;
}

.dialog_submit_calendar
{
position:absolute;
background-position:  0px 0px;
background-image: url('../calendar.png');
background-size: 20px 20px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
border: 0px;
background-color: none;
cursor: pointer;
outline: 0;
}

.dialog_submit_dms_files
{
position:absolute;
background-position:  0px 0px;
background-image: url('../ordner.png');
background-size: 20px 20px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
border: 0px;
background-color: none;
cursor: pointer;
outline: 0;
}



.dialog_label
{
    font-size:12;
    color:#000000;
    border-color: #ABABAB;
}

.dialog_iframe
{
    background-color: #d4d0c8;
}

.dialog_list_body
{
 background-color: #faf7fa;
}

.dialog_list_tbody
{
    margin: 0px;
    SCROLLBAR-BASE-COLOR: #c8d0d4;
  background-color: #faf7fa; /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(to left,white 10%, #ccc  , white 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(to left,white 10%, #ccc  , white 100%);

/* Opera */ 
background-image: -o-linear-gradient(to left,white 10%, #ccc  , white 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-linear-gradient(left,white , #ccc , white );

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(to left,white 10%, #ccc  , white 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to right,white 10%, #ccc  , white 100%);
 


}

.dialog_list_print
{
    background-color:#ffffff;
    color: #000000;
    font-family: verdana,tahoma, arial;
    font-size: 10;
    cursor:default;
	margin:0px;
	padding:0px;
	height:18px;
	width:100%;
}

.dialog_list_print_button
{
    background-color:#a0a0a7;
    color: #ffffff;
    font-family: verdana,tahoma, arial;
    font-size: 12;
    cursor:default;
	margin:0px;
	padding-left:5px;
	height:18px;
	width:80px;
}


.dialog_list_grid
{
    background-color:#a0a0a7;
    color: #000000;
    font-family: verdana,tahoma, arial;
    font-size: 10;
    cursor:default;
}

.dialog_list_title
{
    /* background-color: #c0c4c7; */
    background-color: #63656c;
    color:#ffffff;
    font-weight:bold;
}

.dialog_list_title1
{
    /* background-color: #c0c4c7; */
    background-color: #666666;
    color:#ffffff;
    font-weight:bold;
}

.dialog_list_title2
{
    /* background-color: #c0c4c7; */
    background-color: #cccccc;
    color:#ffffff;
    font-weight:bold;
}

.dialog_list_over
{
    background-color:#d7e7e0;
}
.dialog_list_odd
{
    background-color: #e0e4e7;
}

.dialog_list_even
{
    background-color: #d0d4d7;
}

.dialog_list_odd_1
{
    background-color: #a0ffa0;
}

.dialog_list_even_1
{
    background-color: #a0cca0;
}


.dialog_list_odd_2
{
    background-color: #ffea00;
}

.dialog_list_even_2
{
    background-color: #dece18;
}

.dialog_list_odd_3
{
    background-color: #bfc6ed;
}

.dialog_list_even_3
{
    background-color: #94a1e6;
}

.dialog_list_odd_4
{
    background-color: #ffddee;
}

.dialog_list_even_4
{
    background-color: #ffddaa;
}


.calendar_monthname
{
    BACKGROUND-COLOR: #006699;
    COLOR: #cccccc;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}

.calendar_weekdayname
{
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}

.calendar_weekday
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}

.calendar_sat
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #666666;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.calendar_sun
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #ff0000;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.calendar_holiday
{
	FONT-SIZE: 8pt;
	TEXT-ALIGN: right;
	text-decoration : none;
}

.calendar_notthismonth
{
    BACKGROUND-COLOR: #e1e1e1;
    COLOR: #999999;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}

a.calendar
{
    color: #00ffff;
}
#today
{
    border : 0px solid Red;
    background-color: #ffaaaa;
}

#current
{
    border : 0px solid Red;
    background-color: #aaaaff;
}

a.tree
{
    text-decoration: none;
    font-size:12px;
    font-family:arial;

    color: #00f;
}

.level_2
{
	color: #007700;
}

.level_3
{
	color: #ff0000;
}

a.tree:hover
{
    text-decoration: underline;
}

a.tree:active
{
    color: #f00;
}


a.tree:visited
{
    color: #00f;
}

img.tree
{
    margin:0px;
    padding:0px;
}

div.tree
{
    margin-left: 5px;
}

body.tree
{
	background-color:#ffffff;
	color: #000000;
	font-family:arial;
	font-size:12px;
}

/* -----  Class for big size -------- */

a.tree_b
{
    text-decoration: none;
    font-size:16px;
    font-family:arial;

    color: #00f;
}


a.tree_b:hover
{
    text-decoration: underline;
}

a.tree_b:active
{
    color: #f00;
}


a.tree_b:visited
{
    color: #00f;
}

img.tree_b
{
    margin:0px;
    padding:0px;
}

div.tree_b
{
    margin-left: 5px;
}

body.tree_b
{
	background-color:#ffffff;
	color: #000000;
	font-family:arial;
	font-size:12px;
}



/* --- loader ---*/

#loader {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

#loader td {
  padding: 3px;
  background: #ffffff;
}

#loader p {
  border: 3px solid #DDDDDD;
  padding: 10px;
  margin: 0;
  background: #EEEEEE;
}

#loader img {
  float: left;
  margin-right: 12px;
}

#loader strong {
  display: block;
  margin-bottom: 3px;
}

#loaderContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  height: expression(document.documentElement.clientHeight+'px');
}

#loaderContainer td {
padding-top: 150px;
vertical-align: top;
text-align: center;
background-image: url(semi-transparent.gif);
}

#loaderContainer td td {
padding-top: 3px;
text-align: left;
}