.Datenkopfzeile {
  background-color: #eed8a0;
  font-weight: bold;
}
.Datenzeile {
  /*background-color: #ffefc9;*/
  background-color: #f7f8f8;
}

.geloeschte {
  /*background-color: #ffefc9;*/
  background-color: #aaaaaa;
}

.NavTab {
}

.NavZelle {
  width: 17px;
  padding-top: 5px;
}

.BEtext {
  text-align: right;
  vertical-align: top;
}

.DEtext {
  text-align: left;
  vertical-align: top;
}

.evalTA {
  width: 200px;
}

.calcon {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
}

.markiert {
  background-color: #de5757;
}


.PlMi {
  width: 12px;
}

.KalLi {
  width: 200px;
}

#KalenderBSF {
  width: 170px;
}

#NegEvalNichtEinvBSF {
  width: 330px;
}

.angemPers {
  font-style: italic;
  color: #aaa;
}

.UEtext {
  text-align: left;
  vertical-align: bottom;
}

.UEzahl {
  text-align: right;
  vertical-align: bottom;
}

.WBUebersL {
  /*width: 70%;*/
  vertical-align: top;
}

.WBUebersR1 {
  vertical-align: top;
  width: 30%;
  padding-top: 40px;
  padding-left: 0px;
}
.WBUebersR2 {
  vertical-align: top;
  width: 30%;
  padding-top: 4px;
  padding-left: 0px;
}

.WBDetL {
  width: 30%;
}

.WBDetR {
  width: 40%;
}

.Personeninfotabelle {
}

.derKalClaEin {
  position: relative;
}

.derKalClaAus {
  position: relative;
  display: none;
}

.Datenelement {
  border-bottom: lightgray 1px solid;
  padding-left: 5px;
  padding-right: 7px;
}

.Da1 {
  width: 160px;
}

.DEzahl {
  text-align: center;
}

.DokNr {
  vertical-align: top;
  text-align: left;
  width: 10px;
}

.DokDa {
  vertical-align: top;
  text-align: left;
}

.DElink {
  cursor: pointer;
  font-weight: bold;
  font-style: italic;
  color: darkblue;
}

.DEbeschr {
  font-weight: normal;
  font-style: italic;
  color: darkblue;
}

.ZurBearb {
  color: rgb(153,51,0)
}

.Ueberdruebertabelle {
  border: 0px solid black;
}

.UeberdrueberLinksZelle {
  border: 0px solid red;
  padding: 0px;
  width: 70%;
  vertical-align: top;
}

.UeberdrueberRechtsZelle {
  border: 0px solid green;
  padding: 0px;
  width: 30%;
  vertical-align: top;
}

.Linkstabelle {
  border: 0px solid blue;
  width: 100%;
}

.Linkszelle {
  border: 0px solid lightgreen;
  padding: 0px;
}

.PersAbst {
  height: 36px;
}

.Ueberschrifttabelle {
  border: 0px solid black;
}

.Haupttabelle {
  border: 0px solid black;
  width: 100%;
}

.Haupttabelle1 {
  border: 0px solid black;
  width: 100%;
}

.Navi {
  border: 0px solid lightgrey;
  min-width: 170px;
}

.NaviPers {
  border: 0px solid lightgrey;
  background-color: #fbf4df;
  min-width: 170px;
}

.Uebersc {
  border: 0px solid lightgrey;
  width: 100%;
  text-align: left;
  font-size: 21px;
  font-weight: bold;
  color: #737373;
  vertical-align: top;
}

.UeberscPers {
  border: 0px solid lightgrey;
  padding: 0px;
  width: 100%;
  text-align: left;
  font-size: 21px;
  font-weight: bold;
  color: #737373;
  background-color: #fbf4df;
  vertical-align: top;
}

.InfosPers {
  background-color: #fbf4df;
}

.spez0 {
  padding-left: 7px;
  padding-right: 4px;
}

.spez1 {
  padding-top: 7px;
}

.Hauptinhalt {
  padding: 0px;
}
#DroBo.hover {
  border: 10px dashed #0c0 !important;
}


.file-area {
  width: 100%;
  position: relative;
  font-size: 12px;
}

  .file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
  }

  .file-area .file-dummy {
    width: 100%;
    padding: 50px 30px;
    border: 2px dashed #ccc;
    background-color: #fff;
    text-align: center;
    transition: background 0.3s ease-in-out;
  }

    .file-area .file-dummy .success {
      display: none;
    }

  .file-area:hover .file-dummy {
    border: 2px dashed #1abc9c;
  }

  .file-area input[type=file]:valid + .file-dummy {
    border-color: #1abc9c;
  }

    .file-area input[type=file]:valid + .file-dummy .success {
      display: inline-block;
    }

    .file-area input[type=file]:valid + .file-dummy .default {
      display: none;
    }




.BpFeBnPw { width: 143px; }

/* Bildungs-Pass Eingabebereich Angaben zur Fortbildung */
.BpEBerAzW { position: absolute; top: 41px; left: 207px; width: 281px; padding: 0px; margin: 0px;
             background-color: #ffffff; border: 1px solid #8888ff; /*z-index: 1*/}

/* ... BSF neuer Antrag */
.BpBSFnA { position: absolute; top: 552px; left: 7px; z-index: 1 }

.BpNwHK1N1 { height: 516px; }  .BpNwHK1N1m { height: 525px; }  
.BpNwTK1N1 { top: 500px; }     .BpNwTK1N1m { top: 504px; }     
                                                              
.BpNwHK1N0 { height: 536px; }  .BpNwHK1N0m { height: 411px; }  
.BpNwTK1N0 { top: 520px; }     .BpNwTK1N0m { top: 391px; }     
                                                              
.BpNwHK3N1 { height: 433px; }  .BpNwHK3N1m { height: 390px; }  
.BpNwTK3N1 { top: 414px; }     .BpNwTK3N1m { top: 370px; }     
                                                              
.BpNwHK3N0 { height: 453px; }  .BpNwHK3N0m { height: 322px; }  
.BpNwTK3N0 { top: 423px; }     .BpNwTK3N0m { top: 303px; }     

/* Bildungs-Pass Bereich Überschrift */
.BpBerUesc { position: relative; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: rgb(50,84,124); }
.BpBerInfo { padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: rgb(50,84,124); }

#BpHauptDiv { position: absolute; top: 90px; }
#FE { margin-top: 105px; margin-left: 4px; }

.TbBs   { width: 212px; padding: 3px 1px 3px 0px; text-align: right; vertical-align: top; }
.TbDat {
  padding: 3px 0px 3px 2px;
  text-align: left;
  vertical-align: top;
}
.TbDatHerv {
  padding: 3px 0px 3px 2px;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
}
.TbDato { padding: 3px 0px 3px 2px; text-align: left;  vertical-align: top; }
.TbDatu { padding: 3px 0px 3px 2px; text-align: left;  vertical-align: bottom; }

.CompEdNeuO_ {
  border-left: 1px solid #8888ff;
  border-right: 1px solid #8888ff;
  border-top: 1px solid #8888ff;
}
.CompEdNeuM_ {
  border-left: 1px solid #8888ff;
  border-right: 1px solid #8888ff;
}
.CompEdNeuU_ {
  border-left: 1px solid #8888ff;
  border-right: 1px solid #8888ff;
  border-bottom: 1px solid #8888ff;
}

#bpKopf { width: 100%; height: 85px; top:0px; position: fixed; background-color: #fffff4; border-bottom: 1px solid #888aba; z-index:1; }

#bpBenutzer { position: absolute; top: 3px; right: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #aaa; }

#bpTitel{ position: absolute; top: 29px; left: 5px; }

#bpUTitel { position: absolute; top: 70px; left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #5b88c8; }

#bpKopfLogo { height: 30px;text-align: center; display:none;}

.bpKopfNavi { height: 20px; width: 17px; }

/*0078b8*/
#bpKopfE1  { position: absolute; top: 27px; left: 520px; width: 400px; border: 0px solid #0000ff;
             font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 23px; font-weight: bold; color: #6ecf48; }

#bpKopfE2  { position: absolute; top: 48px; left: 5px; width: 239px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #b5847c; }
#bpKopfE2h { position: absolute; top: 48px; left: 5px; width: 239px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6d382f; }

#bpKopfE3  { position: absolute; top: 31px; left: 5px; width: 239px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #888; }

#bpKopfLoNv { position: absolute; top:60px; left: 3px; width: 39px; }


#bpBsfNeuerAntrag { position: absolute; top: 38px; left: 350px; }
#bpBsfBpDrucken   { position: absolute; top: 38px; left: 550px; }

#bpUeberschrift  { position: absolute; top: 30px; left: 210px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #ccc; }

#bpPerson { position: absolute; top: 62px; left: 210px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #4b78b8; }

.HauptTab { table-layout: fixed; padding: 0px; margin: 0px; width: 100%; }
.BpHae { vertical-align: top; }
#BpTabLi { width: 100%; }
#BpTabRe { width: 100%; }  

.Feld { text-align: left; vertical-align: top; }

.ZusTab { background-color: #F4F5F8; width: 100%; }
.ZusTabEl { padding: 3px; }
.Akt { text-align: right; }
.Zei { cursor: pointer; }
.Meldung { background-color: #70ef00; color: #365c09; }

/**************************************************************
 **************************************************************
 **
 **  M e l d u n g s c e n t e r
 **
 **/

.McPosition {
  padding: 9px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  border: 0px solid black;
}

.McPositionL {
  padding: 9px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  border: 0px solid black;
}
.McAngabe {
  padding: 9px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
  border: 0px solid black;
}
.McZweitangabe {
  padding: 9px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
  border: 0px solid black;
}
.McAngabeKa {
  padding: 9px;
  font-size: 14px;
  font-style: italic;
  text-align: left;
  vertical-align: top;
  border: 0px solid black;
}
.McBsf {
  padding-left: 9px;
  text-align: left;
  vertical-align: top;
  border: 0px solid black;
}
.McBsf2 {
  padding-left: 9px;
  text-align: left;
  vertical-align: middle;
  border: 0px solid black;
}
.McBsfGelesen { vertical-align: bottom; }

.TrennerH { width: 2px; }
.TrennerV { height: 4px; }

/**
 **
 **  M e l d u n g s c e n t e r
 **
 **************************************************************
 **************************************************************/

.IFFenster {
  width: 290px;
  height: 380px;
}

/**************************************************************
 **************************************************************
 **
 **  A n g a b e n   z u r   W e i t e r b i l d u n g
 **
 **/
.FeAllg {
  top: 150px;
  left: 100px;
}

/* Bereich */
#BpBerAzW { position: absolute; top: 100px; padding: 3px; width: 487px; margin: 4px; background-color: #fffaee; }

/* ... Bereichselement ... */
.BpBerElAzW { position: relative; padding: 1px; margin: 0px; }

/* Textarea Angabe zur Fortbildung */
.BpTaAzW { width: 100%; height: 30px; z-index: 2; }

/* Textinput Angabe zur Fortbildung */
.BpTiAzW { width: 100%; height: 20px; }

/* Textinput Angabe zur Fortbildung Dezimalzahl */
.BpTiAzWDz { width: 50px; height: 17px; }

/* Textinput Angabe zur Fortbildung Datum */
.BpTiAzWDt { width: 90px; height: 17px; }

/* ... Höhe 2 ... */
.BpBerElAzWh2 { position: relative; padding: 0px; margin: 0px; min-height: 28px; }

.BpStatBSF { margin:10px }

/* ... Eingabebereich Status ... */
.BpEBerStat { position: absolute; left: 202px; top: 123px; padding: 0px; margin-bottom: 10px; background-color: #ffffff; border: 1px solid #8888ff; display: none; }

#NextStat2ib { width: 208px; }
#NextStat3ib { width: 208px; }
#NextStat4ib { width: 242px; }
#NextStat5ib { width: 242px; }
#PrevStat1ib { width: 208px; }
#PrevStat2ib { width: 242px; }
#PrevStat3ib { width: 351px; }
#PrevStat3aib { width: 351px; }

/* ... Beschreibung ... */
.BpBsAzW { position: absolute; left: 0px; width: 203px; text-align: right; }

.BpBerElAzWAbst { position: relative; height: 20px; }

/* ... Feld ... */
.BpFeAzW { position: relative; top: 0px; left: 207px; width: 275px; text-align: left; /*z-index: 0;*/ }

/* ... Feld Datum... */
.BpFeDtAzW { position: relative; top: 0px; left: 207px; width: 130px; text-align: left; /*z-index: 0;*/ }

/* ... Feld Dezimalzahl 1. Spalte*/
.BpFeAzWDz1 { position: absolute; top: 0px; left: 207px; width: 50px;
              border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(200,200,200); }

/* ... Feld Dezimalzahl 2. Spalte*/
.BpFeAzWDz2 { position: absolute; top: 0px; left: 257px; width: 50px;
              border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(200,200,200); }

/* ... Feld Dezimalzahl 3. Spalte*/
.BpFeAzWDz3 { position: absolute; top: 0px; left: 307px; width: 50px;
              border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(200,200,200); }

/* ... Änderungsgrund 3. Spalte*/
.BpFeAzWAg3 { position: relative; top: 0px; left: 307px; width: 160px;
              border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(200,200,200); }

/* ... Änderungsgrund 4. Spalte*/
.BpFeAzWAg4 { position: relative; top: 0px; left: 357px; width: 160px;
              border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(200,200,200); }

/* ... RadioButton */
.BpRBAzW { position: relative; left: 207px; width: 275px; min-height: 14px; text-align: left;
           background-color:rgb(255,250,235); border-style:none; border-width:1px; }

/* ... BSF */
.BpBSF { position: relative; left: 7px; }

/* ... BSF Status */
.BpBSFStat { position: relative; left: 7px; }


.BpBsStatUes
{
	position: relative;
}
.BpFeAzWStatUes1 /* ... 1. Spalte*/
{
	position: relative;
	top: 0px;
	left: 207px;
	width: 50px;
}
.BpFeAzWStatUes2 /* ... 2. Spalte*/
{
	position: absolute;
	top: 0px;
	left: 257px;
	width: 50px;
}
.BpFeAzWStatUes3 /* ... 3. Spalte*/
{
	position: absolute;
	top: 0px;
	left: 307px;
	width: 50px;
}
.BpFeAzWStatUes4 /* ... 4. Spalte*/
{
	position: absolute;
	top: 0px;
	left: 357px;
	width: 50px;
}

.BpZusatzBs         { text-align: right; vertical-align: top; }
.BpZusatzEintrag    { text-align: left;  vertical-align: top; }
.BpZusatzBsInt      { text-align: right; vertical-align: top; font-style: italic; }
.BpZusatzEintragInt { text-align: left;  vertical-align: top; font-style: italic; }

/**
 **
 **
 **  A n g a b e n   z u r   W e i t e r b i l d u n g
 **
 **************************************************************
 **************************************************************/

/**************************************************************
 **************************************************************
 **
 **  D o k u m e n t e ,   A n m e r k u n g e n,   M i t t e i l u n g 
 **
 **
 **/

/* ... Bereich ... */
#BpBerDMA { position: absolute; left: 493px; top: 90px; padding: 3px; margin: 4px; width: 266px; }

/* ... Bereichselement ... */
.BpBerElDMAo { position: relative; padding: 4px; margin-top: 7px; margin-bottom: 0px; min-height: 1px; background-color: #f4f5f8; }
.BpBerElDMAu { position: relative; padding: 4px; margin-top: 0px; margin-bottom: 7px; min-height: 1px; background-color: #f4f5f8; }

/**************************************************************
 * Dokumente
 *
 */

/* BpDokAuflistung Zeile */
.BpTabDaUes { vertical-align: bottom; border-bottom: 1px solid #ffffff; padding-right: 3px; }
.BpTabDazl { vertical-align: top; border-bottom: 1px solid #ffffff; padding-right: 3px; }
.BpDaZlUes { position: relative; width: 485px; min-height: 30px; padding: 2px; margin-top: 2px; margin-bottom: 2px;
             border-width: 1px; border-color: rgb(200,200,200); border-bottom-style: solid;
             vertical-align: middle; text-align: left; }
.BpDaZl    { position: relative; width: 485px; min-height: 20px; padding: 2px; margin-top: 2px; margin-bottom: 2px;
             border-width: 1px; border-color: rgb(230,230,230); border-bottom-style: solid; }
.SvmBsf_a  { font-weight: bold; color: #32547c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; }

/* BpDokAuflistung Spalten */
.BpDaSp1 { position: absolute; left:   0px; top: 0px; width: 150px; }
.BpDaSp2 { position: relative; left: 150px; top: 0px; width: 200px; }
.BpDaSp3 { position: absolute; left: 350px; top: 0px; width:  90px; }
.BpDaSp4 { position: absolute; left: 440px; top: 0px; width:  60px; }

/* ... Beschreibung ... */
.BpBsDokNeu { text-align: right; vertical-align: top; width: 115px; }
.BpBsDokument { text-align: right; vertical-align: top; padding-top: 4px; padding-right: 5px; }

/* ... Feld ... */
.BpFeDokNeu  { text-align: left; vertical-align: top; width: 100%; }

.faseus { display: none; }

/*#bpBerDnHfBSFnd {
  width: 129px;
}*/
#bpBerDnHfBSFnd2 {
  width: 200px;
}

/*
 *
 * Dokumente
 **************************************************************/


/**************************************************************
 * Anmerkungen
 *
 */
 
.BpAmZl { position: relative; width: 100%; min-height: 20px; margin-top: 2px;
          border-width: 1px; border-color: rgb(230,230,230); border-bottom-style: solid; }

/* Interne Anmerkungen Plus/Minus-Zeichen *
.BpAmPm { position: absolute; left: 2px; top: 2px; width: 17px; }
*/  

.BpAmPm {
  width: 20px;
}

/* Anmerkungen Datum (Überschrift) */
.BpAmTxt {
  text-align: left;
  padding-left: 3px; /*width: 100%;*/
}

/* Anmerkungen Löschzeichen */
.BpAmLoe { position: absolute; right: 0px; top: 0px; }

#BpBerIaHfBSFib { width: 274px; }

/*
 *
 * Anmerkungen
 **************************************************************/

/**************************************************************
 * Emailbereich
 *
 */
 
#BpBerEmail { position: absolute; top: 38px; left: 50px; width: 400px; height: 400px; background-color: #ffffff; border: 1px solid #8888ff; }

#BpBerEmailUes {  margin: 20px; left: 57px; }

.BpBsEmail  { position: absolute; left: 0px; width: 70px; text-align: right; }
.BpFeEmail  { position: relative; top: 0px; left: 77px; width: 299px; height: 40px; text-align: left; z-index: 0; }
.BpFeEmailT { position: relative; top: 0px; left: 77px; width: 299px; height: 200px; text-align: left; z-index: 0; }

/*
 *
 * Emailbereich
 **************************************************************/

/**************************************************************
 * Fachgebiete
 *
 */
 
#BerFachgebiete { position: fixed; top: 100px; left: 0px; width: 100%; background-color: rgb(255,255,244); border-bottom: 1px solid #ccc; z-index: 100 }

.BpFachO { position: relative; left: 14px; margin-top: 4px; }
.BpFach { position: relative; left: 14px; }

#BpFachgebietBSF { position: relative; left: 14px; margin-top: 10px; }

/*
 *
 * Fachgebiete
 **************************************************************/

/**
 **
 **  D o k u m e n t e ,   M i t t e i l u n g ,   A n m e r k u n g e n
 **
 **************************************************************
 **************************************************************/


.bpInfo { position: absolute; left: 200px; top: 200px; width: 200px; height: 65px; background-color: #f4f4f4; border: 1px solid #777; padding: 20px;
          text-align: center; vertical-align:middle; color: #800; font-weight: bold; }
#bpInfoOk { position: absolute; left: 100px; top: 70px; }

.bpAlert { position: absolute; left: 200px; top: 200px; width: 200px; height: 130px; background-color: #f4f4f4; border: 1px solid #777; padding: 20px;
           text-align: center; vertical-align:middle; color: #800; font-weight: bold; }
#bpFort { position: absolute; left:  50px; top: 130px; }
#bpAbbr { position: absolute; left: 100px; top: 130px; }

#InfoPopup { position: absolute; left: 200px; width: 260px; background-color: #f4f4f4; border: 1px solid #777; padding: 5px;
           text-align: center; vertical-align:middle; color: #800; font-weight: normal; z-index: 10; }

.InfoPopupDefault { top: 200px; }

#InfoPopupInhalt { padding: 5px; }

#InfoPopupActionBsf { margin: 5px; }
#InfoPopupCancelBsf { margin: 5px; }

table#Browserversionen{
  padding: 0px;
  margin-left: 10px;
  margin-top: 15px;
}
table#Browserversionen td {
  padding-top: 10px;
  padding-right: 10px;
  margin: 0px;
}

table#Browserversionen th {
  text-align: left;
}

#Browserversionen_versteckt {
  display: none;
}