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

/*	History:										*/
/*	071126	3.8.0	Einheitliches Aussehen der Buttons und Icons in Linklisten		*/
/*	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	*/
/* ============================================================================ */


/* ==================================================================== */
/*	Grundsätzlicher Seitenaufbau					*/
/* ==================================================================== */
@import "_styles_layout.css";


/* ==================================================================== */
/*	Navigation							*/
/* ==================================================================== */
@import "_styles_navi.css";


/* ============================================================================ */
/*	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		*/
/* ==================================================================== */


/*	Selektoren PA/BB/GR					*/
table.mainsel	{
}

/*	Seitenabspann						*/
table.mainfoot	{
	width: 100%;
	border: 0;
	background-color: #D3E5ED;
	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-Tags für Links (schmale Symbole)				*/
/* ==================================================================== */
/*	Input-Link als Textbutton
	(Darstellung des Links als Textbutton)			*/

input.ib1, ib1	{
	background-color: transparent;
	font-family: Arial;
	color: #000000;
	border: 1px solid #CCCCCC;
	margin-left:0px;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 1px;
	padding-left:  0px;
	font-size: 10px;
	width: 88px;
	height: 15px;
	display: block;
	text-align: left;
	vertical-align: middle;
	text-decoration: none
}

/*	Input-Link als quadratisches Icon			*/
input.icon	{
	width: 16px;
	height: 16px;
	margin-top: 0px;
	vertical-align: middle
}

/*	Input-Link als Bild					*/
input.il1	{
	border: 0;
	background-image: none;
	background-color: transparent;
	width: 25px;
	height: 15px;
	margin-right: 1px;
	margin-bottom: 0px
}


/* ==================================================================== */
/*	Input-Tags für Links (breite Symbole)				*/
/* ==================================================================== */


/*	Input-Link als Text-Bild				*/
input.il2	{
	border: 0;
	background-color: transparent;
	width: 88px;
	height: 15px;
	margin-bottom: 1px
}

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


/* ==================================================================== */
/*	Allgemeine Gestaltungselemente (Fortsetzung)			*/
/* ==================================================================== */
/*	Notiz, z.B. für Aktenmappe				*/
input.notiz	{
	background-color: #FFFACD; /* lemonchiffon */
	color:black;
	font-family: Arial,Helvetica,sans-serif;
	height: 20px;
	border: 1px solid #999999;
	padding-left: 4px;
	vertical-align: middle
}

/*	Eingabefeld für Suchworte				*/
input.searchword{
	width:263px
}

/*	Select-Box für Textrecherche-Index			*/
.searchindex 	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	height:166px
}

/*	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
}


/* ==================================================================== */
/*	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: #D3E5ED;
	color: black
}

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

/*	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: #EDEDF4;
	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: #c6dbff;
	color: black;
	vertical-align: top
}

/*	Zeile in Auflistungen - andere Farbe zu zl1/2
	(z.B. Sonntag im Kalender)				*/
.zl17		{
	background-color: #5188c9;
	color: black;
	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;
	color: black;
    margin:0
}

h1		{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 18px;
	color: #004ECD
}

h2		{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 16px;
	color: #004ECD
}

h3		{
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #004ECD
}

h4		{
	font-weight: bold;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #004ECD
}

h5		{
	font-family : Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #004ECD
}

img		{
	border: 0px
}

table th, th	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left
	}

th 		{
	color: #004ECD
}

table td, td	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px
}

p		{
	margin-top: 0px;
	margin-bottom: 5px
}

/* ============================================================================ */
/*	3. Layout-bezogene Styles						*/
/* ============================================================================ */