/*
 *	inhalte.css
 *	Version:		1.0c
 *	letzte Änderung: 	24.09.2006
 *
 *	Stildatei für die Formatierung von Artikeln 
 * 	 und sonstigen Inhalten
 *
 *	getestet mit: 	Internet Explorer 6.0
 *				Firefox 1.0.4
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * */

.banner { 
	margin-top: 3px;
	margin-bottom: 5px;
	padding-top: 3px;
	border-top: 1px dotted #cecf31;
	border-bottom: 1px dotted #cecf31; }
.banner div { 
	padding-bottom: 3px; }

/* *******************************************
* Infobox-Klassen:
********************************************** */	
/* spezielle Formatierung innerhalb eines Firmenkopfes s. .artikel_firmentitel */ 
.infobox {
	border: 1px solid; 	
	border-color: inherit;
	margin: 15px 10px 0px 15px;
	padding: 1px;			/* Abstand wird benötigt, da sonst die Abrundung nicht angezeigt wird */
	-moz-border-radius: 5px; }

	.infobox h1 {
		padding: 5px;
		border-bottom: 2px solid;
		border-color: inherit;
		font-size: 100%;
		font-weight: normal;
		text-transform: uppercase; }

	.infobox ul {
		padding: 5px;
		list-style-type: none;
		line-height: 150%; }

/* spezielle Anpassungen für die Infobox-Liste unter Adr+Brn */
.tx-spdirectory-pi1 .infobox { margin: 2px 0px 5px 0px; }
.tx-spdirectory-pi1 .infobox h1 { padding: 3px 3px 2px 3px; }	
.tx-spdirectory-pi1 .infobox ul { font-size: 80%; padding: 1px; }	



#inhalte {
	font-size: .8em;
	line-height: 130%; }

#hauptinhalt {
	float: left;
	width: 75%; }

#streifen1 {
	float: left;
	width: 25%;
	min-width: 180px;
	margin-right: 1px; }
#streifen1_sonstiges {
	background-color: #dbd8db; }
	
#streifen3 {
	float: left;
	width: 23%; }

.gitter_zweispaltig {
	width: 100%;
	padding: 10px 0; 
	border-color: inherit; }
.gz_links {
	float: left; 
	width: 48.5%;
	border-color: inherit; }
.gz_rechts {
	float: right;  
	width: 48.5%;
	border-color: inherit; }

/* *******************************************
* Seiten-Klassen:
* für allgemeine Seitenklassen
********************************************** */
#streifen2 { /* der Streifen für die Hauptinhalte */
	float: left;
	width: 68%;
	min-width: 280px;
	max-width: 560px; }
	#streifen2 h1 { padding-left: 8px; padding-right: 8px;}
	#streifen2 h2 { padding-left: 8px; padding-right: 8px;}
	#streifen2 h3 { padding-left: 8px; padding-right: 8px;}
	#streifen2 p { padding-left: 8px; padding-right: 8px;}
	#streifen2 ul { padding-left: 24px; padding-right: 24px;}	

.seitenheader { 
	margin-top: 37px;
	border-bottom: 4px solid; 
	border-color: inherit; }
	.seitenheader h1 { 
		padding-bottom: 5px;
		font-size: 190%;
		font-weight: normal; }

	.seitenbereich { 
		border-bottom: 4px solid; 
		border-color: inherit; }
		.seitenbereich h2 {
			margin-top: 1px;
			margin-bottom: .5em;
			padding-top: .8em;
			padding-bottom: 5px;
			font-size: 130%;
			font-weight: normal;
			background-color: #dbd8db;	} /*MUSS noch per CMS korrigiert werden */

.abschnitt p { padding-bottom: .8em; }
.abschnitt ul {
	padding-bottom: 2em;
	list-style-type: none; }
	.abschnitt li { 
		padding: 5px 5px 8px 5px;
		background-color: #ece9ec;
		margin-bottom: 1em; }
		.abschnitt li.mitbild { padding: 2px;}
		.abschnitt li img { float: left; margin-right: 7px;}
		.abschnitt li p {
			font-size: 90%;
			padding-top: .3em;   /* Abstand zu den Überschriften */
			padding-bottom: 0; } /* unteren Rand von übergeordneter p-Klasse löschen */

.abschnitt h3 { 
	padding-bottom: .2em;
	font-size: 100%;
	font-weight: bold; }
.abschnitt h4 { 
	font-size: 100%;
	font-weight: normal; }
	.abschnitt h4 span { /* innerhalb des span-Tags wird der Autor ausgegeben */
		padding-left: 1em;
		font-size: 70%;
		font-style: italic;
		color: gray; }
.abschnitt h5 { 
	font-size: 100%;
	font-weight: normal; 
	color: gray; }	
	
/* *******************************************
* Artikelbox-Klassen:
* für Ressort-Übersichtsseiten (Boxen mit Verweis
* auf Gesamtartikel)
********************************************** */
.artikelbox_klein { 
	margin-bottom: 3em;
	border-color: inherit; }
	.artikelbox_klein .artikelbox_titel { /* Festlegungen nur für kleine Artikelboxen (in zweispaltigem Bereich) */
		margin-bottom: 1px; 
		border-top: 1px solid;
		padding-top: .3em;
		border-bottom: 4px solid; 
		border-color: inherit; }
	.artikelbox_klein h2 {
		padding: 0 0 5px 0 !important; 
		font-size: 100%;
		color: gray;
		font-weight: normal; }
	.artikelbox_klein h1 {
		padding: 0 0 5px 0 !important; 
		line-height: 110%; 
		font-size: 130%;
		font-weight: normal; }
	.artikelbox_klein img { float: left; padding-right: 5px; }
	.artikelbox_klein p { padding: 0 0 5px 0 !important; }
	

/* Die folgenden Festlegungen legen die Eigenschaften für Elemente fest, die
/* unterhalb der Klasse .artikelbox_kopf verwendet werden
/* d.h. Artikelboxen, die einspaltig (über die gesamte Breite) angelegt werden */
.artikelbox_haupt {
	overflow: hidden;
	margin-bottom: 1em;
	border-color: inherit; }
.artikelbox_haupt .artikelbox_kopf { /* grenzt Überschriften und Bild zum Teaser durch unteren Rahmen ab */
	position: relative;
	border-bottom: 4px solid; 
	border-color: inherit; }
	* html .artikelbox_haupt .artikelbox_kopf {
		height: 1%; } /* Holly Hack für den IE; ansonsten kommt es zur feherhaften Darstellung des Containers */
.artikelbox_haupt .artikelbox_titel { 
	position: absolute;
	bottom: -1px;
	right: 0px;
	width: 100%; 
	padding-top: .5em;
    border-bottom: 0; /* wird sonst von allg. Festlegung übernommen */	
	background-color: white; /* Überschriften h1+h2 werden mit transparentem weißen Hintergrund */
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70);}     /* über das Bild gelegt */
	
	.artikelbox_haupt h1 {
		text-align: right; 
		padding-left: 5px;
		padding-right: 5px;
		font-weight: normal;
		font-size: 150%;
		line-height: 130%;}
	.artikelbox_haupt h2 {
		text-align: right; 
		padding-left: 5px;
		padding-right: 5px;
		font-weight: normal; 
		font-size: 110%; 
		line-height: 180%;}

/* Erste Version für die Überschriften der Haupt-Artikelbox
.artikelbox_haupt h2 {
	position: relative; 
	left: 25%; 
	font-size: 110%; 
	font-weight: normal; }
.artikelbox_haupt h1 {
	position: relative; 
	bottom: 0px; 
	left: 25%; 
	padding: 5px; 
	font-size: 150%; 
	font-weight: normal; }*/
	
.artikelbox_haupt p { padding: 5px 5px 10px 26%; }

	
/* *******************************************
* Artikel-Klassen:
* für komplette Artikelseiten
********************************************** */
.artikel { /* sorgt dafür, daß die erste Linie bündig zum Untermenü angezeigt wird */
	margin-top: 34px;
	overflow: hidden;
	border-color: inherit; } 

.artikel_kopf { border-color: inherit; } /* die Rahmenfarbe muß weitervererbt werden */
	.artikel_kopf h1 { 
		text-align: right; 
		padding-left: 5px;
		padding-right: 5px;
		font-weight: normal; 
		line-height: 130%;}
	.artikel_kopf h2 {
		text-align: right; 
		padding-left: 5px;
		padding-right: 5px;
		font-weight: normal; 
		font-size: 120%; 
		line-height: 180%;}
	.artikel_kopf h3 { 
		float: left;
		padding-left: 5px; 
		padding-right: 5px; 
		font-size: 120%; 
		font-weight: normal; }

.artikel_kopflinks { float: right; }
	.artikel_kopflinks  img {
		background-color: #dbd8db; /*Standardfarbe grau */ 
		padding: 3px; 
		-moz-border-radius: 3px; }

		
/*.artikel_kopf img.artikel_titelbild {        // alte Version
	float: right; 
	padding: 1px 0 .7em 10px; }*/
.artikel_kopf img { padding-top: 1px; }
.artikel_titel h2 { padding-top: 100px;}	
.artikel_titel h1 { clear: right; padding-top: 100px;}
.artikel_titel h2 + h1 { padding-top: 0;} /* Falls es eine h2-Überschrift gibt, kein Abstand für die h1-Überschrift */
.artikel_titel img + h2 { padding-top: 1px; } /* Falls vor einer der beiden Überschriften ein Bild ist, den Abstand ebenfalls herabsetzen */
.artikel_titel img + h1 { padding-top: 1px; }

.artikel_titelzeile { 
	border-bottom: 4px solid;
	border-color: inherit; }

.artikel_titel {
	padding-bottom: 1em;
	border-bottom: 4px solid; 
	border-color: inherit; }

.artikel_einleitung {
	margin-bottom: 1em;
	padding-top: .7em; 
	padding-bottom: 1.2em; 
	border-bottom: 1px solid;
	border-color: inherit;
	font-weight: bold; } 
	
.artikel_inhalt { border-color: inherit; margin-bottom: 4em;}
	.artikel_inhalt h4 { 
		/*clear: both;*/
		padding-top: 1em;
		padding-bottom: .8em;
		font-size: 140%;
		line-height: 130%;
		font-weight: normal; }
	.artikel_inhalt h5 {
		/*clear: both;*/
		padding-top: .8em;
		padding-bottom: .4em;
		font-size: 125%;
		font-weight: normal; }
	.artikel_inhalt h6 {
		/*clear: both;*/
		padding-top: .6em;
		font-size: 100%;
		font-weight: bold; }
	.artikel_inhalt p {
		/*clear: both;*/
		line-height: 140%;
		padding-bottom: .8em; }
	.artikel_inhalt ul, .artikel_inhalt ol { margin: 0 10px 2em 10px; }
		.artikel_inhalt li { padding-bottom: .5em; }
	
.artikel_inhalt table {
	margin-top: 1em;
	line-height: 130%;
	empty-cells: show;
	border-collapse: collapse; 
	caption-side: bottom; }
	.artikel_inhalt td { 
		padding: 2px 5px 5px 5px; 
		vertical-align: top; }
		.artikel_inhalt td p { padding-bottom: 0;}
	.artikel_inhalt table caption { 
		text-align: left;
		font-size: 85%;
		padding-top: .4em;
		padding-bottom: .7em; }

/*.artikel_inhalt*/ thead {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 4px solid;
	border-color: inherit;
	background-color: #f2f1f2; }
	/*.artikel_inhalt*/ thead td { 
		padding-top: .7em;
		padding-bottom: .4em; }
		
/*.artikel_inhalt*/ tfoot {
	border-top: 1px solid;
	border-color: inherit;
	font-size: 80%; 
	background-color: #f6f5f6; }
	/*.artikel_inhalt*( tfoot td { 
		padding-top: .4em;
		padding-bottom: .7em; }

/*.artikel_inhalt*/ table.tabelle_normal { font-size: 100%; }
/*.artikel_inhalt*/ table.tabelle_klein_links { 
	margin-left: 1px;
	width: 49%; 
	float: left; 
	font-size: 80%; 
	border: 1px solid;
	border-color: inherit; }
/*.artikel_inhalt*/ table.tabelle_klein_rechts { 
	width: 49%; 
	float: right;
	font-size: 80%; 
	border: 1px solid;
	border-color: inherit; }
/*.artikel_inhalt*/ table.tabelle_gross { 
	width: 90%;
	margin-left: 10px;
	font-size: 100%; 
	border: 1px solid;
	border-color: inherit; }
	.artikel_inhalt table.tabelle_gross caption { padding-left: 10px !important; }

.quelle {
	padding: 5x;
	padding-top: 40px;
	font-size: 85%;
	border: 1px solid;
	border-color: inherit;
	background-color: #f6f5f6;
	background-image: url(_gfx/txt_Quellen.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;}
	
.formel {
	font-size: 115%;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	border: 1px solid;
	border-color: inherit; }
	table.formel {
		width: 90%;
		margin: -10px 25px 15px 25px; 
		font-size: 100%;
		border: none;
		background-color: #f6f5f6; }
	
/* übertragen in RTE-CSS-Klassendatei  rte.css*/
.artikel_inhalt .artikel_bild {
	float: right;
	padding: 10px; 
	padding-right: 0px;  
	font-size: 70%; 
	text-align: right;}
/* */

.artikel_fuss {	
	border-color: inherit; 
	clear: both; } /* Falls Float-Objekte im Inhalt verwendet werden */
.artikel_fusslinks {
	margin-top: .5em; 
	padding-left: 5px; 
	padding-right: 5px;
	border-top: 4px solid; 
	border-bottom: 1px solid;
	border-color: inherit; }
.artikel_fusslinks .artikellink_print { float: left; }
.artikel_fusslinks .artikellink_pdf { text-align: center; }
.artikel_fusslinks .artikellink_email { float: right; }

.artikel_copyright {
	text-align: right; 
	font-size: 70%; 
	color: gray; }
.artikel_toplink { padding-top: 1em; padding-left: 5px; } /* Anker zum Kopf der HTML-Seite */
.artikel_toplink a { color: gray; }

/* ********************************************************************************* */
/* Die folgenden Klassen erweitern die Klassensammlung <artikel> um Darstellungskonfigurationen */
/* für Firmen-Startseiten; dort wird im Gegensatz zum Normal-Artikel das Logo+Adreßbox dargestellt */
.artikel_firmentitel { 
	/*position: relative; /* wird nur für z.B. die Firmenseiten benötigt, um Logo + Infobox positionieren zu können */ 
	border-bottom: 4px solid;
	border-color: inherit; }
	.artikel_firmentitel img { /* Logo nach unten ausgerichtet darstellen */
		float: left;
		padding: 10px 0px 10px 10px; }
	.artikel_firmentitel .infobox { /* Infobox mit Adresse, etc. rechts unten mit entsprechenden Abständen ausrichten */
		float: right;
		max-width: 50%;
		font-size: 90%;
		padding: 0 10px 10px 0;
		margin-bottom: 15px;
		overflow: hidden; }
		.artikel_firmentitel .infobox li {margin-left:-10px;}

.artikel_menue ul { list-style: none; padding-bottom: 0px; }
.artikel_menue li { display: inline; }
.artikel_menue a { padding: 5px 10px; }		
.artikel_menue { /* für die Darstellung eines Artikel-Menüs */
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	border-color: inherit; 
	letter-spacing: .03em; }