/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #000;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('lato-light-webfont-webfont.eot');
    src: url('lato-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-light-webfont-webfont.woff2') format('woff2'),
         url('lato-light-webfont-webfont.woff') format('woff'),
         url('lato-light-webfont-webfont.ttf') format('truetype'),
         url('lato-light-webfont-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  top: 0px;
  right: 0;
  left: 0;
  z-index: 30;
  background:url(nav-bg.png) repeat;
  height:100px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
margin:0 auto;
}
.arrow-nav{ position:absolute;bottom:-23px;left:0;display:none}
.grid-demo{ text-align:center;width:100%;background:#fff; padding: 8px 0 8px 0 ;}
.grid-demo .col-xs-2{ width:auto;float:none;display:inline-block;}
.grid-demo .col-xs-2 a{ color:#000;text-transform:uppercase}
.grid-demo .col-xs-2 a:hover, .grid-demo .col-xs-2 a.active { border-bottom:solid 1px #ffffff;}

#header-note {
	clear:both;
    float:right;
    font-size:10px;
    padding:0px 70px 5px 0px;	
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


/* Carousel base class */
.carousel {
  height: auto;
}
.carousel .container {
	position:relative;	
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
.carousel-caption h5{ font-family:'open_sansregular'}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
}
.carousel-inner > .item > img {
  position: inherit;
  top: 0;
  left: 0;
  margin:0 auto;
  height: auto;
  width: 100%;
  /*border-bottom:solid 2px #dbe8f0;*/
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-sm-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing .col-sm-4 img{ display:block;margin:0 auto;}
/*.marketing .col-sm-4 p { font-size:12px;}*/

.aligncenter{ display:block;text-align:center;}
.header{ position:relative;}
.logo{ position:absolute;top:6px;left:0;z-index:90}
.caption-headline { width:525px;float:right; font-weight:bold; font-size:28px;color:#ffffff;}
.caption-content{ width:525px;float:right;clear:both;}
.scrolldown{ padding:0 0 10px 0;}
ul.scrolldown li a{ text-align:center}
ul.scrolldown li a:hover{ background:transparent;}
ul.scrolldown li a:focus{ background:transparent;}
.section-1{ padding:40px 0}
.gray-bg1{ background-color:#ecf0f1;}
.section-2{ padding:20px 0 0 0}
.section-15{ padding:40px 0 40px 0; }
.section-15 img { margin:0px auto; }
.section-16{ padding:40px 0 40px 0; text-align:center; }
.section-16 img { margin:0px auto; }
.section-16 h1 { font-size:48px; }
.black-bg{ background-color: black;}
.yellow-bg{ background-color: #ffe02b;}
.gray-bg2{ background-color: #e5e5e5;}
.section-2 .container{ width:760px;}
.section-15 .container{ width:760px;}
.section-2 .col-sm-5{ padding-right:0}
.section-2 img{ }

.section-2 .content-area{ padding-top:60px;}
.section-15 .content-area{ padding-top:20px;}
.section-16 .content-area{ padding-top:10px;}
.section-2 .content-area h6{ margin-top:0}
.section-2 .content-area h1{ margin:0}
.section-2 .content-area p{ margin-bottom:30px;}
.section-3 { padding:40px 0;text-align:center}
.section-3 h1{ margin-top:0}
.section-3 p { margin-bottom:0px; }
.gray-bg3{
background: rgb(185,187,192); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2I5YmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UzZTJlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2I5YmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWJiYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(185,187,192,1) 0%, rgba(185,187,192,1) 15%, rgba(227,226,229,1) 50%, rgba(185,187,192,1) 85%, rgba(185,187,192,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(185,187,192,1)), color-stop(15%,rgba(185,187,192,1)), color-stop(50%,rgba(227,226,229,1)), color-stop(85%,rgba(185,187,192,1)), color-stop(100%,rgba(185,187,192,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9bbc0', endColorstr='#b9bbc0',GradientType=1 ); /* IE6-8 */
}

.section-4{ padding:45px 0;}
.section-4 h1{ margin-bottom:40px;}
.section-4 p{ padding-bottom:20px;}
.white-bg{ background-color:#fff}


.section-5 .row, .section-51 .row{ margin:0;padding:0;}
.section-5 .grid2 .img-panel, .section-51 .grid2 .img-panel{ float:right}
.section-5 .col-sm-6, .section-51 .col-sm-4, .section-51 .col-sm-8 { padding:0;}
.section-5 .col-sm-6 { overflow:hidden;}
.section-1 .col-sm-6{ width:100%;}
.section-5 .content-area1, .section-51 .content-area1{ padding-left:10%;padding-top:6%;float:left;}
.section-5 .content-area1{ width:520px;}
.section-5 .content-area1 img, .section-51 .content-area1 img{ width:100%;}
.section-5 .content-area2, .section-51 .content-area2{ padding-right:10%;padding-top:3%;float:right;}
.section-5 .content-area2 { width:570px;}
.section-5 .content-area2 img, .section-51 .content-area2 img{ width:100%;}
.section-5 img, .section-51 img{ width:100%;} 
.section-6{ padding:60px 0 60px 0;}
.section-6 .content-area{ margin-top:30px;}
.section-6 .news_layout .content-area{ margin-top:0px;}
.section-6 .news_layout h1, .section-6 .news_layout h2, .section-6 .news_layout h3 { margin-top:0px;}
.section-6 .content-area p{ margin-bottom:25px;}
.gray-bg4{ background-color:#d7d7d7}

.section-7{ padding:60px 0 60px 0;color:#fff}
.section-7 .left-section{ float:right}
.section-7 .content-area{ margin-top:60px;}
.section-7 .content-area p{ margin-bottom:25px;}
.blue-bg{ background-color:#30507e;}
.gray-btn{ background-color:#9ba2ad}

.section-9{ background-color:#c6c6c6;padding:85px 0 85px 0}
.heading1{ border-bottom:solid 1px #000;position:relative;margin-bottom:30px;margin-top:30px;}
.heading1 h1{ position:absolute;top:-30px;margin:0;background-color:#c6c6c6;padding-right:15px}
.radio-label{ margin-right:40px;}
.form-group { margin-bottom: 30px;}
.send-btn{ padding-left:65px;padding-right:65px;margin-top:45px}
.required{ color:green}
b{ font-family:'open_sansregular';font-weight:normal}
.lead1{ margin-bottom:40px}
.trennelement-content{ font-family:'open_sansregular'}
 
.section-10 .content-area,.section-100 .content-area, .section-101 .content-area, .section-102 .content-area{ padding-top:70px;}
.section-101 .content-area { text-align:center;}
.section-10 .content-area p,.section-100 .content-area p, .section-101 .content-area p, .section-102 .content-area p{ margin-bottom:30px;}
.manufactory-banner{ display:none;}

.section-11{ padding-top:60px;}
.section-11 .content-area{ padding-top:100px;}
.section-11 .content-area p{ margin-bottom:30px;}
.section-11 img{ }
.gray-bg5{
background: rgb(185,187,192); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2I5YmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UzZTJlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2I5YmJjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWJiYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(185,187,192,1) 0%, rgba(185,187,192,1) 15%, rgba(227,226,229,1) 50%, rgba(185,187,192,1) 85%, rgba(185,187,192,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(185,187,192,1)), color-stop(15%,rgba(185,187,192,1)), color-stop(50%,rgba(227,226,229,1)), color-stop(85%,rgba(185,187,192,1)), color-stop(100%,rgba(185,187,192,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(185,187,192,1) 0%,rgba(185,187,192,1) 15%,rgba(227,226,229,1) 50%,rgba(185,187,192,1) 85%,rgba(185,187,192,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9bbc0', endColorstr='#b9bbc0',GradientType=1 ); /* IE6-8 */
}
.contenr-panel{ float:right}

.gray-bg6{
background: rgb(193,193,199); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2U2ZTdlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTdlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2U2ZTdlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWMxYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(193,193,199,1) 0%, rgba(230,231,233,1) 30%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 70%, rgba(193,193,199,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,193,199,1)), color-stop(30%,rgba(230,231,233,1)), color-stop(50%,rgba(230,231,233,1)), color-stop(70%,rgba(230,231,233,1)), color-stop(100%,rgba(193,193,199,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(193,193,199,1) 0%,rgba(230,231,233,1) 30%,rgba(230,231,233,1) 50%,rgba(230,231,233,1) 70%,rgba(193,193,199,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(193,193,199,1) 0%,rgba(230,231,233,1) 30%,rgba(230,231,233,1) 50%,rgba(230,231,233,1) 70%,rgba(193,193,199,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(193,193,199,1) 0%,rgba(230,231,233,1) 30%,rgba(230,231,233,1) 50%,rgba(230,231,233,1) 70%,rgba(193,193,199,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(193,193,199,1) 0%,rgba(230,231,233,1) 30%,rgba(230,231,233,1) 50%,rgba(230,231,233,1) 70%,rgba(193,193,199,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c7', endColorstr='#c1c1c7',GradientType=1 ); /* IE6-8 */

}

.section-12{ padding:20px 0 50px 0;}
.section-12 h1{ margin:0}
.gray-bg7{ background-color: #ababab;}
.aligncenter{ text-align:center}


.section-13{ padding-top:95px;}
.section-13 .content-area{ padding-top:50px;}
.section-13 .content-area p{ margin-bottom:40px;}

.section-14{ padding:80px 0 80px 0}
.section-14 .content-area{ padding-right:130px;padding-top:50px;}
.gray-bg8{ background-color:#eeeeee;}

h4.more-link .arrow-down {padding: 3px;font-size:13px;}
h4.more-link a{ color:#000;text-align:center;display:block;}

ul.thumbnails{ margin:0;padding:0;list-style:none}

.banner img{ display:block;margin:0 auto;width: 100%;}
.nav_up{ cursor:pointer; text-align:center}
.nav_down{ cursor:pointer;text-align:center;width:70px;margin:0 auto }
.content-section-inner{ padding-top:0}

footer{ background-color: #30507e;color:#fff;font-size:15px;padding:70px 0px 20px 0px; text-align:center;}
footer .content-section{ float:right;width:100%;}
footer h1{ font-size:32px;font-family:'latolight';text-transform:uppercase}
footer ul{ margin:0;padding:0 0 15px 0;list-style:none;}
footer ul li { display:inline-block; padding:0px 8px; border-left:1px solid #ffffff; }
footer ul li:first-child {border:none; }
footer a{ color:#fff; text-decoration:none;}
footer ul li a{ line-height:22px;font-size:18px;}
footer a:hover{ color:#d2d2d2}
footer ul li.sub-menu a{ padding-left:15px;text-transform:inherit;}
footer #address { padding-bottom:20px; }
.news-section{ padding-left:0}
.news-section .row{ margin-left:-12px;margin-right:-12px; margin-bottom:30px;}
.news-section .col-lg-6{ padding-left:8px;padding-right:12px;}
.news-section .col-lg-5{ padding-left:12px;padding-right:17px;}
.news-section p{ margin-bottom:5px;}
.news-section a{ text-transform:uppercase;text-decoration:underline;color:#d2d2d2}
.news-section a:hover{ color:#fff}
.forum-section{ margin-bottom:30px;}
.forum-section p{ margin-bottom:0;}
.forum-section a{ text-transform:uppercase;text-decoration:underline;color:#d2d2d2}
.forum-section a:hover{ color:#fff}
.forum-section span{ display:block;font-size:11px;padding:3px 0}
.footer-banner{ display:block;margin:0 auto}

/*.active .dropdown-menu {
    display: block;
}*/

.active .navbar-nav > li > a:hover .dropdown-menu{ display:none !important;}


a.arrow-down{ position:absolute !important;top:0;right:0;display:none !important;}

.section-3 .carousel-control {
	width:10%
}

.quote {
	position:relative;	
	display:table;
	padding:0px 50px;
	margin:0px auto;
}

.quote_start {
	position:absolute;
	top:0px;
	left:0px;
	width:35px;
	height:30px;
	background:url(quote_start.png);
}

.quote_end {
	position:absolute;
	bottom:0px;
	right:0px;
	width:35px;
	height:29px;
	background:url(quote_end.png);
}

.section-3 .text {
	padding:10px;
}

.reference h3 {
	padding-top:20px;
}

.reference ul {
	margin-left:15px;
}

.job-overview.permanent {
	padding-top:0px;	
}

.job-overview h1 {
	margin-top:0px;	
}

.job-logo {
	display:none;	
}

.job-title {
	position:relative;
	padding:15px 200px 15px 0px !important;	
}

.job-title img {
	position:absolute;
	top:0px;
	right:0px;
	height:100%;	
}

.job-detail ul {
	margin-left:20px;	
}

.job-detail label {
	margin-bottom:0px;	
}

.section-1 ul,
.section-2 ul,
.section-3 ul,
.section-4 ul,
.section-5 ul,
.section-6 ul,
.section-7 ul,
.section-8 ul,
.section-9 ul,
.section-10 ul,
.section-11 ul,
.section-12 ul,
.section-15 ul,
.section-16 ul,
.section-41 ul,
.section-51 ul,
.section-100 ul,
.section-101 ul,
.section-102 ul {
	margin-left:20px;	
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 767px) {
body{ font-size:13px;}
h1, .h1 { font-size: 24px;}
h2, .h2 { font-size: 20px;}
h3, .h3 { font-size: 18px;}
h5, .h5 { font-size: 14px;}
.logo{  left:15px;z-index:35;}
.logo img{ width:120px;}
.navbar { min-height: 40px;}
.nav > li > a{ font-size:13px;padding-left:10px;padding-right:10px;}
.navbar-nav > li > a{ padding:5px}
.navbar-wrapper{ top:0px;bottom:inherit;background-color:rgba(255, 255, 255, 0.8)}
.btn-lg, .btn-group-lg > .btn { font-size: 16px;padding: 8px 35px;}
.btn-sm, .btn-group-sm > .btn { font-size: 16px;padding: 8px 20px;}
.grid-demo .col-xs-2{ float:none;text-align:left;padding:5px}

.carousel-control{ left:0;}
.carousel-control.right{ right:0;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:50%;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{ margin-left:5px;top:70%;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { margin-right: 5px;top:70%}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ margin-left:5px;margin-right:5px;}
.dropdown-menu > li { float: none;}
.dropdown-menu > li > a{ width:100%;border-bottom:solid 1px transparent;margin:0;font-size:12px;}

.carousel-caption { padding-right: 10px;padding-bottom: 5px;padding-top:5px;right: 22%;bottom:20px;width:100%; position:static;}
.caption-headline{ width:100%;padding:0 20px; background:red;}
.caption-content{ width:100%;padding:0 20px;}
.carousel-caption h1{ font-size:16px;margin-top:10px;}
.carousel-control{ width:auto;}
.carousel-control img{ width:10px;}

.section-1 { padding: 15px 0 0;}
.marketing .col-sm-4{ margin-bottom:0}
.marketing h1{ margin-top:5px;}
.section-2 .content-area{ padding-top:10px;padding-bottom:15px;text-align:center}
.section-2 .content-area p{ margin-bottom:20px}
.section-2 .container{ padding-left:15px;padding-right:15px;width:100%}
.section-15 .container{ padding-left:15px;padding-right:15px;width:100%}
.section-15 img{ max-width:135px;}
.section-16 .container{ padding-left:15px;padding-right:15px;width:100%}
.section-16 h1 { font-size:30px; margin-bottom:20px; }
.section-2 img{ width:200px;margin:0 auto}
.section-3 { padding: 30px 0;}
.section-4 { padding: 10px 0 0;}
.section-4 h1 { margin-bottom: 20px;}
.section-4 p { padding-bottom: 10px;}

.section-5 .content-area1, .section-51 .content-area1 { padding-left: 15px;padding-top: 15px;padding-bottom: 30px;width: 100%;}
.section-5 .content-area1 h1, .section-51 .content-area1 h1{ margin-top:10px;font-size:18px}
.section-5 .content-area2, .section-51 .content-area2{ width:100%;padding-left:15px;padding-top: 15px;;padding-right: 15px;padding-bottom:30px;float:none}
.section-5 .content-area2 h1, .section-51 .content-area2 h1{ margin-top:10px;font-size:18px}
.section-5 .grid2 .img-panel, .section-51 .grid2 .img-panel{ float:none}
.section-51 img { width:auto; }
.gray-bg5 .contenr-panel{ float:none}

.section-6 { padding: 30px 0;}
.section-6 .content-area{ margin-top:25px;}
.section-6 .news_layout .content-area{ margin-top:25px;}
.section-7{ padding:30px 0}
.section-7 .content-area { margin-top: 25px;}
.section-7 .left-section{ float:none}
.section-9 { padding: 35px 0;}
.heading1 h1{ top:-20px}
.heading1 { border-bottom: 1px solid #000;margin-bottom: 20px;margin-top: 20px;}


.section-10, .section-100, .section-101{ background:none;padding-top:0px;padding-bottom:0;height:100%;background-color:#f1f1f1;background-position:bottom center;}	
.section-102{ padding-top:0px;padding-bottom:0;height:100%;}
.section-10 .content-area,.section-100 .content-area, .section-101 .content-area, .section-102 .content-area { padding-top: 0px;}
.section-10 .content-area p,.section-100 .content-area p, .section-101 .content-area p, .section-102 .content-area p{ margin-bottom:15px}
.manufactory-banner{ display:block;}
.section-11 { padding-top: 0px;}
.section-11 .content-area p { margin-bottom: 15px;}
.section-11 .img{ width:150px;display:block;margin:0 auto}
.section-11 .content-area { padding-top: 0px;padding-bottom:15px;text-align:center}
.section-12 { padding: 30px 0;}
.section-13 { padding-top: 0px;}
.section-13 .content-area { padding-top: 0;padding-bottom:15px;}
.section-13 .img{ width:200px;margin:0 auto}
.section-13 .content-area p{ margin-bottom:15px}
.section-14 { padding: 0px 0 10px;}
.section-14 .content-area { padding-right: 0px;padding-bottom:15px;padding-top:0}

.content-section-inner{ padding-top:0}

.dropdown-menu{ position:relative}
.grid-demo .col-xs-2{ width:100%;padding:5px 15px}
.dropdown{ clear:both}

a.arrow-down{ display:inline-block !important}
.droupdown-group{ position:relative !important;}
.dropdown-active .dropdown-menu{ display:block !important;}

.grid-demo .col-xs-2{ width:100%}
.dropdown{ clear:both}


footer{ font-size:13px;}
.news-section { padding-left: 15px;}
footer ul { padding: 0 0 10px;}
}

@media (max-width: 480px) {
h1, .h1 { font-size: 20px;}
.logo img{ width:100px;}
.carousel-caption{ padding:5px 0px;}
.carousel-caption h5{ font-size:11px;margin-bottom:5px;margin-top:5px}
.carousel-caption h1{ font-size:14px;margin-top:0}
.carousel-inner > .item > img{ max-width:110%;}
/*.carousel-inner {margin-top:40px;}*/
.banner {margin-top:40px;}
}

@media (max-width: 380px) {
.carousel-inner > .item > img { max-width: 120%;}
/*.carousel-inner {margin-top:40px;}*/
.banner {margin-top:40px;}
}

@media (max-width: 320px) {
.carousel-caption h5{ font-size:10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
body{ font-size:12px;}
h1, .h1 { font-size: 20px;}
h3, .h3 { font-size: 18px;}
h5, .h5 { font-size: 14px;}
.logo img{ width:150px;}
.navbar { min-height: 40px;}
.nav > li > a{ font-size:24px;}
.navbar-wrapper{ bottom:30px;}
.nav > li > a{ padding-left:20px;padding-right:20px;font-size:20px;}	
.navbar-nav > li > a { padding-bottom: 10px;padding-top: 10px;}
.arrow-nav{ width:25px;bottom:-15px}
.dropdown-menu{ padding:1px 0 0px 0}
.grid-demo{ padding:4px 0}
.dropdown-menu > li > a{ font-size:11px;margin:0 7px}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
margin-left: 20px;margin-right: 20px;}
.btn-lg, .btn-group-lg > .btn { font-size: 16px;padding: 4px 50px;}
.btn-sm, .btn-group-sm > .btn { font-size: 16px;padding: 4px 20px;}
.marketing .col-sm-4 img{ height:75px;}
.grid-demo .row{ margin-left:-8px;margin-right:-8px;}
.grid-demo .col-xs-2{ padding-left:8px;padding-right:8px;}
.grid-demo .col-xs-2 a{ font-size:11px;}

.carousel-control{ left:0;}
.carousel-control.right{ right:0;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:50%;}

.carousel-caption { padding-right: 10px;padding-bottom: 10px;padding-top:10px;right: 26%;bottom:90px;right:52%}
.carousel-caption h1{ font-size:16px;margin-top:0}
.carousel-caption h5{ font-size:13px;}
.carousel-control{ width:auto;}
.carousel-control img{ width:13px;}
.caption-headline{ width:425px; padding:10px 40px 20px 40px; }
.caption-content{ width:425px; padding:10px 40px 20px 40px; }

.section-1 { padding: 30px 0 0;}
.section-2 .container{ width:650px;}
.section-15 .container{ width:650px;}
.section-16 h1 {font-size:36px; }
.section-3 { padding: 30px 0;}
.section-4 { padding: 10px 0 0;}
.section-4 h1 { margin-bottom: 20px;}
.section-4 p { padding-bottom: 10px;}

.section-5 .content-area1, .section-51 .content-area1 { padding-left: 5%;padding-top: 15px;width: 100%;}
.section-5 .content-area1 p, .section-51 .content-area1 p{ font-size:12px;}
.section-5 .content-area1 h1, .section-51 .content-area1 h1{ margin-top:10px;font-size:18px}
.section-5 .content-area2, .section-51 .content-area2{ width:100%;padding-left:5%;padding-top: 15px;padding-right: 1%;}
.section-5 .content-area2 h1, .section-51 .content-area2 h1{ margin-top:10px;font-size:18px}
.section-5 .content-area2 p, .section-51 .content-area2 p{ font-size:12px;}
	
.section-6 { padding: 30px 0;}
.section-6 .content-area{ margin-top:0px;}
.section-6 .content-area h1{ margin-top:10px}
.section-6 .content-area p{ margin-bottom:10px;}
.section-7{ padding:30px 0}
.section-7 .content-area { margin-top: 0;}
.section-7 .content-area h1{ margin-top:10px;}
.section-7 .content-area p{ margin-bottom:20px;}
.section-9 { padding: 35px 0;}
.heading1 h1{ top:-20px}
.heading1 { border-bottom: 1px solid #000;margin-bottom: 20px;margin-top: 20px;}

.section-10,.section-100, .section-101, .section-102{ background-size:100%;padding-top:0px;padding-bottom:20px;height:100%;}
.section-10 .content-area,.section-100 .content-area, .section-101 .content-area, .section-102 .content-area { padding-top: 0px;}
.section-11 { padding-top: 30px;}
.section-11 .img{ width:230px;}
.section-11 .content-area { padding-top: 60px;}
.section-12 { padding: 30px 0;}
.section-13 { padding-top: 30px;}

.section-13 .content-area { padding-top: 30px;}
.section-14 { padding: 40px 0 30px;}
.section-14 .content-area { padding-right: 40px;padding-top:0}

footer{ font-size:12px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
body{ font-size:14px;}
h1, .h1 {
    font-size: 30px;
}
.logo img{ width:200px;}
.nav > li > a{ font-size:24px;}
.navbar-wrapper{ bottom:35px;}
.dropdown-menu > li > a{ font-size:13px;}
.grid-demo{ padding:6px 0}

.carousel-caption { padding-right: 30px;right: 38%;padding-bottom: 20px;}
.carousel-control{ width:2%;}

.section-5 .content-area2, .section-51 .content-area2 { padding-right: 5%;padding-top: 0;}
.section-5 .content-area2 { width: 460px;}
.section-5 .content-area1, .section-51 .content-area1 { padding-left: 5%;padding-top: 0;}
.section-5 .content-area1 {width: 485px;}
.section-2 .content-area{ padding-top:30px;}
.section-10, .section-100, .section-101, .section-102{ background-size:100%;padding-top:0px;padding-bottom:35px;height:100%;}
.section-10 .content-area, .section-100 .content-area, .section-101 .content-area, .section-102 .content-area { padding-top: 15px;}

.section-16 h1 {font-size:40px; }
	
.grid-demo .row{ margin-left:-8px;margin-right:-8px;}
.grid-demo .col-xs-2{ padding-left:8px;padding-right:8px;}
}

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
  /*  margin-top: 20px; */
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
  }
  
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/* Additional -------------------------------- */
	
.navbar-nav {
	float:right;
	padding-right:60px;	
}

#login {
	float:right;
	margin-top:15px;
}

.nav > li {
	padding:0px 9px;
	position:relative;	
}

.nav > li > a {
	font-size:14px;
	padding:0px;
	line-height:80px;	
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	background:none;
	color:#000;	
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	background:none;
	color:#000;	
}

.navbar-inverse .navbar-nav > li > a:hover span,
.navbar-inverse .navbar-nav > li > a.active span {
	border-bottom:1px solid #000;
}

.dropdown-menu {
	width:auto;	
	font-size:16px;
}

.dropdown-menu .grid-demo {
	background:#A7bc1a;
}

.dropdown-menu .container {
	width:auto;	
}

.dropdown-menu .container {
	width:auto;
}

.dropdown-menu .container a {
	color:#ffffff;
	white-space:nowrap;
}

.carousel-control {
	width:25%;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
	width:auto;	
}

.carousel-caption {
	bottom:0px;
	right:0px;
	left:0px;
	text-align:center;
	padding:0px;
	background:none;
}

.caption-headline {
	float:left;	
	background:rgba(48,80,126,0.75);
	text-align:left;
	padding:10px 80px 10px 80px;
	font-size: 220%;
}

.caption-content {
	float:left;	
	background:url("caption-bg.png");
	text-align:left;
	padding:10px 80px 20px 80px;
}

.rechts .caption-headline {
	float:right;	
}

.rechts .caption-content {
	float:right;	
}

.carousel-caption p {
	font-size:28px;	
}

#map {
	width:80%;
	height:205px;	
}

#map_canvas {
	width:100%;
	height:205px;	
}

#map_canvas2 {
	width:100%;
	height:400px;	
}

.section7 .col-sm-12 {
	padding:0px;	
}

.section7 .col-sm-12 .img-responsive {
	width: 100%;
}

.font-black {
	color:#000000 !important;	
}

.font-black a {
	text-decoration:underline;
}

.font-white {
	color:#ffffff !important;	
}

.font-white a {
	text-decoration:underline;
	color:#ffffff;
}

a.btn {
	text-decoration:none;	
} 

#rex-xform label {
	font-weight:normal;
}

#rex-xform .radios {
	padding-top:40px;
}

#rex-xform .radios label {
	font-weight:bold;
}

#rex-xform p.formcheckbox {
	margin:0px;
	line-height:1;
}

#xform-formular-email,
#xform-formular-subject {
	display:none;	
}


.form_warning li {
	list-style:none;
	color:red;
	padding:0px 0px 5px 15px;
}

#news_navigation {
	text-align:center;
}

#nav_back,
#nav_next {
	display:inline-block;
	padding:0px 10px;
}

#nav_back a,
#nav_next a {
	color:#000000;
}

.btn-default {
	background: #30507e;
	color:#fff;	
}

.btn-default:hover,
.btn-default:focus {
	background: #5074a0;	
	color:#fff;	
}

.btn-primary {
	background:#ffe02b;	
	color:##000;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #fff4ba;	
}

h1 .img-responsive {
	display:inline;
}

.gt_tablet,
.no_smartphone {
	display:block;
}	

.lt_tablet,
.only_smartphone {
	display:none;	
}

.row.marketing {
	position:relative;	
}

.cycle-carousel-slice {
	height:200px;	
}

.cycle-carousel-slice .col-sm-4 {
	white-space:normal;		
}

.cycle-carousel-slice .col-sm-4 img {
	margin-bottom:20px;
}

#cycle-prev {
	display:block;
	height:26px;
	width:24px;
	background:url(cycle-prev.png);
	position:absolute;
	left:-50px;
	top:50%;	
}

#cycle-next {
	display:block;
	height:26px;
	width:24px;
	background:url(cycle-next.png);
	position:absolute;
	right:-50px;
	top:50%;	
}

@media (max-width: 1199px) {
	
	.carousel-caption p {
		font-size:21px;
	}
	
	.gt_tablet {
		display:none;
	}	

	.lt_tablet {
		display:block;	
	}
	
	#login {
		margin-top:-55px;
	}
	
	#header-note { 
		text-align:center;
		padding-right:0px;
		float:none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	/*.caption-content{
		width:325px
	}*/
	
	.navbar-wrapper {
		height:140px;
		padding-top:70px;
	}
	
	.logo {
		left:45%;
		margin-top:15px;
	}
	
	.logo img {
		width: 100px;
	}
	
	.nav > li > a { 
		line-height:50px;
		font-size: 12px;
	}
	
	.navbar-nav {
		padding-right:270px;
	}
	
	.carousel-control {
	    width:5%;
	}	
	
	.btn-sm{
	font-size: 14px;
}
	footer ul li a{font-size: 14px;}
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
		.btn-sm{
	font-size: 12px;
}
	
	.navbar-wrapper {
		height:140px;
		padding-top:70px;
	}
	
	.logo {
		left:45%;
		margin-top: 8px;
	}
	
	.logo img {
		width:120px;
	}
	
	.nav > li > a { 
		line-height:50px;
		font-size:12px;
	}
	
	.navbar-nav {
		padding-right:50px;
	}
	
	
	.carousel-control img {
    	width:20px;
	}
	
	.carousel-control {
    	width:5%;
	}
	
	.carousel-caption {
		padding:10px 40px 0px 40px;
	}
		
	.carousel-caption p {
		font-size:16px;
	}
	
	.hotel_category {
		padding-bottom:20px;
	}
	footer ul li a{font-size: 14px;}
}

@media (max-width: 767px) {

	.no_smartphone {
		display:none;
	}	
	
	.only_smartphone {
		display:block;	
	}
	
	.active > .dropdown-menu {
		display: block;
	}
	
	.navbar-nav .active .dropdown-menu {
	    background-color: transparent;
	    border: 0 none;
	    box-shadow: none;
	    float: none;
	    margin-top: 0;
	    position: static;
	    width: auto;
	}
	
	.navbar-wrapper {
		height:auto;
	}
	
	.navbar-inverse .navbar-toggle {
		background:#EED422;
	}
	
	.navbar-nav {
		float:none;
		padding:0px;
	}
	
	.navbar-nav > li > a {
		line-height:30px;
	}
	
	.logo img {
		height:30px;
		width:auto;
	}
	
	.carousel-control img {
    	width:20px;
	}
	
	.carousel-control {
    	width:5%;
	}
	
	.carousel-caption {
    	width:100%;
    	left:0px;
    	right:0px;
	}
	
	.carousel .container,
	.carousel-caption {
		padding:0px;
	}
	
	.carousel-control .icon-prev,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-right {
		top:50%;
	}
		
	.carousel-caption p {
		font-size:16px;
	}
	
	.caption-headline {
		padding:0px 40px 0px 40px;
	}
	
	.caption-content {
		padding:0px 40px 5px 40px;
	}
	
	#map {
		width:100%;
	}
	
	.section-4 img {
		max-width:75%;
	}
	
	.hotel_category {
		padding-bottom:20px;
	}
	
	.hotel_category .list {
		width:220px;
	}
	
	.hotel_category li {
		float:none;
		width:100%;
		border:none !important;
	}

	#login {
		margin-top:-42px;
		margin-right:60px;
	}
	
	.cycle-carousel-slice {
		height:auto;
	}
	
	.cycle-carousel-slice .col-sm-4 {
		padding-bottom:15px;
	}
	
	.row.marketing 	.col-sm-4 {
		padding-bottom:15px;
	}
	footer ul li a{font-size: 12px;}
}

@media (max-width: 479px) {

	.job-title {
		padding-right:0px !important;
	}
	
	.job-title img {
		display:none;
	}
	
}