body{
    font-family: Arial, Helvetica, sans-serif;
}

a{
    text-decoration: none;
    color: darkblue;
}


form{
    max-width:300px;
    margin:20px;
}

input[type=text]{
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	font-size:12pt;
	border-radius:3px;
	border-width:2px;
	border-color:#ccc;
	border-style:solid;
}

input[type=text]:focus{
	border-color:#555;
}

input[type=password]{
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	font-size:12pt;
	border-radius: 3px;
	border-width:2px;
	border-color:#ccc;
	border-style:solid;
}

input[type=password]:focus{
	border-color:#555;
}

input[type=submit]{
	width:100%;
	border: none;
	padding: 16px 32px;
    text-decoration: none;
    font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
}

.smallinfo{
    font-size: 0.9em;
    color: grey;
}

.table{
    display: table;
    width: 100%;
    empty-cells: show;
}

a.home{
    color: orangered;
}

.expbutton{
    cursor: pointer;
}

.collapsible {
    box-sizing: border-box;
}

.collapsiblecontent {
    display: none;
    overflow: hidden;
}

.collapsiblecontent_shown {
    display: block;
    overflow: hidden;
}

.tabelle{
    width: 100%;
    display: table;
}

.zeile{
    display: table-row;
}

.zelle{
    display: table-cell;
}

table{
    /*font-size: 0.9em;*/
    border-collapse: collapse;
}


td, th{
    padding: 15px 5px 15px; 
    }

td.tableau{
	padding: 5px 5px 5px; 
}

td.w60{
    min-width: 60px;
}

td.w90{
    min-width: 90px;
}

td.w120{
    min-width: 120px;
}

td.rechts, th.rechts{
    text-align: right;
}

td.links, th.links{
    text-align: left;
}

td.center, th.center{
    text-align: center;
}



/* Tabelle Umsatz*/
/*
.tabelleumsatz{
    display: table;
    table-layout: fixed;
}

.overflow{
    overflow-x: auto;
}

.wt {
    font-size: 0.9em;
    width: 27px;
    text-align: center;
    background-color: burlywood;
}

.datum{
    font-size: 0.9em;
    width: 80px;
    text-align: center;
    background-color: aliceblue;
}

*/

.indikator{
    max-width: 12px;
    min-width: 12px;
    width: 12px;
    padding: 0;
}

.bes_0{
    background-color: grey;
}

.bes_ok{
    background-color: lightgreen;
}

.bes_unter{
    background-color: gold;
}

.bes_ueber{
    background-color: darkorange;
}

.bes_fehl{
    background-color: red;
}

.col_info{
    background-color: cornflowerblue;
}

.col_sonntag{
    background-color: lightpink;
}

.col_anwesend{
    background-color: lightgreen;
}

.col_abwesend{
    background-color: #ccc;
}

.col_fehlt{
    background-color: red;
}

.col_urlaub{
    background-color: darkorange;
}

.col_krank{
    background-color: red;
}

.header{
    background-color: #333;
    margin-bottom: 10px;
}

.col_vertraulich{
    background-color: red;
}

.col_nichtvertraulich{
    background-color: cornflowerblue;
}

.title{
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px;
}

.home{
    max-width: 60px;
    width: 60px;
    text-align: center;
}

.button{
    padding: 15px 5px 15px;
}

.ebene0{
    background-color: whitesmoke;
}

.ebene1{
    background-color: white;
}

.trennung{
    border-top: 1px #CCC solid;
}

.trennung2{
    border-bottom: 1px #CCC solid;
}

.text{
    padding: 6px;
}

.info{
    color: grey;
}

.sticky{
    top:0;
    left: 0;
    position: fixed;
}

.tableau_zeit_first{
	font-size:12pt;
}

.tableau_zeit_liste{
	font-size:9pt
}

.tableau_zeit_date{
	color: #AAA;
}

.tableau_zeit_time{
	color: #666;	
}