@font-face {
  font-family: Team7DINPro-Light;
  src: url(fonts/Team7DINPro-Light.otf);
}

@font-face {
  font-family: Team7DINPro-Medium;
  src: url(fonts/Team7DINPro-Medium.otf);
}

/* Zentrierung von Header, Navigation und Footer [Start] */
div.menu.topMenu {
	width: 100% !important;
}

div.menu.topMenu > div.menu {
    width: 960px !important;
    margin: 0 auto !important;
}

div.footer > div.footerTop {
	width: 960px !important;
	left: inherit;
}

.footerTop {
	height: 35px !important;
}

.footerTop .footerLeft, .footerTop .footerRight {
	padding: 10px 5px !important;
}

.mainButtonCell {
	bottom: 36px !important;
}

.topTable .topHeaderLogo .jobexchangeLogo, div.topHeader .topHeaderLogo .jobexchangeLogo {
	padding: 0px !important;
}

.jexContent .jexInnerContent .top .topHeader .topHeaderLogo {
    float: none;
}

div.topHeaderContent {
	margin: 0 auto !important;
}
/* Zentrierung, Ausrichtung und Abstände von Header, Navigation und Footer [Ende] */

/* Farben [Start] */

/* Farben - Kundenfarbe [Start] */
.topTable td, .menu, .bgbottom, div.footerLeft, div.footerRight, .jexContent .jexInnerContent .top .topHeader, .jexContent .jexInnerContent .top .topHeader *, a.menu:focus, #language-button.ui-selectmenu-button.ui-button .ui-selectmenu-text, .ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper,
.jobOfferList .jexResponsive .jobOfferDescription, .jobOfferData .jexResponsive .jobOfferDescription, .jobOfferDetail .jexResponsive .jobOfferDescription,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons .button#resetFilter,
input.button.buttonBack,
a, a:visited, a:focus, a.menu:hover, .loginApplicantAccountSeparator, .jexContent .ui-selectmenu-button a, .jexContent .ui-selectmenu-button a:link, .jexContent .ui-selectmenu-button a:visited, .jexContent .ui-checkboxradio-label a, .jexContent .ui-checkboxradio-label a:link, .jexContent .ui-checkboxradio-label a:visited, .jobOfferDetail .jobOfferDetailView a:hover, body > .blockUI.blockMsg, .jexResponsive .blockUI.blockMsg, input.button.buttonBack, input.button.applicationDataButton, input.button.removeAlternativeJobOfferButton, input.button.fileInputButton[type="button"], input.button.buttonReset, input.button.buttonResetGeoLocSearch, input.button.buttonNewSearch, input.button.buttonBackToJobexchange, input.button.buttonApplyAnonymous, input.multiuploadButton, input.button#deleteApplicantAccount, span.mandatoryLabelSign, span.mandatoryBlockSign,
.jexContent .jobOfferData .jobOfferDescription,
h1, p.caption, td.caption, div.caption, .jobOfferDetailHeader .accountUserGroupLogoCol, td.offices, .jobOfferList .jobOfferDescription, .jobOfferList.filterActivated .jobOfferSearchFilter h3, .jobOfferDetail .jobOfferDescription, .jobOfferData .jobOfferDescription,
h2.leftheader_blue, h2.leftheader_blue a,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons .button#resetFilter,
.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel *,
.leftheader_blue a,
.jobOfferList .jexResponsive .jobOffer .jobOfferDescription, .jobOfferList .jexResponsive .jobOffer .accountUserGroupText,
.jexContent .jexInnerContent .jobOfferData .jobOfferDescription,
p.caption,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons .button#resetFilter,
.jobOfferList .jexResponsive .jobOfferSearchFilter h3,
.jobOfferList .jexResponsive .searchResultInfo {
	color: rgba(36,52,49,0.75) !important;
}

body > .blockUI.blockMsg, .jexResponsive .blockUI.blockMsg, input.button, input.button:hover:not([disabled]), input.button.hover:not([disabled]), .fileWrapper input.fileInputButton[type="button"], .fileWrapper input.fileInputButton[type="button"]:hover:not([disabled]), .fileWrapper input.fileInputButton[type="button"].hover:not([disabled]), input.multiuploadButton, input.multiuploadButton:hover:not([disabled]), input.multiuploadButton.hover:not([disabled]), select:not([disabled]):focus, input[type="text"]:not([disabled]):focus, input[type="password"]:not([disabled]):focus, textarea:not([disabled]):focus, .ui-selectmenu-button.ui-button:not([disabled]):focus, input.button.buttonBack:hover:not([disabled]), input.button.applicationDataButton:hover:not([disabled]), input.button.removeAlternativeJobOfferButton:hover:not([disabled]), input.button.fileInputButton[type="button"]:hover:not([disabled]), input.button.buttonReset:hover:not([disabled]), input.button.buttonResetGeoLocSearch:hover:not([disabled]), input.button.buttonNewSearch:hover:not([disabled]), input.button.buttonBackToJobexchange:hover:not([disabled]), input.button.buttonApplyAnonymous:hover:not([disabled]), input.multiuploadButton:hover:not([disabled]), input.button#deleteApplicantAccount:hover:not([disabled]), input.button.buttonBack.hover:not([disabled]), input.button.applicationDataButton.hover:not([disabled]), input.button.removeAlternativeJobOfferButton.hover:not([disabled]), input.button.fileInputButton[type="button"].hover:not([disabled]), input.button.buttonReset.hover:not([disabled]), input.button.buttonResetGeoLocSearch.hover:not([disabled]), input.button.buttonNewSearch.hover:not([disabled]), input.button.buttonBackToJobexchange.hover:not([disabled]), input.button.buttonApplyAnonymous.hover:not([disabled]), input.multiuploadButton.hover:not([disabled]), input.button#deleteApplicantAccount.hover:not([disabled]), div.checklist ul.checklist li.focused,
input.button,
input.button, input.button:hover:not([disabled]),
input.button:hover,
.topCookieMessage .topCookieMessageButton input.button:hover,
input.button.buttonBack,
.jobOfferList .jexResponsive .jobOffer:hover,
.jexContent select option:checked, .jexContent div.checklist ul.checklist li.checked, .jexContent div.checklist ul.checklist li.checked:hover, .jexContent div.checklist ul.checklist li.checked:hover label {
	border: 1px solid rgba(36,52,49,0.75) !important;
}

input.button,
.jexContent select option:checked, .jexContent div.checklist ul.checklist li.checked, .jexContent div.checklist ul.checklist li.checked:hover, .jexContent div.checklist ul.checklist li.checked:hover label {
	background-color: rgba(36,52,49,0.75) !important;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
	border-color: rgba(36,52,49,0.75) !important;
}

.jexContent select option:checked, .jexContent div.checklist ul.checklist li.checked, .jexContent div.checklist ul.checklist li.checked:hover, .jexContent div.checklist ul.checklist li.checked:hover label {
	box-shadow: inset 30px 30px rgba(36,52,49,0.75);
}
/* Farben - Kundenfarbe [Ende] */

/* Farben - Weiß [Start] */
div.menu .lineTop {
	border-top: 1px solid #ffffff !important;
}

.lineBottom {
	border-bottom: 1px solid #ffffff !important;
}

body > .blockUI.blockMsg, .jexResponsive .blockUI.blockMsg, .ui-selectmenu-button.ui-button.readonly, .ui-selectmenu-button.ui-button.mandatory.readonly, .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.readonly, input.button.buttonBack, input.button.applicationDataButton, input.button.removeAlternativeJobOfferButton, input.button.fileInputButton[type="button"], input.button.buttonReset, input.button.buttonResetGeoLocSearch, input.button.buttonNewSearch, input.button.buttonBackToJobexchange, input.button.buttonApplyAnonymous, input.multiuploadButton, input.button#deleteApplicantAccount,
.jexContent .jexInnerContent .top .topHeader, .jexContent .jexInnerContent .top .topHeader *,
.menu,
.bgbottom, div.footerLeft, div.footerRight,
.topTable td, .menu, .bgbottom, div.footerLeft, div.footerRight, .jexContent .jexInnerContent .top .topHeader, .jexContent .jexInnerContent .top .topHeader *, select option:checked, .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-active, .ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper, td.line {
	background-color: #ffffff !important;
}
/* Farben - Weiß [Ende] */

/* Farben - Duneklgrau [Start] */
div.menu.topMenu {
	border-bottom: 1px solid #e8eaeb !important;
}

.lineTop {
	border-top: 1px solid #e8eaeb !important;
}

select, input[type="text"], input[type="password"], textarea, .ui-selectmenu-button.ui-button, div.checklist,
div#applyByContent fieldset {
	border: 1px solid #e8eaeb !important;
}

fieldset.filterBlock > div {
	border-top: none !important;
}
/* Farben - Dunkelgrau [Ende] */

/* Farben - Hellgrau [Start] */
.jobOfferList .jexResponsive .jobOffer,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterBlock.expandable .filter,
select.readonly, select.mandatory.readonly,
input.readonly, input.mandatory.readonly, textarea.readonly, textarea.mandatory.readonly,
input, input.mandatory, select, select.mandatory, textarea, textarea.mandatory, .ui-selectmenu-button.ui-button, .ui-selectmenu-button.ui-button.mandatory, .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper, div.checklist {
    background-color: #f6f6f6 !important;
}

.jobOfferList .jexResponsive .jobOffer
 {
    border: 1px solid #f6f6f6 !important;
}
/* Farben - Hellgrau [Ende] */

/* Farben - Schwarz [Start] */
body,
#language-button.ui-selectmenu-button.ui-button .ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper,
.ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper.ui-state-active,
.footerTop .footerLeft, .footerTop .footerRight,
div.footer a,
.leftheader_blue, .leftheader_blue a,
div.jobOfferData > p.caption,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterBlock .filterCaption h5,
.menu1 a,
.menu, a.menu, a.menu:visited,
span.menuSeparator,
a.menu:hover {
	color: rgb(45,45,44) !important;
}

input.button[name="hideCookieMessageButton"] {
	border: 1px solid rgb(45,45,44) !important;
}
/* Farben - Schwarz [Ende] */

/* Farben [Ende]*/

/* Schriftformatierungen [Start] */
p, h1, a, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
    font-family: Team7DINPro-Light, Verdana, sans-serif !important;
}

.leftheader_blue, .leftheader_blue a,
div.jobOfferData > p.caption {
	font-weight: normal !important;
}

.jobOfferList .jexResponsive .jobOffer:hover {
    box-shadow: none !important;
}

div.topCookieMessageText {
	line-height: 24px !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .fieldValue {
    line-height: 24px;
}

.menu1 a,
div.leftheader_blue {
	text-transform: uppercase !important;
}

.menu1 a,
.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel *,
.leftheader_blue a,
.jobOfferList .jexResponsive .jobOffer .jobOfferDescription, .jobOfferList .jexResponsive .jobOffer .accountUserGroupText,
p.caption,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons .button#resetFilter,
.jobOfferList .jexResponsive .jobOfferSearchFilter h3,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterBlock .filterCaption h5,
.jobOfferList .jexResponsive .searchResultInfo {
	font-size: 14px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
}

.jexContent .jexInnerContent .jobOfferData .jobOfferDescription {
	font-size: 18px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

div.jobOfferData > p.caption {
	text-transform: none !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.jobOfferList .jexResponsive .jobOfferSearchFilter h3,
h1,
.jobOfferList .jobOfferDescription,
.jobOfferList .jexResponsive .jobOffer .jobOfferDescription,
.jobOfferList .jexResponsive .jobOffer .descriptionAndApplicationArea .applicationArea,
.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons .button#resetFilter,
p.caption,
.jexContent .jexInnerContent .jobOfferData .jobOfferDescription,
.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldLabel a {
	font-family: Team7DINPro-Medium, Verdana, sans-serif !important;
	font-weight: normal !important;
}

h1,
p.caption,
.jexContent .jexInnerContent .jobOfferData .jobOfferDescription {
	font-size: 25px !important;
}
/* Schriftformatierungen [Ende] */

/* Abstandskonfigurationen [Start] */
.topCookieMessage .topCookieMessageButton input.button {
	margin-left: 5px !important;
}
/* Abstandskonfigurationen [Ende] */

/* Zweispaltigkeit im Jobdetail [Start] */
@media (min-width: 690px) {
	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldLabel/*, .jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldLabel a*/ {
		float: left;
		width: 30%;
		margin-top: 0;
		min-height: 35px;
		padding: 0px;
		margin-bottom: 10px !important;
	}

	.jobOfferDetail .jexResponsive .jobOfferDataTable .jobOfferDetailView .fieldValue {
		float: left;
		width: 70%;
		min-height: 35px;
		padding: 0px;
		margin-bottom: 10px !important;
	}
}
/* Zweispaltigkeit im Jobdetail [Ende] */

/* Sonstiges [Start] */
.jexResponsive,
div.jobOfferData > p.caption {
	display: none;
}

input.button, .fileWrapper input.fileInputButton[type="button"], input.multiuploadButton {
	border-radius: 0px !important;
}

h2.fieldLabel.leftheader_blue a {
	width: 100% !important;
}

@media (max-height: 500px) {
	.topTable, div.topHeader, .footerTop {
		display: block;
	}
}

@media (max-width: 980px) {
	div.footer > div.footerTop {
		width: 100% !important;
		left: auto;
	}
	
	.jexContent .jexInnerContent .footer .footerTop .footerRight {
		padding-right: 20px !important;
	}
}

@media (max-width: 600px) {
	.jexContent .jexInnerContent .footer .footerTop * {
		font-size: 14px;
	}
}

@media (max-width: 700px) {
	.jexContent .jexInnerContent .footer .footerTop .footerRight {
		display: none !important;
	}
}

div.topHeaderText {
	display: none !important;
}


div.footerRight a {
	padding-left: 10px;
}

.jexContent .jexInnerContent .jobOfferData {
    display: block;
}
/* Sonstiges [Ende] */
/* ANPASSUNG 2022/05/20 */

p.caption{
	font-size: 23pt !important;
}

p.jobOfferDescription, input.button, div.jobOfferData{
	background-color: #4e5457 !important;
	color: #fff !important;
}

html body div.jexResponsive div.jexInnerContent div.contentWidth div.layoutMiddleAreaDivs div div#applyByContent.applyByContent div.codePreambleContainer div.jobOfferData b p.jobOfferDescription{
	color: #fff !important;
	font-size: 18pt !important;
}

#applyByFieldset, #applyByCV{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.jobOfferData b{
	font-size: 12pt !important;
}

.jobOfferData br{
	display: none !important;
}

div.jobOfferData{
	padding-left: 10pt !important;
}

#bewerbung_text{
	background-color: #4e5457;
	color: #fff;
	padding: 10px;
	font-size: 15pt;
	margin-top: 15pt;
}

.codePostambleContainer p{
	font-size: 12pt;
}

div.contentWidth, .layoutMiddleAreaDiv.layoutMiddleAreaDivTEXT{
	max-width: 980px !important;
	width: 980px !important;
}

div#applyByContent #buttons{
	width: 980px !important;
	max-width: 980px !important;
	margin-left: 15px !important;
}

div.footerTop.lineTop.lineBottom.bgbottom{
	width: 980px !important;
	max-width: 980px !important;	
}

form #tablecontent .jobOfferData, form #tablecontent .jobOfferData p{
	background-color: transparent !important;
	padding-left: 1px !important;
	font-size: 30pt !important;
}

#bewerbunghochladen, div#applyByContent div.codePreambleContainer b p, div.codePostambleContainer p{
	font-size: 12pt !important;
	font-weight: normal !important;
}

#bewerbunghochladen{
	padding-bottom: 10px !important;
}

.jobOfferDetail .jexResponsive .jexContent.jex_jobexchange .jexInnerContent .jobOfferData .jobOfferDescription{

	color: #fff !important;

}

html body.jobOfferDetail div.jexResponsive div.jexContent div.jexInnerContent div.jobOfferData p.jobOfferDescription{
	color: #fff !important;
}


@media print {
	div.topHeader.bgtop.lineTop.lineBottom, .menu.topMenu, .footer{
		display: none !important;
	}
	
	body.jobOfferDetail{
		padding-top:0 !important;
	}

}