/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// BODY /////////////////////////////////////// */
/* //	Standard HTML-Tags // */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C3845;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-family: Times New Roman, Times, serif;
	font-size: 36px;
	color: #91B9CF;
	padding-top: 36px;
	font-style: italic;
	border-right-color: #91B9CF;
	border-right-style: solid;
}

h2 {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	color: #91B9CF;
	font-style: italic;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C3845;
	line-height: 16px;
}

ul {
	line-height: 14px;
}

li {
	list-style-image:url(bullet.gif);
	padding-bottom: 6px;
	margin-bottom: 4px;
	border-bottom-color: #D1E1E3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 4px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C3845;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C3845;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C3845;
}

img {
	background-image: url(loading.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #FFFFFF;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// LINKS /////////////////////////////////////// */
/*	Um Verknüpfungen andere Linkfarben zu geben als die in HTML vordefinierten, muß der
	jeweilige Link mit der gewünschten Klasse versehen werden.

	Bsp.:	<a class="linkExtern">ziellink.htm</a>
	
	AUSNAHME: Wenn Links bereits in einer Klasse definiert sind, müssen sie nicht noch
	extra auf den Link Tag <a> angewandt werden.
	
	Bsp.: 	<div class="buttonMainNavi"><a href="ziellink.htm">Titel des Buttons</a></div>
	
	(siehe Abschnitt MENU)

*/
a:link {
	color: #91B9CF;}

a:visited {
	color: #2B3643;
}

a:hover {
	color: #2B3643;
	text-decoration: none;
}

.linkExtern	{
/*	Zur Kennzeichnung von Links zu externen Seiten.
	ACHTUNG: Diese Klasse ist direkt auf den <A> Tag zu legen  */

	background-image: url(ico_link_extern.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 14px;
}

.linkDetails	{
	float: left;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 46px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// TABLE /////////////////////////////////////// */
/*	Um diese Formatierungen (ID) anzuwenden, müssen die Tabellen im Dokument die
	entsprechenden IDs (Tabellennamen) zugewiesen bekommen.
	
	Bsp.:	<table  border="0" cellpadding="0" cellspacing="0" id="table"></table>
	
*/
#layout {
}

#head {
	left: 5px;
	top: 5px;
	position: absolute;
}

#content {
	border-color: #E8F0F4;
	border-style: solid;
	border-width: 6px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
}

#menu {
	width: 140px;
	position: absolute;
	left: 5px;
	top: 95px;
}

#highlight {
/*	ID für Highlights der Rechten Spalte */

	width: 160px;
}

#table {
/*	Diese ID bitte IMMER anwenden um Content darzustellen. Dazu den Inhalt der
	Seite in einen <DIV> Container packen und mit der ID 'content' versehen

	Bsp.: <div id="table">Überschrift, Text, etc.</div> 
*/
	border-color: #EBF3FF;
	border-style: solid;
	border-width: 1px;
}


#print {
/*	Mit dieser ID wird die Tabelle versehen, in welcher der Inhalt der Seite. Nur wichtig
	bei Neuerstellung einer Vorlagenseite. Hiermit kannst später gesteuert werden was in
	der Druckversion einer Seite angezeigt wird. */
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////// CONTENT /////////////////////////////////////// */
/*	Sämtliche Inhalte der Seite

	Die Klassen .listboxLight und .listboxLight sind zur zusätzlichen Formatierung des
	Contents. Sie entscheiden welche HG-Frabe der Inhalt (in einem <DIV> Container) hat */

.listboxLight {
	color: #2C3845;
	background-color: #F5F9FF;
	padding: 10px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

.listboxDark {
	color: #2C3845;
	background-color: #E8F0F4;
	padding: 10px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

.listboxWhite {
/*	Diese Klasse ist speziell für Tabellen. Datentabellen werden dazu
	in einen <DIV> Container gepackt, welcher mit dieser Klasse formatiert wird.

	Bsp.:	<div class="listboxWhite"><table><tr><td></td></tr></table></div>
*/
	color: #2C3845;
	background-color: #FFFFFF;
	padding: 6px;
	border-color: #EBF3FF;
	border-style: solid;
	border-width: 8px;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// DATA //////////////////////////////////////// */
/*	Die folgenden Klassen sind zur Formatierung von Datentabellen.
	HINWEIS: Datentabellen immer mit der ID '#table' versehen! */

.tableHead {
/*	Kopf der Tabelle (Überschrift) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2B3643;
	background-color: #FFFFFF;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 10px;
}

.tableHeadHighlight {
/*	Kopf der Tabelle (hervorgehoben) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #66CC33;
	background-color: #FFFFFF;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 10px;
}

.tableLight {
/*	Zeile/Spalte (hell) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330099;
	background-color: #F5F9FF;
	padding: 6px;
}

.tableDark {
/*	Zeile/Spalte (dunkel) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330099;
	background-color: #EBF3FF;
	padding: 6px;
}

.tableWhite {
/*	Zeile/Spalte (weiß, z.B. für Leerräume) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330099;
	background-color: #FFFFFF;
	padding: 6px;
}

.tableHighlight {
/*	Hervorgehobene Zeile/Spalte */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	background-color: #E0F5D6;
	padding: 6px;
}

.tableHighlightDark {
/*	Zeile/Spalte (Sonderhervorhebung) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	background-color: #D1F0C1;
	padding: 6px;
}

.tableBottom {
/*	Tabellenfuß */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330099;
	background-color: #F5F9FF;
	padding: 6px;
}

.tableBottomHighlight {
/*	Tabellenfuß (Sonderhervorhebung) */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	background-color: #EFFAEA;
	padding: 6px;
}

.subMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px;
	line-height: 10px;
	display: block;
	text-align: left;
}

.subMenu A:link {
	color: #FFFFFF;
	background-color: #91B9CF;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 12px;
	margin-bottom: 1px;
}

.subMenu A:visited {
	color: #FFFFFF;
	background-color: #91B9CF;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 12px;
	margin-bottom: 1px;
}

.subMenu A:hover {
	color: #2C3845;
	background-color: #E8F0F4;
	text-decoration: none;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////// MISC /////////////////////////////////////// */
/*	Sonstiger Kram der Seite */

.spacer {
	background-color: #FFFFFF;
	width: 160px;
	padding: 0px;
}

.formAngaben {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
	font-weight: bold;
	color: #2C3845;
}

.highlight {
/*	Zur Hervorhebung von Text */

	color: #339933;
}

.textmarker {
/*	Zur Textmarker ähnlichen Hervorhebung von Text */

	color: #000000;
	background-color: #FFFF00;
}

.kleingedrucktes {
	font-size: 9px;
	font-weight: normal;
}

.h1Klein {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
}

.quellangabe {
/*	für Quellangabe am Textende, bitte nicht ".kleingedrucktes" verwenden */

	font-size: 9px;
	color: #999999;
	font-style: italic;
}

.loading {
/*	Gibt dem sich aufbauenden Bild eine Art "Bitte warten". Muß auf dem <IMG> Tag liegen.

		Bsp.: 	<img class="loading">bild.jpg</img>
*/
	background-image: url(loading.gif)
}

.imageLeft {
/*	Zum anordnen der Bilder LINKS */

	border: 6px;
	border-color: #FFFFFF;
	border-style: solid;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 0px;
	background-color: #E5E5E5;
	float: left;
}

.imageRight {
/*	Zum anordnen der Bilder LINKS */

	border: 6px;
	border-color: #FFFFFF;
	border-style: solid;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 10px;
	background-color: #E5E5E5;
	float: right;
}

.imageBorder {
/*	Bildrahmen */

	border: 2px;
	border-color: #91B9CF;
	border-style: solid;
	margin: 2px;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////// FOOTER /////////////////////////////////////// */
/*	Fußzeile mit Navigation, Impressum, Copyright, etc. */

#footer	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #91B9CF;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 12px;
}

#footer A:link {
	color: #2B3643;
	text-decoration: none;
}

#footer A:visited {
	color: #95BED5;
	text-decoration: none;
}

#footer A:hover {
	color: #2B3643;
}


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// PRINT /////////////////////////////////////// */
/*	Klassen zur Druckversion der Seiten */

@media print{
	.noprint {display:none; visibility:hidden;}
	.moreInfos {display:none; visibility:hidden;}
}

@media print{
	img {
	display:none;
	visibility:hidden;
	padding: 0px;
	}
}