/* 
//============================================================
//  PRESSESERVICE - Version 2.0 - 01.2015
//
//  CSS
//
//  Copyright PREGODESIGN
//============================================================
*/

/* FONTS-Ergänzung 10-2016 Gattmann */

@font-face
{
	font-family: "Vesta W01";
	src: url("fonts/a934b0ab-5019-494b-98c1-d5cc33085264.eot?#iefix") format("eot"), url("fonts/c4e2044a-4fbb-4c7d-9ebd-a8331fe5fdd5.woff") format("woff"), url("fonts/8f0b3adc-dbd6-4de3-b210-841621ac200d.ttf") format("truetype"), url("fonts/8b450b7e-1eac-4317-a502-98b2f8acbe9d.svg#8b450b7e-1eac-4317-a502-98b2f8acbe9d") format("svg");
}

@font-face
{
	font-family: "Vesta W01 Italic";
	src: url("fonts/9b3ec614-2d33-4e72-b668-1a1a9c38e61b.eot?#iefix") format("eot"), url("fonts/9b12a826-76ed-4d7f-9025-ea24d14ee1b8.woff") format("woff"), url("fonts/5b5214d8-d2a1-4c03-b311-f11a911eef6c.ttf") format("truetype"), url("fonts/6241d959-f3b5-4296-b0b9-5b77c2a173a9.svg#6241d959-f3b5-4296-b0b9-5b77c2a173a9") format("svg");
}

@font-face
{
	font-family: "Vesta W01 Bold";
	src: url("fonts/fe3361e4-a878-4c2d-8af2-5f664cfa9067.eot?#iefix") format("eot"), url("fonts/6f116aee-67b9-435c-a410-3d2638c9c3fe.woff") format("woff"), url("fonts/eb74234d-6b86-4781-afc7-18359b2a5610.ttf") format("truetype"), url("fonts/13772e9f-bbe4-447a-b258-64792eb1eaa5.svg#13772e9f-bbe4-447a-b258-64792eb1eaa5") format("svg");
}

@font-face
 {
	font-family: "Vesta W01 Bold Italic";
	src: url("fonts/99763a74-f9b1-4f1a-9021-57313c527a78.eot?#iefix") format("eot"), url("fonts/ec4cab45-4c5e-40ce-b48c-aef049d9ed9f.woff") format("woff"), url("fonts/0672a01c-76a8-4324-a196-b25ad5f8c7b1.ttf") format("truetype"), url("fonts/0d9284be-a3d5-4b94-b1e4-ec33bc2f6cc3.svg#0d9284be-a3d5-4b94-b1e4-ec33bc2f6cc3") format("svg");
}

@font-face
{
	font-family: "Vesta W02";
	src: url("fonts/9c89d09f-e3f3-4ba7-8406-aad836192274.eot?#iefix") format("eot"), url("fonts/6e89cb82-c467-4da0-a6e0-cef2d7a73e1f.woff") format("woff"), url("fonts/c0dc9e57-dd47-4381-a42a-238c767e8b54.ttf") format("truetype"), url("fonts/90695e89-68e4-4f04-9db8-cc54ea0acffa.svg#90695e89-68e4-4f04-9db8-cc54ea0acffa") format("svg");
}

@font-face
{
	font-family: "Vesta W02 Bold";
	src: url("fonts/98722129-0f69-470a-9c7d-73e12b761322.eot?#iefix") format("eot"), url("fonts/115c5090-4b63-4e8b-8822-87442708adfc.woff") format("woff"), url("fonts/1f87d321-22f7-44a7-8a08-10d03d2bf6c6.ttf") format("truetype"), url("fonts/d619e55a-f84e-40a0-b607-01c6b8c59c07.svg#d619e55a-f84e-40a0-b607-01c6b8c59c07") format("svg");
}

@font-face
{
	font-family: "Vesta W02 Bold Italic";
	src: url("fonts/a9389ffc-9c24-4339-91d0-6c2b75898315.eot?#iefix") format("eot"), url("fonts/caa210d9-1ca3-45fd-8a1e-9678a05efce2.woff") format("woff"), url("fonts/1bc42cec-60d5-4eff-99aa-b1298876d17a.ttf") format("truetype"), url("fonts/645527cf-ac19-458f-af57-b0c696f29f28.svg#645527cf-ac19-458f-af57-b0c696f29f28") format("svg");
}

@font-face
{
	font-family: "Vesta W02 Italic";
	src: url("fonts/0c01fbcf-36ed-4bb3-a4e7-cacf883555e0.eot?#iefix") format("eot"), url("fonts/a6cb7f0a-984f-4335-8027-fab868ab8a11.woff") format("woff"), url("fonts/7f320751-2be0-4f39-aff3-a49bf485807e.ttf") format("truetype"), url("fonts/2ff9a56a-f3b5-496e-ba1b-c00e8854b626.svg#2ff9a56a-f3b5-496e-ba1b-c00e8854b626") format("svg");
}

@font-face
{
	font-family: "ms-icons";
	src: url("fonts/ms-icons.eot?1fc958#iefix") format("embedded-opentype"), url("fonts/ms-icons.ttf?1fc958") format("truetype"), url("fonts/ms-icons.woff?1fc958") format("woff"), url("fonts/ms-icons.svg?1fc958#ms-icons") format("svg");
}

@font-face
{
	font-family: "Metro-Pict-MS";
	src: url("fonts/Metro-Pict-MS.eot?81056m#iefix") format("embedded-opentype"), url("fonts/Metro-Pict-MS.ttf?81056m") format("truetype"), url("fonts/Metro-Pict-MS.woff?81056m") format("woff"), url("fonts/Metro-Pict-MS.svg?81056m#Metro-Pict-MS") format("svg");
}

/* ENDE FONTS-Ergänzung 10-2016 Gattmann */





#presse_app
{
	
}



/*
//============================================================
 NAVIAGTION 
//============================================================
*/

#presseApp .navi
{
	margin:				0.5em 0 0.5em 0;
	width:				100%;
	text-align:			center;
}


#presseApp .navi ul
{
	display:		inline-block;
	margin:			0 0.5em 0 0.5em;	/* überschreibt Werte aus basis.css */
	padding-left:	0; /* Important */	/* überschreibt Werte aus basis.css */
	padding-right:	0; /* Important */	/* überschreibt Werte aus basis.css */
}

#presseApp .navi ul .item 
{
	display:	block; 
	float:		left;
	margin:		0 0.8em 0.5em 0.8em;	/* überschreibt Werte aus basis.css */
	padding:	0;		/* überschreibt Werte aus basis.css */
	/*width:		110px;*/
}

.navi .item a
{
	display:		block;
	/*width:110px;*/
	min-width:		8em; /*110px;*/
	padding:		0.3em;
	border:			1px solid #42423E;
	border-radius:	3px;
	background:		#ffffff none no-repeat;
	text-align:		center;
	color:			#42423E;
	text-decoration:none;
}


.navi .item a:hover
{
	background:		#86989E none no-repeat !important;	/* Muss important sein, bis ins neue CD umgezogen wurde. */
	color:			#ffffff !important;	/* Muss important sein, bis ins neue CD umgezogen wurde. */
}



/*
//============================================================
// SUCHTEXTANZEIGE 
//============================================================
*/

.suchetext
{
	clear:both;
	width:100%;	
}

.suchetext .suchworte
{
	
}



/*
//============================================================
// PAGINATOR 
//============================================================
*/

.paginator
{
	clear:both;
	width:100%;	
}

.paginator .page
{
	width:100%;
	text-align:center;
}

.paginator .paginate
{
	width:		100%;
	margin:		0.2em 0 0.8em 0;
	text-align:	center;
}

.paginator .paginate .item
{
	margin:0 3px 0 3px;
	padding:0 3px 0 3px;
}

.paginator .paginate .active
{
	font-weight:300;
	margin:0 3px 0 3px;
	padding:0 3px 0 3px;
}

.paginator .paginate .arrow
{
	font-weight:300;
	margin:0 3px 0 3px;
	padding:0 3px 0 3px;
}


.paginator .paginate a,
.paginator .paginate a:visited,
.paginator .paginate a:hover,
.paginator .paginate a:active 
{
	color:#000000;
	text-decoration:underline;
	background:transparent none no-repeat;
}

.meldungen + .paginator	/* Paginator unter den Meldungen. */
{
	margin-top:		1.5em;
}




/*
//============================================================
// MELDUNGEN 
//============================================================
*/

.meldungen .item
{
	border-bottom: 1px solid silver;
	padding:0px 0px 10px 0px;	
}

.meldungen .item .date
{
	margin:5px 0px 5px 0px	;
}

.meldungen .item .title
{
	margin:	5px 0 1px 0;
}

.meldungen .item .title a::before
{
	margin-right:	0.3em;
}

/* Bereich für die ALTEN ICONS. Er muss im Individual-CSS eines Projekts
   im neuen CD so lange überschrieben werden, bis alle Projekte ins neue CD umgezogen
   sind. Danach kann der Code hier entfernt werden und außerdem der
   "Überschreibungscode" im Individual-CSS.
*/
.meldungen .item a.intern,
.meldungen .item a.intern:link,
.meldungen .item a.intern:visited
{
	text-decoration:	underline;
	background-image:	url("/stadt/stadtplanung/pics/li_intern.gif");
	background-repeat:	no-repeat;
	background-position:0 2px;
	padding-left:		18px;
}

.meldungen .item a.extern,
.meldungen .item a.extern:link,
.meldungen .item a.extern:visited
{
	padding-left:		18px;
	background-image:	url("/stadt/stadtplanung/pics/li_extern.gif");
	background-position:0 2px;
	background-repeat:	no-repeat;
	text-decoration:	underline;
}

.meldungen .item .title img
{
	vertical-align:	baseline;
}

#presseApp .artikel .media img
{
    width: 100%;
    height: auto;
}

/* ENDE Bereich für die ALTEN ICONS. */





/* =================== */
/* Meldungen Umweltamt */
/* =================== */

.meldungen.umweltamt .item a.extern,
.meldungen.umweltamt .item a.extern:link,
.meldungen.umweltamt .item a.extern:visited
{
	background-image:	url("/stadt/umwelt/pics/listenpunkt.gif");
	background-position:0 4px;
}

/* ================================ */
/* Meldungen mit <div>s statt <li>s */
/* ================================ */

.meldungen.umweltamt .item a,
.meldungen.tiefbauamt .item a,
.meldungen.verkehr .item a,
.meldungen.verkehrsplanung .item a
{
	display:	inline-block;
}

.meldungen.umweltamt .item .subtitle,
.meldungen.tiefbauamt .item .subtitle,
.meldungen.verkehr .item .subtitle,
.meldungen.verkehrsplanung .item .subtitle
{
	padding-left:	18px;
}



/*
//============================================================
// ARTIKEL 
//============================================================
*/

.artikel .navi
{
	margin:0px 0 10px 0;
}

.artikel .vorlesen
{
	float:right;
}

.artikel .date
{
	clear:both;
	margin:10px 0 10px 0;
}

.artikel .title
{
	margin:10px 0 10px 0;
}

.artikel .subtitle
{
	margin:10px 0 10px 0;
}

.artikel .text
{
	margin:10px 0 10px 0;
}

.artikel .media
{
	margin:10px 0 10px 0;
}

.artikel .media .items
{
	
}

.artikel .media .items .item
{
	
}

.artikel .media .items .item .title
{
	
}

.artikel .media .items .item a,
.artikel .media .items .item a:hover
{
	background:transparent none no-repeat;
}


.artikel .back a,
.artikel .back a:link,
.artikel .back a:visited,
.suche .back a,
.suche .back a:link,
.suche .back a:visited
{
	background-image: url("https://www.muenster.de/stadt/presseservice/pressemeldungen/web/frontend/design/back_grau.gif");
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 18px;
}



/* 
//============================================================
//  SUCHE (Link-Formatierung siehe "Artikel")
//============================================================
*/

main form .type-text,
main form .type-select,
main form .type-check,
main form .type-radio
{
	font-size:	inherit;
}

.suche_meldung
{
	margin: 20px 0 0 0;
	background-color: #f0f0f0;	
	padding: 10px;
}

.suche .headline
{
	clear:	both;
	margin:	2em 0 2em 0;	
}

main #presseApp .suche form label
{
	width:	9em;
}

main #presseApp .suche form input
{
	height:		2em;
}

main #presseApp .suche form .suchbegriff input
{
	width:		65%;
	min-width:	8em;
}

main #presseApp .suche form label
{
	width:	14em;
}

.suche .verknuepfung select
{
	width:		5em;
	height:		2em;
	text-align:	center;
}

.suche .optionen .expert
{
	margin:		0 0 2em 0;
	display:none;
}

.suche .optionen .expert .zeit
{
	margin:		0 0 2em 0;	
}

main #presseApp .suche form .zeit input
{
	width:		6em;
	text-align:	center;
}

main #presseApp .suche form .zeit .bis
{
	width:		2em;
}

main #presseApp .suche .optionen .expert .kategorien
{
	margin:		0 0 2em 0;
}

main #presseApp .suche .optionen .expert .kategorien .wrapper
{	
	border:				1px solid #d7d2cb;
	height:				30em;
	overflow:			auto;
	border-radius:		3px;
	background-color:	#FFF;
}

main #presseApp .suche .optionen .expert .kategorien .wrapper .category input
{
	cursor:pointer;
}

main #presseApp .suche .optionen .expert .kategorien #presseApp_suche_kategorien
{
	display:				-ms-flexbox;
	display:				-webkit-flex;
	display:				flex;		/* Macht diesen Container zum Flex-Container - direkte Kinder werden zu Flex-Items */
	-ms-flex-direction:		row;
	-webkit-flex-direction:	row;
	flex-direction:			row;		/* Hauptachse an der sich die Flex-Items (direkte Kind-Elemente) anordnen (hier: Reihe, also horizontal) */
	-ms-flex-pack:			start;
	-webkit-justify-content:space-around;
	justify-content:		space-around;	/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Hauptachse (hier: horizontal): am Anfang */
	-ms-flex-align:			stretch;
	-webkit-align-items:	stretch;
	align-items:			stretch;		/* Lage der Flex-Items (direkte Kind-Elemente) entlang der Kross-Achse (hier: vertikal): zentriert */
	-ms-flex-wrap:			wrap;	
	-webkit-flex-wrap:		wrap;	
	flex-wrap:				wrap;		/* Umbruch der Items entlang der Hauptachse (wenn zu wenig Platz) */
}

main #presseApp .suche .optionen .expert .kategorien #presseApp_suche_kategorien label
{
	margin-top:	0.4em;
}

/* Buttons */
.suche .optionen #presseApp_suche_optionen,
.suche .submit #presseApp_suche_suchen
{
	margin:		1em 0 1em 0;
	padding:	0.3em;
	height:		auto;		/* Wichtig! */
	font-size:	1em;
}

.suche .submit #presseApp_suche_suchen
{
	float:	right;
}
/* ENDE Buttons */

.presseservice_textmarker
{
	background:#FF0 none no-repeat;	
	text-decoration:underline;
}






/* 
//============================================================
//  feed
//============================================================
*/

.feed
{
	width:100%;	
	clear:both;
}

.feed .title
{
	width:70%;
	float:left;
}

.feed .rss,
.feed .atom
{
	width:15%;
	float:left;
}

.feed .clear
{
	clear:both;
}

#presseApp_artikel_text   p 
{
	padding-bottom: 0.7em;
}