.campaignBox { padding: 6px 0 10px; width: 100%; overflow: hidden; }

.campaignBox .campaignContent { float: left; width: 597px; height: 220px; padding-top: 20px; padding-bottom: 50px; position: relative; z-index: 1; overflow: hidden; }
.campaignBox a.imageLink { display: block; width: 364px; height: 270px; float: left; width: 355px; position: relative; z-index: 5; margin: 25px 0 0; }
.campaignBox h2 { height: 40px; text-indent: -19999px; margin: 0 0 20px; background-position: left top; background-repeat: no-repeat; }
.campaignBox .boxed { width: 350px; }
.campaignBox .boxed p { display: block; width: 330px; height: 80px; padding: 10px 8px 10px 12px; font-size: 1.1em; line-height: 16px; font-weight: bold; margin: 0 0 12px; }
.campaignBox .boxed a { display: block; text-indent: -19999px; height: 25px; background-repeat: no-repeat; background-position: left top; }
.campaignBox .boxed a:focus { outline: none; }

.campaignBoxLeft .campaignContent { margin-right: -38px; margin-left: 6px; padding-right: 54px; }
.campaignBoxLeft .boxed { float: right; }
.campaignBoxRight .campaignContent { padding-left: 54px; }
.campaignBoxRight a.imageLink { margin-right: -38px; }
.campaignBoxLeft h2 { background-position: right top; }

/* AKTIONEN */

#grillalarm .campaignContent { background: url(/images/campaigns/grillalarm/grillalarmBg.png) left top no-repeat; }
#grillalarm h2 { background-image: url(/images/campaigns/grillalarm/grillalarmHeadline.gif); }
#grillalarm p { padding: 10px 3px 10px 12px; width: 335px; color: #4f463b; background: url(/images/campaigns/grillalarm/grillalarmBoxedBg.png) left top no-repeat; }
#grillalarm .boxed a { background-image: url(/images/campaigns/grillalarm/grillalarmLink.gif); }

#face2010 .campaignContent { padding-bottom: 60px; background: url(/images/campaigns/face2010/face2010Bg.png) left top no-repeat; }
#face2010 h2 { height: 77px; margin-bottom: 10px; background-image: url(/images/campaigns/face2010/face2010Headline.gif); }
#face2010 .boxed { width: 382px; }
#face2010 .boxed p { padding: 10px 3px 6px 12px; margin: 0; width: 367px; color: #cbbacf; background: url(/images/campaigns/face2010/face2010BoxedBg.png) left top no-repeat; }
#face2010 .boxed a { background-image: url(/images/campaigns/face2010/face2010Link.gif); }

#twilight .campaignContent { background: url(/images/campaigns/twilight/twilightBg.png) left top no-repeat; padding-bottom: 70px; }
#twilight h2 { background-image: url(/images/campaigns/twilight/twilightHeadline.gif); }
#twilight p { width: 334px; color: #d8d7d8; background: url(/images/campaigns/twilight/twilightBoxedBg.png) left top no-repeat; }
#twilight .boxed a { background-image: url(/images/campaigns/twilight/twilightLink.gif); }

/* SPARSCHEINE */

#voucherBox { padding: 6px 15px 45px 9px; width: 968px; height: 250px; background: url(/images/campaigns/voucher/voucherBoxBg.png) left top no-repeat; }
#voucherBox .topGroup { padding: 15px 0; width: 100%; height: 105px; overflow: hidden; margin: 0 0 2px; }
#voucherBox .topGroup h1 { width: 330px; height: 105px; float: left; text-indent: -19999px; background: url(/images/campaigns/voucher/voucherBoxH1Headline.gif) left top no-repeat; }
#voucherBox .topGroup .contentBoxContent { width: 385px; height: 85px; padding: 10px; float: left; }
#voucherBox .topGroup p { font-size: 1.1em; font-weight: bold; line-height: 16px; color: #FFFFFF; }
#voucherBox .bottomGroup { width: 100%; height: 93px; padding: 10px 0; overflow: hidden; }
#voucherBox .bottomGroup h2 { width: 330px; height: 93px; text-indent: -19999px; background: url(/images/campaigns/voucher/voucherBoxH2Headline.gif) left top no-repeat; }
#voucherBox .bottomGroup .contentBoxContent { width: 1px; height: 1px; overflow: hidden; }

ul.vouchers { list-style-type: none; display: block; width: 656px; overflow: hidden; }
ul.vouchers li { display: block; padding: 15px 24px; width: 280px; height: 165px; overflow: hidden; float: left; background: url(/images/campaigns/voucher/voucherListBg.png) left top no-repeat; }
ul.vouchers li span { display: block; width: 280px; height: 132px; overflow: hidden; margin: 0 0 5px; }

#voucherCardWrapper { padding: 0 9px 45px; background: url(/images/layout/shadow1Column.png) left bottom no-repeat; }
#voucherCard { width: 280px; height: 840px; padding: 82px 15px 0; background: url(/images/campaigns/voucher/voucherCardBg.png) left top no-repeat; }
#voucherCard h3 { display: none; }
#voucherCard #voucherSelection { width: 100%; height: 759px; overflow: hidden; margin: 0 0 5px; }
#voucherCard p { line-height: 16px; color: #bb868e; margin: 0 0 10px; }
#voucherCard .message { width: 100%; height: 60px; overflow: hidden; }
#voucherCard .message a { display: block; float: right; }
#voucherCard .loggedIn { padding: 42px 0 0; height: 18px; }

#voucherCard .voucher { width: 280px; height: 160px; padding: 0 0 39px; }
#voucherCard .voucher .voucherImage { width: 280px; height: 132px; margin: 0 0 5px; overflow: hidden; }
