/* Farben */

/*

JBS Grün  #66bb00
JBS Textlink Grün #227700

NUCLEOSIDES & NUCLEOTIDES #009900
CLICK CHEMISTRY #cc0000
MOLECULAR BIOLOGY #000066
LEXSY EXPRESSION #0066cc
PROTEINS #ff0099
CRYSTALLOGRAPHY #ff9900
PROBES	#99cc00


*/

/*----------	 ROOT  -------------*/
html { min-height: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;}
body {background-repeat: no-repeat; min-height: 100%; font-family: 'Fira Sans', sans-serif; font-size: 13px; line-height: 1.65; background-color: #f6f6f6; overflow-x: hidden;}

h1 {font-family: 'Fira Sans', sans-serif; font-weight: 100; font-size: 23px; margin-bottom: 25px;}
h1 a {font-family: 'Fira Sans', sans-serif; font-weight: 700; font-size: 18.1px;margin-bottom: 10px;}
h2 {font-family: 'Fira Sans', sans-serif; font-weight: 700; font-size: 18.1px;}
h3 {font-family: 'Fira Sans', sans-serif; font-weight: 700; font-size: 16px;}
h4 {font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 16px;}
h3 {font-family: 'Fira Sans', sans-serif; font-weight: 700; font-size: 14px;}
h4 {font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 14px;}

.prodcatlinklist  {margin-top:25px;}
.prodcatlink {font-family: 'Fira Sans', sans-serif; font-weight: 700; font-size: 16px;margin-bottom:10px;}

a {color: #227700; font-weight: 400;}
a:focus, a:hover {text-decoration: none;color:#169E08;}
p, li {font-size: 14px; line-height: 1.5; font-weight: 300;}

textarea {border: 1px solid #ccc !important;width: 100%;}


ul {margin: 0 0 15px 0;}
li {padding: 2px 0;}

b {font-weight: 500;}

/*----------	 STANDARD-CLASSES  -------------*/
.form-control {border-radius: 0; border: 0;}
.content .row {padding-bottom: 15px;}
.content .row:first-of-type {padding-bottom: 0px;}

.contentpage h1 {font-weight: 500;}

/*----------	 MAIN DIVS  -------------*/
.header {position:relative; width:100%;	background-color:#66bb00;
  background-image: -moz-linear-gradient( 0deg, rgb(102, 187, 0) 0%, rgb(64, 139, 0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(102, 187, 0) 0%, rgb(64, 139, 0)) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(102, 187, 0) 0%, rgb(64, 139, 0)) 100%);
}
.content {padding: 50px 15px;}
.footer {padding: 15px 0 100px 0; background-color: #434343; float: left; width: 100%;}

.mainpage {}
.contentpage {background-color: #fff;}

.content-inner {margin-left: -30px; margin-right: 0;}
.content-inner-right {padding-right: 0;}


/*----------	 HEADER     -------------*/
.header .container {padding: 0;}
.logo { float: left; width: 280px; background: url(images/logo.png) no-repeat center center transparent; background-size: contain; left: -50px; position: relative; top: 40px;}
.logo a img {width: 280px;height:105px;visibility: hidden;}
.logo a {width: 100%; height: 105px; float: left;}

.boxnotepad {font-size:12px; position:absolute;	top:0;	right:230px; background-color:#277800; width: 220px; color: #fff; padding: 10px;}
.boxnotepad p {font-size:12px; margin: 0;}
.boxnotepad img {width: 15px; height: 16px; float: right;}
.boxnotepad a {color: #fff; font-size:12px;}
.boxnotepad a:hover {color: #66cc00; font-size:12px;}

.boxnotebasket {font-size:12px; position:relative;	top:0;	right:0px; background-color:#277800; width: 220px; color: #fff; padding: 10px;}
.boxnotebasket p {font-size:12px; margin: 0;}
.boxnotebasket img {width: 15px; height: 16px; float: right;}
.boxnotebasket a {color: #fff; font-size:12px;}
.boxnotebasket a:hover {color: #99ee66; font-size:12px;}

#onlinequoteinfo {top:5px; display:none; position:absolute; right:222px; z-index:7000; width:250px;}
#onlinequoteinfo.tooltip {opacity:1;}
.tooltip-arrow {top: 30%; right: -5px; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #ad1010;}
.tooltip-inner {max-width: 250px; padding: 8px 8px; color: #fff; text-align: center; background-color: #ad1010; border-radius: 6px; font-size:14px; line-height: 20px;}

.boxsignout {background-color:#277800;color:#fff;padding:5px 25px 5px 0;text-align:right;}
.boxsignout a {color: #fff; font-size:12px;}
.boxsignout a:hover {color: #99ee66; font-size:12px;}

.basket-search {float: right; position: relative; right: 0; top: 0;}
#searchform {position: relative;}
.search .form-control {text-align: left; color: #717171; opacity: 0.7; border: 0; border-radius: 0; margin: 15px 0 0 0;}
.search .search-submit {color: #277800; position: absolute; top: 0; right: 0; padding: 6px; background-color: transparent; border: 0; font-size: 21px;}

/*----------	NAVIGATION    -------------*/
.header-menu {position: relative; float: right;  top:115px; right: 10px;}

.top-navigation {float: right; clear: both; position: relative; z-index: 110;}
.top-navigation ul {margin: 0; padding: 0;}
.top-navigation li {list-style-type: none; display: inline;}
.top-navigation li a {color: #fff; font-size: 14px; font-weight: 400;}
.top-navigation li a:after {content: " | ";  opacity: 0.7;}
.top-navigation li:last-of-type a:after {content: "";}

.top-navigation-mobile {display: none;}

.navigation {float: left; margin-bottom: -35px; margin-top: 15px;}
.navbar {margin-bottom: 0;}
.navbar-inverse {background: none;border: 0;}

.navbar-collapse {float: left;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background-color: #fff; color: #333333; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #efefef; background-color: #000;}

.dropdown-menu {padding: 10px 0;}
.dropdown a {transition: background-color 300ms ease-out 0s;}
.dropdown-menu > li {padding: 0px; border-bottom: 1px solid #333;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li:hover { color: #efefef; text-decoration: none;}

.navbar-nav .nav-2 { border: 0 none; border-top: 2px solid transparent; border-radius: 0; background-color: rgba(0,0,0, 0.9); display: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s  ease; -o-transition: all 0.2s  ease; transition: all 0.2s  ease; min-height: 90px;}
.navbar-nav .nav-2 a {font-weight: 400; font-size: 14px; color: #fff; padding: 6px 12px 4px;}

.navbar-nav .nav-3 {list-style-type: none; margin: 0 0 10px 0; padding: 0 20px; float: left; }
.navbar-nav .nav-3 li {list-style-type: none;}
.navbar-nav .nav-3 a {font-size: 14px; color: #333; text-transform: none; padding: 2px 20px; font-weight:400; width: 100%; float: left;}

.navbar-nav .nav-3 a:focus, .navbar-nav .nav-3 a:hover {background-color: #4f9347; color: #333333; text-decoration: none;}

.navbar-inverse .navbar-toggle {border: none;}

.droplink {display: none;}
.nav-item:hover > .nav-2 {display: block; opacity:1;}

.navbar-inverse .navbar-nav {position: relative; padding: 0;}
.navbar-inverse .navbar-nav > li { margin-right: 2px; display: table; text-align: center; background-color: transparent; height: 60px; padding: 0;}
.navbar-inverse .navbar-nav > li > a {color: #fff; background-color: #000; font-size: 15px; font-weight: 500; padding: 0; display: table-cell; position: relative; vertical-align: middle;}

.mobiletopnav {display: none;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {background-color: #444;}
.dropdown-menu > .active > a:hover {background-color: #666;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #888;}

/*INDIVIDUELLE ANPASSUNG NAVIGATIONSPUNKTE*/
.nav-item-1 {width: 145px; }
.nav-item-2 {width: 144px;}
.nav-item-3 {width: 150px;}
.nav-item-4 {width: 180px;}
.nav-item-5 {width: 155px;}
.nav-item-6 {width: 160px;}
.nav-item-7 {width: 100px;}
.nav-item-8 {width: 120px;}
.nav-item-9 {width: 180px;}

.navbar-nav .nav-item-1 {border-bottom: 5px solid #009900;}
.navbar-nav .nav-item-2 {border-bottom: 5px solid #cc0000;}
.navbar-nav .nav-item-3 {border-bottom: 5px solid #000066;}
.navbar-nav .nav-item-4 {border-bottom: 5px solid #99cc00;}
.navbar-nav .nav-item-5 {border-bottom: 5px solid #0066cc;}
.navbar-nav .nav-item-6 {border-bottom: 5px solid #ff9900;}
.navbar-nav .nav-item-7 {border-bottom: 5px solid #ff0099;}
.navbar-nav .nav-item-8 {border-bottom: 5px solid #00aeef;}
.navbar-nav .nav-item-9 {border-bottom: 5px solid #00ccff;}
.navbar-nav .nav-item-x {border-bottom: 5px solid #999999;}

.navbar-inverse .navbar-nav > .nav-item-1:focus > a, .navbar-inverse .navbar-nav > .nav-item-1:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-1 > a {background-color: #009900;}
.navbar-inverse .navbar-nav > .nav-item-2:focus > a, .navbar-inverse .navbar-nav > .nav-item-2:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-2 > a {background-color: #cc0000;}
.navbar-inverse .navbar-nav > .nav-item-3:focus > a, .navbar-inverse .navbar-nav > .nav-item-3:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-3 > a {background-color: #000066;}
.navbar-inverse .navbar-nav > .nav-item-4:focus > a, .navbar-inverse .navbar-nav > .nav-item-4:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-4 > a {background-color: #99cc00;}
.navbar-inverse .navbar-nav > .nav-item-5:focus > a, .navbar-inverse .navbar-nav > .nav-item-5:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-5 > a {background-color: #0066cc;}
.navbar-inverse .navbar-nav > .nav-item-6:focus > a, .navbar-inverse .navbar-nav > .nav-item-6:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-6 > a {background-color: #ff9900;}
.navbar-inverse .navbar-nav > .nav-item-7:focus > a, .navbar-inverse .navbar-nav > .nav-item-7:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-7 > a {background-color: #ff0099;}
.navbar-inverse .navbar-nav > .nav-item-8:focus > a, .navbar-inverse .navbar-nav > .nav-item-8:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-8 > a {background-color: #00aeef;}
.navbar-inverse .navbar-nav > .nav-item-9:focus > a, .navbar-inverse .navbar-nav > .nav-item-9:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-9 > a {background-color: #00ccff;}
.navbar-inverse .navbar-nav > .nav-item-x:focus > a, .navbar-inverse .navbar-nav > .nav-item-x:hover > a, .navbar-inverse .navbar-nav > .active.nav-item-x > a {background-color: #999999;}


/*
.nav-item-icon {  background-size: 60px auto !important; left: 12px; top: 9px; height: 70px; position: absolute; width: 70px; background-repeat: no-repeat; background-position: center center;}

.navbar-nav .nav-item-1 .nav-item-icon, ul#navmob .nav-item-1 .nav-item-icon {background-color: #009900; background-image: url('images/icon_color_Nucleotides.svg');}
.navbar-nav .nav-item-2 .nav-item-icon, ul#navmob .nav-item-2 .nav-item-icon {background-color: #cc0000; background-image: url('images/icon_color_Click_Chemistry.svg');}
.navbar-nav .nav-item-3 .nav-item-icon, ul#navmob .nav-item-3 .nav-item-icon {background-color: #000066; background-image: url('images/icon_color_Molecular_Biology.svg');}
.navbar-nav .nav-item-4 .nav-item-icon, ul#navmob .nav-item-4 .nav-item-icon {background-color: #99cc00; background-image: url('images/icon_color_Probes.svg');}
.navbar-nav .nav-item-5 .nav-item-icon, ul#navmob .nav-item-5 .nav-item-icon {background-color: #0066cc; background-image: url('images/icon_color_LEXY.svg');}
.navbar-nav .nav-item-6 .nav-item-icon, ul#navmob .nav-item-6 .nav-item-icon {background-color: #ff9900; background-image: url('images/icon_color_Macromelecular_Cristallography.svg');}
.navbar-nav .nav-item-7 .nav-item-icon, ul#navmob .nav-item-7 .nav-item-icon {background-color: #ff0099; background-image: url('images/icon_color_Proteins.svg');}
.navbar-nav .nav-item-8 .nav-item-icon, ul#navmob .nav-item-8 .nav-item-icon {background-color: #993300; background-image: url('images/icon_color_Biochemistry.svg');}
.navbar-nav .nav-item-9 .nav-item-icon, ul#navmob .nav-item-9 .nav-item-icon {background-color: #00ccff; background-image: url('images/icon_color_Affinity_Chromatography.svg');}
*/

.dropdown-menu-8 {
	margin-left:-84px;
}

/* Mobile Navigation */

ul#navmob .nav-item-1, ul#navmob .nav-item-2, ul#navmob .nav-item-3, ul#navmob .nav-item-4, ul#navmob .nav-item-5, ul#navmob .nav-item-6, ul#navmob .nav-item-7, ul#navmob .nav-item-8, ul#navmob .nav-item-9, ul#navmob .nav-item-x { width: 11%; height: 150px; float: left; background: #000; list-style: none; text-align: center; font-size: 12px; padding: 5px;}

 #navmob {display:none;background-color: #000; margin: 0;}
 #navmob .nav-item-icon {width:80%; position: relative; margin-bottom: 8px;}
 #navmob a {color: #fff;}
.navbar-inverse .navbar-toggle {}
.navbar-toggle .menu-text {color: #fff; float: left; text-transform: uppercase; padding: 2px 10px; line-height: 1;}
.navbar-toggle .menu-icon {float: left;}

/*CONTENTMENU */
.contentmenu h1 {font-size: 20px; color: #046500; font-weight: 500; margin-top: 5px; margin-bottom: 5px;}
.contentmenu ul {margin: 0; padding: 0;}
.contentmenu li {padding: 2px 5px; list-style-type: none !important;}
.contentmenu li:before {content: " " !important; }
.contentmenu a {color: #000; padding: 2px 0px; font-weight: 400;}
.contentmenu .h1 {font-size: 20px; color: #000; font-weight: 400; color: #046500;}
.contentmenu .h1 a {margin:0 0 5px 0;font-size: 20px; color: #046500; }
.contentmenu .active a {color: #000;}
.contentmenu .active > a {color: #046500;}
.contentmenu .active {background-color: #f2f2f2; padding: 10px 5px;}
.contentmenu ul li ul {padding-left: 15px;}
.contentmenu .active li {padding: 2px 0; list-style-type: disc;}
.contentmenu .active .active {padding: 2px 0px;}
.contentmenu .active li a  {font-size: 12px; font-weight: 300;}

/*BREADCRUMB */
.breadcrumb {font-size: 12px; text-align: left; background-color: #fff; width:100%; padding-left: 0; margin-left: 15px; border-bottom: 1px dotted gray;border-radius: 0;}
.breadcrumb a {font-size: 12px; color: #000; font-weight: 300;}
.breadcrumb a.active {font-weight: 700; color: #000;}
/* .breadcrumb a:last-of-type:after {content: ""; padding: 0 5px;} */
.searchresultpage .breadcrumb {margin-left: 0;}

/* SLIDER */
.slider {width: 100%; height: 450px; margin: 0 auto; overflow: hidden; position: relative; z-index: 99;}
.swiper-container {max-width: 900px; margin-bottom: 15px;}

.swiper-container {
    max-width: 900px;
} 

.swiper-slide {float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
.swiper-slide-duplicate {display: none;}
.swiper-slide a {display: block; height: 100%;}
.slider img {position: absolute; top: -170px; -webkit-transition: all 20s ease-in-out; -moz-transition: all 20s ease-in-out; -o-transition: all 20s ease-in-out; -ms-transition: all 20s ease-in-out; transition: all 20s ease-in-out;}
.slider .zoom-image {-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);}

.swiper-slide-news {top: 30%; position: relative; z-index: 200; color: #fff; padding: 0px 50px;}
.swiper-slide-news-inner {width: 500px;}
.swiper-slide-news b {color: #fff;}
.swiper-slide-news .news-item-date {font-size: 12px; color: #fff;}
.swiper-slide-news .news-item-headline {font-size: 33px;color: #fff; font-weight: 400;line-height: 36px;}
.swiper-slide-news .news-item-headline a {color: #fff;}
.swiper-slide-news .news-item-subheader {font-size: 14px;color: #fff;}
.swiper-slide-news .news-item-subheader ul li {font-size: 14px;color: #fff;}
.swiper-slide-news .news-item-subheader a {	color: #fff;}
.swiper-slide-news .news-item-subheader img {right: 60px; top: -80px; height: 260px;}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 110px;}
.swiper-pagination-bullet {width: 15px;	height: 15px; background-color: #fff; opacity: 0.6;}
.swiper-pagination-bullet-active {background-color: #227700;}

/* SLIDER ABOUT */
.contentpage .swiper-pagination { bottom:20px;}


/* MAPFORM */
.mapform {width: 100%; background: url('images/background-mapform.jpg') no-repeat center center transparent; padding: 10%;float: left;}
.mapform-inner {width: 450px; margin: 0 auto;}
.select-style {background: url('images/icon-dropdown.jpg') no-repeat right 0 #fff; width: 400px; overflow: hidden; float: left;}
.mapform select { border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; width: 110%; float: left;  height: 34px; margin-right: 0px;}
.mapform-link {color: #fff; font-size: 24px; line-height: 1; background-color: #227700; display: table; position: relative; float: left; margin-left: 1px;}
.mapform-link div {display: table-cell; position: relative; vertical-align: middle; text-align: center;}
.mapform-link:hover {cursor: pointer;}

.mapform-link {width: 30px;height: 30px;}
.mapform-link a {position: relative; display: block;}
.mapform-link .glyphicon {color: #fff;}

.worldmap img {width: auto;}
.worldmap h2 img {height: 20px;margin-right:10px;}

/*MAINPAGE*/
.mainpage .content .row > div {padding: 10px 35px;}
.mainpage .content .row h1 {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; font-weight: 400; padding: 15px 0px;margin-bottom: 20px;}
.mainpage .content {padding: 10px 0px;}
.mainpage .content .row > div > p {float:left; width: 100%;}

.mainpage  .marker {float: left; padding-bottom: 0;	margin: 0 10px 0 -25px;	padding-right:15px;	color: #277800;}

/* DOWNLOADS */
.downloads {margin: 0 0 0 25px; padding: 0 ;}
.downloads li {list-style-type: none !important; padding: 3px 0;}
.downloads li a {font-weight: 500;}
.downloads li a:before {content: "";margin-left: -17px;}
.downloads .fileinfo {font-size: 12px; color: #2d2d2d;}

/*.downloadarea {clear:both; background-color:#f2f2f2; padding-top: 15px; margin-bottom: 15px; float: left; width: 100%;}*/
/*.downloadsingle a {float:left;width:10%;}*/
/*.downloadsingle a.downloadtext {width:84%;padding:0 2%; font-weight: 500; font-size: 16px; font-style: italic;}*/

.downloadarea {clear:both; float: left; width: 100%; padding: 0 15px 0 15px;}
.downloadarea > div {background-color:#f2f2f2; padding: 15px;}
.downloadsingle a {float:left;width:10%;}
.downloadsingle a.downloadtext {width:84%;padding:0 2%; font-weight: 500; font-size: 16px; font-style: italic;}

.downloadmore a {float:left;width:20%;}
.downloadmore a.downloadtext {width:80%; padding:0% 5% 12%; font-weight: 500; font-size: 14px; font-style: italic; height: 88px; line-height: 17px;}

.downloadmore a img, .downloadsingle a img {box-shadow: 0px 0px 5px rgb(204, 204, 204);}

/* BUTTONS */
.btn, .inp_submit2 {color: #ffffff; background-color: #35a807; border-radius: 0; border:none; padding: 4px 8px; font-size: 13px; font-weight: 500}
.btn:hover {background-color: #40be0e;}
.btn.focus, .btn:focus, .btn:hover {color: #fff;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {background-color: #40be0e;}

.table button {margin-bottom: 3px;}
.basketbtn {margin-bottom: 3px;}

.basket-buttons .glyphicon {font-size: 100%;}

/* LISTEN */
.content ul { list-style-position:outside; clear: left;}
.content li {list-style-type: disc; }

/* NEWSBOX */
.newsbox {padding: 50px 50px 25px 50px; background-color: #fff; margin-top: -100px; position: relative; z-index: 100;}
.newsbox .col-md-3 {border-left: 1px solid #aaabac;}
.newsbox .col-md-3:first-of-type {border-left: none;}
.news-item-date {font-size: 10px; color: #2d2d2d;}
.news-item-headline {font-size: 17px; margin: 5px 0;line-height: 22px;}
.news-item-subheader {font-size: 12px; font-weight: 400;}
.news-item-subheader ul {margin: 3px 0 4px 0;}
.news-item-subheader a ul {margin:5px 0 15px 0;}
.news-item-subheader a ul li {font-weight: 400;}
.news-item .news-item-subheader ul li {font-size: 12px; font-weight: 400;}
.newsbox .newslink {float: right;}
.newsbox .row:first-child {padding-bottom: 10px;}
.newsbox .newslink a {font-weight: 500;}

/*TABLES */
.table {font-size: 14px;}
.table > thead > tr > th {border-bottom: 2px solid #fff;}
.table a {text-align: left; margin-right: 5px;}
.table .glyphicon.glyphicon-list-alt {font-size: 24px; color:#35A807;}

.table-coloured thead th {background-color: #878787; color: #fff;}
.table-coloured td {background-color: #f4f4f4;}
.table-coloured tr:nth-of-type(odd) td {background-color: #fff;}
.table-coloured tr:nth-of-type(even) td {background-color: #f4f4f4;}

.table-calculation {min-width: 450px;}
.table-calculation .form-control {width: 100%; border: 1px solid #efefef; float: left; margin-right: 10px;}
.table-calculation > tbody > tr > td {vertical-align: middle;}

.table-filled > thead > tr > th {background-color: #ddd;}
.table-filled thead th, .table-filled tbody td, .table-filled thead tr, .table-filled tbody tr {background-color: #f4f4f4; border: 3px solid #fff;}

.table-grey thead th {background-color: #ebebeb; border-right: 2px solid #fff;}
.table-grey tbody td {background-color: #f3f3f3; border-right: 2px solid #fff;}

.table-grey.table-border	{ border-collapse: separate;border-right: 1px solid #000; border-top: 1px solid #000;}
.table-grey.table-border td { padding:2px 5px;border-left: 1px solid #000; border-bottom: 1px solid #000;}

.product-table td, .product-table th {border-right: 2px solid #fff;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-bottom: 1px solid #e1e1e1;}

.table.product-table td, .table.product-table th {vertical-align: middle;}
.table.product-table td:last-child, .table.product-table th:last-child {text-align:right;}
.table.product-table tr td:last-child a {float: right;}



.table-responsive { margin: 15px 0;}

.vtext {-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;writing-mode: vertical-rl; vertical-align: middle;}

/*.table th:last-child, .table td:last-child {text-align: right;}*/
/*t d:last-child a  {float: right;} */

/* ENZYMES */

.tblenzyme {}
.prototype {background-color: #8ECF7A !important;}
.isoschizomer {background-color: #FFEF9B !important; }
.neoschizomer {background-color: #FF9F9F !important; }


/* SEARCH RESULTS */

.table.search_results td  a {float:left;}
.table.search_results th {text-align: right;}
.table.search_results th:first-child, .table.search_results th:nth-of-type(2) {text-align: left;}

.searchresultpage .list-group {margin-top: 15px;}
.searchresultpage .list-group-item:first-child, .searchresultpage .list-group-item:last-child {border-radius: 0;}
.searchresultpage .list-group-item {}
.searchresultpage .list-group-item:hover {background-color: #66bb00; color:#fff;}
.searchresultpage a.list-group-item .list-group-item-heading {color: #227700; font-size: 16px;}
.searchresultpage .list-group-item:hover .list-group-item-heading {color: #fff;}
.searchresultpage .list-group-item-text {font-size: 12px; font-weight: 400;}

/* ACCORDEON */
.panel-group .panel {border-radius: 0;}
.panel-default > .panel-heading {background-color: #277800; border-radius: 0;}
.panel-default > .panel-heading a {color: #fff;}

.panel-nested {margin: 0 -15px;}
.panel-nested > .panel-heading {background-color: #000066; border-radius: 0;}

/* BASKET/CHECKOUT */
.form {float: left; width: 100%;}
.basket {}
.basket .notifications {padding: 10px 0; float: left; width: 100%;}
.basket .comments {padding: 10px 0; float: left; width: 100%;}
.basket .action-buttons-left {padding: 10px 0;}
.basket .action-buttons-right {padding: 10px 0;}
.basket .action-buttons-right > a { float: right; margin: 0 5px;}
.basket .tips {padding: 10px 0; float: left; width: 100%;}

.basket-overview-footer td:first-of-type {text-align:right;}

.form .form-control {width: calc(100% - 33%);}
.checkout-form .form-control, .login-form .form-control {max-width: 500px;}

/*INFO TABLE*/
.info-table {float: left; width: 100%; border: 1px solid #35a807; padding: 15px 0; margin: 15px auto;}
.info-table textarea {border: 1px solid #ccc;}
.info-table-header {width: 100%; float: left; margin-bottom: 15px;}
.info-table .row input {margin-bottom: 10px;}

/*OLIGO TABLE */
.oligo_contentheadline {margin: 0;}
.oligo-table {padding: 15px 0; width: 100%; float:left;}
.oligo-table .row {padding-bottom: 0px;}
.oligo-table .input-group {padding-bottom: 5px;}
.oligo-table textarea {border: 1px solid #ccc;}
.oligo-table .input-group-addon {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; min-width: 150px;}

/*ORDER STATUS*/
.order-status h4 {margin-top: 30px;}
.order-status img {margin-right: 15px;}

/* catalogrequest */
.catalogrequest .input-group {}
.catalogrequest .input-group .input-group-addon {min-width: 165px;}
.catalogrequest .input-group input, .catalogrequest .input-group select {border: 1px solid #ccc; width: 100%;}

/* Cofa */
.cofa {
	padding:0;
	height:26px;
	width:75px !important;
	float:right;
	border:1px solid #35a807;
    font-size: 13px;
}

/* Struktursuche */

.single {
	position:relative;
	float:left;
	margin:0 10px 10px 0;
	padding:0px;
	vertical-align:top;
	width:179px;
	height:140px;
	border:1px solid #333;
	background-color:#333;
	font-size:11px;
	line-height:14px;
	color:#fff;
	text-align:center;
}
.single .image {
	background-color:#fff;
	height:120px;
	padding:3px;
	margin:0;
}
.single .image2 {
	background-color:#fff;
	height:105px;
	padding:3px;
	margin:0;
}

/* DIVERSES */
.product-info {margin-top:20px; text-align: right;}
.bordered-box {border: 1px solid #4f9347; margin: 10px 0; padding: 10px; float: left; width:100%;}
.clear1px {position:relative;clear:left;height: 10px;}
.product-info > a > .btn {margin: 2px; float: right;}
.product-info > a > .btn::before {content: ''; position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -moz-osx-font-smoothing: grayscale; margin-right: 1px;}
.glyphicon {font-size: 120%;}
.bg-danger {padding:10px;font-weight: 400;}
.space10px { height:10px;}

.contentblock.cblock_default img {
	margin-bottom:15px;
}

.cclabel {
	width:120px;
}
.ccdata {
	background-color:#f5f5f5;
	padding:10px;
	margin-top:10px;

}

.docicon, .docicon_1, .docicon_2, .docicon_3, .docicon_4, .docicon_5, .docicon_6, .docicon_7  {position:relative; color:#fff; padding:3px 5px; border-radius:3px; font-size:12px; vertical-align: baseline;}

.docicon {background-color:#33AA00;}
.docicon_1 {background-color:#009900;}
.docicon_2 {background-color:#cc0000;}
.docicon_3 {background-color:#000066;}
.docicon_4 {background-color:#0066cc;}
.docicon_5 {background-color:#ff0099;}
.docicon_6 {background-color:#ff9900;}
.docicon_7 {background-color:#99cc00;}

.alert .docicon, .alert .docicon_1, .alert .docicon_2, .alert .docicon_3, .alert .docicon_4, .alert .docicon_5, .alert .docicon_6, .alert .docicon_7  {padding:2px 5px;font-size:10px;     vertical-align: middle;}

.nl_subscribe {
	display:none;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

.catalog_request img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	max-width:120px;
}
hr.catalog_hr {
	clear:left;
}

.alert-info {
	border-color: #ccc;
	color:#000;
	background-color: #eee;
	font-weight:300;
	}

.alert-info a {
		color:#227700;
		font-weight:500;
}

.shipping_address {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:20px;
	margin-top:20px;
}
.shipping_address td {
	border-top:1px solid #ccc;
	padding:5px 10px;
	vertical-align:top;
}


/*FOOTER */
.footer {color: rgba(255,255,255, 0.4);}
.footer ul {margin: 0; padding: 0;}
.footer li {list-style-type: none;}
.footer h4 {font-size: 12px; font-weight: 700; color: rgba(255,255,255, 0.4); margin: 20px 0 5px 0;}
.footer div.h4 {font-size: 12px; font-weight: 700; color: rgba(255,255,255, 0.4); margin: 20px 0 5px 0;}
.footer a {color: rgba(255,255,255, 0.4); font-weight: 400; font-size: 12px;}
.footer h4 a {font-weight: 700; color: rgba(255,255,255, 0.4);}
.footer div.h4 a {font-weight: 700; color: rgba(255,255,255, 0.4);}
.footer .socialmedia img {width: 40px; margin-right: 5px;}
.footer .certify {width: 100%; position: relative; float: left;}
.footer .certify img {max-width: 200px;}

/* TABLES */
table.primerform td {
	padding:5px 10px;
	border:1px solid red;
}


/* LOGIN */
.template_cb06c input, .template_cb06c select {border:1px solid #ccc;}
.template_361f1 input, .template_361f1 select {border:1px solid #ccc;}
.template_903c9 input, .template_903c9 select {border:1px solid #ccc;}
.template_cce92 input, .template_cce92 select {border:1px solid #ccc;}
.template_4cb23 input, .template_4cb23 select {border:1px solid #ccc;}
.template_88ea9 input, .template_88ea9 select {border:1px solid #ccc;}
.template_c4f97 input, .template_c4f97 select {border:1px solid #ccc;}
.template_88452 input, .template_88452 select, .template_85106 input, .template_85106 select , .template_85106 textarea {border:1px solid #ccc;margin-bottom:5px;}

.template_85106 .form-group  input[type=checkbox] {
	width:auto;
	height:auto;
	margin-top:10px;
	margin-bottom:15px;
}
.template_85106 .form-group {
	position:relative;
	clear:both;
	margin-bottom:5px;
}

.template_af1e7 input, .template_af1e7 select {border:1px solid #ccc;margin-bottom:5px;}

.ccdata {
	display:none;
}

/* PRODUCTLIST */
.catalogno {
	font-size:12px;
}
.productmarker {
	display:block;
	float: left;
	width:20px;
	padding-bottom: 0;
	margin: 3px 10px 0 0;
	color: #277800;
}
.producttitle {
	padding-left:0;
	font-weight:600;
}
.productdescr {
	padding-left:30px;
}
/* SITEMAP */
.sm_link {
    position: relative;
    float: left;
    width: 550px;
    height: 17px;
    font-size: 12px;
    line-height: 17px;
}
.sm_link a {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}
.sm_icon {
    position: relative;
    clear: left;
    float: left;
    width: 17px;
    height: 17px;
    line-height: 17px;
}
.sm_icon1 {
    position: relative;
    clear: left;
    float: left;
    width: 34px;
    height: 17px;
    line-height: 17px;
}
.sm_icon2 {
    position: relative;
    clear: left;
    float: left;
    width: 51px;
    height: 17px;
    line-height: 17px;
}
.sm_icon3 {
    position: relative;
    clear: left;
    float: left;
    width: 68px;
    height: 17px;
    line-height: 17px;
}
.sm_icon4 {
    position: relative;
    clear: left;
    float: left;
    width: 85px;
    height: 17px;
    line-height: 17px;
}
.sm_icon5 {
    position: relative;
    clear: left;
    float: left;
    width: 102px;
    height: 17px;
    line-height: 17px;
}

/** --- alte klassen, zum testen ----*/
.align-right  a {
	float:right;
}

.product_table {
	width:100%;
}
.info_table td {
	padding:3px 8px;

}
.space20px {
	position:relative;
	height:20px;
	overflow:hidden;
}

.label {
	color:#000;
	font-size:100%;
	width:30%;
}
.search_and_order label {
	width:30%;
}

.prodimage {
	max-width:50%;
	float:right;
	clear: right;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align:right;
}
.prodimage img {max-width: 100%;padding-bottom:8px;}

.contentblock {
	position:relative;
	clear:both;
	float: left;
	width: 100%;
	font-size: 14px;
    font-weight: 300;
}


.bild_zwei_le img, .bild_zwei_ri a img {
	float:left;
	padding:5px;
	margin:0 10px 0 0;
	max-width:200px;
	border:1px solid #ccc;
	border-radius:5px;
}

.bild_zwei_ri a img {
	float:right;
}



.contentlink span.glyphicon {font-size: 12px;}

.productlist { position:relative; padding:10px;	font-size:14px; float: left; width: 100%;}
.productlist .productmarker { position:absolute; top: 10px; left: 10px;}
.productlist .productdescr {padding: 0;}
.productlist a { position:relative; margin-left:30px; float: left; width: calc(100% - 30px); padding-right: 0px;}
.productlist .productsblock a {color:#2c2c2c;}
.productlist .productsblock  a span.producttitle {font-size:18px; color:#277800;}
.productlist_1 {background-color:#e9f1e5;}
.productlist_1:hover { background-color:#d7e8cf;}
.productlist_0:hover { background-color:#f9f9f9;}
.productlist .recognitionsequence, .productdetails .recognitionsequence {font-family: 'Fira Mono', monospace;position:relative;top:0;right:0;font-weight:400;padding: 0;margin-left: 25px;letter-spacing: 2px;font-size:14px;float: right;clear: both;}

.pando {padding-left: 141px; background: #30a000 url(images/jbs-ico-products-and-ordering.png) no-repeat 10px 60px;margin-right:20px; min-height: 200px;}
.pando h2 {margin-left:-122px; color:#fff; font-size: 24px;}
.pando .productlist {border: 10px solid #f0f6ed; border-bottom: none;}
.pando .clear1px {background-color: #f0f6ed;}
.pando .productlist_0 {background-color: #f0f6ed;}

.recognitionsequence:nth-of-type(2) {padding-top: 0;}

.recognitionbegin, .recognitionend {
	padding: 4px 0;
	margin: 0 0px;
}

.productdetails .recognitionbegin {
	background-color: #c5c5c5;
}

.productdetails .recognitionend {
	background-color: #e5e5e5;
}

.productlist .recognitionbegin {
	background-color: #9fc08f;
}

.productlist .recognitionend {
	background-color: #baddaa;
}

.productdetails .table-responsive {
	margin-bottom:-10px;
}
.productdetails .table {
	margin-bottom:0px;
}
.productsblock {
	clear:both;
	margin-bottom:20px;
}
.productsblock h2 {
	padding-top:15px;
}
.productdetails  {
	margin-bottom:20px;
}


/* gms_slider */
.gms_sliderbox {position:relative}
.gms_sliderbox ul {
	list-style:hide;
}
#gms_slider_nav {z-index:2; position:absolute; left:5px; top:100%; margin:0; margin-top:-28px; padding:0!important; list-style-type:none; font-weight:normal; line-height:1em; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; overflow:hidden; display:none}
#gms_slider_nav li {margin:0; padding:0; float:left; text-align:center; line-height:1em}
#gms_slider_nav li a {background:#444; display:block; font-size:12px; font-weight:normal; padding:2px 6px; text-decoration:none; color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; margin-right:4px; border-radius:8px; -moz-border-radius:8px; border-radius:8px}
#gms_slider_nav li.current a {background-color:#224d82}
#gms_slider_nav li a:hover { background-color:#3e9fd6; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s}
.gms_slider_offstage {visibility:hidden; display:none;}
.gms_slider_default {visibility:visible}

.searchhighlight {
	background-color:#ffff00;
}
.header .searchhighlight {
	background-color:transparent;
}

/* Restriction Enzymes */
.base div {
	width:0.8em;
	text-align:center;
	line-height:1.2em;
	margin:0; padding:0;
	font-family:monospace;
	font-size: 0.8em;
}

.productsubtext .base {
	width:300px;
}
.productsubtext .base div {
	font-family:monospace;
	font-size: 1.2em;
	line-height:1.4em;
	font-weight:bold;
}

.base div .cl {
	clear:left;
}
.productsubtext .cl {
	height:1.4em;
}

.blau   {
	background-color:#9090FF;
	float:left;
}
.gelb   {
	background-color:#FFFF90;
	float:left;
}
.grey {
	background-color:#EFEFEF;
	float:left;
}
.narrow {
	width:0.4em;
}

/* BASKET */
.nomargin {
	margin:0;
}
.basket-buttons {text-align:right;}
.basket-buttons a {margin-bottom: 5px;}
.basket-buttons a:last-child {margin-right: 7px;}
.shipping_account .smallinfo {
	font-size:12px;
	margin-top:10px;

}

.addallbutton {float:right;}

.onlymobilefirst {margin-top:50px;}

/* Google Suche */ 

#___gcse_0 form  {
	opacity:0;
	background-color:#000;
}




.xshop {
	position:relative;
	clear:left;
	margin:25px 15px;
}


/* NEWSBLOG */ 

.newswrapper .news_list {position:relative; margin:20px 0 0 0;  padding-bottom:0; display:block;}
.newswrapper .news_list p:last-child {border-bottom:1px solid #aaa; padding-bottom: 15px;}
.newswrapper .news_list img {margin-bottom: 10px;}
.newswrapper .news_list ul {margin-bottom: 10px;}
.newswrapper .news-description {color:#727272; font-size:12px;}
.newswrapper h2 {margin-top:2px}
.newswrapper .newsdate {text-transform:uppercase;font-weight:300;font-size:11px;margin:0;}
.news-icons {float:right; margin-top:-73px;}
.news-icons .modal-header .close {margin-top: -26px;font-size: 31px;}
.news-icons {padding:15px;}
.news-tags {background-color: #efefef;}
.news-tags-inner {padding-top: 20px; padding-left: 15px; padding-right: 12px;}
.news-tags-inner a {}
a.tagbt span {font-size:10px; padding:2px 3px; margin-bottom:7px;}


.modal {z-index: 10500;}

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

@media (max-width: 4000px) {


/*    .nav-item-4 .dropdown-menu {margin-left: 19px; max-width: 245px;}*/
}
@media (max-width: 1500px) {
    /*ALLGEMEIN*/

    /*HEADER*/


    /*CONTENT */
	.slider {height: 400px;}

    /*FOOTER */

}
@media (max-width: 1366px) {
    /*ALLGEMEIN*/

    /*HEADER*/


    /*CONTENT */
	.slider {height: 350px;}
	.swiper-slide-news {top: 20%;}

    /*FOOTER */

}
@media (max-width: 1300px) {
    /*ALLGEMEIN*/

    /*HEADER*/
   .logo {left: 15px; top: 15px;}

    /*CONTENT */

    /*FOOTER */

}
@media (max-width: 1200px) {
    /*ALLGEMEIN*/


    /*HEADER*/
	.logo {width: 200px;}

    .basket-search {z-index: 110;}

	.navigation {z-index: 100; position: relative; float: left; width: 100%; margin: 0;}
    .navbar-wrapper .container {padding: 0;}
    .navbar {min-height: 0; padding: 5px 0;}

    .navbar-toggle {display: block; margin-right: 0; position: absolute; margin-top: -35px; padding-left: 0;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: transparent;}
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {padding-left: 0px; padding-right: 0px;}

    .navbar-collapse.collapse {display: none !important;}
	.navbar-collapse.in {display: block !important; }

    .navbar-collapse {width: 100%; border:0;}
    .navbar-nav {margin-left: 0; width: 100%;}
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin: 0; background-color: transparent;}
    .navbar-nav li { padding: 1px 0px 0px !important; width: 100%; border-bottom: 0 !important;}
    .droplink {color: #fff; border-left: 1px solid #c1c1c1; width: 40px; height: 40px; margin: -1px 0 0; position: relative;  float: right;  cursor: pointer;  padding: 13px; background-color: #277800; display: inline-block; text-align: center;}
    .active .droplink { border-left: 1px solid #fff; color: #fff;}
    .navbar-nav .nav-2 {}
    .navbar-nav .nav-2 li {border-bottom: 1px solid #fff; border-bottom: 0;}

    .activated-nav-item .droplink {background-color: #bdbdbd;}

    #nav, #nav2,#navmob { position: relative; padding: 25px 0;}
    #nav > ul > li, #nav2 > ul > li{width: 100%; float: none;}
    #nav li ul, #nav2 li ul{position: static;}
    #nav li ul, #nav2 li ul  { width: 100%; }
    #nav li a {width: calc(100% - 40px);  float: left;  display: inline-block;  padding-bottom: 10px; padding-top: 10px; text-align: left; padding-left: 15px;}
    #nav li ul.dropdown-menu, #nav li:hover ul.dropdown-menu {  display: none;  }

    #nav > li {height: auto; padding: 0;}
    #nav li {   display: block;  clear: both;  }

    #nav li.active ul.dropdown-menu.menu1 {  display: block;  }
    #nav .dropdown-menu {padding: 0; border: 0; border-radius: 0; box-shadow: none; margin: 0; max-width: 100%; }
    #nav .dropdown-menu > li > a {  border: none;  }
    #nav .dropdown-menu li {  margin: 0;}
    #nav .dropdown-menu li a {  padding: 10px 15px;  word-wrap:break-word;  }

    /*-- reset --*/
    #nav .dropdown-menu > .active > a, #nav .dropdown-menu > .active > a:hover {  background: #fff;  min-height: 40px; color: #333; }
    #nav .dropdown-menu.menu2 {  display: none;  }
    #nav .dropdown-menu > li > a {  white-space: normal; min-height: 40px;}

    /*-- level 2 --*/
    #nav .dropdown-menu.menu1 {  padding-top: 0;  }
    #nav li > ul > li a {  /*border-bottom: 1px solid #ccc;*/ }
    .nav-2 > .active > a, .nav-2 > .active > a:hover {background-color: transparent !important;}
    .nav-2 .active .toggled, .nav-2 li.active, .nav-2 .active .droplink, .nav-2 > .active > a {background: #bdbdbd none repeat scroll 0 0 !important;}
	.dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > .active:hover { background-color: #bdbdbd !important;}

    /*-- level 3 --*/
    .navbar-nav .nav-3 {background-color: #bdbdbd !important; display: none; border: 0;}
    .navbar-nav .nav-3 a { color: #333; font-size: 14px; font-weight: 700; text-transform: none; }
    .navbar-nav .nav-3 a:hover {background-color: #bdbdbd !important; }
    #nav li.active > ul.dropdown-menu.menu2 li.active, #nav li.active > ul.dropdown-menu.menu2 li.active a {  background: #bdbdbd;  }
    #nav .dropdown-menu.menu2 li a {border-bottom: 1px solid #ccc;}

	.navbar-inverse .navbar-nav > .nav-item-1 .droplink, .navbar-inverse .navbar-nav > .nav-item-1:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-1:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-1 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-1 .droplink {background-color:  #009900;}
	.navbar-inverse .navbar-nav > .nav-item-2 .droplink, .navbar-inverse .navbar-nav > .nav-item-2:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-2:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-2 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-2 .droplink {background-color:  #cc0000;}
	.navbar-inverse .navbar-nav > .nav-item-3 .droplink, .navbar-inverse .navbar-nav > .nav-item-3:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-3:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-3 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-3 .droplink {background-color:  #000066;}
	.navbar-inverse .navbar-nav > .nav-item-4 .droplink, .navbar-inverse .navbar-nav > .nav-item-4:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-4:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-4 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-4 .droplink {background-color:  #99cc00;}
	.navbar-inverse .navbar-nav > .nav-item-5 .droplink, .navbar-inverse .navbar-nav > .nav-item-5:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-5:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-5 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-5 .droplink {background-color:  #0066cc;}
	.navbar-inverse .navbar-nav > .nav-item-6 .droplink, .navbar-inverse .navbar-nav > .nav-item-6:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-6:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-6 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-6 .droplink {background-color:  #ff9900;}
	.navbar-inverse .navbar-nav > .nav-item-7 .droplink, .navbar-inverse .navbar-nav > .nav-item-7:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-7:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-7 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-7 .droplink {background-color:  #ff0099;}
	.navbar-inverse .navbar-nav > .nav-item-8 .droplink, .navbar-inverse .navbar-nav > .nav-item-8:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-8:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-8 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-8 .droplink {background-color:  #993300;}
	.navbar-inverse .navbar-nav > .nav-item-9 .droplink, .navbar-inverse .navbar-nav > .nav-item-9:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-9:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-9 .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-9 .droplink {background-color:  #00ccff;}
	.navbar-inverse .navbar-nav > .nav-item-x .droplink, .navbar-inverse .navbar-nav > .nav-item-x:focus .droplink, .navbar-inverse .navbar-nav > .nav-item-x:hover .droplink, .navbar-inverse .navbar-nav > .active.nav-item-x .droplink, .navbar-inverse .navbar-nav > .activated-nav-item.nav-item-x .droplink {background-color:  #999999;}

	.navbar-inverse .navbar-nav > .nav-item-1 a {border-left: 5px solid #009900;}
	.navbar-inverse .navbar-nav > .nav-item-2 a {border-left: 5px solid #cc0000;}
	.navbar-inverse .navbar-nav > .nav-item-3 a {border-left: 5px solid #000066;}
	.navbar-inverse .navbar-nav > .nav-item-4 a {border-left: 5px solid #99cc00;}
	.navbar-inverse .navbar-nav > .nav-item-5 a {border-left: 5px solid #0066cc;}
	.navbar-inverse .navbar-nav > .nav-item-6 a {border-left: 5px solid #ff9900;}
	.navbar-inverse .navbar-nav > .nav-item-7 a {border-left: 5px solid #ff0099;}
	.navbar-inverse .navbar-nav > .nav-item-8 a {border-left: 5px solid #993300;}
	.navbar-inverse .navbar-nav > .nav-item-9 a {border-left: 5px solid #00ccff;}
	.navbar-inverse .navbar-nav > .nav-item-x a {border-left: 5px solid #999999;}

	.nav-item-icon {display: none;}

	 /* Mobile Navigation */

    #navmob {display: none; width: 100%;}
	#navmob .nav-item-icon {display: block; height: 60px;}

    /*CONTENT */
	.content {padding: 25px;}
	.content-inner-left {display: none;}
	.content-inner-right {width: 100%; padding: 0;}

	.slider {height: 320px;}
	.swiper-slide-news {top: 15%;}
	.swiper-pagination {display: none;}
	.slider .swiper-slide-news .news-item-subheader img {height: 200px; top:-35px;}

	.select-style {width: 70%;}

	/*FOOTER */

}

@media (max-width: 1020px) {
    /*ALLGEMEIN*/

    /*HEADER*/


    /*CONTENT */

    /*FOOTER */

}
@media (max-width: 990px) {
    /*ALLGEMEIN*/

    /*HEADER*/
	.header-menu {right: 10px; top: 5px;}
	/*.header-menu {float: right; width: 110px; clear: none; right: 10px;}*/
    /*.header-menu li {display: block;}*/
    /*.header-menu li a:after {content: "";}*/

   	.certify {display: none;}
   	.top-navigation {float: right; left: 0; right: auto; top: 9px;}
	.top-navigation li {padding: 3px 0; line-height: 1;}
	.top-navigation li a {font-size: 12px;}

	.navigation {float: right;}

	.header {
		height:200px;
	}
	.navbar-toggle-wrapper {
		top:0;
	}
	
	
    button.navbar-toggle {
		margin-left: 12px;
		top: 33px;
	}
	#nav {
		top:10px;
	}
	
    /*CONTENT */
    .content {padding: 15px;}
    .content-inner {margin-left: 0;}

	.table-responsive { margin: 30px 0;}

	.slider {height: 450px;}
	.slider .swiper-slide {}
	.slider .swiper-slide img {height: auto; width: 100%; top: 0; position: absolute;}
	.slider .swiper-slide-news {top:auto; bottom: 0px;position: absolute; width: 100%; padding: 0;}
	.slider .swiper-slide-news-inner {position:relative; float: left; width: 100%;}
	.slider .news-item-headline { background-color: rgba(0,0,0,0.8); position: relative; float: left; width: 100%; padding: 30px 50px 20px 50px; margin: 0;}
	.slider .news-item-subheader { background-color: #fff; position: relative; float: left; width: 100%; padding: 30px 50px 20px 50px; }
	.slider .news-item-subheader a {color: #227700;}
	.slider .swiper-slide-news .news-item-subheader img {display: none;}


	.newsbox {padding: 0 30px; margin-top: 0;}
	.newsbox .col-md-3 {border-left: 0; border-top: 1px solid #aaabac; padding: 15px 0;}
	.newsbox .col-md-3:first-of-type {border-top: 0;}

	.mapform {padding: 50px; background-size: cover;}
	.mapform-inner {margin: 0;}

	/* PRODUCTS */
    .productview {padding: 0 !important;}
    .productview div[class^="col-md-"] {padding: 0;}
    .productview .product-info {width: 100%;}
    .productview .col-md-12 .table-responsive {width: 100%;}

    /*FOOTER */
	.footer .col-md-3 { float: left; width: 33%;}
	
	/* NEWSBLOG */
	.news-icons {float:none; margin-top:0;padding-top: 0;}
	.news-tags {margin-top: 15px;}
	.news-tags-inner {padding-left:15px;padding-right:15px;}
}
@media (max-width: 768px) {
    /*ALLGEMEIN*/

	img {width: 100%; margin-bottom: 15px;}

    body {overflow-x: hidden;}
	div[class*="col-md-"] {padding-bottom: 0px;}

    /*HEADER*/
    .logo {left: 0; top: 15px;}
	.boxnotepad img {display: none;}

	.header {
		height:100px;
	}
	
   	.header .container {padding: 0 15px; }
	.header .navigation .container {padding: 15px 0; width: 100%;}
    ul#navmob {padding-left: 25px;}
	ul#navmob .nav-item-1, ul#navmob .nav-item-2, ul#navmob .nav-item-3, ul#navmob .nav-item-4, ul#navmob .nav-item-5, ul#navmob .nav-item-6, ul#navmob .nav-item-7, ul#navmob .nav-item-8, ul#navmob .nav-item-9 { width: 100%; height: 50px; float: left; background: #000; list-style: none; text-align: center; font-size: 16px; padding: 5px 0px;}
    ul#navmob .nav-item-icon {display: block; height: 40px; width: 40px; margin: 0; float: left; position: absolute; top: 0; left: 0; background-size: cover !important;}
    ul#navmob a {float: left; text-align: center; position: relative; padding: 10px 0 10px 50px;}
    button.navbar-toggle {margin-left: 12px;}

	button.navbar-toggle {
		margin-left: 12px;
		top: 5px;
	}
	#nav {
		top:0;
	}
	
	.header-menu {display: none;}
	.top-navigation-mobile {display: block; float: left; top:-3px;}

	/*CONTENT */
	.breadcrumb {margin-left: 0;}

	.content-inner-right {padding: 0px;}
	.content-inner-right div[class^="col-md-"] {padding: 0px;}
	.content-inner-right div[class^="row"] {margin: 0;}

    .info-table {padding: 15px;}

	.table-responsive:before {content: "Swipe left for further table information ⇒"; color: #333; font-weight: 700; padding: 5px 0 0 5px; float: left;}

	/* PRODUCTS */
    .productview .prodimage {float: left; max-width: 40%;}
    .productview p {clear: both;}

     /*SITEMAP*/
    div[class^="sm_icon"] img, div[class*=" sm_icon"] img {margin-bottom: 0; width: auto;}
    .sm_link {width: calc(100% - 150px);}
    .sm_link a {white-space: nowrap;}

    /*FOOTER */
	.footer .col-md-3 { float: left; width: 50%;}
	
	.downloadarea {padding: 0;}
	.downloadsingle a {float:left;width:25%;}
	.downloadsingle a.downloadtext {width:75%;padding:0 6%; }
	
}
@media (max-width: 700px) {
    /*ALLGEMEIN*/
    /*HEADER*/
	
	.header {
		height:200px;
	}
	.logo {
		left: 0;
		top: -52px;
	}		
	.header .container {
		padding-top: 45px;
	}
	.boxnotepad {
		top:-55px;
	}
	.boxnotebasket {
		top:-55px;
	}
	#onlinequoteinfo {top:-53px;}


    /*CONTENT */

    /*FOOTER */

}
@media (max-width: 550px) {
	
	.header {
		height:100px;
	}
	
	
	/*MENU*/
    #navmob {display: none;}
	ul#navmob .nav-item-1, ul#navmob .nav-item-2, ul#navmob .nav-item-3, ul#navmob .nav-item-4, ul#navmob .nav-item-5, ul#navmob .nav-item-6, ul#navmob .nav-item-7, ul#navmob .nav-item-8, ul#navmob .nav-item-9 {display:block; width: 33.33%;height: 120px;margin: 0;border: 0;padding: 0;}
	ul#navmob .nav-item-3, ul#navmob .nav-item-4, ul#navmob .nav-item-9 {}
	#navmob .nav-item-icon {margin-bottom: 0;}
	.nav-item-icon {top:0px; height: 70px;}
	.mobiletopnav {position: absolute; display: block; right: 60px; top: 25px;}
	.mobiletopnav .mobilesearch, .mobiletopnav .mobilebasket, .mobiletopnav .mobilenotepad {color: #fff; cursor: pointer; font-size: 24px; padding: 0 6px;}
	.mobiletopnav .mobilesearch:hover, .mobiletopnav .mobilebasket:hover {opacity: .7;}
    .header .navigation .container {padding: 0;}
    button.navbar-toggle {position: absolute; right: 5px; margin-top: -53px;}
    .navbar-toggle .menu-text {display: none;}
	.downloadmore {width: 100%;}
	.downloadmore a {width: 50px;}
	.downloadmore a.downloadtext {width: calc(100% - 50px); padding: 5px;}

    /*ALLGEMEIN*/


	#onlinequoteinfo {right:-4000px;}


    /*HEADER*/
	.header .container {
		padding-top: 0;
	}

    .logo {left: 0; top: 0px; width: 150px;}
    .logo a, .logo a img {height: 70px; margin:0;}

    .basket-search {position: absolute; top: 65px; height: 36px; width: 100%; background-color:#66bb00; background-image: -moz-linear-gradient( 0deg, rgb(102, 187, 0) 0%, rgb(64, 139, 0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(102, 187, 0) 0%, rgb(64, 139, 0)) 100%);	background-image: -ms-linear-gradient( 0deg, rgb(102, 187, 0) 0%, rgb(64, 139, 0)) 100%); }
    .basket-search {display: none; padding: 0 10px;}
    .basket-search .search input {margin: 0px; height: 30px;}

    /*CONTENT */
	.mapform-inner { width: 280px;}
	.select-style {width: 210px;}

	.slider .swiper-slide {display: flex; align-content: center;}
	.slider .swiper-slide img {height: 100%; width: auto; margin: 0 auto; left: -200px;}


    /*PRODUCTS */
    .productview .prodimage {float: left; max-width: 60%;}

    /*FOOTER */
	.footer {padding: 15px 0;}
	.footer .col-md-3 { float: none; width: 100%; display: none;}
	.footer .col-md-3:first-of-type {display: block;}

	/* PRODUCTLIST */
	.pando {padding-left: 0px; background: #30a000;}
	.pando h2 {margin-left:10px; color:#fff; font-size: 24px;}	
}
@media (max-width: 480px) {
    /*ALLGEMEIN*/


    /*HEADER*/
	.header .container {padding: 0 10px;}
	.boxnotepad {padding: 10px; width: 160px;}
	.boxnotepad p, .boxnotepad a, .boxnotepad b {font-size: 10px;}


	.search input {margin-top: 10px;}

	.top-navigation li a  {font-size: 10px;}
	.header-menu {width: 60px;}

	#nav li a {font-size: 12px;}



    /*CONTENT */
   .mapform {padding: 25px 15px; }

    /*FOOTER */

}
@media (max-width: 400px) {

    /*ALLGEMEIN*/
	.addallbutton {float:left;margin-top:10px;}
	.notepad {margin-bottom:20px;	}
    /*HEADER*/
	.logo {top: 0;}
	.boxnotepad {width: 100px;  float: left; text-align: center; }
	.boxnotepad img {display: block; float: none; height: 16px; margin: 0 auto; width: 15px;}
	.boxnotepad p {display: none;}

	.search {float: left; clear: both; width: 100%;}

    /*CONTENT */
	.slider .news-item-headline {padding: 20px 15px 20px 15px;}
	.slider .news-item-subheader { padding: 20px 15px 20px 15px; }
	.slider .swiper-slide-news .news-item-subheader img {left:10px;}

	.mainpage .content .row > div > p {	float: none;width: 100%;}

	.search_and_order label {width:100%;}
	.nofloatmobile {float:none !important;}

	.bild_zwei_le img, .bild_zwei_ri a img {
		max-width:110px;
	}


    /*FOOTER */


}


@media (max-width: 322px) {
	.mobiletopnav .mobilesearch, .mobiletopnav .mobilebasket, .mobiletopnav .mobilenotepad {
	    padding: 0px 4px;
	}
	
}

@media (min-width: 550px) {
	.boxsignout {display:none;}
}
@media (min-width: 1930px) {
    /*ALLGEMEIN*/
	.onlymobile {display:none !important;}

    /*HEADER*/

    /*CONTENT */

    /*FOOTER */
}

@media (min-width: 1200px) {
    /*ALLGEMEIN*/

    /*HEADER*/

    /*CONTENT */

    /*FOOTER */
}

@media (min-width: 1023px) {
    /*ALLGEMEIN*/
	.onlymobile {display:none !important;}
    /*HEADER*/


    /*CONTENT */

    /*FOOTER */
}
@media print {
	img {width: auto;}

	.slider, .header, #navmob, .footer, .content-inner-left, .btn {display: none;}
	a[href]:after { content: none !important;}

	/*.table-responsive {float: left; width: 100%; clear: both;}*/
	/*table, tbody {float: left; width: 100%;}*/
	/*th {border-bottom: 2px solid #000;}*/
	/*tr {float: left; clear: both; width: 100%;}*/
	/*td {border-bottom: 1px solid #000;}*/

	.recognitionsequence {border: 1px solid #000;}

   	#onlinequoteinfo {display:none;}

}




@media (max-width: 767px) {
	.hidden-xs {
		display:none;
	}
}
@media (min-width: 768px) {
	.hidden-sm {
		display:none;
	}
}

/* nur Careers h3 größer */

.template_88452 h3 {font-size: 16px;margin-top: 30px;}