/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2014 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Make the wrapping container 960 pixel wide
 */
.wrapper {
	width:1140px;
	margin:0 auto;
}

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

/**
 * Set nested grid elements
 */
 .alpha {margin-left:0 !important;}
 .omega {margin-right:0 !important;}

/**
 * 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;
}

/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
	margin-left:0;
	margin-right:0;
}
.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>* {
	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 {
	margin-left:0;
	margin-right:0;
}

/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
#main .inside {
	overflow:hidden;
}

/**
 * Centered Container for full width Elements
 */
.container12 {
	width:1140px;
	margin:0 auto;
	}

/**
 * Grid column widths
 */
.grid1  { width:75px;  }
.grid2  { width:170px; }
.grid3  { width:265px; }
.grid4  { width:360px; }
.grid5  { width:455px; }
.grid6  { width:550px; }
.grid7  { width:645px; }
.grid8  { width:740px; }
.grid9  { width:835px; }
.grid10 { width:930px; }
.grid11 { width:1025px; }
.grid12 { width:1120px; }

/**
 * Floated articles can be 20 pixel wider (no margin)
 */
.mod_article.grid1  { width:95px;  }
.mod_article.grid2  { width:190px; }
.mod_article.grid3  { width:285px; }
.mod_article.grid4  { width:380px; }
.mod_article.grid5  { width:475px; }
.mod_article.grid6  { width:570px; }
.mod_article.grid7  { width:665px; }
.mod_article.grid8  { width:760px; }
.mod_article.grid9  { width:855px; }
.mod_article.grid10 { width:950px; }
.mod_article.grid11 { width:1045px; }
.mod_article.grid12 { width:1140px; }

/**
 * Default offset widths
 */
.offset1  { margin-left:105px  !important; }
.offset2  { margin-left:200px !important; }
.offset3  { margin-left:295px !important; }
.offset4  { margin-left:390px !important; }
.offset5  { margin-left:485px !important; }
.offset6  { margin-left:580px !important; }
.offset7  { margin-left:675px !important; }
.offset8  { margin-left:770px !important; }
.offset9  { margin-left:865px !important; }
.offset10 { margin-left:960px !important; }
.offset11 { margin-left:1055px !important; }
.offset12 { margin-left:1150px !important; }


@media (min-width:960px) and (max-width:1160px)
{
/**
* Reduce the overall width
*/
.wrapper {
		width:960px;
	}
	
/**
 * Centered Container for full width Elements
 */
.container12 {
	width:960px;
	margin:0 auto;
	}

/**
* Reduce the grid column widths
*/
.grid1  { width:60px;  }
.grid2  { width:140px; }
.grid3  { width:220px; }
.grid4  { width:300px; }
.grid5  { width:380px; }
.grid6  { width:460px; }
.grid7  { width:540px; }
.grid8  { width:620px; }
.grid9  { width:700px; }
.grid10 { width:780px; }
.grid11 { width:860px; }
.grid12 { width:940px; }

	/**
	 * Floated articles can be 20 pixel wider (no margin)
	 */
.mod_article.grid1  { width:80px;  }
.mod_article.grid2  { width:160px; }
.mod_article.grid3  { width:240px; }
.mod_article.grid4  { width:320px; }
.mod_article.grid5  { width:400px; }
.mod_article.grid6  { width:480px; }
.mod_article.grid7  { width:560px; }
.mod_article.grid8  { width:640px; }
.mod_article.grid9  { width:720px; }
.mod_article.grid10 { width:800px; }
.mod_article.grid11 { width:880px; }
.mod_article.grid12 { width:960px; }

	/**
	 * Reduce the offset widths
	 */
.offset1  { margin-left:90px  !important; }
.offset2  { margin-left:170px !important; }
.offset3  { margin-left:250px !important; }
.offset4  { margin-left:330px !important; }
.offset5  { margin-left:410px !important; }
.offset6  { margin-left:490px !important; }
.offset7  { margin-left:570px !important; }
.offset8  { margin-left:650px !important; }
.offset9  { margin-left:730px !important; }
.offset10 { margin-left:810px !important; }
.offset11 { margin-left:890px !important; }
.offset12 { margin-left:970px !important; }
	
}


/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */
@media (min-width:768px) and (max-width:959px)
{
/**
* Reduce the overall width
*/
.wrapper {
		width:768px;
	}
/**
 * Centered Container for full width Elements
 */
.container12 {
	width:768px;
	margin:0 auto;
	}

	/**
	 * Reduce the grid column widths
	 */
	.grid1  { width:44px;  }
	.grid2  { width:108px; }
	.grid3  { width:172px; }
	.grid4  { width:236px; }
	.grid5  { width:300px; }
	.grid6  { width:364px; }
	.grid7  { width:428px; }
	.grid8  { width:492px; }
	.grid9  { width:556px; }
	.grid10 { width:620px; }
	.grid11 { width:684px; }
	.grid12 { width:748px; }

	/**
	 * Floated articles can be 20 pixel wider (no margin)
	 */
	.mod_article.grid1  { width:64px;  }
	.mod_article.grid2  { width:128px; }
	.mod_article.grid3  { width:192px; }
	.mod_article.grid4  { width:256px; }
	.mod_article.grid5  { width:320px; }
	.mod_article.grid6  { width:384px; }
	.mod_article.grid7  { width:448px; }
	.mod_article.grid8  { width:512px; }
	.mod_article.grid9  { width:576px; }
	.mod_article.grid10 { width:640px; }
	.mod_article.grid11 { width:704px; }
	.mod_article.grid12 { width:768px; }

	/**
	 * Reduce the offset widths
	 */
	.offset1  { margin-left:74px  !important; }
	.offset2  { margin-left:138px !important; }
	.offset3  { margin-left:202px !important; }
	.offset4  { margin-left:266px !important; }
	.offset5  { margin-left:330px !important; }
	.offset6  { margin-left:394px !important; }
	.offset7  { margin-left:458px !important; }
	.offset8  { margin-left:522px !important; }
	.offset9  { margin-left:586px !important; }
	.offset10 { margin-left:650px !important; }
	.offset11 { margin-left:714px !important; }
	.offset12 { margin-left:778px !important; }
}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
	/**
	 * Remove the overall width
	 */
	.wrapper {
		width:auto;
	}
	
/**
 * Centered Container for full width Elements
 */
.container12 {
	width:300px;
	margin:0 auto;
	}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none !important;
		display:block !important;
		width:auto !important;
	}
	*[class*="offset"] {
		margin-left:10px !important;
	}
}

@media (min-width:480px) and (max-width:767px)
{
	
/**
 * Centered Container for full width Elements
 */
.container12 {
	width:420px;
	margin:0 auto;
	}
	}
/*
     FILE ARCHIVED ON 22:16:40 Nov 02, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:42:41 Aug 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.412
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.037
  esindex: 0.006
  cdx.remote: 5.158
  LoadShardBlock: 81.57 (3)
  PetaboxLoader3.datanode: 70.063 (4)
  PetaboxLoader3.resolve: 79.048 (2)
  load_resource: 102.531
*/