
#wrapper {
	width: 1280px;
	margin: 0 auto
}

[class*=grid] {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	display: inline
}

.mod_article [class*=ce_], .mod_article [class*=mod_] {
	margin-left: 15px;
	margin-right: 15px
}

.mod_article .mod_newsreader, .mod_article .mod_eventreader {
	margin-left: 0;
	margin-right: 0
}

.mod_article [class*=layout_]>*, .mod_article [class*=event_]>* {
	margin-left: 15px;
	margin-right: 15px
}

.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
}

#main .inside {
	overflow: hidden
}

.grid1 {
	width: calc(8.33333% - 30px);
}

.grid2 {
	width: calc(16.66666% - 30px);}

.grid3 {
	width: calc(25% - 30px);
}

.grid4 {
	width: calc(33.33333% - 30px);
}

.grid5 {
	width: calc(41.66666% - 30px);
}

.grid6 {
	width: calc(50% - 30px);
}

.grid7 {
	width: calc(58.33333% - 30px);
}

.grid8 {
	width: calc(66.66666% - 30px);
}

.grid9 {
	width: calc(75% - 30px);
}

.grid10 {
	width: calc(83.33333% - 30px);
}

.grid11 {
	width: calc(91.66666% - 30px);
}

.grid12 {
	width: calc(100% - 30px);
}

.mod_article.grid1 {
	width: 100px
}

.mod_article.grid2 {
	width: 200px
}

.mod_article.grid3 {
	width: 300px
}

.mod_article.grid4 {
	width: 400px
}

.mod_article.grid5 {
	width: 500px
}

.mod_article.grid6 {
	width: 600px
}

.mod_article.grid7 {
	width: 700px
}

.mod_article.grid8 {
	width: 800px
}

.mod_article.grid9 {
	width: 900px
}

.mod_article.grid10 {
	width: 1000px
}

.mod_article.grid11 {
	width: 1100px
}

.mod_article.grid12 {
	width: 1200px
}

.offset1 {
	margin-left: 115px!important
}

.offset2 {
	margin-left: 215px!important
}

.offset3 {
	margin-left: 315px!important
}

.offset4 {
	margin-left: 415px!important
}

.offset5 {
	margin-left: 515px!important
}

.offset6 {
	margin-left: 615px!important
}

.offset7 {
	margin-left: 715px!important
}

.offset8 {
	margin-left: 815px!important
}

.offset9 {
	margin-left: 915px!important
}

.offset10 {
	margin-left: 1015px!important
}

.offset11 {
	margin-left: 1115px!important
}

.offset12 {
	margin-left: 1215px!important
}

.mod_article.offset1 {
	margin-left: 100px!important
}

.mod_article.offset2 {
	margin-left: 200px!important
}

.mod_article.offset3 {
	margin-left: 300px!important
}

.mod_article.offset4 {
	margin-left: 400px!important
}

.mod_article.offset5 {
	margin-left: 500px!important
}

.mod_article.offset6 {
	margin-left: 600px!important
}

.mod_article.offset7 {
	margin-left: 700px!important
}

.mod_article.offset8 {
	margin-left: 800px!important
}

.mod_article.offset9 {
	margin-left: 900px!important
}

.mod_article.offset10 {
	margin-left: 1000px!important
}

.mod_article.offset11 {
	margin-left: 1100px!important
}

.mod_article.offset12 {
	margin-left: 1200px!important
}

@media (max-width:900px) {
	#wrapper {
		width: auto
	}
	
	[class*=grid] {
		float: none!important;
		display: block!important;
		width: auto!important
	}
	
	[class*=offset] {
		margin-left: 15px!important
	}
}
