body {
  color: #383838;
  background: #fff;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  padding: 1px 0 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

a { text-decoration: underline;}
a:link    { color: #234D60;}
a:visited { color: #628A9F;}
a:focus, a:hover, a:active {
  color: #214a97;
}

a img { border: none; }

/*========= Allgemeine Klassen=============*/

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}
.noBorder { border-style: none; border-width: 0; }
/*========= Rahmen, Kopf ==============*/
/*-----------------CONTENTHOLDER---------------------------*/
#contentholder { background-color: #fff; width: 963px;            /* der Breite des Hintergrundbilds entsprechend */
  border: solid 1px #fff; margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left; position: relative; height: 100%;        /* text-align:center (body) "neutralisieren" */
}

* html #contentholder {   /* Box Model Hack - notwendig wegen border-Angabe */
  width: 762px;    /* fuer IE 5 und 5.5 */
  wid\th: 963px;   /* fuer IE 6 */
}
/*=========LAYOUT===================*/
/*-----------------HEADER---------------------------------------*/
#header { background-image: url(/images/head-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 963px; height: 91px; }
#boxLogoHead { position: absolute; top: 4px; left: 30px; width: 550px; height: 51px; }
#boxLogoHead h1 { color: #fff; font-size: 80%; letter-spacing: 1px; margin: 5px 0 0; padding: 0; }
#boxHeadNav { color: #576ca4; text-align: right; position: absolute; top: 5px; right: 5px !important; right: 15px; width: 200px; }
#boxHeadNav ul { font-size: 70%; margin: 0; padding: 0; list-style-type: none; }
#boxHeadNav li { float: left; margin: 0 0 0 0; padding: 0; }
#boxHeadNav li a { color: #576ca4; font-weight: bold; text-decoration: none; margin-right: 4px; margin-left: 4px; }
#boxHeadNav li a:hover { color: #778cc4; font-weight: bold; text-decoration: none; }
#boxCopyright { color: #6074a9; font-size: 60%; position: absolute; right: 15px; bottom: 20px; width: 130px; }
#boxCopyright a { color: #1f2f61; text-decoration: none; }
#boxCopyright p { font-style: oblique; text-align: right; margin: 0; padding: 0; }
/*-----------------CONTENT LEFT-------------------------------*/
#contentLeft { position: relative; width: 226px; overflow: hidden; float: left; padding: 0; }
/*-----------------box rubrik----------------------------------*/
.boxRubrik { background-image: url(/images/box-rubrik-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 204px; height: 57px; margin: 0 0 1px; padding: 0; }
.headlineJobsuche { color: #fff; font-size: 90%; font-weight: bold; margin-top: 0; margin-left: 30px; padding-top: 10px; }
.headlineSuche { color: #fff; font-size: 90%; font-weight: bold; margin-top: 0; margin-left: 30px; padding-top: 20px; }
/*-----------------box navigation-------------------------------*/
#boxMainNav { width: 204px; margin: 0 0 10px; padding: 0; }
#boxMainNav ul { font-size: 75%; margin: 0; padding: 0; }
#boxMainNav li { list-style: none; width: 204px; height: 29px; margin: 0 0 1px 0; padding: 0; display: block; }
#boxMainNav li a { cursor: default; width: 184px; padding: 0 0 0 20px; margin: 0; height: 29px; display: block; text-decoration: none; line-height: 29px; font-weight: bold; }
#boxMainNav li.navBut a { cursor: pointer; color: #1f2f61; background: transparent url(/images/but-mainnav.gif) scroll no-repeat 0 0; }
#boxMainNav li.navBut a:hover { color: #fff; background-image: url(/images/but-mainnav-over.gif); }
#boxMainNav li.navButTop { background-image: url(/images/but-mainnav-top.gif); }
#boxMainNav li.navButBlank { background-image: url(/images/but-mainnav.gif); }
#boxMainNav li.navButBottom { background-image: url(/images/but-mainnav-bottom.gif); }
/*-----------------box suche-------------------------------------*/
#boxSuche { width: 204px; }
#boxSucheTop { background-image: url(/images/box-suche-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 204px; height: 10px; margin: 0; padding: 0; }
#boxSucheMiddle { background-image: url(/images/box-suche-middle.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 204px; margin: 0; padding: 0 0 10px; }
#boxSucheMiddle a { color: #1f2f61; }
#boxSucheMiddle p { margin: 0 10px 0 20px; padding: 2px 2px 2px 30px; }
#suchfeld { margin-top: 20px; }
#suchfeld p { font-size: 70%; line-height: 17px; width: 110px; }
.suchfeldBullit { background: #fff url(/images/bullit-suchfeld.gif) no-repeat 2px 2px; margin: 0 0 15px 20px; padding: 5px 5px 5px 30px; }
.suchfeldTitel { color: #1f2f61; font-size: 65%; font-weight: normal; background-image: none; text-decoration: none; width: 130px; margin: 10px 0 3px 20px; }
.suchfeldTitelWeiss { color: #f1f4ff; font-size: 65%; font-weight: normal; text-decoration: none; background-image: none; margin: 0 0 3px 10px; width: 170px; }
.suchfeldLink { color: #f1f4ff; font-size: 70%; font-weight: bold; text-decoration: none; background-image: none; margin: 10px 0 3px 20px; width: 160px; }
#suchfeld .auswahl {
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  background: white;
  left: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: silver black black silver;
  min-width: 147px;
}
      
#suchfeld .auswahl li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

#suchfeld .auswahl li a {
  display: block;
  line-height: normal;
  padding: 2px 12px 2px 8px;
  font-size: 70%;
  margin: 0;
  cursor: default;
  color: black;
  text-decoration: none;
  white-space: nowrap;
}

#suchfeld .auswahl li a:hover {
  color: white;
  background-color: #1F2F61;
}

#suchfeld form#sucheFormular select {
  height: 21px;
}

#suchfeld form#sucheFormular select,
#suchfeld .ausgewaehlt {
  font-size: 70%;
  width: 149px;
  margin: 0pt 10px 0pt 20px;
  line-height: 17px;
}

#suchfeld .ausgewaehlt {
  display: none;
  border-style: solid;
  border-width: 1px;
  border-color: gray silver silver gray;
  width: 121px;
  cursor: default;
  overflow: hidden;
  padding: 2px 20px 2px 6px;
  margin-top: 3px;
  white-space: nowrap;
  background: white url(/images/bullit-suchfeld.gif) no-repeat scroll 128px;
}

#suchfeld .ausgewaehlt span {
  width: 115px;
  display: block;
  overflow: hidden;  
}

#suchfeld label {
  color: #1F2F61;
  font-size: 65%;
  font-weight: normal;
  margin: 10px 0pt 3px 20px;
  text-decoration: none;
  width: 149px;
  display: block;
}

#suchfeld .sucheStarten {
  font-size: 70%;
  margin: 10px 0pt 3px 20px;
  width: 149px;
  display: block;
  padding: 0;
}

#suchfeld span.sucheStarten {
  color: #1F2F61;
  font-weight: bold;
  cursor: pointer;
}

#boxSucheBottom { background-image: url(/images/box-suche-bottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 204px; height: 10px; margin: 0; padding: 0; }
/*---------------Drop Menue-------------------------------*/
#holder { font-size: 70%; width:120px; line-height:19px; height:21px; overflow:hidden; text-align:left; background:#fff url(/images/bullit-suchfeld.gif) no-repeat 2px 2px; margin-left: 20px; padding-right: 0; padding-left: 25px; }
#holder:hover {height:130px; cursor:pointer; background:#fff url(/images/bullit-suchfeld.gif) no-repeat 2px 2px;}
#holder a:visited, #holder a { display:block; width:100%; line-height:18px; color:#000; text-decoration:none; text-align: left; margin: 0; padding: 0 0 0 15px; }
#holder a:hover { color:#fff; background:#c1c1c1; text-align: left; }
/*-----------------box logos--------------------------------------*/
.boxLeftLogos { margin-top: 10px; margin-bottom: 15px; }
.boxLeftLogosTop { background: navy url(/images/box-logo-top.gif) no-repeat; width: 204px; height: 10px; margin: 0 0 0px; padding: 0; }
.boxLeftLogosMiddle { background: teal url(/images/box-logo-middle.gif) repeat-y; width: 204px; margin: 0; padding: 0; }
.boxLeftLogosMiddle p { margin: 0 0 0 10px; padding: 0; }
.boxLeftLogosBottom { background-image: url(/images/box-logo-bottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 204px; height: 10px; margin: 0 0 4px 0; padding: 0; }
/*-----------------CONTENT RIGHT-----------------------------*/
#contentRight { background-image: url(/images/flashholder-hg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 727px; float: right; margin-right: 10px; }
/*-----------------Flash Holder------------------------------*/
#boxFlashHolder {
  width: 727px;
  height: 375px;
}
#boxFlash { position: relative; width: 358px; height: 325px; float: left; margin: 0; padding: 0; border-bottom-width: 20px; }
#boxStartText { position: relative; width: 368px; height: 345px; float: left; margin: 10px 0 0; padding: 0; }
#boxStartText h1 { color: #1f2f61; font-size: 90%; font-weight: bold; background-image: url(/images/hl-dreieck.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 0 20px 0; padding-top: 8px; padding-bottom: 8px; padding-left: 30px; }
#boxStartText p { color: #1f2f61; font-size: 75%; text-align: justify; margin: 5px 20px 10px; padding: 0;}
/*--------------BOX KARTE------------------------------*/
#contentRightKarte { background-image: url(/images/box-karte-hg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-right: 10px; width: 727px; float: right; }
#boxKarteMain { width: 727px; height: 345px; background: transparent url(/images/box-karte-hg.jpg) no-repeat scroll top left; }
#boxKarte { margin: 0; padding: 0; position: relative; width: 695px; height: 317px; float: left; border-bottom-width: 20px; }
#boxKarte p { color: #73789a; font-size: 70%; position: absolute; top: 20px; right: 0; margin-left: 5px; }
#boxKarte ul { font-size: 80%; background-image: url(/img-karten/karten-ab-blank.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 10px; width: auto; height: 317px; margin: 0 0 0 30px; padding: 40px 0 0 45px; }
#boxKarte li { margin-bottom: 15px; }
#boxKarte ul li img.karte-ausschnitt { display: none; position: absolute; left: 0; top: 0; }
#boxKarte ul li:hover > img.karte-ausschnitt { display: block; }
#boxKarte ul li.hover img.karte-ausschnitt { display: block; } /* Muss unbedingt eine eigene Anweisung haben - sonst reagiert IE6 nicht drauf */
.listpointKartenNav {
  background-image: url(/img-karten/but-gw-wi.gif) !important;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


/*-----------------Info Box Holder---------------------------*/
#infoBoxHolder { margin-bottom: 10px; }
#infoBoxHolder ul { color: #1f2f61; font-size: 80%; font-weight: bold; margin: 25px 0 0 30px; padding: 0; list-style-type: none; }
#infoBoxHolder li { margin: 3px 0 5px; }
#infoBoxHolder li a { color: #1f2f61; text-decoration: none; padding-left: 0; }
#infoBoxHolder li a:hover {
  color: #214a97;
  text-decoration: none;
}
.infoBox1 { background-image: url(/images/infobox-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 176px; height: 166px; float: left; margin: 0 8px 0 0; }
.infoBox2 { background-image: url(/images/infobox-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 0 0; width: 176px; height: 166px; float: left; }
.infoBox3 { background-image: url(/images/infobox-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 0 8px; width: 176px; height: 166px; float: left; }
.infoBox4 { background-image: url(/images/infobox-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 0 0; width: 176px; height: 166px; float: right; }
.infoBox1 h1, .infoBox2 h1, .infoBox3 h1, .infoBox4 h1 { color: #fff; font-size: 90%; font-weight: bold; text-align: center; margin: 10px 0 0; padding: 0; }
/*-----------------News Holder----------------------------*/
#boxNewsHolder { width: 727px; margin-bottom: 10px; }
#boxHeadlineLeft { text-align: left; width: 360px; float: left; margin: 0 0 0; }
#boxHeadlineRight { text-align: left; width: 360px; float: right; margin: 0 0 0; }
#boxHeadlineLeft h1, #boxHeadlineRight h1 { color: #8c8c8c; font-size: 100%; font-family: arial; background-image: url(/images/pfeil-right.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; letter-spacing: 2px; margin: 10px 0 0 5px; padding: 0 0 0 25px; }
.boxNewsLeft { background-image: url(/images/boxnews-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 360px; height: 193px; float: left; margin: 5px 0 0; padding: 0; }
.boxNewsRight { background-image: url(/images/boxnews-hg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 360px; height: 193px; float: right; margin: 5px 0 0; padding: 0; }
#boxNewsHolder h2 { font-size: 70%; margin: 10px; }
#boxNewsHolder p { color: #666; font-size: 70%; text-align: justify; margin: 0 10px 5px; }
.boxNewsLeft a, .boxNewsRight a {
  color: #214a97;
  font-size: 70%;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  right: 10px;
  bottom: 20px;
  display: block;
}
/*-----------FOOTER--------------------------*/
#footer {
  color: #576ca4;
  background-image: url(/images/footer-hg.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
  width: 963px;
  height: 30px;
  margin: 0 auto;
  padding: 10px 0 0 15px;
  position: relative;
}
#footer ul { font-size: 70%; margin: 0; padding: 0 0 0; list-style-type: none; }
#footer li { float: left; margin: 0 6px; padding: 0; }
#footer li a { color: #576ca4; font-weight: bold; text-decoration: none; }
#footer li a:hover { color: #778cc4; font-weight: bold; text-decoration: none; }
/*-----------LAYOUT WEITERSEITEN----------------------*/
#contentRightAll { background: transparent; width: 727px; float: right; }
#contentRightBlank { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 727px; float: right; }

/*---------------Branchen Holder-------------------*/
#boxContentBranchen { margin-bottom: 10px; width: 727px; overflow: hidden; }
#boxContentBranchen h1 {
  font-size: 90%;
  line-height: 20px;
  margin: 0px 0 10px 15px;
  padding: 0;
}
#boxContentBranchen h3 { color: #1f2f61; font-size: 100%; background-image: url(/images/pfeil-list.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 center; margin: 15px 0 0; padding: 0 0 0 20px; }
#boxContentBranchen h2 { font-size: 70%; line-height: 32px; margin: 0 0 0 15px; padding: 0; }
#boxContentBranchen h6 { font-size: 70%; line-height: 32px; background-image: url(/images/pkt-line.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 center; margin: 0 0 0 0; padding: 0; }
#boxContentBranchen p { color: #575757; font-size: 70%; text-align: justify; margin: 0 15px 10px; padding: 0; }
#boxContentBranchen a {
  color: #214a97;
  text-decoration: none;
}
#boxContent { margin-bottom: 10px; width: 727px; }
#boxContent h1 {
  font-size: 90%;
  padding: 0;
  margin: 0 0 10px 15px;
  line-height: 20px;
}
#boxContent h2 { font-size: 70%; margin: 0 15px; padding: 0; }
#boxContent h3 { color: #1f2f61; font-size: 100%; background-image: url(/images/pfeil-list.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 center; margin: 15px 0 0; padding: 0 0 0 20px; }
#boxContent h6 { font-size: 70%; line-height: 32px; background-image: url(/images/pkt-line.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 center; margin: 0 0 0 0; padding: 0; }
#boxContent p { color: #575757; font-size: 70%; text-align: justify; margin: 0 15px 10px; padding: 0; }
#boxContent a {
  color: #214a97;
  text-decoration: none;
}
#boxContent .infoBox h1 { color: #fff; font-size: 90%; font-weight: bold; text-align: center; margin: 10px 0 0; padding: 0; }
.branchenHolder { }
.boxBranchenLogo { background: transparent url(/images/logoholder-hg.jpg) scroll no-repeat 0 0; text-align: center; width: 141px; height: 141px; float: left; margin-right: 10px; padding: 15px; overflow: hidden; }
.imgBranchenLogo { border: none; }
.boxBranchenText { position: relative; width: 545px; float: left; }
.branchenTextTop { line-height: 32px; background: transparent url(/images/box-textholder-top.gif) scroll no-repeat 0 0; height: 30px; margin: 0; padding: 0; }
.branchenTextMiddle {
  background: transparent url(/images/box-textholder-middle.gif) scroll repeat-y 0 0;
  margin: 0;
  min-height: 123px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0px;
  padding-left: 0;
}
#boxContent .branchenTextMiddle p, #boxContentBranchen .branchenTextMiddle p {
  margin-top: 0;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
}
.branchenTextBottom { background: transparent url(/images/box-textholder-bottom.gif) scroll no-repeat 0 0; position: relative; height: 43px; margin: -10px 0 0 0; padding: 0; }
.stellenLink { position: absolute; right: 0; bottom: 15px; }
.branchenHolder .weiterLink, .bottom-left {
  position: absolute;
  left: 0;
  bottom: 15px;
}
/* ---------- Flashholder ALL ----------- */
#boxFlashHolderAll { width: 727px; height: 249px; background: transparent url(/images/flashholder-weiterseite-hg.jpg) no-repeat top left; }
#boxFlashAll { position: relative; width: 358px; height: 249px; float: left; margin: 0; padding: 1px 0 0 9px; border-bottom-width: 20px; }
#boxStartTextAll { position: relative; width: 348px; height: 249px; float: left; margin: 8px 0; padding: 0; }
#boxStartTextAll h1 { background: none; color: #383838; font-size: 70%; font-weight: bold; text-align: left; margin: 0 0 8px; padding: 0; line-height: normal; }
#boxStartTextAll p { color: #383838; font-size: 70%; text-align: justify; margin: 0; padding: 0;}
/*-------------BOX JOB LISTE--------------------*/
#boxJoblistHolder { width: 727px; }
#boxJoblistHolder ul { margin: 20px 0 15px; padding: 0; list-style-type: none; }
#boxJoblistHolder li { font-size: 80%; line-height: 22px; position: relative; width: 707px; margin: 0 0 5px; padding: 0; }
#boxJoblistHolder li a { color: #626c7b; font-size: 100%; font-weight: bold; width: 707px; margin: 0; padding-left: 15px; border: solid 1px #dfdfdf; display: block; }
#boxJoblistHolder li a:hover { background-color: #f4f4f4; width: 707px; margin: 0; padding-left: 15px; display: block; }
.listText { font-weight: normal; text-decoration: none; position: absolute; top: 2px; right: 2px; bottom: 2px; float: right; margin: 0; padding: 0; display: block; }
#boxJoblistHolder li a span.listText { cursor: pointer; }
/*---------JOBPROFIL-----------------------*/
#boxJobprofilHolder { width: 725px; }
#boxJobprofilTop { background-image: url(/images/hg-jobprofil-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 100%; height: 24px; }
#boxJobprofilMiddle { background-image: url(/images/hg-jobprofil-middle.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; position: relative; right: 0; width: 100%; }
.boxJobprofilLeft p { text-align: right; }
#boxJobprofilMiddle ul {
  color: #575757;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 20px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 40px;
}
#boxJobprofilMiddle li {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
}
#boxJobprofilHolder ul { color: #575757; }
#boxJobprofilHolder li {  }
.boxJobprofilLeft { font-size: 100%; font-weight: bold; text-align: right; width: 200px; float: left; margin-top: 3px; margin-bottom: 3px; margin-left: 10px; padding-top: 4px; }
.boxJobprofilRight { font-size: 100%; background-image: url(/images/verlauf.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 489px; float: right; margin-top: 3px; margin-right: 10px; margin-bottom: 3px; padding-top: 4px; }
#boxContentBranchen .boxJobprofilRight p, #boxContentBranchen .boxJobprofilRight ul { margin: 0 15px 6px; }
#boxContentBranchen .boxJobprofilRight ul li { font-size: 70%; margin: 0 15px; padding: 0; }
.boxJobprofilRightGrau { font-size: 100%; background-color: #f3f3f3; margin-top: 15px; margin-right: 10px; width: 500px; float: right; padding-top: 10px; }
#boxJobprofilBottom { font-weight: bold; background-image: url(/images/hg-jobprofil-bottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; height: 68px; }
.bewerbungsLink { font-weight: bold; text-decoration: none; position: absolute; right: 0; bottom: 30px; }
.bewerbungsLinkOben { font-weight: bold; text-decoration: none; position: absolute; top: 10px; right: 10px; }
img.crossmedia { padding: 3px; border: solid 1px #d0d0d0; margin: 0 0 20px 10px; }
.imagesJobmessen { margin-left: 1px; border-style: none; border-width: 0; }
.boxContainerTop { background-image: url(/images/hg-jobprofil-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 725px; height: 24px; }
.boxContainerMiddle { background-image: url(/images/hg-jobprofil-middle.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; position: relative; width: 725px; }
.boxContainerBottom { font-weight: bold; background-image: url(/images/hg-jobprofil-bottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 725px; height: 68px; }
/*---------PORTAL-------------------*/
.boxPortalInfo { font-size: 100%; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; margin-top: 3px; margin-right: 10px; margin-bottom: 3px; padding-top: 4px; width: 700px; float: left; }
.screenImage { float: right; }
.listePortal {
  font-size: 80%;
  line-height: 120%;
  background-image: url(/images/verlauf.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: 0 0;
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  list-style-image: url(/images/pfeil-right-grau.gif);
}

/* ------------- Branchen- und Regionen?bersichten ------------- */
#boxContent .branchenRegionen { margin: 20px 0; }
#boxContent .branchenRegionenHolder { margin: 0; }
#boxContent .branchenRegionenHolder .logo { background-image: url(/images/branchen-regionen-hg-logo.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; width: 180px; height: 112px; float: left; margin-right: 10px; padding: 15px; }
#boxContent .branchenRegionenHolder .logo img { border: none; }
#boxContent .branchenRegionenHolder .text { position: relative; width: 507px; float: left; }
#boxContent .branchenRegionenHolder .text .top { line-height: 32px; background: url(/images/branchen-regionen-hg-text-top.gif) no-repeat scroll 0 0; height: 30px; margin: 0; padding: 0; }
#boxContent .branchenRegionenHolder .text .middle { min-height: 94px; background: url(/images/branchen-regionen-hg-text-middle.gif) repeat-y scroll 0 0; margin: 0; padding: 0; }
#boxContent .branchenRegionenHolder .text .middle p { margin: 0 15px; padding: 0; }
#boxContent .branchenRegionenHolder .text .bottom { background: url(/images/branchen-regionen-hg-text-bottom.gif) no-repeat scroll 0 0; position: relative; height: 43px; margin: -10px 0 0 0; padding: 0; }
#boxContent .branchenRegionenHolder .link, .bottom-right { position: absolute; right: 0; bottom: 15px; }
#boxContent .branchenRegionenHolder.regionenHolder .logo { height: 148px; background-image:url(/images/branchen-regionen-regionen-hg-logo.gif); }
#boxContent .branchenRegionenHolder.regionenHolder .text .middle { min-height: 130px; }
#boxContent .branchenHolder { margin: 0; }

.uebersicht { margin: 10px 0; }

/* Verhindert Zappel-Effekt im IE 6 */
#contentRight, #contentRightAll, #contentRightBlank {
  float: left;
  margin: 0;
}

/* Bewerbungsformular - Hier sind sicher einige doppelt */

#boxContentBranchen .boxJobprofilHolder { width: 727px; }
#boxContentBranchen .boxJobprofilTop { background-image: url(/images/hg-jobprofil-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 725px; height: 15px; }
#boxContentBranchen .boxJobprofilMiddle { background-image: url(/images/hg-jobprofil-middle.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 725px; }
#boxContentBranchen .boxJobprofilLeft p { text-align: left; }
#boxContentBranchen .boxJobprofilMiddle ul { color: #575757; }
#boxContentBranchen .boxJobprofilMiddle li { font-size: 70%; }
#boxContentBranchen .boxJobprofilLeft { font-size: 100%; font-weight: bold; text-align: right; width: 200px; float: left; margin-top: 3px; margin-bottom: 3px; margin-left: 10px; padding-top: 4px; }
#boxContentBranchen .boxJobprofilRight { font-size: 100%; background-image: url(/images/verlauf.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 500px; float: right; margin-top: 3px; margin-right: 10px; margin-bottom: 3px; padding-top: 4px; }
#boxContentBranchen .boxJobprofilBottom { font-weight: bold; background-image: url(/images/hg-jobprofil-bottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; position: relative; width: 725px; height: 68px; }
#boxContentBranchen .boxJobprofilRight p { margin: 0 15px 6px; }

#boxContentBranchen .boxFormularHolder { width: 727px; }
#boxContentBranchen .boxFormularTop { background-image: url(/images/hg-jobprofil-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 725px; height: 24px; }
#boxContentBranchen .boxFormularMiddle { background-image: url(/images/hg-jobprofil-middle.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 725px; }
#boxContentBranchen .boxFormularLeft p { text-align: left; }
#boxContentBranchen .boxFormularMiddle ul { color: #575757; }
#boxContentBranchen .boxFormularMiddle li { font-size: 70%; }
#boxContentBranchen .boxFormularLeft { font-size: 100%; font-weight: bold; text-align: right; width: 200px; float: left; margin-top: 3px; margin-bottom: 3px; margin-left: 10px; padding-top: 4px; }
#boxContentBranchen .boxFormularRight { font-size: 100%; background-image: url(/images/verlauf.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 500px; float: right; margin-top: 3px; margin-right: 10px; margin-bottom: 3px; padding-top: 4px; }
#boxContentBranchen .boxFormularBottom { font-weight: bold; background-image: url(/images/hg-jobprofil-bottom.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 725px; height: 68px; }
#boxContentBranchen .boxFormularRight p { margin: 0 15px 6px; }
.bewerbungsLink { font-weight: bold; text-decoration: none; position: absolute; right: 0; bottom: 30px; }


#boxContentBranchen .boxJobprofilLeft,
#boxContentBranchen .boxFormularLeft {
  width: 202px;
}

#boxContentBranchen .boxJobprofilRight,
#boxContentBranchen .boxFormularRight {
  width: 487px;
}

#boxContentBranchen p.ausfuellhinweis {
  margin-top: -10px;
  color: gray;
  font-size: 60%;
  font-weight: normal;
  text-align: left;
}

.boxFormularLeft p em {
  padding: 0 0.5ex 0 0;
}

.boxFormularLeft {
  position: relative;
  top: 2px;
}

#boxContentBranchen .boxFormularRight {
  background: none;
}

.boxFormularRight label,
.boxFormularRight span {
  font-size: 70%;
  vertical-align: middle;
}

select, input {
  vertical-align: middle;
}

select, textarea, input {
  font-family: inherit;
  font-size: 70%;
}

input.fileupload {
  margin-bottom: 0.5ex;
  display: block;
}

.a {
  color: #214a97;
  cursor: pointer;
}
#boxFilmHolder {
  width: 727px;
  height: 515px;
  position: relative;
}

#boxFilm {
  position: absolute;
  width: 500px;
  height: 374px;
  float: left;
  margin: 0;
  padding: 0;
  border-bottom-width: 20px;
  left: 115px;
  top: 70px;
}

#contentRightFilm {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
  width: 727px;
  float: right;
  background-image: url(images/hg-flash-videoplayer.jpg);
}

#boxFilmTitel {
  position: absolute;
  left: 125px;
  top: 34px;
  height: 20px;
  width: 400px;
  font-size: 80%;
  line-height: 20px;
  font-weight: bold;
  color: #FFFFFF;
}

.absatzLeft {
  color: #575757;
  font-size: 70% !important;
  text-align: justify;
  padding: 0;
  float: left;
  margin-top: 0;
  margin-right: 20px !important;
  margin-bottom: 10px;
  margin-left: 20px !important;
}

.absatzRight {
  color: #575757;
  font-size: 70% !important;
  text-align: justify;
  padding: 0;
  float: right;
  margin-top: 0;
  margin-right: 20px !important;
  margin-bottom: 10px;
  margin-left: 20px !important;
}

a.zurueck {
  float: right;
  display: block;
  text-align: right;
  position: relative;
  top: -15px;
  right: 15px;
  font-size: 70%;
  font-weight: bold;
}

a.zurueck.nach-h1 {
  top: -25px;
}

table.stellenprofile {
  color:#626C7B;
  font-size: 80%;
  font-weight: normal;
  width: 725px;
}

tbody, tr, th, td {
  font: inherit;
}

table.stellenprofile tr:hover {
  background: #F4F4F4;
  cursor: pointer;
}

#boxJoblistHolder table.stellenprofile a {
  display: block;
  color: #626C7B;
}

table.stellenprofile th a {
  padding: 2px 15px;
}

table.stellenprofile td a {
  padding: 2px 15px 2px 0;
  text-align: right;
}

table.stellenprofile th,
table.stellenprofile td {
  border: 1px solid #DFDFDF;
  vertical-align: top;
}

table.stellenprofile th {
  font-weight: bold;
  width: 355px;
  border-right: none;
}

table.stellenprofile td {
  border-left: none;
}

table.stellenprofile tr.spacer td {
  height: 3px;
  border: none;
}

table.stellenprofile tr.spacer:hover {
  background: transparent;
  cursor: default;
}

table.stellenprofile .mouseover {
  background: #F4F4F4;
}

table.stellenprofile .mouseover.spacer {
  background: transparent;
}

.promoholder {
  width: 950px;
  float: left;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.img_promo {
  padding: 5px;
  border: 1px solid #CCCCCC;
  float: right;
  margin: 0px;
}
.boxPromocode {
  width: 800px;
  line-height: 80%;
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  margin-left: 30px;
  border: 1px solid #CCCCCC;
}
.boxPromocode p {
  font-size: 75%;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.codebox {
  color: #333333;
  background-color: #CCCCCC;
  padding: 10px;
  margin-right: 20px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.promoHeadline {
  font-size: 110%;
  margin-left: 40px;
}

.float-left { float: left; margin: 3px 15px 10px 0; }
.float-right { float: right; margin: 3px 0 10px 15px; }
