/* VORLAGE INDIVIDUAL-CSS für Projekte - CSS was nicht überschrieben wird, BITTE LÖSCHEN. */
/* Kommentierungen BITTE NICHT löschen (bei Bedarf aber gerne ergänzen). */
/* Die SchriftGRÖßE sollte i.d.R. nicht angepasst werden (müssen), da sie sonst der Größe in den anderen Projekten widerspricht. */



/* Individual-CSS für das Projekt "13_medien" */



/* SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */


	a
	{
		color:				#000;				/* Farbe der Links - wird im Navigationsbereich überschrieben. */
		text-decoration:	underline;
	}

	#brot a::before
	{
		color:				#005b79;
	}

	/* Icons für Links IM TEXT (also KEINE Linklisten) */
	a.intern::before,
	a.extern::before,
	a.pdf::before,
	a.mail::before,
	a.top::before,
	p.csc-linkToTop a::before,
	a.pagetotop_link::before, /* Workaround (Altlast aufgrund der alten HTML-Struktur innerer Elemente) für u.a. Presseamt */
	a.back::before,
	.dekobild /* > p:after*/ .enlarge::before		/* Für Bilder im Text mit Bildunterschrift, geändert am 3.2. E.E. */
	{
		color:			#86989E;
	}

	/* Icons für Listen/Linklisten */
	ul li::before, /* "normaler" Listenpunkt */
	ul li.intern::before,
	ul li.extern::before,
	ul li.pdf::before,
	ul li.punkt::before,
	ul li.mail::before,
	ul li.sprung::before
	{
		color:			#86989E;
	}

	/* Rolli-Icons */
	.rolli-picto i
	{
		color: #86989E;
	}


	header .header-overlay	/* transparenter Hintergrund für Overlay-Logo */
	{
		display:			none;
		/*background:			rgba(255, 255, 255, 0.7);*/
	}

	.streifen	/* Trennstreifen zwischen Kopf und Inhalt */
	{
		background-color:	#86989E;
	}

	#navi-spalte	/* Hintergrundfarbe Navi-Spalte */
	{
		background-color:	#e1e1e1;
		background-image:	none;
		background-position:top left;
		background-repeat:	repeat;
	}

	#inhalts-spalte	/* Hintergrundfarbe Inhalts-Spalte */
	{
		background-color:	#ffffff;
		background-image:	none;
		background-position:top left;
		background-repeat:	repeat;
	}

	#info-spalte	/* Hintergrundfarbe Info-Spalte */
	{
		background-color:	#e1e1e1;
		background-image:	none;
		background-position:top left;
		background-repeat:	repeat;
	}

	@media screen and (min-width: 785px) and (max-width: 1024px) {
		#info-spalte
		{	/* WICHTIG: die Farbe MUSS der Hintergrundfarbe der Navi-Spalte entsprechen */
			border-left: 220px solid #e1e1e1; 
		}
	}


	/* Navigation 1. Ebene */

	#navi-spalte nav li
	{
		background-color:	#f3f3f0;
	}

	#navi-spalte nav li a
	{
		color:		#000;
	}

	#navi-spalte nav a.aktiv,
	#navi-spalte nav li a:hover,
	#navi-spalte nav li a:focus,
	#navi-spalte nav li a:active
	{
		background-color:	#86989E;
		color:				#fff;
	}

	/* Navigation 2. Ebene */

	#navi-spalte nav li ul li
	{
		background-color:	#f6decc;
	}

	#navi-spalte nav li ul li a
	{
		color:		#000;
	}

	#navi-spalte nav li ul a.aktiv,
	#navi-spalte nav li ul li a:hover,
	#navi-spalte nav li ul li a:focus,
	#navi-spalte nav li ul li a:active
	{
		background-color:	#fdf2e9;/*#dde0a2;*/
		color:				#86989E;
	}

	/* Navigation 3. Ebene */

	#navi-spalte nav li ul li ul li
	{
		background-color:	#E3E8CE;
	}

	#navi-spalte nav li ul li ul li a
	{
		color:		#444;
	}

	#navi-spalte nav li ul li ul a.aktiv,
	#navi-spalte nav li ul li ul li a:hover,
	#navi-spalte nav li ul li ul li a:focus,
	#navi-spalte nav li ul li ul li a:active
	{
		color:				#000;
		background-color:	#E3E8CE;
	}

	/* Für das Aussehen des Pömpels. Achtung: Werden Größe oder vertical-align geändert, muss auch die Positionierung angepasst werden! */
	#navi-spalte nav li ul li ul a.aktiv::before,
	#navi-spalte nav li ul li ul li a::hover:before,
	#navi-spalte nav li ul li ul li a::focus:before,
	#navi-spalte nav li ul li ul li a::active:before
	{
		color:			#aaa;
	}

	/* Zwischenueberschrift */

	#navi-spalte nav h2
	{
		color:		#444;
	}

	/* Navigation Sprachen 1. Ebene */

	#navi-spalte nav.sprachennavigation ul li
	{
		background-color:	#E3E8CE;
	}

	#navi-spalte nav.sprachennavigation ul li a
	{
		color:				#005b79;
	}

	#navi-spalte nav.sprachennavigation ul li a:hover,
	#navi-spalte nav.sprachennavigation ul li a:focus,
	#navi-spalte nav.sprachennavigation ul li a:active,
	#navi-spalte nav.sprachennavigation ul li a.aktiv
	{
		color:				#005b79;
		background-color:	#C6CD71;
	}


	main a:hover,
	main a:focus,
	main a:active,
	aside a:hover, /* Hovern auch in der rechten Spalte */
	aside a:focus,
	aside a:active
	{
		background-color: #f3f3f3;
	}

	main 
	{
		color:		#444;
	}

	main h1
	{
		color:	#86989E;
	}

	main h2,
	main h2.anreisser,
	main h2.news
	{
		color:	#333333;
	}

	main h3,
	main h4
	{
		color:		#42423E;
	}

	main h2.aktuell
	{
		background-color:	#e1e1e1;
	}

	main h2.marker,
	main h3.marker,
	main h4.marker
	{
		background-color:	#e1e1e1;	/* entspricht standardmäßig der Hintergrundfarbe der Navigation */
	}

	main .zitat h3
	{
		color:		#00639d;
	}


	main th /* Spaltenueberschriften von Tabellen im Inhaltsbereich */
	{
		color:				#333333;
		background-color:	#d9d9d9;
	}

	main th.zwischentitel
	{
		color:				#333333;
		background-color:	#E9E9E9;
	}

	main th,
	main td
	{
		background-color:	#eeeeee;
	}

	main .dekobild /* Workaround aufgrund alter HTML-Struktur der inneren Elemente. Im Dummy: .bild */
	{
		background-color:	#f0f0f0;
	}

	/* Zitate */
	main .zitat
	{
		background-color:	#ebebeb;
	}

	main .zitat h3
	{
		color:		#00639d;
	}

	/* ABC-Listen (inkl. Navigation) */
	main #abc
	{
		text-align:	center;	/* zentriert die Liste, wenn diese ein inline-block Element ist */
	}

	main #abc ul li
	{
		background-color:	#005b79;
	}

	main #abc ul li a
	{
		color:		#fff;
	}

	main #abc ul li a.aktiv,
	main #abc ul li a:hover,
	main #abc ul li a:focus,
	main #abc ul li a:active
	{
		background-color:	#AAB315;/*#a2a800;*/
	}

	/* CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */
	/* Ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */

		main form
		{
			background-color:	#e5e5e5;	/* Muss der Farbe der checkbox-/radiobutton-Umrandung entsprechen. */
		}

		main form .type-text input:focus,			/* Hierdurch wird das aktive Eingabeelement hervorgehoben */
		main form .type-text textarea:focus,
		main form .type-check textarea:focus,
		main form .type-select select:focus,
		main form .formular-element input:focus,	/* input-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
		main form .formular-element textarea:focus,	/* textarea-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
		main form .formular-element select:focus,	/* selectbox-Auswahlfeld alter, integrierter Formulare (vor Form-Handler) */
		main .tx-cq-image-gallery form input:focus	/* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
		{
			background-color:	#fff8d1;
		}

		/* Buttons (auch im Bestätigungs-Schritt) */
		main form .submit-buttons .type-button .submit,	/* Submit-/Abschicken-Button */
		main .last-step .buttons .type-button .print,	/* Print-Button in last-step */
		main form .buttons input.submit,				/* Submit-Button alter, integrierter Formulare (vor Form-Handler) */
		main .tx-cq-image-gallery form .submit-buttons .submit-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
		{
			background-color:	#005395;			/* wichtig bei last-step */
			color:				#ffffff;			/* wichtig bei last-step */
		}

		main form .submit-buttons .type-button .reset,	/* Reset-/Löschen-Button */
		main form .buttons input.reset,					/* Reset-Button alter, integrierter Formulare (vor Form-Handler) */
		main .tx-cq-image-gallery form .submit-buttons .reset-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
		{
			color:				#323232;
			background-color:	#ffffff;
		}
		/* ENDE Buttons (auch im Bestätigungs-Schritt) */

	/* ENDE ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */
	/* ENDE CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */


	aside h3
	{
		color:				#fff;
		background-color:	#86989E;
	}

	aside > div > div
	{
		background-color:	#fff;
	}

	/* Formular-Style Info-Spalte (inkl. Buttons) */

	aside form input,
	aside form select,
	aside form textarea
	{
		background-color:	#ffffff;
	}

	aside form input:focus,
	aside form select:focus,
	aside form textarea:focus
	{
		background-color:	#fff8d1;
		border:				1px solid #005395;
	}
	
	aside form .buttons input.submit
	{
		color:				#ffffff;
		background-color:	#005395;
	}

	aside form .buttons input.reset
	{
		color:				#323232;
	}


/* ENDE SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */

.permanent {
    border: 1px solid #86989e;
    border-radius: 3px;
    padding: 1em;
    margin-top: 2em;
}

.permanent .newsblock {
    background-color: #86989e;
    position: absolute;
    margin-top: -1.8em;
    margin-left: 0.8em;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    padding: 2px 10px 2px 10px;
    font-family: "Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif;
}




/* Icons bei den eingecurlten Linklisten ("Münster in anderen Medien" auf der Startseite) */
.tx-ptcurl-pi1 ul li::before
{
	content: "\e915";
	speak:			none;
	margin-left:	-1.4em;	/* Zeile mit Icon nach links -> Listenpunkt li muss den positiven Wert nach rechts (durch margin-left) */
	margin-right:	0.3em;
	vertical-align:	top;
	font-family:	'ms-icons', sans-serif !important;
	font-size:		1em;
	font-weight:	normal;
	font-style:		normal;
	font-variant:	normal;
	text-decoration:none;
	text-transform:	none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*line-height: 0.9em;*/
}

.tx-ptcurl-pi1 ul li
{
	margin-left:	1.4em;
}

/* Audioplayer */
.audio-box {
padding-top: 16px;
height: auto !important;
width: auto !important;
}



/* INFOBEREICH ("rechte Spalte") */


	/* Der Abstand des 1. <p> wird auf 0 gesetzt, da der umliegende <div> bereits einen Abstand hat. */
	aside #adresse p:first-child
	{
		margin-top:	0;
	}

	/* Kasten Social Media (Info-Spalte) */
	/* Für jede Sprache muss die Container-ID #cXXXXX angegeben werden. Beispiel MM (deutsch): aside #c70827 div.ce-textpic */
	aside #cXXXXX div.ce-textpic,					/* social media Element deutsch */
	aside #cYYYYY div.ce-textpic,					/* ggf. social media Element englisch */
	/*...*/											/* ggf. weitere Sprachen */
	aside #cZZZZZ div.ce-textpic
	{
		padding: 0.1em 0.4em 0.5em 0.6em;
	}
	/* ENDE Kasten Social Media (Info-Spalte) */


/* ENDE INFOBEREICH ("rechte Spalte") */





/* Presseamt (Download-)Galerie Extension (kommt nur in 13_medien zum Einsatz) */

	main .tx-cq-image-gallery form .field-container label
	{
		width:			180px;	/* entspricht der width in "form .col1" -5px */
	}

	main .tx-cq-image-gallery form .back-button
	{
		margin-right:		10px;
		border:				1px solid #cccccc;
		border-radius:		3px;
		padding:			5px;
		width:				auto;
		height:				auto;
		background-color:	#ffffff;
		color:				#323232;
		text-decoration:	none;
		font-weight:		bold;
		cursor:				pointer;
	}

	/* Für die Übersicht */
	.tx-cq-image-gallery	/* individuelle flexbox-Eigenschaften festlegen */
	{
		/* Hier müsste eigentlich die Extension angepasst werden (sie
		   müsste diesen <div> mit der Klasse flexbox versehen).
		   Das muss jedoch nachgelagert geschehen, damit die Extension zum alten
		   Layout kompatibel bleibt.
		   Im Anschluss kann display: xy; an dieser Stelle gelöscht und
		   .tx-cq-image-gallery in .tx-cq-image-gallery.flexbox geändert werden. */
		display:				-ms-flexbox;
		display:				-webkit-flex;
		display:				flex;			/* Macht diesen Container zum Flex-Container - direkte Kinder werden zu Flex-Items */
		-ms-flex-pack:			start;
		-webkit-justify-content:flex-start;
		justify-content:		flex-start;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Hauptachse (hier: horizontal): Leerraum gleichmäßig verteilt */
		-ms-flex-align:			stretch;
		-webkit-align-items:	stretch;
		align-items:			stretch;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Kross-Achse (hier: vertikal): unten */
		-ms-flex-wrap:			wrap;	
		-webkit-flex-wrap:		wrap;	
		flex-wrap:				wrap;			/* Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz) */
	}

	.tx-cq-image-gallery .image-set
	{
		margin:		0.5em;
		border:		1px solid #ebeae9;
		padding:	10px;
		width:	150px;
		text-align:	center;
	}

	/* Für die Detailansicht */
	.tx-cq-image-gallery .image-set-container	/* individuelle flexbox-Eigenschaften festlegen */
	{
		/* Hier müsste eigentlich die Extension angepasst werden (sie
		   müsste diesen <div> mit der Klasse flexbox versehen).
		   Das muss jedoch nachgelagert geschehen, damit die Extension zum alten
		   Layout kompatibel bleibt.
		   Im Anschluss kann display: xy; an dieser Stelle gelöscht und
		   .tx-cq-image-gallery in .tx-cq-image-gallery.flexbox geändert werden. */
		width:					100%;

		display:				-ms-flexbox;
		display:				-webkit-flex;
		display:				flex;			/* Macht diesen Container zum Flex-Container - direkte Kinder werden zu Flex-Items */
		-ms-flex-pack:			start;
		-webkit-justify-content:flex-start;
		justify-content:		flex-start;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Hauptachse (hier: horizontal): Leerraum gleichmäßig verteilt */
		-ms-flex-align:			start;
		-webkit-align-items:	flex-start;
		align-items:			flex-start;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Kross-Achse (hier: vertikal): unten */
		-ms-flex-wrap:			nowrap;	
		-webkit-flex-wrap:		nowrap;	
		flex-wrap:				nowrap;			/* KEIN Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz) */
	}

	.tx-cq-image-gallery .image-set-content
	{
		-ms-flex-order:			1;
		-webkit-order:			1;
		order:					1;				/* Platz in der Reihenfolge */
		overflow:				visible;		/* Wichtig für die Flexbox */
	}

	.tx-cq-image-gallery .image-set-content > div
	{
		margin-bottom:	1em;
	}

	.tx-cq-image-gallery .image-set-content .download-description .image-download-button
	{
		background-color:	#86989e;
		border:				medium none;
		color:				#ffffff;
		padding:			0.5em;
	}

	.tx-cq-image-gallery .image-set-image
	{
		float:				none;			/* Übergang - kann entfernt werden, sobald Extension-CSS nicht geladen wird */
		overflow:			visible;		/* Wichtig, sonst wird der Bild-Container beschnitten. */
		-ms-flex-order:		2;
		-webkit-order:		2;
		order:				2;				/* Platz in der Reihenfolge */
		margin-top:			0.5em;
		margin-left:		0.5em;
		margin-bottom:		0.5em;
	}

/* ENDE Presseamt (Download-)Galerie Extension (kommt nur in 13_medien zum Einsatz) */





/*	Bereich für die ALTEN ICONS bei den Pressemeldungen.
	Der CSS-Code aus der Anwendung kann in der Umstellungsphase
	auf das neue CD aus Kompatibilitätsgründen nicht entfernt werden.
	Er muss an dieser Stelle überschrieben werden.
	Kann erst weg wenn alle Ausblendungen umgestellt wurden.
	*/
	#presseApp .meldungen .item a.intern,
	#presseApp .meldungen .item a.intern:link,
	#presseApp .meldungen .item a.intern:visited
	{
		background-image:	none !important;
		background-position:initial !important;
		padding-left:		0 !important;
	}
	#presseApp .meldungen .item a.extern,
	#presseApp .meldungen .item a.extern:link,
	#presseApp .meldungen .item a.extern:visited
	{
		background-image:	none !important;
		background-position:initial !important;
		padding-left:		0 !important;
	}
	#presseApp .artikel a,
	#presseApp .artikel a:link,
	#presseApp .artikel a:visited,
	#presseApp .suche a,
	#presseApp .suche a:link,
	#presseApp .suche a:visited
	{
		/*background-image:	none !important; auskommentiert, da der Vorlese-Button sonst nicht korrekt dargestellt wird */
		/*background-position:initial !important; auskommentiert, da der Vorlese-Button sonst nicht korrekt dargestellt wird */
		padding-left:		0 !important;
	}

/* ENDE Bereich für die ALTEN ICONS bei den Pressemeldungen. */





/* Menupunkt "Fair formuliert" */

	p.csc-linkToTop	/* "Nach oben"-(Anker-)Links. */
	{
		text-align:	right;
	}

	/* Formatierung der Paar-Elemente */
	main .paar
	{
		display:				-ms-flexbox;
		display:				-webkit-flex;
		display:				flex;			/* Macht diesen Container zum Flex-Container - direkte Kinder werden zu Flex-Items */
		-ms-flex-pack:			start;
		-webkit-justify-content:flex-start;
		justify-content:		flex-start;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Hauptachse (hier: horizontal): Leerraum gleichmäßig verteilt */
		-ms-flex-align:			start;
		-webkit-align-items:	flex-start;
		align-items:			flex-start;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Kross-Achse (hier: vertikal): unten */
		-ms-flex-wrap:			nowrap;	
		-webkit-flex-wrap:		nowrap;	
		flex-wrap:				nowrap;			/* Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz) */

		margin:					0.2em 0 0.2em 0;
	}

	main .paar > div
	{
		-ms-flex:		1;
		-webkit-flex:	1;
		flex:			1;		/* Beide flex-items der "Paar"-Elemente nehmen hiermit die gleiche Größe ein. */
		padding:		0.4em;
	}

	main .paar .sogehts
	{
		margin:		0 0.3em 0 0;
		border:		1px solid #00617F;
	}

	main .paar .statt
	{
		margin:		0 0 0 0.3em;
		border:		1px solid lightgrey;
	}

	#c55692 h2 + div
	{
		margin-top:	0;	/* Erstes "sogehts-statt"-Element ohne Abstand nach oben. */
	}

	/* Listen im Inhaltsbereich, die KEINE Linkliste sind. */
	main #c55694 ul,
	main #c55695 ul,
	main #c55696 ul
	{
		margin-left:		1.6em;
		list-style-type:	none;
		list-style-position:outside;
	}

/* ENDE Menupunkt "Fair formuliert" */




/* #### Responsive Media Query bis 785px #### */
/* "Tablet" (M) und "Mobile" (S) ohne Navi-Spalte (also mit mobile-Menu) */

	@media screen and (max-width: 785px) {

		/* Presseamt Galerie Extension */

		/* Für die DETAILANSICHT */
		.tx-cq-image-gallery .image-set-container
		{
			-ms-flex-wrap:			wrap;	
			-webkit-flex-wrap:		wrap;	
			flex-wrap:				wrap;			/* Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz) */
		}

		.tx-cq-image-gallery .image-set-container .image-set-content
		{
			-ms-flex-order:			2;
			-webkit-order:			2;
			order:					2;				/* Platz in der Reihenfolge */
		}

		.tx-cq-image-gallery .image-set-container .image-set-image
		{
			margin-left:			0;
			-ms-flex-order:			1;
			-webkit-order:			1;
			order:					1;				/* Platz in der Reihenfolge */
		}

		/* ENDE Presseamt Galerie Extension */
	}
	


/* Spezialfall: Veranstaltungskalender */
	main #presseApp .navi ul li::before,
	aside ul li::before
	{
		content:	none;
	}
/* ENDE Spezialfall: Veranstaltungskalender */





/* ALT - EX-myStyles.css für die (Download-)Gallery-Extension (diese Extension kommt nur in 13_medien zum Einsatz) */
	/*
	.image-set
	{
		border: 1px solid #ebeae9;
		float: left;
		height: 200px;
		margin-bottom: 10px;
		margin-right: 10px;
		padding-top: 7px;
		text-align: center;
		width: 166px;
	}

	.download-description > form
	{
		background-color: #ffffff !important;
		border: medium none !important;
		border-radius: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
	}
	.download-description .image-download-button
	{
		background-color: #86989e;
		border: medium none;
		color: #ffffff;
		cursor: pointer;
		overflow: visible;
		padding: 4px;
		width: auto;
	}

	.caption
	{
		color: #005395 !important;
	}

	.thanks-salutation
	{
		color: #005395;
	}
/* ENDE ALT - EX-myStyles.css für die (Download-)Gallery-Extension (diese Extension kommt nur in 13_medien zum Einsatz) */





/* ALT - CSS VOR Umstellung auf das CD
	#inhalt h2.anreisser {
					font-size: 1.1em;
					font-weight: 600;
					color: #333333;
					margin-bottom: 0px;
	}

	#inhalt h2.news,
	#inhalt2 h2.news {
					font-size: 1.4em;
					font-weight: bold;
					color: #333333;
					margin-bottom: 10px;
	}

	#inhalt .bild_rechts {
					float: right;
					margin-left:15px;
					margin-bottom:15px;
					border: none;
	}

	#inhalt .bild_links {
					float: left;
					margin-right:10px;
					margin-bottom:15px;
					border: none;
	}

	#inhalt li a.extern,
	#inhalt li a.extern:link,
	#inhalt li a.extern:visited {
	 background-image:  url(/fileadmin/templates/domains/stadt-muenster.de/13_medien/images/extern.gif);
	 background-repeat: no-repeat;
	 background-position: right;
	 padding-right: 18px;
	 display: inline-block;
	}

	#inhalt p a.intern,
	#inhalt p a.intern:link,
	#inhalt p a.intern:visited {
	 background-image:  url(/fileadmin/templates/domains/stadt-muenster.de/13_medien/images/intern.gif);
	 background-repeat: no-repeat;
	 background-position: right;
	 padding-right: 18px;
	 display: inline-block;
	}

	#rechts .bildlink-rechts {
			margin-left: auto;
			margin-right: auto;
			width: 195px;
			border: medium none;
	}

	.kasten {  
		background-image: url(/fileadmin/templates/domains/stadt-muenster.de/13_medien/images/hg_kasten.gif);
		background-repeat: repeat-y;
		margin-right: 6px;
		padding: 0px 0 10px 0;
		margin-bottom: 20px;
	}
	 
	#rechts .kasten h3 {
	 background-color: #0e86d5;
	 color: #ffffff;
	 margin-left: 5px;
	 padding: 2px 2px 4px 5px;
	}

	#rechts .dekobild img {
		padding-bottom: 20px;
		margin-top: 4px;
	}
ENDE ALT - CSS VOR Umstellung auf das CD */