/* PRINT-CSS neues CD */



	body,
	body .jPanelMenu-panel
	{
		background-color:	#fff;	/* Im Print soll der Hintergrund weiß sein, nicht grau. */
	}

	#seiten-wrapper
	{
		max-width:	auto!important;
		width:		99%!important;
		box-shadow:	none;			/* Im Print wird die Seitenrahmenschattierung entfernt. */
	}

	hr.clear
	{
		/*display:	none!important;*/
	}



	/* Header anpassen */
	header
	{
		height:	60px;	/* Da die Kopfgrafiken im Print ausgeblendet werden, muss die height angepasst werden. */
	}

	header .amt
	{
		width:		200px;	/* Wichtig, sonst hat die Amtskennung beim Print zu viel Platz. */
	}

	header .amt .amtsbezeichnung
	{
		font-size:	14px;
	}

	header .logos.flexbox	/* Stadtlogo einrücken, damit vollständig. */
	{
		display:		inline-block!important;
		float:			right;
	}

	header .logos.flexbox .muenster-de	/* muenster.de Schriftzug */
	{
		/* Bei Anpassung folgender Werte, muss die Druckansicht in ALLEN Browsern überprüft werden. */
		margin:			6px 25px 0 5px;
		float:			left;
		font-size:		34px;
	}

	header .logos.flexbox .stadt-ms	/* Stadt Münster Logo */
	{
		float:			left;
	}

	/* Headerelemente ausblenden, die beim Print nicht dargestellt werden sollen. */
	#seiten-wrapper .menu-trigger,
	header .u,
	header .header-overlay,
	header .content-header,
	header .sprachen			/* Sprachen-Navigation von muenster.de */
	{
		display:	none;
	}



	.streifen
	{
		clear:	both;
	}



	/* Inhaltselemente ausblenden, die beim Print nicht dargestellt werden sollen. */
	.vorlesen
	{
		display:	none;
	}

	/* Footer ausblenden */
	footer
	{
		display:	none;
	}

	/* Spalten ausblenden */
	#navi-spalte
	{
		display:	none;
	}

	/* Barrierefreihe Infos ausblenden */
	#sprungmarke,
	ul.u,
	.u
	{
		display:	none;
	}



	/* Infospalte soll unter den Inhalt rutschen */

		@-moz-document url-prefix() { /* DIESER INHALT IST FF-SPEZIFISCH */

			/* Diese Anweisungen sorgen im FF dafür, dass sich Inhalt und Info-Spalte im Print untereinander anordnen.
			   In allen anderen Browsern gilt weiterhin das Flexbox-Modell (display: flex;). */
			#hauptteil
			{
				display:	block;	/* Workaround für den 1-Seiten-Print Bug von Firefox - flexbox wird ersetzt. */
			}

			#navi-inhalt-wrapper-spalte
			{
				display:	block;	/* Workaround für den 1-Seiten-Print Bug von Firefox - flexbox wird ersetzt. */
			}
		}

		/* Hierdurch ordnen sich Inhalt und Info-Spalte in "Flexbox-Browsern" (also Browsern, die nicht von
		   dem FF-1-Seiten-Print Bug betroffen sind) untereinander an. */
		#hauptteil
		{
			flex-flow:	column wrap;
		}

	/* ENDE Infospalte soll unter den Inhalt rutschen */



	main h2.marker,
	main h3.marker,
	main h4.marker
	{
		border:	1px solid grey;
	}

	main #readspeaker_button1
	{
		display:	none;	/* blendet readspeaker-Button aus */
	}

	main #veranstaltungskalender .navigation
	{
		display:	none;	/* Navigation des VK ausblenden. */
	}

	#info-spalte
	{
		background-color:	#fff!important; /* !important muss sein, da sonst background-color in tourismus.css greift. */
		border-color:		#fff!important; /* !important muss sein, da sonst background-color in tourismus.css greift. */
		width:				99%;
		page-break-before:	always;			/* Dadurch erfolgt vor der Info-Spalte auf jeden Fall ein Seitenumbruch. */
	}

	/* Kästen sollen in der Inhaltsspalte nacheinander floaten. Als Breite soll die gesamte Inhaltsbreite zur Verfügung stehen. */
	#info-spalte aside
	{
		width:		99%;
		overflow:	hidden;	/* wichtig, damit dieser Container die Kindelemente umschließt (die Höhe wächst auf die Höhe des größten Kind-Elements). */
	}

	#info-spalte aside > div	/* Verhalten/Aussehen von #rechts_1, #rechts_2, usw. */
	{
		float:	left;
		margin:	0;
		width:	auto;
	}

	#info-spalte aside > div > div	/* Verhalten/Aussehen der Inhaltselemente (äußerer, umschließender div-Container) */
	{
		float:			left;
		margin-top:		0.5em;
		margin-right:	1em;
		margin-bottom:	0.5em;
		width:			195px;
	}

	/*
	Da die Browser beim Drucken häufig Hintergrundfarben-/bilder ausblenden, legen wir als
	Workaround Rahmen um die Kästen in der rechten Spalte. */
	#info-spalte aside > div > *	/* Rahmen links/rechts */
	{
		border-left:	1px solid grey;
		border-right:	1px solid grey;
	}

	#info-spalte aside > div > div	/* Rahmen oben/unten - oben ist wichtig, da es Elemente ohne Überschrift gibt! */
	{
		border-top:		1px solid grey;
		border-bottom:	1px solid grey;
	}

	/* "bugfixing" - nötig, da die HTML-Struktur der Kästen nicht einheitlich ist. */
	#info-spalte aside > div > div > .linklist,
	#info-spalte aside > div > div > .kasten
	{
		margin-top:		0;
		margin-bottom:	0;
	}





	/* Template "Firefox-spezifisches CSS" */
	/*
	@-moz-document url-prefix() { 
		.KLASSENBEZEICHNUNG
		{
			CSS-ANWEISUNG;
			...
		}
		...
	}
	*/





	/* PROJEKTSPEZIFISCHES CSS */
	/* ======================= */

	/* Print-CSS 13_medien */

		#presseApp .navi,
		#presseApp .paginator,
		#presseApp .suche
		{
			display:	none;
		}

		main .tx-cq-image-gallery	/* PA Bilder-Galerie */
		{
			display:	block!important;	/* Workaround für FF: ohne wird nur die 1. Seite ausgedruckt */
		}

		main .tx-cq-image-gallery .image-set
		{
			float:	left!important;	/* Workaround für FF: wird für display:block; bei main .tx-cq-image-gallery benötigt */
		}

	/* ENDE Print-CSS 13_medien */


	/* Print-CSS 80_tourismus */

		/* Inhaltselemente - Hotelbuchung, Social Media - ausblenden */
		#c59091,	/* Schnellbuchung Übernachtungen deutsch */
		#c68364,
		#c68350,
		#c68354,
		#c68358,
		#c68366,
		#c69690,
		#c70827,
		#c74493
		{
			display:	none;
		}

		main .anreisser .dekobild
		{
			margin-top: 0.6em;
		}
		
		main .dekobild
		{
			border: none;
			float: right;
			margin-bottom: 0.4em;
			margin-left: 1em;
			margin-top: 0.4em;
			width: 200px;
		}

		/* Veranstaltungskalender */
		#veranstaltungskalender .form-control-buttons
		{
			display:	none;
		}

		#veranstaltungskalender form fieldset legend
		{
			border:	1px solid grey;
		}

	/* ENDE Print-CSS 80_tourismus */



/* ENDE PRINT-CSS neues CD */