/* Layout für Mobilgeräte: 480 px oder weniger. */

div.logoContainer {
	width: 96%;
	margin-left: 2%;
	margin-bottom: 100px;
	float: left;
	background-color: #fff;
	}

div.logoContainer p {
	font-size: 1.1em;
	}

div.itemMitglied2 {
	text-align: center;
	float: left;
	width: 50%;
	margin-left: 0%;
	border-bottom: 1px dotted #d3dbef;
	}

div.itemPartner {
	text-align: center;
	float: left;
	width: 50%;
	margin-left: 0%;
	}
	
img.itemMitglied {
	width: 80%;
	margin-top: 5%;
	}

div.logoContainerTrans {
	width: 96%;
	margin-left: 2%;
	margin-bottom: 100px;
	float: left;
	}
	

	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {

div.logoContainer, div.logoContainerTrans {
	width: 94%;
	margin-left: 3%;
	}

div.itemMitglied2 {
	width: 33.333%;
	min-height: 140px;
	}

div.itemPartner {
	width: 33.333%;
	min-height: 210px;
	}
	
img.itemMitglied {
	width: 80%;
	margin-top: 5%;
	}

	

}
	
	
/* Layout für Tablet-PCs: 769 bis 968 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 769px) {

div.itemMitglied2 {
	min-height: 140px;
	}
div.itemPartner {
	min-height: 210px;
	}
	
}



/* Desktoplayout: 919 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 919px) {

div.logoContainer, div.logoContainerTrans {
	width: 92%;
	margin-left: 4%;
	}

div.itemMitglied2 {
	width: 25%;
	min-height: 140px;
	}

div.itemPartner {
	width: 25%;
	min-height: 210px;
	}
	
img.itemMitglied {
	width: 80%;
	margin-top: 5%;
	}


}