/*======================================================================================*/
/*                                   allgemeine Styles                                  */
/*======================================================================================*/
* {
  margin:0;
  padding:0;
  border:none;
  font-family:Arial,Verdana,Sans-Serif;
  color:#3e3e3e;
  font-size:11px;
}

body {
  background-color:#fff;
}

table {
  border-collapse:collapse;
  border:none;
}

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

fieldset {
  border:1px solid #a9a9a9;
}

legend {
  color:#3e3e3e;
  font-weight:bold;
  text-transform:uppercase;
}
/* Links */
a {
  font-weight:bold;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}

/*======================================================================================*/
/*                               individuelle Klassen                                   */
/*======================================================================================*/
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
.frameBody {
  margin:0;
  border-top:1px solid #000;
  text-align:center;
  background: #fff;
}

* html .frameBody, html* .frameBody
{
  height: 39px;
  margin-bottom: -10px:
}

body.popup {
  margin:10px auto;
  width:740px;
}
body.bodyContent {
  width:486px;
}
.bewFormTrennLinie hr {
  margin-top:10px;
  height:1px;
  color:#ccc;
}
#innerunten {
  overflow:hidden;
  background:#fff; 
}
/*==================================== 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:60px;
  height:20px;
}
.plus {
  display:block;
  background-repeat:no-repeat;
  background-image:url('/images/btn_plus.gif');
  background-position:center center;
}
.minus {
  display:block;
  background-repeat:no-repeat;
  background-image:url('/images/btn_minus.gif');
  background-position:center center;
}

/* 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:11px;
  height:13px;
  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
{
  margin-right:8px;
  padding-right:22px;
  background:url('/images/12015/double_arrow.gif') no-repeat right center;
  color:#000;
  font-size:1.6em;
  font-weight:normal;
  text-decoration:none;
  text-transform:uppercase;
}

/* einzelne Buttons ausserhalb von Boxen und nicht der btnLine zugehoerig*/
a.btn
{
  padding-left:8px;
  background:url('/images/12015/arrow.gif') no-repeat left center;
  color:#3e3e3e;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}

/*------------------------------------ weiter Button -----------------------------------*/
a.weiterBtn {
  background:url('/images/12015/arrow.gif') no-repeat left center;
  color:#000;
  font-size:1.1em;
  text-decoration:none;
  font-weight:bold;
  height:30px;
  line-height:30px;
  padding-left:8px;
}

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

/*------------------------------ Buttonleiste im Frame-Popup ---------------------------*/
.frameBody a {
	margin:0 8px;
	padding-left:8px;
	background: url('/images/12015/arrow.gif') no-repeat left center;
	color:#3e3e3e;
	text-decoration:none;
	text-transform:uppercase;
}

.frameBody .buttonsanzeige a {
	display: inline;
  margin:0 8px;
	padding-left:8px;
	background: url('/images/12015/arrow.gif') no-repeat left center;
	color:#3e3e3e;
	text-decoration:none;
	text-transform:uppercase;
  font-size: 11px;
}

.buttonsanzeige td
{
  background: #fff;
  padding: 0;
}
/*----------------------------------- 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 {
  display:block;
  width:7px;
  height:4px;
  padding:0px 0px 3px 6px;
  background-repeat:no-repeat;
  background-image:url('/images/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 {
  display:block;
  width:7px;
  height:4px;
  padding:3px 0px 0px 6px;
  background-repeat:no-repeat;
  background-image:url('/images/sort_desc_active.gif');
  background-position:center center;
}

/* fuer Nach-Oben-Link */
.tableInfoBar a.toTop {
  color:#000;
  text-decoration:none;
  font-weight:bold;
  height:30px;
}

/* fuer Links fuer Anzahl von Seiten in Ergebnisliste zum Seitenwechsel */
.tableInfoBar a.siteCounter {
  height:30px;
  color:#000;
  font-size:1.1em;
  text-decoration:underline;
  font-weight:bold;
  padding-right:2px;
  padding-left:2px;
}
.tableInfoBar a.siteCounterActive
{
  height:30px;
  color:#c00;
  font-size:1.1em;
  text-decoration:none;
  font-weight:bold;
  padding-right:2px;
  padding-left:2px;
}

/* fuer Link vorherige Seite */
.tableInfoBar a.backArrow {
  height:30px;
  background-repeat:no-repeat;
  background-image:url('/images/1/arr_left.gif');
  vertical-align:middle;
}

/* fuer Link naechste Seite */
.tableInfoBar a.nextArrow {
  height:30px;
  background-repeat:no-repeat;
  background-image:url('/images/1/arr_right.gif');
  vertical-align:middle;
}

/* Links in Titel-Zeile der Tabelle*/
.tableHeader td a {
  color:#3e3e3e;
  font-size:1.1em;
  font-weight:bold;
}

/* Ergebniszeile mit Bild */
.tableRow a.bild, .tableRow img.bild
{
  display:inline;
  padding:0px;
  margin:0px 4px;
  vertical-align:middle;
}
/* Ergebniszeile */
.tableRow a
{
  color:#3e3e3e;
  font-weight:bold;
  text-decoration:underline;
  display:block;
  padding:4px;
}
.tableRow a:hover {
  text-decoration:none;
}

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-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-weight:bold;
  text-transform:none;
  text-decoration:none;
  white-space:nowrap;
}
/* OK-Button */
a.okBtn {
  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 {
 	text-decoration:none;
}
a.okBtn:hover {
  border:1px #CA2B3F solid;
  color:#fff;
  background-color:#393939;
}

/* Buttons in Contentboxen */
a.boxBtn {
  padding:1px;
  color:#ffffff;
  background-color:#B5250B;
  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-weight:bold;
}

/* Bewerbungsformular Buttons fuer Langfromular */
a.bewFormBtnFill, a.bewFormBtnChange:hover {
  width:70px;
  float:left;
  padding:2px 8px;
  margin-right:4px;
	border-width:1px;
	border-style:solid;
	border-color:#e5e5e5 #aaaaaa #aaaaaa #e5e5e5;
	background-color:#d5d5d5;
	color:#999;
	font-size:1.1em;
	line-height:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
a.bewFormBtnChange, a.bewFormBtnFill:hover {
  width:70px;
  float:left;
  padding:2px 8px;
	margin-right:4px;
	border-width:1px;
	border-style:solid;
	border-color:#e5e5e5 #aaaaaa #aaaaaa #e5e5e5;
	background-color:#d5d5d5;
	color:#000;
	font-size:1.1em;
	line-height:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
/*--------------------------------------------------------------------------------------*/
/*                                       Tabellen                                       */
/*--------------------------------------------------------------------------------------*/
.frameBody table.buttonsanzeige {
  margin:13px auto;
  width:783px;
}
/* Button-Leiste - Tabellen Variante */
.btnLine td {
  font-size:1.1em;
  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 {
  padding:4px;
  border-bottom:2px #a9a9a9 solid;
  color:#3e3e3e;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
}

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

/* fuer Buttons ueber der Tabelle */
.tableBtnBar {
  width:100%;
  margin-bottom:3px;
  margin-top:15px;
}

/* fuer Infos zu den Ergebnissen in der Tabelle */
.tableInfoBar {
  height:22px;
  background-color:#dbdad3;
}
.tableInfoBar td {
  padding:2px;
  color:#000;
  vertical-align:middle;
}

/* Tabellenzeile */
.tableRow td
{
  border-bottom:1px #dbdad3 solid;
  background-color:none;
  text-align:left;
}
.tableRow td.gridLeft {
  border-left:1px #dbdad3 solid;
  padding:2px;
}
.tableRow div {
  padding:4px;
}

/*---------------------------- 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 #ccc solid;
  color:#333333;
  background-color:#DBDAD3;
}

fieldset input.textbox, fieldset textarea.textbox {
  width:260px;
}
input.textboxklein, textarea.textboxklein, select.textboxklein
{
  width:130px;
  border:1px #ccc solid;
  color:#333333;
  background-color:#eeeeff;
  font-size:0.9em;
}
select.textbox {
  width:259px;
}
fieldset select.textbox {
  width:262px;
}
select.textboxklein {
  width:133px;
}

textarea.bewForm, textarea.bewFormWerdegang {
  width:738px;
}
textarea.bewFormWerdegang {
  height:45px;
}

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:100px; }
.dropBra { height:58px; }
.dropRan { height:76px; }
.dropAns { height:76px; }
.dropBer { height:174px; }
.dropReg { height:76px; }
.dropSta { height:76px; }
.dropSel { height:216px; }

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

/*----------------------------- Angaben fuer Seiten ------------------------------------*/
.pageTitle, h1 {
  margin-bottom:10px;
  background:url('/images/12015/dotted.gif') repeat-x;
  color:#000;
  font-size:1.6em;
  font-weight:normal;
  text-transform:uppercase;
}
.pageSubTitle, h2 {
  margin-top:10px;
  margin-bottom:10px;
  color:#999;
  font-size:1.1em;
  font-weight:bold;
}
.pageContent, .pageText {
  padding:0;
}
.pageText {
  margin-top:8px;
  margin-bottom:8px;
}
.pageTitleBar {
  padding-top:4px;
  background:url('/images/12015/dotted.gif') repeat-x;
  color:#000;
  font-size:1.6em;
  font-weight:normal;
  text-transform:uppercase;
}

/* fuer Boxen */
.boxTitle, .boxSubTitle, .boxContent, .boxText, .boxShortText, .boxFullText,
.boxMoreLink, .boxLinkList, .boxBackLink {
  display:block;
  margin:2px 4px 8px 4px;
}
.boxTitle {
  color:#B5250B;
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
}
.boxSubTitle {
  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-top:10px;
  padding:4px 0;
  border-top:1px dotted #4D4E51;
  border-bottom:1px dotted #4D4E51;
}

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

/* zum Zentrieren von 1- und 2-spaltigen Tabellen*/
.colOneAlign, .colTwoAlign1, .colTwoAlign2 {
  width:262px;
}
.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-weight:bold;
}

.infoHeader {
  background-color:#D9DADC;
  color:#393939;
}

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

.formKlein {
  color:#393939;
  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:12px 0;
  padding:4px 0;
  border-bottom:1px solid #a9a9a9;
  border-top:1px solid #a9a9a9;
}
#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;
  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:#3e3e3e;
}
.formTitle
{
  margin:10px 0px;
  padding:4px;
  font-size:1.1em;
  color:#333;
  background-color:#E5E5E5;
  font-weight:bold;
}
div.textbox {
  border:1px #D9DADC solid;
  background-color:#ECEDEF;
}


/*------------------------------ 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-weight:bold;
}

.body
{
  color:#333;
  background-color:#e5e5e5;
  padding:3px;
  text-decoration:none;
}

.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-weight:bold;
  text-transform:uppercase;
}
/*======================================================================================*/
/*                           spezielle Seiten-Styles                                    */
/*======================================================================================*/

/*========================= Seite 20 Angebotssuchmaske =================================*/
#sei20 #pageTitleBar1, #sei20 .pageSubTitle {
  display:none;
}
#sei20 .colTwoAlign1, #sei20 .colTwoAlign2 {
  width:230px;
}
#sei20 .plusMinusCol img {
  width:25px;
  height:20px;
}
/*--------------------------------- Button-Leiste --------------------------------------*/
#sei20 div.btnLine a
{
  float:left;
  display:block;
  padding-right:22px;
  background:url('/images/12015/double_arrow.gif') no-repeat center right;
  color:#000;
  font-size:1.6em;
  font-weight:normal;
  text-decoration:none;
  text-transform:uppercase;
}
#sei20 input.textbox, #sei20 textarea.textbox, #sei20 select.textbox {
  width:230px;
  border:1px #ccc solid;
  color:#333333;
  background-color:#DBDAD3;
}
#sei20 select.textbox {
  width:230px;
}
/*========================= Seite 19 Angebots Ergebnisliste ============================*/
#sei19 .pageSubTitle {
  display:none;
}

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


/*========================== Seite 30 - Hotelliste =====================================*/
#sei30 .btnLine, #sei30 .pageSubTitle {
  display:none;
}

#bodySei63 fieldset .btnLine {
  margin-top:0;
  border:none;
}
#bodySei63 fieldset .btnLine a {
  color:#3e3e3e;
  font-size:1em;
  font-weight:bold;
  padding:0 0 0 8px;
  background:url('/images/12015/arrow.gif') no-repeat left center;
}

/*======================= Empfehlung an Freund Seite ====================================*/
#bodySei88 {
  width:100%;
}
#bodySei88 .btnLine a {
  font-size:11px;
}
#bodySei88 .textbox {
  width:300px;
}