﻿/* ###################################################################################################
   # Alle Kästen wie dieser hier dienen nur der Erklärung und sollten für die Version auf dem Server #
   # komplett gelöscht werden. Denn sie würden sonst nur unnötig Traffic und Lafezeit verursachen.   #
   ################################################################################################### */
/* ################################
   # CSS-Angaben für den Kalender #
   ################################ */
#kalender .kalender {								/* der Kalender allgemein */
	width:130px;									/* Gesamtbreite (wenn mehr Breite nötig, wird diese automatisch verbreitert) */
	font:10px "verdana", "arial", "helvetica", "sans-serif"; 	/* Schrift:Größe Schriftfamilie (Auswahl); */
	border:1px solid #000000;						/* äußerer Rahmen:Stärke Form Farbe */
	border-collapse:collapse;
	text-align: center;
}
#kalender .monatsname {				/* Titelzeile mit Monatsnamen und Jahr */
	background-color:#CCC;		/* Hintergrundfarbe */
	color:#000;					/* Schriftfarbe */
	font-weight:bold;			/* Schriftstärke:dick */
	text-align: center;	          
}

#kalender .tagesnamen {				/* Zeile mit den Anfangsbuchstaben der Tagesnamen - Erklärungen wie oben bei .monatsname */
	background-color:#000;
	color:#D6D6D6;
	border:1px solid #000000;		/* Rahmen:Stärke Typ Farbe */
	font-weight:bold;
	text-align: center;
	
}
#kalender .zahlen {					/* Zellen mit den Zahlen für die Datumsangabe - Erklärungen wie oben bei .monatsname */
	font:10px "verdana", "arial", "helvetica", "sans-serif"; 	/* Schrift:Größe Schriftfamilie (Auswahl); */
	background-color:#DFDFDF;
	color:#000000;
	border:1px solid #000000;/* innerer Abstand der Zelleninhalte von den Rahmen */
	padding:2px;	
	text-algin: center;				
}
#kalender .zahlen .aktTag {	/* das aktuelle Tagesdatum - Angaben werden von .zahlen übernommen, sofern hier nicht anders oder zusätzlich angegeben */
	color:#800000;
	font-weight:bold;
	text-align: center;
}
/* ###############################
   # CSS-Angaben für die Uhrzeit #
   ############################### */
#uhr {
	color:#000000;				/* Schriftfarbe */
	background-color:#DFDFDF;	/* Hintergrundfarbe */
	border:1px solid #DFDFDF;	/* Rahmen:Stärke Form Farbe */
	text-align: left;
}
#uhr .uhrblinker_0,
#uhr .uhrblinker_1 { /* linker und rechter Abstand der Zeitangaben zu dem bzw. den Trennzeichen dazwischen */
	padding-left:5px; /* Abstand links */
	margin-right:5px; /* Abstand rechts */
}
/* ####################################################################################################################
   # die beiden nachfolgenden Angaben uhrblinker_0 und uhrblinker_1 beziehen sich auf die Farben, welche das bzw. die #
   # Zeichen zwischen Stunden und Minuten sowie ggf. zwischen Minuten und Sekunden abwechselnd annehmen sollen.       #
   # Bei uhrblinker_1 besteht auch die Möglichkeit, diesen überhaupt nicht anzeigen zu lassen, sodass das bzw. die    #
   # Trennzeichen wie bei einer echten Digitaluhr blinken.                                                            #
   #################################################################################################################### */
#uhr .uhrblinker_0 {	/* 1. Farbangabe */
	color:#000000;
}
#uhr .uhrblinker_1 {	/* 2. Angabe +++ Nur eine der beiden Anweisungen nötig, die 2., nicht gewollte Auswahl löschen +++ */
	color:#000000;  	/* Farbangabe, mit der die jeweiligen Trennzeichen ständig, aber mit Farbwechsel angezeigt werden. */
	visibility:hidden;	/* Trennzeichen blinken */
}
