@charset "utf-8";
/* CSS Document */

/* Import der Haus-Schriften  --------------------------------------------------------------------------------- */


@font-face { 
    font-family: 'DIN Medium'; 
    src:	url('../schriften/DINOT-Medium.woff') format('woff'), 
        url('../schriften/DINOT-Medium.eot'),
        url('../schriften/DINOT-Medium.ttf') format('truetype'),
        url('../schriften/DINOT-Medium.svg') format('svg'); 
}


@font-face { 
    font-family: 'DIN Light'; 
    src: 	url('../schriften/DINNextLTPro-UltraLight.woff') format('woff'), 
        url('../schriften/DINNextLTPro-UltraLight.eot'),
        url('../schriften/DINNextLTPro-UltraLight.ttf') format('truetype'),
        url('../schriften/DINNextLTPro-UltraLight.svg') format('svg'); 
}


/* Neuer Karriere-Bereich  --------------------------------------------------------------------------------------------------- */

/* Anpassungen am der Hauptnavi */
.KarrierePlattform div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a { padding-top: 10px; }

@media only screen and (max-width: 1000px) {

    .KarrierePlattform div.SubNavigation a { font-size: 12px;  }
    .KarrierePlattform div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a { font-size: 12px;  }
    .KarrierePlattform div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a { padding-top: 10px; }
    .KarrierePlattform div.Sektion.Navigation div.HauptNaviBereich div.UeberDerNavi div.Sprachwahl a span { font-size: 12px;  }
}	

@media only screen and (max-width: 1400px) {

    .KarrierePlattform div.Sektion.Navigation div.HauptNaviBereich div.Hauptnavigation div.HauptPunkt a.HauptLink { font-size: 14px;  }

}


/* Karriere-Footer */	

div.Sektion.Abschluss.KarriereFooter div.Responsive { padding-right: 80px; }

/* Claim */
div.Sektion.Abschluss.KarriereFooter p.Claim {  }

/* Breadcrumb */
div.Sektion.Abschluss.KarriereFooter div.Breadcrumb { height: auto; display: inline-block; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -275px; position: absolute; left: 50%; }
div.Sektion.Abschluss.KarriereFooter  div.Breadcrumb b { font-weight:bold; height: auto; line-height: 120%; display: inline-block; float: left; padding: 0px 0px 0px 0px; margin: 24px 0px 0px 0px;  }
div.Sektion.Abschluss.KarriereFooter div.Breadcrumb a { height: auto; display: inline-block; line-height: 120%; float: left; padding: 0px 0px 0px 12px; margin: 24px 0px 0px 15px; background-image:url("../img/breadcrumb_pfeil.png"); background-repeat:no-repeat; background-position: 0px 4px; text-decoration:none; }
div.Sektion.Abschluss.KarriereFooter  div.Breadcrumb a:hover { text-decoration: underline; }


/* Anschrift */
div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { float: right; margin-right: 0px; }


/* Impressum */
div.Sektion.Abschluss.KarriereFooter a.ImpressumLink  {  height: auto; display: inline-block;  line-height: 120%; float: right; padding: 0px 0px 0px 11px; margin: 25px 0px 0px 10px; background-image:url("../img/footertrenner.gif"); background-position: left center; background-repeat:no-repeat; text-decoration: none; }
div.Sektion.Abschluss.KarriereFooter a.ImpressumLink:hover { text-decoration: underline; }


/* Schrift */
div.Sektion.Abschluss.KarriereFooter a.ImpressumLink ,
div.Sektion.Abschluss.KarriereFooter div.Breadcrumb a,
div.Sektion.Abschluss.KarriereFooter div.Breadcrumb b,
div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { font-size: 15px; }




@media only screen and (max-width: 1700px) {

    /* Bread Pos */
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb { left: 42%; }

}


@media only screen and (max-width: 1600px) {

    /* Schrift */
    div.Sektion.Abschluss.KarriereFooter a.ImpressumLink ,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb a,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb b,
    div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { font-size: 14px; }

}


@media only screen and (max-width: 1400px) {

    /* Claim weg */
    div.Sektion.Abschluss.KarriereFooter p.Claim { display: none; }

    /* Bread Pos */
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb { left: 0; }

}


@media only screen and (max-width: 1320px) {

    /* Schrift */
    div.Sektion.Abschluss.KarriereFooter a.ImpressumLink ,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb a,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb b,
    div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { font-size: 13px; }

}

@media only screen and (max-width: 980px) {

    /* Schrift */
    div.Sektion.Abschluss.KarriereFooter a.ImpressumLink ,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb a,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb b,
    div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { font-size: 12px; }

    /* Adresse weg */
    div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { display: none; }
    div.Sektion.Abschluss.KarriereFooter a.ImpressumLink { background-image: none; }

}

@media only screen and (max-width: 650px) {

    /* Schrift */
    div.Sektion.Abschluss.KarriereFooter a.ImpressumLink ,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb a,
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb b,
    div.Sektion.Abschluss.KarriereFooter p.KarriereAnschrift { font-size: 12px; }

}



@media only screen and (max-width: 650px) {

    /* Bread weg */
    div.Sektion.Abschluss.KarriereFooter div.Breadcrumb  { display: none; }
    div.Sektion.Abschluss.KarriereFooter a.ImpressumLink { float: left; padding: 0px; }

}







/* Nach Oben  */
/* div.Sektion.Abschluss.KarriereFooter a.TopLink {} */







/* Sektion Karriereportal-Startseite */

/* Breadcrumb */

div.SubNavigation div.KleinerZureuckPfeil { width: 13px; height: 12px; display: block; margin: 16px 0px 0px 0px;  float: left; background-image: url("../img/submenue_zurueck.jpg"); background-position: left center; background-repeat:no-repeat; }



/* Hauptbuehne */

/* Auf und Zu klappen (Highlightbox ) */				
div.KarriereEdition a.GoBack.HighlightWeg { float: right;  }
div.KarriereEdition a.BlendeEin.HighlightHin { top: 200px; }


/* Pfeil-Navigation IM Slide eingefuegt */
div.Sektion.StartSlider ul.slides a.Button { position: relative; float: left; }
div.KarriereSteuerung div.SliderNavi { height: 50px; width: 112px; display:block; margin: 0px 0px 0px 25px; float: left; }
div.KarriereSteuerung div.SliderNavi a { height: 50px; width: 55px; display:block; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; }
div.KarriereSteuerung div.SliderNavi a:hover { background-position: left bottom; }
div.KarriereSteuerung div.SliderNavi a.PrevSlide { background-image:url("../img/slider-pfeil-links.gif"); } 
div.KarriereSteuerung div.SliderNavi a.NextSlide { background-image:url("../img/slider-pfeil-rechts.gif"); }  


/* Pfeil Navigation */						
div.KarriereSteuerung a.Button { float: left;}
div.KarriereSteuerung div.SliderNavi { margin: 20px 0px 0px 15px; }



/* 4er Teaser (Einstiegsteaser) */
div.Sektion.ViererTeaserSystem { display:block; padding: 0; position: relative; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.InfoBoxHeader { border-bottom: 5px #ffffff solid; }

/* Teaser / Bild */
div.Sektion.ViererTeaserSystem a.ViererTeaser { width: 22.656%; display: block; float: left; margin: 0; background-color: #f0f0f0; position: relative;}
div.Sektion.ViererTeaserSystem a.ViererTeaser div.BildElement { width: 100%; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px #ffffff solid; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.BildElement img { width: 100%; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* Infobereich (Option fuer Teaser)*/
div.Sektion.ViererTeaserSystem a.ViererTeaser div.InfoBoxHeader {}
div.Sektion.ViererTeaserSystem a.ViererTeaser div.InfoBoxHeader {}
div.Sektion.ViererTeaserSystem a.ViererTeaser div.InfoBoxHeader div.Trenner { width: 13%; }

/* Textbereich */
div.Sektion.ViererTeaserSystem a.ViererTeaser div.TextElement { width: auto; float: left; display:block; margin: 0px 0px 0px 0px; padding: 30px 20px 45px 20px; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.TextElement div.Trenner { width: 12%; height: 2px; background-color: #000000; display:block; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.TextElement h2 { display: block; margin: 0px 0px 0px 0px; padding: 0 1.3020% 0 0; line-height: 125%; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.TextElement h3 { display: block; margin: 0px 0px 0px 0px; padding: 0 1.3020% 13% 0; line-height: 125%; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.TextElement h3.TextLineHeight { line-height: 185%; }
div.Sektion.ViererTeaserSystem a.ViererTeaser div.Button { margin: 0px 0px 0px 0px; position: absolute; bottom: 4%; }


div.ContentBox.KarriereVierer { margin-bottom: 30px; }








/* 5er Teaser (Einstiegsteaser) */
div.Sektion.FunferTeaserSystem { display:block; padding: 0; position: relative; }

/* Teaser / Bild */
div.Sektion.FunferTeaserSystem a.FunferTeaser { width: 18.1248%; display: block; float: left; margin: 0; background-color: #f0f0f0; }
div.Sektion.FunferTeaserSystem a.FunferTeaser div.BildElement { width: 100%; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px #ffffff solid; }
div.Sektion.FunferTeaserSystem a.FunferTeaser div.BildElement img { width: 100%; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* Textbereich */
div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement { width: auto; float: left; display:block; margin: 0px 0px 0px 0px; padding: 30px 20px 24px 20px; }
div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement div.Trenner { width: 12%; height: 2px; background-color: #000000; display:block; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; }
div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h2 { display: block; margin: 0px 0px 0px 0px; padding: 0 1.3020% 0 0; line-height: 125%; }
div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h3 { display: block; margin: 0px 0px 0px 0px; padding: 0 1.3020% 13% 0; line-height: 125%; }
div.Sektion.FunferTeaserSystem a.FunferTeaser div.Button { margin: 0px 0px 0px 0px; }



@media only screen and (min-width: 1600px) {

    /* Schriftgroessen im Teaser */
    div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h2 { font-size: 20px; }
}

@media only screen and (min-width: 1100px) and (max-width: 1600px) {

    /* Schriftgroessen im Teaser */
    div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h2 { font-size: 18px; }
}

@media only screen and (min-width: 760px) and (max-width: 1100px) {

    /* Schriftgroessen im Teaser */
    div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h2 { font-size: 17px; }
}

@media only screen and (min-width: 520px) and (max-width: 760px) {

    /* Schriftgroessen im Teaser */
    div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h2 { font-size: 16px; }
}

@media only screen and (max-width: 520px) {

    /* Schriftgroessen im Teaser */
    div.Sektion.FunferTeaserSystem a.FunferTeaser div.TextElement h2 { font-size: 15px; }
}


/* Mobil */
div.ReiterAuswahl.XSSize {}
div.ReiterAuswahl.XSSize div.Lippe a {}
div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe { display: none;  }
div.ReiterAuswahl.XSSize:hover div.ReiterAuswahlKlappe { display: block; }




/* Selektor / Suche */
div.KarriereSelektor { display:block; background-color: #f0f0f0; padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; position: relative; }
div.KarriereSelektor div.Responsive { display:block; position: relative; }

/* PfeilLasche */
div.PfeilLasche { margin: 0px 0px 0px -200px; position: absolute; top: 0px; left: 50%; z-index:1000; }
div.PfeilLasche div.KleineSpitze { width: 36px; height: 14px; display: block; background-image: url("../img/kleinespitze.png"); background-position: left top; background-repeat:no-repeat; position:absolute; left: 50%; margin: 0px 0px 0px -18px; bottom: -14px; }



/* SelektorBereich */
div.KarriereSelektor form.KarriereFilterSystem { width: 75%; display:block; float: left; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  position: relative; background-repeat: repeat-y; background-image: url("../img/linie_vertikal.gif"); background-position: right top; }

form.KarriereFilterSystem div.FilterBox { width: 21.271% /* 20.175% */; height: 55px; display:block; float: left; padding: 0px 0px 0px 0px; margin: 40px 20px 0px 0px; border-top: 1px #d9d9d9 solid; border-left: 1px #d9d9d9 solid; position:relative; z-index: 10; }
form.KarriereFilterSystem a.GoFilter { font-size: 24px; height: 50px; max-width: 70px; width: 10.087%; display:block; float: left; padding: 5px 0px 0px 0px; margin: 40px 0px 0px 0px;  position:relative; z-index: 10; background-color: #00584D; text-align: center; color: #e6efee; font-family:'DIN Medium', Arial, Helvetica, sans-serif;  }
form.KarriereFilterSystem a.GoFilter:hover { background-color: #4F8A83; }
form.KarriereFilterSystem button.GoFilter { font-size: 24px; height: 55px; max-width: 70px; width: 10.087%; display:block; float: left; padding: 0px; margin: 40px 0px 0px 0px;  position:relative; z-index: 10; background-color: #00584D; text-align: center; color: #e6efee; font-family:'DIN Medium', Arial, Helvetica, sans-serif; border: none; cursor: pointer; }
form.KarriereFilterSystem button.GoFilter:hover { background-color: #4F8A83; }

form.KarriereFilterSystem div.FilterBox label { width: auto; height: 30px; display:block; position: absolute; top: -30px; left: 0px; color: #323232;  }
form.KarriereFilterSystem div.FilterBox input { width: 100%; box-sizing: border-box; height: 55px; display:block; border: none; margin: 0px 0px 0px 0px; padding: 0px 80px 0px 16px; float:left; background-color: #ffffff; background-image:url("../img/pulldown_karriereselekt.gif"); background-repeat:no-repeat; background-position: right top; background-size: 58px auto; cursor: pointer; position: relative; }
form.KarriereFilterSystem div.FilterBox:hover input { background-position: right bottom; }

/* Klappe */
form.KarriereFilterSystem div.FilterBox div.Klappe { width: 140%; display: none; border-left: 1px #d9d9d9 solid; border-top: 1px #f2f2f2 solid;  border-bottom: 1px #f2f2f2 solid;  border-right: 1px #f2f2f2 solid;  position: absolute; left: -1px; top: 54px;  }
form.KarriereFilterSystem div.FilterBox:hover { z-index: 10000; }
form.KarriereFilterSystem div.FilterBox:hover div.Klappe { display: none; z-index: 10000; }
form.KarriereFilterSystem div.FilterBox div.Klappe div.Option { width: 100%; box-sizing: border-box; padding: 10px 16px 10px 16px; background-color: #f2f2f2; border-top: 1px #ffffff solid; cursor: pointer;  }
form.KarriereFilterSystem div.FilterBox div.Klappe div.Option:hover { background-color: #ffffff;  }
form.KarriereFilterSystem div.FilterBox div.Klappe div.Option input.multi-checkbox {}

form.KarriereFilterSystem div.FilterBox div.Klappe div.Option { display: block; float: left; clear: left;}
form.KarriereFilterSystem div.FilterBox div.Klappe div.Option span.text { display: block; float: left; width: 95%;}
form.KarriereFilterSystem div.FilterBox div.Klappe div.Option input { display: block; float: left; width: 5%; height: 20px;}

form.KarriereFilterSystem div.FilterBox div.Klappe a.submit {display: block; float: left; clear: left; width: 100%; box-sizing: border-box; padding: 10px 16px 10px 16px; color: #FFF; background-color: #00564C; text-align: center; border-top: 1px #ffffff solid; cursor: pointer;  font-size: 15px;}

/* SuchBereich */
div.KarriereSelektor form.KarriereSuche { width: 25%; display:block; float: right; position: relative; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }

div.KarriereSelektor form.KarriereSuche div.SuchBox { width: 95%; height: 55px; display:block; float: right; padding: 0px 0px 0px 0px; margin: 40px 0px 0px 0px; border-top: 1px #d9d9d9 solid; border-left: 1px #d9d9d9 solid; position:relative; z-index: 10; position: relative; background-color: orange; }
div.KarriereSelektor form.KarriereSuche a.GoSuche { width: 70px; height: 55px; display: block; position: absolute; right: 0px; padding: 0px 0px 0px 0px; margin: 40px 0px 0px 0px; z-index: 10; background-image:url("../img/suchlupe.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: #00584D; }
div.KarriereSelektor form.KarriereSuche a.GoSuche:hover { background-color: #4F8A83; }

div.KarriereSelektor form.KarriereSuche button.GoSuche { width: 70px; height: 55px; display: block; position: absolute; right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 10; background-image:url("../img/suchlupe.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: #00584D; border: none; cursor: pointer;}
div.KarriereSelektor form.KarriereSuche button.GoSuche:hover { background-color: #4F8A83; }

div.KarriereSelektor form.KarriereSuche div.SuchBox label { width: auto; height: 30px; display:block; position: absolute; top: -30px; left: 0px; color: #323232;  }
div.KarriereSelektor form.KarriereSuche div.SuchBox input { width: 100%; box-sizing: border-box; height: 55px; display:block; border: none; margin: 0px 0px 0px 0px; padding: 0px 80px 0px 16px; float:left; background-color: #ffffff; position: relative; }


/* Trenner Headline - Weisse Optik */
div.Sektion.EnerconHeadline.WeisseOptik { background-image: none; }
div.Sektion.EnerconHeadline.WeisseOptik h2 { padding: 40px 0px 20px 0px;  }




@media only screen and (max-width: 1600px) {

    /* Karriereportal - Startseite */
    div.KarriereSelektor form.KarriereFilterSystem { width: 75%; }
    div.KarriereSelektor form.KarriereSuche { width: 25%; position: absolute; bottom: 0px; right: 0px;  }
    form.KarriereFilterSystem div.FilterBox { width: 20.175% /* 20.175% */; height: 45px; margin: 40px 1.754% 0 0; }
    form.KarriereFilterSystem div.FilterBox input {  height: 45px; background-size: 47px auto; padding-right: 65px;  }
    form.KarriereFilterSystem a.GoFilter { width: 10.087%; max-width: 57px; height: 40px; font-size: 20px; margin: 40px 0 0 0; }
    form.KarriereFilterSystem button.GoFilter { width: 10.087%; max-width: 57px; height: 40px; font-size: 20px; margin: 40px 0 0 0; }
    div.KarriereSelektor form.KarriereSuche div.SuchBox { height: 45px; }
    div.KarriereSelektor form.KarriereSuche div.SuchBox input { height: 45px; padding-right: 65px; }
    form.KarriereSuche a.GoSuche { width: 57px; height: 45px; }
    form.KarriereSuche button.GoSuche { width: 57px; height: 45px; }
    form.KarriereFilterSystem div.FilterBox div.Klappe { top: 44px; }
    div.KarriereSteuerung div.SliderNavi a { height: 39px; width: 42px; background-size: 43px auto; }

}

@media only screen and (max-width: 1100px) {

    /* Karriereportal - Startseite */
    div.KarriereSelektor form.KarriereFilterSystem { width: 66%; }
    div.KarriereSelektor form.KarriereSuche { width: 33%; position: absolute; bottom: 0px; right: 0px; }
    form.KarriereFilterSystem div.FilterBox { width: 41.661% /* 37.895% */; height: 40px; margin: 45px 1.754% 0 0;  /* margin: 40px 1.754% 1.754% 0; */ }
    form.KarriereFilterSystem div.FilterBox input {  height: 40px; background-size: 42px auto; padding-right: 60px; }
    div.KarriereSelektor form.KarriereFilterSystem a.GoFilter { width: 18.947%; max-width: 51px; height: 35px; font-size: 16px; margin: 45px 0 0 0; }					
    div.KarriereSelektor form.KarriereFilterSystem button.GoFilter { width: 18.947%; max-width: 51px; height: 35px; font-size: 16px; margin: 45px 0 0 0; }					
    div.KarriereSelektor form.KarriereSuche div.SuchBox { height: 40px; }
    div.KarriereSelektor form.KarriereSuche div.SuchBox input { height: 40px; padding-right: 60px; }
    div.KarriereSelektor form.KarriereSuche a.GoSuche { width: 51px; height: 40px; }
    div.KarriereSelektor form.KarriereSuche button.GoSuche { width: 51px; height: 40px; }
    form.KarriereFilterSystem div.FilterBox div.Klappe { top: 39px; }
    div.KarriereSteuerung div.SliderNavi a { height: 39px; width: 42px; background-size: 43px auto; }

}

@media only screen and (max-width: 760px) {

    /* Karriereportal - Startseite */
    div.KarriereSelektor form.KarriereFilterSystem { width: 100%; background-repeat: repeat-x; background-image: url("../img/linie_horizontal.gif"); background-position: left bottom; }
    div.KarriereSelektor form.KarriereSuche { width: 100%; position: relative; bottom: auto; right: auto; }
    form.KarriereFilterSystem div.FilterBox { width: 100%; height: 35px;  margin: 30px 1.754% 25px 0; }
    div.KarriereSelektor form.KarriereFilterSystem a.GoFilter { width: 32.164%; margin: 30px 0 25px 0; }	
    div.KarriereSelektor form.KarriereFilterSystem button.GoFilter { width: 32.164%; margin: 30px 0 25px 0; }	
    div.KarriereSelektor form.KarriereSuche div.SuchBox { height: 35px; width: 100%; }
    div.KarriereSteuerung div.SliderNavi a { height: 38px; width: 41px; background-size: 42px auto; }

}

@media only screen and (max-width: 520px) {

    /* Karriereportal - Startseite */
    div.KarriereSelektor form.KarriereFilterSystem { width: 100%;  background-repeat: repeat-x; background-image: url("../img/linie_horizontal.gif"); background-position: left bottom; }
    div.KarriereSelektor form.KarriereSuche { width: 100%; position: relative; bottom: auto; right: auto; }
    form.KarriereFilterSystem div.FilterBox { width: 100%; height: 35px;  margin: 40px 0 1.754% 0; }
    form.KarriereFilterSystem div.FilterBox input {  height: 35px; background-size: 37px auto; padding-right: 55px; }
    div.KarriereSelektor form.KarriereFilterSystem a.GoFilter { width: 50%; max-width: 45px; height: 30px; font-size: 13px; margin: 10px 0px 15px 0px; /* margin: 0 0 1.754% 0; */ float: right; }	
    div.KarriereSelektor form.KarriereFilterSystem button.GoFilter { width: 50%; max-width: 45px; height: 30px; font-size: 13px; margin: 10px 0px 15px 0px; /* margin: 0 0 1.754% 0; */ float: right; }	
    div.KarriereSelektor form.KarriereSuche div.SuchBox { height: 35px; width: 100%; }
    div.KarriereSelektor form.KarriereSuche div.SuchBox input { height: 35px; padding-right: 55px; }
    div.KarriereSelektor form.KarriereSuche a.GoSuche { width: 45px; height: 35px; }
    div.KarriereSelektor form.KarriereSuche button.GoSuche { width: 45px; height: 35px; }
    form.KarriereFilterSystem div.FilterBox div.Klappe { width: 100%; top: 34px; }
    div.PfeilLasche { top: -12px !important; }
    div.KarriereSteuerung div.SliderNavi a { height: 32px; width: 35px; background-size: 40px auto; }

}




/* Sektion Karriereportal: Arbeiten bei */


/* Popup */
/* .KarrierePlattform { position: relative;  z-index: 5; }*/
div.Website.NormalScreen { display: block; position: absolute; z-index: 10; width: 100%;  }
div.PopupFullscreen { height: 100%; width: 100%; display: block; position: absolute; z-index: 10000; top: 0px; right: -100%; background-color: #ffffff; position: relative; }

div.PopupFullscreen div.InfoBoxAbschluss p { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
div.PopupFullscreen div.InfoBoxAbschluss a.Button.Standalone, 
a.Button.Standalone { clear: both; margin: 0px 0px 0px 0px; }

div.InfoBoxContent h3 { line-height: 125%; padding: 0px 0px 25px 0px; }

/* Referenzanpassung fuer Popup integration */
div.PopupFullscreen  div.Sektion.ReferenzDetail { position: absolute; }




/* Sektion Karriereportal: Arbeiten bei | Kita */

/* HeaderHeadline */
.KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { display: block !important; }
.KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl.Zweizeiler { padding-top: 55px; }
.KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl.Zweizeiler  h3 { padding: 0px; line-height: 100%; }


@media only screen and (max-width: 720px) {
    .KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl.FilterVerdraengung { display: none !important; }
}

/*  div.Sektion.IsotopenEbene div.IsotopenHeader */

/* Content-Spalten */
div.StandardContentElement { max-width: 1500px; width: auto/* 72.91% */; display: block; margin: 0px auto; padding: 0 0 0 0;  }
div.StandardContentElement.FirstElement { padding: 3.5% 0 1% 0; /* padding: 3.5% 0 6% 0; */}
div.StandardContentElement.LastElement { padding-bottom: 2.5% }
div.StandardContentElement.OhneLimit { max-width: none; }


div.Spalte { width: 47.14%; margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; position: relative; float: left; }	
div.Spalte.LinkeSeite {}
div.Spalte.RechteSeite { float: right; }
div.Spalte div.Trenner { width: 15%; height: 2px; display: block; margin: 12% 0 2% 0; padding: 0px; background-color: #111111; }
@media only screen and (max-width: 1500px) {
    div.Spalte div.Trenner {  margin-top: 7%;  }
}


div.Spalte img { width: 100%; height: auto; display: block; margin: 7% 0 0 0; padding: 0px;  }

/* Slider */
div.Spalte div.ArtikelSlider { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
div.Spalte div.ArtikelSlider ul.slides { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.Spalte div.ArtikelSlider ul.slides li { display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* Direction */	
div.Spalte div.ArtikelSlider ul.flex-direction-nav { height: 50px; width: 112px; /* height: 9%; width: 15.8%; */ display:block; margin: 0px 0px 0px 25px; position: absolute; bottom: 0px; right: -1px; }
div.Spalte div.ArtikelSlider ul.flex-direction-nav li { height: 100%; width: 50%; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }
div.Spalte div.ArtikelSlider ul.flex-direction-nav li a { height: 100%; width: 100%; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-size: auto; }
div.Spalte div.ArtikelSlider ul.flex-direction-nav li a:hover { background-position: left bottom; }
div.Spalte div.ArtikelSlider ul.flex-direction-nav li a.flex-prev { background-image:url("../img/slider-pfeil-links.gif"); }
div.Spalte div.ArtikelSlider ul.flex-direction-nav li a.flex-next { background-image:url("../img/slider-pfeil-rechts.gif"); }

/* Dot Navi */
div.Spalte div.ArtikelSlider ol.flex-control-nav { bottom: 5px; }


/* Zurueck zur Uebersicht */
a.ZurueckUebersicht { width: auto; height: 40px; display:block; text-align: right; padding: 10px 75px 0px 0px; position: absolute; right: 50px; bottom: 20px;  background-image:url("../img/close-light.gif"); background-repeat:no-repeat; background-position: right top; font-family:'DIN Medium', Arial, Helvetica, sans-serif; background-size: auto; }
div.VideoBericht a.ZurueckUebersicht { right: 0px; top: 0px; bottom: auto !important; }
a.ZurueckUebersicht:hover { background-position: right bottom; }



@media only screen and (max-width: 1600px) {

    div.Spalte div.ArtikelSlider ul.flex-direction-nav { height: 45px; width: 101px; }
    div.Spalte div.ArtikelSlider ul.flex-direction-nav li a { background-size: 50px; }
    a.ZurueckUebersicht { height: 35px; background-size: 50px; padding: 10px 63px 0px 0px; }

}

@media only screen and (max-width: 1100px) {

    div.Spalte div.ArtikelSlider ul.flex-direction-nav { height: 40px; width: 90px; }
    div.Spalte div.ArtikelSlider ul.flex-direction-nav li a { background-size: 44px; }
    a.ZurueckUebersicht { height: 32px; background-size: 44px; padding: 8px 55px 0px 0px; }

}

@media only screen and (max-width: 760px) {

    div.Spalte div.ArtikelSlider ul.flex-direction-nav { height: 35px; width: 78px; }
    div.Spalte div.ArtikelSlider ul.flex-direction-nav li a { background-size: 38px; }
    a.ZurueckUebersicht { height: 29px; background-size: 39px; padding: 6px 0px 0px 0px; overflow: hidden; width: 39px; color: transparent; font-size: 0; }

}


@media only screen and (max-width: 540px) {

    div.Spalte { width: 100%; clear: both; }
    div.Spalte.LinkeSeite { margin: 0 0 3.5% 0; }

    div.Spalte div.ArtikelSlider ul.flex-direction-nav { height: 35px; width: 78px; }
    div.Spalte div.ArtikelSlider ul.flex-direction-nav li a { background-size: 38px; }
    a.ZurueckUebersicht { height: 29px; background-size: 39px; padding: 6px 0px 0px 0px; overflow: hidden; width: 39px; color: transparent; font-size: 0;  }

    /* HeaderHeadline */
    .KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader { height: auto; }
    .KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl { height: auto; padding-bottom: 10px; }
    .KarrierePlattform div.Sektion.IsotopenEbene div.IsotopenHeader div.AnlagenAnzahl h2 { width: 75%; }

}





/* Sektion Karriereportal: Ausbildung | Berufsbild */

/* Dyn. Trenner */
div.DynTrenner { width: 33%; height: 2px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; }
div.DynTrenner  div { height: 2px; display: block; float: left; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; }
div.DynTrenner  div.DynGruen { width: 62%; background-color: #00584d; }
div.DynTrenner  div.DynRot { width: 32%; background-color: #dc244b; }


/* ZitatBox */
div.ZitatBox { width: 100%; display: block; clear: both; background-color: #00564c; margin: 7% 0 0 0; padding: 7% 0 0 0; }
div.ZitatBox h1, div.ZitatBox h2, div.ZitatBox h3, div.ZitatBox p  { color: #ffffff; text-align: center; display: block; margin: 0 0 0 0; padding: 4% 15% 5% 15%; line-height: 155%; }
div.ZitatBox p  { color: #80aba6; }
div.Spalte div.ZitatBox div.Trenner  { background-color: #ffffff; clear: both; margin: 0 auto 0 auto; }


/* Sektion Karriereportal: Erfolgsgeschichten */


/* Uebersicht: Isotope Ergaenzungen */
@media only screen and (min-width: 1400px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich, 
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich div.FilterKlappe,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich div.FilterKlappe div.Zeiger { width: 350px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe div.FilterKlappe,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe div.FilterKlappe div.Zeiger { width: 270px; }
}


div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich div.Icon { background-image: url("../content/allgemein/icon_unternehmen.png"); }
div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe div.Icon { width: 96px;  background-image: url("../content/allgemein/icon_beruf.png"); }

@media only screen and (max-width: 1000px) {
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe div.Icon { margin-top: 20px; width: 64px; height: 40px; }
}

@media only screen and (max-width: 520px) {				
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich, 
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich div.FilterKlappe,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Typ.Unternehmensbereich div.FilterKlappe div.Zeiger { width: 130px; }
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe div.FilterKlappe,
    div.Sektion.IsotopenEbene div.IsotopenHeader div.Filtersystem div.IsoFilter.Standorte.Berufsgruppe div.FilterKlappe div.Zeiger { width: 130px; }
}



/* VideoBericht */
div.VideoBericht { width: 65%; display: block; position: absolute; padding: 30px 0px 0px 0px; margin: 0px 0px 0px -32.4%; left: 50%; top: 50px; background-color: transparent; background-image: url("../img/infobox_hg.png"); background-position: left top; background-repeat: repeat; z-index: 20000; }
div.VideoBericht h1, 
div.VideoBericht h2, 
div.VideoBericht h3, 
div.VideoBericht p { width: 85%; padding: 0px 50px 0px 50px; }

div.VideoBericht div.VideoKasten { width: auto; height: 400px; display: block; margin: 30px 50px 50px 50px; padding: 0px 0px 0px 0px; }


/* Sektion: Messen und Veranstaltungen */


/* Abgewandelter isotope */
div.MesseIsotopenBereich { margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px; display: block; }

/* Teaser */
div.MesseIsotopenBereich a.MesseTeaser { width: 16.666%; margin: 2.765% 0 0 2.765%; padding: 0px 0px 0px 0px; display: block; background-color: #f0f0f0; float: left; position: relative; }
div.MesseIsotopenBereich a.MesseTeaser div.Inhalte { display: block; padding: 11.56% 10.3125% 28% 10.3125%; position: relative; }
div.MesseIsotopenBereich a.MesseTeaser div.Inhalte div.Trenner { width: 25%; height: 2px; background-color: #000000; display:block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
div.MesseIsotopenBereich a.MesseTeaser div.Inhalte h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; line-height: 100%; }
div.MesseIsotopenBereich a.MesseTeaser div.Inhalte h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 100%; }
div.MesseIsotopenBereich a.MesseTeaser div.Inhalte p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; line-height: 180%; }
div.MesseIsotopenBereich a.MesseTeaser div.Inhalte div.Button { position: absolute; bottom: 8%; left: 10.3125%; }
div.MesseIsotopenBereich a.MesseTeaser.Inaktiv div.Inhalte div.Button { opacity: 0.3; }


@media only screen and (max-width: 1400px) {
    div.MesseIsotopenBereich a.MesseTeaser { width: 21.55%; }
}

@media only screen and (max-width: 1000px) {
    div.MesseIsotopenBereich a.MesseTeaser { width: 29.6%; }
}

@media only screen and (max-width: 670px) {
    div.MesseIsotopenBereich a.MesseTeaser { width: 45.8%; }
}

@media only screen and (max-width: 420px) {
    div.MesseIsotopenBereich a.MesseTeaser { width: 95%; }
}



/* Angepasster Filter fuer den spezialisierten Isotope der auf 5er ausgelegt ist */

div.MesseIsoFilter {  height: 150px; display: block; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px;  float: left; position: relative; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: left 100px;  }
div.MesseIsoFilter div.Icon { width: 60px; height: 60px; display: block; margin: 38px auto 2px auto; background-image: url("../content/allgemein/icon_beruf.png");  }
div.MesseIsoFilter h3 { height: 22px; text-align: center; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; line-height: 100%; background-image:url("../img/referenzfilter-teilung.gif"); background-repeat: no-repeat; background-position: right top; }
div.MesseIsoFilter h3 span {  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 100%; }


/* Klappe */
div.MesseIsoFilter div.FilterKlappe { display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  float: left; position: absolute; left: 0px; top: 150px; z-index: 20000; background-color: #f8f8f8; box-shadow: 0px 0px 6px #aaaaaa; }
div.MesseIsoFilter div.FilterKlappe div.Zeiger { width: 100%; height: 15px; display:block; position:absolute; z-index: 1000000; top: -15px; background-image:url("../img/filterzeiger.png"); background-repeat:no-repeat; background-position: center top;  }
div.MesseIsoFilter div.FilterKlappe a.Filter { width: auto; display:block; position:relative; z-index: 10; line-height: 100%; padding: 18px 20px 18px 35px; border-bottom: 1px #e2e2e2 solid; border-top: 1px #ffffff solid; background-image:url("../img/breadcrumb_pfeil.png"); background-position: 15px 23px; background-repeat:no-repeat;  background-color: transparent;  }
div.MesseIsoFilter div.FilterKlappe a.Filter:hover { background-color: #ffffff; }

/* Abweichende Darstellungseigenschaften */
div.MesseIsoFilter.FilterBeruf,
div.MesseIsoFilter.FilterBeruf div.FilterKlappe { width: 275px; }
div.MesseIsoFilter.FilterBeruf div.Icon { width: 96px; background-image: url("../content/allgemein/icon_beruf.png"); }
div.MesseIsoFilter.FilterRegion,
div.MesseIsoFilter.FilterRegion div.FilterKlappe { width: 220px; margin: 0px 0px 0px 0px; background-image: none; }
div.MesseIsoFilter.FilterRegion div.Icon { background-image: url("../content/allgemein/icon_region.png"); }


@media only screen and (max-width: 1100px) {
    div.MesseIsoFilter h3 { height: 20px; padding: 5px 0px 0px 0px; }
    div.MesseIsoFilter.FilterBeruf,
    div.MesseIsoFilter.FilterBeruf div.FilterKlappe { width: 220px; }
    div.MesseIsoFilter.FilterRegion,
    div.MesseIsoFilter.FilterRegion div.FilterKlappe { width: 170px; }	
}

@media only screen and (max-width: 720px) {
    div.MesseIsoFilter.FilterBeruf  { margin-left: 2.76%; }
    div.MesseIsoFilter.FilterBeruf,
    div.MesseIsoFilter.FilterBeruf div.FilterKlappe { width: 220px; }
    div.MesseIsoFilter.FilterRegion,
    div.MesseIsoFilter.FilterRegion div.FilterKlappe { width: 170px; }	
}

@media only screen and (max-width: 420px) {
    div.MesseIsoFilter.FilterBeruf,
    div.MesseIsoFilter.FilterBeruf div.FilterKlappe { width: 180px; }
    div.MesseIsoFilter.FilterRegion,
    div.MesseIsoFilter.FilterRegion div.FilterKlappe { width: 140px; }	
}


/* Karriere: Job-Boerse */

div.StandardContentElement.TabellenInhalte { margin: 50px 0px 0px 0px; }

div.ZweiDrittelSpalte { width: 65.54%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; float: left; }
div.EinDrittelSpalte { width: 31.42%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; float: right; }			

/* Spezial Marginal Teaser-System */

/* Teaser Head */
div.TeaserHead { width: auto; display: block; margin: 0px 0px 0px 0px; padding: 6% 0 4.3% 0; position: relative; background-color: #00584D; }			
div.TeaserHead.NewHead { margin-top:30px; }
div.TeaserHead h2,
div.TeaserHead h3 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0 7% 0 7%;  }
div.TeaserHead p { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0 7% 0 7%; line-height: 135%; }
div.TeaserHead div.Trenner { width: 14%; height: 2px; background-color: #E20045; display:block; margin: 0px 0px 10px 7%; padding: 0px 0px 0px 0px; }

/* Teaser Body */
a.TeaserBody { width: auto; display: block; margin: 1px 0px 0px 0px; padding: 5% 0 0 0; position: relative; background-color: #f0f0f0; background-repeat: no-repeat; background-size: cover; }			
a.TeaserBody h2,
a.TeaserBody h3,
a.TeaserBody p { margin: 0 7% 6% 7%; padding: 0px 0px 0px 0px; }
a.TeaserBody div.Button { margin: 0 0 7% 7%; }
a.TeaserBody.OhneText div.Button { margin-top: 35%; /* 180px; */  }


/* Teaser mit Bild */
a.TeaserBody img { width: 22.02%; margin: 0 0 7% 7%; padding: 0px; display: block; float: left;  }
a.TeaserBody div.NebenBild { width: 60%; margin: 0 7% 7% 0; padding: 0px; display: block; float: left; }


/* Social Media */
div.SocialMediaBlock { width: auto; height: 40px; display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border-left: 1px #bfbfbf solid; }
div.SocialMediaBlock a { width: 60px; height: 40px; display: block; float: left;  border-right: 1px #bfbfbf solid; opacity: 1; }
div.SocialMediaBlock a img { width: auto; height: 100%; }
div.SocialMediaBlock a:hover { opacity: 0.5; }


@media only screen and (max-width: 920px) {

    a.TeaserBody img { display: none; }
    a.TeaserBody div.NebenBild { width: auto; margin: 0 0 0 0; float: none; }

    div.SocialMediaBlock { height: 30px; }
    div.SocialMediaBlock a { width: 45px; height: 30px; }
}

@media only screen and (max-width: 740px) {

    div.ZweiDrittelSpalte { width: 100%; float: none;  }
    div.EinDrittelSpalte { width: 100%; float: none; margin-top: 30px; }			

    a.TeaserBody img { width: 22.02%; margin: 0 0 7% 7%; padding: 0px; display: block; float: left;  }
    a.TeaserBody div.NebenBild { width: 60%; margin: 0 7% 7% 0; padding: 0px; display: block; float: left; }

    div.SocialMediaBlock { height: 25px; }
    div.SocialMediaBlock a { width: 38px; height: 25px; }

}




/* Jobboersen-Header */
div.JobboersenHeader {  width: auto; display: block; margin: 90px 0 0 0; padding: 0 0 0 0; background-color: #f0f0f0; position: relative;  }
div.JobboersenHeader div.Responsive { padding: 3.8% 0 0.8% 0; background-image: url("../img/linie_horizontal.gif");  background-position: left bottom; background-repeat: repeat-x; }

/* JobHeadline */
div.JobHeadline { width: 50%; display: block; margin: 17px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; float: left;  }
div.JobHeadline div.DynTrenner { width: 17%; }

/* Anzahl Jobs */
div.AnzahlJobsOnline { height: 40px; display: block; float: right; margin: 0px 0px 0px 40px; padding: 0px 0px 5px 30px; background-image: url("../img/linie_vertikal.gif"); background-size: 2px 30px;  background-position: left bottom; background-repeat: no-repeat;  }
div.AnzahlJobsOnline h3 {}
div.AnzahlJobsOnline h3 span { font-size: 36px;  font-family:'DIN Medium', Arial, Helvetica, sans-serif; }


/* Jobboersen-Waehler */
div.JobboersenWaehler {  width: auto; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #f0f0f0; position: relative;  }
div.JobboersenWaehler  form.KarriereFilterSystem div.FilterBox { width: 23.1%; margin: 70px 1.7% 30px 0; padding: 0 0 0 0; }
div.JobboersenWaehler form.KarriereFilterSystem div.FilterBox div.Klappe { width: 100%; }


/* JobSuche */
form.JobSuche { width: auto; display: block; margin: 0 0 0 0; padding: 1.5% 0px 2.2% 20px; background-color: #f0f0f0;  }
form.JobSuche  input[type="text"] { display: block; width: auto;  margin: 0 1px 0 0; float: left; padding-top: 0px; padding-bottom: 0px;   }
form.JobSuche  .Button { float: left;  }			

/* Tabelle */
table.JobTabelle { text-align: left; vertical-align: top; margin: 5px 0px 30px 0px;  padding: 0px 0px 0px 0px; background-color: #ffffff;  }
table.JobTabelle tr th { color: #111111; text-align: left; vertical-align: top; padding: 20px 15px 20px 15px; background-color: #ffffff; border-top: 1px #ffffff solid; border-bottom: 1px #cccccc solid; line-height: 135%; font-family:'DIN Medium', Arial, Helvetica, sans-serif; font-weight: bold; }
table.JobTabelle tr td { font-size: 15px;  color: #111111; text-align: left; vertical-align: top; padding: 20px 15px 20px 15px; background-color: #ffffff; border-top: 1px #ffffff solid; border-bottom: 1px #cccccc solid; line-height: 135%; font-family: Arial, Helvetica, sans-serif; background-color: #f7f7f7; cursor: pointer; }
table.JobTabelle tr.HelleZeile td{ background-color: #ffffff; }
table.JobTabelle tr:hover td { background-color: #fbfbfb; }
table.JobTabelle tr:hover td.HelleZeile { background-color: #fefefe; }
table.JobTabelle tr td.JobPfeil { background-image: url("../img/jobpfeil.jpg"); padding: 20px 15px 20px 55px; background-position: 15px center; background-repeat: no-repeat; }

table.JobTabelle tr td.TableClass0 { background-image: url("../img/jobpfeil.jpg"); padding: 20px 15px 20px 55px; background-position: 15px center; background-repeat: no-repeat; }



@media only screen and (max-width: 1600px) {

    /* Tabellen */
    table.JobTabelle tr td { font-size: 14px; padding: 15px 15px 15px 15px; }

}


@media only screen and (max-width: 1200px) {

    /* Spalte vorzeitig einspaltig machen */
    div.StandardContentElement.TabellenInhalte div.ZweiDrittelSpalte { width: 100%; float: none;  }
    div.StandardContentElement.TabellenInhalte div.EinDrittelSpalte { width: 50%; float: none; margin-top: 30px; }	


    /* Tabellen */
    table.JobTabelle tr td { font-size: 13px; padding: 12px 15px 12px 15px; }				
}


@media only screen and (max-width: 900px) {

    div.JobHeadline { margin-top: 17px; }
    div.JobHeadline { width: auto; }
    div.JobboersenWaehler { padding: 3% 0 1.2% 0; }
    div.JobboersenWaehler  form.KarriereFilterSystem div.FilterBox { width: 47.9%; margin: 40px 1.7% 15px 0; }

    /* Tabellen */
    table.JobTabelle tr td { font-size: 13px; padding: 12px 15px 12px 15px; }

}

@media only screen and (max-width: 720px) {

    div.JobHeadline { margin-top: 10px; }
    div.AnzahlJobsOnline{ display: none; }

    /* Spalte vorzeitig einspaltig machen */
    div.StandardContentElement.TabellenInhalte div.EinDrittelSpalte { width: 100%; float: none; margin-top: 30px; }	

    /* Tabellen */
    table.JobTabelle tr td { font-size: 11px; padding: 11px 5px 11px 5px; }

}


@media only screen and (max-width: 580px) {

    /* Tabellen */
    table.JobTabelle tr th.Extended, table.JobTabelle tr td.Extended { display: none; }

}

@media only screen and (max-width: 1000px) {

    /* Tabellen im Popup */
    table.JobTabelle tr th.TableClass1, table.JobTabelle tr td.TableClass1 { display: none; }
    table.JobTabelle tr th.TableClass2, table.JobTabelle tr td.TableClass2 { display: none; }

}

@media only screen and (max-width: 700px) {

    /* Tabellen im Popup */
    /* table.JobTabelle tr th.TableClass2, table.JobTabelle tr td.TableClass2 { display: none; } */

}


@media only screen and (max-width: 520px) {

    div.JobboersenWaehler { padding: 3% 0 1.2% 0; }
    div.JobboersenWaehler  form.KarriereFilterSystem div.FilterBox { width: 96%; margin: 40px 0 10px 0; }

    /* Tabellen */
    table.JobTabelle tr td { font-size: 11px; padding: 10px 5px 10px 5px; }

}


@media only screen and (max-width: 420px) {

    /* Tabellen */
    table.JobTabelle tr th.ExtremExtended, table.JobTabelle tr td.ExtremExtended { display: none; }

}






/* Karriere: Weltkarte */

div.HighlightFull.StellenKarte div.HighBody { background-color: #f0f0f0;}
div.HighlightFull.StellenKarte div.HighBody  form.KarriereFilterSystem div.FilterBox { width: 96%; margin: 40px 0 10px 0; }
div.HighlightFull.StellenKarte div.HighBody  form.KarriereFilterSystem div.FilterBox div.Klappe { width: 100%; }
div.HighlightFull.StellenKarte div.HighBody  form.KarriereFilterSystem .Button { margin-top: 40px; }




/* Hinweis-Popup - Jobboerse - Weltkarte */
div.KartenHinweis.JobboersenVersion {}
div.KartenHinweis.JobboersenVersion div.HinweisText { width: 70%; height: auto; display: block; margin: 5% auto; padding: 0px 0px 0px 0px; background-color: #ffffff;  }

div.KartenHinweis.JobboersenVersion  div.HinweisText div.HinweisTextHeader { padding: 35px 30px 30px 30px; display: block; background-color: #00564c; }

div.KartenHinweis.JobboersenVersion  div.HinweisText div.HinweisTextBody { padding: 20px 55px 50px 40px; display: block; background-color: #ffffff; height: auto; display: block; }


/* Angepasste Jobtabelle */
div.KartenHinweis.JobboersenVersion  div.HinweisText div.HinweisTextBody  table.JobTabelle { width: 97%; margin: 0px 0px 0px 0px; }



/* TinyScrollbar */
/* Aufbau */

.TinyScrollbar { width:100%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background-color: #ffffff;  }
.TinyScrollbar-small { width:100%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background-color: #ffffff;  }

/* Viewport */
.TinyScrollbar .viewport { height: 500px; overflow:hidden; position:relative; margin:0; padding: 0px 0px 0px 0px; background-color: #ffffff; }
.TinyScrollbar-small .viewport { height: 350px; overflow:hidden; position:relative; margin:0; padding: 0px 0px 0px 0px; background-color: #ffffff; }
@media only screen and (max-height: 950px) { .TinyScrollbar .viewport { height: 500px; } }
@media only screen and (max-height: 850px) { .TinyScrollbar .viewport { height: 400px; }	}
@media only screen and (max-height: 750px) { .TinyScrollbar .viewport { height: 250px; }	}
@media only screen and (max-height: 650px) { .TinyScrollbar .viewport { height: 150px; }	}
@media only screen and (max-height: 500px) { .TinyScrollbar .viewport { height: 100px; }	}

.TinyScrollbar .overview { width: 100%; list-style:none; position:absolute; left:0; top:0; margin:0; padding: 0px 0px 0px 0px; }
.TinyScrollbar .scrollbar { position:absolute; background-position:0 0; right: -15px; top:0; width:15px;  }
.TinyScrollbar-small .overview { width: 100%; list-style:none; position:absolute; left:0; top:0; margin:0; padding: 0px 0px 0px 0px; }
.TinyScrollbar-small .scrollbar { position:absolute; background-position:0 0; right: 5px; top:0; width:5px;  }

/* Trenner */
.TinyScrollbar  div.Trenner, div.KartenHinweis div.HinweisText  div.Trenner { width: 75px; height: 2px; display:block; margin: 0px 0px 10px 0px; padding: 0px; background-color: #E20045; }

/* Text */
.TinyScrollbar  h1, div.KartenHinweis div.HinweisText  h1,
.TinyScrollbar  h1 span, div.KartenHinweis div.HinweisText h1 span { font-size: 30px; font-family: "DIN Medium",Arial,Helvetica,sans-serif; line-height: 125%; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;  }
.TinyScrollbar  h2, div.KartenHinweis div.HinweisText  h2,
.TinyScrollbar  h2 span, div.KartenHinweis div.HinweisText h2 span { font-size: 22px; font-family: "DIN Medium",Arial,Helvetica,sans-serif; line-height: 125%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }


@media only screen and (max-width: 1600px) {

    .TinyScrollbar  h1, div.KartenHinweis div.HinweisText  h1,
    .TinyScrollbar  h1 span, div.KartenHinweis div.HinweisText h1 span { font-size: 26px; }
    .TinyScrollbar  h2, div.KartenHinweis div.HinweisText  h2,
    .TinyScrollbar  h2 span, div.KartenHinweis div.HinweisText h2 span { font-size: 20px; }

}

@media only screen and (max-width: 1400px) {

    .TinyScrollbar  h1, div.KartenHinweis div.HinweisText  h1,
    .TinyScrollbar  h1 span, div.KartenHinweis div.HinweisText h1 span { font-size: 24px; }
    .TinyScrollbar  h2, div.KartenHinweis div.HinweisText  h2,
    .TinyScrollbar  h2 span, div.KartenHinweis div.HinweisText h2 span { font-size: 19px; }

}

@media only screen and (max-width: 1200px) {

    .TinyScrollbar  h1, div.KartenHinweis div.HinweisText  h1,
    .TinyScrollbar  h1 span, div.KartenHinweis div.HinweisText h1 span { font-size: 20px; }
    .TinyScrollbar  h2, div.KartenHinweis div.HinweisText  h2,
    .TinyScrollbar  h2 span, div.KartenHinweis div.HinweisText h2 span { font-size: 18px; }

}



/* Farbgebung */
.TinyScrollbar .track { height:100%; width:13px; position:relative; padding:0 1px; background-color: #f0f0f0; }
.TinyScrollbar .thumb { background-color: #00584D; height:20px; width:15px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0px; }
.TinyScrollbar .thumb:hover { background-color: #4c8a82; height:20px; width:15px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0px; }
.TinyScrollbar-small .track { height:100%; width:5px; position:relative; padding:0 1px; background-color: #f0f0f0; }
.TinyScrollbar-small .thumb { background-color: #00584D; height:20px; width:15px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0px; }
.TinyScrollbar-small .thumb:hover { background-color: #4c8a82; height:20px; width:15px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0px; }


/* Kompatibilitaet */
.TinyScrollbar .disable  { display:none; }
.TinyScrollbar-small .disable  { display:none; }
.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }












/* Karriere: Schueler */

.KarrierePlattform div.ReiterAuswahl.XLSize div.ReiterAuswahlKlappe { padding-bottom: 0px; border-bottom: 1px #dddddd solid; }
.KarrierePlattform div.ReiterAuswahl.XSSize div.ReiterAuswahlKlappe {   }
.KarrierePlattform div.ReiterAuswahl.XSSize { display: block; padding-bottom: 1px; margin-bottom: 0px; border-bottom: 1px #dddddd solid; }

/* div.TechnologieInhalteRahmen */
div.TechnologieInhalteRahmen.NoSpace { padding-top: 0px; }





/* Neuer Karriere slider */

/* Slider */
div.Sektion.KarriereSliderFloat { /* min-height: 500px; */  display:block; position:relative; margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; z-index: 10; }
div.Sektion.KarriereSliderFloat ul.slides {   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
div.Sektion.KarriereSliderFloat ul.slides li { /* min-height: 500px; */ display:none;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: center top; background-size: cover; overflow: hidden;  }

/* Steuerung */
div.Sektion.KarriereSliderFloat ol.flex-control-nav li a { opacity: 0.5; }
div.Sektion.KarriereSliderFloat ol.flex-control-nav li a:hover { opacity: 1; }
div.Sektion.KarriereSliderFloat ol.flex-control-nav li a.flex-active { opacity: 1; }
div.Sektion.KarriereSliderFloat ol.flex-control-nav { bottom: 30px; left: 0%; }



/* Angepasste Buttons */

/* GoBack Button */
div.Sektion.KarriereSliderFloat a.DieseBoxZu { height: 50px; width: 55px;  position:absolute; top: 0px; right: 0px; display:block; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/slider-pfeil-links.gif"); }
div.Sektion.KarriereSliderFloat a.DieseBoxZu:hover { background-position: left bottom; }

/* BlendeEin Button */
a.DieseBoxAuf { height: 50px; width: 55px; display: none; position:fixed; top: 90px; left: 0px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/openback.gif"); z-index: 1000; }
a.DieseBoxAuf:hover { background-position: left bottom; }


/* Schliessen bei Mobiler Version
div.Sektion.KarriereSliderFloat a.SchliessenMobile { height: 50px; width: 55px; display:none; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; float: left; background-color: transparent; background-repeat:no-repeat; background-position: left top; background-image:url("../img/close-very-light.gif"); }
div.Sektion.KarriereSliderFloat a.SchliessenMobile:hover { background-position: left bottom; }
div.Sektion.KarriereSliderFloat div.InfoBoxHeader a.SchliessenMobile { position:absolute; top: 0px; right: 0px; }
*/

div.Sektion.KarriereSliderFloat div.HighlightText { position:relative; }

/* Highlightbox im Slider 
div.Sektion.KarriereSliderFloat div.HighlightText { width: 512px; display:block; position:relative; margin: 100px 50px 100px 50px; border-bottom: none;   padding: 0px 0px 0px 0px; z-index:50000;   }
div.Sektion.KarriereSliderFloat div.HighlightText.Inner { visibility:hidden; }
div.Sektion.KarriereSliderFloat div.HighlightText.Outer { visibility:visible; }

div.Sektion.KarriereSliderFloat div.HighlightText div.HighHead { background-color: #00584D; color: #ffffff; margin: 0px 0px 0px 0px; padding: 25px 30px 25px 30px; }
div.Sektion.KarriereSliderFloat div.HighlightText div.HighHead div.Trenner { width: 70px; height: 2px; display:block; background-color: #E20045; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }
div.Sektion.KarriereSliderFloat div.HighlightText div.HighHead h1 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 115%;  }
div.Sektion.KarriereSliderFloat div.HighlightText div.HighHead h2 { color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 115%; }
div.Sektion.KarriereSliderFloat div.HighlightText div.HighBody { background-color: #ffffff; opacity: 0.9; margin: 0px 0px 0px 0px; padding: 35px 30px 70px 30px;  }
div.Sektion.KarriereSliderFloat div.HighlightText p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.Sektion.KarriereSliderFloat div.HighlightText.Outer { margin: 0px 50px 0px 50px; border-bottom: 1px #dddddd solid; }
div.Sektion.KarriereSliderFloat div.HighlightText.Outer div.HighBody {  padding: 30px 30px 5% 30px;  }
div.Sektion.KarriereSliderFloat div.HighlightText.Outer div.HighBody a.Button {  margin: 20px 0px 0px 0px;  }
div.Sektion.KarriereSliderFloat div.HighlightText.Outer div.HighBody h2 { margin-bottom: 0;}
*/


.OptionHidden { display: none;}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

form.JobSuche input.JobSearchInput {z-index: 2; position: relative; background: transparent;}
form.JobSuche input.JobSearchHidden {top: 53px; left: 20px; color: #CCC; position: absolute; padding-top: 1px; background: #FFF; z-index: 1; border: none;}
form.KarriereSuche input.JobSearchInput {z-index: 2; position: relative; background: transparent !important;}
form.KarriereSuche input.JobSearchHidden {top: 0px; left: 0px; color: #CCC; position: absolute !important; padding-top: 1px; background: #FFF; z-index: 1; border: none;}


.Accordion h3 { font-size: 20px !important;}

.pos-r {
    position: relative;
}
.PowerTeaser.side-bar {
    position: absolute;
    top: 0;
    left:0;
    background-color: #F0F0F0;
}
.PowerBody.side-bar {
    position: relative;
    top:unset;
    margin: 0 !important;
}

.sidebar-navi {
    display: block;
    float: left;
    clear: left;
    margin-top:5px;
}
.sidebar-navi li {
    display: block;
    float: left;
    clear: left;
    padding-left: 3px;
}
.sidebar-navi li a {
    display: block;
    float: left; text-decoration: none;}
.sidebar-navi li a:before {
    content: " ";
    width: 20px;
    height:25px;
    display: block;
    float: left;
    background-image: url('../img/ico_arrow-left-small-black.jpg');
    background-repeat: no-repeat;
    background-position: 0 9px;
}


.with-scroll {
   max-height: 350px; height: auto;
}

@media only screen and (max-width: 1680px) {
    form.JobSuche input.JobSearchHidden {top: 52px;}
}

@media only screen and (max-width: 1600px) {
    form.JobSuche input.JobSearchHidden {top: 49px;}
}

@media only screen and (max-width: 1400px) {
    form.JobSuche input.JobSearchHidden {top: 45px;}
}

@media only screen and (max-width: 1200px) {
    form.JobSuche input.JobSearchHidden {top: 47px;}
}

@media only screen and (max-width: 1000px) {
    form.JobSuche input.JobSearchHidden {top: 42px;}
}

@media only screen and (max-width: 900px) {
    form.JobSuche input.JobSearchHidden {top: 41px;}
}

@media only screen and (max-width: 700px) {
    form.JobSuche input.JobSearchHidden {top: 38px;}
}

@media only screen and (max-width: 580px) {
    form.JobSuche input.JobSearchHidden {top: 37px;}
}

@media only screen and (max-width: 520px) {
    form.JobSuche input.JobSearchHidden {top: 34px;}
}


/* (c) 2016 conception Kommunikationsagentur | written bei Mirko Kabsch ------------------------------------------ */