/**
 * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer
 *
 * Pixel Grid with 1120 pixel
 * @copyright  Glen Langer (BugBuster) 2012..2013
 * @author     BugBuster
 * @package    contaogrid-1120-16
 * @license    LGPL
 */

/**
 * Make the wrapping container 1120 pixel wide
 */
#wrapper {
        width:1130px;
        margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
*[class*="grid"] {
        float:left;
        display:inline;
        margin-right:10px;
        margin-left:10px;
        margin-bottom:20px;
}

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
        margin-left:10px;
        margin-right:10px;
}
.mod_newsreader *[class*="ce_"],
.mod_newsreader *[class*="mod_"] {
        margin-left:0px;
        margin-right:0px;
}

/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12,
.mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16 {
        margin-left:0;
        margin-right:0;
}

/**
 * Grid column widths
 */
.grid1  { width:50px;  }
.grid2  { width:120px; }
.grid3  { width:190px; }
.grid4  { width:260px; }
.grid5  { width:330px; }
.grid6  { width:400px; }
.grid7  { width:470px; }
.grid8  { width:540px; }
.grid9  { width:610px; }
.grid10 { width:680px; }
.grid11 { width:750px; }
.grid12 { width:820px; }
.grid13 { width:890px; }
.grid14 { width:960px; }
.grid15 { width:1030px; }
.grid16 { width:1100px; }

/**
 * For 100% wide, without margin, not within an article
 * e.g. for HTML Modules in header
 */
.grid16_0 {
    margin: 0 !important;
    width: 100%;
}

/**
 * Floated articles can be 20 pixel wider (no margin)
 */
.mod_article.grid1  { width:70px;  }
.mod_article.grid2  { width:140px; }
.mod_article.grid3  { width:210px; }
.mod_article.grid4  { width:280px; }
.mod_article.grid5  { width:350px; }
.mod_article.grid6  { width:420px; }
.mod_article.grid7  { width:490px; }
.mod_article.grid8  { width:560px; }
.mod_article.grid9  { width:630px; }
.mod_article.grid10 { width:700px; }
.mod_article.grid11 { width:770px; }
.mod_article.grid12 { width:840px; }
.mod_article.grid13 { width:910px; }
.mod_article.grid14 { width:980px; }
.mod_article.grid15 { width:1050px; }
.mod_article.grid16 { width:1120px; }

/**
 * Default offset widths
 */
.offset1  { margin-left:80px   !important; }
.offset2  { margin-left:150px  !important; }
.offset3  { margin-left:220px  !important; }
.offset4  { margin-left:290px  !important; }
.offset5  { margin-left:360px  !important; }
.offset6  { margin-left:430px  !important; }
.offset7  { margin-left:500px  !important; }
.offset8  { margin-left:570px  !important; }
.offset9  { margin-left:640px  !important; }
.offset10 { margin-left:710px  !important; }
.offset11 { margin-left:780px  !important; }
.offset12 { margin-left:850px  !important; }
.offset13 { margin-left:920px  !important; }
.offset14 { margin-left:990px  !important; }
.offset15 { margin-left:1060px !important; }

.offset05  { margin-left:45px   !important; }

/**
 * Floated articles do not have margin
 */
.mod_article.offset1  { margin-left:70px   !important; }
.mod_article.offset2  { margin-left:140px  !important; }
.mod_article.offset3  { margin-left:210px  !important; }
.mod_article.offset4  { margin-left:280px  !important; }
.mod_article.offset5  { margin-left:350px  !important; }
.mod_article.offset6  { margin-left:420px  !important; }
.mod_article.offset7  { margin-left:490px  !important; }
.mod_article.offset8  { margin-left:560px  !important; }
.mod_article.offset9  { margin-left:630px  !important; }
.mod_article.offset10 { margin-left:700px  !important; }
.mod_article.offset11 { margin-left:770px  !important; }
.mod_article.offset12 { margin-left:840px  !important; }
.mod_article.offset13 { margin-left:910px  !important; }
.mod_article.offset14 { margin-left:980px  !important; }
.mod_article.offset15 { margin-left:1050px !important; }