@charset "utf-8";
/* CSS Document */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

#contant {
	background-color: #f2f2f2;
    margin: 0 auto;
    max-width: 96%;
    padding: 10px;
    width: 800px;
    border:1px solid #cecece;
    margin-top:12px;
}
#contant {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
}



.wrapper {
	overflow: hidden;
}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 5px;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.col2 {
   margin-bottom:6px; 
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* Alle Mediaqueries sind im Originalfile!!! */

/* reset cols to fullwidth */
@media screen and (max-width: 450px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}