body {
background-image:url(grey.gif);
color:#000
}

a {
color:#00E
}

a:hover {
color:#090
}

button {
text-align:left;
width:230px
}

#wechsel a {
background:url(CIMG4677red2.jpg) no-repeat;
border:0;
display:block;
height:500px;
margin-right:1px;
width:1006px
}

p.inline {
display:inline
}

#wechsel img {
border:0;
display:block;
height:500px;
width:1006px
}

#wechsel a:hover img {
visibility:hidden
}

#wechsel a:hover {
border:0;
margin-right:0;
width:1007px
}

#galerie {
-moz-border-radius:10px;
background:#DFDFDF;
border-radius:10px;
margin:10px auto;
padding:10px;
width:1000px
}

#galerie img {
-moz-box-shadow:0 0 5px 2px #333;
-moz-transform:rotate(-2deg);
-moz-transition:all .4s ease-out;
-o-transform:rotate(-2deg);
-o-transition:all .4s ease-out;
-webkit-box-shadow:0 0 5px 2px #333;
-webkit-transform:rotate(-2deg);
-webkit-transition:all .4s ease-out;
background:silver;
box-shadow:0 0 5px 2px #333;
margin:15px 10px;
opacity:.8;
padding:10px;
transform:rotate(-2deg);
transition:all .4s ease-out;
width:150px
}

#galerie img:nth-child(2n) {
-moz-transform:rotate(2deg);
-o-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
transform:rotate(2deg)
}

#galerie img:hover {
-moz-box-shadow:2px 2px 5px #888;
-moz-transform:rotate(0deg) scale(5.5);
-o-transform:rotate(0deg) scale(5.5);
-webkit-box-shadow:2px 2px 5px #888;
-webkit-transform:rotate(0deg) scale(5.5);
box-shadow:2px 2px 5px #888;
opacity:1;
padding:0;
position:relative;
transform:rotate(0deg) scale(5.5);
z-index:1
}

span.popup span {
display:none
}

span.popup:hover span {
display:block
}
