﻿/* Spezielle Layouts für ZALF-Seiten */


/* ORCID ID bei Personen ist hier und nicht in den Datenansichten da auch z.T. bei pers. Seiten verwendet*/
.ZALF_DescriptionOrcid {
	font-size:			1.1em;
	padding-top: 		5px;
}

.mp_OrcidBild {
	vertical-align:		middle;
	padding-right:		5px;
	padding-bottom:		3px;
}

.mp_OrcidText {
	/*font-weight:		600;*/
}

.mp_OrcidSeite {
	padding-bottom:		10px;
	font-size:			1.1em;
}

/* Trennlinie */

.MaP-Trennlinie {
	//display: block;
	//height: 1px;
	//border: 0;
	border-top: 5px solid rgb(75, 160, 70);
	margin: 2em 0 1em 0;
	//padding: 0;
}

/* Pers. Seiten und Suche */
.mp_z1, .mp_y1, .mp_x1, .mp_a9, .mp_b9, .mp_c9, span#nimmes {
	display: none;
}

.mp_d8, .mp_e8, .mp_f8 {
	display: inline
}



/* Für Datenservice Buttons */
.mp_newsImgPH {
	padding			: 10px 0px 10px 0px;
	background		: url("/_layouts/15/images/zalfweb/news_datasplatzhalter.jpg") no-repeat center center;
}
.mp_newsImgPH img {
	width			: 282px;
}
.mp_NurMobile {
	display: none;
}

.mp_Zentriert {
	
	/*text-align: center;*/
}


/* Gefördert von */

.mp_gefoerdert {
		padding: 8px 20px 0px 20px;
}

.mp_gefoerdert p {
	    font-size: 1.1em;
}

.mp_BMEL {
	display: inline;
	padding: 8px 10px 0px 0px;
}

.mp_BB {
	display: inline;
	padding: 8px 0px 0px 10px;
}

/* Für Dataservice News */

.mp_NewsBoxDataservice h3 {
	font-size		: 1.8em;
    font-family 	: 'Open Sans Bold', 'Open Sans', sans-serif;
	font-weight		: 700;
	color			: #3D3D3D;
	margin			: .5em 0em .3em 0em;
}

.mp_NewsBoxDataservice h4 {
	font-size		: 1.2em;
    font-family 	: 'Open Sans Bold', 'Open Sans', sans-serif;
	font-weight		: 600;
	color			: #3D3D3D;
	margin			: .5em 0em .3em 0em;
}

.mp_NewsBoxDataservice {
	max-width		: 282px;
	min-height		: 350px;
	float			: left;
	margin			: 0px 24px 20px 0px;
	padding			: 20px 16px;
	background-color: rgb(255,255,255);
	border: 1px Solid #3D3D3D;
}


/*Für JuWiss Seiten Aufzählungen*/
div.mp_Body  {
    font-size		: 1em;
    padding			: 0px 40px 0px 40px;
    background		: rgb(247,247,247); /*rgb(239,239,239);*/
    margin			: -4px 0px 4px 0px;
}

.mp_PubBox {
    padding			: 20px 0px 20px 0px;
	border-bottom	: 1px solid #3D3D3D;
}

.mp_AuflistungTitle {
	padding-bottom	: 10px;
	font-size		: 1.16em;
	font-weight		: 700;
}

.zalf_EmailBildNachw {
	vertical-align: bottom;
}

/*Für JuWiss Seiten Aufzählungen Nachwuchsgruppen*/
.mp_PubBoxNG {
    padding			: 20px 0px 20px 0px;
	border-bottom	: 1px solid #3D3D3D;
	font-size		: 0.85em;
	line-height		: 1.8em;
}

.mp_AuflistungTitleNG {
	padding			: 30px 40px 30px 40px;
	font-size		: 1.5em;
	font-weight		: 700;
	background		: rgb(239,239,239);
}


/*Für Banner Slider */
.mp_TextBanner {
	color: #3d3d3d;
}

/* Für Buttons bei AG-Auflistung, geht auch Mitarbeitenden */

.mp_Button_L {
	margin: 4px 4px 4px 0px!important; 
	min-width: 155px;
}

.mp_Button_M {
	margin: 4px !important; 
	min-width: 155px;
}

.mp_Button_R {
	margin: 4px 0px 4px 4px !important; 
	min-width: 155px;
}

/* AG Auflistung PB Seite */

.ZALFZentriert {
	text-align: center;
}

/* Für Zurück Links auf PB-Seiten */
.mp_PfeilObenLinks {
	position		: absolute;
	top				: 240px;
}


/* Für Zurück Links auf Themen-Seiten */
.ntm_Center2 .ntm_Blank
{
	display			: table;
    width			: auto;
    margin-left		: auto;
    margin-right	: auto;
}

.mp_Rand {
	padding: 0px 10px 0px 10px;
}

.mp_PfeilObenLinks_Themen {
	position		: absolute;
	top				: 280px;
}

/* Für Cookies Meldung */
.cc_container .cc_btn {
background-color: #4ba046 !important; /* Farbe des Buttons */
color: #ffffff !important; /* Textfarbe des Buttons */
}

.cc_container {
background: #4B4B4B !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #4ba046 !important; /* Textlink-Farbe "Mehr Infos" */
}

/* Für Stellenanzeigen */

.mp_Stelle {
	background-color: #F7F7F7;
}

.mp_TitleStelle {
	font-size: 1.4em;
	padding:30px 40px 30px 40px; /* 14px 22px;*/
	background-color: #EFEFEF;
	font-weight: 600;
}

.mp_BeschreibungStelle {
	padding: 10px 40px; /* 7px 22px;*/
	margin-bottom: 10px;
}

.mp_StellenTable {
	
}

/* ZALF Social Media (Facebook und Twitter) auf Startseite */

.zalf_social_media {
	float: none;
	text-align: center;
	margin-top: 20px;
	font-family: "Open Sans", sans-serif;
}

.zalf_social_media_icons {
	width: 50px;
	/*height: 50px;*/
	margin: 8px;
	vertical-align: middle;
}


.zalf_social_media1, .zalf_social_media3 {
	width: 49%;
	text-align: right;
	float: left;
	margin-top: 20px;
	margin-right: 9px;
	font-family: "Open Sans", sans-serif;
}

.zalf_social_media2 {
	width: 48%;
	text-align: left;
	float: right;
	margin-top: 20px;
	margin-left: 19px;
	font-family: "Open Sans", sans-serif;
}

.zalf_social_media4 {
	width: 48%;
	text-align: left;
	float: right;
	margin-top: 20px;
	margin-left: 19px;
	font-family: "Open Sans", sans-serif;
}

.ApplePodcast {
	margin-top: 22px;
}

.TwitterAbstand {
	margin-top: 13px;
}

.FacebookBlocked {
	margin-right: -40px;
}

.zalf_social_mediaAbstand {
	clear: both;
	margin-top: 20px;
}

/* ZALF-Magazin */
.zmItem {
    background-color: rgb(239, 239, 239);
    padding: 15px !important;
    font-size: 1.2em;
	min-height: 213px;
}

.zmImage {
    padding-right: 0px;
}

.zmTitle {
    font-size: 1.2em;
    padding-bottom: 10px;
}

.zmBeschreibung {
    padding-bottom: 10px;
}

.zmLinkDiv {
    padding-top: 10px;
}

.zmIcon {
    padding-right:10px;
}

/*Feld-Seiten*/
.BildFeldOben {
	margin: 5px 0px 10px 10px;
}

.Feld-Kopf {
	font-size:1.23em;
}

.Feld-Text {
	margin-top: 100px;
}

/* Mitarbeiterseiten */

.ZALF_MitarbeiterImage {
	margin: -60px 0px 10px 10px;
}

.ZALF_MitarbeiterText {
	margin-top: 30px;
	margin-bottom: 30px;
	/*padding-left: 20px; */
	/*padding-right: 20px;*/
}


/* Verwendet für ItemStyle - Auflistung - */
.zalfItem {
	font-size: 1.2em;
	padding-left: 0px;
}

.dfwp-column {
	padding-left: 0px;
}

.zalfBeschreibung {
	color: #999999 !important;
}

.zalfTelefon {
	/*color: #999999 !important;*/
}


/* Verwendet für ItemStyle - AuflistungBild - */
.image-area-left {
	margin-right: 15px;
	margin-bottom: 15px;
}

.image-area-right {
	margin-left: 15px;
	margin-bottom: 15px;
}

.RichText {
	margin-left: 100px;
	padding-top: 5px;
	line-height: 1.6em;
	margin-bottom: 10px;
}

.RichTextLinks {
	margin-bottom: 10px;
	padding-top: 5px;
	line-height: 1.6em;
}

.image {
	padding-top: 10px;
}

.AuflistungBildTitle {
	padding-top: 10px;
}

/* AuflistungBildRechts */
.imRand {
	border: 1px solid #339933;
	padding-top: 0px;
}

/* Verwendet in Auflistung Kooperationen */
.zalfKoopTitle {
	padding-left: 2px;
	margin-bottom: 0.6em;
	font-size: 1.2em;
}

.imgKoop {
	max-height:150px;
	max-width:225px!important;
	padding-top: 15px;
}

.KoopText {
	font-size: 1.0em!important;
	padding-top: 5px;
}

/*.dfwp-list {
	list-style: disc;
	margin-left: 15px;
}*/


/* Verwendet in Veranstaltungen */
.VeranstaltungTitel {
	background: rgb(239,239,239);
	padding: 25px 40px 27px 40px;
}

.Veranstaltung {
	background: rgb(247,247,247);
	padding: 15px 40px 15px 40px;
	border-bottom: 1px solid #3D3D3D;
}

.VonBis {
	font-weight: bold;
}

.VeranstKategorie {
	font-weight: bold;
}

.VeranstaltungBody {
	/*border: 1px solid #EFEFEF;
	padding: 5px;*/
}

.VeranstaltungBody ul li {
	font-size: 1.2em;
	font-family: "Open Sans", sans-serif;
}

.VeranstaltungText {

}

.VeranstaltungLabel {
	font-weight: bold;
}

.dfwp-list ul {
	list-style: disc;
}


/* Verwendet in Pressemitteilungen */

.PresseItem {
	font-size: 1.2em;
	padding: 10px 30px 5px 30px;
	/*border-bottom: 1px solid #3D3D3D;*/
	margin-bottom: 5px;
	line-height: 1.6em;
	background: rgb(247,247,247);
}

.PresseKopfbereich {
	font-size: 1.2em;
	padding: 15px 30px 10px 30px;
	line-height: 1.6em;
	background: rgb(239,239,239);
}

.PresseMeldungsdatum {
	clear: left;
	padding-top: 5px;
}

.PresseTitle, .mp_PresseTitle {
	font-weight: 600;
}

.presseImgArea {
	width: 180px;
	padding-right: 15px;
	padding-top: 5px;
}

.PresseBildText {
	font-size: 0.9em;
	line-height: 1.1em;
	color: #999999;
	max-width: 180px;
}

/*.PresseBeschreibung {}*/

.presseItemMehr {
	font-weight: 600;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.HideItem {
	display: none;
}


/* Aktuelles Archiv und Kooperationen */

.MyLabel > div {
	line-height: 1.2em;
	font-size: 0.9em;
}




.Myframe, #mf2 {
	max-width:730px;
	min-width:385px;
	width: 730px;
	height: 1600px;
}

.ms-rteElement-Bildunterschrift {
	margin-bottom:10px;
}


/* Verwendet in Info ohne Linie*/
.ntm_Info_oL {
	padding			: 30px 0px 5px 0px;
}

.ntm_Info_oL .ntm_Description p{
	line-height	: 1.55em;
}


.BildInAkkordeon {
	width	: 100%;
	height	: auto;
}

.ntm_AccordionGroupCont .ntm_Description  .ms-rteElement-Bildunterschrift {
	font-size	: 0.95em;
	/*line-height	: 1.9em;*/
}

/* BoxStyle 3 Spalten */
.ntm_FloatingBoxes {
	width				: 31%;
	min-width			: 209px;
	height				: 135px;
	margin-right		: 2.3%; /*16px;*/
	margin-bottom		: 10px;
	float				: left;
	border-top			: 4px solid #00467D; /*95B086*/
	border-bottom		: 2px solid #00467D;
	background-color	: #F3F5F1;
	overflow			: hidden;
}
.ntm_FloatingBoxes {
	width				: 230px;
	min-width			: 230px;
	margin				: 0px 8px 10px 6px;
}

.ntm_Center .FloatingBoxesQuer {
	
}

.FloatingBoxesQuer {
	width				: 31.3%; /*31*/
	min-width			: 310px;
	/*max-width			: 250px; */
	/*height				: 320px; */
	margin-right		: 5px; /*16px;*/
	margin-left			: 5px;
	margin-bottom		: 10px;
	float				: left;
	border-top			: 4px solid #41a046; /*95B086*/
	border-bottom		: 2px solid #41a046;
	background-color	: #F7F7F7;
	overflow			: hidden;
	text-align: center;
}

.FloatingBoxesHoch {
	width				: 15%; /*31*/
	min-width			: 200px;
	max-width			: 250px;
	height				: 320px;
	margin-right		: 2.0%; /*16px;*/
	margin-bottom		: 10px;
	float				: left;
	border-top			: 4px solid #41a046; /*95B086*/
	border-bottom		: 2px solid #41a046;
	background-color	: #F7F7F7;
	overflow			: hidden;
	text-align: center;
}

.ItemTitleFB {
	padding				: .4em .4em .4em .4em;
	font-size			: 1.2em; 
	font-weight			: 600;
}

.ItemImageFBQuer {
	/*width				: 91.9%; */
	/*height				: 140px;*/
	overflow			: hidden;
	padding				: .4em .4em .4em .4em;
}

.ItemImageFBHoch {
	width				: 91.5%;
	//height				: 140px;
	overflow			: hidden;
	padding				: .6em .4em .4em .6em;
}

.ItemMehrFB  {
	display				: block;
	padding				: .4em .5em .1em .4em;
	line-height			: 1.2em;
	font-size			: 1.2em; 
}

.FBAufgaben {
	
}

.FBTelefon  {
	margin-bottom		: .4em;
}


/* Kernthemen */
.ZALF_Kernthema {
	margin-top: 5px;
	padding: 10px 10px 0px 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #41a046;
}

/* Aktuelle Meldungen Seiten (Pressemitteilungen) */
.LabelMeldungSeite {
    margin-bottom: 20px;
    display: inline-block;
	vertical-align: middle;
}

.MeldungH2 {
	margin: 0px 0px 0px 0px !important;
}

.MeldungKontakt {
	margin: -2px 0px 0px 0px;
	padding: 5px 5px 5px 7px;
	/*border-style: solid;*/
	/*border-width: 2px;*/
	/*border-color: #41a046;*/
	background-color: rgba(223,223,223,0.5);
}

.BildMeldung {
	margin: 65px 0px 5px 7px;
}

/* Aktuelle Meldungen Seiten (Meldungen) */
.BildMeldungNormal {
	margin: 46px 0px 5px 7px;
}

.BildMeldungNormalNeu {
	margin: 5px 0px 5px 7px;
}

.zalf_video {
	width: 722px;
	height: 406px;
}

.zalf_video50 {
	width: 346px;
	height: 195px;
}


/* Für Video auf Startseite */
#ctl00_SPWebPartManager1_g_bc724f1e_44c2_4819_9cfb_a8580bdbc278 {
	text-align: center;
}
#ctl00_SPWebPartManager1_g_b43cdf23_928e_4f8d_a215_a111c8e67f91 {
	text-align: center;
}
.VideoScriptEditor {
	width: 640px;
	height: 480px;
}



/* Für Feld-Magazin */

.ZALF_Antwort {
	padding-left: 15px;
	border-left: 4px solid #DFDFDF;
}


/* Für Publikationen Icons in Webpart */

.mp_newTab_img {
	vertical-align: bottom;
	padding-left: 0.2em;
}

.mp_newTab_imgText {
	vertical-align: middle;
	padding-left: 0.2em;
	padding-bottom: 3px;
}

.mp_publ_img {
	vertical-align: bottom;
}


/* Für zentriertes Bild */
.ZALF_ImageCenter {
	text-align: center;
}


/* Für Nutzung Zone 50% links bzw. 50% rechts */

.Inhaltsseite_PL_1_2,
.Inhaltsseite_PL_2_2 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.Inhaltsseite_PL_1_2 .ms-WPBody,
.Inhaltsseite_PL_2_2 .ms-WPBody {
	padding-top: 0px !important;
}

.Inhaltsseite_PL_1_2 .ms-webpart-chrome, 
.Inhaltsseite_PL_2_2 .ms-webpart-chrome,
.Inhaltsseite_PL_1_2 .ms-webpart-chrome-title, 
.Inhaltsseite_PL_2_2 .ms-webpart-chrome-title {
	background-color: transparent;
}

.Inhaltsseite_PL_1_2 .ms-webpart-chrome-title, 
.Inhaltsseite_PL_2_2 .ms-webpart-chrome-title {
	padding: 0px 0px 0px 0px;
	font-size: 0.65em;
}

.Inhaltsseite_PL_1_2 h2.ms-webpart-titleText, 
.Inhaltsseite_PL_2_2 h2.ms-webpart-titleText,
.Inhaltsseite_PL_1_2 .ms-webpart-titleText, 
.Inhaltsseite_PL_2_2 .ms-webpart-titleText {
	color: #3d3d3d !important;
	padding-right: 10px !important;
}


/* Für Narrative */

/* Megatrends und Daten & Fakten */
.mp_Megatitel {
    text-align: center;
}

.mp_MegatitelDescription {
    text-align: center;
}

.mp_ImageMegatrends {
    margin: 0 0 0% 23% !important;
}

/* Sprecher */

.mp_sprecher13 {
	width: 33%;
	padding-left: 10px;
}
.mp_sprecher23 {
	width: 33%;
	
}
.mp_sprecher33 {
	width: 33%;
	
}
.mp_sprecher12 {
	width: 50%;
	padding-left: 10px;
	
}
.mp_sprecher22 {
	width: 50%;
	padding-left: 20px;
}

.mp_NarrativeEinstiegTitle {
    padding: 0px 40px 0px 40px;
}
.mp_NarrativeEinstiegText {
    padding: 0px 40px 0px 40px;
}



@media only screen and (max-width:980px) {
	.ntm_Center2 .ntm_Blank
	{
		width			: 320px;
	}	
	

	
    .zalf_social_media1, .zalf_social_media3 {
	width: 48%;
	margin-right: 9px;
	}

	.zalf_social_media2, .zalf_social_media4 {
	width: 48%;
	margin-left: 19px;
	}

    .zalf_video {
	width: 650px;
	height: 366px;
    }
    .zalf_video50 {
	width: 315px;
	height: 177px;
    }

    .zalf_audio, .zalf_audio50 {
	width: 650px;
	height: 366px;
    }


}

@media only screen and (max-width:800px) {

    .zalf_video {
	width: 500px;
	height: 282px;
    }

    .zalf_video50 {
	width: 240px;
	height: 135px;
    }
}

@media only screen and (max-width:768px) {
	
.mp_NewsBoxDataservice {
	min-height		: 160px;
	float			: none;
}

.zalf_social_media1 {
	width:100% !important;
	text-align: center;
	margin-right: 0px;
	float: none;
}

.zalf_social_media3 {
	width:100% !important;
	text-align: center;
	margin-right: 0px;
	float: none;
}

.zalf_social_media2 {
	width:100% !important;
	text-align: center;
	margin-left: 0px;
	float: none;
}

.zalf_social_media4 {
	width:100% !important;
	text-align: center;
	margin-left: 0px;
	float: none;
}

.FacebookBlocked {
	margin-right: 0px;
}

.Myframe, #mf2 {
	max-width:513px;
	min-width:385px;
	width: 513px;
	height: 2300px;
}

.ZALF_MitarbeiterImage {
	margin: 5px 0px 10px 0px;
}

.ZALF_Kernthema {
	border-width: 0px;
	padding: 0px 10px 10px 0px;
}

.BildMeldung {
	margin: 0px 0px 5px 0px;
}

.zalf_video {
	/*width: 513px;
	height: 289px;*/
    width: 470px;
    height: 265px;
}

    .zalf_video50 {
	width: 230px;
	height: 129px;
    }

.VideoScriptEditor {
	width: 100%;

}

/* Für zentriertes Bild */
.ZALF_ImageCenter {
	text-align: left;
}

.Feld-Text {
	margin-top: 45px;
}

}

@media only screen and (max-width:655px) {
.mp_NurMobile {
	display: inline-block;
	text-align: center;
}

.mp_Zentriert {
	
	text-align: center;
}	
	
.mp_Button_R {
	margin: 4px 4px 4px 0px!important; 
	min-width: 155px;
}	
}

@media only screen and (max-width:640px) {
/* Für Dataservice */	
	.mp_newsImgPH {
		background		: url("/_layouts/15/images/zalfweb/news_datasplatzhalter.jpg") no-repeat left center;
	}
	
/* Für Zurück Links auf PB-Seiten */
.mp_PfeilObenLinks {
	position		: absolute;
	top				: 250px;
}

/* Für Zurück Links auf Themen-Seiten */
.mp_PfeilObenLinks_Themen {
	position		: absolute;
	top				: 290px;
}	

.Myframe, #mf2 {
	max-width:385px;
	min-width:385px;
	width: 385px;
	height: 2300px;
}


.ZALF_MitarbeiterImage {
	margin: 5px 0px 10px 0px;
}

.ZALF_Kernthema {
	border-width: 0px;
	margin-bottom: 10px;
	padding: 0px 10px 10px 0px;
}

.BildMeldung {
	margin: 0px 0px 5px 0px;
}

.zalf_video, .zalf_video50 {
	width: 385px;
	height: 217px;
}

.VideoScriptEditor {
	width: 100%;
	min-height:168px;
}


.mp_ImageMegatrends {
    margin: 0 0 0 30% !important;
}

}




@media only screen and (max-width:550px) {

.VideoScriptEditor {
	width: 100%;
	height: 360px;
}

/* Gefördert von */

.mp_gefoerdert {
		padding: 8px 20px 0px 20px;
}

.mp_gefoerdert p {
	    font-size: 1.1em;
}

.mp_BMEL {
	display: block;
	padding: 0px 0px 2px 0px;
}

.mp_BB {
	display: block;
	padding: 8px 0px 2px 0px;
}

}


@media only screen and (max-width:450px) {

.zalfItem {
	margin-top: 10px;
}
	
/* Für Zurück Links auf PB-Seiten */
.mp_PfeilObenLinks {
	position		: absolute;
	top				: 260px;
}

.mp_Button_M {
	margin: 4px 4px 4px 0px!important; 
	min-width: 155px;
}	

.mp_ImageMegatrends {
    margin: 0 0 0 27% !important;
}	


}

@media only screen and (max-width:376px) {
.zalf_video, .zalf_video50 {
	width: 330px;
	height: 186px;
}

.VideoScriptEditor {
	width: 100%;
	height: 186px;
}

.mp_ImageMegatrends {
    margin: 0 0 0 25% !important;
}

}


@media only screen and (max-width:320px) {
.zalf_video, .zalf_video50 {
	width: 280px;
	height: 158px;
}

.VideoScriptEditor {
	width: 100%;
	height: 100%;
}


}










