/* Gantt
---------*/

	.gantt {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

/* Aufgabenliste
-----------------*/

	.gantt--tasklist {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 300px;
		border-right: 1px solid #cdcdcd;
		background-color: #FFFFFF;
		border-top: 1px solid #cdcdcd;
	}

/* Header
----------*/

	.gantt--header {
		position: absolute;
		top: 0;
		height: 60px;
		left: 300px;
		border-right: 1px solid #cdcdcd;
		background-color: #FFFFFF;
	}

/* Terminplaner
----------------*/

	.gantt--timeline {
		position: absolute;
		top: 60px;
		right: 0;
		bottom: 0;
		left: 300px;
		background-color: #FFFFFF;
		border-top: 1px solid #cdcdcd;
		background-image: url('/project/fecg/view/gantt/pub/img/timeline.png');
	}

/* Wochenleiste
----------------*/

	.gantt--weeks:after {
		content: '';
		clear: both;
		display: table;
	}

	.gantt--week {
		display: block;
		position: relative;
		float: left;
		border-top: 1px solid #DDDDDD;
		height: 30px;
	}

	.gantt--week--month {
		padding-left: 10px;
		height: 30px;
		line-height: 30px;
	}

	.gantt--week--kw {
		position: absolute;
		top: 8px;
		right: 10px;
		opacity: 0.3;
		font-size: 12px;
	}

	.gantt--month {
		line-height: 50px;
	}

/* Tage
--------*/

	.gantt--days:after {
		content: '';
		clear: both;
		display: table;
	}



	.gantt--days > div {
		display: block;
		float: left;
		border-top: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		font-size: 13px;
	}

/* Gant-Timelinebody
---------------------*/

	.gantt--body {
		border-top: 1px solid #DDDDDD;
	}