/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('../fonts/source-sans-pro-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('../fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('../fonts/source-sans-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v11-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
       url('../fonts/source-sans-pro-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
body {font-family: 'Source Sans Pro', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif;font-weight: bold;}
.italic {font-style: italic;}
.lower {text-transform: none;}
.italic.bottom {margin-bottom: 0px;}
.subline {font-weight:200;margin-bottom: 30px;}
.blue {color: #4d7aa4;font-weight: 800;}
.black {color: #333;}
.white {border-top: 1px solid #fff;}
.border-white {border:1px solid #fff;}
a {color:#0088cc;}

.width-100 {width:100%;}
.small-image {padding:0px;margin-bottom:15px;}
img.float-left {float:left;}


/*  ____________________________________________  TOP - Header-Nav + Backgrounds  ____________________________________________ */

.container-mainnav-bg {background: none;z-index: 10000;}

.shadow_bg {position:relative;height:67px;z-index: 50;background: #fafafa;-moz-box-shadow: 0px 0px 14px rgba(40,40,40,0.9);	-webkit-box-shadow: 0px 0px 14px rgba(40,40,40,0.9);box-shadow: 0px 0px 14px rgba(40,40,40,0.9);}
.container.mainnav {z-index: 100;}
.navCornerLeft {float: left;background: url('../img/navCornerLeft2.png') no-repeat bottom left;height: 114px;width: 33px;position: absolute;left: -28px;top:-3px;z-index: 105;overflow: auto;}
.navCornerRight {background: url('../img/navCorner2.png') no-repeat bottom right;height: 114px;width: 33px;position: absolute;right: -28px; top:-3px;z-index: 105;overflow: auto;}
a.navbar-brand {position: absolute;width: 252px;height: 95px;background: url('../img/franatech_logo1.png') no-repeat;background-position: -5px -4px;left: -10px;overflow: hidden;margin-left: 21px;}
.navbar-nav {margin-top: .5px;}
.navbar {border-color: #fafafa;border-bottom:0px; -moz-box-shadow: 0px 0px 24px rgba(40,40,40,0.9);	-webkit-box-shadow: 0px 0px 24px rgba(40,40,40,0.9); box-shadow: 0px 0px 24px rgba(40,40,40,0.9);margin-bottom: 0px;}
.navbar-nav {margin-top: .5px;}
.navbar-collapse.navbar-right.collapse {padding-right:0px;}


.lt-ie9 .navCornerLeft, .lt-ie9 .navCornerRight {display:none;}

/* ____________________________________________   Navigation  ____________________________________________  */
.navbar {margin-bottom: 0px;}
.navbar-nav { margin: 0px 0px;}
ul.nav.navbar-nav {margin-bottom:0px;}
.navbar-nav > li > a {padding-top: 14px;padding-bottom: 14px;line-height: 20px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: #4d7aa4 url('../img/navArrowActive2.png') center right no-repeat;text-shadow:0 0 0;}
ul.nav.navbar-nav > li a {font-size:16px;text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.0);border-bottom:1px solid #ddd;border-right:0px solid #ddd;}
ul.nav.navbar-nav > li a.last {border-bottom:0px solid #ddd;}
ul.nav.navbar-nav > li a:hover {text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.4);}


/* ____________________________________________  Navigation TOGGLE  ______________________________________  */

.navbar-toggle {border:2px solid transparent;}
.navbar-default .navbar-toggle {border-color:#4d7aa4;}
.navbar-default .navbar-toggle .icon-bar {background-color: #4d7aa4;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;outline:0px dotted #ddd;}
.container > .navbar-header, .container > .navbar-collapse, #header-mainnavi.container.no-padding {padding-left: 0px;padding-right: 0px;}
.navbar-default .navbar-toggle:hover > .icon-bar {background-color: #98b7d4;}


/* ____________________________________________  Btn-Fähnchen Qualifikation  ______________________________________  */


ul.certificates li {list-style:none;}



.container.btn-quali-height {height: 1px;z-index: 15;position: relative;}
.btn-quali {width:70px;height:70px;right:8px;background:white;z-index: 15;position: absolute;-moz-box-shadow: 0px 0px 11px #aaa;-webkit-box-shadow: 0px 0px 11px #aaa;box-shadow: 0px 0px 11px #aaa;}
.btn-quali.tuev {right:73px;}
a:hover > .btn-quali  {-moz-box-shadow: 0px 0px 11px #545c68;-webkit-box-shadow: 0px 0px 11px #545c68;box-shadow: 0px 0px 11px #545c68;}

.btn-quali > div > img {/*margin-top:28px;*//*margin-bottom:6px;*/}
.btn-quali > div > p {text-decoration: underline;font-weight: 700;padding-right: 10px;padding-left: 10px;font-size:8px;}
.quali-icon {font-size:9px;}
.fade.in {background: rgba(100,100,100,0.2);outline:0px;}
.modal {border:0px;outline:0px;}
.modal-body.qualification > div > img {margin-bottom:20px;}
#qualification-bosiet .modal-body.qualification > div > img {margin-bottom:0px;}
#qualification-bosiet .modal-footer {margin-top:0px;}
a.certificate-link {padding:0px;margin-top: 15px;}
.link-enlarge {padding-top: 10px;display: block;position: relative;font-size:13px;}
/* ____________________________________________  SUBNAVIGaTION  ______________________________________  */

div.subBar {height: 135px;padding:0;margin:0;width:100%;background: #4d7aa4;position: relative;z-index: 10;margin-top: 7px;}
div.subBar.list-3 {height: 182px;}
div.subBar.home {height: 80px;}
div.position {position: relative;margin:auto;width: 100%;}

ul.subNav {position: absolute;margin-top:40px;padding-left: 0px;width:100%;}
ul.subNav.products {right: 0;}
ul.subNav li {text-decoration: none;list-style: none;display: block;cursor: pointer;cursor: hand;border-bottom: 1px solid #fff;display: block;}
ul.subNav li a {padding:13px 24px;text-transform: uppercase;font-size: 14px;font-weight:600;text-decoration: none;display: block;color: #cedee2;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;}
ul.subNav li:hover a {text-decoration: none;color:#fff;display: block;}
ul.subNav li.active a {font-weight: 900;color:#fff;font-size: 15px; padding:12px 24px;letter-spacing: 1px;display: block;}
ul.subNav li.active {border-bottom: 3px solid #fff;}
ul.subNav li:hover {border-bottom: 1px solid #fff;display: block;}
ul.subNav li:hover.active {/*border-bottom: 1px solid #4d7aa4;*/border-bottom: 3px solid #fff;display: block;}





/* ____________________________________________  Big Header Images  ______________________________________  */

.headerImg {margin-top:0;position: relative;z-index: 0;}
.headerImg2 {padding-right: 0px;}

.margin-subnavi {margin-top:0px;}
.full-width {width:100%;height:auto;overflow: hidden;position: relative;z-index: 0;}
.topic-caption {position: absolute;left: 15%;right: 15%;z-index: 10;padding-top: 10px;padding-bottom: 20px;color: #ffffff;text-align: center;top:0%;font-weight: bolder;}
.topic-caption  h1 {font-weight: 900;text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif;text-shadow:1px 3px 25px rgba(20, 20, 20, 0.7);font-size: 25px;margin-top:0px;}

div.topic.products {bottom:-60px;position: absolute;z-index: 10;font-weight: 900;text-transform: uppercase;color: #fff;line-height: 46px;width: 100%;}
div.topic.products > ul {left:0px;right:0px;margin: 0 auto;position: relative;overflow:hidden;-moz-box-shadow: 0px 0px 15px #999;-webkit-box-shadow: 0px 0px 15px #999;box-shadow: 0px 0px 15px #999;padding-left: 0px;}
div.topic.products > ul > li {float: left;list-style: none; text-align: center;display: block;background:  url('../img/products/navProjects_accessories.png') no-repeat center 68%, #f3f3f3; }
div.topic.products > ul > li.blue {background: #4d7aa4;background-image: none;
 -moz-box-shadow: 0px 0px 15px #555;-webkit-box-shadow: 0px 0px 15px #555;box-shadow: 0px 0px 15px #555;z-index: 90;position: relative;overflow-y: hidden;}
div.topic.products > ul > li.sensor {background:  url('../img/products/navProjects_sensor.png') no-repeat center 68%, #f3f3f3;border-right: 1px solid #ddd;}
div.topic.products > ul > li > a, div.topic.products > ul > li > p {color:#3f3f3f;text-align: center;padding:10px 0px 64px 0px; display: block;font-weight: 600;font-size: 14px;line-height: 20px;}
div.topic.products > ul > li.blue {border-right: 1px solid #ddd;}
div.topic.products > ul > li.blue p {color: #fff;text-align: center;font-size: 12px;padding: 10px 0px 42px 0px;}
div.topic.products > ul > li.blue p span.article {font-size: 16px;}
div.topic.products > ul > li > p {margin: 0px;}

div.topic.products > ul > li:hover,
div.topic.products > ul > li:hover.active {background: url('../img/products/navProjects_accessories.png') no-repeat center 68%, #cedee2; }
div.topic.products > ul > li:hover.sensor{background: url('../img/products/navProjects_sensor.png') no-repeat center 68%, #cedee2;}
div.topic.products > ul > li:hover.blue {background: #4d7aa4;}

div.topic.products > ul > li.active,
div.topic.products > ul > li:hover.active {background: url('../img/products/navProjects_accessories.png') no-repeat center 68%, #fff;}
div.topic.products > ul > li.sensor.active {background: url('../img/products/navProjects_sensor.png') no-repeat center 68%, #fff;}

div.topic.products > ul > li:hover a,
div.topic.products > ul > li.active a {color: #4d7aa4;text-decoration: none;}

div.topic.products.download {position: absolute;bottom: 47%;}

a.btn_dl  {z-index: 0;display: block;cursor: hand;cursor: pointer;text-decoration: none;}
a.btn_dl > p.btn_dl_text {z-index: 10;margin-top: -50px;padding-left: 20px;display: block;cursor: hand;cursor: pointer;font-weight: 400;font-size:17px;
   text-shadow:-1px 1px 0px #bbb;
  color: #366790;
-webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;}
a:hover > p.btn_dl_text {text-decoration: underline;color: #194362;}
a.btn_dl > p > span.download {font-weight: 900;font-size:18px;}
a.backLink {margin:18px 0 0 0; text-decoration: underline;color: #a9a9a9;float: right;}
a:hover.backLink {color: #194362;}


/* ____________________________________________  CONTENT CONTAINER MARGIN  ______________________________________  */


.general-margin {margin-top:30px;margin-bottom: 20px;}
.general-margin.sensor {margin-top:80px;}

/* ____________________________________________  Images-Links-STartseite  ______________________________________  */

.grid-margin {margin-top:20px;margin-bottom: 30px;}
.image_container {-webkit-box-shadow: 0px 0px 12px #b6b6b6;box-shadow: 0px 0px 12px #b6b6b6;-webkit-transition: box-shadow 100ms ease-in-out;-moz-transition: box-shadow 100ms ease-in-out;-o-transition: box-shadow 100ms ease-in-out;-ms-transition: box-shadow 100ms ease-in-out;
transition: box-shadow 100ms ease-in-out;}
a:hover > .image_container {-webkit-box-shadow: 0px 0px 12px #eee;box-shadow: 0px 0px 12px #eee;}
.img-thumbnail {padding: 1px;z-index: 0;border: 1px solid #ccc;border-radius: 1px;}
.carousel-caption-top {background:rgba(255,255,255,0.75);position: absolute;left: 16px;right: 16px;top: 1px;z-index: 10;padding-top: 15px;padding-bottom: 15px;color: #4d7aa4;text-align: center;}
.carousel-caption-top > h2 {font-family: 'Source Sans Pro', sans-serif;text-transform: uppercase;font-size: 20px;font-weight: 600;margin:0px;}

.image_container > .carousel-caption {text-shadow: 0 1px 2px rgba(255, 255, 255, 0.99);left: 25px;right: 25px;padding-bottom: 10px;bottom: 0px;}
.image_container > .carousel-caption > div > p {margin: 0px 0px 1px 0px;}
.image_container > .carousel-caption > .btn {padding:2px 8px 2px 8px;}

.boldUp, span.boldUp {text-transform: uppercase;font-weight: 700;}
.boldUp.home {font-size: 13px;font-style: italic;margin-bottom: 20px;}
.boldUp.home a, .boldUp.home a:hover {color:#333333;}
.boldUp.home a:hover {text-decoration: underline;}
.abstand {margin-top:20px;}


/* News Carousel Container */
.carousel-control.right {left: auto;right: 0;
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.000)), to(rgba(0, 0, 0, 0.0)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.000) 0%), color-stop(rgba(0, 0, 0, 0.0) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.000) 0%, rgba(0, 0, 0, 0.0) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.000) 0%, rgba(0, 0, 0, 0.0) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.000)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0%), color-stop(rgba(0, 0, 0, 0.000) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.000) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.000) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
}
.thumbnail {border: 0;
    box-shadow: 0 12px 12px -10px #c4c4c4;
    -webkit-box-shadow: 0 17px 22px -20px #c4c4c4;
    -moz-box-shadow: 0 12px 12px -10px #c4c4c4;width:100%;}
.thumbnail_text {width:auto;margin-top: 15px; height:145px;}
.thumbnail_text > p { text-align:center; line-height: 15px;}
.thumbnail_text > p > span.boldUp { text-align: center !important; text-align:center;font-size: 14px;line-height: 14px;}
.thumbnail_text > p > span.boldUp.small {font-size: 12px;line-height: 13px;}
h3.home_news {text-align: center;margin-bottom: 0px;font-size: 20px;line-height: 19px;margin-bottom: 6px;margin-top:5px;text-transform: uppercase;font-style: italic;}

div#news > .carousel-control {position: absolute;top: 104%;width: 30px;height: 30px;font-size: 40px;font-weight: 100;line-height: 14px;color: #ffffff;text-align: center;background: #222222;border: 3px solid #ffffff;-webkit-border-radius: 23px; -moz-border-radius: 23px;border-radius: 23px;opacity:1.0;}
div#news > .carousel-indicators {z-index: 5;list-style: none;position: relative;bottom: -20px;left: 0;z-index: 15;width: 0;list-style: none;text-align: center;margin: 0 auto;width: 80px;}
.carousel-indicators li {display: block;float: left;margin: 2px;background-color:#ddd;text-indent: -999px;width:12px;height: 12px;border:1px solid #ddd;}
.carousel-indicators > li.active {background-color: #4d7aa4;border:1px solid #4d7aa4;margin: 2px;}

div#news > a.right.carousel-control {right: -15px; background: #ccc; }
div#news > a.left.carousel-control {left:-15px;  background: #ccc; }
div#news > a:hover.right.carousel-control ,
div#news > a:hover.left.carousel-control { background: #bbb; }

div#news > div > div > div > .carousel-caption {bottom:-10px;left: 2%;
right: 2%;}

.img-padding-left, .no-padding-contact {padding-left: 0px;padding-right: 0px;}
.border-white {border:1px solid #fff;}
.marginTop {margin-top: 50px;}
.marginTop.link {margin-top: 30px;}
.marginTopImage {margin-top: 20px;}

.userpublish-margin-bottom {margin-bottom: 5px;}

div#news > div > div > div > div.carousel-caption {text-shadow:0 0px 0px rgba(0, 0, 0, 0.0);}

/* ____________________________________________  Content allgemein  ______________________________________  */



h2 {font-size: 25px;color: #4d7aa4;margin-bottom: 40px;text-transform: uppercase;}
hr {margin-top: 30px;}

.alu {margin-bottom: 10px;min-height: 36px;width: inherit;display: block;float: none;}
a.alu-links {margin-left:0px;margin-bottom: 20px;}


div#field-pictures > .carousel-control .icon-prev, div#field-pictures > .carousel-control .icon-next {background: #222222;width:40px;height:40px;font-size: 35px;line-height: 27px;border: 3px solid #ffffff;-webkit-border-radius: 23px;-moz-border-radius: 23px;border-radius: 23px;opacity: 0.6;}
div#field-pictures > .carousel-control.right {right: 10px;}
div#field-pictures > .carousel-control.left {left: -10px;}
div#field-pictures > .carousel-indicators {width: 126px;margin: 0 auto;left:29%;}

h3.research, h3.products  {margin-bottom: 0px;line-height: 30px;font-style: italic;text-transform: uppercase;}
/*h3.products {margin-bottom: 50px;}*/
h3.products {margin-bottom: 15px;}
h3.products.padding {margin-bottom: 0px;}
div.researchMargin {margin-left: 50px;}
.niva-logo {margin-top: 24px;}
.no-padding-left {padding-left: 0px;}
.no-padding-right {padding-right: 0px;}
.less-margin-bottom {margin-bottom: 0.5em;}


/* ____________________________________________  Company - Qualification _______________________________  */

.headline-blue {color:#4d7aa4;}
.headline-blue.margin {margin-top:60px;}
.border-around {border:1px solid #ddd; padding-top: 30px;padding-bottom: 30px;}
.xs-max-width {max-width:400px;margin:0 auto;margin-top:30px;}




/* ____________________________________________  Kontaktformular  ______________________________________  */


ul.imprint {padding-left: 0px;text-decoration: none;list-style: none;}
ul.imprint.second {margin-bottom: 40px;}
fieldset.set {margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border-bottom: 0px;}
.first-checkbox {margin-top:-5px;}
.radio, .checkbox {margin-bottom: 30px;}
legend.check-margin {padding-bottom: 20px;margin-bottom: 0px;}
.img-top-captcha {margin-top: -14px;}
.left-right {margin-left: 0px;margin-right: 0px;}
legend.legendtopic {
font-size: 30px;
color: #ddd;
font-weight: 700;
margin: 40px 0px;margin-bottom:0px;padding-bottom:40px;
}
.form-type {font-size: 1.2em;text-transform: uppercase;font-weight: 700;}
.lastItem {margin-bottom: 0px;}
label.agb-no-bottom {margin-bottom: 0px;}
.row-margin-left {margin-left: 15px;margin-right: 15px;}
#captcha_code {width: 107%; margin: 0 -15px;}

/* ____________________________________________  Product Sheets  ______________________________________  */

.dl-button {margin-top: -20%; position: absolute;width: 100%;}
.dl-button > div > div > a {color:#4d7aa4;color: #366790; text-shadow: -1px 1px 0px #bbb;
  -webkit-transition: color 200ms ease-in-out;
-moz-transition: color 200ms ease-in-out;
-o-transition: color 200ms ease-in-out;
-ms-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;}
div.datasheet-download {text-align: center;
  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  border: 1px solid #bbb;
border-radius: 9px;
-moz-box-shadow: 0px 3px 5px #ccc;
-webkit-box-shadow: 0px 3px 5px #ccc;
box-shadow: 0px 3px 5px #ccc;}
.dl-button > div > div > a:hover  {text-decoration: underline;color: #194362;}

p.btn-default_dl_text {text-transform: uppercase;padding: 8px 5px 8px 5px;margin: 0px;font-size: 14px;}
span.download {font-weight: 900;font-size: 15px;}
span.glyphicon.glyphicon-circle-arrow-down {padding-left:10px;top:2px;}




.dl-button.visible-xs {margin-top: 0;position: relative;margin-top:30px;margin-bottom: 10px;}

.productdetails {margin-left: 0px;padding-left: 17px;}
.productdetails.zwo {padding-left:0px;}
.productdetails li {list-style: square;font-weight: 600;}
.productdetails.zwo li {display: block;}
hr.list {margin-top: 0px;margin-bottom: 7px;}
hr.list.dark {margin-top: 0px;margin-bottom: 7px; border-top: 2px solid #ccc !important;}

.img-product-margin {margin: 0 0 17px;}
.versalien {text-transform: none;}
.bg-gray1 {background:#F7F7F7;}
.bg-gray2 {background:#EDEDED;}
.bg-gray3 {background:#E3E3E3;}
.bg-gray4 {background:#D9D9D9;}

/* ____________________________________________  Footer  ______________________________________  */

footer {background: #4d7aa4;
	-moz-box-shadow:inset 0px 16px 40px #305e85;
-webkit-box-shadow:inset 0px 16px 40px #305e85;
box-shadow:inset 0px 16px 40px #305e85;padding-top:20px;padding-bottom:20px;}

.footer-container {border-bottom:1px solid #fff;border-right:0px solid #fff;margin-bottom: 20px;padding-bottom: 10px;}
.footer-container.last {margin-bottom: 0px;padding-bottom: 0px;border-bottom:0px solid #fff;}
.liste {list-style: none;color: #fff;height: auto;}
.liste > li > a, .liste > li > p, address, address a {color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.liste > li > a {display:block;padding-top:4px;padding-bottom:4px;font-size: 15px;font-weight: 600; color:#cedee2;-webkit-transition: color 100ms ease-in-out;-moz-transition: color 100ms ease-in-out;-o-transition: color 100ms ease-in-out;-ms-transition: color 100ms ease-in-out;transition: color 100ms ease-in-out;}
.liste > li:hover > a, .liste > li:hover.active > a, .liste > li.active > a {color:#fff;text-decoration: none;}
.liste > li:hover.active > a, .liste > li.active > a {text-decoration: underline;}
.text-alignment {text-align: left;}
.liste.middle  > li.active {background: url('../img/navFooActiveSub.png') no-repeat center left;}
.liste.middle  > li > a {font-size: 12px;padding-left: 23px;}
.liste.middle  > li.active > a {font-size: 15px;}
.logo-margin-bottom {margin-bottom: 24px;}

address {font-size: 12px;}
address p {margin: 0 0 10px 0;}
address p strong {font-size: 16px;}
address p a:hover {color:#fff;text-decoration: underline;}






/* ____________________________________________  MEDIA QUERIES  ______________________________________  */
/* _________________________________________________________________________________________________________  */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
   /* a.navbar-brand {width: 230px;height: 95px;background: url('../img/franatech_logo.png') no-repeat;*/
    a.navbar-brand {
        background:url('../img/franatech_logo1@2x.png') no-repeat top;
        background-size: 230px 95px;left:-20px;background-position: 12px 4px;
    }
}


@media (min-width: 264px){
   a.alu-links {margin-left:0px;}
          .eu_logo {margin-left: 0px!important; position: relative!important; width: 200px;
        
    }
    .eu_logo-2 { margin-left: 0px!important; position: relative!important; width: 200px; margin-top: 0px!important;;
        
    }
}

@media (min-width: 277px){
   a.alu-links {margin-left:0px;}
          .eu_logo {margin-left: 0px!important;
        
    }
    .eu_logo-2 { margin-left: 0px!important;
        
    }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
          .eu_logo {margin-left: 0px!important;
        
    }
    .eu_logo-2 { margin-left: 0px!important;
        
    }
    
	.container > .navbar-header, .container > .navbar-collapse, #header-mainnavi.container.no-padding {padding-left: 15px;padding-right: 15px;}
	.navbar-nav { margin: 22.5px -15px;}
	.navbar-nav {margin-top:0px;}
	.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: #4d7aa4 url('../img/navArrowActive.png') bottom center no-repeat;text-shadow:0 0 0;}
	.nav > li > a {padding: 39px 12px;}
	ul.nav.navbar-nav > li a {font-size: 14px;border-right:1px solid #ddd;border-bottom:0px solid #ddd;}
	ul.nav.navbar-nav > li a.last {border-right:0px solid #ddd;}
	.navbar-nav > li > a {padding-top: 39px;padding-bottom: 39px;}

  .btn-quali {width:90px;height:101px;right:18px;margin-top: 0px;}
  .btn-quali.tuev {right:93px;}
  .btn-quali > div > img {margin-top:6px;}
  .btn-quali > div > p {font-size:12px;}
  .quali-icon {font-size:10px;}

  div.position {max-width: 580px;}
  	div.subBar, div.subBar.list-3, div.subBar.home {margin-top: -5px;height:70px;}
  	ul.subNav {padding-left: 100px;margin-top:30px;}
    ul.subNav li {float: left;}
    ul.subNav li {border-bottom: 3px solid #4d7aa4;}
    ul.subNav li:hover {border-bottom: 3px solid #fff;}
    ul.subNav li.active, ul.subNav li:hover.active {border-bottom: 3px solid #4d7aa4;}
    ul.subNav li a {padding:13px 12px 4px;}
    ul.subNav li.active a {padding:12px 12px 4px;}

	.general-margin {margin-top:50px;margin-bottom: 50px;}
	.headerImg {margin-top:0px;top:0;}

      .lt-ie9 .headerImg, .no-js .headerImg {top:-34px;}

	.full-width {width:100%;margin-left:0;}
	.margin-subnavi {margin-top:0px;}
	.topic-caption {bottom:none; top:14%;padding-top: 20px;}
	.topic-caption  h1 {font-size: 30px;margin-top:20px;}
	div.topic.products > ul {width:600px;right:0;left:0;}

  div.topic.products > ul {background-color: #fff;}

	div.topic.products > ul > li > a, div.topic.products > ul > li > p {font-size: 18px;line-height: 36px;padding: 28px 0px 64px 0px;}
	div.topic.products > ul > li.blue p span.article {font-size: 22px;}

  


	.grid-margin {margin-top:0px;}
	.carousel-caption-top > h2 {font-size: 25px;}
	.image_container > .carousel-caption {padding-bottom: 10px;bottom: 0px;}
	.image_container > .carousel-caption > .btn {padding:6px 12px;}
	.boldUp.home {font-size: 16px;margin-bottom: 20px;}


	.thumbnail_text {margin-top: 25px;}
	.thumbnail_text > p  > span.boldUp.small {font-size:14px; line-height: 19px;}
	.general-margin.sensor {margin-top:100px;}
  div#news > div > div > div > .carousel-caption {bottom:-20px;}
  div#news > a.left.carousel-control {left:0px;}
  div#news > a.right.carousel-control {right: 0px;}

	.left-right {margin-left: -15px;margin-right: -15px;}
  .row-margin-left {margin-left: 0px;margin-right: 0px;}
	.radio, .checkbox {margin-bottom: 10px;}
	.check-margin {padding-top: 0px;}

  .dl-button {margin-top: -16%;}
  p.btn-default_dl_text {padding: 8px;margin: 0px;font-size: 17px;}
  span.download {font-size: 18px;}
  span.glyphicon.glyphicon-circle-arrow-down {padding-left:10px;top:2px;}

  .alu {float: left;}
  a.alu-links {margin-left:10px;}



  /* comapny - qualification */
  .xs-max-width {width:auto;max-width:inherit;margin-left:-15px;margin-right:-15px;}
  .headline-blue.margin {margin-top:10px;}
  p.getHeight_bosiet {margin-bottom: 60px;}
  p.getHeight_achilles {margin-bottom: 0px;}
  p.getHeight_labview {margin-bottom: 40px;}
  .modal-dialog {width:450px;}


	footer {padding-top:40px;padding-bottom:40px;}
	.footer-container {border-right:1px solid #fff;border-bottom:0px solid #fff;margin-bottom:0px;}
	.footer-container.last {border-right:1px solid transparent;}
	.liste {height: 240px;}
	.text-alignment {text-align: right;}
	address {margin-left:0px;}
}



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container .no-padding, .container.no-padding {padding-left:15px;padding-right:15px;}
	.nav > li > a {padding: 39px 21px;}
	ul.nav.navbar-nav > li a {font-size:18px;}

    /* EU LOGOS */ 
    
    .eu_logo {margin-left: 0px;
        
    }
    .eu_logo-2 { margin-left: 0px;
        
    }
    
  /* index Fähnchen */
  .btn-quali {width:120px;height:129px;right:31px;margin-top:0px;}
  .btn-quali.tuev {right:123px;}
  .btn-quali > div > img {margin-top:6px;}
  .btn-quali > div > p {font-size:14px;}
	.margin-subnavi {margin-top:0px;}
	#topic-caption.carousel-caption {bottom:none; top:20%;}
	.topic-caption  h1 {font-size: 40px;}
	.boldUp.home {font-size: 19px;margin-bottom: 20px;}
	.thumbnail_text {margin-top: 35px;}

  a.alu-links {margin-left:10px;}

	div#field-pictures > .carousel-indicators {left:42%;}
	.niva-logo {margin-top: 9px;}
	.visible-lg.visible-md.display {display: table !important;}

  /* Company - Qualification */
  p.getHeight_bosiet {margin-bottom: 30px;}
  p.getHeight_achilles {margin-bottom: 20px;}


   h3.products {margin-bottom: 24px;}

	footer {padding-top:50px;padding-bottom:50px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.nav > li > a {padding: 39px 20px;}
  .btn-quali {width:120px;height:129px;right:31px;margin-top:0px;}
  .btn-quali.tuev {right:123px;}


	.topic-caption { top:18%;}

    /* Company - Qualification */
  p.getHeight_bosiet {margin-bottom: 30px;}
  p.getHeight_achilles {margin-bottom: 0px;}
  p.getHeight_labview {margin-bottom: 20px;}
  .modal-dialog {width:600px;}

  h3.products {margin-bottom: 50px;}
  .marginTop.link {margin-top: 50px;}


 }

 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   margin-top:25px;
 }

 .transition {
   font-size: 16px;
line-height: 1.8;
 }