/* -------------------------------------------------------*/
/*            BASE.CSS                                    */
/* -------------------------------------------------------*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Neues CSS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Link Breadcrumbs - auf neues Styleguide angepasst */
body, pre, table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #003468;
    line-height: 130%;
}
p {
    padding: 5px 0 0 0;
    margin: 0;
}

/* Beginn Ueberschriften - wird im css der Koops mit eingeloggten Bereich Fol, Freenet, CW benoetigt */
h1,.loginH1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: #003468;
    font-weight:bold;
}
/* h1 Ãœberschriften der Artikel-Templates */
.articleHeader {
    margin-bottom: 30px;
}

h2 {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: #003468;
}

/* ---------- Ausrichtung der Checkboxen im Formular ---------- */
dl {
   margin:0px;
}

dt {
   float: left;
}
    
dd {
   margin-left: 25px;
} 

/* Für die vertikale Aussichtung bei dem Radiobuttons */
label {
    vertical-align: middle;
}
a, a:link, a:active, a:visited,
.statusLogin a, .statusLogin a:link, .statusLogin a:visited, .statusLogin a:focus, .statusLogin a:hover {
    /*color: #0000FF; */
    text-decoration: underline;    
}
/* Alle Hover haben die selbe Farbe */
a:hover,
.statusLogin a:hover  {
    color: #FF6600;
    text-decoration: underline;
}
a.linkKlappen:link, a.linkKlappen:active, a.linkKlappen:visited {
    text-decoration: none; 
    color: #003468;
}
a.linkKlappen:hover  {
    color: #FF6600;
}

/* Login-Status */
.statusLogin span {
    font-weight: bold;
}

#header-menu-links ul {
    margin: 0 !important;
}

.contentBody ul, .contentBody ol, .contentBody li {
    padding: 0px;
    margin: 0px 0px 0px 12px;
}
ul, ol {
    margin-top: 5px;
}



form { 
    margin: 0;
}
input, select, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    border:1px solid #b4b4b4;
    padding:4px;
}
/*  ********************************************************************
    Input-Felder
*/
.input,
select.input,
.inputName,
.inputPlz,
.inputOrt,
.inputAnrede,
.inputAnredeName {
    margin: 3px 0 0 0;
    padding: 1px 0;
    font-weight: normal;
    -moz-border-radius: 3px;
    background: #ffffff;
}

.input  {
    width: 97%; /* geht bei 100% über die Breite hinaus */
}
select.input {
    width: 99%;
    padding: 0;
}
/* für IE */
html* select.input {
    margin-top: 4px;
}

/* Vor-, Nachname */
.inputName {
    width: 47%;/* war 47 */
}
.inputPlz {
    width: 20%;
}
.inputOrt {
    width: 74%; /* war 72 */
}
.inputAnrede {
    width: 20%;
}
.inputAnredeName {
    width: 36%;
}

/*  ********************************************************************
    Checkbox, Radiobutton
*/
.radio, .checkbox {
    vertical-align: middle;
    margin-left: 3px;
}
.rblRadio td, .cbxCheckbox td {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    vertical-align: middle;
    /*background: blue;*/
}
.rblRadio label, .cbxCheckbox label {
    padding: 0px;
    margin: 0px;
    line-height: 18px;
    /*background: yellow;*/
    float: left;
}
.rblRadio table, .cbxCheckbox table,
table.rblRadio, table.cbxCheckbox {
    padding: 0;
    margin: 0;
    border: 0;
    /*background: green;*/
}
.cbxCheckbox input, 
.rblRadio input {
    float: left;
    padding: 0;
    margin: 3px 3px 0 1px;
    height: 14px;
    line-height: 18px;
    vertical-align: middle;
}
span.cbxCheckbox {
    clear: both;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    /*background: green;*/
    line-height: 18px;
    height: 18px;
}

/*  ********************************************************************
    Header
*/ 
/* Gesamter, umschließender Headerbereich */
.header {
    width: 991px;
    height: 116px;
    background: url(../images/masterpage/header.gif) repeat-x 0 0;
    border-right: solid 1px #BFBFD9;
}
/* Dachleiste */
.dachleiste {
    width: 100%;
    height: 29px;
}
.dachleisteVerticals {
    float: left;
    width: 75%;
    height: 29px;
    line-height: 28px;
    /*background: orange;*/
}
.dachleisteVerticals a, .dachleisteVerticals a:visited {
    float: left;
    color: #666666;
    text-decoration: none;
    font-size: 9px;
    margin-left: 9px;
    padding-top: 2px;
    padding-right: 12px;
    background: url(../images/masterpage/headerTrenner.gif) no-repeat right 10px;
}
.dachleisteVerticals a:hover {
    text-decoration: none;
}

/* T-Online */
.dachleisteMutter { 
    float: right;
    width: 25%;
    height: 29px;
    /*background: blue;*/
}
/* Positionierung des T-Online Bildes */
.dachleisteMutter img { 
    margin-top: 4px;
    margin-right: 7px;
    border: 0px;
}

/* Logo mit Claim */
.logoClaim,
.logoClaim a, .logoClaim a:link, .logoClaim a:visited, .logoClaim a:hover  {
    float: left;
    width: 130px;
    height: 84px;
    background: url(../../../images/JS24/images/logos/jobscout24/js24-logo_ohneoutline.gif) no-repeat 10px center;
    text-decoration: none;
}

/*  ********************************************************************
    Werbung
*/
/* Bannerflaeche - laut BlueBox ohne Abstand zum Header */
.bannerflaeche {
     width: 992px; 
     text-align: right;
     font-size: 0px;
     line-height: 0px;
     padding: 0;
     margin: 0;
     z-index: 1;
     position: relative;
}
/*  Skyscraper */
.skyscraperBody {
    Position: absolute;
    top: 0;
    left: 992px;
}

/* Werbung in der Jobliste */
.medrectBanner 
{
     padding-left: 138px; 
     margin-left: 31px; 
     /*margin-top: 10px;*/
     /*border-bottom: solid 1px #cccccc;*/
	display: none;
}

/*  ********************************************************************
    Wartungsseite, Fehlerseite innerhalb des CMS
    -> Klassen sind auch über die CMS-Content-Oberfläche nutzbar
*/ 
.innercontentMeldung {
    float: left;
    width: 100%;
    height: 400px;
    margin: 0 0 0 2px;
    background: url(../../../images/JS24/images/backgrounds/flaechen/verlauf.gif) repeat-x bottom;
}
.innercontentMeldung span {
    position: absolute;
    margin: 80px 0 0 180px;
}
.innercontentMeldung h2 {
    color: #ff6600;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}
/* Bild zum Text */
.innercontentMeldung pre {
    position: absolute;
    margin: 0 0 0 650px;
    width: 270px;
    height: 400px;
    background: url(../../../images/JS24/images/bilder/fotos/menschen/frau.gif) no-repeat bottom;
}

/*  ********************************************************************
    Content
*/ 
/* Umschließendes Div */
.contentBody { 
    float: left;
    width: 970px;
    margin: 0 0 0 0;
    padding: 0 11px 0 10px;
    background: #ffffff;

}
/* für FF */
:root .contentBody {
    border-bottom: 0;
}
/* Content Bereich */
.innercontentBody {
    float: left;
    width: 725px;
    padding-right: 10px;
    overflow: hidden;
    /*background: yellow;*/
}
.innercontentBodyComplete {
    float: right;
    width: 725px;
    margin: 0px 0px 0px 5px;
    /*background: pink;*/
}
.innercontentBodySchmal {
    float: left;
    width: 480px;
    padding-left: 10px;
    overflow: hidden;
    /*background: yellow;*/
}
.innercontentBody img {
    clear: both;
    /*margin: 5px 0px;*/
    margin-right: 2px;
    border: 0;
}

.contentSp1Bild {
    clear: both;
    float: left;
    width: 20%;
    text-align: center;
    /*background: blue;*/
}
.contentSp1Bild img {
    margin: 0px auto; /* Bild zentrieren */
    text-align: center;
}
.contentSp2Text {
    float: right;
    width: 75%;
    /*background: pink;*/
    /*border: solid 1px black;*/
}



/*
    Dreispaltigkeit mit festen Breiten, z.B. bei der Struktur der Startseite verwendet
*/

.contentSpalteFix { 
    float: left;
    width: 235px;
    /*background: green;*/
}


/*
    Zweispaltigkeit innerhalb einer flexiblen Box
*/
/* Spalte 1 von 2 */
.inBoxSp12 { 
    float: left;
    width: 52%;
}
/* Spalte 2 von 2 */
.inBoxSp22 {
    float: left;
    width: 47%;
}
/*
    Dreispaltigkeit innerhalb einer flexiblen Box
*/
/* überspannt Spalten 1 + 2 von 3 Spalten innerhalb der Box */
.inBoxSp1-23 { 
    float: left;
    width: 68%;
}
/* überspannt Spalten 2 + 3 von 3 Spalten innerhalb der Box */
.inBoxSp12-3{ 
    float: left;
    width: 66%;
}
/* 1. Spalte von 3 Spalten innerhalb der Box */
.inBoxSp13 {
    float: left;
    width: 34%;
}
/* 2. Spalte von 3 Spalten innerhalb der Box */
.inBoxSp23 {
    float: left;
    width: 34%;
}
/* 3. Spalte von 3 Spalten innerhalb der Box */
.inBoxSp33 {
    float: left;
    width: 32%; /* war 32 */
}
/*
    Zwischen-Abstand der Spalten
*/
.inBoxSpAbstand {
    margin-right: 10px;
}


/*  ********************************************************************
    Produktübersichtstabelle
*/
.contentProductTableOuterColumnsLeft{     /* Für die aeußere Zweiteilung des Contents in der Produktübersichtstabelle */
    float: left;
    width: 365px;
    /*background: purple;*/
}
.contentProductTableOuterColumnsRight{     /* Für die aeußere Zweiteilung des Contents in der Produktübersichtstabelle */
    float: right;
    width: 42%;
    padding-right:5px;
    /*background: pink;*/
}
.contentProductTableInnerColumnsLeft{     /* Für die innere Dreiteilung des Contents in der Produktübersichtstabelle */
    float: left;
    width: 52%;
    /*background: green;*/
}
.contentProductTableInnerColumnsMiddle{     /* Für die innere Dreiteilung des Contents in der Produktübersichtstabelle */
    float: right;
    width: 20%;
    text-align: left;
    padding: 0 2px 0 2px;
     /*background: brown;*/
}
.contentProductTableInnerColumnsRight{     /* Für die innere Dreiteilung des Contents in der Produktübersichtstabelle */
    float: right;
    width: 20%;
    text-align: right;
    font-weight: bold;
    padding: 0 2px 0 2px;
    /*background: silver;*/
}
.contentProductTableInnerColumnsRightLeft{     /* Für die innere Dreiteilung in der rechen Spalte des Contents in der Produktübersichtstabelle */
    float: left;
    width: 138px; /* war 150 - da war der button nicht mit dem text bündig*/
    /*background: red;*/
}
.contentProductTableInnerColumnsRightMiddle{     /* Für die innere Dreiteilung in der rechen Spalte des Contents in der Produktübersichtstabelle */
    float: left;
    width: 80px;
    text-align: left;
    /*background: yellow;*/
}
.contentProductTableInnerColumnsRightRight{     /* Für die innere Dreiteilung in der rechen Spalte des Contents in der Produktübersichtstabelle */
    float: right;
    width: 35px;
    text-align: right;
    /*background: blue;*/
}


.imageLeft {
    float: left;
    width: 160px;
    margin-left: 5px;
    /*background: blue;*/
}
.imageRight {
    float: left;
    width: 160px;
    /*background: yellow;*/
}


/* Listen z.B. karrierejournal++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.listeHeaderBody {
    float: left;
    width: 100%;
    border-bottom: solid 2px #CCC; 
    border-top: solid 2px #CCC;
    padding-bottom:7px;  
    padding-top:5px;
}
.listeSp1, .listeSp2 {
    padding: 10px 0px;
     /*background: yellow;*/
}
.listeHeader {
    font-weight: bold;
    padding: 3px 0px 0px 0px;
}
/* Trenner nicht in Fetter Schrift */
.listeHeader span {
    font-weight: normal;
}
.listeSp1 {
    clear: both;
    float: left;
    display: block;
    width: 15%;
    text-align: center;
    /*background: green;*/
}
.listeSp2 {
    float: right;
    display: block;
    width: 83%;
    /*background: blue;*/
}



.boxenBody {
    float: right;
    width: 235px;
    /*background-color: blue;*/
}
.leftBoxenBody {
    float: left;
    width: 235px;
}


/*  ********************************************************************
    Breadcrumbs
*/
/* Umschließendes Div */
.statusBody { 
    float: left;
    width: 970px;
    /*background-color: yellow;*/
    margin: 2px 0 10px 0;
    color: #666666;
    font-size: 10px;
}
.statusBreadcrumb {
    float: left;
    width: 50%;
    /*background-color: green;*/
}
/* Login-Statusmeldung */
.statusLogin { 
    float: right;
    width: 50%;
    text-align: right;
    /*background-color: blue;*/
    font-size: 10px;
}
/* Links Breadcrumb */
.statusBreadcrumb a, .statusBreadcrumb a:link, .statusBreadcrumb a:visited, .statusBreadcrumb a:focus, .statusBreadcrumb a:hover {
    padding: 0px 11px 0px 0px;
    background: url(../images/masterpage/breadcrumb_aktiv.gif) right 4px no-repeat;
}
.statusBreadcrumb span {
    font-size: 10px;
    padding: 0;
}

/*  ********************************************************************
    Navi
*/
/* Umschließendes Div */
.naviBody { 
    clear: both;
    float: left;
    width: 100%;
    padding: 0px 0px 12px 0px;
}
/* Sub-Navigation */
.naviSubnavigation {
    width: 100%; 
    display: block; 
    margin-left: 6px; 
    padding: 0px;
}
.naviSubnavigation span {
    color: #cccccc;
    padding: 0 8px;
}

/* alt */
/* Links - inaktive Hauptnavigationspunkte */
a.link_navi_00, a.link_navi_00:link, a.link_navi_00:visited {
    color: #003468;
    text-decoration: none;
}

/* Links - Subnavigationspunkte */
a.link_navi_01, a.link_navi_01:link, a.link_navi_01:visited {
    font-weight: normal;
    text-decoration: none;
    color: #003468;
    font-size: 12px;
}

/* Hover - Haupt-, Subnavigation Standardpunkte */
a.link_navi_00:hover, a.link_navi_01:hover {
    color: #FE7500;
    text-decoration: none;
}

/* Links - aktive Navigationspunkte: Haupt-, Subnavigation und Untermenüpunkt */
a.link_navi_aktiv, a.link_navi_aktiv:link, a.link_navi_aktiv:visited {
    color: #FF7500;
    text-decoration: none;
}
/* Alle Hover haben die selbe Farbe */
a:hover, a.link_navi_idaktiv:hover, a.footer:hover {
    color: #FE7500;
    text-decoration: underline;
}
/* ++++++++++++++++ Aktive Navigations-Punkte ++++++++++++++++ */
/* SG Soll: Schriftbeginn und Schriftende 7px Abstand */
/* Hauptnavigation */
.navi_00 {
    height: 27px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
}

/* Hauptnavigation "Leerer Bereich" */
.navi_00_rest {
    height: 27px;
    width: 60px;
    font-weight: bold;
    white-space: nowrap;
    background-image: url(../../../images/JS24/images/masterpage/navi_bg_rest.gif);  /* background Angaben müssen getrennt stehen, weil sie sonst nicht erkannt werden! */
    background-repeat: repeat-x;
    background-position: top;
}
/* Hauptnavigation "Für Arbeitgeber" */
.navi_00_spezial {
    height: 27px;
    width: 235px; /* Breite wie Login-Box*/
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    background: url(../../../images/JS24/images/masterpage/navi_bg_spezial.gif) repeat-x top;
}
.navi_00_spezial a, .navi_00_spezial a:link, .navi_00_spezial a:visited {
    color: #ffffff;
}
.navi_00_spezial a:hover {
    color: #003468;
}

/* Aktiver Hauptnavigations-Punkt "Für Arbeitgeber" + Rest */
.navi_00_aktiv,
.navi_00_spezial_aktiv {
    height: 27px;
    background-image: url(../../../images/JS24/images/masterpage/navi_bg_aktiv.gif);  /* background Angaben müssen getrennt stehen, weil sie sonst nicht erkannt werden! */
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
}
/*  Arbeitgeber Bereich 
    Breite identisch zu rechten Boxen-Spalte
*/
.navi_00_spezial_aktiv {
    width: 235px;
}
.navi_00 div, 
.navi_00_rest div,
.navi_00_spezial div,
.navi_00_aktiv div,
.navi_00_spezial_aktiv div {
    padding: 4px 0px 0px 0px;
}
/* Subnavigation; Subnavigation Arbeitgeber  */
.navi_01,
.navi_ag {
    height: 27px;
    background-image: url(../../../images/JS24/images/masterpage/subnavi_bg.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
}
.navi_01 h4,
.navi_ag h4 {
    display: inline;
    color:  #FF7500;
    font-weight:normal;
    font-size: 12px;
    padding-left: 5px;
    
}
.navi_01 a,
.navi_ag a {
    text-decoration: none !important;
}

/*  ********************************************************************
    Footer
*/  
/* Umschließendes Div */
.footerBody { 
    clear: both;
    float: left;
    width: 992px;
    margin: 17px 0 0 -10px;
    padding: 27px 0 50px 0;
    text-align: center;
    color: #666666;
    font-size: 11px;
    background: #ffffff url(../../../images/JS24/images/backgrounds/streifen/footer.gif) no-repeat top center;
}
/* Links */
.footerBody a, .footerBody a:visited {
    line-height: 150%;
    color: #666666;
    font-size: 11px;
    text-decoration: none;
}
.footerBody a:hover { 
    color: #ff6600;
}

.footerBody div { 
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
    color: #999999;
    font-size: 10px;
    /*background-color: #cccccc;*/
}

.copyrightBody a {
    color: #999999;
}


/*  ********************************************************************
    Boxen
*/

/* Content-Boxen mit runten Ecken in FLEXibler Breite - GRAU */
.boxJS24RahmenFlexHeaderGrauLinks {
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24HeaderGrau-Links.gif) no-repeat center top; 
    width:6px; 
    height: 25px;
}
.boxJS24RahmenFlexHeaderGrauMitte {
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24HeaderGrau-Mitte.gif) repeat-x center top; 
    width:100%; 
    height: 25px;
}
.boxJS24RahmenFlexHeaderGrauRechts {
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24HeaderGrau-Rechts.gif) no-repeat center top; 
    width: 6px; 
    height: 25px;
}
.boxJS24RahmenFlexGrauHeadline {
    font-weight: bold;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24HeaderGrau-Mitte.gif) no-repeat center top;
    padding: 4px 10px 4px 5px;
    margin: 0;
    color: #335D86;
}
.boxJS24RahmenFlexGrauContent {
    padding: 0px 10px 10px 10px;
    background: #f8f8f8;
    border-right: solid 0px #ccc;
    border-left: solid 0px #ccc;
}
.boxJS24RahmenFlexGrauHeadline {
    font-weight: bold;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24HeaderGrau-Mitte.gif) no-repeat center top;
    padding: 4px 10px 4px 5px;
    margin: 0;
    color: #335D86;
}

/*
    Box mit runden Ecken mit flexibler Breite, ohne Ãœberschrift
*/
.boxObenFlex,
.boxObenFlex span {
    float: left;
    width: 100%;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxObenLinksFlex.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.boxObenFlex span {
    float: right;
    width: 50%;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxObenRechtsFlex.gif);
    background-repeat: no-repeat;
    background-position: right top;
}
.boxMitteFlex {
    float: left;
    width: 100%;
    background-color: #EDF0F6;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxMitteFlex.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0;
    margin: 0;
}
.boxMitteFlexInhalt {
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 0 5px 0 7px;
    margin: 0;
    display:block;
    /*background: yellow;*/
}
.boxMitteFlexInhaltTrenner {
    border-right: groove 2px #E1E1E1;
    margin: 0 2px 0 0;
    font-size: 8px;
}
.boxUntenFlex,
.boxUntenFlex span {
    float: left;
    width: 100%;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxUntenLinksFlex.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.boxUntenFlex span {
    float: right;
    width: 50%;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxUntenRechtsFlex.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

/*
    Box mit farbig abgesetzten Balken am linken Seitenrand
*/
.boxFarbwahlLink .boxFarbwahlText {
     background-color: #e5eaf0;
     background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxMitteFlex.gif);
     background-repeat: repeat-x;
     background-position: center bottom;
     margin: 0 -6px 0 0;
     padding: 0 7px 0 7px;
     overflow: hidden;
     border-right: solid 1px #ccd6e1;
     display:block;
}
.boxFarbwahlLink .boxObenFlex {
    background-color: #e5eaf0;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFarbig/boxObenLinksFlex.gif);
}
.boxFarbwahlLink .boxUntenFlex {
    background-color: #ccd6e1;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFarbig/boxUntenLinksFlex.gif);
}
.boxFarbwahlLink .boxUntenFlex,
.boxFarbwahlLink .boxUntenFlex span {
    height: 5px;
    line-height: 5px;
}
a.boxFarbwahlLink, a:link.boxFarbwahlLink, a:visited.boxFarbwahlLink,
a.boxFarbwahlBild, a:link.boxFarbwahlBild, a:visited.boxFarbwahlBild {
    text-decoration: none !important;
    color: #335d86;
}
a:hover.boxFarbwahlLink,
a:hover.boxFarbwahlBild,
a:hover .boxMitteFlexInhalt h1,
a:hover .ohneBild h1 {
    color: #ff7500;
}
.boxFarbwahlLink .boxContentEnde,
.boxFarbwahlBild ~ .boxContentEnde {
    padding-top: 9px;
}

/*
    Box mit runden Ecken mit flexibler Breite, ohne Ãœberschrift, farbig abgesetzten Balken und Bild
*/
.boxFarbwahlBild .boxObenFlex,
.boxFarbwahlBild .boxObenFlex span {
    background-color: #fcfcfd;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxObenLinksFlexRahmen.gif);
}
.boxFarbwahlBild .boxObenFlex span {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxObenRechtsFlexRahmen.gif);
}
.boxFarbwahlBild .boxMitteFlex {
    background-color: #fcfcfd;
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxMitteFlex.gif);
}
.boxFarbwahlBild .boxUntenFlex,
.boxFarbwahlBild .boxUntenFlex span {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxUntenLinksFlex.gif);
}
.boxFarbwahlBild .boxUntenFlex span {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxUntenRechtsFlex.gif);
}

.boxFarbwahlBild .boxMitteFlexInhalt,
.cms {
    height: 149px;
    overflow: hidden;
    padding-left: 263px;
    padding-top: 24px;
}
.boxFarbwahlBild .ohneBild,
.ohneBild {
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 0 5px 0 7px;
    margin: 0;
    height: 120px;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 20px;
    
}
.boxFarbwahlBild a .boxMitteFlexInhalt h1,
.cms h1,
.ohneBild h1 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #335d86;
    line-height: 130%;
}
/* Box-Bilder */
.boxMitteFlexBild1,
.boxMitteFlexBild2,
.boxMitteFlexBild3,
.boxMitteFlexBild4,
.boxMitteFlexBild5,
.boxMitteFlexBild6,
.boxMitteFlexBild7,
.boxMitteFlexBild8,
.boxMitteFlexBild9,
.boxMitteFlexBild10,
.boxMitteFlexBild11,
.boxMitteFlexBild12,
.boxMitteFlexBild13,
.boxMitteFlexBild14 {
    position: absolute;
    margin: -4px 0 0 1px;
    width: 233px;
    height: 180px;
    background-position: top right;
    background-repeat: no-repeat;
}
/* Läufer - Produktblatt ausrangierten PB Rücklauf */
.boxMitteFlexBild1 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/express-recruiting.png);
}
/* Stab - Produktblatt Mittelstand */
.boxMitteFlexBild2 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/mittelstand.png);
}
/* Mischpult - Produktblatt Recruiter */
.boxMitteFlexBild3 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/personaldienstleister.png);
}
/* Händeschütteln - Produktblatt Agenturen */
.boxMitteFlexBild4 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/grossunternehmen.png);
}
/* Schrauben - Produktblatt Express-Schaltung */
.boxMitteFlexBild5 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/schrauben.png);
}
.boxMitteFlexBild6 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/u-bahn.jpg);
}
.boxMitteFlexBild7 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/flossen.jpg);
}
.boxMitteFlexBild8 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/megaphon.jpg);
}
.boxMitteFlexBild9 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/kravatte.jpg);
}
.boxMitteFlexBild10 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/daumenhoch2.png);
}
.boxMitteFlexBild11 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/graf_nach_oben.png);
}
.boxMitteFlexBild12 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/Iphone_hand.png);
}
.boxMitteFlexBild13 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/puzzle_ERA.png);
}
.boxMitteFlexBild14 {
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/SEM_Maus_Hand.png);
}


/* Störer-Bilder */
.stoerer1,
.stoerer2,
.stoerer3,
.stoerer4,
.stoerer5,
.stoerer6 {
    position: absolute;
    margin: -5px 0 0 595px;
    width: 121px;
    height: 85px;
}
/* Sofort online */
.stoerer1 {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/sofortOnline.gif);
}
/* Direkt kontaktieren */
.stoerer2 {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/direktKontaktieren.gif);
}
/* Anzeige sofort online */
.stoerer3 {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/anzeigeSofortOnline.gif);
}
/* Rabatte sichern */
.stoerer4 {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/rabatteSichern.gif);
}
/* Wir nehmen Ihnen die Arbeit ab */
.stoerer5 {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/wirNehmenArbeitAb.gif);
}
/* Mengenrabatt schon ab 2 Anzeigen */
.stoerer6 {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/mengenrabatt.gif);
}


/*
    Dunkle Box
*/
.boxBogenFlexVar1 {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 6px 0 0 0;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxBogenFlex.gif) no-repeat 0 0;
}
.boxObenFlexVar1,
.boxObenFlexVar1 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxObenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.boxObenFlexVar1 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxObenRechtsFlex.gif) no-repeat right top;
}
.boxMitteFlexVar1 {
    float: left;
    width: 100%;
    background: #CCD6E1 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxMitteFlex.gif) repeat-x bottom;/**/
    padding: 0;
    margin: 0;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .boxMitteFlexVar1 { 
    overflow: hidden;
}
.boxHeaderFlexVar1 {
    padding: 0 5px 0 7px;
    background: #003468 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxHeaderFlex.gif) repeat-x top;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding-bottom: 5px;
}
.boxMitteFlexInhaltVar1 {
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 15px 7px 7px 7px;
    margin: 0;
}
.boxUntenFlexVar1 {
    margin-bottom: 7px;
}
.boxUntenFlexVar1,
.boxUntenFlexVar1 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxUntenLinksFlex.gif) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.boxUntenFlexVar1 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxUntenRechtsFlex.gif) no-repeat right top;
}

/*
    Helle Box
*/
.boxBogenFlexVar2 {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 6px 0 0 0;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxBogenFlex.gif) no-repeat 0 0;
}
.boxObenFlexVar2,
.boxObenFlexVar2 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxObenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.boxObenFlexVar2 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxObenRechtsFlex.gif) no-repeat right top;
}
.boxMitteFlexVar2 {
    float: left;
    width: 100%;
    background: #FCFCFD url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxMitteFlex.gif) repeat-x bottom;/**/
    padding: 0;
    margin: 0;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .boxMitteFlexVar2 { 
    overflow: hidden;
}
.boxHeaderFlexVar2, 
.boxHeaderFlexVar2Innen {
    padding: 0 5px 5px 7px;
    background: #CCD6E1 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxHeaderFlex.gif) repeat-x top;
    color: #335D86;
    font-weight: bold;
    margin: 0;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
}
/* Einfärbung des Hintergrunds, bei z.B. Listen */
.boxListeFlexVar2 {
    padding: 10px 7px 5px 7px;
    background: #e5eaf0;
    border: 0;
    width: 100%;
    margin: 5px -7px 5px -7px;
} 
.boxListe {
    width: 100%;
     float: left;
     background: #e5eaf0;
}
.boxHeaderFlexVar2 small {
    font-weight: normal;
    font-size: 11px;
}
.boxHeaderFlexVar2 p {
    margin: 0;
    padding: 0;
}
/* farbige Ãœberschrift innerhalb der Box */
.boxHeaderFlexVar2Innen {
    margin: 5px -7px 10px -7px;
    padding-top: 3px;
    line-height: 17px;
    border: 0;
    border-top: solid 1px #CCD6E1;
    background: #E5EAF0 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxHeaderFlex.gif) repeat-x bottom;
}
.boxHeaderFlexVar2 h1,
.boxHeaderFlexVar2 h2,
.boxHeaderFlexVar2 a, .boxHeaderFlexVar2 a:link, .boxHeaderFlexVar2 a:visited {
    padding: 0;
    margin: 0;
    color: #335D86 !important;
    font-size: 12px;
    text-decoration: none;
}

.boxMitteFlexInhaltVar2 {
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 15px 7px 7px 7px;
    margin: 0;
    /*background: yellow;*/
}
/* Nur für IE */
html* .boxMitteFlexInhaltVar2 {
    # /* nächste Zeile wird NICHT von Safari interpretiert */
    display: inline-block;
}
.boxUntenFlexVar2 {
    margin-bottom: 7px;
}
.boxUntenFlexVar2,
.boxUntenFlexVar2 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxUntenLinksFlex.gif) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.boxUntenFlexVar2 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxUntenRechtsFlex.gif) no-repeat right top;
}

/*
    Rote Fehler-Text-Box
*/
.boxBogenFlexVar3 {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 6px 0 0 0;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxBogenFlex.gif) no-repeat 0 0;
}
.boxObenFlexVar3,
.boxObenFlexVar3 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxObenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.boxObenFlexVar3 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxObenRechtsFlex.gif) no-repeat right top;
}
.boxMitteFlexVar3 {
    float: left;
    width: 100%;
    background: #FCFCFC url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxMitteFlex.gif) repeat-x bottom;/**/
    padding: 0;
    margin: 0;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .boxMitteFlexVar3 { 
    overflow: hidden;
}
.boxHeaderFlexVar3 {
    padding: 0 5px 5px 7px;
    background: #FF3333 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxHeaderFlex.gif) repeat-x top;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    border-right: solid 1px #FF3333;
    border-left: solid 1px #FF3333;
}
.boxHeaderFlexVar3 h1,
.boxHeaderFlexVar3 h2 {
    padding: 0;
    margin: 0;
    color: #335D86;
    font-size: 11px;
}
.boxMitteFlexInhaltVar3 {
    border-right: solid 1px #FF3333;
    border-left: solid 1px #FF3333;
    padding: 15px 7px 7px 7px;
    margin: 0;
    /*background: yellow;*/
}
/* Nur für IE */
html* .boxMitteFlexInhaltVar3 {
    # /* nächste Zeile wird NICHT von Safari interpretiert */
    display: inline-block;
}
.boxUntenFlexVar3 {
    margin-bottom: 7px;
}
.boxUntenFlexVar3,
.boxUntenFlexVar3 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxUntenLinksFlex.gif) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.boxUntenFlexVar3 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar3/boxUntenRechtsFlex.gif) no-repeat right top;
}

/*
    Orangene Box
*/
.boxBogenFlexVar4 {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 6px 0 0 0;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxBogenFlex.gif) no-repeat 0 0;
}
.boxObenFlexVar4,
.boxObenFlexVar4 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxObenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.boxObenFlexVar4 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxObenRechtsFlex.gif) no-repeat right top;
}
.boxMitteFlexVar4 {
    float: left;
    width: 100%;
    background: #FFFCF8 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxMitteFlex.gif) repeat-x bottom;/**/
    padding: 0;
    margin: 0;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .boxMitteFlexVar4 { 
    overflow: hidden;
}
.boxHeaderFlexVar4 {
    padding: 0 5px 4px 7px;
    background: #FF7500 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxHeaderFlex.gif) repeat-x top;
    color: #ffffff;
    border-right: solid 1px #FF7500;
    border-left: solid 1px #FF7500;
    font-weight: bold;
    margin: 0;
}
.boxMitteFlexInhaltVar4 {
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 15px 7px 7px 7px;
    margin: 0;
}
html* .boxMitteFlexInhaltVar4 {
    # /* nächste Zeile wird NICHT von Safari interpretiert */
    display: inline-block;
}
.boxUntenFlexVar4 {
    margin-bottom: 7px;
}
.boxUntenFlexVar4,
.boxUntenFlexVar4 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxUntenLinksFlex.gif) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.boxUntenFlexVar4 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar4/boxUntenRechtsFlex.gif) no-repeat right top;
}

/*
    Grüne Box
*/
.boxBogenFlexVar5 {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 6px 0 0 0;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxBogenFlex.gif) no-repeat 0 0;
}
.boxObenFlexVar5,
.boxObenFlexVar5 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxObenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.boxObenFlexVar5 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxObenRechtsFlex.gif) no-repeat right top;
}
.boxMitteFlexVar5 {
    float: left;
    width: 100%;
    background: #FEFEFE url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxMitteFlex.gif) repeat-x bottom;
    padding: 0;
    margin: 0;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .boxMitteFlexVar5 { 
    overflow: hidden;
}
.boxHeaderFlexVar5 {
    padding: 0 5px 4px 7px;
    background: #61A050 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxHeaderFlex.gif) repeat-x top;
    color: #ffffff;
    border-right: solid 1px #609E4C;
    border-left: solid 1px #609E4C;
    font-weight: bold;
    margin: 0;
}
.boxMitteFlexInhaltVar5 {
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 15px 7px 7px 7px;
    margin: 0;
}
html* .boxMitteFlexInhaltVar5 {
    # /* nächste Zeile wird NICHT von Safari interpretiert */
    display: inline-block;
}
.boxUntenFlexVar5 {
    margin-bottom: 7px;
}
.boxUntenFlexVar5,
.boxUntenFlexVar5 span {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxUntenLinksFlex.gif) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.boxUntenFlexVar5 span {
    float: right;
    width: 50%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar5/boxUntenRechtsFlex.gif) no-repeat right top;
}

/* in der Boxüberschrift keinen Abstand machen */
.boxHeaderFlexVar1 p, .boxHeaderFlexVar1 h1,
.boxHeaderFlexVar2 p, .boxHeaderFlexVar2 h1,
.boxHeaderFlexVar3 p, .boxHeaderFlexVar3 h1,
.boxHeaderFlexVar4 p, .boxHeaderFlexVar4 h1,
.boxHeaderFlexVar5 p, .boxHeaderFlexVar5 h1 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.boxHeaderFlexVar1 h1,
.boxHeaderFlexVar3 h1,
.boxHeaderFlexVar4 h1,
.boxHeaderFlexVar5 h1 {
    color: #ffffff;
}
.boxHeaderFlexVar2 h1 {
    color: #335D86;
}

/* Text in Login-Layer nur bei LightBox anzeigen */
.loginText {
    display: none;
}
.modalPopup .loginText  {
    display: block;
}
.modalPopup .loginFormular {
    margin: -16px -7px 0 -12px; 
    padding: 15px 7px 20px 12px; 
    background: #CCD6E1;
} 
.modalPopup .loginFormular .fett {
    /*color: #ffffff;  */
} 


/*
    Modal Popup
*/
.modalBackground {
    background-color: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 2000 !important;
}
/* Breiten der ModalPopups */
.modalPopup {
    width: 400px;
}
.modalPopupBreite {
    width: 660px;
}

/*
    Modal-Popup flexible Box -> auch im baseIE6.css
*/
.modalPopupBogenFlex {
    position: absolute;
    width: 7px;
    height: 8px;
    margin: 5px 0 0 0;
    background: transparent url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxBogenFlex.gif) no-repeat 0 0;
}
.modalPopupObenFlex,
.modalPopupObenFlex span {
    float: left;
    width: 100%;
    background: transparent url(../../../images/JS24/images/backgrounds/flaechen/modalPopup/obenLinksFlex.gif) no-repeat left top;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}

/* falls in Modal-Popup, dann mit grauem Hintergrund */
.modalPopupObenFlex span,
.modalPopup .boxObenFlexVar1 span {
    float: right;
    width: 8px;
    margin: 0;
    padding: 0 3px 0 0;
    background: url(../../../images/JS24/images/backgrounds/flaechen/modalPopup/obenRechtsFlex.gif) no-repeat right top;
}
.modalPopupMitteFlex,
.modalPopup .boxMitteFlexVar1 {
    float: left;
    width: 100%;
    background: transparent url(../../../images/JS24/images/backgrounds/flaechen/modalPopup/mitteFlexInhalt.png) repeat-y right;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
/* für IE6 -> da ansonsten Box wegen Border zu breit */
* html .modalPopupMitteFlex { 
    overflow: hidden;
}
.modalPopupHeaderFlex,
.modalPopup .boxHeaderFlexVar1 {
    padding: 0 5px 4px 7px;
    background: transparent url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxHeaderFlex.gif) repeat-x bottom;
    color: #ffffff;
    border-left: solid 1px #003468;
    font-weight: bold;
    margin: 0 3px 0 0;
}
.modalPopupHeaderFlexInnen {
    position: relative;
    padding: 3px 5px 5px 7px;
    background: #335D86 url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar1/boxHeaderFlex.gif) repeat-x bottom;
    color: #ffffff;
    font-weight: bold;
    margin: 0 -8px 15px -12px;
}
.boxHeaderFlexVar1 a:link {
    display: none;
}
.modalPopupHeaderFlex a, .modalPopupHeaderFlex a:link, .modalPopupHeaderFlex a:visited,
.modalPopup .boxHeaderFlexVar1 a:link, .modalPopup .boxHeaderFlexVar1 a:visited,
.modalPopupHeaderFlex input { 
    float: right;
    display: block;
    background: transparent url(../../../images/JS24/images/icons/allgemein/modalPopupSchliessen.gif) no-repeat 0 0;
    font-size: 1px;
    line-height: 17px;
    height: 17px;
    padding: 0 8px 0 9px;
    text-decoration: none !important;
    border: 0;
    margin: 0;
}
.modalPopupHeaderFlex a:hover, .modalPopupHeaderFlex a:active, .modalPopupHeaderFlex a:focus,
.modalPopup .boxHeaderFlexVar1 a:hover, .modalPopup .boxHeaderFlexVar1 a:active, .modalPopup .boxHeaderFlexVar1 a:focus,
.modalPopupHeaderFlex input:hover
{
    background-position: 0px -18px;
}

.modalPopupMitteFlexInhalt,
.modalPopup .boxMitteFlexInhaltVar1 {
    border-left: solid 1px #335D86;
    border-right: solid 1px #335D86;
    padding: 15px 7px 7px 12px;
    margin: 0 3px 0 0;
    background: #FDFDFD url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxMitteFlex.gif) repeat-x bottom;/**/
}
.modalPopupUntenFlex,
.modalPopupUntenFlex span,
.modalPopup .boxUntenFlexVar1,
.modalPopup .boxUntenFlexVar1 span {
    float: left;
    width: 100%;
    background: transparent url(../../../images/JS24/images/backgrounds/flaechen/modalPopup/untenLinksFlex.png) no-repeat left top;
    height: 7px;
    line-height: 7px;
    font-size: 1px;
}
.modalPopupUntenFlex span,
.modalPopup .boxUntenFlexVar1 span {
    float: right;
    width: 5px;
    margin: 0;
    padding: 0 3px 0 0;
    background: transparent url(../../../images/JS24/images/backgrounds/flaechen/modalPopup/untenRechtsFlex.gif) no-repeat right top;
}
/* Login-Button mit hellem Hintergurnd */
.modalPopup .buttonLinksGrauAufBlau {
    background: url(../../../images/JS24/images/buttons/funktion/buttonLinks.gif) no-repeat left top !important; 
}
.modalPopup .buttonRechtsGrauAufBlau {
    background: url(../../../images/JS24/images/buttons/funktion/buttonRechts.gif) no-repeat right bottom !important;
    color: #ffffff;
    font-weight: bold;
}
.modalPopup .buttonRechtsAufBlau {
    background: url(../../../images/JS24/images/buttons/funktion/buttonRechts.gif) no-repeat right bottom !important;
}
.statusLogin .modalPopup {
    font-size: 12px;
    color: #003468;
}

/*  ********************************************************************
    Karteireiter in Box Ãœberschriften
*/
.boxJS24HeaderGrossReiterAktiv, .boxJS24HeaderGrossReiterInaktiv {
    float: left;
    display: block;
    height: 20px;
    line-height: 20px;
}
.boxJS24HeaderGrossReiterEnde {
    clear: both;
    display: block;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    margin: 0 0 -6px 0;
}
.boxJS24HeaderGrossReiterInaktiv,
a.boxJS24HeaderGrossReiterInaktiv, a.boxJS24HeaderGrossReiterInaktiv:link, a.boxJS24HeaderGrossReiterInaktiv:visited {
    padding: 0px 10px;
    margin: 0px;
    line-height: 18px;
    height: 18px;
    font-weight: normal;
    text-decoration: none !important;
    border-right: solid 1px #E5EAF0;
}
.boxJS24HeaderGrossReiterAktiv, 
a.boxJS24HeaderGrossReiterAktiv, a.boxJS24HeaderGrossReiterAktiv:link, a.boxJS24HeaderGrossReiterAktiv:visited {
    padding: 0px 7px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    border: solid 1px #99AEC3;
    border-bottom: 0;
    text-decoration: none !important;
    cursor: default;
    background: #FDFDFD;
    color: #335D86;
}

/*  Formatierung bei den Links die eine Sortierunge moeglich machen
    oder Ueberschriften, für auf- und zuklappbare Bereiche */
a.linkSortierung:link, a.linkSortierung:visited {
    text-decoration: none;
}

/*  ********************************************************************
    Pfeil Linkliste, Link mit Pfeil
*/
.linkPfeil,
a.linkPfeil, a.linkPfeil:link, a.linkPfeil:visited, a.linkPfeil:active {
    background: url(../../../images/JS24/images/icons/pfeile/pfeilLink.gif) no-repeat left 2px;
    text-decoration: none; 
    color: #003468;
    padding: 0 0 0 16px;
    font-weight: bold;
}
.linklistePfeil,
.linklistePfeilAtiv {
    padding: 4px 0px 7px 0px;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24ButtonLinie.gif) repeat-x bottom;
}
.linklistePfeilAtiv {
    background: url();
    padding-bottom: 3px;
}
.linklistePfeil a, .linklistePfeil a:link, .linklistePfeil a:visited, .linklistePfeil a:active,
.linklistePfeilAtiv a, .linklistePfeilAtiv a:link, .linklistePfeilAtiv a:visited, .linklistePfeilAtiv a:active {
    background: url(../../../images/JS24/images/icons/pfeile/pfeilLink.gif) no-repeat left 2px;
    text-decoration: none; 
    color: #003468;
    padding: 0 0 0 16px;
    font-weight: bold;
}
.linklistePfeilUnterpunkt {
    padding: 0 0 7px 16px;
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24ButtonLinie.gif) repeat-x bottom;
}      
.linklistePfeilUnterpunkt a:link, .linklistePfeilUnterpunkt a:visited, .linklistePfeilUnterpunkt a:active {
    font-weight: normal;
    background: url();
    color: #0000FF;
    text-decoration: underline;
    line-height: 20px;
}
a.linkPfeil:hover,
.linklistePfeil a:hover,
.linklistePfeilAtiv a:hover,
.linklistePfeilUnterpunkt a:hover {
    color: #FE7500;
    background-position: left -12px;
}

/*  ********************************************************************
    JS24 ManagerBox + Mein JobScout24 Box
*/
.js24ManagerBoxHauptpunkt {
    padding: 4px 0px 7px 0px;
    background: url(../../../images/JS24/images/backgrounds/pixel/js24ManagerBoxTrenner.gif) repeat-x bottom;
}
.js24ManagerBoxHauptpunkt a:link, .js24ManagerBoxHauptpunkt a:visited, .js24ManagerBoxHauptpunkt a:active {
    background: url(../../../images/JS24/images/icons/pfeile/pfeilLink.gif) no-repeat left 2px;
    text-decoration: none; 
    color: #003468;
    padding: 0 0 0 16px;
    font-weight: bold;
}
.js24ManagerBoxHauptpunkt a:hover {
    color: #FE7500;
    background-position: left -12px;
}
.js24ManagerBoxUnterpunkt {
    margin: 4px 0 2px 0px;
}      
.js24ManagerBoxUnterpunkt a:link, .js24ManagerBoxUnterpunkt a:visited, .js24ManagerBoxUnterpunkt a:active {
    font-weight: normal;
    background: url();
    color: #0000FF;
    text-decoration: underline;
}
.js24ManagerBoxUnterpunkt a:hover {
    color: #FE7500;
}
.js24ManagerBoxLogout, .js24ManagerBoxLogout a {
    font-weight: bold;
    padding: 5px 0px;
}


/*  ********************************************************************
    Categorization Accordion in B2B/eSales

/* Accordion */
.accordionHeader
{
    background: url(../../../images/JS24/images/icons/pfeile/pfeilUnten01.gif) no-repeat left 0px;
    padding: 0px 0px 2px 20px;
    margin: 6px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    background: url(../../../images/JS24/images/icons/pfeile/pfeilOben01.gif) no-repeat left 0px;
    padding: 0px 0px 2px 20px;
    margin: 6px;
    cursor: pointer;
}

.accordionContent
{
    padding: 0px 1px 2px 15px;
}


/* ----- Anfang: Klassen für die Pinnwand ----- */
.td_pinn {
    width: 175px;
    height: 140px;
    float: left;
    text-align: center;
    background: url(../../../images/JS24/images/backgrounds/flaechen/pinnwand_wuerfel.jpg) no-repeat 0px 0px;
    margin-left: 0px;
    margin-right: 8px;
    vertical-align: middle;
}
.td_pinn br {
    display: none;
}
.pinn_oben {
    display: block;
    width: 140px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 12px auto 6px auto;
} 
.td_pinn img {
    padding-top: 0px;
    display: inline;
} 
/* ----- Ende: Klassen für die Pinnwand ----- */

a.blaetternRechts, a.blaetternLinks,
a.blaetternRechtsInaktiv, a.blaetternLinksInaktiv {
    float: left;
    margin-top: 30px;
    height: 74px;
    width: 30px;
    text-decoration: none !important;
}
a.blaetternLinks {
    background: url(../../../images/JS24/images/icons/pfeile/dreieckGrossLinks.gif) no-repeat left 0px;
}
a.blaetternRechts {
    background: url(../../../images/JS24/images/icons/pfeile/dreieckGrossRechts.gif) no-repeat right 0px;
}
a.blaetternRechts:hover, a.blaetternLinks:hover {
    background-position: 0px -74px;
}
a.blaetternLinksInaktiv {
    background: url(../../../images/JS24/images/icons/pfeile/dreieckGrossLinksInaktiv.gif) no-repeat left 0px;
    cursor: default;
}
a.blaetternRechtsInaktiv {
    background: url(../../../images/JS24/images/icons/pfeile/dreieckGrossRechtsInaktiv.gif) no-repeat right 0px;
    cursor: default;
}


.dokumentBox {
    float: left;
    width: 152px;
    margin: 0 5px;
    text-align: center;
}
.dokumentBild {
    border: solid #777777 1px; 
    width: 135px;
    height: 122px; 
    background: #ffffff;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.dokumentBild img {
    position: relative;
    margin: auto;
}
.dokumentGross {
    position: absolute;
    margin: 0px;
    height: 5px;
    width: 0px;
    background: #ffffff;
    border: 1px solid #777777; 
    overflow: hidden; 
    visibility: hidden;
    padding: 0px;
    z-index: 1000;
}
/* die Position des vergrößerten Vorschau Bildes */
.dokumentGrossPosition {
    margin: -133px 0 0 0;
}
:root .dokumentGrossPosition {
    margin: -133px 0 0 152px;
}
.dokumentGross img {
    margin: 5px 0 0 0;
    padding: 0;
    border: 0;
}
.dokumentName {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-align: center;
    color: #777777;
    font-weight: normal;
    line-height: normal;
    /*border: solid 1px green;*/
}
a.layout {
    float: left;
    width: 80px;
    text-align: center;
    margin: 5px 0px 0px 5px;
    height: 114px;
    border: 1px solid #777777;
    text-decoration: none !important;
    background-position: -1px -4px;
    background-repeat: no-repeat;
}

.layoutBox {
    float: left;    
    width: 90px;
    text-align: center;
    background: url(../../../images/JS24/images/backgrounds/flaechen/layout.gif) no-repeat 0px 0px;
    margin-left: 2px;
    margin-right: 5px;
    /*background-color: Red;*/
}

/*  ********************************************************************
    Standard-Templates in Sofortbuchung
*/ 
/* Grau */
.layout04Klein {
    background-image: url(../../../images/JS24/images/icons/produkte/SofortBuchung/layout04_klein.gif);
}
/* Blau */
.layout05Klein {
    background-image: url(../../../images/JS24/images/icons/produkte/SofortBuchung/layout05_klein.gif);
}
/* Rot */
.layout06Klein {
    background-image: url(../../../images/JS24/images/icons/produkte/SofortBuchung/layout06_klein.gif);
}

/*  ********************************************************************
    Notiz
*/ 
.notiz {
    float: left;
    width: 100%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/bgmMessage.gif) no-repeat -7px top;
}
.notizText {
    margin-left: 6px; 
    border-top: 1px solid #A0A3A5; 
    border-left: 1px solid #A0A3A5;
    border-right: 1px solid #6B6D6E;
    border-bottom: 1px solid #6B6D6E;
    padding: 2px 5px; 
    color: #586573;
    background-color: #E5EAF0;
    font-size: 10px;
}

/*  ********************************************************************
    Info-I-Icon bei Formularen
*/
.info {
    display: inline;
    background: url(../../../images/JS24/images/icons/allgemein/info.gif) no-repeat 0 0; 
    font-size: 11px;
    width: 13px;
    padding: 0 6px 0 6px;
    height: 13px;
    line-height: 13px;
    margin: 0 0 0 0px;
    cursor: pointer;
}
.infoDetails {
    position: absolute;
    margin: 15px 0 0 -26px;
    padding: 0;
    font-size: 10px;
    width: 230px;
    overflow: hidden; 
    visibility: hidden;
}

.infoDetailsHeader {
    background: url(../../../images/JS24/images/backgrounds/flaechen/info/infoDetailsHeader.png) no-repeat 0 0; 
    font-weight: bold;
    padding: 0 11px;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
}
.infoDetailsHeader h2 {
    font-weight: bold;
    font-size: 11px;
    padding: 0;
    margin: 7px 0 0 0;
}
.infoDetailsText {
    padding: 5px 11px 7px 11px;
    background: url(../../../images/JS24/images/backgrounds/flaechen/info/infoDetailsText.png) repeat-y 0 0;
}
.infoDetailsFooter {
    height: 10px;
    background: url(../../../images/JS24/images/backgrounds/flaechen/info/infoDetailsFooter.png) no-repeat 0 0; 
}
.infoDetailsInnen {
    border-right: solid 1px #676767;
    border-left: solid 1px #676767;
    background: #ffffff; 
    margin: 0;
    padding: 7px 7px 10px 10px;
    font-size: 10px;
}

/* breiter als der Standard */
.reichweiteDetails {
    width: 650px;
}
.reichweiteDetails .infoDetailsHeader {
    background: url(../../../images/JS24/images/backgrounds/flaechen/info/infoDetailsHeaderBreit.png) no-repeat 0 0; 
}
.reichweiteDetails .infoDetailsText {
    background: url(../../../images/JS24/images/backgrounds/flaechen/info/infoDetailsTextBreit.png) repeat-y 0 0; 
}
.reichweiteDetails .infoDetailsFooter {
    background: url(../../../images/JS24/images/backgrounds/flaechen/info/infoDetailsFooterBreit.png) no-repeat 0 0; 
}


/*  ********************************************************************
    Kundenumfrage
*/ 
.radioUmfrage td {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    line-height: 18px;
    height: 18px;
    background: #E4ECF3;/**/
}
.radioUmfrage label {
}
.radioUmfrage {
    padding: 0;
    margin: 0;
    width: 100%;
}
.umfrageHeadline,
.umfrageHeadlineJaNein {
    width: 100%;
    line-height: 25px;
    height: 25px;
    margin-bottom: 5px;
}
.umfrageHeadline {
    background: url(../../../images/JS24/images/backgrounds/flaechen/umfrageHeader.gif) no-repeat 1px 0;
}
.umfrageHeadlineJaNein {
    background: url(../../../images/JS24/images/backgrounds/flaechen/umfrageHeaderJaNein.gif) no-repeat 1px 0;
}


/* Zahlenauflistung z.B. Starseite Unternehmen, Bewerber im nicht eingeloggten Bereich */
.zahlAuflistung {
    background: url(../../../images/JS24/images/icons/zahlen/zahl.gif) no-repeat 0px -2px;
    padding: 0px 0px 0px 6px;
    color: #ffffff;
    font-size: 11px;
    float: left;
    display: block;
    font-weight: bold;
    width: 20px;
    height: 16px;
    line-height: 14px;
}
/* Aktiv-selektierer Text */
.zahlText {
    display: block;
    margin: 0px 0px 0px 34px;
    padding: 5px;
    /*background-color: Red;*/
}
.zahlTextAktiv {
    display: block;
    background-color: #ECEDF4;
    margin: 0px 0px 0px 34px;
    padding: 5px;
}


/*  ********************************************************************
    Statusbalken in Sofort-Buchung
*/ 
/* Statusbalken in Sofort-Buchung umschließender Div */
.statusbalkenBody {
    width: 715px;
    height: 50px;
    /*background: yellow;*/
}
/* allgemein gültige Angaben für alle Pfeile */
.statusbalken {
    background-image: url(../../../images/JS24/images/backgrounds/statusbalken/statusbalken_pfeilende.gif);
    background-repeat: no-repeat;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 2px 0 0 0;
    padding: 0;
    height: 20px;
    text-align: center;
    width: 20%;
}
.statusbalken a {
    text-decoration: none;
}
.statusbalkenPfeilBeginn {
    background: url(../../../images/JS24/images/backgrounds/statusbalken/statusbalken_pfeilbeginn.gif) right 0px no-repeat;
    height: 20px;
    display: block;
    width: 100%;
    /*border:solid 1px red;*/
}
.aktive {
    background-color: #99aec3;
    color: #003468;
    font-weight: bold;
}
.aktive_start {
    background: #99AEC3 url(../../../images/JS24/images/backgrounds/statusbalken/statusbalken_startpfeil_akt.gif) no-repeat right 0;
    font-weight: bold;
}
.past {
    background-color: #CCD6E1;
}
.past_start  {
    background: #CCD6E1 url(../../../images/JS24/images/backgrounds/statusbalken/statusbalken_startpfeil_pas.gif) no-repeat right 0;
    height: 20px;
    color: #FFFFFF;
}
.future {
    background-color: #ECEDF4;
    color: #999999;
}
.future_start {
    background: #ECEDF4 url(../../../images/JS24/images/backgrounds/statusbalken/statusbalken_startpfeil_fut.gif) no-repeat right 0;
    height: 20px;
    color: #999999;
}

/*  ********************************************************************
    Dynamic Button
*/    
a.dynamicButtonLink, a.dynamicButtonLink:visited
{
    text-decoration: none;
    display: block;
    overflow: hidden;
    float: right;
}

.dynamicButtonLeftorange1
{
    background-image: url(../../../images/JS24/images/Buttons/Orange1L.gif);
}
.dynamicButtonCenterorange1
{
    background-image: url(../../../images/JS24/images/Buttons/Orange1C.gif);
}
.dynamicButtonRightorange1
{
    background-image: url(../../../images/JS24/images/Buttons/Orange1R.gif);
}
.dynamicButtonLeftorange
{
    background-image: url(../../../images/JS24/images/Buttons/OrangeL.gif);
}
.dynamicButtonCenterorange
{
    background-image: url(../../../images/JS24/images/Buttons/OrangeC.gif);
}
.dynamicButtonRightorange
{
    background-image: url(../../../images/JS24/images/Buttons/OrangeR.gif);
}
.dynamicButtonLeftgreen
{
    background-image:url(../../../images/JS24/images/Buttons/GreenL.gif);
}
.dynamicButtonCentergreen
{
    background-image:url(../../../images/JS24/images/Buttons/GreenC.gif);
}
.dynamicButtonRightgreen
{
    background-image:url(../../../images/JS24/images/Buttons/GreenR.gif);
}
.dynamicButtonLeftblue
{
    background-image:url(../../../images/JS24/images/Buttons/BlueL.gif);
}
.dynamicButtonCenterblue
{
    background-image:url(../../../images/JS24/images/Buttons/BlueC.gif);
}
.dynamicButtonRightblue
{
    background-image:url(../../../images/JS24/images/Buttons/BlueR.gif);
}
.dynamicButtonLeft
{
    width: 9px;
    height:21px; 
    background-repeat:no-repeat;
    display:block;
    float:left;
    cursor:pointer;
}
.dynamicButtonCenter
{
    height:21px;
    background-repeat: repeat-x;
    text-align:left;
    display:block;
    float:left;
    cursor:pointer;
}

.dynamicButtonCenterText
{
    position:relative;
    top:3px;
    font-size: 12px;
}

.dynamicButtonRight
{
    width: 14px;
    height:21px; 
    background-repeat:no-repeat;
    display:block;
    float:left;
    cursor:pointer;
}

a:hover .dynamicButtonCenter
{
    color:#FFF;
}
a.dynamicButtonLink:hover,
a.dynamicButtonLink:hover .dynamicButton_SpanHover
{
    background-position:0px -22px;
    text-decoration: none !important;
}

/* Orange & Orange1 Button */
.dynamicButtonSpanOrange, .dynamicButtonSpanorange, .dynamicButtonSpanorange1
{
    font-weight:bold;
    color:#FFF;
}

a:hover .dynamicButtonSpanOrange, a:hover .dynamicButtonSpanorange, a:hover .dynamicButtonSpanorange1
{
    font-weight:bold;
    color:#FFF;
}

/* Blue Button - die jetzt grau sind */
.dynamicButtonSpanblue
{
    font-weight:normal;
    color:#000;
}

a:hover .dynamicButtonSpanblue
{
    font-weight:normal;
    color:#000;
}

/* Green Button */
.dynamicButtonSpanGreen, .dynamicButtonSpangreen
{
    font-weight:bold;
    color:#FFF;
}

a:hover .dynamicButtonSpanGreen, a:hover .dynamicButtonSpangreen
{
    font-weight:bold;
    color:#FFF;
}


/*  ********************************************************************
    ShortJobSearch
*/
.startseitesuche{
    width: 725px;
    height: 200px;
    background-image: url(../../../images/JS24/images/bilder/fotos/menschen/startpage_topimage.jpg);
    background-repeat:no-repeat;
    margin-bottom: 10px;
}
.umkreissuche {
    width: 325px;
    padding: 50px 0 0 380px;
}
.umkreissucheTitelWas {
    font-weight: bold;
    font-size: 14px;
    color: #003468;
    padding: 15px 0px 0 25px;
    float: left;
    width:60px;
}
.umkreissucheTitelWo {
    font-weight: bold;
    font-size: 14px;
    color: #003468;
    padding: 4px 0px 0 25px;
    float: left;
    width:60px;
}
.umkreissucheFeld {
    float: left; 
    width: 240px; 
    margin: 0px 0px 3px 0px;
    padding: 10px 0 0 0;
    /*background: yellow;*/
} 
.umkreissucheFeld input,
.umkreissucheFeld_2 input,
.umkreissucheFeld_3 input {
    /*font-size: 12px;
    color: #000066;
    line-height: 18px;
    height: 18px;*/
}
.umkreissucheFeld_2 {
    float: left; 
    height: 30px;
    width: 150px; 
    margin: 0px 0px 3px 0px;
    /*background: green; */
} 
.umkreissucheFeld_3 {
    float: right; 
    height: 10px;
    width: 80px; 
    margin: 0px 0px 3px 0px;
    /*background: purple;*/
} 


/*  ********************************************************************
    Spaltenbreiten
*/
.kompletteBreite { 
    display: inline;
    width: 100%;
    overflow: hidden;
}
.sp1, .sp2, .sp5, .sp8, .sp10, 
.sp12, .sp15, .sp16, .sp17, .sp18, .sp19,
.sp20, .sp22, .sp24, .sp25, .sp26,
.sp30, .sp33, .sp35, .sp38,
.sp40, .sp45,  .sp48,
.sp50, .sp51, .sp55,  
.sp60, .sp61, .sp62, sp63, sp64, .sp65, 
.sp70, .sp71, .sp74, .sp75, .sp77, .sp78, 
.sp80, .sp85, .sp88,
.sp90, .sp95 {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    /*background: yellow;*/
}

.sp1 {
    width: 1%;
}
.sp2 {
    width: 2%;
}
.sp5 {
    width: 5%;
}
.sp8 {
    width: 8%;
}
.sp10 {
    width: 10%;
}
.sp12 {
    width: 12%;
}
.sp15 {
    width: 15%;
}
.sp16 {
    width: 16%;
}
.sp17 {
    width: 17%;
}
.sp18 {
    width: 18%;
}
.sp19 {
    width: 19%;
}
.sp20 {
    width: 20%;
}
.sp22 {
    width: 22%;
}
.sp24 {
    width: 24%;
}
.sp25 {
    width: 25%;
}
.sp26 {
    width: 26%;
}
.sp30 {
    width: 30%;
}
.sp33 {
    width: 33%;
}
.sp35 {
    width: 35%;
}
.sp38 {
    width: 38%;
}
.sp40 {
    width: 40%;
}
.sp45 {
    width: 45%;
}
.sp48 {
    width: 48%;
}
.sp50 {
    width: 50%;
}
.sp51 {
    width: 51%;
}
.sp55 {
    width: 55%;
}
.sp60 {
    width: 60%;
}
.sp61 {
    width: 61%;
}
.sp62{
    width: 62%;
}
.sp63{
    width: 63%;
}
.sp64{
    width: 64%
}
.sp65 {
    width: 65%;
}
.sp70 {
    width: 70%;
}
.sp71 {
    width: 71%
}
.sp74 {
    width: 74%;
}
.sp75 {
    width: 75%;
}
.sp77 {
    width: 77%;
}
.sp78 {
    width: 78%;
}
.sp80 {
    width: 80%;
}
.sp85 {
    width: 85%;
}
.sp88 {
    width: 88%;
}
.sp90 {
    width: 90%;
}
.sp95 {
    width: 95%;
}
.sp100 {
    width: 100%;
}

.boxContentSp1 {
    float: left; 
    width: 23%; 
    font-weight: bold;
}
/* Inputfelder, Checkboxen */
.boxContentSp2 {
    float: left; 
    width: 46%; 
}

.endeFloat {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}
/*  ********************************************************************
    Abstände
*/
.abstand {
    padding: 5px;
}
.abstandKlein {
    margin: 5px 0;
}
.abstandObenKleiner {
    margin-top: 3px;
}
.abstandLinks {
    padding-left: 10px;
}
.abstandKleinRechts,
.abstandBoxInhaltRechts {
    padding-right: 5px;
    overflow: hidden;
}
.abstandRechts {
    padding-right: 10px;
}
/* nur IE interpretiert */
*html .abstandRechts {
    float: left;
}
.abstandKleinLinks,
.abstandBoxInhaltLinks {
    padding-left: 5px;
    overflow: hidden;
}
.abstandUnten {
    padding-bottom: 10px;
}
.abstandOben {
    padding-top: 10px;
}
.abstandKleinOben {
    padding-top: 5px;
}
/* Oberer Abstand der Status-Icons */
.bildAbstand {
    display: inline;
    padding: 4px 3px 0 0;
}
/* Zeilenabstand nach Inputfeldern im Formular */
.boxContentEnde {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    padding: 10px 0 0 0;
    margin: 0;
}
.boxContentEndeVacancySearchBox {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    padding: 6px 0 0 0;
    margin: 0;
}
.listItemSelektiert {
     background: #BCC7DF;
}
.selektiert, a.selektiert {
    color: #003468;
    font-weight: bold;
    text-decoration: none;
}

/* ********************************************************************
    Text-, Objekt-Ausrichtung
*/
.textRechts {
    text-align: right;
}
.textMittig {
    text-align: center;
}
.textLinks {
    text-align: left;
}
.flussLinks {
    display: block;
    float: left !important;
}
.flussRechts {
    float: right;
}
/* ********************************************************************
    Zeilenhöhe
*/
.textLuftig,
.articleSubHeader {
    line-height: 150%;
}
/* ********************************************************************
    Textgewichtung
*/
#fett, .fett,
.pflichtfeld {
    font-weight: bold;
}
.schriftNormal {
    font-weight: normal;
}
.sternchen, .klein {
    font-size: 9px;
}

.deaktiviert, a.deaktiviert:link,
.keineAngabe {
    color: #BFBFBF;
}
.keineAngabe {
    font-weight: normal;
}
.geplant {
    color: #ffb700;
}
.aktiv {
    color: #00AF17;
}
.inaktiv,
.fehlschlag {
    color: #FF0000;
}
.fehlschlag {
    float: left;
    text-decoration: line-through;
}
.ausgeblendet {
    display: none;
}

/*  ********************************************************************
    Meldungen - Fehler, Erfolg, Hinweis
*/

/* Meldungen direkt in Formularen */
.fehlerFormular, 
.okFormular {
    display: block;
    font-size: 10px;
    margin: 0px;
    padding: 2px 0px 5px 0px;
    color: #FF0000;
    line-height: 110%;
    font-weight: bold;
}
.okFormular {
    color: #408D27;
}

/* Meldungen mit farbigen Rahmen */
.ok,
.fehler,
.neutral {
    display: block;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-weight: bold;
    min-height: 20px;
    padding: 15px 10px 12px 50px;
    margin: 0;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 5px; /* Für die Webkitbrowser */
    -moz-border-radius: 5px; /* Für die Geckobrowser */
    -khtml-border-radius: 5px; /* Für die KHTML-Browser */
    border-radius: 5px; /* Die zukünftige CSS 3.0 Deklaration */
    -webkit-box-shadow: 1px 1px 2px #cccccc;
    -moz-box-shadow: 1px 1px 2px #cccccc;
    -khtml-box-shadow: 1px 1px 2px #cccccc;
    box-shadow: 1px 1px 2px #cccccc;
}
.ok {
    background-image: url(../../../images/JS24/images/icons/allgemein/ok.gif);
    color: #408d27;
    border-color: #408d27;
}
.fehler {
    background-image: url(../../../images/JS24/images/icons/allgemein/fehler.gif);
    color: #ff0000;
    border-color: #ff0000;
}
.neutral {
    background-image: url(../../../images/JS24/images/icons/allgemein/neutral.gif);
    color: #999999;
    border-color: #999999;
}

/* Fehler-Text in Box */
.boxMitteFlexInhaltVar3 .fehler {
    padding-top: 7px;
    background-color: Transparent;
    border: 0;
    -webkit-border-radius: none; /* Für die Webkitbrowser */
    -moz-border-radius: none; /* Für die Geckobrowser */
    -khtml-border-radius: none; /* Für die KHTML-Browser */
    border-radius: none; /* Die zukünftige CSS 3.0 Deklaration */
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    
}

/* bei viel Text */
.ok span, 
.fehler span {
    display: block;
    padding-top: 7px;
    font-weight: normal;
}

/*  ********************************************************************
    Linien
*/
.boxJS24ButtonLinie, 
.boxJS24ButtonLinieBrown {
    font-size: 1px;
    height: 2px;
    line-height: 2px;
    margin-bottom: 8px;
    background-repeat: repeat-x;
    background-position: center top;
}
.boxJS24ButtonLinie {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24ButtonLinie.gif);
}
.boxJS24ButtonLinieBrown {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24ButtonLinieBrown.gif);
}
.linie1 {
    border-bottom: 1px solid #003468; 
    width: 100%;
}
.linie2 {
    border-bottom: 1px dashed #003468; 
    width: 100%;
}

/*  ********************************************************************
    Fortschrittsbalken für die Vollständigkeit eines Profils
*/
.balken {
    position: absolute;
    background: url(../../../images/JS24/images/icons/allgemein/vollstaendigkeit.gif) no-repeat 0px 0px;
    width: 100px;
    height: 11px;
    line-height: 11px;
    padding: 0px 50px; /* Balken ist 100px lang */
    margin: 2px 0px 0px 0px;
    z-index: 2;
}
/* padding-left und margin-right ergeben 100px */
.balkenRot,
.balkenGelb,
.balkenGruen,
.balkenHintergrund {
    position: absolute;
    height: 11px;
    line-height: 11px;
    margin: 2px 0px 0px 0px;
    background-position: 0 0;
    background-repeat: repeat-x;
}
.balkenRot,
.balkenGelb,
.balkenGruen {
    z-index: 1;
}
.balkenRot {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/balkenRot.gif);
}
.balkenGelb {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/balkenGelb.gif);
}
.balkenGruen {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/balkenGruen.gif);
}
.balkenHintergrund {
    background-image: url(../../../images/JS24/images/backgrounds/flaechen/balkenHintergrund.gif);
    padding: 0px 50px;
}
.balkenPlatzhalter {
    padding: 0px 50px;
}

/*  ********************************************************************
    Sofortbuchung - Addons
*/
.beschreibung, .preis, .preis1, .preis-bold, .beschreibung1, .beschreibung2 {
    margin-top: 5px;
}
.beschreibung {
    float: left; 
    width: 66%;
    /*background: red;*/
}
.preis {
     float: right; 
     width: 33%; 
     text-align: right; 
     /*background: yellow;*/
}
.preis-bold {
     float: right; 
     width: 50%; 
     text-align: right; 
     font-weight: bold;
     /*background: yellow;*/
}
.beschreibung1 {
    float: left; 
    width: 100%;
    /*background: red;*/
}
.beschreibung2 {
    float: left; 
    width: 65%;
    font-size: 10px;
}
.preis1 {
     float: right; 
     width: 45%; 
     text-align: right; 
     font-size: 10px;
}
.beschr-titel {
    float: left; 
    padding-bottom: 3px;
    border-bottom: 1px solid #003468; 
    font-weight:bold; 
    width: 56%;
}
.preis-titel {
    float: left; 
    padding-bottom: 3px;
    border-bottom: 1px solid #003468;
    font-weight:bold; 
    width: 44%;
    text-align: right;
}
.addonKostenTitel {
    float: left; 
    width: 19%;
}
.addonKostenBeschreibung {
    float: left; 
    width: 64%; 
    /*background: yellow;*/
}

/*  ********************************************************************
    Control Seitenblättern
*/
.seitenBlaetternUrls {
    padding-top: 3px;
    font-weight: bold;
}
.seitenBlaetternUrls span,
.seitenBlaetternUrls a {
    font-size: 11px;
    font-weight: normal;
}
.seitenBlaetternUrls a {
    padding: 0 2px;
}
.seitenBlaetternUrls img {
    margin: 0;
    padding: 0;
}

/* linker Navigationsbereich auf der Karriere-Tipps Seite */
.contentNaviBody {
    float: left;
    width: 235px;
    /*background: #ffc899;FFD4A4*/
}

/*  ********************************************************************
    Clustering
*/
.clusterInnen {
    padding: 10px 5px 3px 5px;
}
.clusterInnen strong {
    display: block;
    padding: 5px 0px 0px 0px;
}
.clusterInnen br {
    clear: both;
}
.clusterSortierung {
    font-weight: bold;
    padding-left: 11px;
}
.clusterRemove {
    padding-left: 10px;
    float: left;
    width: 22px;
}

.clusterLoeschen, a.clusterLoeschen:link, a.clusterLoeschen:visited,
.clusterLoeschenSelected, a.clusterLoeschenSelected:link, a.clusterLoeschenSelected:visited,
.clusterLoeschenDisabled, a.clusterLoeschenDisabled:link, a.clusterLoeschenDisabled:visited {
    background-image: url(../../../images/JS24/images/icons/allgemein/checkboxChecked.gif);
    background-repeat: no-repeat;
    background-position: 1px center;
    padding-left: 10px;
    text-decoration: none;
    text-decoration: none !important;
}
.clusterLoeschenSelected, a.clusterLoeschenSelected:link, a.clusterLoeschenSelected:visited {
    background-image: url(../../../images/JS24/images/icons/allgemein/checkbox.gif);
}
.clusterLoeschenDisabled, a.clusterLoeschenDisabled:link, a.clusterLoeschenDisabled:visited {
    background-image: url(../../../images/JS24/images/icons/allgemein/checkboxChecked.gif);
}
.clusterLoeschenDisabled:hover {
    cursor: default !important;
}
a.clusterLoeschen:hover,
a.clusterLoeschenSelected:hover {
    /*background-position: 2px -12px;*/
    text-decoration: none;
}
.clusterDrillDisabled, a.clusterDrillDisabled:link, a.clusterDrillDisabled:visited, a.clusterDrillDisabled:hover
{
    float: left;
    color: #335D86 !important;
    text-decoration: none !important;
    cursor: default !important;
}
.clusterDrill {
    float: left;
}
.clusterCount {
    float: right;
    letter-spacing: -1px;
    padding-right: 10px;
    font-size: 10px;
    color: #335D86;
}
.clusterLinie {
    line-height: 1px;
    height: 10px;
    font-size: 1px;
    padding-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    border-bottom: solid 1px #cccccc;
}
.clusterFilter,
.clusterMehr {
    display: block;
    margin: 0 7px 0 32px;
}
/* bei der Profilsuche den Mehr-Link nicht links einrücken */
.sp33 .clusterMehr {
    margin-left: 0;
}
.clusterGewaehlt {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.clusterFilter {
    font-size: 10px;
}
.clusterMehr {
    display: inline;
}

/* Auf- Zuklapper (nur für IE) */
* html .collapse {
    /*background: red;*/
    overflow: hidden;
}

/*  ********************************************************************
    Suchergebnisliste
*/
.joblisteSuchbegriff {
    float: left;
    width: 38%; 
    /*background: yellow;*/
}
.joblisteSuchbegriff label, .joblisteRegion font {
    display: block;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    line-height: 18px;
    height: 18px;
    /*background: red;*/
}
.joblisteRegion table {
    float: none;
    clear: both;
}
.joblisteSuchbegriff span {
    display: block;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin: 0px;
    line-height: 18px;
    height: 18px;
    /*background: red;*/
}
.joblisteSuchbegriff .cbxCheckbox label {
    margin: 0px 0 0 0;
    height: 0px;
    line-height: 18px;
    font-weight: normal;
    /*background: green;*/
}

.joblisteRegion {
    float: left;
    padding-left: 1%;
    width: 39%;
    height:72px;
    /*background: yellow;*/
}
.joblisteRegion a
{
    font-weight: normal;
}
.joblisteRegion font
{
    font-size: 12px;
}

.joblisteBodyComplete {
    float: right;
    width: 725px;
    margin: 0px;
    padding: 0px;
    /*background: yellow;*/
}
.joblisteSuche {
    width: 725px;
    height: 76px;
}
.joblisteSucheInnen {
    padding: 0px 0px 4px 10px;
    /*background: green;*/
}
/* div um Buttons "Neue Suche" und "Speichern" */
.joblisteSucheInnen .sp20 {
    padding-top: 12px;
}
.joblisteNaviBody {
    float: left;
    width: 235px;
    padding: 0;
    margin: 0;
}
/* einzelne Cluster-Bereiche */
.joblisteNaviLinie {
    border-right: solid 1px #cccccc;
    line-height: 20px;
    /*background: yellow;*/
}
/* Filter-Abschluss bei keinen Treffern */
.joblisteNaviKeineTreffer {
     position: absolute; 
     width: 235px; 
     margin-top: -3px; 
     line-height: 3px;
     font-size: 3px;
     background: #ffffff; 
     border-top: solid 1px #CBCCD0;
}
/* für FF */
:root .joblisteNaviKeineTreffer {
    margin-top: -1px; 
}
.joblisteTreffer {
    font-weight: bold;
    padding: 25px 2px 19px 11px;
    line-height: 130%;
    background: url(../../../images/JS24/images/backgrounds/flaechen/joblisteTreffer.gif) no-repeat right top;
}
/* hervorgehobene Anzahl der Jobtreffer */
.joblisteTreffer span {
    color: #ff6600;
}
.joblisteBody {
    float: right;
    width: 99%;
    padding: 10px 0 10px 5px;
    margin: 0;
    border-bottom: solid 1px #cccccc;
}
/* Hervorgehobene Stellenanzeige in der Jobliste */
.joblisteBodyIsHighlighted {
    background-color: #f3f3f3;
    margin: 5px 0px 0px 0px;
    padding-top: 5px;
    border-top: solid 1px #cccccc;
}
/* Stellenanzeige mit Logo */
.joblisteBodyLogo {
    background-image: url(../../../images/JS24/images/logos/andere/logoBg_new.gif);
    background-repeat: no-repeat;
    background-position: right 8px;
}

.joblisteBodyLogoText {
    float: left;
    width: 555px;
    /*background: yellow;*/
}

.joblisteBodyLogoFirma {
    float: right;
    width: 125px;
    height: 70px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 1px #dcdcdc;
    background-color:White;
}

.joblisteBodyLogoFirmaEmpty {
    float: right;
    width: 125px;
    height: 70px;
    margin-right: 10px;
    /*background-repeat: no-repeat;
    background-position: center center;
    border: solid 1px #dcdcdc;
    background-color:White;*/
}

.joblisteBodyBanner {
    padding-top: 5px; 
    padding-bottom: 15px;
}
/* Checkbox-Bereich um damit Aktionen auszuführen */
.joblisteAktionsAuswahl {
    float: left;
    width: 3%;
    margin: 8px 0px 0px 0px;
    padding: 0;
}
/* Stellenangebotstitel */
.joblisteJobtitel, a.joblisteJobtitel {
    display: block;
    padding: 0px 0px 2px 5px;
    font-weight: bold;
    line-height: 130%;
}
.joblisteHeaderBody {
    /*border-bottom: solid 1px #cccccc;*/
    padding: 0px 0px 0px 0px;
}
.joblisteHeader {
    font-weight: bold;
    padding: 0px 0px 3px 0px;
    vertical-align: bottom;
    margin-top:-0px;

}
.joblisteBestJob {
    display: block;
    background: url(../../../images/JS24/images/icons/produkte/BestJob/bestjob.gif) no-repeat 0px 0px;
    width: 100px;
    font-size: 1px;
    height: 14px;
    line-height: 14px;
}
.joblisteFirma 
{
    padding-left:5px;
}
.joblisteTeaser
{
    margin-right: 10px;
    margin-top:8px;
}
.joblisteEinsatzorte
{
    padding-left:5px;
    line-height:20px;    
}

.joblisteBeschreibung {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 7px 0px 0px 0px;
    /*background: yellow;*/
}
.joblisteOnlineSeit {
    font-size: 10px;
    padding: 0px 0px 3px 5px;
}
.joblisteButtons {
    margin: 0px;
    padding: 15px 0px 0px 0px;
}
.joblisteButtons a {
    font-size: 10px;
}
/* Lightbox Stellenangebote in Karte */
#myMap {
     position: relative;
     width: 100% !important;
     height: 490px !important; 
     z-index: 1000; 
     text-align:center;
}
#myMap .wirdGeladen {
    margin-top: 215px;
}

/* neues Layout Suchergebnisliste 07/2010 */
.vacancyItemHeaderHighlighted
{
    background: url(../../../images/JS24/images/searchResultList/HeaderAndFooter_Grau.gif) no-repeat top;
    height:11px;
    width:725px;
    padding-top: 0px;
}
.vacancyItemHeaderHighlightedWithTopLine
{
    background: url(../../../images/JS24/images/searchResultList/HeaderAndFooter_GrauWithTopLine.gif) no-repeat top;
    height:21px;
    width:725px;
    padding-top: 0px;
}
.vacancyItemFooterHighlighted
{
    background: url(../../../images/JS24/images/searchResultList/HeaderAndFooter_Grau.gif) no-repeat top;
    background-position: 0px -12px;
    height:11px;
    width:725px;
    padding-bottom: 10px;
}
.vacancyItemContentStandardHighlighted
{
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #edf0f6;
    width:723px;
    min-height:71px;
}
.vacancyItemContentExtended
{
    padding-left:5px;
}

.vacancyItemHeaderWhite
{
    background: url(../../../images/JS24/images/searchResultList/HeaderAndFooter_Weiss.gif) no-repeat top;
    height:11px;
    width:725px;
    padding-top: 0px;
}

.vacancyItemHeaderWhiteWithTopLine
{
    background: url(../../../images/JS24/images/searchResultList/HeaderAndFooter_WeissWithTopLine.gif) no-repeat top;
    height:21px;
    width:725px;
    padding-top: 0px;
}

.vacancyItemFooterWhite
{
    background: url(../../../images/JS24/images/searchResultList/HeaderAndFooter_Weiss.gif) no-repeat top;
    background-position: 0px -12px;
    height:11px;
    width:725px;
    padding-bottom: 10px;
}
.vacancyItemContentStandardWhite
{
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #ffffff;
    width:723px;
    min-height:71px;
}

.vacancyItemHeaderJobsDe, 
.vacancyItemFooterJobsDe, 
.vacancyItemContentStandardJobsDe
{
    background-color:White;
}

.vacancyItemHeaderJobsDe
{
    border-top: 1px solid #dcdcdc;
    padding-top:7px;
}
.vacancyItemFooterJobsDe
{
    margin-bottom:	10px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 7px;
}

a.linkListView
{
    text-decoration:none;
}
a.linkListViewActive
{
    color:#0000ff;
    font-weight:bold;
    text-decoration:none;
}
a.linkDetailView
{
    text-decoration:none;
}
a.linkDetailViewActive
{
    color:#0000ff;
    font-weight:bold;
    text-decoration:none;
}


/*  *******************************************************************  
    Jobs.de Bereich 
*/
.jobsde {
    float: right;
    width: 100px;
    height: 50px;
    line-height: 50px;
    background: url(../../../images/JS24/images/logos/andere/jobsde.gif) no-repeat right top;
}
.joblisteJobsde {
    background: url(../../../images/JS24/images/logos/andere/jobsdeKlein.gif) no-repeat top right;
    border-bottom: solid 1px #003468;
    height: 55px;
}
.joblisteJobsde h2 {
    font-size: 13px;
    padding-top: 15px;
    margin-bottom: 2px;
}
.joblisteJobsdeLogo {
    background: url(../../../images/JS24/images/logos/andere/jobs.de-teillogo-hell.gif) no-repeat center 4px;
    line-height: 20px;
    width: 4%;
}
.joblisteJobsdeMehr {
    /*text-align: right;*/
    padding-top: 5px;
}

/*  *******************************************************************  
    Clustering
*/
.dropmenudivmehrspaltig, .dropmenudiv {
    background: #ECEDF4 url(../../../images/JS24/images/backgrounds/flaechen/flyout.gif) repeat-x 0 bottom;
    border: 1px solid #6685A4;
    border-right: solid 1px #335D86;
    border-bottom: solid 1px #335D86;
    padding: 5px 5px 7px 0px;
    position: absolute;
    top: 0;
    width: 725px;
    z-index: 100;
    margin: 2px 0 0 -17px;
    visibility: hidden;
}
.dropmenudiv br,
.dropmenudivmehrspaltig br {
    clear: both;
}
.dropmenudivAbstand {
    margin-left: 40px;
    margin-top: -11px;
}
.dropmenudiv,
.dropmenuFirstCol,
.dropmenuNextCol {
    width: 235px;
}
.dropmenuFirstCol {
    float: left;  
    /*margin: 1px 2px 1px 2px; */
    border-left: solid 1px #335D86;
    padding-left: 5px;
    margin-left: -1px;
}
.dropmenuNextCol {
    float: left;
    /*margin: 1px 2px 1px 2px; 
    padding-left: 5px;*/
}

/*  *******************************************************************  
    Formatierung für Links in SEO-Städte 
*/
.regiolinks {
    text-align: center;
    display: block;
}
.regiolinks a:link, .regiolinks a:visited, .regiolinks a:active {
    text-decoration: none; 
    color: #003468;
    line-height: 140%;
    padding: 0 0px 0 7px;
}
.regiolinks a:hover {
    color: #FE7500;
}
.regionallink {
    font-size: 12px;
}
.regionallink2 {
    font-size: 13px; 
}
.regionallink3 {
    font-size: 15px; 
    font-weight: bold;/**/
}

/*  *******************************************************************  
    Statistik
*/
.statistikZeile {
    background: url(../../../images/JS24/images/backgrounds/flaechen/boxJS24ButtonLinie.gif) repeat-x center bottom;
    line-height: 22px;
    padding-bottom: 2px;
}

/*  *******************************************************************  
    Mein Profil -> Passbild
*/
.passbildMann,
.passbildFrau {
    padding: 0;
    margin: 0;
    border: 0;
}
.passbildHintergrund {
    width: 101px;
    height: 140px;
    background: url(../../../images/JS24/images/bilder/illustrationen/menschen/passbild-bg-hell.gif) no-repeat 0 0;
    overflow: hidden;
    position: relative;
}
.passbildHintergrund img {
    position: relative;
    margin: auto;
    margin-top: 5px;
}

/*  *******************************************************************  
    B2C, B2B -> Suchagenten -> Namen ändern
*/ 
.neuerSuchagent input {
    float: left;
    width: 80%;
}
.neuerSuchagent .speichern {
    float: left;
    width: 20%;
}

/*  *******************************************************************  
    autocomplete suggestlist
*/ 
/* allgemeine Listen-Formatierung */
.autocomplete_completionListElement {  
    z-index: 200;
    visibility: hidden;
    margin: -2px 0 0 0;
    padding: 0;
    background: #ffffff;
    border: solid 1px #666666;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #999999;
    text-align: left;
    list-style-type: none;
    width: 234px !important;
}
.autocomplete_completionListElement ul, 
.autocomplete_completionListElement li {
    padding: 0;
    margin: 0;
}
.autocomplete_completionListElement li {
    border-bottom: solid 1px #ecedf4;
}
.autocomplete_completionListItem,
.autocomplete_completionListHighlightedItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0 !important;
    padding: 0 0 0 5px !important;
    line-height: 18px;
    color: #666666;
    font-size: 10px;
}
/* das einzelne Listen-Element */
.autocomplete_completionListItem 
{
    white-space: nowrap;
}
/* Aktive ausgewählter Listen-Punkt */
.autocomplete_completionListHighlightedItem {
    cursor: pointer;
    background: #E5EAF0;
    white-space: nowrap;
}
.autocomplete_highlight
{
    float:left;
    font-weight:bold;
}
.autocomplete_image {
    /*position: absolute;
    width: 20px;
    height: 20px;*/
    background: #ffffff url(../../../images/JS24/images/icons/allgemein/laden.gif) no-repeat center right;
}
.autocomplete_resultCounter
{
    float: right;
    color: #008000;
}
.autocomplete_item
{
    float:left;
}
/*  *******************************************************************  
    Mitarbeiter-Suche 
*/
.mitarbeiterSuche {
    padding-top: 10px;
    width: 100%;
    background: url(../../../images/JS24/images/bilder/fotos/menschen/hintergrund_suchbox.gif) no-repeat 0 0;
    height: 90px;
}

/*  **************************************************************
    Ajax Kalender
*/
/*  The outer rectangular container that supplies the border around the calendar element. 
    Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. */
.ajaxKalender .ajax__calendar_container {
    background: transparent url(../../../images/JS24/images/backgrounds/kalender/hintergrund.png) no-repeat 0 0;
    width: 185px;
    height: 230px;
    border: 0;
    padding-right: 5px;
    color: #0000FF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*border: solid 1px green;*/
}
/*  A container element that holds the next and previous arrows and the title of the current view. 
    Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. */
.ajaxKalender .ajax__calendar_header {
    width: 179px;
    margin: 30px 0 10px 5px;
    /*background: yellow;*/
}
/* nur für den IE6 */
* html .ajaxKalender .ajax__calendar_header {
    margin: 30px 0 10px -5px;
}

/*  An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). 
    Child Css classes: none. */
.ajaxKalender .ajax__calendar_prev {
    background: #ccd6e1 url(../../../images/JS24/images/icons/pfeile/pfeilLinks.gif) no-repeat left 3px;
}
/*  An element that displays the title of the current view (month name, year, decade). 
    Child Css classes: none. */
.ajaxKalender .ajax__calendar_title {
    font-weight: bold;
    text-decoration: underline;
    background: #ccd6e1;
}
/*  An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). 
    Child Css classes: none. */
.ajaxKalender .ajax__calendar_next {
    background: #ccd6e1 url(../../../images/JS24/images/icons/pfeile/pfeilRechts.gif) no-repeat right 3px;
}
/*  A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).
    Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. */
.ajaxKalender .ajax__calendar_body {
    width: 100%;
}
.ajaxKalender .ajax__calendar_body table {
    width: 190px;
    color: #003468;
}
/*  A container element that holds the layout for the days in a month. 
    Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day */
.ajaxKalender .ajax__calendar_days {
}
/*  An element that displays the short name of the day of the week. 
    Child Css classes: none. */
.ajaxKalender .ajax__calendar_dayname {
    font-weight: bold;
    color: #003468;
    text-decoration: none;
}
/*  An element that displays the day of the month. 
    Child Css classes: none */
.ajaxKalender .ajax__calendar_day {
    background: transparent;
    padding: 2px 0 1px 0;
}
/*  A container element that holds the layout for the months in a year. 
    Child Css classes: .ajax__calendar_month. */
.ajaxKalender .ajax__calendar_months {
}
/*  An element that displays the month of the year. 
    Child Css classes: none */
.ajaxKalender .ajax__calendar_month {
}
/*  A container element that holds the layout for the years in a decade. 
    Child Css classes: .ajax__calendar_year. */
.ajaxKalender .ajax__calendar_years {
}
/*  An element that displays the year in a decade. 
    Child Css classes: none */
.ajaxKalender .ajax__calendar_year {
}
/*  A container element that holds the current date. 
    Child Css classes: .ajax__calendar_today. */
.ajaxKalender .ajax__calendar_footer {
    width: 181px;
    text-decoration: underline;
    margin-left: -2px;
}
/* für FF */
:root .ajaxKalender .ajax__calendar_footer {
    width: 97%;
    margin-left: 0;
}
.ajaxKalender .ajax__calendar_footer:hover {
    text-decoration: none;
}
/*  An element that displays the current date. 
    Child Css classes: none. */
.ajaxKalender .ajax__calendar_today {
    margin-top: 5px;
}
/*  This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. 
    Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
.ajaxKalender .ajax__calendar_hover {
    color: #ff7500;
    text-decoration: none;
}
/*  This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. 
    Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. */
.ajaxKalender .ajax__calendar_active {
    font-weight: bold;
    color: #ff7500;
}
/*  This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). 
    Child Css classes: .ajax__calendar_day, .ajax__calendar_year. */
.ajaxKalender .ajax__calendar_other
{
    color: #cccccc;
}


/*
    Produktseite mit z.B. Gold, Silber, Bronze Spalten
*/
.produkt,
.produktSchwere,
.produktEmpfehlungJahreanzeige,
.produktEmpfehlungBronze,
.produktEmpfehlungSilber,
.produktEmpfehlungGold,
.produktDatum,
.produktPreis,
.produktTitel,
.produktTitelSchwere,
.produktTitelEmpfehlung,
.produktTitelDatum,
.produktTitelPreis,
.product {
    height: 35px;
    padding: 10px 0 7px 0;
    border-bottom: solid 1px transparent;
}
.produktTitel,
.produktTitelSchwere,
.produktTitelEmpfehlung,
.produktTitelDatum,
.produktTitelPreis {
    color: #003468;
    border-right: solid 1px #003468;
    border-bottom: solid 1px #ccd6e1;
}
.produkt,
.produktSchwere,
.produktEmpfehlungJahreanzeige,
.produktEmpfehlungBronze,
.produktEmpfehlungSilber,
.produktEmpfehlungGold,
.produktDatum,
.produktPreis {
    border-bottom: solid 1px #ccd6e1;
    text-align: center;
}

.produktSchwere,
.produktTitelSchwere {
    font-size: 16px;
    font-weight: bold;
    color: #6685a4;
    height: 20px;
    line-height: normal;
    border-bottom: solid 1px transparent;
}
.produktTitelSchwere {
    color: #003468;
    font-size: 12px;
}

.produktTitelSchmal 
{
    height: 20px;
}

.produktEmpfehlungJahreanzeige,
.produktEmpfehlungBronze,
.produktEmpfehlungSilber,
.produktEmpfehlungGold,
.produktTitelEmpfehlung {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    line-height: normal;
    vertical-align: text-bottom;
    border-bottom: solid 1px #003468;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.produktTitelEmpfehlung {
    background: transparent;
    color: #003468;
}
.produktEmpfehlungJahreanzeige {
    color: #003468;
}
.produktEmpfehlungHoehe,
.produktEmpfehlungBronze,
.produktEmpfehlungSilber,
.produktEmpfehlungGold {
    height: 35px;
    padding-top: 75px;
}
.produktEmpfehlungBronze {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/bronze.gif);
}
.produktEmpfehlungSilber {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/silber.gif);
}
.produktEmpfehlungGold {
    background-image: url(../../../images/JS24/images/bilder/illustrationen/rest/gold.gif);
}

.produktDatum,
.produktTitelDatum {
    border-bottom: solid 1px transparent;
}

.produktPreis,
.produktTitelPreis {
    border-top: double 3px #003468;
    font-size: 16px;
    font-weight: bold;
}



/* aktiver Bereich der hervorgehoben ist */
.produktHintergrund {
    background: #e7ebf1; /*url(../../../images/JS24/images/backgrounds/flaechen/boxFlexVar2/boxMitteFlex.gif) repeat-x bottom;*/
}


/*  **************************************************************
    PAYONE Weiterleitungsseite
*/
.bodyContentRefresh {
    text-align: center;
}
.contentRefresh {
    margin: 40px auto 0 auto;
    width: 920px;
    text-align: center;
}
.contentRefresh h1 {
    margin: 20px 0px 20px 0px;
    font-size: 20px;
}
.contentRefresh .boxMitteFlexInhaltVar2 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.contentRefresh .boxObenFlexVar2,
.contentRefresh .boxObenFlexVar2 span {
    background: #fcfcfd url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxObenLinksFlexRahmen.gif) no-repeat left top;
}
.contentRefresh .boxObenFlexVar2 span {
    background: #fcfcfd url(../../../images/JS24/images/backgrounds/flaechen/boxFlex/boxObenRechtsFlexRahmen.gif) no-repeat right top;
}

/* Bereich Ladebalken */
.contentRefresh .ladebalken {
    display: block;
    background: url(../../../images/JS24/images/bilder/illustrationen/rest/ladeBalken.gif) no-repeat center;
    width: 100%;
    height: 30px;
    margin: 50px 0px 50px 0px;
}
.contentRefresh input {
    border: 0;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #0000FF; 
    text-decoration: underline;    
    cursor: pointer;
    background-color: Transparent;
}
.contentRefresh input:hover {
    color: #FF6600;
}
/* Copyright */
.bodyContentRefresh .footerBody {
    float: none;
    width: 100%;
}

/*
    esales - Rabattstaffel
    .boxenBody: schmal, seitliche Boxen
    .innercontentBody: breit
    
*/
.innercontentBody .mengenrabatt,
.boxenBody .mengenrabatt{
    height: 144px;
    overflow: hidden;
}
.innercontentBody .mengenrabattLink,
.boxenBody .mengenrabattLink {
    position: absolute;
    width: 720px;
    height: 168px;
    z-index: 4;
    margin: -15px 0 0 -7px;
}
.boxenBody .mengenrabattLink {
    width: 230px;
}
.innercontentBody .mengenrabattBild,
.boxenBody .mengenrabattBild {
    position: absolute;
    background: url(../../../images/JS24/images/bilder/fotos/menschen/mengenrabatt.gif) no-repeat right top;
    width: 420px;
    height: 170px;
    margin: -15px 0 0 296px;
    overflow: hidden;
}
.boxenBody .mengenrabattBild {
    width: 233px;
    background-position: -140px top;
    margin-left: -7px;
}
.innercontentBody .mengenrabattText {
    width: 41%;
    padding: 0px 0 0 0;
}
.boxenBody .mengenrabattText {
    display: none;
}
.innercontentBody .mengenrabattTafel,
.boxenBody .mengenrabattTafel {
    width: 250px;
    overflow: hidden;
    margin: 22px 0 0 15px;
}
.boxenBody .mengenrabattTafel {
    margin-left: 7px;
}
.innercontentBody .mengenrabattTafel h2,
.boxenBody .mengenrabattTafel h2 {
    display: block;
    font-weight: normal;
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    color: #335d86;
}
.innercontentBody .mengenrabattTafel p,
.boxenBody .mengenrabattTafel p {
    margin: 0 0 2px 0;
    padding: 0;
    width: auto;
}

/*Filter*/
.searched-for {
    background:#ffffff;
    border:1px solid #ff6501;
    width:212px;
}

.searched-for-class {
    /*background:url(../../../images/JS24/images/backgrounds/bg_box_search_for.jpg) no-repeat;
    padding:0px 10px;*/
}

.searched-for-class h4 {
    color:#ff6501;
    font-weight:bold;
    font-size:12px;
    padding:0 0 5px 0;
    margin:0;
}

.searched-for-item {
    clear:both;
    overflow:hidden;
}
.searched-for-item span {
    /*float:left;*/
}
.searched-for-item span.icon_tonne_loeschen,
.searched-for-item a {
    float:right;
}
.searched-for-item-delete{
    cursor:pointer;
}

.search-refine-navigator, .search-refine-navigator-open
{
    font-weight:normal; 
    cursor:pointer; 
    display:block; 
    margin-top:5px;
    background-image:url(../../../images/JS24/images/Icons/pfeile/pfeilLinkNachUnten.gif);
    background-repeat:no-repeat;
    background-position:left;
    
    width:212px;
}
.search-refine-navigator-folded
{
    font-weight:normal; 
    cursor:pointer; 
    display:block; 
    margin-top:5px;
    background-image:url(../../../images/JS24/images/Icons/pfeile/pfeilrechts2.gif);
    background-repeat:no-repeat;
    background-position:left 1px;
    width:212px;
}

.search-refine-table
{
    border-collapse:collapse;
    table-layout:fixed;
    width:212px;
    color:#0000FF;
}

.search-refine-tdleft
{
    padding-left:3px;
    padding-right:3px;
    width:119px;
    height:19px;
    text-align:left;
    overflow:hidden;  
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis;
    cursor:pointer;
}

.search-refine-tdleft a
{
    font-size:11px;
    text-decoration:none;
    text-overflow:clip;
    -o-text-overflow: clip;  
    -ms-text-overflow: clip;
}
.search-refine-tdleft span
{
    white-space:nowrap;
    -moz-binding: url('../../../images/JS24/images/Ellipsis.xml#ellipsis'); 
}


.search-refine-tdmiddle{
    width:40px;
    line-height:16px;
    text-align:right;
    color: Gray;
    font-size:11px;
}
.search-refine-tdright{
    width:16px;
    line-height:16px;
    cursor:pointer;
}

.filterSelection
{
    display:none;
    background-color:White;
    position:absolute;
    cursor:pointer;
    border:solid 1px #82A1D7;
    z-index:10;
    margin-top: -1px;
    margin-left: -1px;
}

/* PercentBar */
.classDivPercentBar
{
	display:none; /*use this to easily switch visibility of percentBar control */
}
.percentBar
{
    list-style:						none;
    font:							81% "Helvetica Neue", Helvetica, Arial, Verdana;
    margin-left:10px;
}
.percentBar ul, .percentBar ol, .percentBar li
{
    padding: 0px;
    margin: 0px 0px -10px 12px;	
}

.percentBarBackground {
    position: absolute;
    background: url(../../../images/JS24/images/PercentBar/barBackground.gif) no-repeat 0px 0px;
    width: 100px;
    height: 12px;
    line-height: 12px;
    padding: 0px 20px; /* Bar is 100px long */
    margin: 2px 0px 0px 0px;
    z-index: 2;
}
.percentBarRed,
.percentBarYellow,
.percentBarGreen,
.percentBarBlue,
.percentBarEmptyPlace {
    position: absolute;
    height: 12px;
    line-height: 12px;
    margin: 2px 0px 0px 0px;
    background-position: 0 0;
    background-repeat: repeat-x;
}
.percentBarRed,
.percentBarYellow,
.percentBarBlue,
.percentBarGreen {
    z-index: 1;
}
.percentBarRed {
    background-image: url(../../../images/JS24/images/PercentBar/barRed.gif);
}
.percentBarYellow {
    background-image: url(../../../images/JS24/images/PercentBar/barYellow.gif);
}
.percentBarGreen {
    background-image: url(../../../images/JS24/images/PercentBar/barGreen.gif);
}
.percentBarBlue {
    background-image: url(../../../images/JS24/images/PercentBar/barBlue.gif);
}
.percentBarEmptyPlace {
    background-image: url(../../../images/JS24/images/PercentBar/barEmpty.gif);
    padding: 0px 50px;
}
.percentBarPlaceHolder {
    padding: 0px 50px;
}
/* PercentBar */

/* social networks in vacancyTools*/
a.twitterIcon, a.twitterIcon:link, a.twitterIcon:hover, a.twitterIcon:visited
{
    background-image: url('http://twitter-badges.s3.amazonaws.com/twitter-a.png');
    background-repeat:no-repeat;
    background-position:center top;
    display:inline-block;
    height:23px;
    width:61px;
    position: relative;
    margin-top:-2px;
    text-decoration: none;
}

a.twitterIconHttps, a.twitterIconHttps:link, a.twitterIconHttps:hover, a.twitterIconHttps:visited
{
    background-image: url('https://twitter-badges.s3.amazonaws.com/twitter-a.png');
    background-repeat:no-repeat;
    background-position:center top;
    display:inline-block;
    height:23px;
    width:61px;
    position: relative;
    margin-top:-2px;
    text-decoration: none;
}

div.socialNetworks
{
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
    vertical-align:middle;
}
/* social networks in vacancyTools*/
/* Page catalog links styles*/
.pageCatalogLink
{
	display:block;
	padding-left:10px;
	margin-bottom:7px;
}

/* Messages & Suggestions */
.messageRegionInfo { 
    color: #999999;
    font-size: 10px;
}
/* Messages & Suggestions */

ol.company-list {
    float: left;
    list-style: none outside none;
    margin: 0px 0px 0px 0px;
    padding: 0;
    position: relative;
    width: 345px;
}
ol.company-list li {
	margin:0;
	padding:1px 0 1px 0;
}

/*JMS Box*/
#jmsbox {
	width:725px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#jmsbox #head {
	height:22px;
	padding:0px 0 0 10px;
	color:#003468;
}
#jmsbox #links {
	height:30px;
	border-top: 1px solid #ff9133;
	border-bottom: 1px solid #ff7500;
	margin-bottom:15px;
}
#jmsbox #links #txt{
	float:left;
	width:233px;
	height:22px;
	padding: 8px 0 0 10px;
	vertical-align:middle;
	font-weight:bold;
	color:#ff7500;
}
#jmsbox #links #jms{
	float:left;
	width:185px;
	height:22px;
	padding: 8px 0 0 56px;
	background: url(../../../images/JS24/images/SearchResultList/links_back.gif) 0 0 no-repeat;
}
#jmsbox #links #jms:hover
{
	background: url(../../../images/JS24/images/SearchResultList/links_back.gif) 0 -30px no-repeat;
	color:White;
}
#jmsbox #links a{
	text-decoration:none;
}
#jmsbox #links a:hover{
	color:white;
}
#jmsbox #links #rss{
	float:left;
	width:175px;
	height:22px;
	padding: 8px 0 0 66px;
	background: url(../../../images/JS24/images/SearchResultList/links_back.gif) -241px 0 no-repeat;
}
#jmsbox #links #rss:hover{
	background: url(../../../images/JS24/images/SearchResultList/links_back.gif) -241px -30px no-repeat;
}
.lnkJMS
{
	display:block;
}


/*  CSI271243 - unable to browse results pages due to CSS issue on JRP */

/* FireFox */
@-moz-document url-prefix() {
	#JRContent .JSJRP #SearchResults table td#PanelJobList {
     -moz-hyphens: auto;
	}
}

/* Chrome */
#JRContent .JSJRP #SearchResults table td#PanelJobList {
    word-break: break-word;
}