@import url(//fonts.googleapis.com/css?family=Lato);

body {
	font-family: 'Lato';
   margin:0px;

}

#main-container {
  border: 1px solid #808080;
  margin: 0;
  max-width: 100%;
  width: 958px;
}

.api-buttons > a {
	margin: 0 5px 0 0 !important;
	text-decoration: none !important;
}

.price {
	font-size: 25px !important;
	line-height: 26px !important;
}

/** Vorschaulayer */


.JKclose {
  background: #9f2122 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px !important;
  height: 26px;
  margin: 17px 80px 0 15px;
  padding: 8px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 250px;
  z-index: 99999999;
}

.JKclose_b {
  background: #dddddd none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #bbbbbb;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px !important;
  height: 26px;
  margin: 17px 10px 0 15px;
  padding: 8px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 250px;
  z-index: 99999999;
}
.JKclose:hover {
  background: #792525 none repeat scroll 0 0;
}

.JKclose_c {
  background: #dddddd none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #bbbbbb;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px !important; 
  height: 26px;
  margin: 15px 10px 0 420px;
  padding: 8px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 250px;
  z-index: 99999999;
  display: none;
}


.JKoverlay {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  height: 100%;
  width: 960px;
  z-index: 9999999;
}
.inner {
  background: #ffffff none repeat scroll 0 0;
  height: 616px;
  position: absolute;
  top: 50px;
  width: 958px;
  z-index: 10000000;
}

.placketPreviews3 {
  margin: 2em 0 0 2em;
  width: 958px;
}
/*.placketPreviews3 img{
	width:30%;

}  */
 
.rslt_polo {
  float: left;
  margin-right: 35px;
  width: 375px;
}
.rslt_polo img {
  width: 100%;
}

.rslt_img_box {
  float: left;
  margin: -40px 50px 40px 0;
  padding: 0;
  width: 191px;
}

.lupe {
  background: #ffffff none repeat scroll 0 0;
  height: 30px;
  left: 150px;
  position: relative;
  top: 180px;
  width: 28px;
}

.lupe img {
  
  
}

.rslt_models {
  margin: 0 25px;
}

.rslt_models img {
  border:1px solid #dddddd;
  width: 100%;
}

.rslt_models_txt {
  /*margin: 0 0px;*/
} 
.rslt_models_txt > p {
  color: #7b7c7e;
  font-size: 21px;
  line-height: 28px;
  width: 95%;
  margin-bottom: 415px;
}

.cc_a {
  float: right;
  margin-top: 7px;
}

.cc_a a {
  color: #ffffff;
  text-decoration: none;
}



.cc_b {
  margin-left: 360px;
  position: absolute;
}

.cc_c {
  margin-left: 360px;
  position: absolute;
}



.decker {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
  bottom: -95px;
  color: #bbbbbb;
  height: 26px;
  left: -91px;
  padding: 6px 0 0;
  position: absolute;
  text-align: center;
  width: 250px;
}

.decker_2 {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
  bottom: 3px;
  color: #bbbbbb;
  display: block;
  height: 26px;
  left: 15px;
  padding: 6px 0 0;
  position: absolute;
  text-align: center;
  visibility: visible;
  width: 250px;
  
}
#infocontent {
  background-color: white;
  border: 1px solid #7b7c7e;
  color: #7b7c7e;
  left: 280px;
  /*padding: 10px;*/
  position: absolute;
  top: 80px;
  width: 500px;
  z-index: 100;
box-shadow: 3px 3px 9px -1px rgba(0, 0, 0, 0.75);
}

#infotext {
  padding: 50px 10px 20px 10px;
  line-height: 22px;
}


.close {
  background: #262626 none repeat scroll 0 0;
  color: #ffffff;
  cursor: pointer;
  float: right;
  font-size: 28px;
  font-weight: bold;
  height: 25px;
  padding: 0 10px 10px 0;
  text-align: right;
  width: 490px;
}

.close:hover{
	 cursor: pointer;
}

.fpd-draggable-dialog .fpd-btn {
  margin: 10px 40px !important;
}