@import url('../styles/all.css');

/*======================================================================================*/
/*                                   allgemeine Styles                                  */
/*======================================================================================*/
body {
  background-color:#fff;
  color:#000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
}
table {
  border-collapse:collapse;
  border:none;
}
input, textarea, select {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
}
option {
  margin-left:3px;
}

label, div.label
{
  display:block;
  margin-top:4px;
  text-align:left;
}

fieldset {
  border:1px solid #ccc;
}

legend {
  color:#000;
  font-weight:bold;
}
/* Links */
a {
  color:#c00;
  font-weight:normal;
  text-decoration:underline;
}

/*======================================================================================*/
/*                               individuelle Klassen                                   */
/*======================================================================================*/
.frameBody {
  margin:0;
  border-top:1px solid #000;
  background-color:#fff;
  text-align:center;
}
body.popup {
  width:740px;
  margin: 5px auto;
}
#poweredBy {
  text-align:right;
}
#poweredBy img {
  width:168px;
  height:60px;
  background-image:url('/images/poweredby.gif');
  background-repeat:no-repeat;
}
.bewFormTrennLinie hr {
  margin-top:10px;
  height:1px;
  color:#ccc;
}
/*==================================== Trennlinie ======================================*/
.bewFormTrennLinie hr {
  margin-top:10px;
  height:1px;
  color:#ccc;
}

.line {
  margin-top:10px;
  margin-bottom:10px;
  border-top:1px #ccc solid;
}

.line img {
  width:1px;
  height:1px;
}

/*--------------------------------------------------------------------------------------*/
/*                                        IMAGES                                        */
/*--------------------------------------------------------------------------------------*/
.plusMinusCol img {
  width:40px;
  height:20px;
}
.plus {
  display:block;
  background:url('/images/btn_plus.gif') center center no-repeat;
}
.minus {
  display:block;
  background:url('/images/btn_minus.gif') center center no-repeat;
}

/* grosse Logos bei A-Z Suche */
img.logoAzList {
  width:108px;
  height:108px;
}

/* kleine Logos bei A-Z Suchergebnis */
img.logoHotList {
  display:block;
  float:right;
  margin-right:4px;
  margin-bottom:4px;
  border:1px #333333 solid;
  width:50px;
}

/* Abstandhalter Image */
img.offset { height:2px; width:2px; }

/* Tabellen Seiten-Zaehler Bild Pfeil nach rechts und links (Shim-Groesse)*/
.tableInfoBar a.backArrow img, .tableInfoBar a.nextArrow img{
  width:20px;
  height:8px;
  margin-left:2px;
  margin-right:2px;
}

/*--------------------------------------------------------------------------------------*/
/*                                      FIELDSETS                                       */
/*--------------------------------------------------------------------------------------*/

/* Fuer 1spaltige Formulare */
fieldset.oneCol {
  display:block;
  padding:6px;
  margin:0px;
}
/* Fuer 2spaltige Formulare */
fieldset.twoCol {
  float:left;
  width:264px;
  padding:6px;
  margin:0px;
}

/*--------------------------------------------------------------------------------------*/
/*                                      LINKS                                           */
/*--------------------------------------------------------------------------------------*/

/*--------------------------------- Button-Leiste --------------------------------------*/
div.btnLine a {
  padding:2px 10px 2px 10px;
  border:1px #ccc solid;
  background-color:#e0dfe3;
  color:#000;
  font-size:1em;
  font-weight:normal;
  text-decoration:none;
  line-height:30px;
  white-space:nowrap;
}

/* einzelne Buttons ausserhalb von Boxen und nicht der btnLine zugehoerig*/
a.btn {
  padding:2px 10px;
  border:1px #ccc solid;
  background-color:#e0dfe3;
  color:#000;
  font-weight:normal;
  text-decoration:none;
  line-height:30px;
  white-space:nowrap;
}

/*------------------------------------ weiter Button -----------------------------------*/
a.weiterBtn {
  padding-right:24px;
  background:url('/images/btn_right_000.gif') right center no-repeat;
  height:30px;
  color:#666;
  font-size:11px;
  line-height:30px;
  text-decoration:underline;
  font-weight:bold;
}

a.weiterBtn:hover {
  text-decoration:underline;
}

/*------------------------------ Buttonleiste im Frame-Popup ---------------------------*/
.frameBody a {
  display:block;
	padding:2px 10px;
  border:1px #ccc solid;
  background-color:#e0dfe3;
  color:#666;
  font-weight:normal;
  text-decoration:none;
}

/*----------------------------------- fuer Tabellen ------------------------------------*/

/* zum Sortieren */
a.sortAsc {
  display:block;
  width:7px;
  height:4px;
  padding:0px 0px 3px 6px;
  background-repeat:no-repeat;
  background-image:url('/images/sort_asc.gif');
  background-position:center center;
}
a.sortAscActive, a.sortAsc:hover {
  display:block;
  width:7px;
  height:4px;
  padding:0px 0px 3px 6px;
  background-repeat:no-repeat;
  background-image:url('/images/12284/sort_asc_active.gif');
  background-position:center center;
}
a.sortDesc {
  display:block;
  width:7px;
  height:4px;
  padding:3px 0px 0px 6px;
  background-repeat:no-repeat;
  background-image:url('/images/sort_desc.gif');
  background-position:center center;
}
a.sortDescActive, a.sortDesc:hover {
  display:block;
  width:7px;
  height:4px;
  padding:3px 0px 0px 6px;
  background-repeat:no-repeat;
  background-image:url('/images/12284/sort_desc_active.gif');
  background-position:center center;
}

/* fuer Nach-Oben-Link */
.tableInfoBar a.toTop {
  padding-right:16px;
  background:url('/images/btn_top_666.gif') right center no-repeat;
  font-weight:normal;
  text-decoration:none;
}

/* fuer Links fuer Anzahl von Seiten in Ergebnisliste zum Seitenwechsel */
.tableInfoBar a.siteCounter {
  padding-right:2px;
  padding-left:2px;
  color:#000;
  text-decoration:underline;
}
/* Seitenzahl aktiv */
.tableInfoBar a.siteCounterActive, .tableInfoBar a.siteCounter:hover {
  padding-right:2px;
  padding-left:2px;
  color:#000;
  text-decoration:none;
  font-weight:bold;
}

/* fuer Link vorherige Seite */
.tableInfoBar a.backArrow {
  background:url('/images/btn_left_666.gif') center center no-repeat;
}

/* fuer Link naechste Seite */
.tableInfoBar a.nextArrow {
  background:url('/images/btn_right_666.gif') center center no-repeat;
}

/* Links in Titel-Zeile der Tabelle*/
.tableHeader td a {
  color:#000;
  font-weight:bold;
}

/* Ergebniszeile mit Bild */
.tableRow a.bild, .tableRow a.bild:hover, .tableRow img.bild
{
  display:inline;
  padding:0px;
  margin:0px 4px;
  vertical-align:middle;
}
/* Ergebniszeile */
.tableRow a {
  display:block;
}

A.aktion, A.aktion4 {
  padding:2px 10px 2px 10px;
  border-style:solid;
  border-width:2px;
  border-color:#F3F3F3 #BDBDBD #BDBDBD #F3F3F3;
  color:#3A3A3A;
  background-color:#e5e5e5;
  line-height:30px;
  font-size:11px;
  font-weight:bold;
  text-transform:none;
  text-decoration:none;
  white-space:nowrap;
}
A.aktion:hover, A.aktion4:hover {
  border-style:solid;
  border-width:2px;
  border-color:#BDBDBD #F3F3F3 #F3F3F3 #BDBDBD;
  color:#3A3A3A;
  background-color:#e5e5e5;
  line-height:30px;
  font-size:11px;
  font-weight:bold;
  text-transform:none;
  text-decoration:none;
  white-space:nowrap;
}
/* OK-Button */
a.okBtn {
  font-size:11px;

  border:1px #CA2B3F solid;
  background-color:#D9DADC;
  color:#393939;
  text-decoration:none;
  padding:2px;
  padding-bottom:0px;
  margin:0;
  white-space:nowrap;
}
a.okBtn:active {
	font-size:11px;
 	text-decoration:none;
}
a.okBtn:hover {
	font-size:11px;
  border:1px #CA2B3F solid;
  color:#fff;
  background-color:#393939;
}

/* Buttons in Contentboxen */
a.boxBtn {
  padding:1px;
  color:#ffffff;
  background-color:#B5250B;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}

/* A-Z Buttons Buchstaben */
div.azBtn a
{
  padding:1px 4px;
  margin:3px;
  color:#ffffff;
  background-color:#B5250B;
  font-size:11px;
  font-weight:bold;
}

/* Bewerbungsformular Buttons fuer Langfromular */
a.bewFormBtnFill, a.bewFormBtnChange:hover {
  width:70px;
  float:left;
  margin-right:4px;
  padding:3px 10px;
  border:1px #666 solid;
  background-color:#ccc;
  color:#666;
  font-size:10px;
  line-height:12px;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  text-align:center;
}
a.bewFormBtnChange, a.bewFormBtnFill:hover {
  width:70px;
  float:left;
  margin-right:4px;
  padding:3px 10px;
  border:1px #666 solid;
  background-color:#999;
  color:#666;
  font-size:10px;
  line-height:12px;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  text-align:center;
}
/*--------------------------------------------------------------------------------------*/
/*                                       Tabellen                                       */
/*--------------------------------------------------------------------------------------*/
.frameBody table.buttonsanzeige {
  margin:0 auto;
}
.frameBody table.buttonsanzeige td {
  padding:6px 12px;
}

/* Button-Leiste - Tabellen Variante */
.btnLine td {
  font-size:12px;
  text-align:center;
  height:30px;
}

table.fixtable {
  table-layout:fixed;
}

/* kl. Tabelle in Ergebnisliste zur Sortierung einer Spalte */
table.sortTable td {
  padding:0px;
  border:none;
}

/* Titelzeile einer Tabelle */
.tableHeader td {
  color:#000;
  font-weight:bold;
  border-bottom:1px #000 solid;
  padding:6px 4px 6px 0;
  text-align:left;
  vertical-align:bottom;
}

/* Zwischen Titelseiten einer Tabelle zum Abtrennen bestimmter Themen */
.tableRowHeader td {
  padding:4px;
  border-bottom:1px #000 solid;
  color:#000;
  background-color:#e5e5e5;
  font-weight:bold;
  text-transform:uppercase;
  text-align:left;
}
.tableRowHeader2 td     /* =tableRowHeader ohne uppercase */
{
  padding:4px;
  border-bottom:1px #000 solid;
  color:#333333;
  background-color:#e5e5e5;
  font-size:11px;
  font-weight:bold;
  text-align:left;
}

/* fuer Buttons ueber der Tabelle */
.tableBtnBar, .tableInfoBar {
  width:100%;
  height:30px;
}

/* fuer Infos zu den Ergebnissen in der Tabelle */
table.tableInfoBar td {
  padding:2px 0;
}

/* Tabellenzeile */
tr.tableRow td {
  border-bottom:1px #ccc solid;
  padding:4px 4px 4px 0;
  text-align:left;
}
.tableRow td.gridLeft {
  border-left:1px #cccccc solid;
  padding:2px;
}
.tableRow div {
  padding:0;
}

/*---------------------------- Suchmaske --------------------------*/
.searchMask {
  width:100%;
}
.searchMask td
{
  text-align:center;
  vertical-align:top;
}
.searchMask td.plusMinusCol {
  vertical-align:middle;
}

/*------------------ Tabellen die keine Listen anzeigen - Infotables -------------------*/
.infoTable    { width:100%; }
.infoTable th { font-weight:bold; }

/*------------------ Tabelle bei Unternehmen A-Z ---------------------------------------*/
table.azTable
{
  border-collapse:separate;
}
table.azTable td
{
  height:130px;
  padding:5px;
  background-color:#e5e5ff;
  vertical-align:top;
}

/*--------------------------------------------------------------------------------------*/
/*                                    Formularfelder                                    */
/*--------------------------------------------------------------------------------------*/
input.check, input.radioBtn { border:none; }

.pageForm label input.radioBtn, .pageForm div.label input.radioBtn {
  display:inline;
}

label select, label input, label textarea,
.pageForm label select, .pageForm label input, .pageForm label textarea,
.pageForm div.label select, .pageForm div.label input, .pageForm div.label textarea {
  display:block;
}

input.textbox, textarea.textbox, select.textbox {
  width:254px;
  border:1px solid #ccc;
}
select.textbox {
  width:259px;
}
.searchMask input.textbox, .searchMask textarea.textbox, .searchMask select.textbox {
  width:240px;
}
fieldset input.textbox, fieldset textarea.textbox {
  width:260px;
}
input.textboxklein, textarea.textboxklein, select.textboxklein
{
  width:130px;
  border:1px #666 solid;
  color:#333333;
  font-size:10px;
}

fieldset select.textbox {
  width:262px;
}
select.textboxklein {
  width:133px;
}

textarea.bewForm, textarea.bewFormWerdegang {
  width:718px;
}

fieldset div.bewShortForm textarea {
  width:583px;
}

select.jahr {
  width:55px;
  color:#393939;
  border:1px #D9DADC solid;
  background-color:#ECEDEF;
}

select.monat {
  width:78px;
  color:#393939;
  border:1px #D9DADC solid;
  background-color:#ECEDEF;
}

input#waeValue, select#waeArt, select#waeTime, select#waeType,
select#dateDay, select#dateMonth, select#dateYear,
select#dateMonthSmall, select#dateYearSmall {
  display:inline;
  margin-right:2px;
}
input#waeValue {
  width:34px;
}
select#waeArt {
  width:50px;
}
select#waeTime {
  width:105px;
}
select#waeType {
  width:60px;
  margin-right:0;
}
select#dateDay {
  width:50px;
}
select#dateMonth {
  width:115px;
}
select#dateYear {
  width:90px;
  margin-right:0;
}
select#dateMonthSmall {
  width:76px;
}
select#dateYearSmall {
  width:52px;
  margin-right:0;
}

#kat_min, #kat_max { width:115px; }
.dropBra { height:51px; }
.dropRan { height:66px; }
.dropAns { height:66px; }
.dropBer { height:276px; }
.dropReg { height:66px; }
.dropSta { height:66px; }
.dropSel { height:201px; }

/*--------------------------------------------------------------------------------------*/
/*                                 DIVs, LABELs, Texte etc.                             */
/*--------------------------------------------------------------------------------------*/
.klaerchen  { clear:both; }
.displayOn  { display:block; }
.displayOff { display:none; }

/*----------------------------- Angaben fuer Seiten ------------------------------------*/
.pageTitle, h1 {
  padding:12px 0;
  color:#000;
  font-size:15px;
  font-weight:bold;
}
.pageSubTitle, h2 {
  margin:10px 0;
  height:16px;
  color:#000;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
}
div.pageContent p {
  margin:10px 0;
}
.pageText {
  margin:10px 0;
}
.pageTitleBar {
  margin-top:4px;
  padding:6px 0;
  color:#000;
  border-bottom:1px solid #666;
  border-top:1px solid #666;
  font-size:12px;
  font-weight:bold;
  text-align:left;
}

/* fuer Boxen */
.boxTitle, .boxSubTitle, .boxContent, .boxText, .boxShortText, .boxFullText,
.boxMoreLink, .boxLinkList, .boxBackLink {
  display:block;
  margin:2px 4px 8px 4px;
}
.boxTitle {
  color:#B5250B;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
}
.boxSubTitle {
  font-size:11px;
  font-weight:bold;
}

/* Kleingedrucktes unter den Seiten */
.infoTitle {
  font-weight:bold;
  font-style:italic;
}
.info { font-style:italic; }

/* Buttonleiste fuer DIV, wenn es geht, dieses verwenden, statt Tabelle */
div.btnLine {
  margin:10px 0;
  text-align:center;
}

/* fuer Formularfelder der Titel */
.pageForm label, .pageForm div.label
{
  display:block;
  margin-top:10px;
  text-align:left;
}

/* zum Zentrieren von 1- und 2-spaltigen Tabellen*/
.colOneAlign, .colTwoAlign1, .colTwoAlign2 {
  width:262px;
}
.searchMask .colOneAlign, .searchMask .colTwoAlign1, .searchMask .colTwoAlign2 {
  width:240px;
}
.colOneAlign {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.colTwoAlign1 {
  text-align:right;
  margin-left:auto;
  margin-right:0;
}
.colTwoAlign2 {
  text-align:left;
  margin-left:0;
  margin-right:auto;
}

/* Uebersicht bei Admin: Unternehmen bearbeiten */
.titleUebersicht {
  margin-top:15px;
  color:#B5250B;
  font-size:11px;
  font-weight:bold;
}

.infoHeader {
  background-color:#D9DADC;
  color:#393939;
  font-size:11px;
}

.header {
  font-size:16px;
  font-weight:bold;
  text-align:center;
  padding-bottom:20px;
}

.formKlein {
  color:#393939;
  font-size:11px;
  padding-top:6px;
}

/* Abstand zwischen den 2 Fieldsets */
div.twoColOffset {
  float:left;
  width:10px;
}

div.bewShortForm {
  width:580px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/*==================================== Online-Bewerbungsformular =======================*/
#bewInfo {
  margin-bottom:20px;
  padding:4px 0;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  font-size:12px;
}
#bewPos, #bewAnsprech, #bewCompany {
  float:left;
}
#bewPosAfter, #bewCompanyAfter, #bewAnsprechAfter {
  line-height:1px;
  clear:both;
}
#bewPosTitle, #bewAnsprechTitle, #bewCompanyTitle {
  float:left;
  width:140px;
  font-weight:bold;
}
#bewFormBtn div {
  height:20px;
  padding:5px 2px 5px 0;
  font-size:12px;
  line-height:18px;
  vertical-align:middle;
}
/*---------------------*/

.tableRow #nopadding {
  padding:0px;
  background-color:#fff;
}

div.meldung
{
  border:1px solid #CC0000;
  margin:10px 0px;
  padding:4px;
  color:#000;
  font-weight:bold;
  text-align:left;
}
.fehler {
  position:relative;
  color:#cc0000;
  display:none;
}
.mark {
  color:#000;
  font-weight:bold;
}
.formTitle
{
  margin:10px 0px;
  padding:4px;
  font-size:13px;
  color:#333333;
  background-color:#E5E5E5;
  font-weight:bold;
}
div.textbox {
  border:1px #999 solid;
  background-color:#eee;
}


/*------------------------------ fuer InfoLayer ----------------------------------------*/
.subject
{
  color:#ffffff;
  background-color:#B5250B;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ffffff;
  padding:3px;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
}

.body
{
  color:#333;
  background-color:#e5e5e5;
  padding:3px;
  text-decoration:none;
  font-size:11px;
  font-family:Arial,Helvetica,sans-serif;
}

.divhint
{
  LEFT:100px;
  WIDTH:auto;
  TOP:100px;
  HEIGHT:50px;
  POSITION:absolute;
  VISIBILITY:hidden;
  z-index:100;
}
/*--------------------------------------------------------------------------------------*/
/*                                        LISTEN                                        */
/*--------------------------------------------------------------------------------------*/

/*=================================== normale Listen ===================================*/
.normalList {
  margin:10px 0px 10px 20px;
  list-style-position:outside;
}
.normalList li, .normalListOrdered li {
  margin-top:10px;
}
.normalListOrdered
{
  margin:10px 0px 10px 26px;
  list-style-position:outside;
}

/*================================= Listen mit Titel ===================================*/
.boxStyle2 .headList
{
  margin:0;
  padding:0;
  list-style-type:none;
}
.boxStyle2 .headList li
{
  margin:0;
  padding:10px 4px;
  border-top:2px solid #fff;
}
.boxStyle2 .headList li span
{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}
/*======================================================================================*/
/*                           spezielle Seiten-Styles                                    */
/*======================================================================================*/
#sei19 h1, #sei20 h1, #sei30 h1, #bodySei110 h1, #bodySei30 h2 {
  display:none;
}
/*========================== Seite 20 Suchmaske ====================================*/
#sei20 h1 {
  display:none;
}
#sei20 .colTwoAlign1, #sei20 .colTwoAlign2 {
  width:205px;
}
#sei20 .textbox {
  width:205px;
}
#sei20 #kat_min, #sei20 #kat_max {
  width:97px;
}
/*========================= Seite 120 Kontaktformular ==================================*/
#sei120 .formTable {
  margin-right:auto;
  margin-left:auto;
}
#sei120 .formTable td textarea.bemerk {
  width:544px;
  height:80px;
}
#sei120 .formOffset {
  width:30px;
  height:1px;
}
#sei120 p.rightImage {
  float:right;
  margin-right:26px;
  margin-left:10px;
  background-repeat:no-repeat;
  background-image:url('../images/1/kontakt_foto.jpg');
}
#sei120 p.rightImage img {
  width:80px;
  height:120px;
}
#sei120 div.btnLine {
  text-align:right;
  margin-right:26px;
}

/*========================== Seite 27 Kurzbewerbung ====================================*/
#sei27 .colOneAlign {
  width:584px;
}
#sei27 .bewShortForm table { width:100%; }
#sei27 fieldset, #bodySei63 fieldset { margin-top:10px; }

/*========================= Seite 116 -> oberer Frame im Anzeigenpopup =================*/
body#bodySei116 {
  width:auto;
}

ul.abc {
  margin-top:10px;
}

ul.abc li {
  margin:0;
  padding:0;
  display:inline;
}

ul.abc li a {
  border:1px solid #ccc;
  background:#e0dfe3;
  padding:1px 1px 1px 1px;
  color:#000;
  font-size:0.9em;
  font-weight:normal;
  text-decoration:none;
  margin-right:6px;
}

div.infoBox {
  clear:both;
  width:100%;
  padding:0;
  border-top:2px solid #fff;
}

div.infoBox:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0px;
}

/* Boxen rechts und links */
div.outer {
  width:180px;
}

div.full {
  clear:both;
  padding:0;
  background-repeat:repeat-y;
}

div.half, div.third, div.quarter, div.fifth {
  float:left;
  padding:0;
  background-repeat:repeat-y;
}

div.bgHalf {
  background-image:url('/images/bg_half.gif');
}

div.bgThird {
  background-image:url('/images/bg_third.gif');
}

div.bgQuarter {
  background-image:url('/images/bg_quarter.gif');
}

div.bgFifth {
  background-image:url('/images/bg_fifth.gif');
}

/* moegliche Breiten der Boxen */
div.half    { width:300px; }
div.third   { width:150px; }
div.quarter { width:150px; }
div.fifth   { width:120px; }
#leftContentfull div.half {
  width:391px;
}

#bodySei110 .third a {
  margin:5px auto;
  display:block;
  width:108px;
  border:1px solid #ccc;
}

table.produkte {
  width:450px;
  margin:5px 1px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}

table.produkte th {
  padding:3px;
  text-align:left;
  background:none;
  color:#000;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

table.produkte td {
  padding:3px;
  background:none;
  border-bottom:none;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}