/*  GRID COLUMN */
.col {
	display: block;
	float:left;
}

.col:first-child { margin-left: 0; } /* alle browser ausser IE6 und älter */

/* DESKTOP */
.lg_12 {
	width: 100%;
}

.lg_11 {
	width: calc(100% / 12 * 11);
}

.lg_10 {
	width: calc(100% / 12 * 10);
}

.lg_9 {
	width: calc(100% / 12 * 9);
}

.lg_8 {
	width: calc(100% / 12 * 8);
}

.lg_7 {
	width: calc(100% / 12 * 7); 
}

.lg_6 {
	width: calc(100% / 12 * 6); 
}

.lg_5 {
	width: calc(100% / 12 * 5); 
}

.lg_4 {
	width: calc(100% / 12 * 4); 
}

.lg_3 {
	width: calc(100% / 12 * 3);
}

.lg_2 {
	width: calc(100% / 12 * 2); 
}

.lg_1 {
	width: calc(100% / 12 * 1); 
}

/* DESKTOP SKIP */
.lg_skip_12 {
	margin-left: 100%;
}

.lg_skip_11 {
	margin-left: calc(100% / 12 * 11);
}

.lg_skip_10 {
	margin-left: calc(100% / 12 * 10);
}

.lg_skip_9 {
	margin-left: calc(100% / 12 * 9);
}

.lg_skip_8 {
	margin-left: calc(100% / 12 * 8);
}

.lg_skip_7 {
	margin-left: calc(100% / 12 * 7); 
}

.lg_skip_6 {
	margin-left: calc(100% / 12 * 6); 
}

.lg_skip_5 {
	margin-left: calc(100% / 12 * 5); 
}

.lg_skip_4 {
	margin-left: calc(100% / 12 * 4); 
}

.lg_skip_3 {
	margin-left: calc(100% / 12 * 3);
}

.lg_skip_2 {
	margin-left: calc(100% / 12 * 2); 
}

.lg_skip_1 {
	margin-left: calc(100% / 12 * 1); 
}

/* TABLET */
@media only screen and (max-width: 980px) {

	.bg_12 {
		width: 100%; 
	}
	.bg_11 {
		width: calc(100% / 12 * 11);
	}
	.bg_10 {
		width: calc(100% / 12 * 10); 
	}
	.bg_9 {
		width: calc(100% / 12 * 9); 
	}
	.bg_8 {
		width: calc(100% / 12 * 8); 
	}
	.bg_7 {
		width: calc(100% / 12 * 7);
	}
	.bg_6 {
		width: calc(100% / 12 * 6); 
	}
	.bg_5 {
		width: calc(100% / 12 * 5);
	}
	.bg_4 {
		width: calc(100% / 12 * 4);  
	}
	.bg_3 {
		width: calc(100% / 12 * 3);
	}
	.bg_2 {
		width: calc(100% / 12 * 2); 
	}
	.bg_1 {
		width: calc(100% / 12 * 1);  
	}

	/* TABLET SKIP */
	.bg_skip_12 {
		margin-left: 100%;
	}

	.bg_skip_11 {
		margin-left: calc(100% / 12 * 11);
	}

	.bg_skip_10 {
		margin-left: calc(100% / 12 * 10);
	}

	.bg_skip_9 {
		margin-left: calc(100% / 12 * 9);
	}

	.bg_skip_8 {
		margin-left: calc(100% / 12 * 8);
	}

	.bg_skip_7 {
		margin-left: calc(100% / 12 * 7); 
	}

	.bg_skip_6 {
		margin-left: calc(100% / 12 * 6); 
	}

	.bg_skip_5 {
		margin-left: calc(100% / 12 * 5); 
	}

	.bg_skip_4 {
		margin-left: calc(100% / 12 * 4); 
	}

	.bg_skip_3 {
		margin-left: calc(100% / 12 * 3);
	}

	.bg_skip_2 {
		margin-left: calc(100% / 12 * 2); 
	}

	.bg_skip_1 {
		margin-left: calc(100% / 12 * 1); 
	}
}

/* TABLET */
@media only screen and (max-width: 768px) {

	.md_12 {
		width: 100%; 
	}
	.md_11 {
		width: calc(100% / 12 * 11);
	}
	.md_10 {
		width: calc(100% / 12 * 10); 
	}
	.md_9 {
		width: calc(100% / 12 * 9); 
	}
	.md_8 {
		width: calc(100% / 12 * 8); 
	}
	.md_7 {
		width: calc(100% / 12 * 7);
	}
	.md_6 {
		width: calc(100% / 12 * 6); 
	}
	.md_5 {
		width: calc(100% / 12 * 5);
	}
	.md_4 {
		width: calc(100% / 12 * 4);  
	}
	.md_3 {
		width: calc(100% / 12 * 3);
	}
	.md_2 {
		width: calc(100% / 12 * 2); 
	}
	.md_1 {
		width: calc(100% / 12 * 1);  
	}

	/* TABLET SKIP */
	.md_skip_12 {
		margin-left: 100%;
	}

	.md_skip_11 {
		margin-left: calc(100% / 12 * 11);
	}

	.md_skip_10 {
		margin-left: calc(100% / 12 * 10);
	}

	.md_skip_9 {
		margin-left: calc(100% / 12 * 9);
	}

	.md_skip_8 {
		margin-left: calc(100% / 12 * 8);
	}

	.md_skip_7 {
		margin-left: calc(100% / 12 * 7); 
	}

	.md_skip_6 {
		margin-left: calc(100% / 12 * 6); 
	}

	.md_skip_5 {
		margin-left: calc(100% / 12 * 5); 
	}

	.md_skip_4 {
		margin-left: calc(100% / 12 * 4); 
	}

	.md_skip_3 {
		margin-left: calc(100% / 12 * 3);
	}

	.md_skip_2 {
		margin-left: calc(100% / 12 * 2); 
	}

	.md_skip_1 {
		margin-left: calc(100% / 12 * 1); 
	}
}

/* MOBILE  */
@media only screen and (max-width: 480px) {

	.sm_12 {
		width: 100%; 
	}
	.sm_11 {
		width: calc(100% / 12 * 11);
	}
	.sm_10 {
		width: calc(100% / 12 * 10); 
	}
	.sm_9 {
		width: calc(100% / 12 * 9); 
	}
	.sm_8 {
		width: calc(100% / 12 * 8); 
	}
	.sm_7 {
		width: calc(100% / 12 * 7);
	}
	.sm_6 {
		width: calc(100% / 12 * 6); 
	}
	.sm_5 {
		width: calc(100% / 12 * 5);
	}
	.sm_4 {
		width: calc(100% / 12 * 4);  
	}
	.sm_3 {
		width: calc(100% / 12 * 3);
	}
	.sm_2 {
		width: calc(100% / 12 * 2); 
	}
	.sm_1 {
		width: calc(100% / 12 * 1);  
	}

	/* MOBILE SKIP */
	.sm_skip_12 {
		margin-left: 100%;
	}

	.sm_skip_11 {
		margin-left: calc(100% / 12 * 11);
	}

	.sm_skip_10 {
		margin-left: calc(100% / 12 * 10);
	}

	.sm_skip_9 {
		margin-left: calc(100% / 12 * 9);
	}

	.sm_skip_8 {
		margin-left: calc(100% / 12 * 8);
	}

	.sm_skip_7 {
		margin-left: calc(100% / 12 * 7); 
	}

	.sm_skip_6 {
		margin-left: calc(100% / 12 * 6); 
	}

	.sm_skip_5 {
		margin-left: calc(100% / 12 * 5); 
	}

	.sm_skip_4 {
		margin-left: calc(100% / 12 * 4); 
	}

	.sm_skip_3 {
		margin-left: calc(100% / 12 * 3);
	}

	.sm_skip_2 {
		margin-left: calc(100% / 12 * 2); 
	}

	.sm_skip_1 {
		margin-left: calc(100% / 12 * 1); 
	}
}