/*am ende einer woche wieder neue Zeile beginnen*/div#kalender>div.row{
	clear: both;
	}
/*Zelle Kalenderwoche*/
div#kalender>div.row>div.kalenderwoche {
	float: left;
	width: 3%;
	font-size: 18px;
	padding: 6px;
	}
/*Zellen der Tage*/
div#kalender>div.row>section {
	float: left;
	width: 13.5%;
	margin-bottom: 5px;
	}
/*Tagzellen Mouseover Effekt*/
div#kalender>div.row>section:hover {
	background-color: #ffb400;
	}	
/*Tagzellen Ueberschrift (Datum)*/
div#kalender>div.row>section>header{
	margin-top: 1px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border: 1px dotted #c0c0c0;
	background-repeat:no-repeat;							
	background-position: right bottom;		
	}	
/*Tagzellen Auftragsinhalte*/
div#kalender>div.row>section>article{
	text-align: left;
	color: #000000;
	border-left: 1px dotted #c0c0c0;
	border-bottom: 1px dotted #c0c0c0;
	min-height: 100px;	
	}
/*Tagzellen - Auftragszeilen*/
.day_line_0, .day_line_1, .day_line_2, .day_line_3, .day_line_4 {
	height: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 15px;	
	padding-right: 10px;
	overflow: hidden;
	}

/*Tagzellen Links der Auftraege*/
div#kalender div.row section article div a{
	color: #000000;
	text-decoration: none;
	}
div#kalender div.row section article div a:hover{
	color: #ffffff;
	}	
	
/*Hintergrundfarbe Tage (mo-fr, Sa, So, heute)*/
section.Mon, section.Tue, section.Wed, section.Thu, section.Fri {background-color: #e3e3e3;}
section.Sat {background-color: #d1d1d1;}
section.Sun {background-color: #c0c0c0;}	
section.today {background-color: #ffc3c3;}
/*Hintergrundfarbe Monate (gerade/ungerade)*/
header.month_0 {background-color: #a0b0a0;}
header.month_1 {background-color: #d0c0c0;}
/*Hintergrund Auftraege*/
div.day_line_0 {}					/*kein Auftrag, nur Platzhalter*/
div.day_line_1 {background-position: bottom left;}	/*Auftrag startet*/	
div.day_line_2 {background-position: bottom center;}/*Auftrag findet den ganzen Tag statt*/	
div.day_line_3 {background-position: bottom right;}	/*auftrag endet*/
div.day_line_4 {background-position: top left;}	/*auftrag nur an diesem tag*/	

div.order_1 {background-image: url("../img/kalender_auftrag_bg_lightgreen.png");}
div.order_2 {background-image: url("../img/kalender_auftrag_bg_green.png");}
div.order_3 {background-image: url("../img/kalender_auftrag_bg_orange.png");}
div.order_4 {background-image: url("../img/kalender_auftrag_bg_blue.png");}
div.order_5 {background-image: url("../img/kalender_auftrag_bg_red.png");}
div.order_6 {background-image: url("../img/kalender_auftrag_bg_yellow.png");}

div.note_0 {background-image: url("../img/kalender_auftrag_bg_white.png");}
div.note_1 {background-image: url("../img/kalender_auftrag_bg_grey.png");}
div.note_2 {background-image: url("../img/kalender_auftrag_bg_yellow.png");}

/* EXTERNAL CALENDARS OVERLAY */
.ext_calendar {
        cursor: crosshair;
	}

.ext_calendar:hover > div {
    	visibility: visible;									
	}

.ext_calendar_overlay {
	padding: 5px;
	visibility: hidden;
	background-color: #f0f0f0;
	opacity: 0.9;
	position: absolute;
       	top: 0px;
       	left: 0px; 
	display: block;
	border: 1px solid #ffffff;
	z-index: 1000;
	pointer-events: none; 
	}

.ext_calendar_overlay:hover {
	visibility: visible;
	}