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

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


/* Add a desfault margin to all content elements */
.mod_article>* {
	margin-left: 12px;
	margin-right: 12px;
}

/* Remove the margin from floated article */
.inside>*[class*="grid"] {
	margin-left:0;
	margin-right:0;
}


/* Grid column widths */
.grid1 {width:59px; }
.grid2 {width:142px; }
.grid3 {width:225px; }
.grid4 {width:308px; }
.grid5 {width:391px; }
.grid6 {width:474px; }
.grid7 {width:557px; }
.grid8 {width:640px; }
.grid9 {width:723px; }
.grid10 {width:806px; }
.grid11 {width:889px; }
.grid12 {width:972px; }

/* Floatetd articles can be 24 pixel wider (no margin) */
.mod_article.grid1 {width:83px; }
.mod_article.grid2 {width:166px; }
.mod_article.grid3 {width:249px; }
.mod_article.grid4 {width:332px; }
.mod_article.grid5 {width:415px; }
.mod_article.grid6 {width:498px; }
.mod_article.grid7 {width:581px; }
.mod_article.grid8 {width:664px; }
.mod_article.grid9 {width:747px; }
.mod_article.grid10 {width:830px; }
.mod_article.grid11 {width:913px; }
.mod_article.grid12 {width:996px; }

/* Sondergröße für Startteaser */
.grid4 {width:341px; }


/* Reduce overall width and width of Grid Columns
  if the screen width is less than 996px */
@media (min-width:768px) and (max-width:996px) {
#wrapper {width:744px; }

/* Grid column widths */
.grid1 {width:38px; }
.grid2 {width:100px; }
.grid3 {width:162px; }
.grid4 {width:224px; }
.grid5 {width:286px; }
.grid6 {width:348px; }
.grid7 {width:410px; }
.grid8 {width:472px; }
.grid9 {width:534px; }
.grid10 {width:596px; }
.grid11 {width:658px; }
.grid12 {width:720px; }

/* Floatetd articles can be 24 pixel wider (no margin) */
.mod_article.grid1 {width:62px; }
.mod_article.grid2 {width:124px; }
.mod_article.grid3 {width:186px; }
.mod_article.grid4 {width:248px; }
.mod_article.grid5 {width:310px; }
.mod_article.grid6 {width:372px; }
.mod_article.grid7 {width:434px; }
.mod_article.grid8 {width:496px; }
.mod_article.grid9 {width:558px; }
.mod_article.grid10 {width:620px; }
.mod_article.grid11 {width:682px; }
.mod_article.grid12 {width:744px; }

#container {
    padding-right: 292px;
}

#right {
    width: 292px;
}

/* Show all columns underneath each other */
*[class*="grid"],.start-teaser>*[class*="grid"] {
	float:none;
	display:block;
	width:auto;
	margin:0;
}

}

/* Remove all floats and fixes if the screen width is less than 768px */
@media (max-width:767px) {

/* Remove overall width */
#wrapper {width:auto; }

/* Show all columns underneath each other */
*[class*="grid"],.inside>*[class*="grid"] {
	float:none;
	display:block;
	width:auto;
	margin:0;
}

/* Remove the margin from floated article */
.inside>*[class*="grid"] {
	margin-left:0;
	margin-right:0;
}

#container, .inside {
    margin-left: 12px;
    margin-right: 0px;
}

.foerderer img {
	min-width: 100px;
} 

}