/*	_styles.css	Externe CSS2-Styles für ALLRIS net					*/

/*	History:										*/
/*	030623	3.7.1SP2	Neu: calMarkC, calMark, input.notiz, .zl16, .zl1m			*/
/*	020911	3.7.1	input.ib1 für z.B. Einladung, Bekanntmachung, Pressemitteilung angepaßt	*/
/*	020522	3.7.1	CSS2-kompatibel, keine Unterscheidung zwischen Browsertypen mehr	*/
/*	010611	3.6.1										*/
/*	010411	3.5.3	SP2 PreRelease Neuer Kalender Monatsauswahl				*/

/*	Falls Sie diese Datei ändern möchten, empfehlen wir die Änderungen zu kommentieren.
	Nutzen Sie dazu die Kommentare für Styles, so wie hier gezeigt (z.B. auch mehrzeilig).	*/

/*	Hinweis zu Styles, die auf eine URL (z.B. image) verweisen:
	Die URL muß relativ zur Stylesheetdatei (nicht realtiv zur Seiten-URL) gewählt werden!
	(Beachten Sie die Beispiele für eine Image-URL in .re1 und .re2)			*/


/* ============================================================================ */
/*	Wichtiger Hinweis zur Einhaltung von Normen:				*/
/*	Die gewünschte Anzeige wird mit um so größerer Wahrscheinlichkeit	*/
/*	unabhängig vom Browsertyp beim Benutzer sein, je genauer die Standards	*/
/*	für Styles								*/
/*		- von der Webapplikation					*/
/*		- vom Browser (Typ und Version)					*/
/*	eingehalten werden.							*/
/*	Mit der Auslieferung von ALLRIS net entspricht die vorliegende Datei	*/
/*	dem CSS2-Standard des W3C. Falls Sie an dieser Datei Änderungen		*/
/*	vornehmen, sollten Sie abschließend prüfen lassen, ob die Datei auch	*/
/*	mit den eingebrachten Änderungen weiterhin diesen Normen genügt.	*/
/*	Nutzen Sie dazu den Validierungsservice des W3C:			*/
/*		http://jigsaw.w3.org/css-validator/validator-upload.html	*/
/* ============================================================================ */




/* ============================================================================ */
/*	1. Positionsbezogene Styles						*/
/*		- beziehen sich auf anzuzeigende Datengruppierung		*/
/*		- sind frei benennbar						*/
/*		- sind hier zu erkennen am vorangestellten Punkt		*/
/*		  z.B.	hier	.text1						*/
/*			für	<td class="text1">	im Text der HTML-Seite	*/
/*		- Anwendung kann auf bestimmte Tags beschränkt werden		*/
/*		  z.B.	hier	td.start	bedeutet			*/
/*			Style 	.start		nur für <td> - Tags		*/
/*		- Der Kontext für einen Style kann definiert sein		*/
/*		  z.B.	hier	.zk1 th		bedeutet			*/
/*			Style für ein <th>, das in einem Element enthalten ist,	*/
/*			das mit .zk1 formatiert ist				*/
/* ============================================================================ */


	/* ==================================================================== */
	/*	Grundsätzlicher Seitenaufbau Ratsinfo und Bürgerinfo		*/
	/* ==================================================================== */

		/*	Seitenvorspann						*/
table.mainhead	{
		width: 100%;
		border: 0;
		background-color: transparent;
		color: black
		}

		/*	Menü und Inhaltsseite ("Arbeitsbereich")		*/
table.mainwork	{
		width: 100%;
		border: 0
		}

		/*	Menütabelle						*
table.mainmenu	{
		background-color: #BBDDBB;
		width: 150px;
		}
		/*	Menüspalte						*/
td.mainmenu	{
		background-color: #BBDDBB;
		color: black;
		width: 150px;
		}


		/*	Menütext/Link im Menü und ggf. in Startseiten		*/
.menu, .menu:hover		{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;		
		background-color: transparent;
		color: #333333;		    
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		}
.menu:hover 	{ 
		text-decoration: underline;
		color: #FFFFFF;
		}
		
		/*	Teilüberschrift im Menü und ggf. in Startseiten		*/
.menud		{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;		
		background-color: transparent;
		color: white;
		}
		
		/*	Selektoren PA/BB/GR					*/
table.mainsel	{
		}

		/*	Seitenabspann						*/
table.mainfoot	{
		width: 100%;
		border: 0;
		background-color: #BBDDBB;
		color: black
		}


	/* ==================================================================== */
	/*	Allgemeine Gestaltungselemente					*/
	/* ==================================================================== */

		/*	Text-Link in Auflistungsüberschrift
			(z.B. Sortierfunktion auslösen)				*/
.aso1		{
		background-color: white;
		color: #5A6095;
		font-weight: bold;
		text-align: left;
		text-decoration: underline
		}

.aso1:hover	{
		background-color: white;
		color:#004ECD;
		font-weight: bold;
		text-align: left;
		text-decoration: underline
		}

		/*	Text-Link in Überschrift
			(z.B. Raumbelegung für einen Tag anzeigen)		*/
.aso2		{
		background-color: white;
		color: #5A6095;
		font-weight: bold;
		text-decoration: underline
		}

.aso2:hover	{
		background-color: white;
		color:#004ECD;
		font-weight: bold;
		text-decoration: underline
		}

		
	/* ==================================================================== */
	/*	Kalender zur Monatsauswahl					*/
	/* ==================================================================== */

		/*	Jahreszahl oder Monatsname				*/
		/*	Dieses Jahr						*/
.calHeaderYM	{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		background-color: #999999;
		color: white
		}
		
		/*	Jedes zweite Jahr anders				*/
.calHeaderYMAlternating	{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		color: #999999;
		background-color: white
		}
		
		/*	Der heutige Monat hervorgehoben				*/
.calHeaderYMSelected	{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		color: #ff0000;
		background-color: #cccccc
		}
		
		/*	Tage im Monat						*/
		/*		C:		Der heutige Monat		*/
		/*		(sonst):	Jeder andere Monat		*/
		
		/*	Tag ohne Besonderheiten					*/
.calWeekC	{
		background-color: #ffffcc;
		color: black
		}
		
		/*	Samstag							*/
.calSatC	{
		background-color: #ff9999;
		color: black
		}
		
		/*	Sonntag							*/
.calSunC	{
		background-color: #ff6666;
		color: black
		}
		
		/*	Markierter Tag						*/
.calMarkC	{
		background-color: #ffcc99;
		color: black
		}
		
		/*	Tag ohne Besonderheiten					*/
.calWeek	{
		background-color: #ffffcc;
		color: #666666
		}
		
		/*	Samstag							*/
.calSat		{
		background-color: #ff9999;
		color: #666666
		}
		
		/*	Sonntag							*/
.calSun		{
		background-color: #ff6666;
		color: #666666
		}

		/*	Markierter Tag						*/
.calMark	{
		background-color: #ffcc99;
		color: #666666
		}


		/*	Für gedimmte Tage keine Unterscheidung
			nach aktuellem/anderen Monat				*/
		/*	"Kein Tag"						*/
.calDim		{
		background-color: #cccccc;
		color: white
		}
	
		/*	Vorgezogener Samstag des Folgemonats			*/
.calDimSat	{
		background-color: #cccccc;
		color: #ff9999
		}

		/*	Vorgezogener Sonntag/Feiertag des Folgemonats		*/
.calDimSun	{
		background-color: #cccccc;
		color: #ff6666
		}

		/*	Namen (Header) der Wochentage				*/
		/*		C:		Der heutige Monat		*/
		/*		(sonst):	Jeder andere Monat		*/
.calHWeekC	{
		background-color: #ffcc99;
		color: black
		}
		
.calHSatC	{
		background-color: #ffcc99;
		color: #ff6666
		}
		
.calHSunC	{
		background-color: #ffcc99;
		color: #ff0000
		}
		
.calHWeek	{
		background-color: #ffcc99;
		color: #666666
		}
		
.calHSat	{
		background-color: #ffcc99;
		color: #ff9999
		}
		
.calHSun	{
		background-color: #ffcc99;
		color: #ff6666
		}


	/* ==================================================================== */
	/*	Allgemeine Gestaltungselemente (Fortsetzung)			*/
	/* ==================================================================== */
		
		/*	Darstellung der Debug-Texte im Debug-Modus		*/
.debug1		{
		font-family: Arial Narrow,Arial,Courier,monospace;
		font-size: 8pt;
		background-color: white;
		color: #004ECD
		}
		
		/*	Input-Link als Textbutton
			(Darstellung des Links als Textbutton)			*/
input.ib1	{
		background-color: transparent;
		color: #5A6095;
		border-width: 0px;
		font-size: xx-small;
		width: 100px;
		height: 15px;
		display: list-item;
		text-decoration: underline
		}

		/*	Input-Link als quadratisches Icon			*/
input.icon	{
		width: 16px;
		height: 16px
		}

		/*	Input-Link als Bild					*/
input.il1	{
		width: 25px;
		height: 15px
		}
		
		/*	Input-Link als Text-Bild				*/
input.il2	{
		width: 98px;
		height: 16px
		}

		/*	Input-Link als Image-Button (z.B. im Menü)		*/
input.im1	{
		background-color: transparent;
		border: 0px;
		text-decoration: none
		}

		/*	Notiz, z.B. für Aktenmappe				*/
input.notiz	{
			background-color:lemonchiffon;
			color:black;
			font-family:helvetica
		}
		
		/*	Bild-Link in Auflistungsüberschrift:
			Sortierfunktion auslösen				*/
.iso1		{
		width: 25px;
		height: 15px;
		vertical-align: middle
		}

		/*	Bezeichner im Kopfteil von Seiten
			(z.B. Vorlagenkopf)					*/
.kb1		{
		vertical-align: top;
		text-align: left;
		font-weight: bold
		}
		
		/*	Bezeichner in Auswahlseiten
			(z.B. Statistiken.Auswahl Zeitraum)			*/
.kb2		{
		text-align: left;
		font-weight: bold
		}
		
		/*	Kopfdatenbereich: Tabellenzelle, die Kopfteil
			von Seiten (z.B. Vorlagenkopf) enthält			*/
.ko1		{
		width: 80%
		}

		/*	Kopfdatenbereich Zwischenraum zu me1			*/
.ko2		{
		width: 5%
		}

		/*	Tabellenfeld für Link-Icon				*/
td.lb1		{
		vertical-align: top
		}
		
		/*	Markierung "keine Belegung" z.B. Räume			*/
.mark1		{
		background-color: white;
		color: black
		}

		/*	Markierung "Belegung" z.B. Räume			*/
.mark2		{
		background-color: green;
		color: black
		}
		
		/*	Markierung "ROT-Belegung" z.B. Räume			*/
.mark3		{
		background-color: red;
		color: black
		}
		
		/*	Menübereich-Tabellenzelle für Links,
			z.B. Link zu Dokumenten					*/
.me1		{
		vertical-align: top;
		width: 15%
		}

		/*	Buchstabenregister - inaktiver (ausgewählter) Buchstabe	*/
.re1		{
		background: URL(../images/reg4.gif) no-repeat;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 8pt;
		font-weight: bold
		}

		/*	Buchstabenregister - aktiver (wählbarer) Buchstabe	*/
.re2		{
		background: URL(../images/reg3.gif) no-repeat;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #004ECD;
		}

		/*	Tabelle Auswahl/Anmeldung z.B. Amt auswählen		*/
.ta1		{
		width: 500px;
		border: 1px
		}  


	/* ==================================================================== */
	/*	Hintergrundbilder für z.B. Ratsinfo				*/
	/* ==================================================================== */

td.start	{
		background: url(../images/bgstart.gif) center center fixed no-repeat
		}
		
td.ablage	{
		background: url(../images/bgablage.gif) center center fixed no-repeat
		}
		
td.adressen	{
		background: url(../images/bgadressen.gif) center center fixed no-repeat
		}
		
td.blockfueller	{
		background: url(../images/bgblockfueller.gif) center center fixed no-repeat
		}
		
td.blumen	{
		background: url(../images/bgblumen1.gif) center center fixed no-repeat
		}
		
td.brief	{
		background: url(../images/bgbrief.gif) center center fixed no-repeat
		}
		
td.ladung	{
		background: url(../images/bgladung.gif) center center fixed no-repeat
		}
		
td.maschine	{
		background: url(../images/bgmaschine.gif) center center fixed no-repeat
		}
		
td.parteien	{
		background: url(../images/bgparteien.gif) center center fixed no-repeat
		}
		
td.saal		{
		background: url(../images/bgsaal.gif) center center fixed no-repeat
		}
		
td.search	{
		background: url(../images/bgsearch.gif) center center fixed no-repeat
		}
		
td.schluessel	{
		background: url(../images/bgschluessel.gif) center center fixed no-repeat
		}
		
td.vorlage	{
		background: url(../images/bgvorlage.gif) center center fixed no-repeat
		}

		
	/* ==================================================================== */
	/*	Allgemeine Gestaltungselemente (Fortsetzung)			*/
	/* ==================================================================== */
		
		/*	Betreff-/Bezeichnungstext
			(wichtiger Text in einer Auflistung oder Beschreibung)	*/
.text1		{
		text-align: left;
		vertical-align: top
		}

		/*	Datum/Uhrzeit und Ähnliches				*/	
.text2		{
		text-align: left;
		vertical-align: top
		}

		/*	Statustext (z.B. öffentlich/nichtöffentlich)		*/
.text3		{
		text-align: left;
		vertical-align: top
		}

		/*	Erläuterungstext (z.B. zum Amt, zu text1-Elementen)	*/
.text4		{
		text-align: left;
		vertical-align: top
		}

		/*	Rechtsbündige Anzeige von Zahlen
			(z.B. in statistischen Tabellen)			*/
.text5		{
		text-align: right;
		vertical-align: top
		}

		/*	Programmtext (z.B. in Anmeldefenstern)			*/
.text8		{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		}
		
		/*	Tabelle Formularfelder - um Einstellungen vorzunehmen
			(z.B. Datumsbereich in Statistiken)			*/
.tf1		{
		width: 100%;
		border: 0px
		}
		
		/*	Kopf einer Auswahl/Anmeldungsseite			*/
.titlebar	{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
        	background-color: transparent;
		color: #004ECD;
		}

		/*	Tabelle für Kopfdatenbereich
			(z.B. Vorlagenkopf)					*/
.tk1		{
		width: 100%;
		border: 0px
		}

		/*	Tabelle für Auflistungen
			(z.B. Sitzungskalender, Tagesordnung)			*/
.tl1		{
		width: 100%;
		border: 0px
		}

		/*	Tabelle für Listen in der Auflistung
			(z.B. TOPs in Niederschrift)				*/
.tl2		{
		border: 0px
		}

		/*	Tabelle Monatsüberblick (z.B. Räume)			*/
.tm1		{
		border: 0px
		}

		/*	Tabelle Print-Ansicht (z.B. Statistiken)		*/
.tp1		{
		width: 600px;
		border: 1px
		}

		/*	Tabelle Buchstabenregister				*/
.tr1		{
		border: 0px;
		width: 85%;
		background-color: #BBDDBB;
		color: black
		}

		/*	Tabelle Weitergabeinformationen
			(z.B. in weitergegebener Vorlage eingeblendet)		*/
.tw1		{
			background-color:lemonchiffon;
		color: black;
			border-color:lightgray;
			border-style:ridge;
			border-width:2px;
			font-family:helvetica
		}

		/*	Zeile in Auflistungen - Kopfzeile (enthält <th>-Bereich)*/
tr.zk1		{
		text-align: left;
		font-weight: bold
		}

		/*	(Contextual Selector: "th in .zk1")
.zk1 th		{
		background-color: silver;
		color: #004ECD;
		}
		
		/*	Zeile in Auflistungen (z.B. Sitzungskalender)		*/
.zl11		{
		background-color: #D2E8D2;
		color: black;
		vertical-align: top
		}
		
		/*	Zeile in Auflistungen - ggf. andere Farbe zu zl1
			(z.B. Sitzungskalender geradzahlige Zeile)		*/
.zl12		{
		vertical-align: top
		}

		/* Zeile in Auflistungen - andere Farbe zu zl1/2
		(z.B. Samstag im Kalender) */
.zl16 		{
		/* background-color: #BBDDBB; */
		color: black;
		vertical-align: top
}

		/*	Zeile in Auflistungen - andere Farbe zu zl1/2
			(z.B. Sonntag im Kalender)				*/
.zl17		{
		background-color: #669966;
		color: white;
		vertical-align: top
		}

		/*	Zeile in Auflistungen - andere Farbe zu zl1/2
			(z.B. Markierte Tage im Kalender)			*/
.zl1m		{
		background-color: #ffcc99;
		color: black;
		vertical-align: top
		}

		/*	Zeile in tl2	*/
.zl21		{
		vertical-align: top
		}

		/*	Zeile in Auflistung als Alternative zu zl11 und zl12	*/
.zl9		{
		vertical-align: top
		}
		
		/*	Zeile in Wortauflistungen - z.B. in einem Register	*/
.zr1		{
		background-color: white;
		color: black;
		text-align: left;
		font-weight: bold
		}
		
		/*	Zwischenüberschrift1 in Auflistungen			*/
.zw1		{
		background-color: #d9d9d9;
		color: black;
		vertical-align: top;
		text-align: left;
		font-weight: bold
		}
		
		/*	Zwischenüberschrift2 in Auflistungen			*/
.zw2		{
		background-color: #d9d9d9;
		color: black;
		vertical-align: top;
		text-align: left
		}




/* ============================================================================ */
/*	2. Tag-bezogene Styles							*/
/*		- beziehen sich auf das gleichnamige HTML-Tag			*/
/*		- haben deshalb vordefinierte Namen				*/
/*		- z.B.	hier	td						*/
/*			für	<td>	im Text der HTML-Seite			*/
/*		- sind als "Grundeinstellung" zu verstehen, wenn kein 		*/
/*		  positionsbezogener Style (s.o.) explizit definiert ist	*/	
/* ============================================================================ */

a		{
		background-color: transparent;
		color: #004ECD;
		text-decoration: none;
		}

a:hover		{
		background-color: transparent;
		color: #0080FF;
		text-decoration: underline;
		}

body		{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
		background-color: white;
		color: black;
		margin: 0;
		}

h1		{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: left;
		font-size: 18px;
		color: #003300;
		}
		
h2		{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: left;
		font-size: 16px;
		color: #003300;
		}
		
h3		{
		font-family : Verdana,Arial,Helvetica,sans-serif;
		font-size: 14px;
		color: #003300;
		}
		
h4		{
		font-weight: bold;
		font-family : Verdana,Arial,Helvetica,sans-serif;
		font-size: 12px;
		color: #003300;
		}
h5		{
		font-family : Arial,Helvetica,sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #003300;
		}
		
img		{
		border: 0px
		}
		
table th, th	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-align: left
		}
th {
		color: #003300;
}

table td, td	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px
		}
p		{
		margin-top: 0px;
		margin-bottom: 5px;
		}

/* ============================================================================ */
/*	3. Layout-bezogene Styles						*/	
/* ============================================================================ */
.fussBereich	{
		border-width:1; 
		border-color:#999999; 
		border-style:solid;
		}
.topHeadline {
		color: #FFFFFF;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		font-size: 24px;
		background-color:  #004ECD;
		letter-spacing:6px;
		}

.topLeft {
		background-color:  #999999;
		color: #FFFFFF;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
		text-align: center;
		line-height:20px;
		}

.topRight {
		color: #FFFFFF;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: right;
		font-size: 12px;
		background-color:  #D3E5ED;
		}