/* #################################################################
   FONTS
   ################################################################# */


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/lib/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/lib/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/lib/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/lib/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/lib/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/lib/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/lib/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/lib/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/lib/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/lib/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/lib/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/lib/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/lib/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/lib/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/lib/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* #################################################################
   BASICS
   ################################################################# */


.onlymobile
	{
	display:none;
	}

b, strong	{
	font-weight:600;
	}

p	{
	margin: 0 0 1em 0;
	}



	

a
	{
	text-decoration:none;
	color:#005ca9;
	}

hr
	{
	display:block;
	border : 0;
	height : 60px;
	background : url('/images/layout/bg_trenner.png') 0 50% repeat-x;	
	width:90%;
	margin:0 auto;
	}

hr.sliderseparator:last-of-type
	{
	display:none;
	}

td img
	{
	vertical-align:top;
	}


.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



/* #################################################################
   SEITENBEREICHE
   ################################################################# */



html
	{
	overflow-y: scroll;
	}

body
	{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	}
	

	
.contentwidth
	{
	width:1049px;
	margin: 0 auto;
	}
.left_restrain	
	{
	width:650px;
	float:left;
	
	}
	
#header_wrap
	{
	
	}

#header
	{
	position:relative;
	height:112px;
	width:1049px;
	margin: 0 auto;	
	
	}

#logo
	{
	position:absolute;
	left:0;
	top:28px;
	}
	


#mainmenu_wrapper
	{
	position:absolute;
	right:55px;
	bottom:0;	
	}

#slider_wrapper
	{
	position:relative;
	
	}

#headerpic
	{
	width:100%;
	height:auto;
	}

#headerpicbg
	{
	width:100%;
	height:auto;
	background-size:cover;
	background-position:center center;
	}


#nachhaltigkeit
	{
	position:relative;
	color:#5fa334;
	font-size:16px;
	display:block;
	background:url(/images/layout/footer_nachhaltigkeit.jpg);
	background-size:cover;
	min-height:300px;

	}
	
.trigger-nachhaltigkeit{
	position: relative;
	display: block;
}
.footer-banner{
	margin:auto;
	max-width:300px; 
	position:absolute;right:0;top:0;z-index: 2;

}
	@media only screen and (max-width: 900px) {
		.footer-banner{
			max-width:500px; 
			position: relative;
		}
	}

#nach_1
	{
	position:absolute;
	left:50%;
	top:30px;
	font-size:30px;
	font-weight:bold;
	}

.nach_main_sub
	{
	position:relative;
	left:-50%;
	}

#nach_1 img
	{
	margin-right:20px;
	vertical-align:middle;
	}

#nach_2
	{
	position:absolute;
	left:50%;
	top:170px;
	}

#nach_21
	{
	text-align:center;
	float:left;
	margin-right:25px;
	}
	
#nach_22
	{
	text-align:center;
	float:right;
	margin-left:25px;
	}	

#headerlogo
	{
	position:absolute;
	left:50%;
	margin-left:-186px;
	top:50%;
	margin-top:-89px;
	}


#headerlogo.withcaption
	{
	width:200px;
	height:auto;
	left:50%;
	margin-left:-100px;
	top:30px;
	margin-top:0;
	
	}

div.logocaption
	{
	position:absolute;
	width:100%;
	top:140px;
	text-align:center;
	left:0;
	color:#005ca9;
	font-size:28px;
	font-weight:400;	
	
	
	text-shadow: 0px 0px 4px #fff, -1px -1px rgba(255,255,255,0.6), 1px 1px rgba(255,255,255,0.6);
	}


#alarmnewskasten
	{
	position:absolute;
	right:30px;
	top:30px;
	background:#fff;
	width:300px;
	padding:20px;
	border:3px solid #e30613;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);	
	
	}


#content_wrap
	{
	margin:24px auto 34px;
	
	}

#content
	{
	line-height:1.5em;
	position:relative;
	margin: 0 auto;
	}

#content p, .left_restrain p
	{
	line-height:1.5em;
	}

div.rightcol
	{
	float:right;
	margin: 0 0 20px 14px;
	width:340px;
	clear:right;
	}

div.rightcol_after
	{
	clear:right;
	float:right;
	margin: 0 0 20px 14px;
	width:340px;
	}

#footer
	{
	
	
	
	padding:50px 0;
	color:#005ca9;
	font-size:13px;
	}

/* #################################################################
   HEADLINES
   ################################################################# */
	
h1
	{
	margin: 0 0 12px 0;
	color:#005ca9;
	font-size:28px;
	font-weight:400;
	line-height:1.3em;
	}	

h2
	{
	margin: 0 0 12px 0;
	color:#005ca9;
	font-size:28px;
	font-weight:400;
	line-height:1.3em;
	}

h2.h1like
	{
	margin: 0 0 12px 0;
	color:#005ca9;
	font-size:28px;
	font-weight:400;
	line-height:1.3em;
	}
	
h3
	{
	color:#005ca9;
	font-size:16px;
	font-weight:600;
	margin-bottom:3px;
	}	
	
h4
	{
	font-weight:600;
	margin:5px 0;
	line-height:1em;
	color:#005ca9;
	}


a.boxlink
	{
	color:#fff;
	background:#005ca9;
	font-size:16px;
	padding:0 25px;
	margin:15px 0;
	display:inline-block;
	width:290px;
	height:75px;
	vertical-align:middle;
	line-height:75px;
	
	}
	
a.milchabc	
	{
	display:inline-block;
	text-align:center;
	padding:1px 1px;
	width:15px;
	border:1px solid #025ba3;
	margin-right:6px;
	color:#025ba3;
	}

a.milchabc:hover
	{
	-webkit-box-shadow: 0px 0px 0px 1px rgba(2,91,163,1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(2,91,163,1);
	box-shadow: 0px 0px 0px 1px rgba(2,91,163,1);
	}

a.milchabc.active
	{
	color:#fff;
	background:#025ba3;
	}

div.ajaxpfeil
	{
	
	height:40px;
	padding-top:20px;
	clear:both;
	text-align:center;
	}



div.ajaxpfeil:after {
  content: "\f0d7"; 
  font-family: FontAwesome;
 
  font-size: 50px;
  text-align:center;
  color: #005ca9;
  margin: 0;
  z-index: 1;
}


a.link-zurueck
	{
	border-top:1px solid #005ca9;
	}

a.link-zurueck:before 
	{    
	font-family: 'FontAwesome';
	content: '\f0d9';
	
	padding: 0 5px 0 0;
	
	
	
	}


.right-align
	{
	float:right;
	margin:0 0 10px 10px;
	}


.minicol-left
	{
	float:left;
	width:45%;
	}

.minicol-alignright	
	{
	text-align:right;
	}
	
.minicol-right
	{
	margin-left:55%;
	}	

#content ul.produktdownloads
	{
	margin:0;
	padding:0;
	}
	
#content ul.produktdownloads li
	{
	line-height:1.1em;
	padding:6px 0;
	display:block;
	}
	

div.prodajax_wrapper
	{

	}

div.prodajax_inner
	{
	border:1px solid #005ca9;
	padding:15px 20px;	
	margin:0 auto;
	
	}


div.errorbox
	{
	padding:15px;
	color:#e00024;
	border:1px solid #e00024;
	margin-bottom:15px;
	}

div.errorbox h3
	{
	color:#e00024;
	}

/* #################################################################
   PRODSLIDER
   ################################################################# */

.prodslider
	{

	}
	
.prodslider_oben
	{
	width:450px;
	margin:0 auto 15px;	
	}


.prodslider_oben .slides li div.wrap
	{
	position:relative;
	}

.prodslider_desc
	{
	font-size:14px;
	width:500px;
	margin-bottom:15px;
	}

.prodslider_oben .slides img
	{
	width:auto!important;
	max-height:300px;
	margin:0 auto;
	max-width:450px;
	}



.prodslider_unten
	{
	max-width:800px;
	margin:0 auto;	
	}

.prodslider_unten_items_2 {width:240px;}
.prodslider_unten_items_3 {width:360px;}
.prodslider_unten_items_4 {width:480px;}
.prodslider_unten_items_5 {width:600px;}
.prodslider_unten_items_6 {width:720px;}





.prodslider_unten img
	{
	display:block;
	opacity: .7;
    	cursor: pointer;
	}

.prodslider_unten li div, .prodslider_oben li div
	{
	width:100%;
	
	}

.prodslider_unten .slides img
	{
	width:auto!important;
	max-height:70px;
	margin:0 auto;
	}


.prodslider_unten img:hover,.prodslider_unten .flex-active-slide img
	{
	opacity: 1;
	}


/* ####################################################################################################################
   PRESSELIST
   #################################################################################################################### */		

.presselist div.item
	{
    	margin-bottom:20px;
    	padding:15px;
    	clear:both;
    	overflow:hidden;
    	border:1px solid #005ca9;
	}


.presselist div.item .date
	{
	xxcolor:#000;
	font-size:90%;
	
	}
	
.presselist div.item a
	{
	color:#005ca9;
	}
	
.presselist div.item div.item_pic	
	{
	width:20%;
	float:right;
	text-align:center;
	margin-left:5%;
	
	display: inline-block;
	}

.presselist div.item div.item_text	
	{
	display: inline-block;
	float:left;
	
	width:74%;
	}
	


/* #################################################################
   MAINMENU
   ################################################################# */

#mainmenu_wrapper ul
	{
	list-style:none;
	}

#mainmenu_wrapper ul li
	{
	float:left;
	margin:0 32px 0 0;
	position:relative;
	padding: 0 0 29px 0;
	border-bottom:1px solid #fff;
	}


#mainmenu_wrapper ul li:hover
	{
	border-bottom:1px solid #005ca9;
	}

#mainmenu_wrapper ul li.current
	{
	border-bottom:1px solid #005ca9;
	}

#mainmenu_wrapper ul li:last-child
	{
	margin-right:0;
	}

#mainmenu_wrapper a
	{
	color:#005ca9;
	font-size: 16px;
	line-height:18px;
	}


#mainmenu_wrapper ul li.mmid_milcherzeuger > a
	{
	background:url(/images/layout/icon_schloss.png) no-repeat left center;
	padding-left:20px;
	}



#mainmenu_wrapper ul li ul
	{
	position:absolute;
	top:47px;
	left:0px;
	background:#fff;
	
	margin-left:-10px;
	visibility:hidden;
 	opacity:0;

	width:220px;
	
	z-index:9999;
	
	border-top:1px solid #005ca9;
	
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
    	transition: all 0.3s ease-out;	
	
	}


#mainmenu_wrapper ul li:last-child ul
	{
	left:auto;
	right:0px;
	width:auto;
	}

#mainmenu_wrapper ul li ul li
	{
	float:none;
	border-bottom:1px solid #e9f4fa;
	margin:0;
	padding:0;
	}
	
#mainmenu_wrapper ul li ul li:last-child
	{
	border-bottom:0;
	}	



#mainmenu_wrapper ul li ul li a
	{
	display:inline-block;
	font-size:15px;
	padding:10px 15px;
	}


#mainmenu_wrapper ul li ul li:hover
	{
	background:#e9f4fa;
	border-bottom:1px solid #e9f4fa;
	}

#mainmenu_wrapper ul li ul li:hover a
	{
	xxcolor:#fff;
	}

#mainmenu_wrapper ul li:hover ul
	{
	visibility:visible;
  	opacity:1;
	}

/* #################################################################
   BREADCRUMBS
   ################################################################# */

#breadcrumbs
	{
	font-size:12px;
	text-transform:uppercase;
	padding:20px 0 22px;
	background:url(/images/layout/bg_trenner.png) left bottom repeat-x;
	
	}

#breadcrumbs ul li
	{
	float:left;
	}

#breadcrumbs ul li:after
	{ 
	content: '\f0da';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 7px 0px 7px;
	text-decoration:none;
	color:#005ca9;

	}


#breadcrumbs ul li:last-child
	{
	font-weight: bold;
	}

#breadcrumbs ul li:last-child:after
	{
	content: none;
	margin:0;
	}




#breadcrumbs a
	{
	color:#005ca9;
	text-decoration:none;
	}


/* #################################################################
   KACHEL
   ################################################################# */

div.kachel_wrapper
	{
	clear:both;
	}

div.kachel_wrapper:before,
div.kachel_wrapper:after {
    content:"";
    display:table;
}
div.kachel_wrapper:after {
    clear:both;
}


div.kachel
	{
	width: 340px;
	height:240px;
	background-size: contain;
	background-repeat:no-repeat;
	background-position: top center;
	float:left;
	margin: 0 14px 15px 0;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,92,169,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,92,169,1);
	box-shadow: inset 0px 0px 0px 1px rgba(0,92,169,1);	
	position:relative;
	overflow:hidden;
	}

div.kachel.isprod
	{
	background-size: auto;
	background-position: center 20px;
	}

div.kachel:nth-child(3n+0)
	{
	margin-right:0;
	}

a.kachelcontent
	{
	display:table-cell;
	vertical-align: middle;
	width:340px;
	height:78px;
	padding-top:162px;
	text-align:center;
	color:#fff;
	
	text-transform:uppercase;
	font-size:16px;		

	background: -moz-linear-gradient(top, rgba(0,92,169,1) 0%, rgba(0,92,169,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,92,169,1) 0%,rgba(0,92,169,1) 100%);
	background: linear-gradient(to bottom, rgba(0,92,169,1) 0%,rgba(0,92,169,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d93497c9', endColorstr='#d93497c9',GradientType=0 );
	background-position: center bottom;
	background-size:auto 75px;
	background-repeat:repeat-x;
	}
	
div.kachel:hover a.kachelcontent
	{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	
	}


div.kachel div.kachel_reveal
	{
	width: 310px;
	height: 135px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background-color:#005ca9;
	background-color:rgba(0,92,169,0.85);
	color:#fff;
	padding:15px;
	
  
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;	
	
}


div.kachel:hover .kachel_reveal {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}


/* Effect 4: bottom border enlarge */

div.kachel span
	{
	position:relative;
	display:inline-block;
	margin-top:0px;
	max-width:300px;
	}

div.kachel span::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

div.kachel:hover span::after,
div.kachel:focus span::after {
	height: 1px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}



/* #################################################################
   ANSPRECHPARTNER
   ################################################################# */

div.ansprechpartner
	{
	border:1px solid #005ca9;
	display:inline-block;
	width:511px;
	height:280px;
	float:left;
	margin:0 20px 20px 0;
	}
	
div.ansprechpartner:nth-child(2n+0)
	{
	margin-right:0;
	}	

div.ansprechpartner img
	{
	float:left;

	}

div.ansprechpartner_inner
	{
	padding:15px;
	margin-left:200px;
	}



/* #################################################################
   RIGHTCONTAINER
   ################################################################# */

div.rightbox
	{
	width:340px;
	margin-bottom:20px;
	
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,92,169,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,92,169,1);
	box-shadow: inset 0px 0px 0px 2px rgba(0,92,169,1);
	}


div.rightcol img, div.rightcol_after img
	{
	max-width:340px;
	}

div.rightbox h4
	{
	line-height:1em;
	background:#005ca9;
	height:52px;
	padding:20px 20px 0 20px;
	color:#fff;
	font-weight:400;
	}


div.rightbox div.rightbox_inside
	{
	padding:20px;
	font-size:14px;
	
	}

div.rightbox div.rightbox_inside h5
	{
	font-weight:600;
	color: #005ca9;
	margin:15px 0 0 0;
	
	}

div.rightbox div.rightbox_inside h5:first-child
	{
	margin:0;
	}


div.rightbox div.rightkreis
	{
	width:90px;
	height:90px;
	float:right;
	background-color: #fff;
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	
	
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;

	margin: 4px 8px 0 0;

	border:2px solid #fff;
	}


div.rightbox ul li
	{
	line-height:1.1em;
	padding:6px 0;
	display:block;
	margin-bottom:1px!important;
	}

a.dllink
	{
	display:inline-block;
	font-weight:600;
	padding-left:17px;
	position: relative;
	}



a.dllink span
	{
	color:#000;
	font-weight:400;
	display:block;
	font-size:12px;
	}


a.dllink:before 
	{    
	font-family: 'FontAwesome';
	margin:0 5px 0 -18px;
	color: #005ca9;
	font-weight:normal;
	}

	
a.dllink_prospekte:before 
	{
	content: '\f019';
	}
	
a.dllink_pdf:before 
	{
	content: '\f1c1';
	}

a.dllink_word:before 
	{
	content: '\f1c2';
	}
	
a.dllink_excel:before 
	{
	content: '\f1c3';
	} 


a.dllink_downloads:before 
	{
	content: '\f019';
	}

p.rightcol_bildcaption
	{
	font-size:10px;
	line-height:1em;
	margin-top:-15px;
	margin-bottom:20px;
	font-style:italic;
	}

/* #################################################################
   UL
   ################################################################# */

#content ul
	{
	margin:0 0 1em 0;
	list-style-type: none;
	padding-left:20px;
	}
	
#content ul li
	{
	margin-bottom:10px;
	}
	
#content ul li:before 
	{    
	font-family: 'FontAwesome';
	content: '\f0da';
	padding: 0 5px 0 0;
	color:#005ca9;
	}


#content ul.downloads li:before, #content ul.produktdownloads li:before
	{
	content:none;
	}
	


/* #################################################################
   ZERTBOX
   ################################################################# */
div.zertbox
	{
	xxwidth:720px;
	
	overflow: auto;
	margin:20px 0;
	}


div.zertbox_left
	{
	width:100px;
	height:100px;
	background:#005ca9 url(/images/layout/zert_siegel.png) no-repeat center center;
	float:left;
	}

div.zertbox_right
	{
	
	height:80px;
	width:423px;
	background: url(/images/layout/zert_logos.png) no-repeat 385px center;
	float:left;
	padding:13px 153px 5px 17px;
	border-right: 1px solid #005ca9;
	border-top: 1px solid #005ca9;
	border-bottom: 1px solid #005ca9;
	overflow: hidden; 
	
	}

/* #################################################################
   PRODDETAIL
   ################################################################# */

div.proddetail_mainpic
	{
	margin: 25px auto;
	text-align:center;
	}

div.proddetail_mainpic img
	{
	width:auto;
	height:auto;
	max-width:450px;
	max-height:220px;
	}



/* ####################################################################################################################
   KARRIERE/AUSBILDUNG
   #################################################################################################################### */   


table.ausbildung th.name
	{
	text-align:left;
	}


table.ausbildung tbody td
	{
	padding:4px;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	}

table.ausbildung tbody td.name
	{
	font-weight:bold;
	}

table.ausbildung tbody td.werk
	{
	width:80px;
	height:40px;
	}

table.ausbildung tbody td.info
	{
	text-align:center;
	padding-top:5px;
	}


table.ausbildung tbody td.werk.yes
	{
	background:transparent url(/images/layout/ausbildung_haken.png) center center no-repeat;
	}

table.ausbildung_ansprechpartner td
	{
	padding:3px 20px 3px 2px;
	
	}	


/* #################################################################
   LANGUAGE SELECT
   ################################################################# */	

#languagepicker_wrap
	{
	position:absolute;
	top:0;
	right:0;
	padding-left:20px;
	background: #005ca9 url(/images/layout/lang_globe.png) no-repeat 5px 4px;
	
	}

.languagepicker {
	background-color: #005ca9;
	display: inline-block;
	padding: 0;
	height: 23px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0;
	vertical-align: top;
	float: left;
	font-size:12px;
	color: #fff;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 47px;
}

.languagepicker a{
	color: #fff;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 30px 0 20px;
	line-height: 23px;
	xxborder-top: 1px solid #EEE;
	

}



.languagepicker a:hover{
	text-decoration: underline;
}

.languagepicker li:first-child
	{
	background: transparent url(/images/layout/lang_arrow.png) no-repeat right center;
	}

.languagepicker a li
	{
	background: transparent!important;
	}

.languagepicker a:first-child li {
	border: none;
	
}



/* #################################################################
   SEARCHFORM
   ################################################################# */	

#search_div_simple_wrap
	{
	position:absolute;
	bottom:3px;
	right:0px;
	}

#search_div_simple
	{
	margin: 0px;
	display: inline-block;
	position: relative;
	height: 60px;
	float: right;
	padding: 0;
	position: relative;
	
	}


#smallsearch_search_fields
	{
	display:none;
	background:#fff;
	margin-top:-40px;
	}
	
	
	
#search_div_simple input[type="button"] 
	{
	height: 35px;
	width: 35px;
	display: inline-block;
	color:red;
	float: right;
	background: #fff url(/images/layout/icon_search.png) center center no-repeat;
	background-size:contain;
	text-indent: -10000px;
	border: none;
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 1;
	cursor: pointer;
	transition: opacity .4s ease;
	}	

#search_div_simple input[type="button"]:hover, #search_div_simple input[type="button"]:focus
	{
	opacity: 1;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	
	}

/* #################################################################
   NEWSKACHEL
   ################################################################# */	
div.newskachel
	{
	padding:10px;
	max-height:180px;
	overflow:hidden;
	}

div.newskachel > div
	{
	font-size:14px;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
	margin-bottom:8px;
	}


div.newskachel > div > a
	{
	padding-left:10px;
	}
	
	
div.newskachel > a.allnews
	{
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
	}	
	

/* #################################################################
   TABLE.NICE
   ################################################################# */	

table.nice 
	{ 
	border-spacing: 0;
	border-collapse: collapse;
	width:100%;
	margin-bottom:15px;
	}
   
table.nice th
	{
	background:#005ca9;
	color:#fff;
	text-align:left;
	padding:3px 25px;
	}
	
table.nice td.num, table.nice th.num
	{
	text-align:right;
	}	
	
table.nice td
	{
	padding:3px 25px;
	
	}
table.nice tr:nth-child(even) 
	{
	background:#ebf4fb;
	}
	
table.nice tr:last-child
	{
	border-bottom:1px solid #2d97cb;
	}	

/* ####################################################################################################################
   FAKTENBOX
   #################################################################################################################### */

div.faktenbox
	{
	color: #005ca9;
	}

div.faktenbox div.item
	{
	border-bottom:1px solid #005ca9;
	padding:12px 10px 15px 105px;
	font-size:26px;
	font-weight:700;
	background-repeat:no-repeat;
	background-size:70px;
	background-position:10px center;
	
	}

div.faktenbox div.item span
	{
	font-weight:600;
	display:block;
	font-size:16px;
	}


div.faktenbox div.item.umsatz		{ background-image:url(/images/layout/icon_fakten_Umsatz.png); }
div.faktenbox div.item.export		{ background-image:url(/images/layout/icon_fakten_Export.png); }
div.faktenbox div.item.mitarbeiter	{ background-image:url(/images/layout/icon_fakten_Mitarbeiter.png); }
div.faktenbox div.item.milcherzeuger	{ background-image:url(/images/layout/icon_fakten_Milcherzeuger.png); }
div.faktenbox div.item.milchverarbeitung	{ background-image:url(/images/layout/icon_fakten_Milchproduktion.png); }


/* ####################################################################################################################
   WORKFLOW
   #################################################################################################################### */

div.workflow
	{
	width:694px;
	}
	
div.workflow_item
	{
	border:1px solid #005ca9;
	padding:5px 10px 5px 110px;
	position:relative;
	height:120px;
	}	


div.workflow_item_wrap 
	{
	padding-bottom:28px;
	background-image:url(/images/layout/workflow_trenner.png); 
	background-repeat:no-repeat;
	background-position:left bottom;
	}


div.workflow_item_wrap:last-child
	{
	background-image:none;
	}



div.workflow_icon
	{
	background-color:#005ca9;
	position:absolute;
	left:0px;
	top:0px;
	width:99px;
	height:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	
	}


div.workflow_icon.w1
	{
	background-image:url(/images/layout/workflow_1.png);
	}
div.workflow_icon.w2
	{
	background-image:url(/images/layout/workflow_2.png);
	}
div.workflow_icon.w3
	{
	background-image:url(/images/layout/workflow_3.png);
	}
div.workflow_icon.w4
	{
	background-image:url(/images/layout/workflow_4.png);
	}	

	
/* ####################################################################################################################
   LINKS WITH SYMBOLS
   #################################################################################################################### */

a.iconlink, a.iconlink {
	margin: 0 5px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

a.link-pdf, a.iconlink.pdf	
	{ 
	background-image: url(/images/layout/icon_pdf.gif);
	padding: 5px 0 5px 30px;
	background-repeat: no-repeat;
	background-position: left 2px;	
	}
a.edit		{ background-image: url(/images/admin_icons/icon_add.gif); }
a.copy		{ background-image: url(/images/admin_icons/icon_copy.gif); }
a.edit		{ background-image: url(/images/admin_icons/icon_edit.gif); }
a.delete	{ background-image: url(/images/admin_icons/icon_delete.gif); }
a.sortdown	{ background-image: url(/images/admin_icons/icon_sortdown.gif); }
a.sortup	{ background-image: url(/images/admin_icons/icon_sortup.gif); }	

/* ####################################################################################################################
   TABLEISTE
   #################################################################################################################### */

div.tableiste {
	width: 100%;
	display: table;
	margin: 0 0 25px 0;
	padding: 0;
	font: normal 12px arial, sans-serif;
}

#content ul.tableiste {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px solid #52B5ED;
}

ul.tableiste li {
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/nav-tab-li.gif) no-repeat left top;
	margin-right:5px;
}

ul.tableiste li.atablink {
	background: url(/images/layout/nav-tab-current-li.gif) no-repeat left top;
}

#content ul.tableiste li
	{
	margin-bottom:0;
	}

#content ul.tableiste li.tablink:before, #content ul.tableiste li.atablink:before
	{    
	content: '';
	padding: 0 0 0 0;
	}

ul.tableiste a {
	float: left;
	display: block;
	height: 15px;
	margin: 0;
	padding: 4px 9px 3px 9px;
	color: #203E57;
	text-decoration: none;
	background: url(/images/layout/nav-tab-a.gif) no-repeat right top;
}

ul.tableiste a:hover {
	
}

ul.tableiste li.atablink a {
	font-weight: bold;
	color: #FFF;
	background: url(/images/layout/nav-tab-current-a.gif) no-repeat right top;
}

ul.tableiste li.atablink a:hover {
	
}


/* ####################################################################################################################
   PAJINATE
   #################################################################################################################### */

#pagination_infotext
	{
	display:none;
	}
	
.pagination_navigation	
	{
	margin:10px 0;
	}

.pagination_navigation , .alt_page_navigation{
	padding-bottom: 10px;
}

.pagination_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-size: 12px;
	background-color:#005ca9;
}
.active_page{
	background-color:white !important;
	color:black !important;
}	


/* ####################################################################################################################
   MALOGINTABLE
   #################################################################################################################### */
table.malogintable
	{
	border:1px solid #ccc; 
	border-collapse: collapse;
	}

table.malogintable th, table.malogintable td
	{
	border:1px solid #ccc; 
	padding: 2px 10px;
	}

/* ####################################################################################################################
   FORMULARE
   #################################################################################################################### */
   
fieldset {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #999;
}

legend {
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E4E4E4;
}   
   
input,select,textarea
	{
	border: 1px solid #005ca9;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 5px 3px;
	color:#005ca9;
	}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus
	{
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	box-shadow: 0px 0px 15px rgba(0,0,0,.20);
	outline: 0;
	border-color: #333;
	}   
	
	
input[type="checkbox"], input[type="radio"]
	{
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
	vertical-align:middle;
	
	}

input[type="submit"], input[type="button"]
	{
	font-weight:bold;
	background: #005ca9;
	font-size: 14px;
	padding: 7px 8px 7px;	
	color: #fff;
	cursor:pointer;
	
	}	
	
#newsletterform input[type="text"],#newsletterform input[type="email"]
	{
	width:60%;
	
	}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #4085bf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #4085bf;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #4085bf;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #4085bf;
}



.select2-container, .select2-container .select2-selection--single .select2-selection__rendered
	{
	font-family:arial,sans-serif;
	font-size: 12px;
	
	}	
	
	
	

/* #################################################################
   ADMINBODY
   ################################################################# */	




body.adminbody #languagepicker_wrap, 
body.adminbody #search_div_simple_wrap
	{
	display:none;
	}
	
body.adminbody #mainmenu_wrapper	
	{
	position:absolute;
	left:0px;
	right:auto;
	bottom:0;
	}
	
body.adminbody #logo	
	{
	position:absolute;
	right:0;
	left:auto;
	bottom:0;
	}	
	
body.adminbody #nav-main li ul
	{
	background:#eee;
	
	}
	
	
	
	
a.banner-retro-gewinnspiel{
	position: absolute;
	max-width: 250px;
	top:-200px;
	right: -200px;
	
}


a.banner-retro-gewinnspiel {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both ;
  animation-delay: 1s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.banner-retro-gewinnspiel img{
	width: 100%;
	height: auto
}

.margin-banner{
	margin-right: 150px;
	margin-top: 25px;

}

@media only screen and (max-width: 900px) {
	.margin-banner{
		margin-top: 50px;
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1500px) {
	a.banner-retro-gewinnspiel{
		top:-220px;
		right: -50px;
	}
}

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

	a.banner-retro-gewinnspiel{
		z-index: 12313221;
		max-width: 150px;
		top:-140px;
		right: 50px;
	}
}



@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}



.feedback--seperator{
	display: inline-block;
	width: 50px;
}

.werk{
	position: relative;
}
.job-link{
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}



.collapsible .content{
	display: none;
}
.collapsible{
	margin-bottom: 15px;
}
.collapsible.open .content{
	display: block;;
}

.collapsible [data-toggle]{
	cursor: pointer;
	position: relative;
	padding-right: 15px;
	display: inline-block;
}
.collapsible [data-toggle]::after{
	content: "";
	position: absolute;
	border-right: 2px solid #005ca9;
	border-bottom: 2px solid #005ca9;
	transform: rotate(-45deg);
	height: 8px;
	transition: .3s ease transform;
	top: 8px;
	width: 8px;
	right: 0;
	

}
.collapsible.open [data-toggle]::after{
	transform: rotate(45deg);
}

.cke_editable .collapsible .content{
		display: block;
		background-color: #EFEFEF;
}