/*	CSS Document, 19. Mai 2005 JD
	Die Datei enthaelt Erweiterung fuer die style.css der XS-Navi. Mit Hilfe dieser Datei sollen
	Inkompatibilitaeten zwischen style.css und navi.css verhindert werden. Aenderungen muessen
	immer mit der Datei navi.css abgeglichen werden.

	Aufgrund der Verwendung von Hintergrundbildern muss relativ zu dieser CSS-Datei das
	Verzeichnis ../../images/icons/ existieren!
*/

/*	Hintergrund und Rahmenbreite des body-tags (hellgrau)
*/

body {
	background-color: #F0F0F0;
	margin: 0px;
}

/*	Grafiken beeinflussen
*/

img {
	border-style: none;
	border-width: 0px;
	margin: 0px;
}

/*	Klassen fuer den Inhalte- und News-Block deklarieren,
	um die seitenspezifische Ergaenzung bzw. Aenderung zu
	ermoeglichen.
	Anmerkung:
		table.blockSiteAndNews ist nur verfuegbar wenn eine
		Tabellenblockhuelle fuer Inhalte- und News-Bereich
		erzeugt wird!
*/

/*	Umgebende Tabellenzeile und Spalte */

tr.outerblockSiteAndNews {
	margin: 0px;
}
td.outerblockSiteAndNews {
	background-color: white;
	vertical-align: top;
}

/*	Innere, umgebende Tabelle, Tabellenzeile und -spalte.
	Nicht vorhanden wenn es nur einen Inhalteblock gibt!
*/

table.blockSiteAndNews {
	margin: 0px;
}
tr.blockSiteAndNews {
	background-color: white;
}
td.blockSite {
	vertical-align: top;
}
td.blockNews {
	vertical-align: top;
	background-color: #E6E6E6;
}

/*	Formularelemente standardisieren
		9pt entsprechen 12px bei 1024*768,
		sehr heller grauton, fast weiss (FAFAFA)
*/

input, select, textarea, .button_ssi {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: black;
	background-color: #FAFAFA;
	border-color: black;
	border-style: solid;
	border-width: 1px;
}
input[type=checkbox], input[type=radio], input[type=radiobutton] {
	border-style: none;
	border-width: 0px;
	background-color: white;
}
/*	Farbe fuer label nicht explizit setzen, weil sonst ueber JS
	nicht aenderbar (Klasse hat Vorrang)
	9pt entsprechen 12px bei 1024*768
*/
label {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
}

/*	Link-Standard (Forum)
	8pt entsprechen 11px bei 1024*768
	(Blauton 0000CC)
*/

.link, .link:link, .link:visited, .link:hover, .link:active {
	font-size: 11px;
	color: #0000CC;
}

/*	Deklarationen fuer Quicklink-Menues.
	Das Menu hat einen hellgrauen Hintergrund (E6E6E6), die Titelzeile ist etwas
	dunkler (CCCCCC). Die Attribute der einzelnen Klassen wurde aufeinander
	abgestimmt, so dass unter IE, Safari und Firefox keine unerwuenschten Hover-Effekte
	auftreten (Titelzeile) und die Zeilen- bzw. Seitenhoehe konstant bleiben.
	Verwendung in lib_quicklinks.php.
*/

table.quickLinks, td.quickLinksHead, a.quickLinks {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #E6E6E6;
	color: #15416D;
}
td.quickLinksHead {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #CCCCCC;
	color: white;
}
td.quickLinks {
	padding-left: 4px;
	height: 13px;
	vertical-align: bottom;
}
a.quickLinks,
a.quickLinks:link, a.quickLinks:visited, a.quickLinks:hover, a.quickLinks:focus, a.quickLinks:active {
	font-weight: bold;
	font-size: 10px;
}
a.quickLinks:focus, a.quickLinks:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

/*	Link mit Hintergrundgrafik fuer Listendarstellungen, dessen Hintergrund bei einem Mouse-Hover dunkel wird.
	Die Pfadangabe ist immer relativ zur CSS-Datei!
*/

a.list_link, .list_link_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	background: url(../../images/icons/nav_pfeil_rot_5x9px.gif) no-repeat 0px 3px;
	padding-left: 10px;
	background-color: transparent;
	color: #15416D;
}
a.list_link:hover, .list_link_aktiv {
	background-color: #E6E6E6;
	color: #15416D;
}

/*	Unterklasse fuer reine Anker-Elemente, die keine Link-Kombination sind, definieren
*/

a.nuranker {
	text-decoration: none;
	background-color: white;
	color: black;
}

a.nuranker:focus {
	outline-style: none;
}

/*	Standardbreiten in Pixel fuer Formularelemente bei einer Aufloesung von 1024*768 Pixel bzw.
	aufloesungsunabhaengig in Parts per Inch festlegen, mit denen, bei Arial als Zeichensatz,
	in Eingabefeldern die angegebene Anzahl Zeichen dargestellt werden koennen.
	Werden die Breiten in "px" und die Fonts (font-size) in "pt" (parts/inch) angegeben,
	aendert sich die Textgroesse bei Aenderungen der Bildschirmaufloesung scheinbar nicht,
	die Eingabefelder werden aber groesser (geringere Aufl.) oder kleiner (hoehere Aufl.) und
	die Anzahl darstellbarer Zeichen aendert sich entsprechend.
	Breitenangaben in "pt" koennen vor allem bei niedrigen Bildschirmaufloesungen zu einer
	Beeintraechtigung des Designs fuehren, da dieses oftmals fest in Pixelangaben erfolgt,
	was bei dem Design der Eingabefelder bedacht werden muss.

	Zwecks hoeherer Browser-Kompatibilitaet sollte zusaetzlich das size-Attribut, z. B.
	'size="30"', in den Tags eingefuegt werden, da einige Browser die CSS-Angaben ignorieren
	und nur das size-Attribut auswerten.

	Bei einer Aufloesung von 1024*768px sind 12px=9pt, 11px=8pt


	Standardbreite: Texteingaben: 30 Zeichen,
					Textarea's:   27 Zeichen pro Zeile,
					Arial 1024*768
*/

.breite_arial_30 {
	width: 215px;
}
.breite_arial_30pt {
	width: 161pt;
}

/*	Kuerzere Breite fuer 12 Zeichen in Arial
*/

.breite_arial_12 {
	width: 90px;
}
.breite_arial_12pt {
	width: 67pt;
}

/*	Laengere Breite fuer 50 Zeichen in Arial
*/

.breite_arial_50 {
	width: 355px;
}
.breite_arial_50pt {
	width: 266pt;
}

/*	Sehr kleine Platzhalter-Schriftdefinition als Ersatz fuer diverse 0.gif Konstrukte.
	Mit dieser Schriftgroesse laesst sich normalerweise kein Text darstellen, einige
	Browser besitzen aber Einstellungsmoeglichkeiten fuer minimale anzuzeigende
	Zeichensatzgroessen, so dass dennoch eine erkennbare Schrift angezeigt wird.
	Dieser Effekt koennte sich bei sehr kleinen Hoehen und Breiten stoerrend auswirken.
*/

.font_platzhalter, #font_platzhalter {
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-weight: lighter;
	font-style: normal;
	font-size: 1px;
	line-height: 1px;
}