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

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}
.topLine {
	border-top:1px solid #d3d3d3;
}
.form-control {
    padding-right: 30px;
}

.form-control + .glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
}
.tooltip-inner {
	text-align:left;
}
/*.listHead {
	list-style:none;	
}*/
.ullist {
	list-style-type: none;
}
.ullist li {display: inline-block; *display: inline; margin-right: 1em; width:20em; }
.box-shadow_tl{ -moz-box-shadow: 0px 0px 0px 2px #0092d5; /* Firefox */
-webkit-box-shadow: 0px 0px 0px 2px #0092d5; /* Safari, Chrome */
box-shadow: 0px 0px 0px 2px #0092d5; /* CSS3 */ }
/* Logo and Search
-------------------------------------------------- */

.logo {
	height:100px;
	padding: 18px;
	
}
.profisearch {
	display:none;
	}
.tyresearch {
	min-height:500px;
	background: url(/images/slide_bg_winter.jpg) no-repeat;
	background-size:cover;
	background-position:right;
	margin-bottom: 60px;
	padding-top:30px;
}
.tyresearchsmall {
	min-height:200px;
	background: url(/images/slide_bg_winter.jpg) no-repeat;
	background-size:cover;
	background-position:right;
	margin-bottom: 60px;	
}
.searchform {background: rgba(255,255,255,0.85);}
.searchform .tabs {padding:0.5em; text-align:center;}
.tabs img {height:30px;}
.sform {
	padding:0px 20px 20px 20px; 
	/*background-color:#CDCDCD;*/
	text-shadow: 0px 0px 4px #ffffff;
}
.goLink { background: rgba(0,159,196,0.40);color:white;border-left:1px solid white;border-right:1px solid white;}
.searchform p { height:300px;padding:20px;}
.marketingmessage {display:none;}
.marketingmessage h1 {}
.marketingmessage p {}
.tyreCat {
	background-color:#e5f0f3;
}
.tyreMan {
	/*background-color:#fceded;*/
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4,.marketing_tl .col-lg-4{
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
.marketing_tl .col-lg-4 p {
	margin-right: 10px;
  margin-left: 10px;
  text-align:justify;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
/* Search and Result
-------------------------------------------------- */
.filterColumn {
	border-top:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	background-color:#ededed;
}
#filterFormContainer {
	padding-top:1em;
	min-height:700px;
}
.resultColumn {
	border:1px solid #d3d3d3;
	min-height:1000px;
	margin-bottom:2em;
}
.boxMan {
	border:1px solid #cccccc;
	overflow:scroll;
	height:8em;
	background-color:white;
	
}
.boxMan ul{
	list-style:none;
	padding:0;
	margin:0;
}
.boxMan ul.manufacturer_main {
	padding:0.5em 0.5em 0 0.5em;
}
.boxMan ul.manufacturer_list {
	padding:0 0.5em 0.5em 0.5em;
}
/* ITEMS */
.searchItemTitleBox {
	background-color:#f9f9f9;
	padding:4px;
}
.itemTitle {
	font-size:130%;
}
.searchHead {
	padding:2em;
	border-bottom:1px solid #d3d3d3;
}
.searchItem {
	/*Border:1px solid yellow;*/
}
.item-divider {
  margin:0 0 3em 0; /* Space out the Bootstrap <hr> more */
}
.itemImg {
	text-align:center;
}
.itemImg div.mpicman {
	border-top:1px solid #d3d3d3;
	background-color:white;
	position: absolute; 
   bottom: 0; 
   left: 10%; 
   width: 80%; 
   text-align:center;
   padding-top:1em;
}
.subItemColor {
	padding:0.2em;
	background-color:#fbfbfb;
}
.priceAndMore {
	text-alig:right;
}
.priceAndMore a {
	margin-left:1em;
	margin-top:1em;
}
.itemPrice {
	font-size:200%;
	color:#067939;
	font-weight:bold;
}
.itemPriceDetails {
	font-size:75%;
	color:grey;
}
.vendorBox {
	background-color:#fefefe;
}
/* label */
.Artikellabel {
	width:130px;float:left;height:115px;padding-top:1em;
}
.Artikellabel span {
	display:block;
	height:35px;
	margin-top:35px;
	text-align:center;
	line-height:35px;
	font-weight:bold;
}
.label_ke {
	background:url(/images/label_ke.png) no-repeat;
	float:left;
	width:30px;
	height:70px;
	margin-right:3px;
}
.label_nh {
	background:url(/images/label_nh.png) no-repeat;
	float:left;
	width:30px;
	height:70px;
	margin-right:3px;
}
.label_rg {
	background:url(/images/label_ss.png) no-repeat;
	float:left;
	width:30px;
	height:70px;
}
.lable_bgcol_A {color:#00a650;}
.lable_bgcol_B {color:#4db749;}
.lable_bgcol_C {color:#bed731;}
.lable_bgcol_D {color:#fdee21;}
.lable_bgcol_E {color:#fdb715;}
.lable_bgcol_F {color:#f47025;}
.lable_bgcol_G {color:#eb2127;}
.bluebox { width:100%;height:100%; background:rgba(0,159,196,0.70); z-index:1000; position:absolute;padding:0;margin:0;top:0;left:0;display:none;color:white; font-size:40px; text-align:center;padding-top:5em;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
.profisearch {
	display:block;
	}

  .featurette-heading {
    font-size: 50px;
  }
 .marketingmessage { display:block;text-align:right; color:white;text-shadow: 2px 2px 8px #000000;}
.marketingmessage h1 { font-size:5em;}
.marketingmessage p {font-size:3em;}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  .marketingmessage h1 { font-size:6em;}
.marketingmessage p {font-size:4em;}
}
/* bootstrap add 5column */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}