/*** ********* GIRA ******** ***/
/*** *********************** ***/
/*** ***** ALLGEMEINES ***** ***/
/*** *********************** ***/
html { background-color:#e6e6e6; }
body { width:950px; font-size:1.0em; font-weight:normal; font-family:Verdana, Arial; background-color:white; margin:40px auto 40px auto; padding-bottom:30px; }
.mono { font-family: monospace }
/*** Text-Formatierungen ***/
.small    { font-size:0.7em; }
.normal   { font-size:1.0em; }
.big      { font-size:1.3em; }
.center   { text-align:center; }
.left     { text-align:left; }
.right    { text-align:right; }
.float_l  {float:left; margin-right:20px;}
.float_r  {float:right; margin-left:20px;}
.no_float {clear:both;}
/*** Links ***/
a:link    { color:#0000ff; }
a:visited { color:#990099; }
a:hover   { color:#ff0000; }
/*** ************************************* ***/
/*** ***** Spezielles fuer Dokumente ***** ***/
/*** ************************************* ***/
/*** Farben fuer Texte ***/
.green  { color:#00FF21; }
.darkgreen  { color:#009900; }
.orange { color:#FF6A00; }
.red    { color:#FF0000; }
.blue   { color:#0000FF; }
.yellow { color:#FFD800; }
/*** Farben fuer Hintergruende ***/
.bg-yellow { background-color:yellow;  }
.bg-green  { background-color:#e8fde9; }
.bg-orange { background-color:#ffb27f; }
.bg-red    { background-color:#ff7f7f; }
.bg-blue   { background-color:#ebfdfe; }
/*** Container div fuer Bilder ***/
img.big_pic { width:100% }
/*** ************************** ***/
/*** ***** UEBERSCHRIFTEN ***** ***/
/*** ************************** ***/
/*** Ueberschriften ***/
h1, h2, h3, h4, h5, h6 { margin:0; font-weight:bold; padding-bottom:0em; margin-bottom:0.4em; padding-left:0; padding-right:0; }
h1 { font-size:1.5em; margin-top:1.4em; }
h2 { font-size:1.2em; margin-top:1.4em; }
h3 { font-size:1.2em; margin-top:1.4em; font-style:italic; }
h4 { font-size:1.2em; margin-top:0.8em; font-style:italic; font-weight:normal; }
h5 { font-size:1.2em; margin-top:0.8em; font-style:italic; font-weight:normal; color:#707070; }
h6 { font-size:1.0em; margin-top:0.8em; font-style:italic; font-weight:normal; color:#707070; }
ul { margin:0; padding-top:0; padding-bottom:0.4em; margin-bottom: 1em; }
ul ul { margin-top:0; }
li ul { margin-bottom:0; }
/*** ************************* ***/
/*** ***** TEXT-ELEMENTE ***** ***/
/*** ************************* ***/
/*** Titel des Dokuments ***/
.top-title     { padding:30px 30px; background: url(company.png) no-repeat; background-position:30px;
                 text-align:right; font-size:1.0em;  font-size:1.5em; font-weight:bold; }
/*** Navigations-Zeile ***/
.nav           { padding:0px 30px 15px; }
/*** Inhaltsverzeichnis ***/
.index         { padding:0 30px; font-size:1.2em;  margin:15px 0 15px 0; }
.index-title   { margin-bottom: 1em; font-weight: bold; }
/*** Zeilen im Inhaltsverzeichnis / Ueberschriften-Elemente ***/
.index > .t-line { margin-bottom:0.3em; }
.t-line        {   }
.t-chapter     { float:left; min-width:60px; padding-right:0.7em; }
.t-text     { }
/*** Den Inhalt (Alles ab dem Inhaltsverzeichnis (exkl.) umschliessende Container <div>  ***/
.content       { padding: 0px 30px; overflow:hidden; margin:15px 0 15px; }
/*** Container fuer Bereiche ***/
.topic         {  }
/*** Description (Einleitungstext) ***/
.descr         { margin-bottom:1em; margin-top:0em; }
.descr-no-tit  { margin-bottom:1em; margin-top:1em; }
/*** Field ***/
.field           { margin-bottom:1em; }
.field-title     { font-style:normal; font-size:1.0em; font-weight: bold; }
.field-title-red { font-style:normal; font-size:0.8em; font-weight: bold; color:red; }
.xhtml         {  }
.hollow        { visibility: hidden; }
/*** ************************** ***/
/*** ***** MELDUNGS-BOXEN ***** ***/
/*** ************************** ***/
.alert-box     { font-size: 1.0em; font-weight: normal;
                 padding-top: 0.5em; padding-left: 0.4em;
                 margin-bottom: 1.5em; margin-top: 0em;
                 border-spacing:0; border-collapse: collapse;
                 border: 2px solid #BABABA; }
.ibox-hint     { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAOpJREFUWEftllEKhCAQQIvO4Kd0iO7iQfr0ZnU5t1lGmd1WqdkplXzwCKrRRxHUVcm6ri6HuH2cX0M5xJxPkhdvJNpRQpxn1xKtzsSu5zGBWmvX971TSv211lWBMB8choG9nnjgPM8hjGqMgeNpnheIhDCwqFfsKf0jEeM5gdM0uZR422nEAjdgJiWLFkhkIRn4xlpLo6gsxAMRGuZl0QKJLFogkUULJLJogUQWYoH+r2UcRxoVhPOcPxuxwI0Qc8DDtMCIh5EMvIT6AoGSApdl2beU8hSTHf5iLuHJwRFz4nwP3iVuXxNd9wIB1uWHUQE6ZgAAAABJRU5ErkJggg==") no-repeat; background-position: 0.4em 0.4em; }
.ibox-warn     { background: url("data:image/png;base64,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") no-repeat; background-position: 0.4em 0.4em; }
.box-title     { font-weight:bold;
                 padding-left:2.5em; padding-bottom:0px;
                 margin-left:1em; margin-bottom:20px; margin-top:10px;
               }
.box-text      { clear:both; padding-bottom:0.5em; padding-top:0px; margin-top:0px; }
.box-text .descr { margin-top:12px; }
/*** ******************************** ***/
/*** ****** SPRACH-AUSWAHL-BOX ****** ***/
/*** ******************************** ***/
.lng_sel      { padding:0px 30px 15px; }
.sel_lbl      { float:right; }
.sel_lbl > select {border:1px solid silver;}
.sel_box      { padding-left:1em; margin-left:1em; }
/*** ******************** ***/
/*** ****** LISTEN ****** ***/
/*** ******************** ***/
/*** Liste mit groesseren Abstaenden zwischen den Listeneintraegen ***/
.big-list li   { margin-bottom: 0.3em; margin-top: 0.3em; }
.last-block-element { padding-bottom:1.5em; }
/*** Nummerierte Listen ***/
ol.lalpha       {list-style-type: lower-alpha; }
ol.ualpha       {list-style-type: upper-alpha; }
/*** ******************** ***/
/*** ***** TABELLEN ***** ***/
/*** ******************** ***/
.small-rows td  {padding:0px; }
/*** ********** Tabellen, allgemein ********** ***/
table              { border-spacing:0; border-collapse:collapse;
                     padding-left:8px; margin-top:0.5em; margin-bottom:0.5em;
                     font-size:1.0em;
                     width:100%; max-width:950px; }
table td, table th { border:1px solid #aaa; vertical-align:top; text-align:left; font-size:0.9em; padding:10px; }
table th           { font-weight:bold;  background-color:#eee; font-size:0.9em; }
.small_table_30    { width:30%; }
.small_table_40    { width:40%; }
.small_table_50    { width:50%; }
.small_table_75    { width:75%; }
/*** ********** Spezielle Tabellen-Formatierungen ********** ***/
.table-no-border         { padding-bottom:0em; padding-top:0em; margin-bottom:0em; margin-top:0em; }
.table-standard          { background-color:white }
.table-green             { background-color:#e8fde9; }
.table-blue              { background-color:#ebfdfe; }
/*** *** Tabelle OHNE Rahmen! (z.B. Logikbaustein Sonstiges) *** ***/
.table-no-border td  { border:0px; }
.table-no-border th  { border:0px;  background-color:transparent; }
/*** ************************************************************** ***/
/*** ********** EINGAENGE und AUSGAENGE (Logikbausteine) ********** ***/
/*** ************************************************************** ***/
/*** Tabellen fuer Eingaenge und Ausgaenge der Logik-Bausteine ***/
.table-in  {  }
.table-out {  }
/*** Farben fuer Eingaenge und Ausgaenge, wie im GLE. Eigener Style, weil es evtl. mal OHNE Tabelle gebraucht werden koennte ***/
.input       { background-color:#80ff80; }
.output      { background-color:#ff8080; }
.string      { background-color:#E0E0E0; }
/*** Spalten der Eingangs- und Ausgangs- Tabellen ***/
.io-nr       { width:30px; }
.io-name     { width:150px; max-width:150px; word-wrap:break-word; }
.io-init     { width:50px; max-width:50px; word-wrap:break-word; }
.o-sbc       { width:119px; }
/*** Formatierungen fuer die einzelnen Spalten der Eingangs-Tabellen ***/
/*** Header ***/
.table-in  th.io-nr      {  }
.table-in  th.io-name    {  }
.table-in  th.io-init    {  }
.table-in  th.io-descr   {  }
/*** Zellen ***/
.table-in  td.io-nr      {  }
.table-in  td.io-name    {  }
.table-in  td.io-init    {  }
.table-in  td.io-descr   {  }
.table-in  .descr        { margin-bottom:0px; margin-top:0px; }
/*** Formatierungen fuer die einzelnen Spalten der Ausgangs-Tabellen ***/
/*** Header ***/
.table-out  th.io-nr     {  }
.table-out  th.io-name   {  }
.table-out  th.io-init   {  }
.table-out  th.o-sbc     {  }
.table-out  th.io-descr  {  }
/*** Zellen ***/
.table-out td.io-nr      {  }
.table-out td.io-name    {  }
.table-out td.io-init    {  }
.table-out td.o-sbc      {  }
.table-out td.io-descr   {  }
.table-out .descr        { margin-bottom:0px; margin-top:0px; }
/*** ************************************** ***/
/*** ***** SONSTIGES (Logikbausteine) ***** ***/
/*** ************************************** ***/
.table-logic-info        { padding-bottom:0em; padding-top:0em; margin-bottom:0em; margin-top:0em; }
.table-logic-info th     { border:0px; font-weight:normal; background-color:white; padding:2px 0;width:200px;  }
.table-logic-info td     { border:0px; padding:2px 15px; }
/*** ************************************************* ***/
/*** ***** AEHNLICHE FUNKTIONEN (Logikbausteine) ***** ***/
/*** ************************************************* ***/
.t-sim-func   {  }
.t-sf-grptit  { font-weight:bold; margin-top:1.5em; margin-bottom:0.3em; }
.t-sf-grpitm  { font-size:0.9em; }