/* bartels_2017.css */

/*
green - #009ea3
red - #ad0917
blue - #00497c
orange - #fb8325
 *
 */


body { color:#535353; font-family: 'Ubuntu', sans-serif;font-size:15px; font-weight:300; overflow-x:hidden;  }
p { color:#535353; font-size:15px; }
h1, .h2, h2, h3 , h2 a , h3 a {     font-size: 15px; color:#000; font-weight:400; }
b, strong { font-weight:800; }

h1 { font-size:26px; margin:40px 0 40px 0;}
h3 , h3 a { margin-bottom:15px; }
h2 , h2 a { margin-top:0; }

body#startPage .ce-bodytext a { color:#000; font-size: 15px;   font-weight: 400; }
aside.bartels-eu-link { display:none; }

header.mainHeader { min-height: 100px; padding-top: 10px; }
.navbar-default { background:none; border:none; }
/*#topNav { position:absolute; right:15px; top:45px; z-index:99999999999;}*/
#topNav {
  display: block;
  width: 100%;
  /*margin-left: 80px;*/
  padding: 0;
  margin: 0;
  /*z-index: 8000;
  position: fixed;*/
}

#languageSwitch {
  float: right;
  margin-top: 3px;
  border: 1px #ccc solid;
  background-color: #fff;
  padding: 3px;
  margin-left: 10px;
}
.navbar-nav {    float: right;    /*margin: 30px 120px 0 0;*/ }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {    color: #009ea3;    background: none !important; }

nav.navbar-default.navbar-fixed-top {
  padding: 15px 0 0 0;
  -webkit-transition: padding .3s;
  -moz-transition: padding .3s;
  transition: padding .3s;
  margin-top: 0
}

nav.navbar-default {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

header #bartelsComponents {    padding: 65px 0 0 0;    position: relative;    z-index: 9999;}
header #bartelsComponents a { float:left; margin:0 25px 12px 0; display:inline-block; }
header #bartelsComponents img { width:100%; max-width:120px; height:auto;  }
header #bartelsComponents a:last-child { margin-right:0; }
header .bartelsLogo2017 { float:left; margin:30px 20px 0 0; position:absolute;z-index:99999; }
header .bartelsLogo2017 img { width:100%; max-width:80px; height:auto; }

/*
ul.catNav {  padding: 0 0 0 0; margin: -15px 0 0 100px; }
ul.catNav li { list-style:none; float:left; margin-right:20px; }
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"); }
*/

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"); }
ul.catNav {
  position: relative;
  margin: 0;
  padding: 0;
  float: right;
}
/* boxes */


.greenBox .img-wrap {  border-top:25px solid #009ea3; padding-top:25px;border-bottom:3px solid #009ea3; padding-bottom:0; margin-bottom:20px; }
.colImagesBoxGreen .col-image:first-child { padding-right:1px; }
.colImagesBoxGreen .col-image:last-child { padding-left:1px; }
.colImagesBoxGreen .img-wrap, .colImagesBoxGreen .ce-gallery  { border-bottom:3px solid #009ea3; padding-bottom:20px; }
.colImagesBoxGreen .ce-column { margin:0; }
.colImagesBoxGreen figure.image img { width:100%; max-width:100%; height:auto; }
.colImagesBoxGreen .ce-column:first-child { padding-right:1px; }
.colImagesBoxGreen .ce-column:last-child { padding-left:1px; }

.redBox .img-wrap {  border-top:25px solid #ad0917; padding-top:25px;border-bottom:3px solid #ad0917; padding-bottom:0; margin-bottom:20px;}
.colImagesBoxRed .col-image:first-child { padding-right:1px; }
.colImagesBoxRed .col-image:last-child { padding-left:1px; }
.colImagesBoxRed .img-wrap, .colImagesBoxRed .ce-gallery  { border-bottom:3px solid #ad0917;  padding-bottom:20px; }
.colImagesBoxRed .ce-column { margin:0; }
.colImagesBoxRed figure.image img { width:100%; max-width:100%; height:auto; }
.colImagesBoxRed .ce-column:first-child { padding-right:1px; }
.colImagesBoxRed .ce-column:last-child { padding-left:1px; }

.orangeBox .img-wrap {  border-top:25px solid #fb8325; padding-top:25px;border-bottom:3px solid #fb8325; padding-bottom:0; margin-bottom:20px; }
.colImagesBoxOrange .col-image:first-child { padding-right:1px; }
.colImagesBoxOrange .col-image:last-child { padding-left:1px; }
.colImagesBoxOrange .img-wrap , .colImagesBoxOrange .ce-gallery { border-bottom:3px solid #fb8325;  padding-bottom:20px;  }
.colImagesBoxOrange .ce-column { margin:0; }
.colImagesBoxOrange figure.image img { width:100%; max-width:100%; height:auto; }
.colImagesBoxOrange .ce-column:first-child { padding-right:1px; }
.colImagesBoxOrange .ce-column:last-child { padding-left:1px; }

.blueBox .img-wrap {  border-top:25px solid #00497c; padding-top:25px;border-bottom:3px solid #00497c; padding-bottom:0; margin-bottom:20px; }
.colImagesBoxBlue .col-image:first-child { padding-right:1px; }
.colImagesBoxBlue .col-image:last-child { padding-left:1px; }
.colImagesBoxBlue .img-wrap, .colImagesBoxBlue .ce-gallery { border-bottom:3px solid #00497c;  padding-bottom:20px;  }
.colImagesBoxBlue .ce-column { margin:0; }
.colImagesBoxBlue figure.image img { width:100%; max-width:100%; height:auto; }
.colImagesBoxBlue .ce-column:first-child { padding-right:1px; }
.colImagesBoxBlue .ce-column:last-child { padding-left:1px; }

.textMinHeight figure { overflow:hidden; }
.textMinHeight figure.image img {    transition: all 2.9s ease-in-out; }
.textMinHeight figure.image img:hover {    transform: scale(1.3); }



/* powermail */

body .tx-powermail h3 { display:none; }
body .tx-powermail input, body .tx-powermail select, body .tx-powermail textarea { border:1px solid #999; padding:3px 10px; font-size:16px; float:left; width:70%; line-height:25px; }
body .tx-powermail select { width:auto; }
body .tx-powermail .powermail_fieldset .powermail_legend { display:none; }
body .tx-powermail .powermail_fieldset .powermail_label { font-weight:300; color:#000; font-size:16px; float:left; padding:0 30px 0 0; text-align:left; min-width:120px; }
body .tx-powermail .powermail_fieldwrap { clear:both; margin:0 0 5px 0 ; display:inline-block; width:100%; }
body .tx-powermail .powermail_fieldset { background:none; border:none; padding:0; margin:0 0 0 0; }
body .tx-powermail .powermail_fieldset .powermail_field .powermail_submit, body .tx-powermail .powermail_fieldset .powermail_field .powermail_reset { background:#009ea3; border:none; color:#fff; }
body .tx-powermail .powermail_field .powermail_submit { background:#009ea3; border:none; color:#fff; margin-left:120px; }

footer { width:100%; max-width:100%; min-height:35px; background:#eee; margin-top:55px; padding:3px 0; color:#000; }
footer .row { text-align:center; font-size:14px; }
footer .row a { color: #009ea3; }

@media (min-width: 767px) {
  .textMinHeight { min-height:520px; }
  body .tx-powermail .powermail_fieldset .powermail_field.powermail_submit, body .tx-powermail .powermail_fieldset .powermail_field.powermail_reset { margin-left:220px; }
}

@media (max-width: 767px) {
  .navbar-nav { float: none; }
}