body { background: url(background.png); font-family: Georgia, Tahoma, Arial; }
div.wrapper { width: 980px; margin: 0 auto; position: relative; }

div.hdr { height: 230px; width: 980px; background: url(hdr.png) center center no-repeat; position: absolute; z-index: 2; }
ul.books { list-style: none; padding-top: 127px; }
ul.books > li { box-shadow: 0 0 10px #555; min-height: 250px; width: 900px; margin: 23px; border-radius: 12px; background: white; position: relative; }
ul.books > li+li div.spring-placeholder { position: absolute; z-index: 1; width: 880px; height: 70px; background: url(spring.png); margin-top: -47px; margin-left: 10px; }
ul.books > li:first-child { padding-top: 90px;}

div.ribbon { height: 40px; width: 404px; background: url(ribbon.png); position: absolute; margin-top: 35px; margin-left: -32px; text-align: center;
    font-size: 20px; font-family: Tahoma; line-height: 35px; color: white;
}

ul.books .heading-pad { height: 90px; }
ul.books .heading { margin: 0 30px; min-height: 30px; min-width: 50px;  font-size: 20px; font-weight: bold; text-transform:uppercase; text-align: center; }
ul.books .cols { padding: 50px; }
ul.books .img { display: inline-block; vertical-align: top; width: 261px; height: 337px; }
ul.books .content-list { display: inline-block; vertical-align: top; min-width: 100px; max-width: 500px; margin-left: 30px; }
ul.books .content-list > ul { font-size: 20px; list-style: none; padding: 0; margin: 0 0 50px 0; }
ul.books .content-list > ul li { background: url(li-arrow.png) no-repeat 0 -5px; padding-left: 50px; display: inline-block; margin: 2px; }

ul.books .gift { height: 124px; width: 112px; background: url(gift.png); position: absolute; bottom: 65px; left: 30px; opacity: 1; }
ul.books .gift:hover { opacity: 0.6; }

.items-placeholder { position: absolute; right: 50px; top: 300px; width: 100px; }

div.countdown-placeholder { width: 280px; height: 85px; position: absolute; right: 130px; top: 35px; z-index: 5; padding: 5px; border-radius: 8px; }
.cntSeparator { font-size: 54px; margin: -5px 2px; color: #000; }
.cntDigit { margin: 2px; }

.sharebuttons-note { text-align: center; min-height: 20px; min-width: 20px; font-size: 20px; }
.sharebuttons { text-align: center; padding-top: 10px; }
.sharebuttons .item { display: inline-block; margin: 0px 20px 20px 0px; }
.sharebuttons .item:hover { opacity: 0.8 }
.oran { box-shadow: 0px 3px 0px 0px rgb(64, 64, 64), 0px 7px 10px 0px rgb(17, 17, 17), 0px -12px 35px 0px rgb(249, 135, 51) inset; }
@font-face {
font-family: Pompadur; /* name shrift */ 
src: url(Pompadur.ttf); /* weg zur fail */ 
}
#motto {
font-family: Pompadur; font-size: 16px; width: 98%; /* id= */ 
}