/************************************************/
/* Layout-Styles der dynamischen Anwendungen    */
/* fuer Bildschirmansicht                       */
/************************************************/

/** Link without array background image */
a.dynappNoArrow:link, a.dynappNoArrow:visited, a.dynappNoArrow:hover, a.dynappNoArrow:active{
  background-image: none;
  padding: 0px;
}

/**********************************************************/
/* Styles fuer Tabellen in den dynamischen Anwendungen    */
/**********************************************************/
.dynapp_content_table{
  width: 100%;
  padding-left: 0px;
}

.dynapp_content_table th{
  border-top: 2px solid #002065;
  padding: 2px 0px 2px 8px;
  border-bottom:  2px solid #002065;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: left;

}

.dynapp_content_table td{
  padding: 2px 0px 2px 8px;
  border-bottom:  1px solid #002065;
  background-color: #FFFFFF;
  overflow: hidden;
  font-size: 11px;
}

.dynapp_content_table_bottom {
  border-top: 1px solid #002065;
  border-bottom: 1px solid #002065;
  background-color: #FFFFFF;
  vertical-align: top;
  font-size: 11px;
  text-align: left;
}

/* Tabelle ohne Linien */

.dynapp_table_without_border{
  padding-left: 12px;
}

.dynapp_table_without_border th{
  padding: 2px 0px 2px 8px;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: left;

}

.dynapp_table_without_border td{
  padding: 0px 0px 0px 8px;
  background-color: #FFFFFF;
  overflow: hidden;
  font-size: 11px;
}


/**************************************************************************************************/
/* Styles fuer Swappable Images in den dynamischen Anwendungen -- hier die Pfeile in den Tabellen */
/**************************************************************************************************/

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_down:link,a.dynapp_down:visited,a.dynapp_down_active:link,a.dynapp_down_active:visited,
  a.dynapp_up:link,a.dynapp_up:visited,a.dynapp_up_active:link,a.dynapp_up_active:visited {
    /* Da der Link keinen Inhalt hat (Hintergrundbilder zaehlen nicht) wird er durch nichts aufgespannt
       Man muss also explizit eine Breite angeben 
       Das ist fuer ein Inline-Element wie den Link eigentlich nicht moeglich */
    /* Beim IE macht mans aber trotzdem */
    width: 10px;
    /* Fuer alle anderen Browser benutzt man den Innenabstand */
    padding: 0px 1px;
    /* Die Hintergrundfarbe wird nur gesetzt, damit man leichter testen kann, 
       spaeter wird die Zeile geloescht oder auskommentiert */ 
    /* background-color: none; */
    /* Damit das Hintergrundbild nicht gekachelt wird */
    background-repeat: no-repeat;
    /* Innerhalb des Links kann das Hintergrundbild positioniert werden. 
       Erster Wert x-Achse, zweiter Wert y-Achse */
    background-position: 0px 5px;
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_down:link,a.dynapp_down:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/down.gif);
  }
  
  /* Style fuer den Mouseover (hover) und den Klick (active) */
  a.dynapp_down:hover,a.dynapp_down:active{
  	/* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/down_hl.gif);
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_down_active:link,a.dynapp_down_active:visited{
    /* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/down_hl.gif);
  }
  
  /* Style fuer den Mouseover (hover) und den Klick (active) */
  a.dynapp_down_active:hover,a.dynapp_down_active:active{
  	/* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/down_hl.gif);
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_up:link,a.dynapp_up:visited{
    /* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/up.gif);
  }
  
  /* Style fuer den Mouseover (hover) und den Klick (active) */
  a.dynapp_up:hover,a.dynapp_up:active{
    /* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/up_hl.gif);
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_up_active:link,a.dynapp_up_active:visited{
    /* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/up_hl.gif);
  }
  
  /* Style fuer den Mouseover (hover) und den Klick (active) */
  a.dynapp_up_active:hover,a.dynapp_up_active:active{
    /* Pfad zum Hintergrundbild */
    background-image:url(../../_Layout/dynapp/up_hl.gif);
  }

/****************************************************************************************/
/* Styles fuer Swappable Images in den dynamischen Anwendungen -- hier die Details-Lupe */
/****************************************************************************************/

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_detail:link,a.dynapp_detail:visited,a.dynapp_detail_inactive:link,a.dynapp_detail_inactive:visited{
    /* Da der Link keinen Inhalt hat (Hintergrundbilder zaehlen nicht) wird er durch nichts aufgespannt
       Man muss also explizit eine Breite angeben 
       Das ist fuer ein Inline-Element wie den Link eigentlich nicht moeglich */
    /* Beim IE macht mans aber trotzdem */
    width: 19px;
    height: 19px;
    /* Fuer alle anderen Browser benutzt man den Innenabstand */
    padding: 0px 0px;
    /* Die Hintergrundfarbe wird nur gesetzt, damit man leichter testen kann, 
       spaeter wird die Zeile geloescht oder auskommentiert */ 
    /* background-color: none; */
    /* Damit das Hintergrundbild nicht gekachelt wird */
    background-repeat: no-repeat;
    /* Innerhalb des Links kann das Hintergrundbild positioniert werden. 
       Erster Wert x-Achse, zweiter Wert y-Achse */
    background-position: 0px 0px;
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_detail:link,a.dynapp_detail:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_details.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_detail:hover,a.dynapp_detail:active{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_details_hl.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_detail_inactive:link,a.dynapp_detail_inactive:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_details.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_detail_inactive:hover,a.dynapp_detail_inactive:active{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_details.gif);
  }

/***************************************************************************************/
/* Styles fuer Swappable Images in den dynamischen Anwendungen -- hier das Edit-Symbol */
/***************************************************************************************/

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_edit:link,a.dynapp_edit:visited,a.dynapp_edit_inactive:link,a.dynapp_edit_inactive:visited{
    /* Da der Link keinen Inhalt hat (Hintergrundbilder zaehlen nicht) wird er durch nichts aufgespannt
       Man muss also explizit eine Breite angeben 
       Das ist fuer ein Inline-Element wie den Link eigentlich nicht moeglich */
    /* Beim IE macht mans aber trotzdem */
    width: 19px;
    height: 19px;
    /* Fuer alle anderen Browser benutzt man den Innenabstand */
    padding: 0px 0px;
    /* Die Hintergrundfarbe wird nur gesetzt, damit man leichter testen kann, 
       spaeter wird die Zeile geloescht oder auskommentiert */ 
    /* background-color: none; */
    /* Damit das Hintergrundbild nicht gekachelt wird */
    background-repeat: no-repeat;
    /* Innerhalb des Links kann das Hintergrundbild positioniert werden. 
       Erster Wert x-Achse, zweiter Wert y-Achse */
    background-position: 0px 0px;
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_edit:link,a.dynapp_edit:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_bearbeiten.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_edit:hover,a.dynapp_edit:active{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_bearbeiten_hl.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_edit_inactive:link,a.dynapp_edit_inactive:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_bearbeiten.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_edit_inactive:hover,a.dynapp_edit_inactive:active{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_bearbeiten.gif);
  }

/***************************************************************************************/
/* Styles fuer Swappable Images in den dynamischen Anwendungen -- hier das Mail-Symbol */
/***************************************************************************************/

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_mail:link,a.dynapp_mail:visited,a.dynapp_mail_inactive:link,a.dynapp_mail_inactive:visited{
    /* Da der Link keinen Inhalt hat (Hintergrundbilder zaehlen nicht) wird er durch nichts aufgespannt
       Man muss also explizit eine Breite angeben 
       Das ist fuer ein Inline-Element wie den Link eigentlich nicht moeglich */
    /* Beim IE macht mans aber trotzdem */
    width: 19px;
    height: 19px;
    /* Fuer alle anderen Browser benutzt man den Innenabstand */
    padding: 0px 0px;
    /* Die Hintergrundfarbe wird nur gesetzt, damit man leichter testen kann, 
       spaeter wird die Zeile geloescht oder auskommentiert */ 
    /* background-color: none; */
    /* Damit das Hintergrundbild nicht gekachelt wird */
    background-repeat: no-repeat;
    /* Innerhalb des Links kann das Hintergrundbild positioniert werden. 
       Erster Wert x-Achse, zweiter Wert y-Achse */
    background-position: 0px 0px;
  }

  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_mail:link,a.dynapp_mail:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_email.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_mail:hover,a.dynapp_mail:active{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_email_hl.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_mail_inactive:link,a.dynapp_mail_inactive:visited{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_email.gif);
  }
  /* Style fuer den normalen Linkzustand und fuer bereits besuchte Links */
  a.dynapp_mail_inactive:hover,a.dynapp_mail_inactive:active{
    /* Saemtliche Styles werden vom Normalzustand uebernommen, 
  	   nur das Hintergrundbild muss ueberschrieben werden */
    background-image:url(../../_Layout/dynapp/i_email.gif);
  }

/**********************************************************/
/* Weitere Styles fuer dynamische Anwendungen             */
/**********************************************************/

.dynapp_width1		{ width:260px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_width1_readonly	{ width:260px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

.dynapp_width2		{ width:102px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_width2_readonly	{ width:102px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}
.dynapp_width2_readonly_bold	{ width:102px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF; font-weight:bold;}

.dynapp_width220		{ width:218px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_width220_readonly	{ width:218px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}
.dynapp_width220_readonly_bold	{ width:218px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF; font-weight:bold;}

.dynapp_width3		{ width:327px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_width3_readonly	{ width:327px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

.dynapp_width4		{ width:200px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_width4_readonly	{ width:200px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

.dynapp_option2		{ width:102px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_option2_readonly	{ width:102px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

.dynapp_option3		{ width:220px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_option3_readonly	{ width:220px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

.dynapp_option4		{ width:364px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_option4_readonly	{ width:364px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

.dynapp_khtextarea1	{ width:570px; height:86px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_khtextarea1_readonly	{ width:570px; height:86px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}	

.dynapp_khtextarea2	{ width:327px; height:86px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_khtextarea2_readonly	{ width:327px; height:86px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}	

.dynapp_khtextarea3	{ width:520px; height:86px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_khtextarea3_readonly	{ width:520px; height:86px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}	

.dynapp_textlabel1 { width: 260px; font-size: 11px; border-width: 0px; font-family: arial; cursor: default; background-color:#F7FBFF; }
.dynapp_textlabel2 { width: 102px; font-size: 11px; border-width: 0px; font-family: arial; cursor: default; background-color:#F7FBFF; }
.dynapp_textlabel3 { width: 327px; font-size: 11px; border-width: 0px; font-family: arial; cursor: default; background-color:#F7FBFF; }

.dynapp_divSelectBox { border: 1px solid #aaaaaa; width: 160px; font-family:arial; background-color: #ffffff; padding: 3px; overflow:hidden; }
.dynapp_divSelectBox1 { border: 1px solid #aaaaaa; width: 300px; font-family:arial; background-color: #ffffff; padding: 3px; overflow:hidden; }
.dynapp_divTextArea { border: 1px solid #aaaaaa; width: 380px; font-family:arial; background-color: #ffffff; padding: 3px; }

.dynapp_required { font-weight: normal; margin: 0px; padding: 0px; }

.dynapp_fmkm_option		{ width:320px; font-size:11px; border-width:1px; font-family:arial; }
.dynapp_fmkm_option_readonly	{ width:320px; font-size:11px; border-width:1px; font-family:arial; background-color:#F7FBFF;}

