/* Background Colours

Please define the primary colour for the front office. This will be used as the background colour for buttons, table headers, hyperlinks and dividers
Primary Colour †

† This also includes the following
~ Option 5 - Header Background Colour
 */
 
 #header, #mobile-header, input[type=submit], input[type=button], button, .PSOFOShop a.SA-ButtonFace, .PSOFOShop a.SA-ButtonFace:visited, .PSOFOShop a.SAg-ButtonFace, .PSOFOShop a.SAg-ButtonFace:visited, .PSOFOShop a.DA-ButtonFace, .PSOFOShop a.DA-ButtonFace:visited, .PSOFOShop a.Lst-ButtonFace, .PSOFOShop a.Lst-ButtonFace:visited, .PSOFOShop .JD-BButtonFace, .PSOFOShop .JD-BButtonFace:visited, .PSOFOShop a.chpBack:visited, .PSOFOShop button#sagsubmit, .PSOFOShop button#sagsubmit:visited .bodyAppProc #chpLoginSection input.chpbutton, .bodyAppProc #chpCreateSection input.chpbutton, .bodyAppProc #footer_content input, .sectiontable .footerbutton, .bodyAppProc .chpbutton, .bodyDuo .section fieldset input.chpbutton, .bodyChp #chpSavePif input, .sag-submitbutton input, .bodyChp #footer_content input, .sectiontableConfirm .footerbutton, .bodyChp #divFooterChangePwd .chpbutton, #footer_content input.footerbutton, .bodyDuo #divFooterChangePwd .footerbutton, .leftbutton .footerbutton, .rightbutton .footerbutton{

}


 
/* Background Colour should be either a lighter or Darkershade of the background colour above */

input[type=submit]:hover, input[type=button]:hover, button:hover, .PSOFOShop a.SA-ButtonFace:hover, .PSOFOShop a.SAg-ButtonFace:hover, .PSOFOShop a.DA-ButtonFace:hover, .PSOFOShop a.Lst-ButtonFace:hover, .PSOFOShop .JD-BButtonFace:hover, .PSOFOShop a.chpBack:hover, .PSOFOShop button#sagsubmit:hover, .bodyAppProc #chpLoginSection input.chpbutton:hover, .bodyAppProc #chpCreateSection input.chpbutton:hover, .bodyAppProc #footer_content input:hover, .sectiontable .footerbutton:hover, .bodyAppProc .chpbutton:hover, .bodyDuo .section fieldset input.chpbutton:hover, .bodyChp #chpSavePif input:hover, .bodyChp #footer_content input:hover, .sectiontableConfirm .footerbutton:hover, .bodyChp #divFooterChangePwd .chpbutton:hover, #footer_content input.footerbutton:hover, .bodyDuo #divFooterChangePwd .footerbutton:hover, .leftbutton .footerbutton:hover, .rightbutton .footerbutton:hover 
{
	background-color: #000;
}

/* Body
~ Font
~ Font size (px)
~ Colour
~ Rounded Corners (This includes Buttons, Inputs and Dropdowns)
 */



th#th1, th#th2, th#th3, th#th4 {
  width: 25%;
}

	
body, table, tr, td, th, input, label, select, textarea {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #000;
} 

input, label, select, textarea, input[type=text], input[type=password], input[type=submit], input[type=button], button, .PSOFOShop a.SA-ButtonFace, .PSOFOShop a.SA-ButtonFace:visited, .PSOFOShop a.SAg-ButtonFace, .PSOFOShop a.SAg-ButtonFace:visited, .PSOFOShop a.DA-ButtonFace, .PSOFOShop a.DA-ButtonFace:visited, .PSOFOShop a.Lst-ButtonFace, .PSOFOShop a.Lst-ButtonFace:visited, .PSOFOShop .JD-BButtonFace, .PSOFOShop .JD-BButtonFace:visited, .PSOFOShop a.chpBack:visited, .PSOFOShop button#sagsubmit, .PSOFOShop button#sagsubmit:visited .bodyAppProc #chpLoginSection input.chpbutton, .bodyAppProc #chpCreateSection input.chpbutton, .bodyAppProc #footer_content input, .sectiontable .footerbutton, .bodyAppProc .chpbutton, .bodyDuo .section fieldset input.chpbutton, .bodyChp #chpSavePif input, .sag-submitbutton input, .bodyChp #footer_content input, .sectiontableConfirm .footerbutton, .bodyChp #divFooterChangePwd .chpbutton, #footer_content input.footerbutton, .bodyDuo #divFooterChangePwd .footerbutton, .leftbutton .footerbutton, .rightbutton .footerbutton{
	border-radius: 0px;
}
 
/* Headings (h1,h2,h3)
~ Font
~ Colour
 */
 
 h1, h2, h3, h4, h6, .PSOFOShop #SRCLogLegend, .PSOFOShop .Lst-CriteriaLabel, .PSOFOShop .Lst-CrtLabel, .PSOFOShop #JDText-Title {
 	font-family: 'StoneSansIIITCProMd', Helvetica, Arial, sans-serif;
	color: #333333;
} 

h5 {
  font-family: 'StoneSansIIITCProMd';
  font-weight: bold;
}

h3#JDText-Title {
  font-family: 'FuturaLTProHeavy'!important;
}

/* Forms
Please specify the styling requirements for form elements. Inputs include text inputs, text areas and dropdowns
~ Input Border Colour
~ Input Background Colour
~ Label Weight
~  Button Text Colour (This includes the table header colour)
 */
 
input[type=text],
input[type=password],
select,
textarea {	
	border: 1px solid #eeeeee;
	/* Uncomment this if custom input background color is required
	background: #ffffff; */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select{
		/* Uncomment this if custom input background color is required
		background: url(../img/arrow.png) no-repeat 99% 2px #ffffff; */
	}	
}

.PSOFOShop #JD-TopParams h4 {
  font-family: 'StoneSansIIITCProMd';
  font-weight: bold;
}

label, .PSOFOShop .SA-Label, .PSOFOShop .Search-lab {
	font-weight: normal; 

}

 #header, #mobile-header, .PSOFOShop .Lst-Header th a, input[type=submit], input[type=button], button, .PSOFOShop a.SA-ButtonFace, .PSOFOShop a.SA-ButtonFace:visited, .PSOFOShop a.SAg-ButtonFace, .PSOFOShop a.SAg-ButtonFace:visited, .PSOFOShop a.DA-ButtonFace, .PSOFOShop a.DA-ButtonFace:visited, .PSOFOShop a.Lst-ButtonFace, .PSOFOShop a.Lst-ButtonFace:visited, .PSOFOShop .JD-BButtonFace, .PSOFOShop .JD-BButtonFace:visited, .PSOFOShop a.chpBack:visited, .PSOFOShop button#sagsubmit, .PSOFOShop button#sagsubmit:visited .bodyAppProc #chpLoginSection input.chpbutton, .bodyAppProc #chpCreateSection input.chpbutton, .bodyAppProc #footer_content input, .sectiontable .footerbutton, .bodyAppProc .chpbutton, .bodyDuo .section fieldset input.chpbutton, .bodyChp #chpSavePif input, .sag-submitbutton input, .bodyChp #footer_content input, .sectiontableConfirm .footerbutton, .bodyChp #divFooterChangePwd .chpbutton, #footer_content input.footerbutton, .bodyDuo #divFooterChangePwd .footerbutton, .leftbutton .footerbutton, .rightbutton .footerbutton {
	color: #000000;
}
 
 /* Footer
~ Background Colour 
~ Font Colour
 */

body, .PSOFOShop .Lst-BG2 {
	background-color: #ffffff;	/* Footer BG */
}
 
#footer, #footer a, #footer h2, #footer #copyright {
    color: #000;
}

#footer h2 {
	font-family: 'FuturaLTProHeavy';
}

 #copyright, .main-banner, #footer {display:none;}
 #header nav ul li a, #header nav ul li a:visited {
    color: #000;
    font-size: 14px;
    outline: 0 none;
    text-decoration: none;
}

.PSOFOShop #submitbutton .SA-ButtonFace {
    padding: 3px 12px 4px 10px !important;
    background: #ffffff;
	border:1px solid #eeeeee
}
.PSOFOShop #submitbutton:hover .SA-ButtonFace { background:#eeeeee !important}


input[type="submit"], input[type="button"], button, .PSOFOShop a.SA-ButtonFace, .PSOFOShop a.SA-ButtonFace:visited, .PSOFOShop a.SAg-ButtonFace, .PSOFOShop a.SAg-ButtonFace:visited, .PSOFOShop a.DA-ButtonFace, .PSOFOShop a.DA-ButtonFace:visited, .PSOFOShop a.Lst-ButtonFace, .PSOFOShop a.Lst-ButtonFace:visited, .PSOFOShop .JD-BButtonFace, .PSOFOShop .JD-BButtonFace:visited, .PSOFOShop a.chpBack:visited, .PSOFOShop button#sagsubmit, .PSOFOShop button#sagsubmit:visited .bodyAppProc #chpLoginSection input.chpbutton, .bodyAppProc #chpCreateSection input.chpbutton, .bodyAppProc #footer_content input, .sectiontable .footerbutton, .bodyAppProc .chpbutton, .bodyDuo .section fieldset input.chpbutton, .bodyChp #chpSavePif input, .sag-submitbutton input, .bodyChp #footer_content input, .sectiontableConfirm .footerbutton, .bodyChp #divFooterChangePwd .chpbutton, #footer_content input.footerbutton, .bodyDuo #divFooterChangePwd .footerbutton, .leftbutton .footerbutton, .rightbutton .footerbutton {
    display: block;
    float: left;
    text-decoration: none;
  
    border: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 8px 3px 8px !important;
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    margin: 5px 5px 0 0;
    width: auto;
    background: #ffffff !important;
	border:1px solid #eeeeee
}
.PSOFOShop .Lst-Header th {
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
    margin: 0 0 40px 0 !important;
    padding: 0 0px 10px 0 !important;

}
.Lst-Tabel tr td {
padding: 20px 10px 20px 9px !important;
}
html, body {
	
	    font-family: 'StoneSansIIITCW01-Lt', sans-serif !important;
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 17px !important;
}
	

.PSOFOShop .Lst-Header a, .PSOFOShop .Lst-Header a:hover, .PSOFOShop .Lst-Header a:visited {
    font-family: 'StoneSansIIITCW01-Lt', sans-serif !important;
    font-size: 14px !important;
    color: #000000 !important;
    line-height: 17px !important;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
img {border:0px;}
.clear {clear:both; width:100%;}
a {color:#000000; text-decoration:none;}
a:hover {border-bottom:1px #000000 dotted;}
td {padding: 0 20px 0 0;
    vertical-align: top;}
html, body {font-family:'StoneSansIIITCW01-Lt', sans-serif; font-size:14px; color:#000000;  
line-height: 17px; overflow:hidden;
}
html {overflow-y:auto;}
p { margin: 5px 0 10px;}
textarea,
input[type="text"],
input[type="button"],
input[type="image"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

.trans , .transSlow{opacity:0;}
.slideUP {margin-top:50px !important;}
.underline {border-bottom:1px solid #000000;}
.h1 {font-family:'Futura LT W01 Book',sans-serif;font-size:60px;}
.bigHL {font-family:'Futura LT W01 Book',sans-serif;font-size:60px; line-height:60px;}
.contentpart {width:100%; float:left;  }
.variantenpart {margin:46px 0; }
.introtexttextsite {margin:50px 0 0 0;}
.contentpartInner {width:1000px; margin:auto; position:relative;}
.bglightgrey {background:#c6c7c9;}
.bgdarkgrey {background:#333333; color:#ffffff;}
.bigtext {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 37px;
    font-weight: 500;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
.zurwebsitelink {
    display: block;
    float: left;
    font-family: 'StoneSansIIITCW01-Lt', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 12px 0 0;
    text-transform: none;
    width: auto;
    position: relative;
    border-bottom: 0px solid #eeeeee;
    padding: 0 0 0 0px;
	border-bottom: 1px #000000 dotted;
}
.wwwicon {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin: 3px 5px 0px 0;
    opacity: 0.4;
	-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
}
.zurwebsitelink:hover .wwwicon  {  opacity: 1; }
/* --------------------Header------------------------------- */
#header {padding:20px 0 15px 0; border-bottom:dotted 1px  #cccccc;}
.page-template-page_startseite #header { border-bottom:dotted 0px  #cccccc;}
#header  a:hover  {border-bottom:0px;}
.metaline {
    border-bottom: 1px solid #eeeeee;
    color: #666666;
    position: relative;
    z-index: 99999999;
}
.metaline  a {color:#666666;}
.alleunternehmen {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 0 0 0 0px;
    position: relative;
    width: 143px;
}
.allefirmenBTN {
    background: #efefef none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 3px;
    width: 100%;
}
.arrowdown {
    display: block;
    float: right;
    font-size: 12px;
    margin: 0 10px 0 0;
}


.allefirmenList {  background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 11px 4px 0 rgba(50, 50, 50, 0.1);
    clear: both;
    float: left;
    list-style-type: none;
    margin: 23px 0 0;
    position: absolute;
    width: 104%;
    z-index: 10;
	height:0px;
	min-height:0px;
	overflow:hidden;
-webkit-box-shadow: 0px 11px 4px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 11px 4px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 11px 4px 0px rgba(50, 50, 50, 0.1);
-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
	}
	
.alleunternehmen:hover .allefirmenList { height:auto; min-height:50px;	}
.allefirmenList li {
    border-top: 1px dotted #cccccc;
    clear: both;
    float: left;
    padding: 3px 0;
    width: 100%;
}

.allefirmenList li  a{
padding-left:5px;
-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
}
	.blue a {color:#0059aa; border:0px !important;}
	.red a {color:#ec1b24; border:0px !important;}
	.blue a:hover, .red a:hover { border-bottom:0px !important; padding-left:9px;}
	
.metanavi {float:right;}	
#menu-meta-menu, #menu-meta-menu-englisch  {list-style-type:none; margin:0px; padding:0px;}
#menu-meta-menu li , #menu-meta-menu-englisch li{
    float: left;
    margin: 3px 0 0 0px;
}
#menu-meta-menu li.current-menu-item a, #menu-meta-menu-englisch li.current-menu-item a {border-bottom:1px dotted #000000;}
#menu-meta-menu li:before, #menu-meta-menu-englisch li:before  { content:" | "; margin:0 5px; color:#cccccc;}
#menu {float:right; width:auto;}
#menu-hauptmenu, #menu-hauptmenu-englisch {list-style-type:none; margin:0px; padding:0px;}
#menu-hauptmenu  li, #menu-hauptmenu-englisch  li {
    float: left;
    margin: 0px 0 0 45px;
	font-size:18px;
	text-transform:uppercase;
	font-family:'FuturaSCDem W01 Regular',sans-serif;
	position:relative;
	  height: 70px;
}
#menu-hauptmenu li::before, #menu-hauptmenu-englisch li::before  {
    background: #0062ad none repeat scroll 0 0;
    content: "";
    height: 56px;
    margin: 2px 0 0 -18px;
    position: absolute;
    width: 10px;
}
#menu-hauptmenu  li:first-child:before, #menu-hauptmenu-englisch  li:first-child:before {   background: #000000 none repeat scroll 0 0;	 	}
#menu-hauptmenu  li:last-child:before, #menu-hauptmenu-englisch  li:last-child:before  {   background: #ec1b24 none repeat scroll 0 0;	 }	
#menu-hauptmenu  li:first-child a, #menu-hauptmenu-englisch  li:first-child a {   color: #000000 }
#menu-hauptmenu  li:first-child a:hover, #menu-hauptmenu-englisch  li:first-child a:hover {   color: #333333}
#menu-hauptmenu li.current-menu-parent:first-child a, #menu-hauptmenu-englisch li.current-menu-parent:first-child a {   color: #ffffff }

#menu-hauptmenu .current-menu-parent a, #menu-hauptmenu .current-menu-item a,
#menu-hauptmenu-englisch .current-menu-parent a, #menu-hauptmenu-englisch .current-menu-item a   {
    background: #0062ad none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    margin: 3px 0 0;
    padding: 3px;
}
#menu-hauptmenu .current-menu-parent:first-child a, #menu-hauptmenu-englisch .current-menu-parent:first-child a   {
    background: #000000 none repeat scroll 0 0;
}
#menu-hauptmenu .current-menu-item:first-child a, #menu-hauptmenu-englisch .current-menu-item:first-child a   {  background: #000000 none repeat scroll 0 0;
    color: #ffffff;}
#menu-hauptmenu .current-menu-item .sub-menu a , #menu-hauptmenu-englisch .current-menu-item .sub-menu a  { background:none !important;}
#menu-hauptmenu li:last-child.current-menu-item a, #menu-hauptmenu-englisch li:last-child.current-menu-item a  {  background: #ec1b24  none repeat scroll 0 0; }
#menu-hauptmenu .current-menu-parent  .sub-menu li a,#menu-hauptmenu-englisch .current-menu-parent  .sub-menu li a  { margin: 0 0px 0 0px;
    padding: 0px 0;}

#menu-hauptmenu li:last-child.current-menu-parent a,#menu-hauptmenu-englisch li:last-child.current-menu-parent a {
    background: #ec1b24 none repeat scroll 0 0;
}
#menu-hauptmenu li:last-child.current-menu-parent .sub-menu li.current-menu-item a,
#menu-hauptmenu-englisch li:last-child.current-menu-parent .sub-menu li.current-menu-item a 
 { color:#ec1b24
}
#menu-hauptmenu li , #menu-hauptmenu-englisch li {position:relative;}

#menu-hauptmenu li.current-menu-parent .sub-menu li a, #menu-hauptmenu-englisch li.current-menu-parent .sub-menu li a  { background:none; }
#menu-hauptmenu .current-menu-parent:hover a, #menu-hauptmenu .current-menu-item:hover a,
#menu-hauptmenu-englisch .current-menu-parent:hover a, #menu-hauptmenu-englisch .current-menu-item:hover a
 { color: #ffffff; } 
.sub-menu {
    background: #ffffff none repeat scroll 0 0;

    position: absolute;
    top: 79px;
    z-index: 99999999;

}


#menu-hauptmenu .current-menu-parent .sub-menu a, #menu-hauptmenu-englisch .current-menu-parent .sub-menu a {
   background: none ; color:inherit;
}
#menu-hauptmenu .current-menu-parent .sub-menu li:hover a, #menu-hauptmenu-englisch .current-menu-parent .sub-menu li:hover a {
color:#0062ad;
}
#menu-hauptmenu .current-menu-parent:first-child .sub-menu li:hover a, #menu-hauptmenu-englisch .current-menu-parent:first-child .sub-menu li:hover a {
color:#000000;
}
#menu-hauptmenu li:last-child .sub-menu li:hover a, #menu-hauptmenu-englisch li:last-child .sub-menu li:hover a {
color:#ec1b24 !important;
}
#menu-hauptmenu li:last-child:hover a, #menu-hauptmenu-englisch li:last-child:hover a  {color:#ec1b24 ;}
#menu-hauptmenu li:nth-child(2)  .sub-menu li:hover a, #menu-hauptmenu-englisch li:nth-child(2)  .sub-menu li:hover a {color:#0062ad ;}
#menu-hauptmenu li.current-menu-item:hover a, #menu-hauptmenu-englisch li.current-menu-item:hover a {color:#ffffff  ;}
#menu-hauptmenu li.current-menu-item .sub-menu a, #menu-hauptmenu-englisch li.current-menu-item .sub-menu a  {color:#666666  ;}
#menu-hauptmenu li:nth-child(1) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(1) .sub-menu a {color:#666666 }
#menu-hauptmenu li:nth-child(2) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(2) .sub-menu a {color:#666666 }
#menu-hauptmenu li:nth-child(3) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(3) .sub-menu a {color:#666666 }
#menu-hauptmenu li:nth-child(1) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(1) .sub-menu a  {color:#666666 }
#menu-hauptmenu li:nth-child(2) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(2) .sub-menu a  {color:#666666 }
#menu-hauptmenu li:nth-child(3) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(3) .sub-menu a {color:#666666 }
#menu-hauptmenu li:nth-child(3) .sub-menu a, #menu-hauptmenu-englisch li:nth-child(3) .sub-menu a {color:#666666 !important }

.single-technology #menu-hauptmenu li:last-child:hover a, .single-technology #menu-hauptmenu-englisch li:last-child:hover a {color:#ffffff ;}


#menu-hauptmenu li.sub-menu a:hover , #menu-hauptmenu-englisch li.sub-menu a:hover  {color:#0062ad ;}
#menu-hauptmenu li:last-child:hover .sub-menu a, #menu-hauptmenu-englisch li:last-child:hover .sub-menu a  {color:#000000 ;}
#menu-hauptmenu .current-menu-parent .sub-menu .current-menu-item a, #menu-hauptmenu-englisch .current-menu-parent .sub-menu .current-menu-item a {  color:#0062ad; }
.single-technology #menu-hauptmenu .current-menu-parent .sub-menu .current-menu-item a , .single-technology #menu-hauptmenu-englisch .current-menu-parent .sub-menu .current-menu-item a{  color:#ec1b24 !important; }
#menu-hauptmenu .current-menu-parent:first-child .sub-menu .current-menu-item a, #menu-hauptmenu-englisch .current-menu-parent:first-child .sub-menu .current-menu-item a {  color:#000000; }
#menu-hauptmenu li:nth-child(1) .sub-menu li:hover a, #menu-hauptmenu-englisch li:nth-child(1) .sub-menu li:hover a {  color:#000000; }

#menu-hauptmenu li .sub-menu li:before, #menu-hauptmenu-englisch li .sub-menu li:before {
 display:none;
}
#menu-hauptmenu li:hover .sub-menu , #menu-hauptmenu-englisch li:hover .sub-menu { height:auto; min-height:50px; display:block;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
 }
 
 #menu-hauptmenu li:before:hover .sub-menu ,  #menu-hauptmenu-englisch li:before:hover .sub-menu    {height:auto; min-height:50px; display:none !important;
-webkit-box-shadow: 0px 11px 4px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 11px 4px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 11px 4px 0px rgba(50, 50, 50, 0.1);
  }
 #menu-hauptmenu li a,  #menu-hauptmenu-englisch li a  {display:block;}
.sub-menu {
    background: #ffffff none repeat scroll 0 0;
    height: 0;
    list-style-type: none;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 30px;
	padding-top:10px;
    z-index: 99999999;
	display:none;

}


.page-template-page_startseite #menu-hauptmenu li:hover .sub-menu , .page-template-page_startseite #menu-hauptmenu-englisch li:hover .sub-menu    {top: 69px; height:auto; min-height:50px; display:block;
-webkit-box-shadow: 0px 11px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 11px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 11px 5px 0px rgba(50, 50, 50, 0.35);
}


#menu-hauptmenu li .sub-menu li , #menu-hauptmenu-englisch li .sub-menu li{
    border-bottom: 1px solid #cccccc;
    float: left;
    font-family: "StoneSansIIITCW01-Lt",sans-serif;
    font-size: 16px;
    margin: 0 14px 0 15px;
    padding: 10px 0;
    position: relative;
    text-transform: none;
    width: 270px;
	  height: auto;
}
#menu-hauptmenu li:first-child .sub-menu li , #menu-hauptmenu-englisch li:first-child .sub-menu li{ width: 180px; }
#menu-hauptmenu li:last-child .sub-menu li , #menu-hauptmenu-englisch li:last-child .sub-menu li{ width: 180px; }
#menu-hauptmenu li .sub-menu li:last-child, #menu-hauptmenu-englisch li .sub-menu li:last-child {   border-bottom: 0px solid #cccccc; }
#menu-hauptmenu a:hover, #menu-hauptmenu-englisch a:hover{border:0px; color:#0062ad; }

/* --------------------FOOTER------------------------------- */
.footerlogo {width:100px; height:auto;}
#footer {padding:40px 0 0 0;}
.footerblock {width:33.33%; float:left; font-size:14px;}
.footerblock2 {text-align:center;}
.footerblock3 {text-align:right; float:right; }
.lastline {width:100%; font-size:12px ; color:#999999; border-top:1px solid #cccccc;padding:15px 0 15px 0; margin:15px 0 0 0;}
.lastline  .footerblock {font-size:12px ;  }
.socialbtn {opacity:0.5;
	-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
}
 .socialbtn:hover {opacity:1;}
.lastline a { color:#999999;}
.lastline a:hover { color:#000000;}
.footeranfrage {font-family:'FuturaSCDem W01 Regular',sans-serif;font-size:18px; text-transform:uppercase;  font-style: italic; font-weight:500;}
.footeranfrage:hover {border-bottom:1px solid #000000;}
.footeranfrageblock {float:left; display:block; text-align:center; width:100%; margin:67px  0 0 0;}
.footermenublock { float:right; display:block; text-align:right; width:100%; margin:44px  0 0 0;}

/* --------------------markenstandortpart------------------------------- */
.markenstandortpart {float:left; width:100%; margin:20px 0 20px 0;}

.single-standort .markenstandortpart {
    float: left;
    width: 100%;
    margin: -50px 0 20px 0;
}
.single-standort  .ContenpartTitel {display:none}

.single-standort  .markenstandortItem {
   
    width: 285px;
}
.markenstandortpart .ParttrennerLine {
    margin: -92px 0 0;
}
.markenstandortpart  .bigtext {  
    margin: -6px 0 6px;
}
.markenstandortpart  .ContenpartTitel h2 {
    margin: 0;
}
.markenstandortpart .ContenpartTitel h2 .zurwebsitelink {
    background: #ffffff none repeat scroll 0 0;
    margin: -67px 0 40px;
    padding: 8px 0 12px;
    position: relative;
}
.markenstandortview {width:100%; text-align:center; float:left; margin:25px  0 0 0;}
.markenstandortItem {
    border-right: 1px solid #eeeeee;
    border-top: 0 solid #666666;
    display: inline-block;
    height: auto;
    margin: 0 0 30px;
    min-width: 150px;
    overflow: visible;
    padding: 0 15px;
    position: relative;
    width: 235px; 
}
.markenstandortItem:last-child { border-right: 0px solid #eeeeee;}
.markenstandortItemInfoItem a {border-bottom: 1px #000000 dotted; display:inline-block}
.markenstandortItem h3 {
    color: #0062ad;
    margin: 0 0 4px;
    text-transform: uppercase;
}
.firmentype_Technology .markenstandortItem h3 { color:#ec1b24;}
/* --------------------karte------------------------------- */
.karte {margin:200px 0 0 0;}
.single .karte {
    margin: 100px 0 0 0;
}
.firmenblock {margin:80px 0 0 0;}
.karteformularzeigen {margin:0px 0 0 0;}
.weltkarte {width:100%; height:auto;}
.mapmarker {position:absolute; z-index:10; left:0%; top:0%; width:40px; height:auto;}
.mapmarker:hover { z-index:20; }
.standortliste {position:absolute; z-index:20; background:#ffffff; width:210px; padding: 10px 15px 0 10px;color:#0062ad;
font-family:'FuturaSCDem W01 Regular',sans-serif;font-size:14px; text-transform:uppercase;
left:50%; margin:0 0 0 -105px;   top: 0;
-webkit-box-shadow: 0px 11px 4px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 11px 4px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 11px 4px 0px rgba(50, 50, 50, 0.1);
}
.standortliste h3 {font-weight:200;  font-size: 14px;}
.standortliste:hover {
 padding: 10px 15px 5px 10px;
}
.listbutton {
    float: left;
    margin: 2px 7px 0 0;
    width: 17px;
	cursor:pointer;
}
.listbutton .dreistrich {float:left; height:3px; width:100%; margin:0 0 2px 0; background:#0062ad;}

.standortLandliste {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
	font-family:'StoneSansIIITCW01-Lt', sans-serif; font-size:15px;
	color:#000000;
	text-transform:none;
	height:0px;
	overflow:hidden;
	min-height:0px;
	-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
}
.standortliste:hover .standortLandliste {
height:auto;
min-height:50px;
 }
.standortLandliste li {width:100%; float:left; margin:0px 0 0 0; border-top:1px solid #eeeeee; padding:5px 0 5px 0;
-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;

}
.standortLandliste li:hover {background:#1974b5; color:#ffffff;}
.standortLandliste li:last-child { padding:5px 0 5px 0; margin-bottom:0px;}
.standortLandliste li a {color:#666666; display:block; text-align:center; height:100%; width:100%;
-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
}
 .standortLandliste li:hover a { color:#ffffff;}
 .standortLandliste li a:hover {border:0px; color:#ffffff;}


.ParttrennerLine {
    background: #000000 none repeat scroll 0 0;
    height: 85px;
     margin: -92px 0 0 -4px;
    position: absolute;
    width: 1px;
}
.variantenpart .ParttrennerLine {    margin: -95px 0 0 -1px; }
.noheadline .firsttrenner{  display:none; }
.textblankpart {height:120px;}
.ParttrennerLinebottom {    margin:-107px 0 0 -4px; }
.weiterrow {float:left; width:100%; margin:50px 0 0 0;}
 .ContenpartTitel  {
   float: left;
    margin: -40px 0 40px 4px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 30;
 }


.ContenpartTitel h2 {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0 9px;
    text-transform: uppercase;
}
/* --------------------slider------------------------------- */
.sliderItem {width:100%;}
.sliderBild {width:100%; height:auto;}
.slider {
    height: 450px;
    margin: 0 0 50px;
    overflow: hidden;
	position:relative;
}

.slidertextblock {position:absolute; z-index:20; left:0%; width:100%; text-align:center; color:#ffffff; top:25%;}

.slidertextblock h2 {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 70px;
    font-weight: 500;
    line-height: 70px;
    text-transform: uppercase;
	position:relative;
	  z-index: 5;
}
.slidertextblock h2.slogan3zeilen {
margin: -60px 0 0 0;
}
.bgslogan {
    display: block;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -500px;
    top: -186px;
    z-index: 1;
    height: 490px;
    width: 1000px;
    opacity: 0;
}
.paging {
    left: 5px;
    position: absolute;
    top: 40%;
    z-index: 999;
}
.paging span {color:#ffffff; background:#ffffff; width:15px; height:15px; display:block; overflow:hidden; cursor:pointer; margin:0 0 5px 0;
opacity:0.4;
 -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
}
.paging span:hover, .paging span.cycle-pager-active {opacity:0.9; }

.pfeilegrafikelement {
    height: auto;
    left: 50%;
    margin: -500px 0 0 -211px;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    z-index: 20;
}
#spotlightwrapper {overflow:hidden; height:100%; position:absolute;}
.spotlightSlider {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    right: 40px;
    width: 160px;
    z-index: 999;
}
.spotItem {
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
      margin: 33% 0 0 15%;
    text-align: center;
    width: 70%;
	
}
.spotItem:hover {	opacity:1; }
.spotItem a {  color: #ffffff;  opacity:0.8 ;}
.spotItem a:hover {   opacity:1 ;}
.spotImate {min-width:100%; height:100%;}
.spotImateWrapper {

    border: 4px solid #ffffff;
    height: 170px;
    margin: 0 0 36px -35px;
    overflow: hidden;
    width: 170px;
  -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -khtml-border-radius: 200px;
    border-radius: 200px;
}
.spotmehr {font-style:italic;}


.pagingSpot {
    left: 60px;
    margin: 70px 0 0;
    position: relative;
    top: 0;
    z-index: 999;
}
.pagingSpot span {  background: #ffffff none repeat scroll 0 0;
    border-radius: 200px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: left;
    height: 9px;
 margin: 0 0 0 4px;
    opacity: 0.4;
    overflow: hidden;
    width: 9px;
 -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
}
.pagingSpot span:hover, .pagingSpot span.cycle-pager-active {opacity:0.9; }


/* --------------------2 Spalten------------------------------- */
.doubblebox {
    float: left;
    margin: 0 0 0 0px;
    width: 44%;
}
.doubbleboxrechts {float:right;}

a.crosslink {
    border-bottom: 0 solid;
    clear: both;
    display: block;
    float: left;
    margin: 2px 0 4px 20px;
    padding-bottom: 0;
    text-decoration: none;
    width: auto;
}
.single a.crosslink {
    display: block;
    text-align: center;
    width: 94.7%;
}
a.crosslink:hover { }

.lineHL, .page-template-default .lineBlue, .page-template-page_jobs_uebersicht .lineBlue,.page-template-page_newsuebersicht .lineBlue, .page-template-page_downloads .lineBlue  {
    background: #000000 none repeat scroll 0 0;
    height: 55px;
    margin: 7px 0 0 -19px;
    position: absolute;
    width: 10px;
}
.lineBlue {background:#0062ad;}
.lineRed {background:#ec1b24;}
.single-technology .lineBlue, .page-template-page_produkte_technology .lineBlue {
    background: #ec1b24 none repeat scroll 0 0;
}
.farbwelt_black .lineBlue {background:#000000;}
.page-template-page_textseite .lineRed {background:#000000;}

.linksRed a.crosslink {color:#ec1b24; border-bottom:1px solid #ec1b24; }
.linksBlue a.crosslink {color:#0062ad; border-bottom:1px solid #0059aa; }
.linksRed a.crosslink:hover {border-bottom:1px dotted #ec1b24; }
.linksBlue a.crosslink:hover {border-bottom:1px dotted #0059aa; }
/* --------------------Bild text block------------------------------- */

.teaserpart {margin-top:50px;}
.Teasercontentbildwrapper{width:100%; height:auto; overflow:hidden; position:relative;}
.Teasercontentbild {
margin:0px;
width: 100%;
-webkit-transition: all 900ms;
-moz-transition:all 900ms;
-o-transition:all 900ms;
transition: all 900ms;
}

.pfeilegrafikelementContent {
    bottom: 30px;
    height: auto;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: -170px;
    z-index: 20;
}
.teaserpart2 .pfeilegrafikelementContent { bottom: 220px; }
.ContenpartTitelImage {
    margin: 45px 0 0;
}
.ContenpartTitelImage h2 { margin-bottom:10px;}
.ContenpartTitelImage .text {width:40%; margin:10px auto 0 auto; text-align:center; }
.detaillink {
    border-bottom: 1px solid #000000;
    margin: 0;
    padding: 0;
	font-style:italic;
	}
	.teaserpart2 {
    margin: 67px 0 0 !important;
}
.teaserpart2 .ParttrennerLine {
    margin: -92px 0 0 1px;
}
.teaserpart2 .Teasercontentbildwrapper {
    margin: -19px 0 0;
}
.teaserpart2 .textbox {
    background: #eeeeee none repeat scroll 0 0;
    float: left;
    margin: -150px 0 0 5%;
    position: relative;
    text-align: left;
    width: 40%;
    z-index: 5;
	 padding: 0 0 14px;
	 height:auto;
	 -webkit-transition: all 900ms;
-moz-transition:all 900ms;
-o-transition:all 900ms;
transition: all 900ms;
	 
}
.teaserpart2 .textbox h2 {
    line-height: 21px;
    margin: 15px 0 0 15px;
    text-align: left;
}
.teaserpart2 .textbox  .textboxContent { text-align:left; margin:15px 0 0 15px; padding-bottom:0px;}	
.teaserpart2 .dreiDlogohell {
    position: absolute;
    right: 20px;
    top: 20px;
}
.teaserpart2 .textbox .textboxContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.teaserpart2 .textbox .textboxContent ul li {
    border-bottom: 1px solid #c6d5de;
    padding: 10px 0 10px 22px;
    width: 90%;
}
.teaserpart2 .textbox .textboxContent ul li:last-child { border-bottom: 0px solid #c6d5de; }
.teaserpart2 .textbox .textboxContent ul li::before {
    background: #000000 none repeat scroll 0 0;
    content: " ";
    height: 1px;
    margin: 6px 0 0 -20px;
    position: absolute;
    width: 8px;
}


.jobbox {width:50%; float:right; text-align:left;}
.jobItem {width:49%; float:left; height:135px;   margin: 10px 0 -10px;}
.jobItem:nth-child(even) { float:right;}
.jobItem h2 {
    margin: 0;
    padding: 0;
	color:#0062ad;
	   font-size: 14px
}
.jobItem .detaillink {
    border-bottom: 1px solid #0062ad;
    color: #0062ad;
    float: left;
    margin: 3px 0 0;
}
.jobItem .detaillink:hover { border-bottom: 1px dotted #0062ad; }
.allestellenbtn {
    font-style: italic;
    line-height: 18px;
}
.allestellenbtn .underline {border-bottom:1px solid #0062ad; display:inline-block; margin:0 0 3px 0;}
.allestellenbtn :hover  {border-bottom:1px dotted #0062ad;}
/* --------------------Firmen Ãœbersicht------------------------------- */	
.firmenwrapper {width:1000px; overflow:hidden;  padding:20px 0; }
.firmenwrapperInner {width:103.5%;}
.firmenItem a {color:#ffffff;}
.firmenItem {float:left;  height:180px;
position:relative;
 width: 24.16%;
border-right:1px solid #666666;
border-top:1px solid #666666;
overflow:hidden;
}
.firmenItem:nth-child(1),.firmenItem:nth-child(2),.firmenItem:nth-child(3),.firmenItem:nth-child(4) {
border-top:0px solid #666666;
}



.page-template-page_produkte_energy .firmenblock .Technology, .single-energy  .firmenblock .Technology, .firmentype_Energy .firmenblock .Technology { opacity: 0.3 !important;}
.page-template-page_produkte_technology .firmenblock .firmenItemEnergy, .single-technology .firmenblock .firmenItemEnergy, .firmentype_Technology .firmenblock .firmenItemEnergy  { opacity: 0.3 !important;}
.firmenItemInner {
       margin: 20px 0 0 40px;
    width: 76%;
}
.firmenItem .firmenHL {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.firemntext {}
.firmenItem .lineHL {
    background: #0062ad none repeat scroll 0 0;
    height: 34px;
    margin: 2px 0 0 -21px;
    position: absolute;
    width: 10px;
}
.Technology .lineHL { background: #ec1b24 none repeat scroll 0 0 !important; }
	
.firmenItemTechnology .lineHL { background:#ec1b24;}
.firmenItem .detaillink {border-bottom:1px solid #ffffff; display:inline-block; margin:10px 0 0 0 ;}

.hoverbox {position:absolute; width:100%; height:100%; background:#ffffff; left:0px; top:0px; z-index:99; text-align:center; opacity:0;
-webkit-transition: all 400ms;
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition: all 400ms;

}
.firmenlogoHover {
    height: auto;
    margin:7% auto 0;
    width: 60%;
}
.hoverbox:hover {opacity:1}
.firmenanzahl {
    display: block;
    float: left;
    font-family: "Futura LT W01 Book",sans-serif;
    font-size: 37px;
    font-weight: 700;
    letter-spacing: -6px;
    line-height: 40px;
    margin: -4px 12px 0 0;
    text-transform: uppercase;
}
.firmenwrapperHeader h2{   font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px;
    text-transform: uppercase;
	 position: relative;
    text-transform: uppercase;
    z-index: 10;
	}
.lineHoriz {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    height: 1px;
    margin: 4px 5px 0 0;
    width: 50px;
}
.firmenwrapperHeader {
    margin: 0 0 30px;
    padding: 60px 0 20px;
}
.dreiDLogo {
    position: absolute;
    right: 10px;
    top: 0;
}






/* --------------------Scroll Navi------------------------------- */

.scroll  {padding-top:90px;}

.metalinescroll {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    height: 26px;
    left: 0;
    position: fixed;
    top: -50px;
    width: 100%;
	 text-align: center;
	 cursor:pointer

}
.knillicon {margin:0 auto;}
.scroll .metalinescroll {
top:0px;
	-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms; 
}

.navopen .metalinescroll { z-index:0}

.scroll .header { position: fixed; 
 top: -150px;
 -webkit-transition: all 50ms;
-moz-transition:all 50ms;
-o-transition:all 50ms;
transition: all 50ms; 
}
.navopen body {padding-top:150px;
	 -webkit-transition: padding 350ms;
-moz-transition:padding 350ms;
-o-transition:padding 350ms;
transition: padding 350ms; 
}
.scroll {}
.navopen .header {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 20px;
    z-index: 999999;	
	-webkit-box-shadow: 0px 11px 4px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 11px 4px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 11px 4px 0px rgba(50, 50, 50, 0.1);
}
.navopen .metaline {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
	 -webkit-transition: all 50ms;
-moz-transition:all 50ms;
-o-transition:all 50ms;
transition: all 50ms; 
	}

.breadcrumbs:before {content:"/"; }
.breadcrumbs {
    font-size: 11px;
    margin: -19px 0 0 160px;
    position: absolute;
}
.breadcrumbs span a:after {content:" - "; }
.page-template-page_startseite .breadcrumbs {
display:none;
}
.breadcrumbs  span:last-child span {font-weight:400; color:#0062ad;}
.single-technology .breadcrumbs  span:last-child span {font-weight:400; color:#ec1b24;}
.page-template-default  span:last-child span ,
.page-template-page_newsuebersicht span:last-child span,
.single-aktuelles_termine span:last-child span,
.page-template-page_referenzenuebersicht span:last-child span,
.single-referenzen span:last-child span,
.page-template-page_downloads span:last-child span,
.single-jobs span:last-child span,
.page-template-page_presseuebersicht span:last-child span,
.page-template-page_sitemap span:last-child span,
.page-template-page_textseite span:last-child span,
.single-standort span:last-child span,
.page-template-page_jobs_uebersicht span:last-child span
 {font-weight:400; color:#000000;}
.page-template-page_produkte_technology .breadcrumbs  span:last-child span {font-weight:400; color:#ec1b24;}
.dreistrichBTN {
    margin: 8px 0 0;
    position: absolute;
    right: 0;
	 -webkit-transition: all 150ms;
-moz-transition:all 150ms;
-o-transition:all 150ms;
transition: all 150ms; 
}



.metalinescroll:hover .dreistrichLine {margin:0 0 4px 0}
.metalinescroll:hover .dreistrichBTN  { margin: 6px 0 0;}
	
.dreistrichLine {width:15px; height:2px; display:block; margin:0 0 2px 0; background:#000000;
 -webkit-transition: all 150ms;
-moz-transition:all 150ms;
-o-transition:all 150ms;
transition: all 150ms; 
}

	
/* --------------------Single Content------------------------------- */	
.mainsinglecontent .doubblebox {
    float: left;
    width: 44%;
	 -webkit-transition: all 250ms;
-moz-transition:all 250ms;
-o-transition:all 250ms;
transition: all 250ms; 
}
.dontshow {display:none !important}
.page-template-page_textseite  .doubbleboxrechts {
    margin: 0 0 0 5.5%;
}
.fotogridRow {
    float: left;
    margin: 10px 0 0;
}
.fotogridRow .mainBildWrapper img {

    margin-top: 20px;
}
.mainsinglecontent {
    float: left;
    margin: 50px 0 0;
    width: 100%;
}
.mainsinglecontent .einleitungstext {
    margin: 0 0 0 19px;
    width: 90%;
}
.page-template-page_textseite .einleitungstext {
    margin: 0 0 0 19px;
    width: 100%;
}
.noheadline .einleitungstext {display:none}
.formularsite  .einleitungstext{width:100%;}
 .formularzeigen .text{width:40% !important; max-width:40% ; float:left;}
.contactformblock {float:left;}
.text {line-height:22px;}
.doubblebox .text {
    margin: 20px 0 0 20px;
    width: 95%;
}

.contactformblock {
    border-left: 1px solid #000000;
    float: right;
    margin: 15px 0 0 0;
    padding: 0 0 0 9.8%;
    width: 42%;
}
.text ul {padding: 5px 0 5px 13px;}
.text h1, .text h2, .text h3, .text h4 {
    float: left;
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-weight: 500;
    line-height: 25px;
    margin: 0 0 6px;
    text-transform: uppercase;
    width: 100%;
}
.text .bigtext {line-height:37px;}
.mainBildWrapper {width:100%; position:relative; height:auto; margin:20px 50px 0 0;}
.mainbild {position:absolute; right:0px; width:100%; height:auto;}

.variantenpartBildright .mainbild { left:0px;}





.logobildOn .doubbleboxlinks  {width:15%;}
.hauptbildOn .doubbleboxlinks  {
	 float: left;
    transition: all 250ms ease 0s;
    width: 50%;
	}
.variantenpartBildright .doubbleboxlinks {
    float: right !important;
}
.variantenpartBildright .doubbleboxlinks .mainbild {
    float: left !important;

}
	
.hauptbildOn .doubbleboxlinks .mainbild { position:relative;    float: right; }
.doppeltextbox .doubbleboxrechts {min-height:1px !important;}
.logobildOn .doubbleboxrechts  {float:right; width:78%;}
.hauptbildOn .doubbleboxrechts {
    float: right;
    width: 48%;
}
.logobildOn .logobild {width:100%; height:auto;}
.hauptbildOn .logobild {display:none;}
.logobildOn  .mainBildWrapper
.mainTextWrapper {
    height: auto;
    margin: 20px 0 0 10px;
    position: relative;
    width: 90%;
}
.mainTextWrapper h1, .mainTextWrapper h2, .mainTextWrapper h3, .mainTextWrapper h4, .mainTextWrapper h5, .mainTextWrapper h6,
.mainTextWrapper h1 strong, .mainTextWrapper h2 strong, .mainTextWrapper h3 strong, .mainTextWrapper h4 strong, .mainTextWrapper h5 strong, .mainTextWrapper h6 strong,
.personItem h2
 {
    color: #0062ad;
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin: 10px 0 10px;
    text-transform: uppercase;
}

.firmentype_Technology .mainTextWrapper h1 strong, .firmentype_Technology .mainTextWrapper h2 strong, .firmentype_Technology .mainTextWrapper h3 strong, .firmentype_Technology .mainTextWrapper h4 strong, .firmentype_Technology .mainTextWrapper h5 strong, .firmentype_Technology .mainTextWrapper h6 strong,
.firmentype_Technology .mainTextWrapper h1 , .firmentype_Technology .mainTextWrapper h2 , .firmentype_Technology .mainTextWrapper h3 , .firmentype_Technology .mainTextWrapper h4 , .firmentype_Technology .mainTextWrapper h5 , .firmentype_Technology .mainTextWrapper h6 , 
.single-technology .mainTextWrapper h1, .single-technology .mainTextWrapper h2, .single-technology .mainTextWrapper h3, .single-technology .mainTextWrapper h4, .single-technology .mainTextWrapper h5, .single-technology .mainTextWrapper h6
 {
    color: #ec1b24;
}



.farbwelt_black .mainTextWrapper h1,.farbwelt_black .mainTextWrapper h2,.farbwelt_black .mainTextWrapper h3,.farbwelt_black .mainTextWrapper h4,.farbwelt_black .mainTextWrapper h5,.farbwelt_black .mainTextWrapper h6,
.farbwelt_black .mainTextWrapper h1 strong, .farbwelt_black .mainTextWrapper h2 strong, .farbwelt_black .mainTextWrapper h3 strong, .farbwelt_black .mainTextWrapper h4 strong,.farbwelt_black .mainTextWrapper h5 strong,.farbwelt_black .mainTextWrapper h6 strong
.farbwelt_black .single-technology .mainTextWrapper h1, .farbwelt_black .single-technology .mainTextWrapper h2,.farbwelt_black .single-technology .mainTextWrapper h3,.farbwelt_black .single-technology .mainTextWrapper h4,.farbwelt_black .single-technology .mainTextWrapper h5,.farbwelt_black .single-technology .mainTextWrapper h6 {
  color: #000000;
}
.single-referenzen .mainTextWrapper h1, .single-referenzen .mainTextWrapper h2, .single-referenzen .mainTextWrapper h3, .single-referenzen .mainTextWrapper h4, .single-referenzen .mainTextWrapper h5,  .single-referenzen .mainTextWrapper h6 {
    color: #000000; 
}

.mainTextWrapper ul {margin:0px; padding:0px; list-style-type:none;}

.mainTextWrapper ul li {
    padding: 0 0 5px 15px;
}
.mainTextWrapper ul li:before { content:"-"; position:absolute; margin: 0 0 0 -15px; }

.doubbleboxlinks .bild1 {
    float: right;
    margin: 20px 0px 10px 0;
}
.doubbleboxlinks .bild3{
    float: right;
    margin: 30px  0px 10px 0;
}

.doubbleboxrechts  .bild2 {float:left;   margin: 20px 0px 10px 10px;}
.doubbleboxrechts  .bild4 {float:left; margin: 30px  0px 10px 10px;}
.smalltext { font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0px;
    text-transform: uppercase;}
	.BildText {padding:10px 0 10px  0;     float: right; width: 49% !important;}
.bildtextBalken {
    background: #0062ad none repeat scroll 0 0;
    height: 94px;
    margin: 2px 0 0 -19px;
    position: absolute;
    width: 10px;
}
.single-technology .bildtextBalken { background: #ec1b24 none repeat scroll 0 0; }


.crosslinksRow .ContenpartTitelImage {
    margin: 113px 0 0;
}
.crosslinksRow {
    margin: 0 0 0px;
    text-align: center;
}
.crosslinksRow a.crosslink {
    border-bottom: 1px solid #0062ad;
    clear: both;
    display: inline-block;
    float: none;
    margin: 3px 0px 0;
    padding-bottom: 2px;
    width: auto;
	color:#0062ad;
	text-decoration:none;
}

.crosslinksRow a.crosslink:hover { border-bottom: 1px dotted #0062ad; }


.single-technology .crosslinksRow a.crosslink, .firmentype_Technology  .crosslinksRow a.crosslink {
    border-bottom: 1px solid #ec1b24; color:#ec1b24;
}
.single-technology 	.crosslinksRow a.crosslink:hover ,.firmentype_Technology .crosslinksRow a.crosslink:hover{ border-bottom: 1px dotted #ec1b24; }

/* --------------------produktÃœbersicht------------------------------- */
.firmenuebersichtrow {margin:50px 0 0 0;}
.produktItem {position:relative; width: 32.28%; height:300px; height:auto; float:left; margin:0 1.5% 40px 0; text-align:center;}
.produktItem:nth-child(3n) {
margin:0 0% 0 0;}
.produktItem .produktItembild {width:auto; height:100%; margin:0 0 0 -15%;}
.produktItembildWrapper {width:100%; height:300px; overflow:hidden; position:relative;}
.produktHL {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 0 0px;
    text-transform: uppercase;
}

.pfeilegrafikelementContent_kl {
    left: 50%;
    margin: 0 0 0 -18%;
    position: absolute;
    top: 20%;
    width: 36%;
    z-index: 2;

	 -webkit-transition: all 450ms;
-moz-transition:all 450ms;
-o-transition:all 450ms;
transition: all 450ms
}
.pfeilegrafikelementContent_klOnblue {
    left: 50%;
   margin: 0 0 0 -18%;
    position: absolute;
    top: 27%;
    width: 36%;
    z-index: 3;
	opacity:0;
		 -webkit-transition: all 450ms;
-moz-transition:all 450ms;
-o-transition:all 450ms;
transition: all 450ms
}
.produktItem:hover .pfeilegrafikelementContent_kl { top: 30%; }
.produktItem:hover .pfeilegrafikelementContent_klOnblue { 
	opacity:1;
 top: 30%;
}

/* --------------------sitemap------------------------------- */

.page-template-page_sitemap .lineBlue {
    background: #000000 none repeat scroll 0 0;
}
.page-template-page_sitemap .lineBlueIndex {
    background: #0062ad none repeat scroll 0 0;
}
.sitemapnavi .menu {
    list-style-type: none;
    margin: 0 0 0 22px;
    padding: 0;
	width:100%;
}

.sitemapnavi .menu .sub-menu {
    display: block;
    height: auto;
    position: relative;
    top: inherit;
}
.sitemapnavi .menu li {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 0 ;
	padding:0px 0px 10px 0;
    text-transform: uppercase;
	border-bottom:1px solid #cccccc;
	width:90%;
}	
.sitemapnavi .sub-menu:hover { 
	-webkit-box-shadow: 0px 11px 4px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 11px 4px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 11px 4px 0px rgba(50, 50, 50, 0);

 }
.sitemapnavi .menu .sub-menu li::before {
    content: "-";
    margin: 0 0 0 -15px;
    position: absolute;
}
.sitemapnavi .menu .sub-menu li {
    padding: 0 0 5px 15px;
	    color: #000000;
    font-family: "StoneSansIIITCW01-Lt",sans-serif;
    font-size: 14px;
    line-height: 17px;
	border-bottom:0px solid #cccccc;
}
/* --------------------formular------------------------------- */
.contactformblock textarea, .contactformblock input[type="text"], .contactformblock input[type="button"], .contactformblock input[type="image"], .contactformblock input[type="submit"],
.contactformblock input
 {
    border: 1px solid #000000;
    padding: 4px 0;
    width: 94%;
	-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;

}
.contactformblock  textarea  { height:80px;}
.contactformblock input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   
    float: right;
    padding: 10px;
    text-align: center;
    width: 100px;
	cursor:pointer;
	margin:0 5% 0 0;
}
.contactformblock input[type="submit"]:hover {background:#000000; color:#ffffff; }
.contactformblock div.wpcf7-validation-errors {
    border: 0px solid #f7e700;
	margin:-20px 0 0 0;  color: #ec1b24 !important;
}
.contactformblock span.wpcf7-not-valid-tip {
    color: #ec1b24 !important;
}
/* --------------------news------------------------------- */
.newsrowItem {width:100%; float:left; margin:40px 0px;}
.newsbildWrapper {width:100%; overflow:hidden; position:relative;}
.newsitembild {width:100%; float:right;}
.itemtextbox {float:left; width:80%; margin:0 0 0 5%;}
.newsrowItem:nth-child(even) .itemtextbox {float:right;  margin:0 5% 0 0;}
.newsrowItem:nth-child(even) .doubbleboxlinks  { float:right;}
.newsrowItem:nth-child(even) .doubbleboxrechts   { float:right;}
.newsrowItem .produktHL {line-height:20px; margin:0 0 10px 0;}
.datum {display:block; margin:0 0 5px 0; font-style:italic;}

.mainsinglecontent .newsrowItem .doubblebox {
    width: 47%;
}

/* --------------------management------------------------------- */
.executiveboard  {margin-top:50px;}
.executiveboard .contentpartInner {
    width: 95%;
	max-width:1920px;
}
.mainsinglecontent .executiveboard  .einleitungstext {
    margin: 0 0 0 0px;
    width: 90%;
}
.executiveboard .lineHL, .page-template-default .executiveboard .lineBlue {
    margin: 0px 0 0 -19px;
	
	}
	
	.executiveboard .lineBlue {background:#0062ad;}
	.executiveboard .BoardHL {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
	font-weight: 100;
	text-transform:uppercase;
	}
.boardleft {width:48%; float:left;}
.boardright {width:48%; float:right;}
.personItem {float:left; width:49%; margin:15px 0 30px 0}
.personItem:nth-child(odd) { float:right}
.personbild {width:100%; height:auto;}

.boardright .personItem h2 {color:#ec1b24;}

/* --------------------jobs------------------------------- */
.page-template-page_jobs_uebersicht .mainTextWrapper h1,
.page-template-page_jobs_uebersicht .mainTextWrapper h2 ,
.page-template-page_jobs_uebersicht .mainTextWrapper h3,
.page-template-page_jobs_uebersicht.mainTextWrapper h4,
.page-template-page_jobs_uebersicht .mainTextWrapper h5,
.page-template-page_jobs_uebersicht .mainTextWrapper h6 {
    color: #000000;
}

.jobitemblock {
border:0px;
height:200px;
}
.jobitemblock a:hover {border:0px; }
.jobitemblock .detaillink  {border-bottom:1px solid #000000; }
.jobitemblock .detaillink:hover {border-bottom:1px dotted #000000; }
.jobsrowwrapper  .lineHoriz {
    background: #000000 none repeat scroll 0 0;
}
.jobsrowwrapper  .firmenItem .lineHL {
    background: #000000 none repeat scroll 0 0;
}
.jobsrowwrapper  .firmenItem a {
    color: #000000;
}
.jobsrowwrapper .firmenwrapperHeader {
    margin: 0 0 30px;
    padding: 80px 0 0 20px;
}

/* --------------------downloads------------------------------- */

.downloadrow {
    float: left;
    margin: 0 0 1px 18px;
    position: relative;
    width: 100%;
	  background: #ffffff none repeat scroll 0 0;
	  overflow:hidden;
	  height:60px;
	  min-height:60px;
	  cursor:pointer;
	  	-webkit-transition: all 250ms;
-moz-transition:all 250ms;
-o-transition:all 250ms
}
.setTitel {display:block; width:100%; float:left; padding: 30px 0 0 72px; ; margin:0px 0 10px 0;
  font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.downloadItem {
    border: 0px solid #ffffff;
	border-bottom:0px dotted #000000;
    float: left;
    height: auto;
    margin: 0 0 0px -1px;
   padding: 10px 0 10px 72px ;
    text-align: left;
    width: 100%;
	background:#ffffff;
}
.downloadItem:last-child { padding: 10px 0 15px 72px ; }
.downloadrowOn .downloadItem {  opacity:1; }

.downloadrowOn {height:auto;  min-height:150px; 
background:#ffffff;
padding-bottom:0px;
}

.downloadrowOn:hover, .downloadrowOn:hover .downloadItem {
background:#eeeeee;

}

.downloadrowOn .downloadItem {
		  	-webkit-transition: all 250ms;
-moz-transition:all 250ms;
-o-transition:all 250ms

}


.downloadItem:before {
  background: #000000 none repeat scroll 0 0;
    content: "";
    height: 1px;
    margin: 7px 0 0 -76px;
    position: absolute;
    width: 0px;
		-webkit-transition: all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
transition: all 200ms;
}
.downloadItem:hover:before{
    width: 50px;
}

.downloadItem:hover a {color:#000000; border:0px; }

.downloadrow .lineHoriz {
    background: #000000 none repeat scroll 0 0;
    margin: 37px 0 0 13px;
    position: absolute;
}
.dreiDlogohelldownload {
 
bottom: 80px;
    position: absolute;
    right: -400px;
-webkit-transition: all 400ms;
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition: all 400ms;
}
.downloadrowOn .dreiDlogohelldownload {
bottom: 10px;   right: 10px;
}


.downloadrowOn .dreiDlogohelldownload {opacity:0; bottom: 80px;}

.downloadrowOn:hover .dreiDlogohelldownload {opacity:1;
bottom: 10px;
-webkit-transition: all 800ms;
-moz-transition:all 20800ms0ms;
-o-transition:all 800ms;
transition: all 800ms;

}
.linkicon {
    width: 15px;
    height: auto;
    display: block;
    float: left;
    margin: -2px 12px 0 0;
}
/* --------------------unternehmen------------------------------- */

.firmentype_Energy  .lineBlue {
    background: #0062ad none repeat scroll 0 0;
}
.firmentype_Technology .lineBlue {
    background: #ec1b24 none repeat scroll 0 0;
}
.firmentype_Technology .text h1, .firmentype_Technology .text h2, .firmentype_Technology .text h3, .firmentype_Technology .text h4, .firmentype_Technology .text h5, .firmentype_Technology .text h6 {
    color: #ec1b24 !important;
	}
.firmentype_Technology  .breadcrumbs span:last-child span {
    color: #ec1b24;
}	
.single-alle_unternehmen .mainbild {
    height: auto;
    left: 0 !important;
    position: relative;
    width: auto !important;
}
.firemntext {
    height: 76px;
}

.zurwebsitelinkbox {
    float: left;
    margin: 5px 0 0;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0 9px;
    text-transform: uppercase;
}


.zurwebsitelinkbox:before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 20px;
    margin: 0 auto 10px;
    width: 1px;
}

 .logolink:hover {border-bottom:0px solid #000000!important;}
 
 
.back {
    font-style: italic;
    margin: -32px 0 0;
    position: absolute;
    text-transform: uppercase;
	display:none;
}


.single-aktuelles_termine .backnews {display:block; }
.single-referenzen  .backreferenzen {display:block; }
.presseblock .newsrowItem {width:50%;}
.presseblock .doubbleboxlinks {display:none;}
.mainsinglecontent .presseblock .doubblebox {
    height: 160px;
    width: 100%;
}
.presseblock .newsrowItem:nth-child(2n) .itemtextbox {
    float: right;
    margin: 0 0 0 0;
}
.presseblock  .itemtextbox {
    float: left;
    margin: 0 0 0 0;
    width: 90%;
}
.presseblock  .newsrowItem:nth-child(2n) .doubbleboxrechts {
    float: right;
}



/* ------------------------------------------------------------------------------------Grundsatz------------------------------- */
.page-template-page_grundsaetze .breadcrumbs span:last-child span {
    color: #000000;
}

.page-template-page_grundsaetze .lineBlue {
    background: #000000;
}

.grundsatzItem {width:100%; float:left; position:relative; margin:50px 0px 75px 0px;}
.grundsatzItem h2 .grundsatzTitelsub,
.grundsatzItem .grundsatzText h1, .grundsatzItem .grundsatzText h2, .grundsatzItem .grundsatzText h3, .grundsatzItem .grundsatzText h4, .grundsatzItem .grundsatzText h5
 {
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin: 0px 0 15px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    float: left;
}

.grundsatzBild {float:left; width:48%;}
.grundsatzBild img{width:100%;}
.grundsatzText {float:right; width:48%;}
.grundsatzText  ul {
   margin: 10px 0px;
    padding: 0px;
    list-style-type: none;
}
.grundsatzText ul li {
    padding: 0 0 5px 15px;
}
.grundsatzText ul li::before {
    content: "-";
    position: absolute;
    margin: 0 0 0 -15px;
}
.trennline {width:1px; height:50px; position:absolute; left:50%; top:-75px; background:#000000;}
.grundsatzItem:first-child  .trennline {display:none;}

.grundsatzankerblock {position:relative; float:left; width:510px; margin: 6px 0 0 5px;
-webkit-transition: all 150ms;
-moz-transition:all 150ms;
-o-transition:all 150ms;
transition: all 150ms;
}

.grundsatzankerLink {
	cursor:pointer;
    float: left;
    width: 45%;
    height: 22px;
    overflow: hidden;
}


.grundsatzankerLink:hover {color:#999999;}




.grundsatzankerLink::before {
    content: "-";
    display: inline-block;
    margin: 0px 5px 0px 0;
}

.scroll .grundsatzankerblock {
    position: fixed;
    float: left;
    width: 200px;
    margin: 6px 0 0 -249px;
    top: 20px;
    z-index: 999999;
    background: #ffffff;
    padding: 10px 0 10px 10px;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.1);
}
.scroll .grundsatzankerLink {
	cursor:pointer;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
	display:inline
}

.bigImage .contentpartInner {width:90%;}
.bigImageFull {max-width:1920px; display:block; margin:0 auto; width:90%;}
.page-template-default .karte {
    margin: 20px 0 0 0;
}
.Lst-Tabel td a {
    color: #0062ad;
    font-family: "FuturaSCDem W01 Regular",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px !important;
    margin: 0;
    text-transform: none;
    display: inline-block;
}
.container .column, .container .columns {
    float: left !important;
    display: inline !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.container .sixteen.columns {
    width: 100%  !important;
}
.container .column, .container .columns {
    padding: 0 0px !important;
}
.CountLabel, .Lst-CriteriaLabel, .Lst-CountLabel {
    display: none !important;
}
.Lst-BG1 {
    background: #f1f1f1;
}
#header nav {
    position: absolute;
    left: 0 !important;
    width: 100% !important;
    text-align: left !important;
}
#header nav ul{ float:left !important;}
#header nav ul li {
    display: block !important;
    margin: 0 30px 0px 0 !important;
    float: left !important;
}
#header nav ul li:last-child {display:none !important }
input[type="text"], input[type="password"], select, textarea {
    background: #ffffff !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #cccccc;
    border-radius: 0px;
    box-shadow: 0 0 0px #FFFFFF inset, 0 1px 0px rgba(0, 0, 0, 0.0);
    color: #444444;
    font-size: 16px;
    margin: 0 0 4px 0;
    outline: medium none;
    padding: 3px;
    width: 30%;
    min-width: 30%;
    max-width: 100%;
    font-family: 'StoneSansIIITCProMd', Helvetica, Arial, sans-serif;
}
#SAgLogSet {
    margin: 30px 0 20px 0 !important;
}
fieldset#SAgLogSet div {
    margin: 15px 0 0 0;
    float: left;
    width: 100%;
}
PSOFOShop .Lst-CriteriaLabel, .PSOFOShop .Lst-CrtLabel {
    font-weight: normal;
    padding: 0;
    margin: 0 0 30px 0;

}
.bodyAppProc, .bodyDuo, .bodyChp, .sectiontableConfirm, body {background:none !important}