body {font-family: 'Ubuntu', sans-serif !important; font-weight:300; margin-top:10px; margin-bottom:0; padding-bottom:0;  }
/* orange: #fb831f;
 * family=Ubuntu:400,300,500
 */
#mainContent a { color:#fb831f; font-weight:500; }
body.noFormOverlay aside#directContact { display:none !important; }


h1 { font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:30px; line-height:35px; margin-bottom:5px; }

h2 { font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:20px; line-height:32px; margin-bottom:30px; color:#333; margin-top:0;}
h3, aside#directContact h5 { font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:15px; line-height:15px; margin-bottom:10px; color: #fb831f; }
h4 { line-height:32px; margin-top:0; font-weight:500; }

p, ul li { color:#000; font-size:15px; line-height:25px; }
p.caption- { font-style:italic; }
div.clearBoth , hr { clear:both; display:block; width:100%; height:20px; border:none; }


section#mainContent ul { list-style-type: none; padding-left:15px;}
section#mainContent ul li { list-style-image:url("../images/square_orange.png"); }

section#mainContent .col-image figure.image { margin-bottom:50px; }

.img-responsive, .img-thumbnail {    max-width: 100%;    width: 100%; }
aside.bartels-eu-link {    position: relative;    display: block;    color: #000 !important;    z-index: 99999999999999999999;    margin: -10px 0 15px 15px; }
aside.bartels-eu-link a { color:#000; }

/*slider */
section#slider { margin:0 auto; width:100%; text-align:center; max-width:1290px; position:relative; }
.flexslider { margin:0 0 20px; background:#fff; border:none;position:relative;
-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;zoom:1;
border-bottom:4px solid #fb831f; }
.flex-direction-nav .flex-next {    right: 10px !important;}
.flex-direction-nav .flex-prev {    left: 5px !important;  }

.flex-direction-nav a {    width: 55px;    height: 55px; }
.flex-direction-nav a:before  {font-family: FontAwesome; font-size: 50px; line-height:1; display: inline-block; content: "\f137"; color:#fff; }
.flex-direction-nav a.flex-next:before  { content: "\f138"; }
#slider h1, #slider h2 { display:none; }
.flex-direction-nav a { text-decoration:none !important; }


/* forms */
.powermail_fieldwrap_radio {margin-bottom:12px;}
input[type="checkbox"], input[type="radio"] {width:20px !important; float:left; margin-right:8px;}

.tx-felogin-pi1 form label { display: block; }
.tx-felogin-pi1 form fieldset div input { margin-bottom:20px; font-family: inherit;font-size: inherit;line-height: inherit; box-shadow:none; border: 1px solid #ddd;    padding: 5px 10px;}

aside#directContact {
  position:absolute;
  right:60px;
  padding:15px;
  background: rgba(255,255,255,0.85);
  text-align:left;
  z-index: 9;
  top:12px;
  min-width:300px
}
aside#actPdf {
    position: absolute;
    right: 445px;
    padding: 20px;
    background: none;
    text-align: left;
    z-index: 9;
    bottom: 105px;
    min-width: 120px;
}
/*aside#directContact form h3, aside#directContact form h5, aside#directContact form legend, aside#directContact form h2 { display:none;   } */
aside#directContact .powermail_form > h3,
aside#directContact .powermail_form .powermail_fieldset > legend {
  display: none;
}


aside#directContact .powermail_form.powermail_form_13 .powermail_fieldwrap_radio .powermail_radio_legend {
  display: inline;
  font-size: 100%;
  margin: 0;
  border: none;
  width: auto;
  min-width: 100px;
  float: left;
}
aside#directContact .powermail_form.powermail_form_13 .powermail_fieldwrap_radio .powermail_radio_legend:after {
  content: "";
  clear: both;
}
aside#directContact .powermail_form.powermail_form_13 .powermail_fieldwrap_radio .powermail_radio_outer {
  float: left;
  min-width: 240px;
  max-width: 260px;
}
aside#directContact .powermail_form.powermail_form_13 .powermail_fieldwrap_radio .powermail_radio_outer .powermail_radio_inner {
  width: 50%;
  float: left;
}

aside#directContact .powermail_form.powermail_form_13 .powermail_fieldwrap_radio .powermail_radio_outer .powermail_radio_inner .powermail_radio {
  margin-right: 0;
}

aside#directContact .powermail_form.powermail_form_13 #powermail_fieldwrap_308,
aside#directContact .powermail_form.powermail_form_14 #powermail_fieldwrap_150,
aside#directContact .powermail_form.powermail_form_23 #powermail_fieldwrap_323 {
  margin-bottom: 5px;
  margin-top: 20px;
  font-weight: bold;
}

aside#directContact .powermail_form.powermail_form_14 #powermail_fieldwrap_150 > fieldset > legend { display: none; }

aside#directContact .powermail_form.powermail_form_13 .hasTooltip { cursor: help; }
aside#directContact .powermail_form.powermail_form_13 .hasTooltip:after { content: "?" !important; clear: none; color: orange; font-weight: bold; margin-left: 2px; margin-right: 2px; }

aside#directContact h1, aside#directContact h2, aside#directContact h3, aside#directContact h1, aside#directContact h2, aside#directContact h5 {     font-weight: 300;    font-size: 30px;    line-height: 30px;    margin:0 0 10px 0; }
aside#directContact form label { font-size: 14px;    font-weight: 300;    color: #000; margin-bottom:0; }
aside#directContact form input, aside#directContact form textarea { width:100%; }
aside#directContact form input[type=submit] { background:#fb831f; border:none; color:#fff; font-size:17px; margin:20px 0 0 0 !important;}

aside#directContact ul.parsley-errors-list { margin:0; padding:0; }
aside#directContact ul.parsley-errors-list li { list-style:none; background:#fb831f; color:#fff; padding:0 5px; margin:0; font-size:11px; line-height:14px;}
aside#directContact .powermail_tabmenu, aside#directContact .powermail_tab_navigation {display:none;}
aside#directContact form textarea { height:70px; }

/* header / menu */

ul.catNav { position: fixed; margin-top:-20px; padding: 0 0 0 0; z-index:8000;     margin-left: 80px; }
ul.catNav li { list-style:none; float:left; margin-right:15px; }
ul.catNav li span {      -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;  transition-duration: 0.5s, 0.5s; cursor:pointer; width:127px; height:34px;}
ul.catNav li span.btnBartelsLogo { background:url("../images/logo_bartels_grey.png") 0 0 no-repeat; display:block; background-size:contain; }
ul.catNav li span.btnBartelsLogo:hover { background-image:url("../images/logo_bartels_mouse-over.png"); }
ul.catNav li span.btnBartelsLogoBahn { background:url("../images/logo_bartels_bahn_grey.png") 0 0 no-repeat;  display:block; background-size:contain; }
ul.catNav li span.btnBartelsLogoBahn:hover { background-image:url("../images/logo_bartels_bahn_mouse-over.png"); }
ul.catNav li span.btnBartelsLogoEdelstahl { background:url("../images/logo_bartels_edelstahl_grey.png") 0 0 no-repeat; display:block; background-size:contain; }
ul.catNav li span.btnBartelsLogoEdelstahl:hover { background-image:url("../images/logo_bartels_edelstahl_mouse-over.png"); }
ul.catNav li span.btnBartelsLogoSunfurl { background:url("../images/logo_bartels_sunfurl_grey.png") 0 0 no-repeat; display:block; background-size:contain; }
ul.catNav li span.btnBartelsLogoSunfurl:hover { background-image:url("../images/logo_bartels_sunfurl_mouse-over.png"); }

.navclear {clear:both;}



header .logo img.logo {    width: auto; -webkit-box-shadow: 2px 2px 7px 0px rgba(102,102,102,1);
-moz-box-shadow: 2px 2px 7px 0px rgba(102,102,102,1);
box-shadow: 2px 2px 7px 0px rgba(102,102,102,1);}
header div.logo { position:fixed; margin: 10px 0 0 10px; z-index:8000;  -webkit-transition: padding .3s;    -moz-transition: padding .3s;    transition: padding .3s; transition-timing-function: ease-in-out;
 }
header.mainHeader { min-height:90px; }


.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border-color: #e7e7e7; border:none;}
.navbar {    border-radius: 0; margin-top: 40px; margin-bottom:0;    min-height: 20px; }
.navbar-default {    background-color: #fff;    border-color: #e7e7e7;    border:none;}
.navbar-default .navbar-nav>li>a { padding:0 0 1px 0; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {    color: #555;    background-color: #fff; background:none;}
.navbar-default .navbar-nav>li { padding: 2px 15px; }
.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li>a:hover   { border-bottom:3px solid #fb831f;  }

nav.navbar-default.navbar-fixed-top {padding: 75px 0 0 0;    -webkit-transition: padding .3s;    -moz-transition: padding .3s;    transition: padding .3s; margin-top:0;}
.navbar-default .navbar-nav { float:right; }
nav.navbar-default .container {     margin: 0 auto;    max-width: 1170px; }

nav.navbar-default.navbar-fixed-top.stickyHeader { padding-top:55px; -webkit-box-shadow: 0px 9px 18px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 9px 18px -6px rgba(0,0,0,0.75);
box-shadow: 0px 9px 18px -6px rgba(0,0,0,0.75);transition-timing-function: ease-in-out; }
header div.logo.stickyLogo {    top: 10px; }

/* content & boxes */
.row { margin:0; }
.csc-textpic-border figure.image { border:1px solid #ddd; }

.contentBox50Left { float:left; width:100%; max-width:48%; margin-right:35px; }
.contentBox50Right { float:right; width:100%; max-width:48%; margin-right:0; }

.contentBox50Right figure.image.lightbox { display:inline-block; }
.contentBox50Right figure.image.lightbox:hover {display:inline-block; background:#eee; opacity:0.7; }

.contentBox50Left figure.image.lightbox { display:inline-block; }
.contentBox50Left figure.image.lightbox:hover {display:inline-block; background:#eee; opacity:0.7; }

.contentBox30 {width:30%; margin-right:5%; float:left;}
.contentBox30:nth-of-type(3n+1) {clear:both;}
.contentBox30:nth-of-type(3n+3) {margin-right:0%;}
.contentBox30 .contentBox30 {float:none; width:auto;}

.contentBox25 {
    float: left;
    margin-right: 5%;
    width: 21.2%;
}
.contentBox25:nth-of-type(4n+4) {
    margin-right: 0;
}
.contentBox25:nth-of-type(4n+1) {
    clear: both;
}

.contentBox20 {
    float: left;
    margin-right: 2%;
    width: 18.4%;
}
.contentBox20:nth-of-type(5n+5) {
    margin-right: 0;
}
.contentBox20:nth-of-type(5n+1) {
    clear: both;
}

section.subContent { width:100%; margin:0 auto; max-width:1290px; position:relative; padding:20px 0; }

section.subContent .col-md-12 .col-md-3 { padding:0; }
section.subContent .col-md-12 .col-md-3 img.img-responsive { width:100%; max-width:100%; height:auto; }
section.subContent figcaption {
    position: absolute;
    /* top: -20px; */
    margin-top: -60px;
     transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    background: rgba(0,0,0,0.7);
    color:#fff; padding:5px; height:60px;
    opacity:0;
    width:100%;

}

section.subContent figure.image:hover figcaption { opacity:1; }


section.subContent figcaption p { color:#fff; }
div.light_rounded .pp_top .pp_left, div.light_rounded .pp_top .pp_right, div.light_rounded .pp_bottom .pp_right , div.light_rounded .pp_bottom .pp_left{    background: #fff; }
section.subContent .col-md-12 .col-md-3 figure.image { max-height:auto; }

section.subContent .col-md-12 .col-md-3 figure.image:hover img { opacity:0.7; }

/* footer */
footer { font-size:13px; font-weight:300;display:inline-block; clear:both; background:#eee; width:100%; margin:0 auto; text-align:center;  }
footer .container .row {
    float: left;
    margin-top: 0px;
    padding: 6px 0;
    border-top: none;
    text-align: left;
}

footer a { font-size:13px; font-weight:300; color:#fb831f; }



/* teaser */
.ce-teaser {margin-bottom:30px;}
.ce-teaser a {display:block; text-decoration:none; font-weight:300 !important;}
.ce-teaser .more-link {float:right;}

.img-border {border:1px solid #ddd;}

/* content right / news */
.contentBox66Left {max-width:61%; width:61%; float:left}
.contentBox44Right {max-width:35%; width:35%; float:right;}

.contentBox33Left, .contentBox33Middle {max-width:30%; width:30%; float:left; margin-right:5%;}
.contentBox33Right {max-width:30%; width:30%; float:right;}


@media (max-width: 1100px) {
  .navbar-default .navbar-nav {    float: left;    width: 100%;    padding-top: 30px;    text-align:center; margin-left:5px; }
  .navbar-default .navbar-nav>li {    padding: 10px 15px;    border-bottom: 1px solid #ddd;}
  .navbar-default .navbar-nav>li:hover { background:#eee; }
  .navbar-default .navbar-nav>li.active>a {    border-bottom:none; color:#fff; }
  .navbar-default .navbar-nav>li>a:hover {border-bottom:none; color:#333; }
  .navbar-default .navbar-nav>li.active  { background:#fb831f; }
}


@media (max-width: 1226px) {
  ul.catNav { margin-left:0; }
  ul.catNav li {    margin-right: 10px; }
  ul.catNav li span {     width:107px;height:26px;}

}

@media (max-width: 996px) {


body.bahntechnik2017 header div.logo a img {    float: left;    max-width: 160px; margin-top:8px; }
body.bahntechnik2017 header.sticky div.logo a img {     margin-top:20px; }
body.bahntechnik2017 header div.logo a img.dozler {    float: left;    max-width: 140px; margin-top:8px; }

.contentBox50Left { float:left; width:100%; max-width:100%; margin:0 0 35px 0;}
.contentBox50Right { float:left; width:100%; max-width:100%; margin:0 0 35px 0; }
.contentBox66Left {max-width:100%; width:100%;}
.contentBox33Right {max-width:100%; width:100%;}
.contentBox25 {width: 45%;}
.contentBox25:nth-of-type(2n+2) {    margin-right: 0;}
.contentBox25:nth-of-type(4n+1) {    clear: both;}
section.subContent .col-md-12 .col-md-3 figure.image { max-height:auto; }
body.bahntechnik2017 aside#actPdf {    bottom: 15px; }


}


@media (max-width: 768px) {
  ul.catNav { display:none; }
  aside#directContact {    position: relative;    right: 0;    padding: 20px;    background: rgba(255,255,255,0.7);    text-align: left;    z-index: 9;    top: 20px;    min-width: 300px;  }
  aside#actPdf { display:none; }

	.allImagesResponsive .ce-bodytext { }

}


.flex-direction-nav .flex-prev {
  left: 0;
  opacity: 1.0;
}

.flex-direction-nav .flex-next {
  right: 0;
  opacity: 1.0;
}

.flex-direction-nav .flex-next:hover { color:#004b7d; }
.flex-direction-nav a.flex-next:hover:before, .flex-direction-nav a:hover:before { color:#004b7d; }


#topNav {
    margin-left: 80px;
    padding: 0;
    z-index: 8000;
    position: fixed;
    margin-top: -20px;
}

#mainContent hr {
  margin: 0 !important;
  height: 10px !important;
}


body.layout-1 #actPdf { display: none; }
body.layout-1 #directContact { display: none; }



/* ########## 2019 TYPO3 8-9 */
/* frame classes */
.frame-img-responsive figure.image img { width:100%; max-width:100%; height:auto; }
.frame-img-responsive .ce-gallery[data-ce-columns="6"] .ce-column { float:left; width:100%; max-width:15.7%; } 
.frame-img-responsive .ce-gallery[data-ce-columns="6"] .ce-column figure { padding:10px; margin-bottom:20px; }

.frame-img-responsive .ce-gallery[data-ce-columns="4"] .ce-column { float:left; width:100%; max-width:24%; } 
.frame-img-responsive .ce-gallery[data-ce-columns="4"] .ce-column figure { padding:0px; margin-bottom:0px; }

.frame-img-responsive .ce-gallery[data-ce-columns="3"] .ce-column { float:left; width:100%; max-width:32%; } 
.frame-img-responsive .ce-gallery[data-ce-columns="3"] .ce-column figure { padding:10px; margin-bottom:20px; }

.frame-img-responsive .ce-gallery[data-ce-columns="2"] .ce-column { float:left; width:100%; max-width:48%; } 
.frame-img-responsive .ce-gallery[data-ce-columns="2"] .ce-column figure { padding:10px; margin-bottom:20px; }


.ce-border img, .ce-border iframe {    border: 1px solid #ddd !important; }


.col-md-6 .frame-img-responsive .ce-gallery[data-ce-columns="2"] .ce-column { margin: 0 10px 20px 0; }

/* Section Layouts */
.allImagesResponsive figure img { width:100%; max-width:100%; height:auto; }
.allImagesResponsive figure { margin-bottom:20px; }
.allImagesResponsive .ce-bodytext p { font-size:14px; line-height:18px; }

/* news Box */
.frame-newsBox33 figure.image img { width:100%; max-width:100%; height:auto; }
.frame-newsBox33 figure { border:1px solid #ddd; }
.frame-newsBox33 .ce-bodytext p a { float:right; }

/* powermail 2019 */
.powermail_morestep .btn-group { display:none; }
.powermail_fieldwrap_type_radio.powermail_fieldwrap_marker .powermail_label { display:none; }

/* tables */
table.contenttable { width:100%; }
table.contenttable>tbody>tr>td, table.contenttable>tbody>tr>th, table.contenttable>tfoot>tr>td, table.contenttable>tfoot>tr>th, table.contenttable>thead>tr>td, table.contenttable>thead>tr>th {
	padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
}


/* ckeditor custom in fileadmin/hh_ckeditor_custom */

img.blue-border, table a img { border:1px solid #004b7d; }