img.vierbilder, img.dreibilder {margin-top:10px; margin-right:10px; border:1px solid;  border-color:#cccccc; border-radius: 3px 3px 3px 3px; max-width:354px;}

div.imvierbildercontainer, div.imdreibildercontainer, div.untervierbilder_center, div.unterdreibilder_center {text-align:center; }

div.imvierbildercontainer, div.imdreibildercontainer, img.dreibilder, img.vierbilder {
	-webkit-transition-property: padding, width;
	transition-property: padding, width;		
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	}
	
@media only screen and (max-width: 1915px) { 
	div.vierbildercontainer { white-space: nowrap; overflow:hidden; }	
	div.imvierbildercontainer { padding-right: 20%;  }
	img.vierbilder {width:30%; }
 	div.vierbildercontainer:hover div.imvierbildercontainer { padding-right: 0%; }
	div.vierbildercontainer:hover div.imvierbildercontainer img.vierbilder { width:100%; }
	div.vierbildercontainer:active div.imvierbildercontainer { position:relative; left: -60px; }
	}

@media only screen and (max-width: 1820px) {
	div.vierbildercontainer:active div.imvierbildercontainer { position:relative; left: -170px; }
	}

@media only screen and (max-width: 1710px) {
	div.vierbildercontainer:active div.imvierbildercontainer { position:relative; left: -370px; }
	}

@media only screen and (max-width: 1550px) {
	div.dreibildercontainer { white-space: nowrap; overflow:hidden; }	
	div.imdreibildercontainer { padding-right: 20%;  }
	img.dreibilder {width:40%; }
 	div.dreibildercontainer:hover div.imdreibildercontainer { padding-right: 0%; }
	div.dreibildercontainer:hover div.imdreibildercontainer img.dreibilder { width:100%; }
	div.dreibildercontainer:active div.imdreibildercontainer { position:relative; left: -30px; }
	}

@media only screen and (max-width: 1490px) {
	img.vierbilder {width:354px;}
	div.vierbildercontainer {white-space: normal; text-align:center; }
	div.imvierbildercontainer { padding-right: 0px; }
	div.vierbildercontainer:active div.imvierbildercontainer { position:relative; left: 0px; }
	div.dreibildercontainer:active div.imdreibildercontainer { position:relative; left: -130px; }
	}

@media only screen and (max-width: 1380px) {
	div.dreibildercontainer:active div.imdreibildercontainer { position:relative; left: -240px; }
	}

@media only screen and (max-width: 1270px) {
	div.dreibildercontainer:active div.imdreibildercontainer { position:relative; left: -374px; }
	}

@media only screen and (max-width: 1170px) {
	img.dreibilder {width:354px;}
	div.dreibildercontainer {white-space: normal; text-align:center;}
	div.imdreibildercontainer { padding-right: 0px; }
	div.dreibildercontainer:active div.imdreibildercontainer { position:relative; left: 0px; }
	div.unterdreibilder_center {width:calc(100% - 174px); }
	}

@media only screen and (max-width: 1160px) {
	div.untervierbilder_center {width:calc(100% - 174px); }
	}

@media only screen and (max-width: 790px) { 
	div.unterdreibilder_center, div.untervierbilder_center {width:100%; }
	}

@media only screen and (max-width: 450px) {
	img.dreibilder, img.vierbilder {width:96%; }
	}