#login-container
{
	width: 100%;
}

#login-form
{
	text-align: center;
}

#tb-code
{
	margin: 10px 0 20px 0;
}

#btn-login
{
	border: solid 0px;
	color: #FFF;
}

#back-arrow
{
	margin-left: 15px;
	margin-right: 10px;
	cursor: pointer;
}
#info-background
{
	position: absolute;
	z-index: 1000;
	background-color: #444444;
	top: 0px;
	left: 0px;
	filter: alpha(opacity = 75); /* IE 8- */
	opacity: 0.75; /* alle Anderen */
}

#info-content
{
	position: absolute;
	z-index: 1001;
	background-color: #FFF;
}

#info-container
{
	position: absolute;
	vertical-align: middle;
	text-align: center;
}

#info-table
{
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

#symbol-table
{
	margin-left: 15px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: middle;
}

#symbol-table td
{
	padding: 0 2px;
}

.symbol
{
	width: 32px;
	height: 32px;
}

#last-change
{
	margin-right: 20px;
	text-align: right;
}

.font-placeholder
{
	color: #9C9A9C;
}

#developer-text
{
	text-align: center;
}

#db-logo
{
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.date-caption
{
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

#workplan-container
{
	position: relative;
	width: 100%;
}

.activity
{
	font-family: "Arial Narrow", "Helvetica Narrow";
	position: absolute;
	color: #FFF;
	z-index: 200;
	text-align: center;
	vertical-align: middle;
}
.activity-background
{
	position: absolute;
	width: 100%;
	left: 0px;
	/*background-color: #B0B0B0;*/
}
.day-seperator
{
	position: absolute;
	width: 1px;
	top: 0px;
	background-color: #CBCBCB;
	z-index: 500;
}

.missing-activity
{
	position: absolute;
	background-color: #E7E7E7;
	color: #000;
	text-align: center;
}
#workplan-table
{
	/*width: 100%;*/
	font-size: 16px;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #313031;
}
#workplan-table td.cell-border, #workplan-table th
{
	border: solid 1px #313031;
	text-align: center
}
#workplan-table-complex
{
	width: 100%;
	height: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #313031;
}
#workplan-table-complex td.cell-border, #workplan-table-complex 
{
	height: 100%;
	border: solid 0px #313031;
	text-align: center
}
tr.complex-kopf
{
	border-bottom:solid 3pt #C0C0C0;
}
th.complex-kopf
{
	border-left: solid 0px #D0D0D0;
	border-right: solid 5px #D0D0D0;
	background-color: #FFFFFF;
}
th.complex-kopf-ende
{
	border-left: solid 0px #D0D0D0;
	border-right: solid 0px #D0D0D0;
	background-color: #FFFFFF;
}
table.complex-activity
{	
	width: 100%;
	height: 100%;
}
td.complex-activity
{	
	border-left: solid 0px #D0D0D0;
	border-right: solid 5px #D0D0D0;
	font-family: "Arial Narrow", "Helvetica Narrow";
	color: #FFF;
	vertical-align: top;
	text-align: center;
	background-color: #C0C0C0;
	height: 100%;
}
table.complex-activity-text
{	
	width: 100%;
	height: 100%;
}
table.complex-activity-text
{	
	width: 100%;
	height: 100%;
}
td.complex-activity-text
{	
	font-size: 16px;
	border-left: solid 0px #C0C0C0;
	border-right: solid 0px #C0C0C0;
	font-family: "Arial Narrow", "Helvetica Narrow";
	vertical-align: middle;
	text-align: center;
}
div.shadow
{
	text-shadow: black 1px 0px;
}
/*Farben der verschiedenen Bausteine */
.correspondence
{
	color: #FFF;
	background-color: #A3B85D;
}

.telephony
{
	color: #FFF;
	background-color: #6C9BC9;
}

.unpaid-break
{
	color: #FFF;
	background-color: #E1904F;
}
.Special
{
	color: #FFF;
	background-color: #339999;
}
.Empty
{
	color: #FFF;
	background-color: #C0C0C0;
}
.Frei
{
	color: #000;
	background-color: #E0E0E0;
}

.complex-platzhalter
{
	background-color: #FFFFFF;
}
.workplan-container-grey
{
	background-color: #C0C0C0;
}
.workplan-container-grey2
{
	height: 97%;
	overflow:auto;
	overflow-y: scroll !important;
	background-color: #C0C0C0;
	/*touch-action: none;*/
}
.workplan-grey
{
	position: absolute;
	color: #000;
	text-align: center;
	background-color: #C0C0C0;	
}
.workplan-container-white
{
	background-color: #FFF;
}
.activity
{
	background-color: #C10000;
}

/* neu */
@font-face {
    font-family: DB Head Alternate Light;
    src: url(dbhex02.ttf);
}
div.complex
{
	float:left;
	text-align: center;	
	position: relative;
}
div.border
{
	border-left: solid 0px #D0D0D0;
	border-right: solid 5px #D0D0D0;	
}
div.complex-title{	
	font-size: 14px;	
	font-family: DB Head Alternate Light;
	float:left;
	background-color: #FFFFFF;
	font-weight: bold;
}
div.complex-title-f
{
    /*position: fixed;*/
    top: 135px;
}

div.complex-title-nf
{
	float:left;
}
div.complex-content
{	
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	border-bottom: solid 1px #D0D0D0;
	font-size: 14px;	
	font-family: DB Head Alternate Light;
	vertical-align: middle;
	text-align: center;	
	display: flex;	
	align-items: center;
	justify-content: center;
}
div.hidescroll
{
	overflow-y: hidden;
	overflow-x: hidden;
}
div.showscroll
{
	overflow-y: scroll !important;
}
div.hide 
{
	visibility: hidden;
	/*position: absolute;*/
}
div.error-container
{
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	border-bottom: solid 1px #D0D0D0;
	font-size: 14px;	
	font-family: DB Head Alternate Light;
	vertical-align: middle;
	text-align: center;	
	display: flex;	
	align-items: center;
	justify-content: center;
}
/*Farben der verschiedenen Bausteine */
.today
{
	color: #FF0000;
}
.content-uhrzeit
{
	color: #FFF;
	background-color: #F01414;	
}
.content-empty
{
	color: #FFF;
	background-color: #C0C0C0;
}
.correspondence
{
	color: #FFF;
	background-color: #000A5A;
}

.telephony
{
	color: #FFF;
	background-color: #0A1E6E;
}

.unpaid-break
{
	color: #FFF;
	background-color: #23419B;
}
.Special
{
	color: #FFF;
	background-color: #375FC3;
}
.Empty
{
	color: #FFF;
	background-color: #C0C0C0;
}
.Frei
{
	color: #000;
	background-color: #E1E6EB;
}
img.pfeile
{
	opacity: 0.4;
	
}
img.pfeile:hover
{
	opacity: 1.0;
	
}
img.pright
{
	position: absolute; 
	left: 45px; 
	top: 50%;
	width: 100px;
	height: 100px;
}
img.pleft
{
	position: absolute; 
	left: 94%; 
	top: 50%;	
	width: 100px;
	height: 100px;	
}
img.pup
{
	position: absolute; 
	left: 46%; 
	top: 140px;
	width: 100px;
	height: 100px;
}
img.pdown
{
	position: absolute; 
	left: 46%; 
	top: 84%;	
	width: 100px;
	height: 100px;	
}
img.hide
{
	visibility: hidden;
}
img.zoom
{
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;	
}