@charset "ISO-8859-1";
/* 20150708 */

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #f1fafc;
	color: #000000;
	font-size: 77%;
	line-height: 1.5;
	font-family: verdana, helvetica, arial, tahoma, sans-serif;
}

img {
	border: none;
}

/* urspruenglich left: -1000px; top: -200px; wg. langer texte bei publi vergroessert */
.hidden {
	position: absolute;
	left: -1500px;
	top: -800px; 
	width: 450px; }


/* Hauptnavblock Pfadtrennung Mozilla 0.9x = Netscape 6, gibt gefloaten elementen hoehe fuer elternelement */
.clearer {clear: both;}



/* ###################### sprungnavigation ###############################  */

#sprungnav li {position: absolute;  width: 10em;  z-index: 11; font-size: 100%; line-height: 100%;}

#sprungnav li a {position: absolute; left: -20em; top: -10em;}

#sprungnav li a:focus, #sprungnav li a:active {
	position: absolute;
	left: 0; 
	top: 0;
	padding: 5px;
	background: #dce4ed; /* eingeblendetes sprungmenue bodycol*/
	width: 10em;
	height: 2.8em;
	font-weight: bold;
	left: 4px;
}


/* ###################### wrapper ###################### */
#wrapper {
	max-width: 97em;
	min-width: 60em;
	margin: auto;
	position: relative;
}



/* ###################### kopf ###############################  */
#kopf {
	line-height: 0; /* OP7.5 - kein Zeilenabstand vor Service und Suchblock. Auf Vererbung wg line-height0 achten. */
	background-color: #369; /* kopfbg - auf zusammenspiel achten */
	background-image: url(../images/kopf_bg.jpg);
	background-repeat: repeat-x;
	height: 100px;
	/* position: relative;   urspruenglich, um Bezugspunkt fuer Kinder zu setzen, wg. ie7 lueckenbildung beim zoomen muss es raus 060503 - korr200810  */
	width: 100%;
}


#kopf img {
	position: absolute;
	line-height: 1em; /* 060515 fuer alternativtext-laufweite  - korr200810 */
	top: 0;
	left: 0;
	color: #999; /* um Lesbarkeit des Alternativtextes zu garantieren, Abgleich mit #kopfbg-color  */
}

#kopf #dienst {
	position: absolute;
	top: 58px; /* bottom: 26px; 060503 */
	left: 276px;
	font-size: 1.4em;
	line-height: 1.3; /* Vererbung aufheben weil Kind von Kopf*/
	color: #ecedef; /* Abgleich mit #kopfbg-color */
}


/* ausgelagert dienste.css  korr200810
p#dienst acronym {color: #F00;}
*/

/* ####################### serviceNavigation ###################### */

#kopfblock {
	text-align: right;
	padding-right: 0.5em;
	padding-top: 2px;
	font-size: 0.8em;
	line-height: 1.4;
	/* margin-left: 255px; Platz fuer Logo 060505 kann hier weg, da von #service uebernommen */
}

#service {
	list-style-type: none;
	background: #fff; /* service-bg */
	height: 1.8em;
	float: right;
	padding-right: 0.5em;
	margin-left: 0.5em;
	position: relative; /* damit ie auch umbricht - korr200810  */
	margin-left: 255px; /* Platz fuer Logo */
}


#service li {
	display: inline;
	border-left: 2px solid #369;
	padding: 0 4px;
}

#service li.firstitem {
	border-left: 0px solid #369;
}

#service a {
	text-decoration: none;
	font-weight: bold;
	color: #369; /* #service linkcolor */
	padding: 2px 6px;
}

#service a:hover, #service a:active, #service a:focus {
	color: #369; /* linkcolor */
	background-color: #ecedef; /* service bg linkcolor */
	padding-left: 3px;
	border-left: 3px solid #ecedef; /* padding wird durch border ersetzt, verhindert huepfer - ohne farben erscheint rahmen - uebereinstimmung mit service a bg-color */
}

#service span.auf {background: #d7e5e8; 
	color: #000; 
	font-weight: bold; 
	padding: 0 2px;
}

#service form {display: inline;}

/* 20150708 */
#service li.gbs {position: relative; 
		background-image: url(../images/gbs_icon.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 14px;}


/* #######################  kopfende #######################  */

/* ####################### hauptnavigation ####################### */
#hauptnavblock {
	background-color: #369;
	border-bottom: 2px solid #369;
	/* bei 3spalter padding-left angabe im homecss */
}

#hauptnavbox {
	position: relative;
} /* korr200810 */

#hauptnavblock a {
	text-decoration: none;
}


#hauptnav {
	color: #f1fafc;
	list-style-type: none;
	font-weight: bold;
	margin-left: -4px; /* dadurch buendigkeit mit bild */
}

#hauptnav li {
	float: left;
	width: auto; /* bei float-angabe ist width ein muss */
	border-left: 4px solid #f1fafc;
	padding: 6px;
}

/* Die kurierAuf Angaben werden zwar nur für dienste gebraucht, die Rechtspositionierung gibt es auch nur da, die Farb- und :hover-Angaben, sollten aber hier notiert werden, um sie synchron mit der Darstellung der anderen Einträge zu halten. */

#hauptnav li.auf, #hauptnav li.kurierAuf {
	background-color: #d7e5e8;
	color: #369;
}

#hauptnav span.auf {padding: 6px 8px;}

#hauptnav a {
	font-weight: bold;
	color: #fff;
	padding: 6px 8px;
	position: static;
}

#hauptnav .auf a, #hauptnav .kurierAuf a  {color: #369;}

#hauptnav a:hover, #hauptnav a:active, #hauptnav a:focus, #hauptnav .kurierAuf a:hover, #hauptnav .kurierAuf a:active, #hauptnav .kurierAuf a:focus  {
	color: #900;
	background-color: #fff;
	border-left: 2px solid #ecedef; /* verhindert huepfer - ohne farben erscheint rahmen */
	padding-left: 6px;  /* verhindert huepfer */
}



/* #######################  pfad ####################### */

p#pfad {
	clear: left;
	background-color: #ecedef;
	color: #000;
	font-size: 0.85em;
	padding: 4px 0;
}

#pfad a:link,
#pfad a:visited {
	color: #369;
}

#pfad a:hover, #pfad a:active, #pfad a:focus {
	color: #900;
}

/* ####################### inhalt ###################### */

#inhalt {
	padding-left: 20px;
	clear: left;
	border-top: 1px solid #369; /* notwendig für richtige Abstände */
	margin-top: -1px;
}

#inhalt h1 {
font-size: 1.4em;
font-weight: bold;
margin-top: 1.2em;
margin-bottom: 0.6em;
}

#inhalt h2 {
font-size: 1.2em;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
clear: left;
}

#inhalt h3 {
font-size: 1.1em;
font-weight: bold;
margin-top: 0.8em;
margin-bottom: 0.4em;
clear: left;
}

#inhalt h4 {
font-size: 1em; /* font-weight: bold; korr200810 */
clear: left;
}


#inhalt p {
margin-bottom: 0.6em;
padding-right: 1em;
}

#inhalt ul {
margin-left: 1em;
padding-left: 1em;
list-style-type: square;
margin-bottom: 0.6em;
}

#inhalt ul ul{
list-style-type: circle;
margin-left: 0.7em;
padding-left: 0.7em;
margin-bottom: 0.2em;
}

#inhalt a{
	color: #246;
	font-weight: bold;
}

#inhalt a:visited {
	color: #369;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
	color: #900;
	text-decoration: underline;
}

/* ------------------------------------ abstract ------------------ */

#inhalt p.abstract {
font-weight: bold;
}


/* ##### hervorhebung ##### */ 
div.wichtig p, p.wichtig {
	background: #e6e6af;
	font-weight: bold;
	padding: 2px 4px;
	border: 1px solid #c7c797;
}

#inhalt em {font-weight: bold; font-style: normal;}
#inhalt strong {font-weight: bold; background-color: #e6e6af; padding: 1px;}



/* ------------------------------------------- adresse -----------------  */
.address span {
   display: block;
   float: left;
   width: 6em;
   clear: left;
   position: relative;
}




/* ######################### fuss ######################### */

#fuss {
clear: both;
background-color: #369;
color: #fff;
min-height: 58px;
font-size: 0.8em;
position: relative;
}


#fuss #copy {
	position: absolute;
	bottom: 1em; left: 1em;
	width: 12em;
}

#fuss #bo {
	position: absolute;
	right: 0;
	top: 0;
}

#fuss a:link, #fuss a:visited {color: #fff;}


/* ########################### news ########################### */

/* bisher nur in dienste verwendet */
div.news {border: 1px solid #ccc; margin: 1em 0; max-width: 55em; padding: 0.5em;}
.news .datum {text-align: right; position: absolute; right: 0; top: 0.5em; }

/* ########################## tabellen ################################ */

table {
	padding: 0px;
	margin: 0 0 2em 0;
	/* urspruenglich margin-top 1em, wurde aber von Geckos zwischen die caption und die Tabelle gepackt, deswegen entsorgt. ggf. auf ausreichenden Abstand durch margin-bottom vorhergehender Elemente sorgen. */
	border: 1px solid #85a3c2;
	border-top: none;
	border-collapse: collapse;
	font-size: 0.9em;
	border-spacing: 0;
}



table caption {
	border: #85a3c2 1px solid;
	padding: 3px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #85a3c2;
	text-align: left;
}

table caption a {background: #d6e0eb; padding: 2px; }

th {
	font-weight: bold;
	padding: 4px 8px 4px 4px;
	margin: 0px;
	background-color: #d6e0eb;
	color: #000;
	border: 1px solid #85a3c2;
	vertical-align: top;
}

thead th {
	text-align: left;
	margin-right: 4px;
}

thead td {
	text-align: right;
}

thead td img {
	padding: 0 4px;
}

td {
	border: #85a3c2 1px solid;
	padding: 3px;
	margin: 0px;
	vertical-align: top;
	background-color: #eaeff5;
	color: #000;
}

tr.odd th {text-align: left;}

tr.odd td {
background-color: #f5f7fa
}

tbody tr:hover th {
color: #ffffff; background-color: #999;
}

tbody tr.odd:hover th {
color: #ffffff; background-color: #ccc;
}

tbody tr:hover td {
color: #000; background-color: #eee;
}

td.docType, td.loeschen  {text-align: center; vertical-align: top;}
td.groesse {text-align: right;}


/* aenderung 5.5.08 fuer rowspanproblematik - abgleich korr200810 */
table.rowspan_loesung tr td {vertical-align: middle;}

