html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  background-color: #77AAFF;
  background-position: center center;
}

tr.liste {
  background-color:#DDDDFF;
}

tr.liste:hover {
  background-color:#DDFFFF;
}

tr.gesamt {
  background-color:#DDFFDD;
}

td.gesamt {
  font-weight:bold;
  font-size:8pt;
}

div.chmDebug {
  background-color:#FFDDDD;
  border:1px solid #FF0000;
  padding:10px;
}

div.color_choose_color {
  position:absolute;
  right:3px;
  top:3px;
  width:12px;
  height:12px;
  border:1px solid #AAAAAA;
}

div.color_choose {
  position:relative;
  padding:3px;
  padding-left:5px;
  color:#AAAAAA;
  border-bottom:1px solid #AAAAAA;
  cursor:pointer;
}

div.color_choose_active {
  position:relative;
  padding:3px;
  padding-left:5px;
  color:#AAAAAA;
  border-bottom:1px solid #AAAAAA;
  background-image:url('design/schatten.png');
}

div.color_choose:hover {
  background-image:url('design/schatten.png');
}

div.checkbox {
  height:16px;
  background-color:transparent;
  background-image: url('design/checkbox.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000C0;
  padding-top:2px;
}

div.checkbox:hover {
  background-image: url('design/checkbox-hover.png');
  color:#0000FF;
}

div.checkbox_aktiv {
  height:16px;
  background-color:transparent;
  background-image: url('design/checkbox-aktiv.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000C0;
  padding-top:2px;
}

div.checkbox_aktiv:hover {
  background-image: url('design/checkbox-aktiv-hover.png');
  color:#0000FF;
}


textarea.chmInputS {
  border:0px;
  padding:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:transparent;
  background-image: url('design/textarea-200.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:192px;
  height:95px;
}

textarea.chmInputM {
  border:0px;
  padding:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:transparent;
  background-image: url('design/textarea-300.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:292px;
  height:145px;
}

textarea.chmInputL {
  border:0px;
  padding:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:transparent;
  background-image: url('design/textarea-400.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:392px;
  height:195px;
}

input.chmInputS {
  border:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:transparent;
  background-image: url('design/text-200.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:192px;
  height:13px;
}

input.chmInputM {
  border:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:transparent;
  background-image: url('design/text-300.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:292px;
  height:13px;
}

input.chmInputL {
  border:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:transparent;
  background-image: url('design/text-400.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:392px;
  height:13px;
}

input.chmListeS {
  border:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:22px;
  background-color:transparent;
  background-image: url('design/liste-200.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:174px;
  height:13px;
  cursor:pointer;
}

input.chmListeS:hover {
  background-image: url('design/liste-200-hover.png');
}

input.chmListeM {
  border:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:22px;
  background-color:transparent;
  background-image: url('design/liste-300.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:274px;
  height:13px;
  cursor:pointer;
}

input.chmListeM:hover {
  background-image: url('design/liste-300-hover.png');
}

input.chmListeL {
  border:0px;
  padding-top:3px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:22px;
  background-color:transparent;
  background-image: url('design/liste-400.png');
  background-repeat:no-repeat;
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#0000FF;
  width:374px;
  height:13px;
  cursor:pointer;
}

input.chmListeL:hover {
  background-image: url('design/liste-400-hover.png');
}

.chmButtonXS {
  border:0px;
  padding:0px;
  background-color:transparent;
  background-image: url('design/button-16.png');
  width:16px;
  height:16px;
}

.chmButtonXS:hover {
  background-color:transparent;
  background-image: url('design/button-16-hover.png');
}

.chmButtonS {
  border:0px;
  background-color:transparent;
  background-image: url('design/button-100.png');
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#000000;
  width:100px;
  height:20px;
}

.chmButtonS:hover {
  background-color:transparent;
  background-image: url('design/button-100-hover.png');
}

.chmButtonM {
  border:0px;
  background-color:transparent;
  background-image: url('design/button-150.png');
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#000000;
  width:150px;
  height:20px;
}

.chmButtonM:hover {
  background-color:transparent;
  background-image: url('design/button-150-hover.png');
}

.chmButtonL {
  border:0px;
  background-color:transparent;
  background-image: url('design/button-200.png');
  font-family:Arial, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#000000;
  width:200px;
  height:20px;
}

.chmButtonL:hover {
  background-color:transparent;
  background-image: url('design/button-200-hover.png');
}

div.liste {
  position:absolute;
  left:3px;
  overflow:hidden;
  padding:3px;
  background-color:transparent;
  background-image: url('design/bg-liste.png');
}

div.liste_innen {
  overflow:auto;
  padding:0px;
  background-color:transparent;
}

div.listeneintrag {
  height:16px;
  padding:0px;
  padding-top:2px;
  padding-left:20px;
  background-color:transparent;
  color:#FFFFFF;
  font-family:Arial, sans-serif;
  font-weight:bold;
  font-size:8pt;
  overflow:hidden;
  background-image: url('design/bg-liste.png');
  cursor:default;
}

div.listeneintrag:hover {
  color:#AAFFAA;
  background-color:transparent;
  background-image: url('design/task_marker.png');
  cursor:default;
}

div.tb_button {
  position:absolute;
  top:2px;
  width:20px;
  height:20px;
}

div.toolbar {
  position:absolute;
  overflow:hidden;
  z-index:0;
  left:0px;
  top:0px;
  background-image:url('design/bg-toolbar.png');
  width:100%;
  height:24px;
}

.fenster_innen {
  position:absolute;
  z-index:10;
  border:0px;
  padding:0px;
  overflow:auto;
  background-color:#FFFFFF;
  background-image:url("design/bg-fenster.png");
  background-repeat:no-repeat;
}

.meldung_innen {
  position:absolute;
  z-index:10;
  border:0px;
  padding:0px;
  overflow:hidden;
  background-color:#FFFFFF;
  background-image:url("design/bg-fenster.png");
  background-repeat:no-repeat;
}

div.meldung_icon {
  position:absolute;
  text-align:left;
  padding:0px;
  margin:0px;
  left:15px;
  top:25px;
  width:48px;
  height:48px;
  overflow:hidden;
}

div.meldung_text {
  position:absolute;
  text-align:left;
  padding:0px;
  margin:0px;
  padding-left:5px;
  left:75px;
  top:25px;
  right:20px;
  height:66px;
  background-color:transparent;
  overflow:auto;
}

div.button_meldung {
  /*position:absolute;*/
  position:fixed;
  text-align:center;
  background-color:transparent;
  z-index:3000000;
}

div.fenster_inhalt {
  z-index:1;
  margin:0px;
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
}

div.button_abstand {
  position:absolute;
  z-index:8;
  top:0px;
  right:66px;
  width:30px;
  height:22px;
  background-image:url("design/button_abstand.png");
  background-repeat:repeat-x;
  cursor:move;
}

div.button_hintergrund {
  position:absolute;
  z-index:8;
  top:0px;
  right:13px;
  width:53px;
  height:22px;
  background-color:transparent;
  background-image:url("design/rahmen-o.png");
  background-repeat:repeat-x;
}

div.button_close:hover {
  background-image:url("design/buttonCloseHover.png");
}

div.button_close:active {
  background-image:url("design/buttonClosePress.png");
}

div.button_close {
  position:absolute;
  z-index:11;
  top:2px;
  right:6px;
  width:20px;
  height:18px;
  background-image:url("design/buttonClose.png");
  background-repeat:no-repeat;
  cursor:pointer;
}

div.button_min:hover {
  background-image:url("design/buttonMinHover.png");
}

div.button_min:active {
  background-image:url("design/buttonMinPress.png");
}

div.button_min {
  position:absolute;
  z-index:11;
  top:2px;
  right:46px;
  width:20px;
  height:18px;
  background-image:url("design/buttonMin.png");
  background-repeat:no-repeat;
  cursor:pointer;
}

div.button_max:hover {
  background-image:url("design/buttonMaxHover.png");
}

div.button_max:active {
  background-image:url("design/buttonMaxPress.png");
}

div.button_max {
  position:absolute;
  z-index:11;
  top:2px;
  right:26px;
  width:20px;
  height:18px;
  background-image:url("design/buttonMax.png");
  background-repeat:no-repeat;
  cursor:pointer;
}

div.button_reload:hover {
  background-image:url("design/buttonReloadHover.png");
}

div.button_reload:active {
  background-image:url("design/buttonReloadPress.png");
}

div.button_reload {
  position:absolute;
  z-index:11;
  top:2px;
  left:7px;
  width:20px;
  height:18px;
  background-image:url("design/buttonReload.png");
  background-repeat:no-repeat;
  cursor:pointer;
}

div.status {
  position:absolute;
  z-index:1000000;
  right:0px;
  left: 40px;
  bottom:0px;
  height: 40px;
  background-image:url("design/tasks.png");
}

div.chm_uhr {
  position:absolute;
  z-index:1000001;
  right:3px;
  bottom:3px;
  width:47px;
  height:17px;
  padding-top:3px;
  padding-left:3px;
  background-color:transparent;
  background-image:url("design/uhr.png");
  background-repeat:no-repeat;
  text-align:center;
}

div.ecke {
  position:absolute;
  z-index:1000005;
  width: 40px;
  height:30px;
  left: 0px;
  bottom:0px;
  background-image:url("design/ecke.png");
}

div.menuleiste {
  position:absolute;
  z-index:1000006;
  width: 40px;
  left: 0px;
  top: 0px;
  bottom:30px;
  background-image:url("design/menu.png");
}

div.menuitem {
  position:absolute;
  z-index:1000002;
  width: 33px;
  height: 33px;
  left:3px;
}

div.bigButton {
  text-align:center;
  background-repeat:no-repeat;
  width:100px;
  height:0px;
  padding-top:105px;
}

div.fenster_titel_aussen {
  position:absolute;
  z-index:7;
  top:0px;
  width:100%;
  height:22px;
  cursor:move;
}

div.fenster_titel {
  position:absolute;
  background-image:url("design/rahmen-o.png");
  background-repeat:repeat-x;
  left:8px;
  padding-top:5px;
  height:22px;
  z-index:-1;
}

div.fenster_rahmen_links {
  position:absolute;
  z-index:4;
  background-image:url("design/rahmen-l.png");
  background-repeat:repeat-y;
  top:10px;
  left:0px;
  width: 5px;
  bottom: 5px;
  cursor:w-resize;
}

div.fenster_rahmen_rechts {
  position:absolute;
  z-index:4;
  background-image:url("design/rahmen-r.png");
  background-repeat:repeat-y;
  top:10px;
  right:0px;
  width: 5px;
  bottom:5px;
  cursor:e-resize;
}

div.fenster_rahmen_unten {
  position:absolute;
  z-index:4;
  background-image:url("design/rahmen-u.png");
  background-repeat:repeat-x;
  bottom:0px;
  left:5px;
  right:5px;
  height: 5px;
  cursor:s-resize;
}

div.fenster {
  position:absolute;
  z-index:0;
  overflow:hidden;
}

div.ecke_lo {
  position:absolute;
  z-index:10;
  width:13px;
  height:22px;
  left:0px;
  top:0px;
  background-image:url("design/ecke-lo.png");
  background-repeat:no-repeat;
}

div.ecke_lu {
  position:absolute;
  z-index:5;
  width: 20px;
  height:20px;
  left:0px;
  bottom:0px;
  background-image:url("design/ecke-lu.png");
  background-repeat:no-repeat;
  cursor:sw-resize;
}

div.ecke_ro {
  position:absolute;
  z-index:10;
  width:13px;
  height:22px;
  right:0px;
  top:0px;
  background-image:url("design/ecke-ro.png");
  background-repeat:no-repeat;
}

div.ecke_ru {
  position:absolute;
  z-index:5;
  width: 20px;
  height:20px;
  bottom:0px;
  right:0px;
  background-image:url("design/ecke-ru.png");
  background-repeat:no-repeat;
  cursor:se-resize;
}

.info_button {
  position:fixed;
  z-index:1000010;
  width:12px;
  height:12px;
  right:1px;
  bottom:26px;
  background-color:transparent;
  background-image:url('design/info.png');
  cursor:pointer;
}

#chm_copyright {
  position:fixed;
  width:220px;
  height:100px;
  right:5px;
  bottom:45px;
  background-color:transparent;
  background-image:url('design/copyright.png');
}

#task_button {
  position:fixed;
  z-index:1000010;
  width:20px;
  height:20px;
  left:4px;
  bottom:2px;
  background-color:transparent;
}

.task_button {
  background-image:url('design/task_button.png');
}

.task_button:hover {
  background-image:url('design/task_button_hover.png');
}

.task_button_inaktiv {
  background-image:url('design/task_button_inaktiv.png');
}

#task_mover_l {
  position:fixed;
  z-index:1000010;
  width:8px;
  height:13px;
  left:28px;
  bottom:5px;
  background-color:transparent;
}

#task_mover_r {
  position:fixed;
  z-index:1000010;
  width:8px;
  height:13px;
  left:40px;
  bottom:5px;
  background-color:transparent;
}

.task_mover_l {
  background-image:url('design/move_l.png');
}

.task_mover_l_aktiv {
  background-image:url('design/move_l_aktiv.png');
}

.task_mover_l_aktiv:hover {
  background-image:url('design/move_l_hover.png');
}

.task_mover_r {
  background-image:url('design/move_r.png');
}

.task_mover_r_aktiv {
  background-image:url('design/move_r_aktiv.png');
}

.task_mover_r_aktiv:hover {
  background-image:url('design/move_r_hover.png');
}