.career .shadowWrapper, 
.career .noShadowWrapper { padding-top: 140px; }
.career .topGroup { padding: 80px 0 0; position: relative; }

/* JOIN THE TEAM */

a#careerLadderLink { z-index: 10; position: absolute; top: 0px; right: 15px; width: 160px; height: 155px; text-indent: -19999px; background: url(/bkJobsPlugin/images/career/careerLadderBreaker.png) left top no-repeat; }
a#careerLadderLink:focus { outline: none; }
img#careerLadder { z-index: 10; position: absolute; top: 0px; right: 15px; width: 121px; height: 172px; }

#joinTheTeamBox { padding: 15px 30px 20px; height: 272px; width: 618px; background: url(/bkJobsPlugin/images/career/joinTheTeamBoxBg.png) left top no-repeat; }
#joinTheTeamBox h1 { height: 50px; margin: 0 0 6px; text-indent: -19999px; background: url(/bkJobsPlugin/images/career/careerH1Headline.gif) left top no-repeat; }
#joinTheTeamBox .contentBoxContent { padding: 12px 15px; height: 168px; }
#joinTheTeamBox .contentBoxContent p { font-size: 1.1em; line-height: 15px; font-weight: bold; color: #c8deef; }

/* exceptions for AT/CH */
.atCh#joinTheTeamBox { background-image: url(/bkJobsPlugin/images/career/joinTheTeamBoxBgAtCh.png); }
.atCh#joinTheTeamBox a.jobLink { margin: 0 0 0 15px; padding: 1px 10px 15px 12px; background: url(/bkJobsPlugin/images/career/whiteArrow.gif) 0px 0px no-repeat; color: #FFF; font-size: 1.1em; font-weight: bold; text-decoration:none; }

.career .teaserGroup { width: 100%; padding: 0; height: auto; }
.career .leftTeaser { padding: 0 6px; float: left; width: 328px; }
.career .rightTeaser { float: right; width: 328px; padding: 0 6px 0 0; }
.career .teaserWrapper { padding: 0 0 20px; height: auto; float: none; background-position: left 100px; }
.career .rightTeaser .teaserWrapper { background-position: left 235px; }
.career .notDE .rightTeaser .teaserWrapper { background-position: left 100px; }
.career .linkTeaser { height: 115px; }
.career .lastWrapper .linkTeaser { padding: 0 0 5px; }
.career .linkTeaser a { display: block; width: 100%; height: 115px; text-indent: -19999px; }
.career .linkTeaser a:focus { outline: none; }

.career #educationTeaser a { background: url(/bkJobsPlugin/images/career/educationTeaserBg.png) left top no-repeat; }
.career #applicationTeaser a { background: url(/bkJobsPlugin/images/career/applicationTeaserBg.png) left top no-repeat; height: 140px; }

.career #recentJobOffers { background: url(/bkJobsPlugin/images/career/recentJobOffersBg.png) left top no-repeat; padding: 58px 24px 5px; height: 192px; position: relative; }
.career #recentJobOffers h3 { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.career #recentJobOffers .teaserBoxContent { padding: 10px 15px; width: 250px; height: 132px; margin: 0 0 10px; background: url(/bkJobsPlugin/images/career/recentJobOffersTeaserBoxContentBg.gif) left top no-repeat; }
.career #recentJobOffers ul { list-style-type: none; display: block; }
.career #recentJobOffers ul li { display: block; padding: 3px 0 1px; background: url(/bkJobsPlugin/images/career/recentJobOffersTeaserDivider.gif) left top no-repeat; }
.career #recentJobOffers ul li.firstElement { padding: 1px 0; background: none; }
.career #recentJobOffers ul li a { color: #dae7f2; text-decoration: none; font-size: 1.1em; line-height: 15px; }
.career #recentJobOffers ul li a:hover { text-decoration: underline; color: #FFFFFF; }

/* JOBS */

.jobs .shadowWrapper { padding-top: 120px; }
.jobs .teaserGroup { height: auto; width: 100%; padding: 0; overflow: hidden; }
.jobs .teaserGroup .leftTeaser { width: 328px; float: left; }
.jobs .teaserGroup .rightTeaser { width: 328px; float: right; }

.jobs .teaser a { position: absolute; top: 0px; left: 0px; width: 100%; height: 200px; text-indent: -19999px; background: transparent; }
.jobs .teaser a:focus { outline: none; }

.jobs .topGroup h1 { height: 120px; background: url(/bkJobsPlugin/images/jobs/jobsH1Headline.gif) left top no-repeat; text-indent: -19999px; }

.jobs #restaurantManagerTeaser { background: url(/bkJobsPlugin/images/jobs/restaurantManagerBg.png) left top no-repeat; }
.jobs #restaurantAssistantManagerTeaser { background: url(/bkJobsPlugin/images/jobs/restaurantAssistantManagerBg.png) left top no-repeat; }
.jobs #restaurantEmployeeTeaser { background: url(/bkJobsPlugin/images/jobs/restaurantEmployeeBg.png) left top no-repeat; }
.jobs #managementTeaser { background: url(/bkJobsPlugin/images/jobs/managementBg.png) left top no-repeat; }
.jobs #fieldServiceTeaser { background: url(/bkJobsPlugin/images/jobs/fieldServiceBg.png) left top no-repeat; }
.jobs #internshipTeaser { background: url(/bkJobsPlugin/images/jobs/internshipBg.png) left top no-repeat; }

/* LADDER */

.ladder .topGroup h1 { height: 115px; text-indent: -19999px; background: url(/bkJobsPlugin/images/ladder/indexH1Headline.gif) left top no-repeat; }
.ladder .topGroup img#indexVisual { position: absolute; top: 100px; right: 90px; z-index: 5; }
.ladder #indexBox { padding: 20px 30px 35px; height: 190px; background: url(/bkJobsPlugin/images/ladder/indexBoxBg.png) left top no-repeat; }
.ladder #indexBox .contentBoxContent { padding: 10px 15px; height: 170px; }
.ladder #indexBox .contentBoxContent p { font-size: 1.1em; line-height: 15px; margin: 0 0 15px; font-weight: bold; color: #b9cfe1; }
.ladder .teaserWrapper a#successStoriesTeaser { background: url(/bkJobsPlugin/images/ladder/successStoriesTeaserBg.png) left top no-repeat; }
.ladder .teaserWrapper a#contenderDayTeaser { background: url(/bkJobsPlugin/images/ladder/contenderDayTeaserBg.png) left top no-repeat; }

/* EMPLOYEE TO MANAGER */

.ladderContent img#stepsList { margin: 0 15px; }

/* SUCCESS STORIES */

.successStories .boxGroup { width: 100%; overflow: hidden; padding: 10px 0 15px; }
.successStories .boxGroup .boxWrapper { width: 189px; float: left; }
.successStories .boxGroup .boxMiddle { padding: 0 25px; }
.successStories .boxGroup .box { width: 189px; height: 165px; background: url(/bkJobsPlugin/images/ladder/boxBg.gif) left top no-repeat; position: relative; }
.successStories .boxGroup .boxContent { padding: 2px 10px; }
.successStories .boxGroup .boxContent h3 { font-size: 1.3em; line-height: 15px; color: #b8c9d7; margin: 0 0 5px; }
.successStories .boxGroup .boxContent p { font-size: 1.1em; line-height: 15px; color: #b8c9d7; }
.successStories .boxGroup .box a { position: absolute; top: 0px; left: 0px; display: block; width: 189px; height: 165px; text-indent: -19999px; background: transparent; }
.successStories .boxGroup .box a:focus { outline: none; }


/* LAYER */

#popupContent { padding: 0 15px 0 9px; }