/* Printseitengestaltung */

@media screen and (min-width: 768px) {
	
	#container-wrap {
		width: 700px;
		height: 250px;
		margin-bottom: 10px;
	}
	
	.info_container {
		width: 199px;
		height: 250px;
		position: absolute;
	}
	
	.content_container {
		width: 479px;
		height: 250px;
		float: right;
		background-color: white;
		opacity: 0.8;
	}
	
	/* Container 1 */
	
	.bild_hoch1 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 71px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_konzept_plakat.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.bild_hoch2 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 244px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_konzept_logo.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	/* Container 2 */
	
	.bild2_hoch1 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 71px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_naturgeister_1.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.bild2_hoch2 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 244px;
		width: 163px;
		height: 110px;
		background-image: url(../img/print/thumb_naturgeister_2.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.bild2_hoch3 {
		margin-top: 130px;
		margin-bottom: 10px;
		margin-left: 244px;
		width: 163px;
		height: 110px;
		background-image: url(../img/print/thumb_naturgeister_3.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	/* Container 3*/
	
	.bild3_hoch1 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 71px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_maya_1.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.bild3_hoch2 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 244px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_maya_2.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
}

@media screen and (min-width: 1024px) {
	
	#container-wrap {
		width: 700px;
		height: 250px;
		margin-bottom: 10px;
	}
	
	.info_container {
		width: 240px;
		height: 250px;
		position: absolute;
	}

	.content_container {
		float: right;
		width: 450px;
		height: 250px;
		background-color: white;
		opacity: 0.8;
	}
	
	/* Container 1 */
	
	.bild_hoch1 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 57px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_konzept_plakat.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	
	.bild_hoch2 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 230px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_konzept_logo.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	/* Container 2 */
	
	.bild2_hoch1 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 57px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_naturgeister_1.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.bild2_hoch2 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 230px;
		width: 163px;
		height: 110px;
		background-image: url(../img/print/thumb_naturgeister_2.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.bild2_hoch3 {
		margin-top: 130px;
		margin-bottom: 10px;
		margin-left: 230px;
		width: 163px;
		height: 110px;
		background-image: url(../img/print/thumb_naturgeister_3.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	/* Container 3 */
	
	.bild3_hoch1 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 57px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_maya_1.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	
	.bild3_hoch2 {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 230px;
		width: 163px;
		height: 230px;
		background-image: url(../img/print/thumb_maya_2.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
}