/**
 * Grid container
container: $('#main'), // Optional, used for some extra CSS styling
 */


#main {
position: relative;
} 


#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 167px;
/*background-color: #595959;*/
padding:0;
/**display: none;  Hide items initially to avoid a flicker effect **/
cursor: pointer;
color: white;
  margin: 0;
}
#tiles li a{
   color: white; 
}
#tiles li a div.produkt_titel{
    color: #d9d9d9;
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;

}

#tiles li a div.produkt_artikelnr {
    color: #d9d9d9;
    display: block;
    font-size: 11px;
    line-height: 12px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    width: 156px;
}



#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
}

/**
 * Grid item text
 */
#tiles li p {
  color: white;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  font-weight: 200;
  margin: 7px 0 2px 7px;
}

footer {
  text-align: center;

}

footer a {
  color: #435DC5;
  text-decoration: none;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}