@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Klassen für Shopliste
 *
 */

@media screen, projection {

    .shops {
        width: 700px;
        float:left;
        margin-top: 10px;
    }
    
    .shops  .entry {
        width: 700px;
        position:relative;
        float: left;
         margin-bottom: 12px;
    }
    
    .shops  .entry .info {
        width: 250px;
        float:left;
        margin-left: 25px;
        display: inline;
        margin-top: -4px;
    }
    
    .shops  .entry .info h2 {
        font-size: 125%;
        color: #8cac00;
        line-height: 130%;
        margin-bottom: 13px;
    }
    
    .shops  .entry .info p {
        font-size: 108.33%;
        color: #292929;
        margin-bottom: 10px;
        line-height: 1.45em;
    }
    
    .shops  .entry .info a {
        color: #292929;
    }
    
    .shops  .entry .info .opening {
        font-size: 108.33%;
        float:left;
        color: #b8b8b8;
        line-height: 1.45em;
        margin-top: 3px;
    }
    
    .shops .entry img {
        float:left;
        border:1px #E6E6E6 solid;
        padding: 9px;
    }
    
    .shops_separator { margin-bottom: 16px;}
}