/*************** BITTE NICHTS ENTFERNEN, NUR LEERMACHEN ***************/
/*************** BITTE NICHTS ENTFERNEN, NUR LEERMACHEN ***************/
/*************** BITTE NICHTS ENTFERNEN, NUR LEERMACHEN ***************/

/********** allgemeine Angaben: Schriftart, -groesse, Hintergrundfarbe **********/
body { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; margin: 3px; }

span, p, table, th, tr, td { font-size: 10pt; }

/********** allgemeine Angaben: Verweise **********/
a:link { color: #1500B1; text-decoration: none; font-weight: bold; }
a:visited { color: #1500B1; text-decoration: none; font-weight: bold; }
a:hover { color: #1500B1; text-decoration: underline; font-weight: bold; }
a:active { color: #000000; text-decoration: underline; font-weight: bold; }

/********** allgemeine Angaben: Ueberschriften **********/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/********** allgemeine Angaben: Buttons **********/
button, input[type="submit"]
{
  border: 1px solid #000000;
  line-height: 17px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #F0F0F0;
}
button:hover, input[type="submit"]:hover { background-color: #D0D0D0; }
button[disabled]:hover, input[type="submit"][disabled]:hover { background-color: #F0F0F0; }
input.eyecatching_button[type="submit"] { background-color: #FF8080; }
input.eyecatching_button[type="submit"]:hover { background-color: #FF6060; }
input.eyecatching_button[type="submit"][disabled]:hover { background-color: #FF8080; }

/********** Title-Bereich **********/
.titel_logo {}
.titel_logo img { display: block; }
.titel_bereich { padding-bottom: 0px; padding-top: 1px; }
.titel_bruecke {}
.titel_zelle { padding-left: 5px; color: #000000; }
.titel_zelle_name { font-size: 18pt; }
.titel_zelle_version { font-size: 10pt; }
.titel_zelle_datum { font-size: 10pt; }
.titel_zelle_db { font-size: 10pt; }

/********** Position-Bereich **********/
.navigator { font-size: 10pt; }
table.navigator {}
tr.navigator {}
td.navigator {}
a:link.navigator {}
a:visited.navigator {}
a:hover.navigator {}
a:active.navigator {}
span.navigator_separator { color: #FF6060; }

.stack_bereich
{
  width: 100%;
  font-size: 9pt;
  color: #000000;
  height: 31px;
  border-width: 0px;
  border-left: 1px #000000 solid;
  border-right: 1px #000000 solid;
  border-top: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  margin-top: 0px;
  background-color: #CCFFCC;
}

.stack_position {}

/********** Menu-, Content- und Footer-Bereich **********/
.inhalt_bereich
{
  vertical-align: top;
  width: 100%;
  height: 88%;
}

/********** Menu-Bereich **********/
table.menuTable {}

/*
tags: td, a/span
classes: menuItem, parent/noParent, selected/notSelected, level[Level]
*/

td.menuItem.level0 { padding-left: 0px; }
td.menuItem.level1 { padding-left: 10px; }
td.menuItem.level2 { padding-left: 20px; }
td.menuItem.level3 { padding-left: 30px; }

a:link.menuItem.selected { color: #000000; text-decoration: underline; }
a:visited.menuItem.selected { color: #000000; text-decoration: underline; }
a:hover.menuItem.selected { color: #000000; text-decoration: underline; }
a:active.menuItem.selected { color: #000000; text-decoration: underline; }

span.menuItem.selected { color: #000000; text-decoration: underline; }

a:link.menuItem.notSelected { color: #000000; }
a:visited.menuItem.notSelected { color: #000000; }
a:hover.menuItem.notSelected { color: #000000; }
a:active.menuItem.notSelected { color: #000000; }

span.menuItem.notSelected { color: #000000; }

.menu_bereich
{
  vertical-align: top;
  border-left: 1px #000000 solid;
  border-right: 1px #000000 solid;
  border-top: 0px #000000 solid;
  border-bottom: 1px #000000 solid;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #CCFFCC;
}

/********** Content-Bereich **********/
.inhalt
{
  vertical-align: top;
  width: 100%;
  height: 400px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #FFFFF9;
  border-right: 1px #000000 solid;
  border-top: 0px #000000 solid;
  border-bottom: 1px #000000 solid;
}

legend { color: #000000; }

/********** Content-Bereich: Haupttabelle **********/
.mainTable { font-size: 10pt; }
table.mainTable { border-collapse: collapse; border-left: 1px #000000 solid; border-top: 1px #000000 solid; border-right: 1px #000000 solid; border-bottom: 1px #000000 solid; }
tr.mainTableEvenPos { background-color: #C4FFC4; }
tr.mainTableEvenPosSelected { background-color: #B4F0B4; }
tr.mainTableEven { background-color: #F8F8F8; }
tr.mainTableEvenSelected { background-color: #C8C8C8; }
tr.mainTableOddPos { background-color: #CCFFCC; }
tr.mainTableOddPosSelected { background-color: #BCF0BC; }
tr.mainTableOdd { background-color: #FFFFFF; }
tr.mainTableOddSelected { background-color: #D0D0D0; }
th.mainTable { padding-left: 5px; padding-right: 5px; background-color: #F4F4F4; text-align: left; border-bottom: 1px #000000 solid; }
td.mainTable { padding-left: 5px; padding-right: 5px; }
a:link.mainTable { color: #404040; font-weight: normal; }
a:visited.mainTable { color: #404040; font-weight: normal; }
a:hover.mainTable { color: #404040; font-weight: normal; }
a:active.mainTable { color: #404040; font-weight: normal; }
input.mainTable {}
.mainTableSearched { background-color: #FFC0C0; }
p.mainTable {}
span.mainTable { font-size: 10pt; }

img.mainTableNavigationDeactivated { opacity:0.4; filter:alpha(opacity=40); }

/********** Content-Bereich: Datentabellen **********/
.dataTable { font-size: 10pt; }
table.dataTable { border-collapse: collapse; }
tr.dataTablePos { background-color: #C8FFC8; }
tr.dataTableEven { background-color: #F8F8F8; }
tr.dataTableOdd { background-color: #FFFFFF; }
th.dataTable { padding-left: 5px; padding-right: 5px; background-color: #F4F4F4; text-align: left; border-bottom: 1px #000000 solid; }
td.dataTable { padding-left: 5px; padding-right: 5px; }
a:link.dataTable { color: #404040; font-weight: normal; }
a:visited.dataTable { color: #404040; font-weight: normal; }
a:hover.dataTable { color: #404040; font-weight: normal; }
a:active.dataTable { color: #404040; font-weight: normal; }
input.dataTable {}
.dataTableSearched { background-color: #FFC0C0; }
p.dataTable {}
span.dataTable {}

table.dataTableLayout {}
tr.dataTableLayout1 {}
tr.dataTableLayout2 {}
td.dataTableLayout1 { background-color: #FFFFFF; border: 1px #000055 solid; }
td.dataTableLayout2 {}
td.dataTableLayout3 {}

img.tableNavigationDeactivated { opacity:0.4; filter:alpha(opacity=40); }

/********** Content-Bereich: Errors, Messages **********/
.apperrors
{
  padding: 1.0em;
  font-style: italic;
  font-weight: bold;
  color: red;
}

.appmessages
{
  padding: 1.0em;
  font-style: italic;
  font-weight: bold;
  color: maroon;
}

/********** Content-Bereich: Reiter **********/
a:link.tab_link { font-weight: normal; color: #000000; }
a:visited.tab_link { font-weight: normal; color: #000000; }
a:hover.tab_link { font-weight: normal; color: #000000; text-decoration: underline; }
a:active.tab_link { font-weight: normal; color: #000000; }

.tab_unselect_left { height: 33px; width: 4px; background-image: url(images/tab_aus_left.gif); }
.tab_unselect_middle { padding-left: 5px; padding-right: 5px; height: 33px; background-image: url(images/tab_aus_middle.gif); background-repeat: repeat-x; }
.tab_unselect_right { height: 33px; width: 4px; background-image: url(images/tab_aus_right.gif); }
.tab_select_left { height: 33px; width: 4px; background-image: url(images/tab_an_left.gif); }
.tab_select_middle { color: #000000; padding-left: 5px; padding-right: 5px; height: 33px; background-image: url(images/tab_an_middle.gif); background-repeat: repeat-x; }
.tab_select_right { height: 33px; width: 7px; background-image: url(images/tab_an_right.gif); }
.tabline { border-top: 1px solid black; }

/********** Content-Bereich: Eingabeelemente **********/

td.field_label_normal
{
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_readonly
{
  color: #808080;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_disabled
{
  color: #808080;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_normal_required
{
  color: #0000ff;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_normal_requiredif
{
  color: #800000;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_readonly_required
{
  color: #000080;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_readonly_requiredif
{
  color: #804040;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_disabled_required
{
  color: #000080;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

td.field_label_disabled_requiredif
{
  color: #804040;
  font-family: Helvetica, Arial, sans-serif;
  height: 30px;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

.field_normal
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  border-left: #999999 1px solid;
  border-top: #999999 1px solid;
  border-right: #999999 1px solid;
  border-bottom: #333333 2px solid;
  padding-left: 3px;
  padding-right: 3px;
}

textarea.field_normal
{
  margin-top: 4px;
  margin-bottom: 4px;
}

.field_readonly
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
  color: #333333;
  border: 1px #999999 solid;
  padding-left: 3px;
  padding-right: 3px;
}

textarea.field_readonly
{
  margin-top: 4px;
  margin-bottom: 4px;
}

.field_disabled
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
  color: #000000;
  border: #999999 1px solid;
  padding-left: 3px;
  padding-right: 3px;
}

textarea.field_disabled
{
  margin-top: 4px;
  margin-bottom: 4px;
}

.field_normal_required
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #FFFF99;
  color: #000000;
  border-left: #999999 1px solid;
  border-top: #999999 1px solid;
  border-right: #999999 1px solid;
  border-bottom: #333333 2px solid;
  padding-left: 3px;
  padding-right: 3px;
}

.field_normal_requiredif
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  border-left: #999999 1px solid;
  border-top: #999999 1px solid;
  border-right: #999999 1px solid;
  border-bottom: #333333 2px solid;
  padding-left: 3px;
  padding-right: 3px;
}

textarea.field_normal_required
{
  margin-top: 4px;
  margin-bottom: 4px;
}

textarea.field_normal_requiredif
{
  margin-top: 4px;
  margin-bottom: 4px;
}

.field_readonly_required
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
  color: #333333;
  border: 1px #999999 solid;
  padding-left: 3px;
  padding-right: 3px;
}

.field_readonly_requiredif
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
  color: #333333;
  border: 1px #999999 solid;
  padding-left: 3px;
  padding-right: 3px;
}

textarea.field_readonly_required
{
  margin-top: 4px;
  margin-bottom: 4px;
}

textarea.field_readonly_requiredif
{
  margin-top: 4px;
  margin-bottom: 4px;
}

.field_disabled_required
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
  color: #333333;
  border: 1px #999999 solid;
  padding-left: 3px;
  padding-right: 3px;
}

.field_disabled_requiredif
{
  font-family: Helvetica, Arial, sans-serif;
  background-color: #EEEEEE;
  color: #333333;
  border: 1px #999999 solid;
  padding-left: 3px;
  padding-right: 3px;
}

textarea.field_disabled_required
{
  margin-top: 4px;
  margin-bottom: 4px;
}

textarea.field_disabled_requiredif
{
  margin-top: 4px;
  margin-bottom: 4px;
}

/********** Content-Bereich: Groupbox **********/

.frame_lo { border-left: 1px solid #333333; border-top: 1px solid #333333; }
.frame_o { border-top: 1px solid #333333; }
.frame_ro { border-right: 1px solid #333333; border-top: 1px solid #333333; }
.frame_r { border-right: 1px solid #333333; }
.frame_ru { border-right: 1px solid #333333; border-bottom: 1px solid #333333; }
.frame_u { border-bottom: 1px solid #333333; }
.frame_lu { border-left: 1px solid #333333; border-bottom: 1px solid #333333; }
.frame_l { border-left: 1px solid #333333; }

/********** Footer-Bereich **********/
.fuss_bereich
{
  background-color: #FFFFF9;
  height: 35px;
  padding-left: 5px;
  padding-top: 3px;
  border-right: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
}

.div_csClientStatusTag
{
  color: #000000;
}

#divpin
{
  text-align:right;
  float:right;
  position: absolute;
  right: 0em;
  border: 0px;
  visibility: collapse;
}

#divpin img
{
  border: 0px;
  height: 0px;
}

/* Damit im NSS WebConnect-Dialog kein Schliessen-Icon rechts oben angezeigt wird */
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.changeNssStartModeButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
  background-color:#f9f9f9;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-family:Arial;
  /*font-size:15px;*/)
  font-weight:bold;
  padding:1px 15px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}
.changeNssStartModeButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
  background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
  background-color:#e9e9e9;
}
.changeNssStartModeButton:active {
  position:relative;
  top:1px;
}