/**
 * 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
 */
#header .inside,
#footer .inside,
.mod_article.wrap .inner {
	width:1280px;
	margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
*[class*="grid"] {
	float:left;
	display:inline;
	margin-right:20px;
	margin-left: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:20px;
	margin-right:20px;
}

/**
 * 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:40px;  }
.grid2  { width:120px; }
.grid3  { width:200px; }
.grid4  { width:280px; }
.grid5  { width:360px; }
.grid6  { width:440px; }
.grid7  { width:520px; }
.grid8  { width:600px; }
.grid9  { width:680px; }
.grid10 { width:760px; }
.grid11 { width:840px; }
.grid12 { width:920px; }
.grid13 { width:1000px; }
.grid14 { width:1080px; }
.grid15 { width:1160px; }
.grid16 { width:1240px; }

/**
 * 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:100px   !important; } 
.offset2  { margin-left:180px  !important; } 
.offset3  { margin-left:260px  !important; } 
.offset4  { margin-left:340px  !important; } 
.offset5  { margin-left:420px  !important; } 
.offset6  { margin-left:500px  !important; } 
.offset7  { margin-left:580px  !important; } 
.offset8  { margin-left:660px  !important; } 
.offset9  { margin-left:740px  !important; } 
.offset10 { margin-left:820px  !important; } 
.offset11 { margin-left:900px  !important; } 
.offset12 { margin-left:980px  !important; } 
.offset13 { margin-left:1060px  !important; } 
.offset14 { margin-left:1140px  !important; } 
.offset15 { margin-left:1220px !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; }
*/