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


.planItemContainer {
	width: 100%;
	margin: 0% 0% 6% 0%;
	float: left;
	}
.planItemWideSet {
	width: 94%;
	margin: 2% 0% 2% 3%;
	background-image: url(imgSite/10x10_blue_10.png);
	float: left;
	}
.planItemSet {
	width: 45.5%;
	margin: 2% 0% 2% 3%;
	background-image: url(imgSite/10x10_blue_10.png);
	float: left;
	}
.planSpacer {
	height: 0px;
	}	
img.planItemImage {
	width: 94%;
	margin: 0em 3% 0em 3%;
	}

h4.oITw{
	margin: 0.2em 0 0.2em 0.2em;
	}

h4.oIT{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}
	
iframe.map {
	border: 0px;
	width: 100%;
	height: 300px;
	}
	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	
iframe.map {
	border: 0px;
	width: 100%;
	height: 400px;
	}


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

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

.planItemWideSet {
	width: 92%;
	margin: 2% 0% 2% 4%;
	background-image: url(imgSite/10x10_blue_10.png);
	float: left;
	}
.planItemSet {
	width: 44%;
	margin: 2% 0% 2% 4%;
	background-image: url(imgSite/10x10_blue_10.png);
	float: left;
	}
.planSpacer {
	height: 0px;
	}	
img.planItemImage {
	width: 94%;
	margin: 0em 3% 0em 3%;
	}

h4.oITw{
	margin: 0.2em 0 0.2em 0em;
	}

h4.oIT{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}
	
iframe.map {
	border: 0px;
	width: 100%;
	height: 500px;
	}
	


}



/* 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) {
	
iframe.map {
	border: 0px;
	width: 100%;
	height: 600px;
	}


}