﻿ #modalIdentification, #zOverlay {
   display: none !important;
}

#sidebar li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#sidebar li a.isActive {
	background-color: #DDDDDD;
	font-weight: bold;
	text-decoration: none;
}
.jobTeaserSmall span {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/teaser_small.jpg");
	background-position: 0 0;
	color: #000000;
	cursor: pointer;
	display: block;
	font-size: 20px;
	height: 100px;
	line-height: 21px;
	padding: 20px;
	width: 216px;
}
#nicole span, .jobTeaserSmall span.nicky {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_nicky.jpg");
}
#luisa span, .jobTeaserSmall span.luisa {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_luisa.jpg");
}
#daniel span, .jobTeaserSmall span.daniel {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_daniel.jpg");
}
#sina span, .jobTeaserSmall span.sina {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_sina.jpg");
}
#benjamin span, .jobTeaserSmall span.benjamin {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_benjamin.jpg");
}
#sebastian span, .jobTeaserSmall span.sebastian {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_sebastian.jpg");
}
#jonathan span, .jobTeaserSmall span.jonathan {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_jonathan.jpg");
}
#marina span, .jobTeaserSmall span.marina {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_marina.jpg");
}
#maik span, .jobTeaserSmall span.maik {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_maik.jpg");
}
#marie span, .jobTeaserSmall span.marie {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_marie.jpg");
}
#stephanie span, .jobTeaserSmall span.stephanie {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/255x140_stephanie.jpg");
}
.jobTeaserSmall span:hover {
	background-position: 0 140px;
}
.jobTeaserSmall a:hover {
	cursor: pointer;
	text-decoration: none;
}
#sidebar li a.isActive:hover {
	font-weight: bold;
}
.zettelWrapper .zettel {
	background-image: url("//media.ztat.net/media/teaser/jobs/team/zettel.png");
	background-repeat: no-repeat;
	overflow: hidden;
	width: 263px;
}
.zettelWrapper .zettel h3 {
	padding: 13px 15px 5px;
}
.zettelWrapper .zettel p {
	padding: 0 15px;
}
.zettelWrapper .zettelEnde {
	background-position: 0 -341px;
	height: 10px;
}
.zettelWrapper {
	display: none;
	left: -30px;
	position: relative;
	top: -30px;
}
.polaroid:hover, .team li:hover > img {
	height: auto;
	left: -20px;
	overflow: visible;
	position: relative;
	width: 230px;
	z-index: 1000;
}
.team li:hover > div {
	display: block;
}
.team li {
	float: left;
	list-style: none outside none;
	overflow: visible;
	padding-bottom: 30px;
	position: relative;
	width: 186px;
	z-index: 0;
}
li:hover {
	z-index: 1000;
}
.team li, .polaroid {
	height: 160px;
}
.peopleTextbox {
	height: 430px;
	padding: 35px;
	width: 720px;
}
#peopleHeadline, .peopleHeadline {
	font-size: 24px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 0;
}
.peopleTextbox p {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	width: 380px;
}
.peopleTextbox a {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	text-decoration: underline;
}
#peopleList {
	width: 795px;
}
#peopleList li {
	float: left;
	padding-right: 10px;
}
.dayTop li {
	float: left;
	text-align: left;
	width: 267px;
}
#content .dayTopCarousel .previousButton, #content .dayTopCarousel .nextButton {
	top: 104px;
}
#content .dayTopCarousel div {
	height: 140px;
	overflow: hidden;
	padding: 0;
	width: 790px;
}

#horizontalCarousel a {
	text-decoration: none;
	width: 255px;
}
.people #horizontalCarousel a {
	height: 140px;
}
#horizontalCarousel label {
	display: block;
	font-size: 19px;
	padding: 15px;
}
#horizontalCarousel a > strong {
	display: block;
	font-size: 11px;
	line-height: 12px;
	padding-left: 15px;
	padding-top: 5px;
}
#horizontalCarousel.unternehmensbereiche a {
	display: block;
}
#horizontalCarousel.unternehmensbereiche, #horizontalCarousel.unternehmensbereiche div {
	float: none;
	height: 260px;
	width: 780px;
}
#horizontalCarousel.unternehmensbereiche .nextButton, #horizontalCarousel.unternehmensbereiche .previousButton {
	top: 110px;
}
.unternehmensbereiche .dayTopCarousel div {
	padding: 0;
	width: 780px;
}
.unternehmensbereiche #dayTop li {
	text-align: left;
	width: 780px;
}
.unternehmensbereiche #dayTop a:hover {
	text-decoration: none;
}
.unternehmensbereiche #dayTop span {
	color: #000000;
	display: block;
	font-size: 24px;
	left: 50px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	top: -220px;
	width: 345px;
}
.unternehmensbereiche #dayTop em {
	color: #000000;
	display: block;
	font-size: 12px;
	font-style: italic;
	text-transform: none;
}
.jobsprite {
	background-image: url("//media.ztat.net/media/teaser/jobs/jobicons.png?n");
	display: block;
	height: 80px;
	margin-left: 10px;
	width: 80px;
}
.logistics {
	background-position: -80px 0;
}
.finance {
	background-position: -160px 0;
}
.consulting {
	background-position: 0 -80px;
}
.fashion {
	background-position: -80px -80px;
}
.hr {
	background-position: -160px -80px;
}
.einkauf {
	background-position: 1px -160px;
}
.marketing {
	background-position: -80px -160px;
}
.it_pm {
	background-position: -160px -160px;
}
.outletstore {
	background-position: -1px -240px;
}
#departements {
	padding-bottom: 30px;
}
#departements h3 {
	margin: 0;
	padding-bottom: 5px;
}
#departements li {
	float: left;
	height: 170px;
	margin-right: 10px;
	width: 380px;
}
#departements li div {
	float: right;
	margin-right: 10px;
	width: 270px;
}
.jobList li {
	border-top: 1px solid #EFEFEF;
}
.jobList .since {
	color: #404040;
	font-size: 11px;
}
.jobList .since:before {
	content: "Online since: ";
}
.countryDE .jobList .since:before, .countryAT .jobList .since:before, .countryCH-de .jobList .since:before {
	content: "Online seit: ";
}
.org-logo {
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 32px;
	width: 170px;
}
.job-desc {
	display: block;
}
#jobsInt.active, #jobsDe.active {
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
#jobsDe, #jobsInt {
	color: #264C7D;
	font-weight: normal;
}
.jobList a {
	background-image: url("//skin.ztat.net/s/m1z/img/zalando.ico");
	background-position: 10px 7px;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 10px 10px 35px;
}
.jobList a:hover {
	background-color: #EFEFEF;
	text-decoration: none;
	transition: all 150ms ease 0s;
}
.job-org-20 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/eservices.png");
}
.job-org-1 .org-logo, .job-org-29 .org-logo, .job-org-17 .org-logo, .job-org-38 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/team/logo_100x19.png");
}
.job-org-11 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/team/zlabels.png");
}
.job-org-23 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/eproductions.png");
}
.job-org-26 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/elogistics.png");
}
.job-org-35 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/teaser_small/estudios.png");
}
.job-org-29 .org-logo {
	background-image: url("//media.ztat.net/media/teaser/jobs/team/logo_lounge.png");
}
#zalandoLocations h2 {
	border: 0 solid;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 20px;
}
#zalandoLocations li {
	background-color: #EFEFEF;
	border: 1px solid #BCBCBC;
	margin-top: 10px;
	padding-right: 10px;
}
#zalandoLocations span {
	display: block;
	padding: 5px 20px 10px;
}
.jobLogo {
	background-image: url("//media.ztat.net/media/teaser/jobs/team/zalando.png");
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	margin: 23px 15px;
	width: 24px;
}
.jobHistoryHeadline {
	display: block;
	font-size: 18px;
	height: 88px;
	line-height: 80px;
	width: 780px;
}
#paginatorWrapper {
	-moz-user-select: none;
	background: none repeat scroll 0 0 #FFFFFF;
	margin-bottom: 10px;
	text-align: right;
}
#paginatorWrapper select {
	margin-right: 5px;
	width: 65px;
}
.jobsPagesDivTop, .jobsPagesDivBottom {
	display: inline;
}
.jobsPagesDivTop a, .jobsPagesDivTop span, .jobsPagesDivBottom a, .jobsPagesDivBottom span {
	border: 1px solid #DDDDDD;
	color: #404040;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
	padding: 4px 0 3px;
	text-align: center;
	width: 25px;
}
.jobsPagesDivTop a.active, .jobsPagesDivBottom a.active {
	background-color: #404040;
	color: #FAFAFA;
}
.jobList .hidden {
	display: none;
}
.fixedPaginator {
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 8px;
	position: fixed;
	width: 770px;
}

@media only screen and (max-device-width : 800px) {

#departements li > a {
	display: inline-block !important;
	float: left !important;
}
#departements li {
	height: auto !important;
	margin: 10px 0 !important;
	width: 100% !important;
}
#departements li div {
	display: table-row !important;
	float: none !important;
	margin: 0 !important;
	width: 100% !important;
}
.jobsprite {
	margin: 0 !important;
}
.button {
	display: inline-block !important;
}
.button span {
	color: #FFFFFF !important;
}
#zalandoLocations h2 {
	padding: 10px 0 0 10px;
}
#zalandoLocations span {
	padding: 5px 10px 10px;
}
.team li {
	width: 100% !important;
}
.team li, .polaroid {
	height: 214px !important;
}
.polaroid:hover, .team li:hover > img {
	left: 0 !important;
}
.zettelWrapper {
	left: 0 !important;
}
.peopleTextbox {
	background-repeat: no-repeat;
	background-size: 110% auto;
	height: auto !important;
	padding: 0 !important;
	width: 100% !important;
}
.peopleTextbox p {
	font-weight: normal !important;
	margin-left: 7px !important;
	margin-top: 9px !important;
	width: 60% !important;
}
.jobList li {
	width: auto !important;
}
.org-logo {
	background-size: contain !important;
	width: 25% !important;
}
.jobList a {
	background-position: 0 11px !important;
	padding: 10px 0 10px 20px !important;
}
}
