<style type="text/css">
/*<![CDATA[*/

.vbox {
background: #cedce7;
position: relative;
margin: 5px auto;
width: 297px;
height: 140px;
display: block;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 3px 3px 3px 3px;
overflow:hidden;

 

}

.vbox .image {
position: absolute;
width: 297px;
height: 140px;

}

.vbox a, .vbox a:hover {
text-decoration: none;

 

}

.vbox .slogan {
position: absolute;
width: 297px;
height: 140px;
text-transform: uppercase;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;

}

.vbox .slogan {
background: #000;
top: 220px;
font-size: 16px;
color: #fff;
padding: 5px 0;
-webkit-box-shadow: 0 0 5px #333;
-moz-box-shadow: 0 0 5px #333;
box-shadow: 0 0 5px #333;

}

.vbox:hover .slogan {
color: #fff;
top: 110px;
opacity: 0.7;

}

/*]]>*/
</style>

 

<style type="text/css">
/*<![CDATA[*/

.transparenz {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: .6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
  filter: alpha(opacity=60); } /*IE7 und kleiner*/

.transparenz:hover {
  opacity: 1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);

 

}

/*]]>*/
</style>