/* imagezoom für zimmer-sites usw */

<style type="text/css">
.holder {width:750px; margin:0 auto;}
.zoom {width:125px; height:83px; float:left; margin-left:13px; position:relative;}
.step1 {margin:0; width:125px; height:83px;
-webkit-transition:0s;
-moz-transition:0s;
-ms-transition:0s;
-o-transition:0s;
transition:0s;
}
.step2 {width:100%; height:100%; margin:0;
-webkit-transition:0s;
-moz-transition:0s;
-ms-transition:0s;
-o-transition:0s;
transition:0s;
}
.zoom img {width:100%;}

.zoom:hover {z-index:100;}

.zoom:hover .step1 {width:600px; height:400px; margin-left:-120px; margin-top:-120px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

.zoom:hover .step2 {width:80%; height:80%; margin:40px 60px;
-webkit-transition:0.15s 0.5s;
-moz-transition:0.15s 0.5s;
-ms-transition:0.15s 0.5s;
-o-transition:0.15s 0.5s;
transition:0.15s 0.5s;
}
</style>

/* ENDE */