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

.lg_10 {
	width: 83.33333333%;
}

.lg_9 {
	width: 75%;
}

.lg_8 {
	width: 66.66666667%;
}

.lg_7 {
	width: 58.33333333%; 
}

.lg_6 {
	width: 50%; 
}

.lg_5 {
	width: 41.66666667%; 
}

.lg_4 {
	width: 33.33333333%; 
}

.lg_3 {
	width: 25%;
}

.lg_2 {
	width: 16.66666667%; 
}

.lg_1 {
	width: 8.33333333%; 
}

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

.lg_skip_11 {
	margin-left: 91.66666667%;
}

.lg_skip_10 {
	margin-left: 83.33333333%;
}

.lg_skip_9 {
	margin-left: 75%;
}

.lg_skip_8 {
	margin-left: 66.66666667%;
}

.lg_skip_7 {
	margin-left: 58.33333333%; 
}

.lg_skip_6 {
	margin-left: 50%; 
}

.lg_skip_5 {
	margin-left: 41.66666667%; 
}

.lg_skip_4 {
	margin-left: 33.33333333%; 
}

.lg_skip_3 {
	margin-left: 25%;
}

.lg_skip_2 {
	margin-left: 16.66666667%; 
}

.lg_skip_1 {
	margin-left: 8.33333333%; 
}

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

    .cs_12 {
        width: 100%; 
    }
    .cs_11 {
        width: 91.66666667%;
    }
    .cs_10 {
        width: 83.33333333%; 
    }
    .cs_9 {
        width: 75%; 
    }
    .cs_8 {
        width: 66.66666667%; 
    }
    .cs_7 {
        width: 58.33333333%;
    }
    .cs_6 {
        width: 50%; 
    }
    .cs_5 {
        width: 41.66666667%;
    }
    .cs_4 {
        width: 33.33333333%;  
    }
    .cs_3 {
        width: 25%;
    }
    .cs_2 {
        width: 16.66666667%; 
    }
    .cs_1 {
        width: 8.33333333%;  
    }
}

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

	.bg_12 {
		width: 100%; 
	}
	.bg_11 {
		width: 91.66666667%;
	}
	.bg_10 {
		width: 83.33333333%; 
	}
	.bg_9 {
		width: 75%; 
	}
	.bg_8 {
		width: 66.66666667%; 
	}
	.bg_7 {
		width: 58.33333333%;
	}
	.bg_6 {
		width: 50%; 
	}
	.bg_5 {
		width: 41.66666667%;
	}
	.bg_4 {
		width: 33.33333333%;  
	}
	.bg_3 {
		width: 25%;
	}
	.bg_2 {
		width: 16.66666667%; 
	}
	.bg_1 {
		width: 8.33333333%;  
	}

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

	.bg_skip_11 {
		margin-left: 91.66666667%;
	}

	.bg_skip_10 {
		margin-left: 83.33333333%;
	}

	.bg_skip_9 {
		margin-left: 75%;
	}

	.bg_skip_8 {
		margin-left: 66.66666667%;
	}

	.bg_skip_7 {
		margin-left: 58.33333333%; 
	}

	.bg_skip_6 {
		margin-left: 50%; 
	}

	.bg_skip_5 {
		margin-left: 41.66666667%; 
	}

	.bg_skip_4 {
		margin-left: 33.33333333%; 
	}

	.bg_skip_3 {
		margin-left: 25%;
	}

	.bg_skip_2 {
		margin-left: 16.66666667%; 
	}

	.bg_skip_1 {
		margin-left: 8.33333333%; 
	}
}

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

	.md_12 {
		width: 100%; 
	}
	.md_11 {
		width: 91.66666667%;
	}
	.md_10 {
		width: 83.33333333%; 
	}
	.md_9 {
		width: 75%; 
	}
	.md_8 {
		width: 66.66666667%; 
	}
	.md_7 {
		width: 58.33333333%;
	}
	.md_6 {
		width: 50%; 
	}
	.md_5 {
		width: 41.66666667%;
	}
	.md_4 {
		width: 33.33333333%;  
	}
	.md_3 {
		width: 25%;
	}
	.md_2 {
		width: 16.66666667%; 
	}
	.md_1 {
		width: 8.33333333%;  
	}

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

	.md_skip_11 {
		margin-left: 91.66666667%;
	}

	.md_skip_10 {
		margin-left: 83.33333333%;
	}

	.md_skip_9 {
		margin-left: 75%;
	}

	.md_skip_8 {
		margin-left: 66.66666667%;
	}

	.md_skip_7 {
		margin-left: 58.33333333%; 
	}

	.md_skip_6 {
		margin-left: 50%; 
	}

	.md_skip_5 {
		margin-left: 41.66666667%; 
	}

	.md_skip_4 {
		margin-left: 33.33333333%; 
	}

	.md_skip_3 {
		margin-left: 25%;
	}

	.md_skip_2 {
		margin-left: 16.66666667%; 
	}

	.md_skip_1 {
		margin-left: 8.33333333%; 
	}
}

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

	.sm_12 {
		width: 100%; 
	}
	.sm_11 {
		width: 91.66666667%;
	}
	.sm_10 {
		width: 83.33333333%; 
	}
	.sm_9 {
		width: 75%; 
	}
	.sm_8 {
		width: 66.66666667%; 
	}
	.sm_7 {
		width: 58.33333333%;
	}
	.sm_6 {
		width: 50%; 
	}
	.sm_5 {
		width: 41.66666667%;
	}
	.sm_4 {
		width: 33.33333333%;  
	}
	.sm_3 {
		width: 25%;
	}
	.sm_2 {
		width: 16.66666667%; 
	}
	.sm_1 {
		width: 8.33333333%;  
	}

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

	.sm_skip_11 {
		margin-left: 91.66666667%;
	}

	.sm_skip_10 {
		margin-left: 83.33333333%;
	}

	.sm_skip_9 {
		margin-left: 75%;
	}

	.sm_skip_8 {
		margin-left: 66.66666667%;
	}

	.sm_skip_7 {
		margin-left: 58.33333333%; 
	}

	.sm_skip_6 {
		margin-left: 50%; 
	}

	.sm_skip_5 {
		margin-left: 41.66666667%; 
	}

	.sm_skip_4 {
		margin-left: 33.33333333%; 
	}

	.sm_skip_3 {
		margin-left: 25%;
	}

	.sm_skip_2 {
		margin-left: 16.66666667%; 
	}

	.sm_skip_1 {
		margin-left: 8.33333333%; 
	}
}