/* INDEX */

.emotive .homeBox { width: 272px; height: 218px; padding: 136px 690px 72px 30px; position: relative; background-position: left top; background-repeat: no-repeat; }
.emotive .homeBox#homeBoxAT { background-image: url(/bkEMotivePlugin/images/index/homeBoxBgAT.jpg); }
.emotive .homeBox#homeBoxCH { background-image: url(/bkEMotivePlugin/images/index/homeBoxBgCH.jpg); }
.emotive .homeBox h1 { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.emotive .homeBox .contentBoxContent { padding: 10px 5px 10px 15px; width: 252px; height: 198px; }
.emotive .homeBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; margin: 0 0 16px; color: #ccd6d0; }

.emotive .homeBox .contentBoxContent p { color: #161515; }

.emotive .teaser p { color: #d1d1d1; padding: 12px 15px 8px; }
.emotive .teaser img { position: absolute; bottom: 0px; }
.emotive #bkEMotiveCampaignTeaser { background: url(/bkEMotivePlugin/images/index/campaignTeaserBg.png) left top no-repeat; }
.emotive #bkEMotiveCampaignTeaser img { right: 9px; }

.emotive #bkEMotivePhotographTeaser { background: url(/bkEMotivePlugin/images/index/photographTeaserBg.png) left top no-repeat; }
.emotive #bkEMotivePhotographTeaser img { right: 25px; }

.emotive #bkEMotiveMakingOfTeaser { background: url(/bkEMotivePlugin/images/index/makingOfTeaserBg.png) left top no-repeat; }
.emotive #bkEMotiveMakingOfTeaser img { right: 9px; }

/* CAMPAIGN */

.emotive #campaignBox { padding: 21px 31px 0 24px; width: 937px; height: 650px; background: url(/bkEMotivePlugin/images/campaign/campaignBoxBg.png) left top no-repeat; }
.emotive #campaignBox .topBox { width: 100%; height: 88px; padding: 0 0 35px; overflow: hidden; }
.emotive #campaignBox .topBox h1 { width: 470px; height: 88px; float: left; text-indent: -19999px; background: url(/bkEMotivePlugin/images/campaign/campaignBoxH1Headline.gif) left top no-repeat; }
.emotive #campaignBox .topBox .contentBoxContent { padding: 10px 15px; width: 408px; height: 78px; float: right; }
.emotive #campaignBox .topBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d1d1d1; }

.emotive #campaignBox .bottomBox { width: 100%; overflow: hidden; }
.emotive #campaignBox .bottomBox #motiveListWrapper { width: 354px; height: 490px; float: left; background: url(/bkEMotivePlugin/images/campaign/campaignListShadow.png) left bottom no-repeat; }
.emotive #motiveListWrapper ul { list-style-type: none; display: block; width: 100%; overflow: hidden; }
.emotive #motiveListWrapper ul li { display: block; width: 176px; height: 113px; padding: 0px 1px 3px 0; float: left; overflow: hidden; text-align: center; position: relative; }
.emotive #motiveListWrapper ul li p.campaignDate { position: absolute; right: 17px; bottom: 14px; font-size: 1.2em; color: #f4f0ed; }
.emotive #motiveListWrapper ul li span.image { width: 166px; height: 103px; text-align: center; padding: 5px; overflow: hidden; display: block; }
.emotive #motiveListWrapper ul li span.text, 
.emotive #motiveListWrapper ul li a { top: 0px; left: 0px; display: block; position: absolute; text-indent: -19999px; outline: none; width: 176px; height: 113px; background-image: url(/bkEMotivePlugin/images/campaign/campaignListMask.png); background-repeat: no-repeat; }

.emotive #motiveListWrapper ul li#image_1 a, 
.emotive #motiveListWrapper ul li#image_1 span.text { background-position: left top; }
.emotive #motiveListWrapper ul li#image_1 a.active { background-position: -353px top; }
.emotive #motiveListWrapper ul li#image_2 a, 
.emotive #motiveListWrapper ul li#image_2 span.text { background-position: -177px top; }
.emotive #motiveListWrapper ul li#image_2 a.active { background-position: -530px top; }

.emotive #motiveListWrapper ul li#image_3 a, 
.emotive #motiveListWrapper ul li#image_3 span.text { background-position: left -116px; }
.emotive #motiveListWrapper ul li#image_3 a.active { background-position: -353px -116px; }
.emotive #motiveListWrapper ul li#image_4 a, 
.emotive #motiveListWrapper ul li#image_4 span.text { background-position: -177px -116px; }
.emotive #motiveListWrapper ul li#image_4 a.active { background-position: -530px -116px; }

.emotive #motiveListWrapper ul li#image_5 a, 
.emotive #motiveListWrapper ul li#image_5 span.text { background-position: left -232px; }
.emotive #motiveListWrapper ul li#image_5 a.active { background-position: -353px -232px; }
.emotive #motiveListWrapper ul li#image_6 a, 
.emotive #motiveListWrapper ul li#image_6 span.text { background-position: -177px -232px; }
.emotive #motiveListWrapper ul li#image_6 a.active { background-position: -530px -232px; }

.emotive #motiveListWrapper ul li#image_7 a, 
.emotive #motiveListWrapper ul li#image_7 span.text { background-position: left -346px; } /* 348 */
.emotive #motiveListWrapper ul li#image_7 a.active { background-position: -353px -346px; }
.emotive #motiveListWrapper ul li#image_8 a, 
.emotive #motiveListWrapper ul li#image_8 span.text { background-position: -177px -346px; }
.emotive #motiveListWrapper ul li#image_8 a.active { background-position: -530px -346px; }

.emotive #motiveListWrapper ul li span.new { display: block; width: 50px; height: 50px; text-indent: -19999px; background: url(/bkEMotivePlugin/images/campaign/campaignNewBreaker.png) left top no-repeat; position: absolute; top: 5px; right: 5px; }

.emotive #motiveView { width: 573px; overflow: hidden; float: right; }
.emotive #motiveView ul { width: 573px; height: 408px; overflow: hidden; list-style-type: none; display: block; }
.emotive #motiveView ul li { width: 563px; height: 398px; padding: 5px; overflow: hidden; display: block; position: relative; }

.emotive #motiveView ul li a.linkToMakingOf { display: block; width: 573px; height: 408px; text-indent: -19999px; position: absolute; top: 0px; left: 0px; background: url(/bkEMotivePlugin/images/campaign/campaignViewMask.png) left top no-repeat; }
.emotive #motiveView p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d1d1d1; padding: 5px; }
.emotive #motiveView a.specialBurger { display: block; float: right; width: 205px; height: 81px; text-indent: -19999px; background: url(/bkEMotivePlugin/images/campaign/campaignButton.png) left top no-repeat; outline: none;  }
.emotive #motiveListWrapper .pageBrowser { width: 344px; padding: 0 5px; overflow: hidden; }
.emotive #motiveListWrapper .pageBrowser a { display: block; width: 45px; height: 50px; text-indent: -19999px; outline: none; background-image: url(/bkEMotivePlugin/images/campaign/pageButtons.png); background-repeat: no-repeat; }
.emotive #motiveListWrapper .pageBrowser a.previousButton { float: left; background-position: left top; }
.emotive #motiveListWrapper .pageBrowser a.nextButton { float: right; background-position: right top; }

/* PHOTOGRAPH */

.emotive #photographBox { width: 923px; height: 277px; position: relative; padding: 31px 38px 353px 31px; background: url(/bkEMotivePlugin/images/photograph/photographBoxBg.png) left top no-repeat; overflow: hidden; }
.emotive #photographBox a#websiteButton { position: absolute; top: 23px; right: 7px; width: 177px; height: 56px; outline: none; text-indent: -19999px; display: block; background: url(/bkEMotivePlugin/images/photograph/websiteButton.png) left top no-repeat; }
.emotive #photographBox a#backButton { position: absolute; bottom: 0px; right: 38px; display: block; width: 140px; height: 79px; text-indent: -19999px; outline: none; background: url(/bkEMotivePlugin/images/photograph/backButton.png) left top no-repeat; }
.emotive #photographBox .leftColumn { width: 508px; float: left; }
.emotive #photographBox .rightColumn { width: 398px; padding: 125px 0 0; float: right; }
.emotive #photographBox h1 { height: 125px; text-indent: -19999px; background: url(/bkEMotivePlugin/images/photograph/h1Headline.gif) left top no-repeat; }
.emotive #photographBox .contentBoxContent { height: 132px; padding: 10px 15px; }
.emotive #photographBox .contentBoxContent p { font-size: 1.1em; font-weight: bold; line-height: 16px; color: #d1d1d1; }
.emotive #photographBox .vitaWrapper { width: 212px; height: 152px; padding: 0 14px 0 172px; overflow: hidden; }
.emotive #photographBox .vitaWrapper .vitaSliderWrapper { width: 212px; height: 115px; overflow: hidden; position: relative; }
.emotive #photographBox .vitaWrapper .vitaSliderWrapper ul { list-style-type: none; display: block; width: 100%; height: 115px; overflow: hidden; }
.emotive #photographBox .vitaWrapper .vitaSliderWrapper ul li { display: block; padding: 10px 5px 0; width: 202px; height: 105px; overflow: hidden; float: left; color: #d1d1d1; }
.emotive #photographBox .vitaWrapper h2 { font-size: 1.3em; font-weight: normal; margin: 0; text-transform: uppercase; }
.emotive #photographBox .vitaWrapper h3 { font-size: 3.2em; font-weight: normal; margin: 0 0 3px; text-transform: uppercase; }
.emotive #photographBox .vitaWrapper p { font-size: 1.1em; line-height: 16px; font-weight: bold; }
.emotive #photographBox .vitaWrapper a { display: block; width: 34px; height: 30px; background-image: url(/bkEMotivePlugin/images/photograph/sliderNavButton.gif); background-repeat: no-repeat; text-indent: -19999px; outline: none; }
.emotive #photographBox .vitaWrapper a.leftSliderNav { float: left; background-position: left top; }
.emotive #photographBox .vitaWrapper a.rightSliderNav { float: right; background-position: right top; }

/* MAKING OF */

.emotive #makingOfBox { position: relative; width: 908px; height: 458px; overflow: hidden; padding: 31px 59px 91px 25px; background: url(/bkEMotivePlugin/images/makingOf/makingOfBoxBg.png) left top no-repeat; }
.emotive #makingOfBox h1 { text-indent: -19999px; height: 55px; background: url(/bkEMotivePlugin/images/makingOf/h1Headline.gif) left top no-repeat; }
.emotive #makingOfBox .leftColumn { float: left; width: 238px; }
.emotive #makingOfBox .rightColumn { float: right; width: 654px; }
.emotive #makingOfBox .contentBoxContent { height: 133px; padding: 10px 15px; }
.emotive #makingOfBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d1d1d1; }
.emotive #makingOfBox .makingOfWrapper { width: 564px; height: 388px; padding: 15px 45px 0; position: relative; }
.emotive #makingOfBox .makingOfSliderWrapper { width: 564px; height: 347px; overflow: hidden; position: relative; }
.emotive #makingOfBox .makingOfSliderWrapper ul { display: block; list-style-type: none; width: 100%; height: 347px; overflow: hidden; }
.emotive #makingOfBox .makingOfSliderWrapper ul li { display: block; float: left; width: 564px; height: 347px; position: relative; }
.emotive #makingOfBox .makingOfSliderWrapper h3 { line-height: 22px; font-size: 1.6em; font-weight: bold; color: #444542; height: 347px; width: 554px; position: absolute; padding: 0 0 0 10px; top: 0px; left: 0px; z-index: 10; background: url(/bkEMotivePlugin/images/makingOf/galleryMask.png) left 22px no-repeat; }
.emotive #makingOfBox .makingOfSliderWrapper ul li span.image { padding: 32px 10px 10px; width: 544px; height: 305px; display: block; }
.emotive #makingOfBox .makingOfWrapper a.sliderNav { display: block; position: absolute; top: 173px; width: 35px; height: 48px; text-indent: -19999px; background-image: url(/bkEMotivePlugin/images/makingOf/sliderButtons.gif); background-repeat: no-repeat; outline: none; }
.emotive #makingOfBox .makingOfWrapper a.leftSliderNav { left: 10px; background-position: left top; }
.emotive #makingOfBox .makingOfWrapper a.rightSliderNav { right: 10px; background-position: right top; }
.emotive #makingOfBox .customSelect { width: 355px; height: 23px; background: url(/bkEMotivePlugin/images/makingOf/customSelect355x23.gif) left top no-repeat; position: absolute; top: 368px; left: 55px; }
.emotive #makingOfBox .customSelect a.customSelectLink { color: #d1d1d1;}

/* CAMPAIGN TEASER */

#emotive .campaignContent { background: url(/bkEMotivePlugin/images/teaser/emotiveBg.png) left top no-repeat; }
#emotive .boxed { width: 360px; }
#emotive h2 { background-image: url(/bkEMotivePlugin/images/teaser/emotiveHeadline.gif); }
#emotive p { width: 340px; color: #d1d1d1; background: url(/bkEMotivePlugin/images/teaser/emotiveBoxedBg.png) left top no-repeat; }
#emotive .boxed a { background-image: url(/bkEMotivePlugin/images/teaser/emotiveLink.gif); }