<? Header ("Content-type: text/css");

// **********************************************************************************************************
// variablendefinitionen PRINT  *****************************************************************************
// **********************************************************************************************************

// **********************************************************************************************************

// schriftart // bsp: Verdana, Arial, Helvetica, sans-serif
// $sch_type_print = "'Times New Roman', Times, serif";
$sch_type_print = "Arial, sans-serif";

// schriftgroesse // bsp: 60, 13, 3. grundlage ist die groesse von fliesstext, nicht headlines o.ä.
$sch_groesse_print = 11;

// einheit der schriftgroesse // bsp: px, pt
$sch_einheit_print = "pt";

// **********************************************************************************************************

// Sollen Contextbilder mitgedruckt werden? ja/nein
$show_image_print = "ja";


//Soll die Contextspalte mitgedruckt werden? ja/nein
$show_context_print = "ja";

// **********************************************************************************************************
// ende variablen *******************************************************************************************
// **********************************************************************************************************

?>


body {
	font: <? echo $sch_groesse_print;?><? echo $sch_einheit_print;?> <? echo $sch_type_print;?>;  /* grundlegende definition von schriftart und -groesse*/
	background: none !important;
}

.ahem, .normal {
display: none !important;
}

.druckblock {
display: block;
text-align: left !important
}


#wrapper {
	border: 0px solid black;
	background: none !important;
}

#quernavigation,
#navigation,
#foot,
#meta,
#teaserlinks,
#seitensuche,
#context-footer {
	display: none;
	background-image: none !important;
}

#context {
	<?
	if ($show_context_print == "ja") { // wenn context-spalte auch gedruckt werden soll
	echo "margin-top: 10px; padding: 10px; border-top: 1pt solid #999999; border-bottom: 1pt solid #999999; color: #999999;";
	} else {
	echo "display: none;";
	}
	?>
}

div#header img
{
	margin-top: 25px;
	position: relative;
	left: -20px;
}

#banner {
	font-size: 11px;
	position: absolute;
	top: 0;
}

#breadcrumb {
	padding: 12px 0;
}

#breadcrumb a {
	margin: 0 2px;
}

#breadcurrent {
	font-weight: bold;
}

.standort ul li img,
.contextbox.download ul li img,
.navifunktionen
{
	display: none!important;
}

.noprint { display: none; }

span.noprint a {
	display: none;
}

.clear {
	clear: both;
	margin: -1px 0px 0px 0px;  /* lässt 1px clear nach oben verschwinden */
	height: 1px;  /* lässt &nbsp; auf 1px schrumpfen für IE */
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}


/* Content: Tabelle Allgemein */

table {
font-size: 1em;
margin: 0 0 20px 0;
width: 100%;
}

table caption {
color: #005976;
font-weight: bold;
padding: 4px 10px;
text-align: left;
text-transform: uppercase;
}

table td, table th {
border-bottom: 1px solid #7F9CAD;
line-height: 1.3em;
padding: 6px 15px;
vertical-align: top;
}

table td {
border-right: 1px solid #7F9CAD;
}

table thead th {
border-bottom: 1px solid #7F9CAD;
text-align: center;
padding: 6px 0;
vertical-align: top;
}

table tbody th {
border-bottom: 1px solid #7F9CAD;
border-right: 1px solid #7F9CAD;
border-left: 1px solid #7F9CAD;
font-weight: normal;
padding: 6px 10px;
text-align: left;
width: 20%;
vertical-align: top;
}

table tfoot td {
border-left: 1px solid #7F9CAD;
text-align: center;
}


/* Content: Spezielle Tabellen */


/* Tabelle fuer Zahlen */
.zahlen td {
text-align: center;
}

/* Tabelle ohne Spaltenheader */
.noheaders caption {
border-bottom: 1px solid #7F9CAD;
}

/* Tabelle ohne Ueberschrift  */
.nocaption {
border-top: 1px solid #7F9CAD;
}

/* Tabelle fuer Infomaterial */
.infomaterial strong {
display: block;
}

.infomaterial img {
float: left;
margin: 4px 14px 0 0;
position: relative;
}

.infomaterial th {
padding: 6px 10px;
text-align: left;
}

.infomaterial td {
border-left: 1px solid #7F9CAD;
border-right: 0;
line-height: 1.2em;
padding: 6px 10px 10px 10px;
}

.infomaterial td a {
display: block;
float: left;
margin-top: 7px;
width: auto;
}

.infomaterial .bestellfeld {
border-left: 1px solid #B2CDD6;
border-right: 1px solid #7F9CAD;
width: 130px;
}

.infomaterial .bestellfeld strong {
margin-bottom: 5px;
}

.infomaterial .bestellfeld label {
margin-right: 10px;
}

.infomaterial .bestellfeld a {
font-size: 0.9em;
margin-top: 40px;
text-decoration: none !important;
}

.infomaterial .bestellfeld input {
padding: 0px 5px;
text-align: right;
width: 40px;
}

/* ***** Content: Glossar ***** */

.pressebildarchiv {
margin: 0 0 10px 0;
}

.pressebildarchiv img {
display: block;
}

.pressebildarchiv ul {
margin: -1px 0 0 0 !important;
overflow: hidden;
}

* html .pressebildarchiv ul {
height: 1%;
}

.pressebildarchiv ul li {
background: none !important;
color: #666;
float: left;
font-size: 0.8em;
padding: 10px 9px;
overflow: hidden;
width: 105px;
}

.pressebildarchiv ul li.last {
border-right: none;
width: 104px;
}

.pressebildarchiv ul li span {
padding-left: 5px;
display: block;
text-align: left;
}

.pressebildarchiv ul li a {
background-position: 0 7px !important;
font-size: 1.2em;
text-align: left;
display: block;
width: auto;
}

.pressebildarchiv ul li a.thumb {
padding: 0 !important;
height: 72px;
overflow: hidden;
margin: 0 0 5px 0;
display: block;
text-align: center;
background: none !important;
text-align: center;
}

/* ##### typographie ##### */

h1 {
color: #005976;
font-size: 1.8em;
font-weight: normal;
margin: 0 0 5px 0;
}

h2 {
font-size: 1.5em;
font-weight: normal;
margin: 0 0 5px 0;
}

h3 {
color: #005976;
font-size: 1.15em;
font-weight: bold;
margin: 0 0 5px 0;
}

h4 {
font-size: 1em;
font-weight: bold;
margin: 0 0 5px 0;
}

h5 {
font-size: 1.0em;
font-weight: bold;
margin: 0 0 5px 0;
}

h6 {
font-size: 0.8em;
font-weight: bold;
margin: 0 0 5px 0;
}

hr {
	display: none;
}

p {
	line-height: 1.2em;
	font-size: 1em;
	margin: 0 0 17px 0;
}

a {
	text-decoration: underline;
	color: #ac0007;
	font-weight: bold;
}

.liste {
	margin: 0px 5px 10px 15px;
	padding: 0;
	line-height: 1.5em;
}

.liste ul {
	margin: 0px 5px 0px 25px;
	padding: 0;
	line-height: 1.5em;
}


#context img {
	<? if ($show_image_print == "ja") { // wenn context-bilder mit angezeigt werden sollen
		echo "";
	   } else {
	   	echo "display: none;";
	   }
	?>
}

/* ***** Bildausrichtung ***** */


.bildlinks img {
float: left;
margin: 4px 17px 20px 0;
position: relative;
}

.bildrechts img {
float: right;
margin: 4px 5px 15px 10px;
position: relative;
}

#context .bildlinks img, #context .bildrechts img {
margin: 0 9px 5px 9px;
}

.bildlinks-mit-beschriftung {
float: left;
height: 1%;
margin: 4px 17px 5px 0;
}

.bildrechts-mit-beschriftung {
float: right;
height: 1%;
margin: 4px 0 5px 17px;
}

.bildlinks-mit-beschriftung img, .bildrechts-mit-beschriftung img {
float: none;
margin: 0;
}

.bildlinks-mit-beschriftung span, .bildrechts-mit-beschriftung span {
display: block;
font-size: 0.9em;
font-style: italic;
padding: 6px 0 13px 1px;
}

.bildbreit img {
display: block; /* Wegen Whitespace-Bug im IE, dafuer 5px margin-top zusaetzlich */
margin: 10px 0px 14px 0;
position: relative;
}

img, a img {
	border: 0;
}

.hinweisbox {
	border: 1px dashed #000;
	padding: 10px;
	margin: 10px 0 10px 0;
}

.banner, .headerleiste {
	margin: 10px 0 10px 0;
}

.banner a, .headerleiste a {
	text-decoration: none;
}

#breadcrumbcurrent {
	font-weight: bold;
}


/* ***** styling formulare ***** */
/* Klasse .formular ist auf fieldsets im content anzuwenden! */

legend {
display: none;
}

fieldset {
border: 0 solid transparent;
margin: 0;
padding: 0;
}

.formular {
margin: 0 0 20px 0;
padding: 0 0 15px 0;
}

* html .formular {
height: 1%;
}

.formular h3 {
color: #005976;
font-size: 1em;
font-weight: bold;
margin: 0 0 10px 0;
text-transform: uppercase;
}

.formular h3 span {
color: #000;
font-weight: normal;
font-size: 0.8em;
margin-top: 2px;
position: absolute;
right: 30px;
text-transform: none;
}

.formular p {
margin: 0 10px 10px 10px;
}

.formular span.labels {
float: left;
font-weight: bold;
margin-left: 10px;
margin-bottom: 5px;
width: 105px;
}

.formular label small {
font-weight: normal;
font-size: 0.8em;
}

.formular span.labels small {
padding-bottom: 10px !important;
display: block;
}

.formular span.fulllabel {
display: block;
margin: 0 0 3px 10px;
font-weight: bold;
}

.formular div.fullrow {
text-align: left;
margin: 0 0 3px 10px;
}

.formular div.fullrow select, .formular div.fullrow input {
margin: 0;
}

.formular span.widelabel {
float: left;
font-weight: bold;
margin-left: 10px;
margin-bottom: 5px;
width: 194px;
}

.formular input {
font-family: Arial, Helvetica, sans-serif;
margin: 0 4px 9px 2px;
padding: 1px 2px;
width: 342px;
}

.formular input.voll {
width: 449px;
margin-left: 10px;
}

* html .formular input.voll {
width: 452px;
}

.formular select.voll {
width: 457px;
margin-left: 10px;
margin-bottom: 15px;
}

* html .formular select.voll {
width: 460px;
}

.formular textarea.voll {
width: 449px;
margin-left: 10px;
}

* html .formular textarea.voll {
width: 452px;
}

.formular .mittel {
width: 245px;
}

.formular select.mittel {
width: 253px
}

.formular input.halb {
width: 205px;
vertical-align: middle;
}


.formular select.halb {
width: 213px;
vertical-align: middle;
}

.formular input.file {
width: 449px;
margin-left: 10px;
padding-right: 0;
}


.formular .schmal {
width: 80px;
}

.formular select.schmal {
width: 88px;
}

.formular .schmaler {
width: 73px;
}

.formular select.schmaler {
width: 81px;
}

.formular select {
font-family: Arial, Helvetica, sans-serif;
margin: 0 4px 9px 2px;
padding: 0;
width: 350px;
}

.formular .radio {
width: auto;
margin: 0 0 0 10px !important;
text-align: middle;
}

* html .formular .radio {
margin: 0 0 0 5px !important;
}

.formular textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
height: 100px;
margin: 0 4px 9px 2px;
overflow: auto;
padding: 1px 2px;
width: 342px;
}

.formular div {
margin: 5px 30px 0 0;
text-align: right;
}

.formular div.suche {
margin: -5px 0 0 0;
text-align: left;
padding: 0 0 0 120px;
}

.formular input.submit {
margin: 0 0 0 10px;
padding: 0;
vertical-align: middle;
width: auto;
}

.formular input.adjacent {
margin: -10px 0 0 10px;
}


/* ***** Content: Glossar ***** */


#glossar ul {
padding: 0 !important;
margin: 0 0 20px 0;
}

* html #glossar ul {
height: 1%;
}

#glossar ul li {
background: 0 !important;
color: #666;
display: inline;
margin: 0 7px 0 0;
padding: 0 !important;
}

#glossar ul li a {
background: 0 !important;
padding: 0 !important;
}

#glossar ul li a#glossar-current {
font-weight: bold;
border: 1px solid #ac0007;
padding: 3px 6px !important;
margin-top: -3px;
text-decoration: none;
}

#glossar h4 {
color: #004263;
}


/* ***** Content: Referenzen ***** */


.referenz {
border: 1px solid #E5ECEF;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

* html .referenz {
height: 1%;
}

.referenz .referenzlogo {
float: left;
height: 87px;
margin: 0 15px 0 0;
overflow: hidden;
padding: 0;
width: 168px;
}

.referenz p {
line-height: 1.3em;
margin: 0;
}

.referenz h3 {
color: #000;
font-size: 1em;
font-weight: bold;
margin: 9px 10px 1px 0;
}

/* ***** Content: Standorte ***** */


.standort {
margin: 0 0 20px 0;
}

* html .standort {
height: 1%;
}

.standort h3 {
color: #014164;
font-size: 1em;
font-weight: bold;
margin: 0 0 10px 0;
text-transform: uppercase;
}

.standort img {
float: right;
margin: 3px 20px 20px 0;
}

.standort p {
line-height: 1.3em;
}

.standort ul li {
background: none !important;
display: block;
float: none;
height: 1%;
line-height: 1.1em;
margin: 0 8px 10px 0;
}

.standort ul li a {
font-size: 0.9em;
}

.standort ul li img {
float: left;
margin: 0 8px 0 0;
}

.standort h4 {
clear: none !important;
color: #014164;
font-size: 1.1em;
font-weight: bold;
margin: 0;
padding: 0;
}

/* ***** Kontext: Download ***** */


.download img {
float: left;
margin: 0 8px 0 0;
}

.download h4 {
clear: none !important;
color: #014164;
font-size: 1.1em;
font-weight: bold;
margin: 0 !important;
padding: 0;
}

.download ul li {
clear: both;
display: block;
float: none;
height: 1%;
margin: 0 8px 10px 0px;
}

/* ***** Content: Infobox ***** */


.infobox {
font-weight: bold;
margin: 6px 0 0 10px;
width: 245px;
}

.infobox-rechts {
float: right;
margin-left: 10px;
}

.teaserspalten div {
background: none !important;
margin-bottom: 20px;
padding-left: 0;
}

.teaserspalten p {
margin: 0 10px;
}

.teaserspalten h3 {
color: #014164;
font-size: 1em;
font-weight: bold;
line-height: 1.15em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

.teaserspalten ul, .teaserspalten ul li {
background: none !Important;
list-style: none;
padding: 0;
}

.teaserspalten ul li a {
font-weight: bold;
text-decoration: none !important;
}

.teaserspalten ul li.alle {
margin-top: 6px;
}

.teaserspalten ul li.alle a {
font-size: 0.9em;
font-weight: normal;
text-decoration: underline !important;
}

.inhaltsteaser {
margin: 0 0 10px 0;
}

* html .inhaltsteaser {
height: 1%; /* hasLayout fuer IE */
}

.inhaltsteaser p {
line-height: 1.17em;
}

.inhaltsteaser h3 {
color: #014164;
font-size: 1em;
font-weight: bold;
line-height: 1.15em;
margin-bottom: 8px;
text-transform: uppercase;
}

.inhaltsteaser ul, .inhaltsteaser ul li {
background: none !Important;
list-style: none;
padding: 0;
}

.inhaltsteaser ul {
line-height: 1.17em;
}

.inhaltsteaser ul li a {
background: url(../images/pfeil_blau.gif) 0 4px no-repeat !important;
display: block;
font-weight: bold;
height: 1%;
text-decoration: none !important;
}


/* ***** Content: Teaserreihen ***** */


.teaserreihe {
background: none !important;
height: 109px;
margin: 0 0 10px 0;
padding: 0;
}

html>body .teaserreihe {
height: auto;
min-height: 109px;
}

.teaserreihe div {
margin-left: 0px;
}

.teaserreihe p {
line-height: 1.17em;
}

.teaserreihe h3 {
color: #014164;
font-size: 1em;
font-weight: bold;
line-height: 1.15em;
margin-bottom: 8px;
text-transform: uppercase;
}

.teaserreihe ul, .teaserreihe ul li {
background: none !Important;
list-style: none;
padding: 0;
}

.teaserreihe ul {
line-height: 1.17em;
}

.teaserreihe ul li a {
background: url(../images/pfeil_blau.gif) 0 4px no-repeat !important;
display: block;
font-weight: bold;
height: 1%;
text-decoration: none !important;
}

a.mehr {
background: url(../images/pfeil_rot.gif)  0 50% no-repeat !important;
color: #AC0007 !important;
font-weight: bold !important;
padding-left: 6px;
/* white-space: nowrap; */ /* Auskommentiert, bewirkt seltsamerweise im IE genau das Gegenteil */
}


/* ***** Content: Ansprechpartner Bereichsauswahl ***** */


.ansprechpartner-bereichsauswahl {
background: #CCD9E0;
margin: 0 0 15px 0;
padding: 7px 10px 5px 10px;
}

.ansprechpartner-bereichsauswahl h3 {
color: #005976;
float: left;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}

.ansprechpartner-bereichsauswahl div {
float: right;
}

.ansprechpartner-bereichsauswahl label {
font-weight: bold;
margin-right: 4px;
}

.ansprechpartner-bereichsauswahl select {
font-size: 0.9em;
margin: 0;
width: 175px;
}


/* ***** Content: Ansprechpartner ***** */


#content .ansprechpartner {
margin: 0 0 30px 0;
}

* html .ansprechpartner {
height: 1%;
}

.ansprechpartner h3 {
color: #005976;
font-size: 1em;
font-weight: bold;
margin: 0 0 14px 0;
text-transform: uppercase;
}

.ansprechpartner h3 a {
background: none !important;
padding: 0 !important;
text-decoration: none !important;
margin-left: -2px;
}

.ansprechpartner img {
float: left;
margin: 4px 17px 5px 0;
position: relative;
}

.ansprechpartner h4 {
line-height: 1.3em;
margin: 0;
}

.ansprechpartner p {
line-height: 1.3em;
margin: 0 0 7px 0;
}


/* Bewerbungsformular */

.bewerbung p, .bewerbung dl, .bewerbung address
{
padding-left: 15pt;
margin-left: 0;
margin-bottom: 10pt;
}

.bewerbung dl dt
{
font-weight: bold;
margin-bottom: 1pt;
}

.bewerbung dl dd
{
margin-left: 10pt;
margin-bottom: 5pt;
}

ol.position {
background: #fff !important;
height: 30px;
margin: 0 0 15px 0;
width: 100%;
padding: 0 !important;
}

html>body ol.position {
height: auto;
min-height: 30px;
}

ol.position li {
background: #fff;
border-top: 1px solid #A8BBC5;
border-right: 1px solid #A8BBC5;
display: block;
float: left;
margin: 4px 0 0px 0;
padding: 4px 0;
position: relative;
text-align: center;
}

* html ol.position li {
height: 1%;
}

ol.position li.formpos-1 {
width: 168px;
z-index: 1;
}

ol.position li.formpos-2 {
width: 123px;
z-index: 2;
}

ol.position li.formpos-3 {
width: 205px;
z-index: 3;
}

ol.position li#activeposition {
background: #CCD9E0;
border-top: 1px solid #CCD9E0;
border-right: 1px solid #CCD9E0;
border-left: 1px solid #8EABBA !important;
color: #004263;
font-weight: bold;
margin-top: 0;
margin-left: -1px;
padding-top: 6px !important;
padding-bottom: 6px !important;
}

ol.position li.formpos-1#activeposition {
margin-left: 0;
border-left: 0 !important;
}

ol.position li.fertig {
background: #CCD9E0;
border: 1px solid #CCD9E0;
border-left: 1px solid #8EABBA !important;
color: #004263;
font-weight: normal;
margin-top: 0;
margin-left: 0;
padding-top: 6px !important;
padding-bottom: 5px !important;
}

ol.position li.fertig.formpos-1 {
margin-left: 0px !important;
border-left: 0 !important;
}