/* SEKTIONEN

   1. Basis-Einstellungen
   2. Seitenanpassungen
   3. Input- und Label-Formate
   4. verschiedene Tabellentypen
   5. Menü

*/

/* die Transflow-Leitfarben:
   #dee3ef  helles türkis (für die Labels etc.)
   #00386b  dunkles Blau (für die Header)

   helles Grau: rgb(231,227,222)
   dunkles Grau: rgb(99,97,99)
   sehr dunkel: rgb(66,65,66)

   BETA 2011-04-29
   Quehenberger rot = rgb(161,35,43) #a1232b
   Quehenberger grau = rgb(107,113,111) #6b716f
*/




/*********************************************************************************************
   1. Basis-Einstellungen
 *********************************************************************************************/

BODY, H1,H2,P,TH,TR,TD, TEXTAREA {
   font-family: Arial, sans-serif;
   font-weight: normal;
   font-size: 10pt;
}

H1 {
   font-size: 16pt;
}

H2 {
   font-size: 10pt;
   font-weight:bold;
   color: white;
   margin-top: 10px;
   background-color: rgb(161,35,43);
   border-bottom: rgb(161,35,43) solid;
   border-right: rgb(161,35,43) solid;
   border-width: 1pt;
   padding-left: 2pt;
   padding-right: 2pt;

}

BODY     {
   width: 100rem;
   position: relative;
    margin: 20px auto;
  /* margin-left: 1.5cm;
   margin-top: 0.5cm; */
   /*text-align: left;*/
}

BODY.tfmenupage {
   width: 100rem;
    margin: 2px auto;
    position: relative;
    background-color: white;
    color: #D55A34;
}



A.tfmenuitem {
  /*      font-family: Arial,Helvetica; */
          font-weight: bold;
          font-size: 8pt; 
          text-transform: uppercase;
}

A:link.tfmenuitem, A:visited.tfmenuitem, A:active.tfmenuitem  {
  /*      text-decoration: none;
          color: black;
          background-color:white */
          color: rgb(161,35,43);
          text-transform: uppercase;
}

A:hover.tfmenuitem  {
          color: black;
          text-decoration: underline;
          text-transform: uppercase;
          background-color: white;
}



A {
}

A:link, A:visited, A:active {
          color: rgb(161,35,43);
          text-decoration: underline;
}
A:hover {
          color: black;
          text-decoration: underline;
        }



/*********************************************************************************************
   2. Seitenanpassungen
 *********************************************************************************************/

BODY.tfdialogpage,  BODY.tfmainmenupage {
   color: black;
   background-color: rgb(231,227,222);
   margin-left: 5%;
   text-align: left;
}

BODY.tfconfigpage {
   color: black;
   background-color: white;
   /* margin-left: 5%; */
   text-align: left;
}

TABLE .tfcfgmenu {
   font-size: 10pt;
   /*
   font-weight:bold;
   color: white;
   border: 0pt;
   background-color: rgb(66,65,66);
   border-bottom: rgb(66,65,66);
   border-right: rgb(66,65,66);
   */
   margin-top: 0pt;
   margin-bottom: 0pt;
   border: 0pt;
   padding: 0pt;
   border-width: 0pt;
   padding-left: 0pt;
   padding-right: 0pt;
   text-decoration: none;
}

.tfcfgmenu a:link {text-decoration: none;}
.tfcfgmenu a:visited {text-decoration: none;}
.tfcfgmenu a:hover {text-decoration: none;}
.tfcfgmenu a:active {font-weight: bold; text-decoration: none;}
.tfcfgmenu a:focus {font-weight: bold; text-decoration: none;}


TABLE.tfconfigtable .tflabel { 
   color:black;
   background-color: white;
   border: none;
}

TABLE.tfconfigtable .tflabelmarked { 
   color:red;
   background-color: white;
   border: none;
}

.tflabelmarked {
   height:15pt;
   font-size: 10pt;
   margin-top:2px;
   margin-bottom:2px;
   padding-left: 3px;
   border-bottom: silver solid;
   border-width: 1pt;
   color: red;
   background-color: rgb(231,227,222);
}

TABLE.tfconfigtable .tfheader {
   font-size:10pt;
   font-weight:bold;
   text-align: left;
   color: black;
   background-color: rgb(231,227,222);
   padding:4pt;
   padding-left: 10pt;
   padding-right: 10pt;
   text-decoration: none;
}

TABLE.tfconfigtable {
   width:100%;
}


BODY.tfloginpage {
   color: black;
   background-color: white;
   margin-left: 5%;
   text-align: left;
}

hr {
  color: #a1232b !important;
  border-color: #a1232b !important;
}


BODY.tfloginpage .tflabel { color:black;
   width: 3cm;
   background-color: white;
   border: none;
}

BODY.tfdialogpage .tflabel {
   border: none;
}

BODY.tfloginpage .tfhint      { font-size: 10pt;
   color: black;
   background-color: #FFFFCC;
   border-style: dotted;
   border-width: 1pt;
   text-align: left;
   width:8.5cm;
   padding:5pt;
}


BODY.tfloginpage .tfinput  {
   font-size: 10pt;
   width:6cm;
   height:15pt;

}

BODY.tfloginpage .tfbutton {
  width:6cm;
}


BODY.tfeditpage {
   margin-top: 0.5cm;
   color: black;
   background-color: white;
}

BODY.tfeditpage .tfinput {
  width:6cm;
  margin-right:3%;
}

BODY.tfauswahlpage .tfinput  {
   font-size: 10pt;
   width:6.6cm;
   height:15pt;
}

BODY.tfauswahlpage .tflabel{
   height:15pt;
   font-size: 10pt;
   margin-top:2px;
   margin-bottom:2px;
   padding-left: 3px;
   border-bottom: silver solid;
   border-width: 1pt;
   color: black;
   background-color: rgb(231,227,222);

}

BODY.tfquerypage .tfinput  {
   font-size: 10pt;
   width:6.6cm;
   height:15pt;
}

BODY.tfquerypage .tfinput12  {
   font-size: 10pt;
   width:12cm;
   height:15pt;
}

BODY.tfquerypage .tfcheck  {
   font-size: 10pt;
   height:15pt;
}


BODY.tfquerypage .tflabel{
   height:15pt;
   font-size: 10pt;
   margin-top:2px;
   margin-bottom:2px;
   padding-left: 3px;
   border-bottom: silver solid;
   border-width: 1pt;
   color: black;
   background-color: rgb(231,227,222);
   width:4 cm;

}


BODY.tfauswahlpage FORM         {
   text-align: center
}

BODY.tferrorpage {
  background-color:rgb(231,227,222);
  color:black;
}

BODY.tfadminpage .tflabel{
   height:15pt;
   font-size: 10pt;
   margin-top:2px;
   margin-bottom:2px;
   padding-left: 3px;
   border-bottom: silver solid;
   border-width: 1pt;
   color: black;
   background-color: rgb(231,227,222);

}

BODY.tfadminpage .tfinput{
   font-size: 10pt;
   height:15pt;
   width: 6cm;
}

BODY.tfdialogpage .tfinput{
   font-size: 10pt;
   height:15pt;
   width: 6cm;
}




/*********************************************************************************************
   3. Input- und Labelformate
 *********************************************************************************************/

.tfinput {
}

.tfbutton {
   color: black;
   background-color: white;
   border-bottom: thin black solid;
   border-right: thin black solid;
   width:5cm;
}

.tfbuttonsmall {
   color: black;
   background-color: white;
   border-bottom: thin black solid;
   border-right: thin black solid;
   width:3cm;
}


INPUT.tfcheck {
   margin-left: 0px;
   border: #EAEAEA 1px solid;
}

INPUT.tfradiotable {
   margin-left: 1cm;
   border: #EAEAEA 1px solid;
   margin-bottom:1cm; 
   margin-right:1cm;
   margin-top:1cm;
   text-align: center;
}


INPUT.tfinput_cell {
   border: none;
}

INPUT.tfinputfile{
	font-size: 10pt;
	width:15cm;
	height:15pt;	
}

.tfheader{
   font-size: 10pt;
   font-weight:bold;
   color: white;
   background-color: rgb(161,35,43);
   border-bottom: rgb(161,35,43);
   border-right: rgb(161,35,43);
   border-width: 0pt;
   padding-left: 2pt;
   padding-right: 2pt;

 }

.tfcheckboxsmall  {
   font-size: 10pt;
   width:1.0cm;
   height:15pt;
 }


.tfinputmultiple  {
   font-size: 10pt;
   width:6.6cm;
}


/* alternativer Input für die halbe Breite (2 Input-Boxen nebeneinander in einer Table-Cell
   falls das nicht ausreicht, muß in spez. Fällen mit inline-Styles gearbetet werden;
*/

.tfinput0  {
   font-size: 10pt;
   height:15pt;
}

.tfinput2  {
   font-size: 10pt;
   width:3.2cm;
   height:15pt;
}


.tfinputInt  {
   font-size: 8pt;
   width:1.2cm;
   height:15pt;

}



.tfempty {
   height:15pt;
   font-size: 10pt;   
}

.tfhint  {
    font-size: 9pt;
    color: black;
    background-color: rgb(255,255,231);
    color: black;
    border-style: dotted;
    border-width: 1pt;
    text-align: left;
    padding:5pt;
}

.tflabel {
   height:15pt;
   font-size: 10pt;
   margin-top:2px;
   margin-bottom:2px;
   padding-left: 3px;
   border-bottom: silver solid;
   border-width: 1pt;
   color: black;
   background-color: rgb(231,227,222);
}

.tflabel1 {
   height:15pt;
   font-size: 10pt;
   margin-top:2px;
   margin-bottom:2px;
   padding-left: 3px;
   border-bottom: silver solid;
   border-width: 1pt;
   color: black;
   background-color: rgb(231,227,222);
}


.tftracker {
  font-size: 8pt;
}


.tfpopuptextarea {  /* PopupText-control: verunglückte Scrollbar verstecken */
  width:5.4cm;
  margin-right:0px;
  height:16pt;
  vertical-align: top;
  scrollbar-base-color:white;
  scrollbar-arrow-color:white;
  scrollbar-DarkShadow-color:white;
  scrollbar-shadow-color=white;
  margin-right:0px;

}

/* -------------------------------------------------------------------------------------------
   LI-Messages
   -------------------------------------------------------------------------------------------*/

DIV.tflimsg {
   color: black;
   background-color: rgb(255,255,231);
   text-align: left;
   padding: 12pt;
   border-style: dotted;
   border-width: 1pt;
   margin-top: 1cm;
   width:55%;
}



/*********************************************************************************************
   4. verschiedene Tabellentypen
 *********************************************************************************************/

/* -------------------------------------------------------------------------------------------
   Tableformatierung TFChildTable (z.B. bei SdgEditWebBean.java/sdgEdit.jsp);
   ---------------------------------------------------*/

TABLE.tfchildtable {
   background-color: white;
   margin-top: 5px;
   margin-bottom: 5px;
   width:100%;
}


TABLE.tfchildtable TH {
   background-color: rgb(231,227,222);
   text-align: left;
}

TABLE.tfchildtable TR {
   border: none;
}

TABLE.tfchildtable TD {

}

TD.tfrowheader {
   background-color: rgb(231,227,222);
}


/* -------------------------------------------------------------------------------------------
   TableFormatierung für TFEditForm (z.B.: bei SdgEditWebBean.java/sdgEdit.jsp);
   -------------------------------------------------------------------------------------------*/

TABLE.tfformtable {
}

TABLE.tfformtable TH {
}

TABLE.tfformtable TR {
}

TABLE.tfformtable TD {
}

/* -------------------------------------------------------------------------------------------
   Äußere Tabelle bei TableLayout (z.B. bei AdrEditWebBean.java/adrEdit.jsp)
   -------------------------------------------------------------------------------------------*/

TABLE.tftablelayout {
}

TABLE.tftablelayout TH {
}

TABLE.tftablelayout TR {
}

TABLE.tftablelayout TD {
}


/* -------------------------------------------------------------------------------------------
   Table-Formatierung für TFBox (z.B: die Box rund um LI-Dialoge)
   -------------------------------------------------------------------------------------------*/

TABLE.tfbox {
   margin-top: 5%;
   width:65%;
   font-size: 12pt;
   background-color: white;
   border: thin ridge  rgb(161,35,43);
   color: black;
}
TABLE.tfbox2 {
   margin-top: 5%;
   font-size: 12pt;
   background-color: white;
   border: thin ridge  rgb(161,35,43);
   color: black;
}

TABLE.tfbox TH {
   background-color:  rgb(161,35,43);
   color: white;
   text-align: left;
   padding: 4px;
}

TABLE.tfbox TD {
   padding: 4px;
}

TABLE.tfbox2 TH {
   background-color:  rgb(161,35,43);
   color: white;
   text-align: left;
   padding: 4px;
}

TABLE.tfbox2 TD {
   padding: 4px;
}

.tfprompt {
color: black;
   background-color: rgb(255,255,231);
   text-align: left;
   padding: 12pt;
}

TABLE.tfgroupframe {
  background-color: rgb(231,227,222);
  color: white;
}

/* -------------------------------------------------------------------------------------------
   Table-Formatierungen für Übersichten (z.B. AnzeigeartenWebBean.java)
   -------------------------------------------------------------------------------------------*/

TABLE.tfueberstable TD {
   border-bottom: solid;
   border-bottom-color: silver ;
   border-top: solid;
   border-top-color: #f7f7ff  ;
   font-size: 10pt;
   padding-left: 2pt;
   padding-right:2pt;
   margin: 0pt;
   border-width: 1pt;
}


/* jede zweite Spalte bzw. jede zweite Zeile */
TABLE.tfueberstable .col1  {
   background-color: rgb(231,227,222);
   color: black;
   }

TABLE.tfueberstable .col2 {
   background-color: white;
   color: black;}

}


TABLE.tfueberstable TH  {
   font-size:10pt;
   font-weight:bold;
   color: white;
   background-color: rgb(161,35,43);
   padding-left: 2pt;
   padding-right: 2pt;
   border-left: 0pt;
}


TABLE.tftable {
	border-collapse: collapse;
	}
	
TABLE.tftable TD {
   border-style: groove;
   border-width: 1px;
   border-color: silver;
	vertical-align: top;
	}
	
TABLE.tftable .row2  {
   background-color: rgb(231,227,222);
   color: black;
   }

TABLE.tftable .row1 {
   background-color: white;
   color: black;
   }


/* -------------------------------------------------------------------------------------------
   spezielles Format für die Sendungsanzeige
   -------------------------------------------------------------------------------------------*/

TABLE.tfanzeigetable TD {
    border-bottom: solid;
    border-bottom-color: silver ;
    border-top: solid;
    border-top-color: #f7f7ff  ;
    font-size: 10pt;
    padding-left: 2pt;
    padding-right:2pt;
    margin: 0pt;
    border-width: 1pt;
}

.summe       {
   color: black;
   background-color: rgb(231,227,222);
   font-weight: bold;
      font-size: 10pt;
      border-bottom: solid;
      border-bottom-color: silver ;
      border-top: solid;
      border-top-color: #f7f7ff  ;
      border-left: solid;
      border-left-color: #f7f7ff  ;
      padding-left: 2pt;
      padding-right:2pt;
      margin: 0pt;
      border-width: 1pt;

   }


TABLE.tfanzeigetable .tfheader {
   font-size:10pt;
   font-weight:bold;
   color: white;
   background-color: rgb(161,35,43);
   padding-left: 2pt;
   padding-right: 2pt;
   border-left: 0pt;
 }

TABLE.tfquerytable .tfheader{
   font-size: 10pt;
   font-weight:bold;
   color: white;
   background-color: rgb(161,35,43);
   border-bottom: gray solid;
   border-right: gray solid;
   border-width: 1pt;
   padding-left: 2pt;
   padding-right: 2pt;

}

TABLE.tfquerytable TD {
	vertical-align: top;

}


/* jede zweite Spalte bzw. jede zweite Zeile */
TABLE.tfanzeigetable  .col1  {
   background-color: rgb(231,227,222);
   color: black;
   }

TABLE.tfanzeigetable  .col2 {
   background-color: white;
   color: black;}

}

/*********************************************************************************************
   5. Menü-Typen
 *********************************************************************************************/


/* -------------------------------------------------------------------------------------------
   das Main-Menu
   -------------------------------------------------------------------------------------------*/

.tfmainmenuitem A:link {
   color:black;
   font-decoration:none;
}
.tfmainmenuitem A:visited {
   color:black;
   font-decoration:none;
}

.tfmainmenuitem A:hover {
   color:white;
   background-color:black;
}

.tfmainmenuitem {
   font-size: 12pt;
 }
.fmainmenupic {
   text-align: right;
}

/* -------------------------------------------------------------------------------------------
   das Lagermenü
   -------------------------------------------------------------------------------------------*/

.flyoutMenu {
   background-color: #F1F1F1;
   border-color: #999999;
   border-width: 0 1px 1px 0;
   border-style: solid;
}
.flyoutHeading {
   font-family: Verdana, Arial, Helvetica;
   background-color: #F1F1F1;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 4px;
   padding-left: 2px;
   cursor: default;
}
.flyoutLink  {
   border-color: #F1F1F1;
   border-width: 1px;
   border-style: solid;
   font-family: Verdana, Arial, Helvetica;
   padding-left: 6px;
   padding-right: 25px;
   padding-top: 1px;
   cursor: hand;
}
.flyoutHand{
  cursor: hand;
}
.flyoutMenu TD.flyoutLink  {
   border-color: #F1F1F1;
   border-width: 1px;
   border-style: solid;
   font-family: Verdana, Arial, Helvetica;
   padding: 1px 25px 3px 6px;
   cursor: hand;
}
.flyoutLink a {
   color: black;
   text-decoration: none;
}
.flyoutLink a:hover {
   color: black;
  background-color: #DDDDDD;
   text-decoration: none;
}
.flyoutLink a:visited {
   color: black;
   text-decoration: none;
}
.flyoutLink a:active {
   color: black;
   text-decoration: none;
}
.flyoutSubHeading {
   font-family: Verdana, Arial, Helvetica;
   background-color: #F1F1F1;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 4px;
   padding-left: 7px;
   cursor: default;
}
.flyoutSubLink {
   border-color: #F1F1F1;
   border-width: 1px;
   border-style: solid;
   font-family: Verdana, Arial, Helvetica;
   padding: 1px 15px 3px 11px;
   cursor: hand;
}
.flyoutSubLink a {
   color: black;
   text-decoration: none;
}
.flyoutSubLink a:hover {
   color: black;
   text-decoration: none;
}
.flyoutSubLink a:visited {
   color: black;
   text-decoration: none;
}
.flyoutSubLink a:active {
   color: black;
   text-decoration: none;
}


/*********************************************************************************************
   6. Funktionelles
 *********************************************************************************************/

.MANDATORY {
	background-color: #C2D3FC;
}

.HIDDENSUBMIT {     
	position: absolute; left: -100%; 
}