/* AgroScapeLab Quillow */

/* Farben: orchre: #E37200 rgb(227,114,0), drab dark brown: #5A5435 rgb(90,84,53), old gold: #C3B822 rgb(195,184,34), ivory: #FEFBE9 rgb(254,251,233) */
/* Farben: burnt orange: #b35c00 rgb(179,92,0), drab dark brown: #5A5435 rgb(90,84,53), citrine: #dacf2f rgb(218,207,47), ivory: #FEFBE9 rgb(254,251,233), Text: 2e2e2e */
/* Farben: burnt orange: #b35c00 rgb(179,92,0), dark moss green: #464c1e rgb(70,76,30), citrine: #dacf2f rgb(218,207,47), ivory: #FEFBE9 rgb(254,251,233), Text: 2e2e2e */

/* Farben: burnt orange: #b35c00 rgb(179,92,0), dark moss green: #464c1e rgb(70,76,30), ivory: #f8f9f0 rgb(248 249 240), cornsilk: #FFF3D6 rgb(255 243 214), beige: #EAEED3 rgb(234 238 211), Text: 2e2e2e */
/* Farben: burnt orange: #b35c00 rgb(179,92,0), dark moss green: #395725 rgb(57,87,37), ivory: #f8f9f0 rgb(248 249 240), cornsilk: #FFF3D6 rgb(255 243 214), beige: #EAEED3 rgb(234 238 211), Text: 2e2e2e */

/* #2372d1 Celtic blue */

/* für Testzwecke */
.Accent1 {
	hight: 70px;
	background-color: rgb(75,160,70);
}

.Accent2 {
	hight: 70px;
	background-color: rgb(0,153,147);
}

.Accent3 {
	hight: 70px;
	background-color: rgb(49, 107, 96);
}

.Accent4 {
	hight: 70px;
	background-color: rgb(63, 175, 107);
}

.Accent5 {
	hight: 70px;
	background-color: rgb(40, 120, 36);
}

.Accent6 {
	hight: 70px;
	background-color: rgb(159, 175, 31);
}

.Accent7 {
	hight: 70px;
	background-color: rgb(99, 117, 21);
}

.Accent8 {
	hight: 70px;
	background-color: #a35400; /* brown */
}

.Accent9 {
	hight: 70px;
	background-color: #cbdef6; /* columbia blue  */
}

.Accent10 {
	hight: 70px;
	background-color: #8fc089;
}

.Accent11 {
	hight: 70px;
	background-color: #fff3d6; /* cornsilk */
}
.Accent12 {
	hight: 70px;
	background-color: #416a59; /* dunkelgrün */
}

.Accent13 {
	hight: 70px;
	background-color: #395725; /* dark moss green */
}

.Accent14 {
	hight: 70px;
	background-color: #fff3d6; /* cornsilk */
}

.Accent15 {
	hight: 70px;
	background-color: #a35400; /* brown */
}

.Text1 {
	color: #2e2e2e;  /* dunkelgrau */
}

.Text2 {
	color: #f5eec2;
}

.Text3 {
	color: #ffffff;
}

.Text4 {
	color: #ffffff;
}

.Text5 {
	color: #416a59; /* dunkelgrün */
}


/* xxxx */


/*Schriftgröße Body*/
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
	font-size: 1em;
}

/* Seitenbreite */

.ms-tableCell {
	background-color: #f8f9f0; /*#f1f3e2 rgba(254,251,233, 1.0)*/
	/*background-color: rgba(255,255,255, 1.0);*/
}

.contentwrapper {
	min-width:980px;
	max-width: 1100px /*1024px*/;
	margin: 0px auto 20%;
	/*background-color: rgba(254,251,233, 1.0);*/
}

/* Background Overlay */
.ms-pub-contentLayout {
	/*background-color: rgba(254,251,233, 1.0);*/
	background-color: rgba(255,255,255, 1.0);
	/*min-width: 950px;*/
	max-width: 1100px;
	padding: 10px 10px 10px 10px;
}

.BannerTop {
	/*background: url(/sites/agroflux/SiteAssets/AgroFlux-1.jpg) no-repeat center center;*/
	background: url(/sites/agroflux/SiteAssets/banner-4.png) no-repeat center center;
	background-size: cover !important;
	display: block;
	height:400px; 
}

#titlerow {
	background-color: #f8f9f0/*rgba(254,251,233, 1.0)*/;
	/*background-color: rgba(255,255,255, 1.0);*/
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 10;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px 0px;
}

#titleAreaBox{
	/*background-color: rgba(254,251,233, 1.0);*/
	background-color: rgba(255,255,255, 1.0);
	max-width: 1100px;
	margin: auto;
}

.ms-belltown-anonspacer {
	height: 0px;
}


.ms-breadcrumb-box {
	/*background-color: rgba(254,251,233, 1.0);*/
	background-color: rgba(255,255,255, 1.0);
}

.ms-wikicontent {
	padding-left: 10px;
}

/* ZusatzBox oben */

.ZusatzBox {
	padding: 5px 0px 0px 0px;
	width: 100%;
	max-width: 1100px;
	text-align: right;
	font-size: 1.0em;
}

.ZusatzBoxLinks > span {
	padding-right: 15px;
	/*display: none;*/
}

.ZusatzBoxDiv1 {

}

.ZusatzBoxDiv2 {

}

.ZusatzBoxDiv3 {

}


/* Link */
a, a:visited, .ms-link:visited{
	font-weight: 700;
	color: #b35c00; /*#a35400 Link etwas dunkler #8f5a00 #b35c00*/
}

a:hover {
	color: #b35c00 /*#a35400 #8f5a00; #b35c00 #444444 #9A2EFE*/;
	text-decoration: none;
}

.AktiveNav {
	/*color: #FFDF99 !important;*/ /* #A8FFC7 #444444 #9A2EFE*/ 
	font-weight: 600;
	/*font-variant: small-caps;*/
}

.col_left_nav a, .col_left_nav .ms-link:visited {
	color: #FFFFFF;
}

/* Footer für Logos */

.MyFooterZone {
	background-color: #395725;
	color: #ffffff;
	padding: 10px;
}

.MyFooterZone a {
	color: #ffffff;

}

.FooterLinks {
	padding: 0px;
}

.FooterLinks a {
	padding: 0px 20px 0px 20px;
	
}

.MyFooterFD {
	clear: both;
}

.FooterHome {
	/*border-top: 3px solid #006E0F;
	margin-top: 5px;*/
}

.MyPFooter {
	text-align: center;
	padding-top: 10px;
}

.Logo1 {
	margin: 0px 10px 0px 0px;
	max-height: 70px;
}

.Logo2, .Logo3 {
	margin: 0px 10px 0px 10px;
	max-height: 70px;
}

.Logo4 {
	margin: 0px 10px 0px 10px;
	max-height: 65px;
}

.Logo5 {
	margin: 0px 0px 0px 10px;
	max-height: 70px;
}

/* Footer Weitere Links */

.MoreLinks {
	padding: 10px;
	background-color: #b35c00 /*rgba(0,110,15,1.0)*/;
}

.MyFooterMoreLinks {
	clear:both;
	margin-top: 30px;
}

.MyFooterMoreLinks a {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF !important;
	
}

/* Top Link */

#TopLink {
	float:right;
	transition-duration: 0.4s;
	height: 20px;
	width: 70px;
	curser: pointer;
	margin: 0 20px 20px 0;
}

#TopLink a {
	display: inline-block;
}




/* Accent Farben */

.ms-rteStyle-Accent2 {
	color: #b35c00;
}

/* SharePoint ausblenden */
#suiteBarLeft {
	background: rgba(153, 102, 0, 0.0);
}
#suiteBarLeft .ms-tableRow {
	display: none;
}

#RibbonContainer-TabRowRight {
	display: none !important;
}

/* About Me */
#welcomeMenuBox a.ms-core-menu-link[title="My Settings"],
#welcomeMenuBox a.ms-core-menu-link[title="Change Password"] {
	display:none!important;
}

/* Blendet Seitentitel auf der Seite aus */
.ms-belltown-pageName {display: none;} 

.MyPageHeader {
	/*position: relative;
	top: -20px;*/
	font-size: 2.0em;
	margin-bottom: 25px;
	margin-top: 25px;
} 

/* Help Link oben rechts */
#ms-help {
	display: none;
}

/* Suche */
.ms-srch-sb {
	display: none;
	/*margin-right: -50px;*/
}

.MySuchbox {
	float: right;
	padding-right: 0px;
	margin-right: -20px;
}

.ms-belltown-searcharea {
	width: 170px;
	padding-top: 0px;
	padding-right: 10px;
} 

.ms-core-header .ms-srch-sb-border {
	border-color: #E6E6E6 /*rgb(223,223,223)*/ !important;
	
}

.ms-core-header .ms-srch-sb {
	background-color: #E6E6E6 /*rgb(223,223,223)*/ !important;
}

.ms-belltown-authenticated .ms-belltown-searcharea {
	padding-top: 0px;
}

.ms-srch-item-path  {
	color: #b35c00 !important;
}


/* Logo */
.ms-siteicon-img {
	/*display: none;*/
	/*Logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
	/*width: 140px*/
}

#siteIcon {
	text-align: left;
	margin: 5px 20px auto 20px;
	line-height: 100px;
	height: 104px;
	background-color: rgba(255, 255, 255, 1.0) /* rgba(70,76,30,1.0) rgba(90,84,53, 1.0)*/;
	/*Logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
	/*width: 140px;*/
	/*display: none;*/
}
.ms-siteicon-a {
	max-width: 300px;
	max-height: 64px;
}

.ms-siteicon-img {
	max-height: 100px !important;  /* Höhe Logo Bild */
	max-width: 300px !important;
	padding: 2px;
}

.ms-breadcrumb-box{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 23px;
}

#ctl00_QuickLaunchNavigationManager {
	margin-top: 5px;
}

/*Wenn logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
.ms-core-listMenu-horizontalBox {
	margin-left:-82px;
}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding-right: 18px;
}

.ms-core-listMenu-root {
	margin-left: -40px;
	/*margin-left:23px;*/
}

/* Horizontales Menü */

.menu-item-text {
	white-space:nowrap;
}
li.dynamic {
	margin-bottom: 6px;
	margin-top: 6px;
}

ul.dynamic {
	min-width: 160px;
	white-space: nowrap !important;
	padding-right: 20px;
	background-color: #ffffff;
}
/*.ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
.ms-core-header .ms-core-listMenu-item:visited, .ms-core-header .ms-tv-item:link, .ms-core-header .ms-tv-item:visited, 
.ms-core-header .ms-tv-header:link, .ms-core-header .ms-tv-header:visited {
	font-weight: 700;
	color: #009b93 ;
}

.ms-core-header .ms-core-listMenu-item, .ms-core-header .ms-core-listMenu-item:link {
	font-weight: 700;
	color: #009b93 ;
}*/

.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover, 
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, 
a.ms-tv-item:hover, a.ms-tv-header:hover {
	color: #b35c00/*#276B62*/;
}

.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:active, 
a.ms-tv-item:active, a.ms-tv-header:active {
	color: #b35c00/*#276B62*/;
}

.ms-core-header .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover {
	color: #b35c00/*#276B62*/;
}

/*.ms-core-header .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-header .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-core-header .ms-tv-selected:link {
	color: #b35c00;
}*/

.ms-core-header .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected {
	color: #b35c00 !important;
	font-weight: 700 !important;;
}


/* Auf Startseite für Twitter */
.zalf_social_media2 {
	margin: 20px 20px 10px 20px;
	text-align: center;
}

.H3Twitter {
	margin-bottom: 10px;
	margin-top: 10px;
}

.col_left_home {
	/*width: 31%;
	margin-right: 2%;*/
	padding-left: 1%;
	padding-right: 1%;
	/*float:left;*/
	
	float: right;
	margin-left: 2%;
	margin-right: 1%;

	/*background-color: rgba(75,8,138,0.8)*/
	background-color: /*#E6E6E6*/ rgba(0,110,15,1.0);
	color: #FFFFFF;
}

.col_left_home h2 {
	margin-top: 4px;
	color: #FFFFFF;
}

.col_right_home {
	/*max-width: 65%;
	float:right;*/
	float: left;
	max-width: 73%;
	padding-left: 0.5%;
}

.col_one {
	padding-left: 0.5%;
	max-width: 100%;
}

.col_right_news {
	padding-left: 0.5%;
}



/* Auf Seiten für linke Navigation */
.NavPageTitle {
	font-size: 1.5em;
}

.col_left_nav {
	width: 22%;
	min-width: 200px;
	margin-right: 2%;
	padding-left: 8px;
	padding-right: 8px;
	float:left;
	/*background-color: rgba(75,8,138,0.8)*/
	background-color: rgba(0,110,15,1.0);
	color: #FFFFFF;
	
}

.ms-rte-layoutszone-inner {
	border: none;
}

.col_left_nav .dfwp-column .item {
	padding-left: 0px;
}

.col_left_nav .dfwp-column .item a {
	font-weight: 600;
}

.col_right {
	width: 100%;
	max-width: 73%;
	float:right;
}

.col_right img {
	max-width: 100%;
}

.col_left_navFIX {
	top:		20px;
	position:	sticky;
}

.LeftNavBoxFixedAboveFooter {
	position:	absolute;
}

.ms-rteStyle-References {
	font-size: 14px;
}


/*Bilder auf News-Seiten */
.IMG_right {
	float: right;
}

.IMG_right img {
	max-width: 100%;
}

.IMG_left {
	float: left;
}

.IMG_left img {
	max-width: 100%
}

figure {
	text-align: center;
}

figcaption {
	text-align: center;
}

.Bild1, .Bild2 {
	display: inline-block;
	margin-inline-start: 25px;
	margin-inline-end: 25px;	
}

.Bild-klein {
	max-width: 470px;
}

.Bild-gross {
	max-width: 960px;
}

.ImgShowHideText {
	padding-left: 20px;
	position: relative;
	top: 9px;
	/*left: 40%;*/
}

/* Farben: #D5A300 rgba(213,163,0,1.0), #42AC68 rgba(66,172,104,1.0), #276B62, #009B93 rgba(0,155,147,1.0), #9FAD13 rgba(159,173,19,1.0) */
#M1P1, #M2P1, #M1P2, #M2P2, #M1P3, #M2P3, #M1P4, #M2P4,
#P1, #P2, #P3, #P4 {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
}

#M2P1, #M2P2, #M2P3, #M2P4 {
	margin-bottom: 0px;
}

#M1P1, #M2P1 {
	background-color: rgba(213,163,0,0.8);
}
#M1P2, #M2P2 {
	background-color: rgba(159,173,19,0.8);
}
#M1P3, #M2P3 {
	background-color: rgba(66,172,104,0.8);	
}
#M1P4, #M2P4 {
	background-color: rgba(0,155,147,0.8);
}
#P1 {
	background-color: rgba(213,163,0,0.4);
}
#P2 {
	background-color: rgba(159,173,19,0.4);
}
#P3 {
	background-color: rgba(66,172,104,0.4);
}
#P4 {
	background-color: rgba(0,155,147,0.4);
}

.ShowHide {
	width: 90%;
	display:inline-block;
	color: #444444;
	font-weight: bold;
	font-size: 1.1em;
}



/* Log In */
.ms-pub-logon {
	visibility: hidden;
}

/* Überschriften */
.ms-core-pageTitle {
	font-size: 2.5em;
	padding-top: 8px;
	padding-bottom: 32px;
	font-variant: normal;
	
	/*visibility: hidden;*/
}

.ms-core-navigation a, .ms-core-navigation a:visited {
	color: #395725 !important;
}

.ms-core-pageTitle a:hover {
	color: #b35c00;
}

.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3 {
	color: #395725;
	font-weight: 600;
}

/* Farben: #276B62, #009B93, #9FAD13, #D5A300, #42AC68 */
/* Kästen mit Links */
.KastenBereich {
	text-align: center;
	margin: 30px 10%;
	height: 350px;
	min-width: 860px;
	z-index: 1;
}

.KastenBereichKlein {
	text-align: center;
	margin: 20px 5% 30px 5%;
	min-width: 860px;
}

.KastenImage {
	overflow: hidden;
	max-width: 100%;
	/*position: relative;
	top: 0;*/
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
}

.KastenImage:hover {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}

.ImageRund {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}

.KastenText {
	font-weight: 600;
	font-size: 1.3em;
	color: #FFFFFF;
	margin-top: 20px;
}

.ImageKasten {
	max-width: 100%;
	margin: 5% ;
	
}

.KastenLink {
	position: relative;
	bottom: 4%;
}

.Drei-Links, .Drei-Mitte, .Drei-Rechts {
	width: 260px;
	height: 350px;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
}

.Drei-Links {
	background-color: rgba(213,163,0,1.0); /*#42AC68; */
}

.Drei-Links:hover {
	background-color: rgba(213,163,0,0.9);
}

.Drei-Mitte {
	background-color: rgba(159,173,19,1.0); /*#42AC68; */
}

.Drei-Mitte:hover {
	background-color: rgba(159,173,19,0.9); /*#42AC68; */
	
}

.Drei-Rechts {
	background-color: rgba(66,172,104,1.0); /*#42AC68; */

}

.Drei-Rechts:hover {
	background-color: rgba(66,172,104,0.9); /*#42AC68; */

}

.Drei-Links:hover, .Drei-Mitte:hover, .Drei-Rechts:hover {
	/*background-color: #009B93; /*rgba(66,172,104,0.7);*/
	/*font-size: 1.4em;*/
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.Kasten1, .Kasten2, .Kasten3 {
	min-width: 130px;
	padding: 20px 13px 37px 17px/*20px 20px 37px 20px*/;
	background-color: #b35c00 /*#276B62*/;
	color: #FFFFFF;
	font-size: 1.1em;
	white-space: nowrap;
	display: inline-block;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 50%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}

/*.Kasten1:hover, .Kasten2:hover, .Kasten3:hover {
	background-color: rgba(255, 249, 235, 1.0);
	color: #151515;
	transform: scale(1.02, 1.02);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}*/

.NextSmall {
	position: relative;
    top: 12px;
}

.Myh2 {
	padding-top: 10px;
	
}
h1, h2, h3, h4, .ms-h1, .ms-h2, .ms-h3, .ms-headerFont {
	font-weight: 600;
	/*font-variant: small-caps;*/
}
h1, h2, h3, h4, .ms-rtestate-field h4, .ms-h2, .ms-h3 {
	color:  #395725;
}

.ms-webpart-titleText {
	color: #395725 !important;
}
	
h2, .ms-h2, .ms-webpart-titleText {
	font-size: 1.5em;
	margin-top: 4px;
}
h3, .ms-h3 {
	font-size: 1.2em;
}

.col_left_home h2, .col_left_home h3 {
	color: #FFFFFF !important;
}

.col_left_nav h2.ms-webpart-titleText {
	color: #FFFFFF !important;
	margin-top: 4px;
}

.ms-rtestate-field h4, .ms-rteElement-H4B {
	font-weight: 600;
}

.dfwp-column .groupheader {
	margin-left: 0px !important;;
	font-variant: small-caps;
	font-weight: 600;
	padding-left: 0px;
	font-size: 1.2em;
}

.non_transparent {
	/*background-color: rgba(254,251,233, 1.0);*/
	background-color: rgba(255,255,255, 1.0);
}


/* Listen*/
li {
	line-height: 1.6;
	margin-bottom: 4px;
}


/* Webpart border */
.ms-WPBorder {
	border-color: #44A12C;
}

.ms-webpartPage-root {
	border-spacing: 1px;
}

/* Einbindung Klimastation */
.col_left_Klima {
	width: 30%;
	min-width: 200px;
	margin-right: 1%;
	/*padding-left: 8px;
	padding-right: 8px;*/
	float:left;	
}

.col_right_Klima {
	width: 100%;
	max-width: 69%;
	float:right;
}

.pCFrame {
	width: 100%;
	height: 1100px;
	margin-left: -15px;
}


/* Password und alle Formulare */
input[type="password"], 
input[type="text"], 
input[type="file"],
select, 
textarea, 
.ms-inputBox {
    /*min-width: 200px;
    margin-left: 0.3em;*/
}
input[type="button"], 
input[type="reset"], 
input[type="submit"], button {
    min-width: 8em;
    margin: 0.4em 0 0.4em 0.4em;
}

.ms-metadata {
	//margin-left: 0.3em;
	color: #2e2e2e;
}

/* Logos auf Seite Networks */

.LogosQuer, .LogosHoch {
	padding: 10px 15px 10px 0px;
}

.LogosQuer {
	width: 320px;
}

.LogosHoch {
	height: 105px;
}


/* Item Style: News Startseite */
.News_Item {
	clear: both;
	padding-bottom: 5px;
	background-color: #F8F9F0; /*#fff3d6 #fffdd6 #fff2d3 #e3db63 #fbf0b1 rgba(218,207,47,0.7)*/
	min-height: 175px;
	margin-bottom: 10px;
	padding: 5px;
	transition: all 0.2s ease-out;
	border-top-left-radius: 6em /*10% / 10%*/;
	border-bottom-right-radius: 6em; /*10% / 10%*/
}

/* Farben: burnt orange: #b35c00 rgb(179,92,0), dark moss green: #395725 rgb(57,87,37), ivory: #f8f9f0 rgb(248 249 240), cornsilk: #FFF3D6 rgb(255, 243, 214), cosmic latte: #FFF9EB rgba(255, 249, 235), beige: #EAEED3 rgb(234 238 211), Text: 2e2e2e */
.News_Item:hover{
	color: #151515;
	background-color: rgba(255, 249, 235, 1.0) ; /*#f8f9f0 #ffebd6 #cbdef6  beige: #EAEED3 rgb(234 238 211)*/
	/*width: 105%;*/
	/*-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-ms-transition: width 1s ease;
	-o-transition: width 1s ease;*/
	transform: scale(1.02, 1.02);
}

.News_image-area-left, .News_image-area-left-o-link {
	float: left;
	/*overflow: hidden;*/
	max-width: 100%;
}

.NewsKasten {
	max-width: 100%;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);	
	/*margin: 5px;*/
	
}

/*.NewsKasten:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}*/

.News_link-item {
	/*float:	right;
	max-width: 70%;*/
	margin-bottom: 20px;
	margin-left: 185px;
}


.News_Title{
	font-size:1.2em;
	font-weight: 700;
	color: #395725;
}

/*.News_Title:hover{
	color: #ecf0f1;
}*/

.News_Title a {
	color: #b35c00 /*#2372d1 blau  #8f5a00 #b35c00*/;
}

.News_Meldungsdatum {
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
}

.News_Kategorie {
	font-weight: normal;
	font-style: italic;
	margin-left: 20px;
}

.News_Description:hover {
	color: #151515;
}


@media only screen and (max-width:980px) {
	
}

/* Item Style: Publikationen */
.Publication-Item {
	margin-bottom: 2%;
}

.mp_newTab_imgText {
	margin-left: 4px;
}


/* Item Style: Personen ohne Bild */
.PersonItem {
	margin-bottom: 2%;
	/*background-color:  rgba(75,160,70,0.1);*/
	border: 2px solid #006E0F;
	padding: 10px 20px 10px 15px;
	/*box-shadow: 0px 0px 8px 0px rgba(0,158,21,0.3);*/
	border-radius: 5px;
	display: inline-block;
	width: 95%;
}

.PersonName {
	font-size: 1.0em;
	font-weight: 600;
	margin-top: 5px;
}

.PersonProjekt div {
	display: inline !important; 
}

/*Item Style: Person mit Bild */
.PersonPosition {
	font-weight: 600;
	font-variant: small-caps;
	font-size: 1.2em;
}

.Person-image-area-left {
	float:right;
	margin: 10px 0px 10px 15px;
	
}

.PersonFirma{
	padding-top: 8px;
}

.PersonAdresse {
	padding-top: 8px;
}

.zalf_EmailBild  {
	padding-top: 10px;
}

.PersonPhoneFax {
	padding-top: 5px;
}

/* Item Style: LinkBildOben FlootingBox */

.ms-rtestate-field ul.dfwp-column, .ms-rtestate-field ul.dfwp-list {
	list-style-type: none;
	float: none;
}

.LinkBildObenItem {
	/*width: 31.3%;*/
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px 10px 20px 10px;
	background-color: rgba(0,110,15,1.0);

}


/*.LinkBildObenItem:hover .LinkBildObenLink-item {
	position: relative;
	top: -40px;
	margin-top: 10px;
}*/


.LinkBildObenTitle {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(0,110,15,1.0);
	position: relative;
	top: -5px;
	transition: all 0.3s;
}

.LinkBildObenItem:hover .LinkBildObenTitle {
	/*position: relative;*/
	/*padding-top: 20px;
	padding-bottom: 0px;*/
		top: -50px;
	/*background-color: rgba(75,160,70,1.0);*/
	/*font-size: 1.2em;*/
}

.LinkBildObenDescription {
	
}



.LinkBildObenImage-area-top a, .LinkBildObenImage-area-top a:visited,
.LinkBildObenLink-item a, .LinkBildObenLink-item a:visited {
	color: #FFFFFF;
}

.LinkBildObenImage {
	
}

.LinkBildObenLink-item {
	background-color: rgba(0,110,15,1.0);
	padding-top: 5px;
	padding-bottom: 10px;
	
}


/* Buttons */
.MyButton {
	background-color: rgba(51,153,51,0.2) !important;
	border: 2px solid #44A12C !important;
	color: #00467D !important;
	font-size: 13px !important;
	padding: 10px ;
	text-align: center;
	white-space: nowrap;
}

.ms-vh {
	padding-left: 0px;
}


/*für E-Mail*/
.sg-email {
	vertical-align: bottom;
	margin-bottom: 2px;
	/*height: 20px;*/
	/* style="margin-top: 0px; margin-bottom: 2px; vertical-align: middle;"*/
}


.ms-rtePosition-2 {
	margin: 8px 0px 8px 8px;
}

.ms-rteElement-Box2 {
	float: right;
	min-width: 2em;
	max-width: 300px;
	margin: 0px 0px 20px 20px;
}

.BildMeldungNormalNeu {
	margin: 8px 0px 0px 0px;
}


/* Item Style: Projekte */
.Projekt-Item {
	border-bottom: 1px solid #2e2e2e;
	padding: 10px 0px;
}

.Projekt-Acronym {
	font-weight: bold;	
}

.Projekt-Title {
	font-size: 1.1em;
	margin: 5px 0px 5px 0px;
	font-weight: 600;
}

.Projekt-Info {
	margin-bottom: 5px;
}

.Projekt-Datum {
	margin-right: 20px;
}

.Projekt-Leaders {
	margin-right: 20px;
}

.Projekt-Funder {
	
}

.Projekt-Links {
	margin-bottom: 5px;
}

.ProjektLink-ZALFHP, .ProjektLink-WebP, .ProjektLink-Handout {
	margin-right: 20px;
}


/* Item Style: Partner */

.Partner-Item {
	padding: 10px 0px 0px 0px;
}

.Partner-Acronym {
	font-weight: bold;
	padding-right: 5px;
}

.Partner-Title {
	/* display: block; */
}

/* Item Style Publications */

.Publication-Item {
	padding: 10px 0px 0px 0px;
}

.Publication-Ref {
	padding-bottom: 5px;
}

.Publications-Title {
	display: block;
	font-weight: 600;
}

.Publications-Journal, .Publications-Volume {
	font-style: italic;
}

/* Item Style Phot Creits */
.PhotoCrdits-Item {
	padding: 10px 0px 0px 0px;
}

.PhotoCrdits-Title {
	
}

.PhotoCrdits-Dateiname {
	font-style: italic;
}

.PhotoCrdits-Copyright {
	
}

.VideoScriptEditor {

}

/* Item Style Phot Creits */
.ProItem {
	padding-bottom: 18px !important;
}

.ProTitle{
	margin-bottom: 10px;
}

.ProSummary {
	
}

.ProPartner, .ProDuration, .ProFunder {
	
}

.ProItemMehr {
	
}


video {
	width: 980px;
	max-width: 980px;
}

/* HvK nteam mobile Navigation */
#NTM_MobileNavCont {
	display				: none;
}
#NTM_BtnMobilNav {
	display			: none;
	float			: right;
	background		: url("/_layouts/15/images/zalfweb/navbtn.png") no-repeat center center;
	cursor			: pointer;
}
#NTM_BtnMobilNav.ntm_BtnMobilNavActive {
	background		: rgb(39,107,98) url("/_layouts/15/images/zalfweb/navbtn_weiss.png") no-repeat center center;
}



/*+++++++++++++++*/
/* ####Mobie Versionen#### */

.mb-title-text {
	background-color	: rgba(39,107,98,1.0);
}

@media only screen and (max-width:1024px) {
	/* Einbindung Klimastation */
	.col_left_Klima {
		width: 33%;
		min-width: 200px;
		margin-right: 1%;
		/*padding-left: 8px;
		padding-right: 8px;*/
		float:left;	
		padding-left: 2%;
	}

	.col_right_Klima {
		width: 100%;
		max-width: 64%;
		float:right;
	}

	.pCFrame {
		width: 100%;
		height: 1100px;
		margin-left: -15px;
	}
}

@media only screen and (max-width:980px) {
	
	#ms-belltown-table{
		width: 99%;
		padding: 0.4%;
		max-width: 980px;
	}
	
	.ms-pub-logon {
		display: none;
	}
	
	#titleAreaBox{
		max-width: 980px;
	}
	
	/*Schriftgröße Body*/
	body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
		font-size: 1.8em;
	}
	
	/* Navigation mobile Ansicht */
	#NTM_BtnMobilNav,
	#NTM_BtnMobilNav.ntm_BtnMobilNavActive {
		display			: block;
		width			: 60px;
		height			: 60px;
		background-size	: 60px 60px;
		margin			: -105px 20px 5px 20px;
	}
	#NTM_MainNavCont {
		display			: none;
	}
	#NTM_MobileNavCont {
		background-color: #F2F2F2 /*#E6E6E6 rgb(223,223,223)*/;
	}
	#NTM_MobileNavCont li {
		position		: relative;
		display			: block;
		float			: none;
	}
	#NTM_MobileNavCont .ntm_OpenIco {
	    position		: absolute;
	    top				: 15px;
	    right			: 0px;
	    width			: 70px; /*50*/
	    height			: 55px; /*48*/
	    overflow		: hidden;
	    cursor			: pointer;
	}
	#NTM_MobileNavCont .ntm_Collapsed > a > .ntm_OpenIco,
	#NTM_MobileNavCont .ntm_Collapsed > span > .ntm_OpenIco {
	    background		: url("/_layouts/15/images/websites/down_aslq.png") no-repeat left center;
	}
	#NTM_MobileNavCont .ntm_Expanded > a > .ntm_OpenIco,
	#NTM_MobileNavCont .ntm_Expanded > span > .ntm_OpenIco {
	    background		: url("/_layouts/15/images/websites/up_aslq.png") no-repeat left center;
	}
	#NTM_MobileNavCont .ntm_OpenIco img {
	    width			: 70px; /*50*/
	    height			: 55px; /*48*/
	}
	#NTM_MobileNavCont li.static a.static,
	#NTM_MobileNavCont li.static a.dynamic {
		margin			: 0;
		display			: block;
		line-height		: 1.6;
		position		: relative;
	}
	#NTM_MobileNavCont li.static a.static,
	#NTM_MobileNavCont li.static > span.static.ms-core-listMenu-item {
		border-top	: 1px solid #2e2e2e;
		font-size		: 1.4em; /*1.0*/
		color			: #2e2e2e;
		padding			: 14px 10px 14px /*20px*/ 85px;
	}
	/* 2. Ebene */
	#NTM_MobileNavCont li.static ul.dynamic a.dynamic {
		font-size		: 1.3em;
		color			: #2e2e2e;
		border-width	: 0 0 0 0;
		padding			: 10px 10px 10px 35px;
	}
	/* 3. Ebene */
	#NTM_MobileNavCont li.static ul.dynamic ul.dynamic a.dynamic {
		font-size		: 1.3em;
		color			: #2e2e2e;
		padding			: 8px 10px 8px 50px;
	}
	#NTM_MobileNavCont li.static > a:last-child {}
	#NTM_MobileNavCont li.static a:hover  {}
	/* Reset positioning of level 2 navigation items */
	#NTM_MobileNavCont ul.dynamic {
		box-shadow		: none;
		left			: 0;
		top				: 0px !important;
		position		: relative;
		padding			: 0px 0px 0px 85px;
		margin			: 0;
		width			: 100% !important;
		left			: 0 !important;
		background-color: transparent;
		border-width	: 0px 0px;
	}
	
	/* Zusatz für TeamSite Quicklaunch*/
	#NTM_MobileNavCont {
		width: 100%; /*90%*/
		/*margin-left: auto;*/
    	/*margin-right: auto;*/
    }
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox {
		float: none;
		display: block;
		/*color: #464c1e;*/
	}
	#NTM_MobileNavCont .ms-core-listMenu-root {
	    margin-left: 0px;
	    padding-left: 0px;
	}
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox ul {
		display: block;
	}
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	    background-image: none;
	}
	#NTM_MobileNavCont li.static > span.static.ms-core-listMenu-item {
		display			: block;
		position		: relative;
		line-height		: 1;
	}
	#NTM_MobileNavCont .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	    margin-right: 15px;
		margin-left: 15px;
	}
	
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected {
	color: #b35c00 !important;
	font-weight: 700;
	}
	.ZusatzBox {
		/*font-size: 1em;*/
		max-width: 980px;
		font-size: 0.9em;
	}

	.ms-breadcrumb-box{
		padding-top: 5px;
		padding-right: 5px;
	}	
	
	/* Suche */

	.MySuchbox {
		padding-right: 0px;
		margin-right: 0px;
	}

	#searchInputBox {
		margin-right: 50px;
	}
		
	.ms-srch-sb {
		display: none;
		height: 45px;
		width: 180px;
		margin-right: 100px;
	}
	
	.ms-srch-sb > input {
		width: 180px;
		height: 20px;
	}
	
	.ms-srch-sb > .ms-srch-sb-searchLink {
		margin-left: -20px;
		height: 30px;
		width: 30px;
		position: absolute;
		top: 18px;
		right: 170px;
	}
	
	.ms-belltown-searcharea {
		width: 0px;
	}

	.ms-srch-sb-searchImg {
		left: -30px;
		top: -50px;
	}
	
	.ZusatzBoxDiv3 {
		position: absolute;
		right: 90px;
		top: 5px;
	}

	figcaption {
		font-size: 0.8em;
	}
	
	#siteIcon {
		margin: 5px 20px auto auto;
		
		/*Logo noch da damit Hamburger Menue richtig rechts angezeigt wird*/
		/*width: 140px;*/
		/*display: none;*/
	}	
	
	.ms-core-pageTitle, .ms-core-pageTitle a {
		color: #395725;
		padding-bottom: 50px;
		font-size: 1.3em;
	}
		
	
	.ms-siteicon-img {
		/*max-height: 80px;*/
		padding-top: 30px;
	}	
	
	.col_right_home {
		width: 95%/*98%*/;
		max-width: 100%;
		padding-left: 2%;
		padding-right: 1%;
		float: none;
	}

	.col_left_home {
		width: 95%/*98%*/;
		margin-right: 0%;
		float:none;
	}

	.col_right {
		width: 95%/*98%*/;
		max-width: 100%;
		padding-left: 2%;
		padding-right: 1%;
		float: none;
	}

	.col_left_nav, .col_left_navFIX {
		width: 95%/*98%*/;
		margin-right: 0%;
		display: none;
	}

	.col_left_navFIX {
		position:static;
	}
	
	.col_right_news {
		padding-left: 2%;
		padding-right: 1%;		
	}
	
	.col_one {
		padding-left: 2%;
		width: 95%/*98%*/;
		max-width: 100%;
	}

	
	.MyFooterFD {
		padding-left: 2%;
	}

	.Logo1 {
		max-height: 60px;
	}

	.Logo2, .Logo3 {
		max-height: 60px;
	}

	.Logo4 {
		max-height: 55px;
	}

	.Logo5 {
		max-height: 60px;
	}
	
	.Bild-gross {
		min-width: 300px;
	}
	
	/* Kasten */
	.KastenBereich {
		margin: 30px 5%;
		height: auto;
	}
	
	.Kasten1, .Kasten2, .Kasten3 {
		min-width: 220px;
		font-size: 1.2em;
		padding: 55px 13px 65px 17px;
	}
	
	.NextSmall {
		top: 8px;
	}
	
	.KastenBereichKlein {
		margin: 25px 3%;
	}
	
	.KastenText {
		font-size: 1.5em;
		margin-top: 130px;
		text-align: left
	}
	
	.Drei-Links, .Drei-Mitte, .Drei-Rechts {
		width: 860px;
		float: none;
		height: 320px;;
	}

	.ImageKasten {
		float: left;
	}

	/* Einbindung Klimastation */
	.col_left_Klima {
		width: 100%;
		min-width: 200px;
		margin-right: 0%;
		/*padding-left: 8px;
		padding-right: 8px;*/
		float:none;	
		padding-left: 2%;
	}

	.col_right_Klima {
		width: 95%;
		max-width: 100%;
		float:none;
		padding-left: 2%;
	}

	.pCFrame {
		width: 100%;
		height: 1200px;
		margin-left: -15px;
	}


	
	.ms-rteStyle-References {
		font-size: 0.9em;
	}

	/* Für Bilder auf Nes-Seiten */
	.IMG_right {
		float: none;
	}
	
	
	/* Item Style: News Starteite */
	.News_link-item {
		float: none;
		max-width: 95%/*98%*/;
		margin-left: 30px;
		margin-right: 30px;
	}

	.News_image-area-left, .News_image-area-left-o-link {
		float: none;
		width: 100%;
		padding: 30px 0px 0px 30px;
	}

	.News_Image {
		width: 100%;
	}

	.News_Title {
		font-size: 1.5em;
		line-height: 
		padding-top: 10px;
		padding-bottom:10px;
	}
	
	.News_Meldungsdatum {
		padding-top: 15px;
		padding-bottom:25px;
	}
	
	.NewsKasten {
		width: 50%;
	}
	
	.dfwp-item {
		margin-bottom: 30px;
		border-bottom: 2px solid;
	}
	
	/* Item Style: Partner */
	
	.Partner-Item {
		padding: 0px 0px 20px 0px;
	}
	
	.Partner-Acronym {
		padding-right: 10px;
	}
	
	/* Item Style Projekte */
	.Projekt-Datum, .Projekt-Leaders {
		display: block;
	}

	
	/* Item Style PersonenBild */
	
	img.EMail_IMG {
		height: 75px;
	}


	div.ms-appBar-rightArea-button {
		white-space: nowrap;
	}
	
	.mp_publ_img {
	min-width: 50px;
	min-height: 50px;
	}
	
	.mp_newTab_imgText {
	min-width: 30px;
	min-height: 30px;
	}
	
	.Bild1, .Bild2 {
		display: block;
		margin-inline-start: 10px;
		margin-inline-end: 10px;
	}
	
	figure {
		margin-inline-start: 10px;
		margin-inline-end: 10px;
	}
	
	figure img {
		max-width: 960px;
	}
	
	.Bild-klein {
		max-width: 960px;
	}
	
	.MyFooterZone {
		font-size: 1.3em;
	}
}



/* Wird nicht verwendet weil S4-workspace im Element Style 980px stehen hat 
@media only screen and (max-width:540px) {

	.ms-core-pageTitle {
		font-size: 2em;
	}

	.ms-core-listMenu-horizontalBox {
		font-size: 1.4em;
	}

	h1, .ms-h1 {
		font-size: 2.0em;
	}
	h2, .ms-h2 {
		font-size: 1.6em;
	}
	h3, .ms-h3 {
		font-size: 1.2em;
	}

}*/