body{    
	margin: 0px;
	font-family: "Helvetica"
	font-size: 16px; font-size: 1.0vw;
	overflow: hidden;
	background-color: #ffffff;
}

section-layout{
	background-color: blue;
}

div.HeadlineSeperator  { 
	height: 4px;
}

div.WeekSeperator  { 
	height: 8px;
}

/* 
Tabelle für Titel und Legende 			<table style="float: right;" border="0" cellpadding="1" cellspacing="0"> 
*/

div.title-section-layout {

}

div.title-tbl {
	display: table;
	width: calc(100%);
	border-collapse:collapse; 
	border-spacing:0;

}	

div.title-tbl-column{ 
  display:table-row; 
}	


div.CellTitleMonat   { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: left;
		font-size: 2em;
		color: blue;
		
}

div.separator {
	height: 20px;
}


div.CellTitleSeperator  { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: left;
		width: 40%;
}

div.CellLinkPrev  {
	display: table-cell;
	text-align: right;
	width: 10%;
}
div.CellLinkNext  {
	display: table-cell;
	text-align: right;
	width: 10%;
}


div.title-tbl-cell { 
	display: table-cell;
	border-collapse:collapse; 
	text-align: center;
	margin-bottom: 2px;
	border-width: 1em;
	border-style: solid;
	border-color: #ededed;
}   /*  Muster  */	



/* 
	Tabelle für LEGENDE
*/

div.legend-section-layout {

}

div.legend-tbl {
	display: table;
	width: calc(100%);
	border-collapse:collapse; 
	border-spacing:0;
	align:right;
}	

div.legend-tbl-column{ 
  display:table-row; 
}	

div.CellLegendSeperator  { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: left;
		width: 30%;
}

div.CellTitleLegend {
		display: table-cell;
}

div.CellLegendItem  { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: left;
}

div.CellLegendText { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: right;
		padding-right: 4px;
		width: 10%;
}

div.CellLegendGry  { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
		background-color: grey; 
		border-color: red solid;
		width: 3%;
}
div.CellLegendGrn  { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
		background-color: lime; 
		border-color: red solid;
		width: 3%;
}
div.CellLegendRed { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
		background-color: red; 
		border-color: red solid;
		width: 3%;
}
div.CellLegendYlw { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
		background-color: yellow; 
		border-color: red solid;
		width: 3%;
}
div.CellLegendOge { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
		background-color: orange; 
		border-color: red solid;
		width: 3%;
}
div.CellLegendOrg { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
		background-color: orange; 
		border-color: red solid;
		width: 3%;
}
 
 
 

/* 
	Tabelle für gebuchte Zeiten
*/

div.time-tbl {
	display: table;
	width: calc(100%);
	border-collapse:collapse; 
	border-spacing:0;
}

div.time-tbl-column{ 
  display:table-row; 
}


div.time-tbl-cell{ 
	display: table-cell;
	border-collapse:collapse; 
	text-align: center;
	margin-bottom: 20px;
	border-width: 1em;
	border-style: solid;
}   /*  Muster  */	

div.RowTitle   { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: left;
}
div.RowTitleRoot   { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: left;
		color: gray;
}

div.ColumnHeader   { 
		display: table-cell;
		border-collapse:collapse; 
		text-align: center;
}

div.CellGry   { 
		display: table-cell;
		border:medium solid #ffffff; 
		text-align: center;
		background-color: grey; 
}

div.CellGrn   { 
		display: table-cell;
		border:medium solid #ffffff; 
		text-align: center;
		background-color: lime; 
}

div.CellRed   { 
		display: table-cell;
		border:medium solid #ffffff; 
		text-align: center;
		background-color: red; 
}

div.CellYlw   { 
		display: table-cell;
		border:medium solid #ffffff; 
		text-align: center;
		background-color: yellow; 
}

div.CellOge   { 
		display: table-cell;
		border:medium solid #ffffff; 
		text-align: center;
		background-color: orange; 
}

div.CellOrg   { 
		display: table-cell;
		border:medium solid #ffffff; 
		text-align: center;
		background-color: orange; 
}