html, body {}

html.content-page,
html.content-page body {
	position:relative; height:100%; overflow:hidden;
}

body {
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #D9D5D5;
	SCROLLBAR-SHADOW-COLOR: #D9D5D5;
	SCROLLBAR-3DLIGHT-COLOR: #D9D5D5;
	SCROLLBAR-ARROW-COLOR:  #D9D5D5;
	SCROLLBAR-TRACK-COLOR: #D9D5D5;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;
	margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
}

a {color: #706F90; font-weight:bold;}
td, th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
pre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
* {box-sizing: border-box;}
table {border-collapse:collapse;}

.align-top {vertical-align: top;}
.titlebar {height:30px; color: #FFFFFF; background-color: #706F90;}
.titel {font-size:13px; font-weight:bold; color: #FFFFFF;}
.toolbar {height:30px; color: #333333; background-color: #C8C9DE;}
.tool {font-size:11px; font-weight:bold; color: #333333;}
.inputstyle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333333; border: 1px solid #706F90;}
.beschriftung {text-align: right;}
.beschriftung-fehler {text-align: right; color:#990000;}
.table-titel-bar {font-weight:bold; border-bottom: 1px solid #706F90;}
.table-titel {font-weight:bold;}
.unterstrichen{font-size:1px; border-top:1px solid #333333;}
.fehler {font-weight:bold; color:#990000;}
.erfolg {font-weight:bold; color:#006633;}
.liste-content {position:relative;}
.liste-reiter {font-size:9px; background-color: #E8E8F0; border:1px outset #FFFFFF;}
.formular-content {padding: 3px; background-color: #E8E8F0; border:1px outset #FFFFFF;}
.formular-reiter {font-size:9px; background-color: #E8E8F0; border:1px outset #FFFFFF; cursor: pointer;}
.formular-reiter-aktiv {font-size:11px; font-weight:bold; background-color: #E8E8F0; border:1px outset #FFFFFF; cursor: pointer;}
.menuItem {width:100; padding-left:20; font-family:sans-serif; font-size:10pt; background-Color:menu;color:black}
.highlightItem {width:100;padding-left:20; font-family:sans-serif; font-size:10pt; color:white; background-Color:highlight;}
.stundennavbar {border-right:1px solid #706F90;}
.stundennav-link {font-size: 12px; font-weight:normal; text-decoration:none; color: #333333;}
.stundennav-link-active {font-size: 12px; font-weight:bold; text-decoration:none; color: #333333;}
.stundennav-reiter {text-decoration:none; color: #333333;}
.urlaubnavbar {border-right:1px solid #706F90;}
.urlaubnav-link {font-size: 12px; font-weight:normal; text-decoration:none; color: #333333;}
.urlaubnav-link-active {font-size: 12px; font-weight:bold; text-decoration:none; color: #333333;}
.krankenstandnavbar {border-right:1px solid #706F90;}
.krankenstandnav-link {font-size: 12px;	font-weight:normal; text-decoration:none; color: #333333;}
.krankenstandnav-link-active {font-size: 12px; font-weight:bold; text-decoration:none; color: #333333;}
.krankenscheinenavbar {border-right:1px solid #706F90;}
.krankenscheinenav-link {font-size: 12px; font-weight:normal; text-decoration:none; color: #333333;}
.krankenscheinenav-link-active {font-size: 12px; font-weight:bold; text-decoration:none; color: #333333;}
.popup-content {background-color: #E8E8F0;}
.lv-content {position:relative;}
.lv-mitarbeiter-reiter {font-size:9px; background-color: #E8E8F0; border:1px outset #FFFFFF;}
.kalender-monate-bar {background-color: #706F90;}
.kalender-monat {padding-left:5px; padding-right:5px; font-size:12px; font-weight:bold; color:#FFFFFF; cursor:pointer;}
.kalender-monat-aktiv {padding-left:5px; padding-right:5px; font-size:12px; font-weight:bold; color:#706F90; background-color:#FFCC99; cursor:pointer;}
.nettoumsatz {visibility:hidden;}

.content {position:relative; height:100%; overflow: auto; z-index:1; visibility: visible;}

table.stunden_abgeschlossen {border-collapse:collapse; border:0; margin-top:1em;}
    table.stunden_abgeschlossen caption {display:block; padding-bottom:1em; text-align:left; font-size:12px;}
	table.stunden_abgeschlossen td, table.stunden_abgeschlossen th {padding:0.2em 1em 0.2em 0.2em;}
	table.stunden_abgeschlossen th {font-weight:bold; text-align:left; border-bottom:1px solid #333333;}
	table.stunden_abgeschlossen td {text-align:left; border-bottom:1px solid #333333;}
	table.stunden_abgeschlossen td.wochenende {font-weight:bold;}
	table.stunden_abgeschlossen td.feiertag {font-weight:bold;}
	table.stunden_abgeschlossen td.pause {text-align:right;}
	table.stunden_abgeschlossen td.stunden {text-align:right;}
	table.stunden_abgeschlossen td.km {text-align:right;}
	table.stunden_abgeschlossen td.last, table.stunden_abgeschlossen th.last {padding-right:0.2em;}
    table.stunden_abgeschlossen tr.comments {display:none;}
        table.stunden_abgeschlossen.showComments tr.comments {display:block;}
            table.stunden_abgeschlossen.showComments tr.comments td {padding-bottom:1em; border-bottom:2px solid #000000;}
	table.stunden_abgeschlossen .summe td {font-weight:bold; border-bottom:0;}

table.urlaubsuebersicht td.year {background-color:#E8E8F0; border:1px outset #ffffff; font-weight:bold;}
table.urlaubsuebersicht td.von {padding-right:1em;}
table.urlaubsuebersicht td.bis {padding-right:1em;}
table.urlaubsuebersicht td.days {padding-right:1em; text-align:right;}
table.urlaubsuebersicht td.hours {text-align:right;}
table.urlaubsuebersicht td.sum {font-weight:bold;}

table.krankenstandsuebersicht td.year {background-color:#E8E8F0; border:1px outset #ffffff; font-weight:bold;}
table.krankenstandsuebersicht td.von {padding-right:1em;}
table.krankenstandsuebersicht td.bis {padding-right:1em;}
table.krankenstandsuebersicht td.days {padding-right:1em; text-align:right;}
table.krankenstandsuebersicht td.hours {text-align:right;}
table.krankenstandsuebersicht td.sum {font-weight:bold;}


.mitarbeiter-liste {border-collapse:collapse; width:100%;}
.mitarbeiter-liste tr.mitarbeiter > td {padding-top:0.75em; padding-bottom:0.75em; border-bottom: 2px solid #706F90;}
/*.mitarbeiter-liste tr.mitarbeiter:nth-child(even) > td {background-color: #f2f2f2; }*/
.mitarbeiter-liste tr.mitarbeiter:hover > td {background-color:#ddd;}
.mitarbeiter-liste td.name {padding-left:8px;}
.mitarbeiter-liste td.functions {padding-right:8px; text-align:right;}

.monatsberichte-toolbar .toolbar {padding-left:8px;}
.monatsberichte-liste {width:100%;}
.monatsberichte-liste tr.mitarbeiter > td {padding-top:0.75em; padding-bottom:0.75em; border-bottom: 2px solid #706F90;}
.monatsberichte-liste tr.mitarbeiter:hover > td {background-color: #ddd;}
.monatsberichte-liste td.expander {width:25px; padding-left:8px; white-space:nowrap;}
.monatsberichte-liste tr.mitarbeiter-details > td {padding-top:0.75em; padding-bottom:0.75em; padding-left:8px; background-color:#fff; border-bottom: 2px solid #706F90;}
.monatsberichte-liste tr.mitarbeiter.active > td {background-color:#E8E8F0;}

.stunden-liste {width:100%;}
.stunden-liste tr.mitarbeiter > td {padding-top:0.75em; padding-bottom:0.75em; border-bottom: 2px solid #706F90;}
.stunden-liste tr.mitarbeiter:hover > td {background-color:#ddd;}
.stunden-liste td.name {padding-left:8px;}
.stunden-liste td.functions {padding-right:8px; text-align:right;}
.stunden-liste tr.mitarbeiter-details > td {padding-top:0.75em; padding-bottom:0.75em; padding-left:8px; background-color:#fff; border-bottom: 2px solid #706F90;}
.stunden-liste tr.mitarbeiter.active > td {background-color:#E8E8F0;}

table.cfdebug {position:absolute; bottom:0; right:0; z-index:1000000;}