/*
23.04.2002 vh

b+m Anwendungs Familie
Erlaubte Farben:

ROT:  #FF0033   R:255 G:000 B:051
BLAU: #000063   R:000 G:000 B:099
WEIß: #FFFFFF   R:255 G:255 B:255
GRAU: #EEEEEE   R:238 G:238 B:238

*/

/*
BODY{} bitte nicht definieren wird speziell für die Frames einzeln über CLASS
geregelt, unabhängige Hintergrundbilder und Farben werden so erst ermöglicht.
Hier sind die 4 möglichen bodies:
*/

.bodytop,.bodymain,.bodyblank
{
  background: #eeeeee;
}

.bodysteuer
{
  background-color:#000063;
}


.Attribut0,.Attribut0_Right,.Attribut0_h30
{
   background: #cad5e3;
   font-weight: bold;
}

.Attribut1,.Attribut1_Right,.Attribut1_h30
{
   background: #eeeeee;
}

.Attribut2,.Attribut2_Right,.Attribut2_h30
{
   background: #dddddd;
}

.Attribut1_h30
{
   background: #eeeeee;
   height: 30px;
}

.Attribut2_h30
{
   background: #cccccc;
   height: 30px;
}


.Attribut0_Right,.Attribut1_Right,.Attribut2_Right
{
   text-align:right;
}

.Attribut0_h30,.Attribut1_h30,.Attribut2_h30
{
   height: 30px;
}

.Fett
{
   font-weight: bold;
}

.FettAttribut0
{
   font-weight: bold;
   background: #cad5e3;
}

.FettAttribut1
{
   font-weight: bold;
   background: #EEEEEE;
}

.FettAttribut2
{
   font-weight: bold;
   background: #dddddd;
}

.Blau
{
   color: #0000AA;
}

.BlauAttribut0
{
   color: #0000AA;
   background: #cad5e3;
}

.BlauAttribut1
{
   color: #0000AA;
   background: #EEEEEE;
}

.BlauAttribut2
{
   color: #0000AA;
   background: #dddddd;
}

.FettBlauAttribut0
{
   font-weight: bold;
   color: #0000AA;
   background: #cad5e3;
}

.FettBlauAttribut1
{
   font-weight: bold;
   color: #0000AA;
   background: #EEEEEE;
}

.FettBlauAttribut2
{
   font-weight: bold;
   color: #0000AA;
   background: #dddddd;
}

.Gruen
{
   color: #00AA00;
}

.GruenAttribut0
{
   color: #00AA00;
   background: #cad5e3;
}

.GruenAttribut1
{
   color: #00AA00;
   background: #EEEEEE;
}

.GruenAttribut2
{
   color: #00AA00;
   background: #dddddd;
}

.FettGruenAttribut0
{
   font-weight: bold;
   color: #00AA00;
   background: #cad5e3;
}

.FettGruenAttribut1
{
   font-weight: bold;
   color: #00AA00;
   background: #EEEEEE;
}

.FettGruenAttribut2
{
   font-weight: bold;
   color: #00AA00;
   background: #dddddd;
}

.Kursiv
{
   font-style: oblique;
}

.KursivAttribut0
{
   font-style: oblique;
   color: #00AA00;
   background: #cad5e3;
}

.KursivAttribut1
{
   font-style: oblique;
   color: #00AA00;
   background: #EEEEEE;
}

.KursivAttribut2
{
   font-style: oblique;
   color: #00AA00;
   background: #dddddd;
}

.Rot
{
   color: #FF0033;
}

.RotAttribut0
{
   color: #FF0033;
   background: #cad5e3;
}

.RotAttribut1
{
   color: #FF0033;
   background: #EEEEEE;
}

.RotAttribut2
{
   color: #FF0033;
   background: #dddddd;
}

.FettRotAttribut0
{
   font-weight: bold;
   color: #FF0033;
   background: #cad5e3;
}

.FettRotAttribut1
{
   font-weight: bold;
   color: #FF0033;
   background: #EEEEEE;
}

.FettRotAttribut2
{
   font-weight: bold;
   color: #FF0033;
   background: #dddddd;
}

.Orange
{
   color: #FF5000;
}

.OrangeAttribut0
{
   color: #FF5000;
   background: #cad5e3;
}

.OrangeAttribut1
{
   color: #FF5000;
   background: #EEEEEE;
}

.OrangeAttribut2
{
   color: #FF5000;
   background: #dddddd;
}

.FettOrangeAttribut0
{
   font-weight: bold;
   color: #FF5000;
   background: #cad5e3;
}

.FettOrangeAttribut1
{
   font-weight: bold;
   color: #FF5000;
   background: #EEEEEE;
}

.FettOrangeAttribut2
{
   font-weight: bold;
   color: #FF5000;
   background: #dddddd;
}

.notebook_hidden
{
  color:#EEEEEE;
  background: #EEEEEE;
}

.hidden
{
/*  color:#FFFFFF;
  background: #FFFFFF; */
  color:#000080;
  background: #000080;
}

/*----------------------------------------------------*/
/* Allgemeine Einstellungen gleiches Schriftbild für alle */
.navi_rot:link, .navi_rot:visited, .navi_rot:active,
.navi_blau:link,.navi_blau:visited,.navi_blau:active,
.label,.labelmittig,.labelrechts,.header,.ergebnis,.ergebnisrechts,
.inputtext,.inputtextrechts,.inputradio,.inputcheckbox,.selection,.selectionrechts, textarea, TD, input, select
{
  font-family: Arial, sans-serif;
  font-size: 8pt;
  color: #000063;
}

/* Textareas werden mit der Schriftart Courier New dargestellt, da nur bei nicht-proportionale
Schriftarten der Ausdruck korrekt erfolgen kann. */
.textfeld
{
  font-family: Courier, monospace;
  font-size: 8pt;
  color: #000063;
}

/*Eingabefelder Hintergrundfarbe wird nur vom IE umgesetzt*/
.inputtext,.inputtextrechts,.inputradio,.inputcheckbox,.selection,.selectionrechts
{
  background: #FFFFFF;
}

/*------------------------------------------------------------------------*/
/* Gemeinsamkeiten aller links: Fette Schrift und nicht unterstrichen*/
         a:link,         a:visited,         a:active,
 .navi_rot:link, .navi_rot:visited, .navi_rot:active,
.navi_blau:link,.navi_blau:visited,.navi_blau:active
{
  font-weight: normal;
  text-decoration: none;
  color: #000063;
}

/* Erscheinungsbild der Links in den Buttons mit weißer Schrift*/
/* a:hover { text-decoration:none; font-weight:bold; background-color:#FFFF00; color:#800000;} */
/* a:hover { text-decoration:none; font-weight:bold; background-color:#000063; color:#FFFFFF;} */


/* Buttons Hintergrundfarbe muß hier gesetzt werden damit der weiße
   Buttontext gelesen werden kann ist das b+m rot ganz huebsch */
.knopf
{
/*  background-color: #FF0033; */
  background-color: #f8f8f8;
  color:#000063;
}

.knopf2
{
  font-weight: bold;
  color:#FFFFFF;
}

.processKnopf
{
  color: #000063;
}

/* Erscheinungsbild der Links im linken Navigations-Frame rote Links
   zum Beispiel für die Aktivität in der man sich aktuell befindet*/
.navi_rot:link,.navi_rot:visited,.navi_rot:active
{
  color:#FF0033;
}

/* Erscheinungsbild der Links im linken Navigations-Frame blaue Links
   zum Beispiel für die Aktivität in der man aktuell nicht befindet*/
.navi_blau:link,.navi_blau:visited,.navi_blau:active
{
  color:#000063;
}


/*------------------------------------------------------------------------*/
/* Tabellen Layout                                    */

/* Table abwechselnde Linienfarben bei Mehrfachauswahl
   (verbessert die Übersicht)*/
.tablefarbe1,.BalkenDuennBlau
{
  background-color:#ffffff;
}

/* Table abwechselnde Linienfarben bei Mehrfachauswahl
   (verbessert die Übersicht)*/
.tablefarbe2,.BalkenDuennWeiss
{
  background-color:#EEEEEE;
}

/* Notebook Haupt-Hintergrundfarbe */
.notebook
{
  background-color:#EEEEEE;
}

.notebook_passiv
{
background-color:#DBDBDB;
}


/* Erscheinungsbild der Ueberschriften */
.ueberschrift
{
  background-color:#000063;
  color:#ffffff;
  font-weight: bold;
  text-decoration: none;
  font-size:8pt;
  /* Geht leider in Netscape nicht daher stelle
     ich die Überschriftenabstände nun über die
     Tabelle ein in der sie sich befinden

  vertical-align:middle;
  line-height:11pt;
  */
}

.hinweis
{
  background-color:#000063;
  color:#ffffff;
  font-weight: normal;
  text-decoration: none;
  font-size:8pt;
  text-align: right;
}

.ueberschrift2
{
  background-color:#cccccc;
  color:#000063;
  font-weight: bold;
  text-decoration: none;
  font-size:8pt;
  /* Geht leider in Netscape nicht daher stelle
     ich die Überschriftenabstände nun über die
     Tabelle ein in der sie sich befinden

  vertical-align:middle;
  line-height:14pt;
  */
}


/* Überschrift im obersten Frame*/
.header
{
   font-size : 16pt;
   font-weight: bold;
}
/*-------------------------------------------------------------------------*/
/* Bezeichner(Label) für nachfolgende Input/Output Felder
   allgemein für alle label gültig später folgen nähere spezifikationen    */
.label,.labelmittig,.labelrechts
{
    vertical-align: top;
}

.labelmittig
{
    vertical-align: middle;
}

/* rechtsbündige Felder*/
.labelrechts,.inputtextrechts,.selectionrechts,.ergebnisrechts
{
   text-align: right;
}

/* Die Ergebnisse sollen Fett dargestellt werden*/
.ergebnis
{
   font-weight: bold;
}

/* Die Fehler sollen Fett und rot dargestellt werden*/
.error_selected_color
{
   font-weight: bold;
   color: #FF0033;
}

/* Die Bedingungen sollen Fett und rot dargestellt werden*/
.bedingung
{
   font-weight: bold;
   color: #FF0033;
}

.monoselection
{
  font-family:Courier, monospace;
  font-size:14px;
}

.notselectable
{
   font-style: oblique;
}

.aktive
{
   font-weight: bold;
}


.boxTitle
{
  background: #000066;
  font-weight: bold;
  color:#FFFFFF;
  height: 18px;
}

.beratung_boxTitle
{
  background: #eeeeee;
  /*background: #00FF00;*/
  font-weight: bold;
  color:#000063;
  height: 18px;
}

.beratung_boxTitle_error
{
  background: #eeeeee;
  /*background: #00FF00;*/
  font-weight: bold;
  color:#FF0000;
  height: 18px;
}

.boxContent
{
  background: #e6e6e6;
  font-weight: bold;
  color:#000063;
  height: 18px;
}

.boxContentBeratung
{
  background: #eeeeee;
  /*background: #FF0000;*/
  /*font-weight: bold;*/
  color:#000063;
  height: 18px;
}

.beratung_button,.beratung_button_aktive
{
  background: #FFFFFF;
  color:#000063;
  height:20px;
}
.beratung_button_aktive
{
  background: #FF8040;

}

.error_field
{
  text-align:left;
  border-width:1px;
  border-style:solid;
  border-color:#000063;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:12px;
  color:#000000;
  background-color:#FF0033;
}

textarea
{
  overflow-y:scroll;
}

/* Tabellen für das BrancheViewlet */
.zweispaltige-tabelle {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-right: 2%;
}

/* Letzte Tabelle in der Zeile: kein margin rechts */
.zweispaltige-tabelle:last-child {
  margin-right: 0;
}

/* Allgemeines Zellenlayout */
.zweispaltige-tabelle td {
  padding: 10px;
  vertical-align: top;
}