@charset "utf-8";
/* CSS Document */

.content h1 { display: none; }
.frontpage { position: relative; float: right; width: 700px; text-align: left; }

.frontpage .productRow { position: relative; float: left; padding-bottom: 20px; }
.frontpage .product { position: relative; float: left; margin-right: 15px; width: 215px; background: url(../../../skins/default/images/bgProduct.gif) right repeat-y; }
.frontpage .product .image { position: relative; float: left; width: 215px; background: url(../../../skins/default/images/bgProductTop.gif) right top no-repeat; }
.frontpage .product .image img { float: left; border: none; z-index: 9; }
.frontpage .product .image img.bg { position: absolute; left: 0; bottom: 0; z-index: 10; }
.frontpage .product .image span { position: absolute; left:0; bottom: 0; padding-left: 9px; display: block; width: 201px; height: 40px; font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 40px; z-index: 11; }
.frontpage .product .image span h2 {font-weight: bold; color: #FFF; line-height: 40px; z-index: 11;}
.frontpage .product .image span a.productitem {font-weight: bold; color: #FFFFFF; text-decoration: none; font-size: 16px; line-height: 40px; z-index: 11;}
.frontpage .product .image span a.bestel,
.frontpage .product .image span a.bestel:visited { position: absolute; right: 0; bottom: 0; display: block; padding-top: 20px; width: 70px; height: 30px; font-size: 14px; font-weight: bold; color: #662d90; text-align: center; text-decoration: none; line-height: normal; filter: alpha(opacity=85); opacity: 0.85; background: url(../../../skins/default/images/bgProductBestellen.gif) 0 0 no-repeat; }
.frontpage .product .image span a.bestel:hover { position: absolute; right: 0; bottom: 0; display: block; padding-top: 20px; width: 70px; height: 30px; font-size: 14px; font-weight: bold; color: #662d90; text-align: center; text-decoration: none; line-height: normal; background: url(../../../skins/default/images/bgProductBestellen.gif) 0 0 no-repeat; }
.frontpage .product .productIntro { position: relative; float: left; padding-top: 30px; width: 215px; background: url(../../../skins/default/images/bgProductBottom.gif) 0 0 no-repeat #FFF; }

.rail .frontpageContent { position: relative; float: left; margin-top: 15px; width: 220px; }