/* korreliert mit der Breite von content_links und content_rechts */
td.content_ue_spalte1 {width: 25%;}
td.content_ue_spalte2{width: 5%;}
td.content_ue_spalte3{width: 70%;text-align:right;}

.content_links {
float: left;
margin: 10px 0% 0% 0%;
padding: 0px 0% 0px 0%;
width: 15%;
border: 0px solid;

}

.content_rechts {
float: right;
/*margin: 10px 0.4% 1% 0.1%;*/  /* sorgt für den Abstand; korelliert mit abstand_erster_treffer (such-ergebnis-rbc.css)*/
/* Full (Änderung 1/4)
margin:10px 0 0 0;
*/margin:0px 0 0 0;
padding: 0% 0% 0% 0%;
width: 85%;
border: 0px solid;
}

/* Die beiden Elemente bestimmen den Boxen-Bereich*/
#admin_formular{ /* hat sonst keinerlei css-Anweisungen*/
/*border:1px solid #9f9f9f;*/ /* border um die Boxen herum */

}

.admin_menu_oben
.content_rechts_ohne_menu_border_color { /* überschreibt obige Anweisung, wenn es kein linkes Menu gibt */
/* Full (Änderung 3/4)
border-left: 0px;
*/
}

.content_rechts_voll { /* Größe, wenn das Menu verborgen ist.*/
width:100%;

/* Full (Änderung 4/4)
width: 100%;
*/
}


/* Datensatz-Auswahl-Box*/
.auswahlbox{
color: #000066;
width: 98%;
/*border: 1px solid #000066;*/
padding: 1px 3px 1px 1px;
}


.option_auswahlbox {width:100%; padding:2px 0px 2px 4px; }

.auswahlbox, .option_auswahlbox {
/*font-family: monospace;*/
font-size: 14px;
}

/* Anfang: Menu mit dem $modus */
.admin_menu {
position: relative;
width: 100%;  /* für, wenn das menu links angezeigt wird */
margin: 0;
padding: 0;
}
.admin_menu a, .admin_menu a:visited, .admin_menu a:hover,
.admin_menu_seperator  {
position: relative;
text-align: left;
text-decoration: none;
background-color: #fff;
padding: 5px 3px 3px 5px;
border: 1px solid #9f9f9f;
}

/* überschreibt obige Anweisung .admin_menu; wird gesetzt in formular_menu.ini bei 'extra_class' und dann in maas_admin_menu.box in den String gebracht */
span.admin_menu_markierung{border: 1px solid;border-color: #00FFFF} /* für umwandlung_menu_zu_seperator() */
a.admin_menu_markierung, a:hover.admin_menu_markierung, a:visited.admin_menu_markierung  { border-color: #00FFFF}


/* $sys_menu_modus_links */
.admin_menu_links a, .admin_menu_seperator { /* Wenn das menu links angezeigt wird */
margin: 0px 0px 3px 1px; /* Hiermit kann z.B. der Abstand der links zum content_rechts bestimmt werden margin-rechts:  z.B. 10px*/
display: block;
}

/* !$sys_menu_modus_links */
.admin_menu_oben a { /* Wenn das menu oben angezeigt wird */
bottom: 0px;
margin: 0px 3px 0px 0px;
}

.admin_menu_seperator{
background-color: transparent;
color: #7f7f7f;
border-color: transparent;
margin-bottom: -2px;
}

/* Es geht nur um die Positionierung der Links */
/* !$sys_menu_modus_links && !$sys_menu_modus_pos_unter_feldern_ohne_menu */
   /* Anweisung für das $maas_admin_menu, wenn es oberhalb aller Formularfelder, also auch z.B. über Name, positioniert ist. Die Alternative ist die Position zwischen den Boxen ohne Menu und denen mit (s.u. td.maas-admin-menu) also wenn !$sys_menu_modus_pos_unter_feldern_ohne_menu gilt */
   div.menu_modus_container  {padding: 3px 3px 4px 0px;}

/* !$sys_menu_modus_links && $sys_menu_modus_pos_unter_feldern_ohne_menu */
   /* Anweisungen für das menu, wenn es zwischen Boxen ohne Menu und denen mit Menu platziert ist, also wenn $sys_menu_modus_pos_unter_feldern_ohne_menu gilt. Das Menu ist dann in $ini_db_felder enthalten, wird also wie eine normale Box behandelt. Es soll sich aber layoutmäßig ein wenig abheben. */
   .maas-admin-menu {
         background: #dadada url("../images/jquery-ui2/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
         /*background: #cccccc url("../images/jquery-ui2/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; */
         background-color: #ebebeb;
         border: 0px solid #9f9f9f;
   }
   /* Es geht nur um die Positionierung der Links */
   td.maas-admin-menu{padding: 2px 0px 2px 1px;}
   td.maas-admin-menu  {padding: 6px 6px 5px 1px}
/* Ende: Menu mit dem $modus */


.menu_loading_gif {background: url(../../rbc/images/ajax-loader-klein.gif) no-repeat center right;}
.button_loading_gif {
background-image: url(../../rbc/images/ajax-loader-klein.gif);
background-repeat: no-repeat;
background-position: center right;
}
.button_erfolg_gif {
background-image: url(../../rbc/images/rokrudit_accepted_16.png);
background-repeat: no-repeat;
background-position: center right;
}

.tableline_admin{
position: relative;
background-color: transparent;
/*width: 50%;*/
margin: 0% 0% 0% 0%;

}

.content_oben {
clear:both;
position: relative;
background-color: transparent;
width: 100%;
margin: 2px 0% 0% 0%; /* Das margin-top ist dann bedeutsam, wenn sowohl die auswahl.box als auch content_ue.box verborgen sind. Dann soll ein Abstand nach oben sein. */
}


table.admin_box, table.admin_boxgruppe {
position: relative;
margin: 0% 0% 0px 0%; /* Das margin bestimmt den Rahmen um die box */
padding: 0% 0% 0% 0%;
height: auto;
width: 100%;

/*float: left; Diese Anweisung verursucht Fehler bei IE6*/
clear: left;
background:#fff; /* nur notwendig, weil der Hintergrund bei IE über rowspan_feldern als Strich durchschimmert; durch Weiß wird dies gemindert */
}
table.admin_box {border-bottom: 1px solid #F1ECD2;  /* Trennstrich zwischen den Eingabefeldern */}

.verborgene_box_tmp_disabled{border:1px dashed green}

.admin_reihe_ungerade   {
background-color: #fff; /* wenn keine Farbe definiert ist, gilt .background_content */
margin:0px;padding: 1px 0px 0px 0px; /* für IE */
}
.admin_reihe_gerade {
/*background: url(../../rbc/images/bg_f9f9f9_1px.png) repeat;*/
/*background-color: #00ff00;*//* wenn keine Farbe definiert ist, gilt .background_content */
margin:0px;padding: 1px 0px 0px 0px; /* für IE */
} /* gilt auch für preis.tpl*/



.admin_reihe_seperator {
background-color: /*#fff*/; /* wenn keine Farbe definiert ist, gilt .background_content */
margin:0px;padding: 1px 0px 0px 0px; /* für IE */
}


td.admin_label { /* gilt auch für Felder, wo admin_rowspan_label1 gesetzt ist*/

vertical-align:top;
border-right:1px solid #F1ECD2;
}
td.admin_label, td.admin_suchfeld_label{width: 30%;} /*Die Breitenangabe ist ausgelagert, damit Sie auch für das Feld mit dem Volltextsuchfeld genutzt werden kann -> such_ergebnis_oben.tpl*/

td.admin_label_extra {vertical-align:top; padding-top:8px} /* wird z.B. genutzt für "textarea" */
td.admin_spalte2 {}/* HINWEIS: IE braucht eine Breitenangabe (->ie.css);Optimal ist, hier keine Breitenangabe zu machen,  führt dazu, dass die rowspan-Felder nicht genau unterhalb normaler Boxen angezeigt werden. */
/*td.admin_spalte3 {width: 116px;}*/

td.rechts_box {width:1%;padding:0 1px 0 1px} /* width muss sein wegen FF und in Prozent wegen IE*/

.update_box {width: 1%;text-align:center;vertical-align-:middle; margin-top-:2px} /* kleine update-grafik; die größe ist bedeutsam für die ajax-update-bestätigung HINWEIS: gilt auch für preis.tpl*//* width muss sein wegen FF und in Prozent wegen IE*/
td.info_btn {width:3%; text-align:center; cursor:default;vertical-align:top;} /* width muss sein wegen FF und in Prozent wegen IE*//*width:3% und nicht nur 1%, damit die Felder mit und ohne info-Button dieselbe Breite haben und genau gleich abschließen*/

.info_btn  {cursor:pointer;width:16px;height:16px}
.info_btn_rowspan_class{float:right;display:inline}
.info_hidden{display:none} /* für die Informationen dazu, wann eine Box aktiv oder inaktiv ist */


td.dummy_td {width:0px;padding:0;margin:0;} /* es gibt keinen text rechts; die spalte ist zwar da, bekommt aber die breitenangabe 0px (es müsste die Einheit % für IE6 sein) */

td.admin_rowspan_label1 {border-right:0px solid #F1ECD2;vertical-align:top;} /* width wird über admin_label gesetzt */
td.admin_rowspan_label2 {width: 21%;vertical-align:top} /* Styleanweisungen für die td-Überschrift von unter rowspan zusammengefassten Feldern */
td.admin_rowspan_spalte3 {width: 43%;} /* Breitenangabe führt dazu, dass im Suchformular die normalen Boxen anders dargestellt werden als die rowspan-Boxen */

/* Farben */
.color1-1 {color: #000066;font-weight: normal;} /* Überschrift in der 1. Spalte. */
.color1-2 {color: #000066;} /* Überschrift in der 2. Spalte */
.color2 {/*color: #00ff00*/} /* Bezeichnungen von radio, checkbox */


.error {
font-weight:normal;
color:red;
text-align:left;
padding-left:25px;
background: url(../../rbc/images/rokrudit_cross_16.png) no-repeat scroll  5px 0px;
}


.bc_div_feld {border: 1px solid transparent; padding:3px;} /* Für das Layout eines bc_mehrfach_eintrages, wenn es ein div-Element ist. ACHTUNG Muss vor allen css-Anweisungen für die class .bc_disabled stehen, weil die  die Anweisungen hier überscheiben sollen, wenn das Feld zum Löschen angeklickt worden ist. Es geht dabei nur um die Border-Anweisungen, damit es nicht zuckt, wenn dem Feld in bc_disabled ein border gegeben wird. */

.overall, .bc_readonly, .bc_readonly2, .bc_disabled input, .ui-selectmenu, .ui-state-hover-rokrudit{
padding: 1px 2px 1px 2px;
margin: 0px 0px 0px 0px;
color: #000;
background: #FFFAC8;/*#FCFFDB*/ /* Gegenstück hierzu ist .input_focus
 BEACHTE: Für den Hintergrund des FCK-Editors wird die Farbe gesetzt in sc_FCK_color_onBlur() (-> general.js);
 BEACHTE: für das jquery.ui.selectmenu gilt für den Hintergrund die Anweisung zu .ui-selectmenu (-> jquery.ui.selectmenu.css) */

}
.overall, .auswahlbox, .bc_readonly, .bc_disabled , .ui-selectmenu, .ui-state-hover-rokrudit{
border-top: 1px solid #808080;
border-bottom: 1px solid #ededed;
border-left: 1px solid #404040;
border-right: 1px solid #404040;
}



.bc_readonly, .bc_disabled {background:#eaeaea;color:#9f9f9f} /* diese classes enthalten alles, was .overall enthält (s.o) bis auf die geänderten Anweisungen; .bc_readonly: wird genutzt in Boxen der Art bc_mehrfach_eintrag für die Wert-Spalte, wenn die Werte nicht frei wählbar sind, diese also auf readonly gesetzt sind. .bc_disabled wird in in der Funktion  bc_delete_markierung() genutzt, wenn ein Feld zum Löschen markiert worden ist. */



.bc_readonly2{
border: 0px;
background: #fff;
}



.inhalt { /* Ich habe es nicht genau geprüft. Aber ich denke, dass diese Class nur in box_textarea.inc gesetzt wird. */
width: 95%;
height: 100px;
padding: 5px;
}

.text-input {
height: 18px;
width: 91.5%;
text-align: left;
font-weight: normal;
padding: 5px;
cursor: text;
/*background:#FFFFE1;*/
}
/* Die select-Anweisungen gelten nicht alle, wenn die select-Box per selecetmenu.js angezeigt wird */
.select-feld {
height: auto; /* wirkt sich nur aus, wenn nicht ui.selectmenu.js */
width: 93%; /*97.5*/
padding: 1px 3px 1px 5px;*/
/*padding: 5px;*/ /* so wie in text-input*/
}
.select-feld2 {
width: 50%;
}

.select-option {width:100%;padding:2px 0px 2px 4px;}

.text-input, .select-feld, .auswahlbox, .inhalt, .extra-suchfeld, .select-datenzuordnung {
border-radius: 4px;
}

/*
HINWEIS: Als background gibt es weiter oben noch eine Anweisung. Es gilt derselbe background wie bei .input_focus (s.o.) -> nur wichtig für ui.selectmenu.js
HINWEIS: select-option wird auch an anderer Stelle gesetzt z.B. bei .gen in content_mitte.css
*/

.textbox{padding:3px;}
.datum-input {width: 70%}
.input_focus, .select-option { /* Beim Reinklicken in ein input-Feld und auch als Hintergrund eines select-Feldes; BEACHTE: Für den Hintergrund des FCK-Editors wird die Farbe gesetzt in sc_FCK_color_onFocus() (-> general.js) hierzu  BEACHTE: für das jquery.ui.selectmenu gilt für den Hintergrund die Anweisung zu ui-state-hover-rokrudit (-> jquery.ui.selectmenu.css)*/
background: #ffffff;/*#FFFACD #FFDDAA*/
}
.text-input-disabled { /* Anweisungen für alle auf disabled gesetzte Felder, die ein Border haben (input, select u.a.). */
border:1px solid #eaeaea;
}
.input-text-readonly { /* Für Boxen der Art input_readonly; diese Boxen werden zwar angezeigt, sollen auch upgedatet werden, sollen aber nicht wie ein input-Feld aussehen */
border: 1px solid #ccc;
background: transparent;
}
/* Anfang: über js-Script eingefügt */
.input-disabled  { /* Anweisungen für alle auf disabled gesetzten Boxen. */
color:#9f9f9f; /* BEACHTE: Im fck-Editor kann diese class nicht verwendet werden. Die color wird in den Funktionen FCK_enable() und FCK_disable() gesetzt */
/*background: transparent;*/
}
/* falls z.B. in einem Text unter_box einen Link gibt; damit das funktioniert, muss es viermal definiert sein */
.input-disabled a{color:#9f9f9f;}
.input-disabled a:link{color:#9f9f9f;}
.input-disabled a:visited{color:#9f9f9f;}
.input-disabled a:hover{color:#9f9f9f;}

textarea.input-disabled, input.input-disabled  { /* Anweisungen für textarea und input, wenn auf disabled gesetzt. */
background: #fff; /* BEACHTE: Im fck-Editor kann keine class verwendet werden. Die background-color wird daher in FCK_disable() gesetzt. */
}

.error_name_doppelt { /* Muss nach .overall .text-input .input_focus stehen */
background-color: red;
color: #fff;
}


img.disabled_fuer_drop,
.button_off, /* für gerade inaktive submit-buttons */
.button_inaktiv/* für gerade inaktive Bearbeitungsbuttons ($q_lex_honorar) */
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */
    filter: gray() alpha(opacity=40); /* IE 5-7 */
    opacity: 0.40; /* Safari, Opera and Mozilla */
    cursor: text ; /* funktioniert nicht bei pointer-events: none*/

}
.button_inaktiv/* für gerade inaktive Bearbeitungsbuttons ($q_lex_honorar)*/
{

    pointer-events: none; /* Damit werden auch div-Boxen disabled. Die click-Funktion wird nicht ausgeführt 23.9.2021 */
}
a.button_inaktiv, a.button_inaktiv:hover{color:grey} /* sorgt dafür, dass es kein Hoover-Effekt bei a-Tags in Links gibt */

.suchergebnis_ausgegraut /* um das aktive Suchergebnis für einige Sekunden hervorzuheben */
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */
    filter: gray() alpha(opacity=20); /* IE 5-7 */

    opacity: 0.20; /* Safari, Opera and Mozilla */

}


.text_grau /* für z.B. unscheinbare Infotexte */
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */
    filter: alpha(opacity=40); /* IE 5-7 */

    opacity: 0.40; /* Safari, Opera and Mozilla */
}

.statistik_off /* für die Suchbegriffe ohne Treffer in dem Info-Popup */
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: gray() alpha(opacity=50); /* IE 5-7 */

    opacity: 0.50; /* Safari, Opera and Mozilla */

}

.info_button_off /* für gerade inaktive submit-buttons */
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
    filter: gray() alpha(opacity=30); /* IE 5-7 */

    opacity: 0.30; /* Safari, Opera and Mozilla */
}

.beispiel_off /* für Beispieltexte mitten im Formular */
{
    /* In ie.css gibt es eine gesonderte Anweisung, weil das mit dem Transparenten nicht klappt. */
    color:#000066;
    margin-left:10px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; /* IE 8 */
    filter: gray() alpha(opacity=45); /* IE 5-7 */

    opacity: 0.45; /* Safari, Opera and Mozilla */
}
.beispiel_select{
width:130px;
height:20px;
}
.beispiel_option {
margin:0px;
}


.hinweis_hr { /* Die horizontale Linie in Hinweis-Texten z.B. create_hinweis_normal()*/
display: block;
height: 1px;
border-top: 1px dashed #cccccc;
border-left: 0 none;
border-right: 0 none;
border-bottom: 0 none;
margin: 0px 0;
padding: 0;
}

/* Anweisungen für Markierung des Pflichtfeldes (siehe  div_ueber_box.inc, valid_formular_felder.js */
.img_pflicht {
position:absolute;
top:0px;
left:-9px;
z-index:1;
}
.img_pflicht2 { /* Diese class gilt, während die Grafik, die das Pflichtfeld anzeigt, blinkt. Nach dem Blinken gilt wieder img_pflicht */
top:10px;
left:-11px;
}


a.pflicht_angabe_menu, a.pflicht_angabe_menu:hover {
border: 1px dashed red;

}
.pflicht_feld_off /* für inaktive pflicht-felder */
{
    filter: gray() alpha(opacity=40); /* IE */
    opacity: 0.40; /* Safari, Opera and Mozilla */
}
.divoverall{position:relative;} /* nur damit position:absolute bei der Grafik für das Pflichtfeld funktioniert */

/* sep mit text */
.seperator-overall {display: block; padding: 2px 2px 2px 4px;}

.seperator-enabled { /*HINWEIS: gilt nicht für in Sepertor umgewandelte Menu-Einträge, weil da color-aktiv gelten soll */
background: #eaeaea;
color: #3f3f3f;
}

.seperator-disabled {
color: #9f9f9f;
background:#eaeaea;
}
.seperator_h1 {font-weight:normal;}
.seperator_h2 {font-weight:normal; margin-left: 20px}


/* sep als horizontale Linie*/
hr.seperator-enabled  {
border: 2px ridged;
border-color:#00668b;
}
hr.seperator-disabled{
border: 1px solid;
border-color:#eaeaea;

}


/* Ende: über js-Script eingefügt */

#server_message, .mail_message {
position: relative;
margin: 0.5% auto;
padding: 2px 2px 2px 2px;
background: #fff;
border:0px solid #FF7F00;
width: 98%;
}

/*.mail_message{padding: 100px 0 100px 0;}*/
#server_message h2 { font-size:150%;color:#FF7F00; }

/*.loading {
width: 100%;
margin: auto;
margin-top: 22%;
text-align: center;
padding: 0% 0% 0% 0%;
background: transparent #fff;
}*/
.grafik{padding-left: 10px; width: 80px;}

.update-grafik { /* müsste dogmatisch eigentlich js-update-grafik heißen */

}

/*
        Die Info-Texte zur Box generiert mit der
        Funktion: admin_infotext_show_hide

         Templates:
         info_boxeneinfluss_index.tpl
         info_box_wird_inaktiv.tpl
         info_warnhinweis.tpl
         info_aktiveinfluss.tpl
         info_direkt_indirekt_btn.tpl
*/
table.info {width:100%; background: #efefef;border:0}
tr.info_text{background:#E4F2FF;} /* Hintergrund der gesamten Info */
span.info_text { display:block; padding: 5px; border:1px solid #9f9f9f} /* der infotext selbst */
.info_text_bg {background:#FFFFe1}
.info{background:red}

tr.kein_info_text {display:none;}

tr.info_head_reihe2{background:#024FA4; color:#fff; font-weight:bold}

td.info_spalte1 {width:15%} /* Bestimmt die Spalten-Breite, wo direkt oder indirekt drin steht */
td.info_spalte3 {width:30%; vertical-align:top} /* Bestimmt die Spalten-Breite, wo die beeinflusste Box drin steht */
.info_border {border:1px solid #9f9f9f} /* Defniert die Farbe des Tabellengitters*/

td.info_extra{background:#fff;} /* Farbe der Spalte mit Box und Wert */

td.info_extra_class{/*background:#ff0000;*/border:2px dashed red} /* Hebt Spalte einer wechselseitig beeinflusste Box hervor */
span.info_extra_class {color:#ff0000; /*text-decoration:blink;*/} /* Hebt Text (box_ue) einer wechselseitig beeinflussten Box hervor */
td.info_einfluss{font-style: italic;vertical-align:top}
td.info_operator{width:1%;text-align: center;}
td.info_verknuepfung{width:1%;text-align: center;vertical-align:top}

/*.boxtable table tr td {width:30px; background:red}*/
/*.boxtable table, tr, td {margin:0;padding:0}*/
.boxtable {width:100%;border-collapse:collapse;}
.boxtable td.spalte1{}
.boxtable td.spalte2{}
/* Nachfolgende Anweisungen werden ausschließlich in info_box_wird_inaktiv.tpl genutzt */
.verknuepfung1, .verknuepfung2, .verknuepfung_head {width: 1%; text-align:center}
.operator {width:1%;text-align:center}
.verknuepfung1 {font-style:italic;} /* oder1 */
.verknuepfung2 {font-style:italic;} /* und */
.verknuepfung3 {width: 50px;font-style:italic;vertical-align:top;} /* oder2 */
.verknuepfung_head {color:#2f2f2f;font-weight:normal}
.bg_info {background:#fff;}
tr.info_head_reihe{background:#077683; color:#fff; }
tr.info_head_reihe td {padding-top:10px;padding-bottom:10px}
.info_head_box {  /* Boxname */
color: #000066;
background:white;
padding: 2px 2px 2px 2px;
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
}
/* Diese vier Anweisungen für abwechselnde Farbe in oder-Reihen überschreiben im Template info_box_wird_inaktiv.tpl vorhergehende background-Anweisungen zu table.info und bg_info. Wenn die Anweisungen fehlen, gelten wieder die vorherigen. */
.bg_ungerade{
background:#ABF3FA;
background: -moz-linear-gradient(top,  #E9FCFE 0%, #ABF3FA 47%, #68EAF9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9FCFE), color-stop(47%,#ABF3FA), color-stop(100%,#E9FDFE));
background: -webkit-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -o-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -ms-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: linear-gradient(to bottom,  #E0FDFE 0%,#ABF3FA 47%,#68EAF9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9FCFE', endColorstr='#68EAF9',GradientType=0 );
}
.bg_gerade {
background: #ededed;
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 47%, #ccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ededed), color-stop(100%,#ccc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 47%,#ccc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ededed 47%,#ccc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 47%,#ccc 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 47%,#ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
        /* 2 Anweisungen nur für die linke oder-Verknuepfung */
.verknuepfung_ungerade { /* genau wie bc_ungerade nur von links nach rechts */
background:#ABF3FA;
background: -moz-linear-gradient(left,  #E9FCFE 0%, #ABF3FA 47%, #68EAF9 100%);
background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#E9FCFE), color-stop(47%,#ABF3FA), color-stop(100%,#E9FDFE));
background: -webkit-linear-gradient(left,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -o-linear-gradient(left,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -ms-linear-gradient(left,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: linear-gradient(to right,  #E0FDFE 0%,#ABF3FA 47%,#68EAF9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9FCFE', endColorstr='#68EAF9',GradientType=0 );
}
.verknuepfung_gerade { /* genau wie bc_gerade nur von links nach rechts */
background: #ededed;
background: -moz-linear-gradient(left,  #ffffff 0%, #ededed 47%, #ccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#ededed), color-stop(100%,#ccc));
background: -webkit-linear-gradient(left,  #ffffff 0%,#ededed 47%,#ccc 100%);
background: -o-linear-gradient(left,  #ffffff 0%,#ededed 47%,#ccc 100%);
background: -ms-linear-gradient(left,  #ffffff 0%,#ededed 47%,#ccc 100%);
background: linear-gradient(to right,  #ffffff 0%,#ededed 47%,#ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

td.info_extra_ue{color:#000066;}

/* Layout der DB-Anzeigen; es gibt zwei, um Namen und zugehörigen Wert gleich anzuzeigen*/
span.info_ue {color: #000;} /* Farbe der Überschrift (= alles in der DB-Anzeige, das nicht den  Wert des Feldes meint, wie z.B. die Klammern && das in der Tabelle steht  */
span.info_ue2 {color: #000; font-weight:normal} /* Kommentar wie oben nur: && das über der Tabelle steht (= in den Erläuterungen über der Tabelle der Boxen, wie auch info_extra_color - s.o. - */
span.info_db {color: #0080FF; font-weight: normal;} /* Farbe in Hinweistexten für DB-Feld */
span.info_db2 {color: #008000; font-weight: normal;}
span.info_db3 {color: #E06000; font-weight: normal;}
span.info_art{color:#00AFAF;} /* Farbe in Hinweistexten für Boxart */
.hinw_ue{color:blue} /* Farbe in Hinweistexten u.a. für Hervorhebungen von Text */
.info_select_feld{width:auto;}
.info_select_feld2{width:auto;} /* wird genutzt, wenn die Boxen zugleich mit html und db-Namen angezeigt werden, damit mehr Platz ist */

table.legende_info_buttons{width:100%; margin:0; border-top: 0px solid #eaeaea}
td.legende_info_buttons_spalte1{width: 30px;}
td.legende_info_buttons_spalte2{}

.display_none{display:none} /* für Bereiche, die verborgen sein sollen */

.click_link_buttons_verborgen { /* diese class erhalten click-Link-Buttons (z.B. Menu ausblenden), wenn der von Ihnen ein-/undauszuschaltende Bereich gerade verborgen ist, um so auf diesen Umstand aufmerksam zu machen*/
border-bottom:2px red dashed;
border-left:2px red dashed;
padding-left:3px
}

/* Für die Buttons, mit dem bestimmte Bereiche im html-Gerüst oder die Legende verborgen werden können */
.btn_overall_pos {
position:fixed;
top:100%;
border-style: solid;
border-color: #9f9f9f;
border-width: 1px;
border-bottom: 0;
}

.btn_overall_fixed_button { /* Gilt für alle Buttons */
width:10%;
height:20px;
z-index:10;
margin-top:-20px;
background:#eaeaea;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
text-align: center;
}

.btn_overall_verborgen {/* gilt für alle zunächst verborgenden Bereiche, die dann durch das Klicken auf den Button angezeigt werden */

z-index:9; /* muss kleiner sein als beim Button selbst */
display:none; /* Beim Start erstmal unsichtbar */
background:#fff;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
overflow: auto;
}
.btn_overall_abstand_verborgen {
padding-bottom: 20px; /* muss mindestens height in btn_overall_fixed_button entsprechen, damit Text am Ende auch immer gelesen werden kann, wenn gescrollt werden (der Text wird sonst ggf. von den Buttons verdeckt)  */
}
.btn_verborgen_ue {
color: #fff;
background:#00668b;
display:block;
padding: 5px;
-moz-border-radius: 7px 0px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
}

div.btn_fixed_html_einfluss { /* Der Button für html_einfluss-Buttons selbst*/
left:84%;

}
div.btn_fixed_legende { /* Der Button für die Legende */
left:73%;
}
div.btn_fixed_admin { /* Der Button für die Admin-Funktionen */
left:62%;
}

div.btn_html_einfluss_verborgen { /* der nach dem Klick auf den Button angezeigt wird */
left:64.5%;
width: 30%;
height:250px;
margin-top:-250px;
}

.btn_legende_verborgen { /* Der Bereich, der nach dem Klick auf den Button angezeigt wird */
left:44.5%;
width: 50%;
height:300px;
margin-top:-300px;
}

.btn_admin_verborgen { /* Der Bereich, der nach dem Klick auf den Button angezeigt wird */
left:44.5%;
width: 50%;
height:300px;
margin-top:-300px;

}

/*
        Platzhalter / InsertAtCursor
*/
         /* gesetzt in box_textarea_fck (dort gibt es die Spalte, in die per js-Funktion platzhalter_zeigen() die Platzhalter aus platzhalter.tpl reingeladen werden) */
div.platzhalter_overerall {
border: 1px solid #9f9f9f;
color: #000;
background: #ccc;
overflow: auto;
padding:0;margin-top:0;
resize: vertical;
overflow-y: scroll; /* Sorgt dafür, dass der y-Scrollbalken immer angegezeigt wird. */
/*resize: both;*/
}
         /* gesetzt in platzhalter.tpl */
.platzhalter_text, .platzhalter_ue, .platzhalter_ueberschrift {
padding:2px 2px 2px 2px;
border-bottom:1px solid #9f9f9f;
cursor:pointer;
display:block;
}
.platzhalter_text {
background: #ededed;
}
.platzhalter_ue, .platzhalter_img {
background: #1f1f1f;
color: #fff;

} /* muss nach platzhalter_text stehen, weil es die dortigen Anweisungen übeschreibt */
.platzhalter_ueberschrift {
background: #fff;
color: #000066;
cursor: text;
padding-top:10px;

}


.platzhalter_inaktiv {color: #7f7f7f}
.unterkategorie {margin-left:10px;}
.unterkategorie_ue {background: #EAF0C1}/*#C5F1C7*/
.unterkat_ue, .unterkat_img {background: #6f6f6f; color: #fff}
.platzhalter_info{
float:right;
padding:1px 2px 3px 2px;
margin: -2px -2px 0px 0px;
cursor:default;
background: #fff;
border-left: 1px solid #9f9f9f;
}

.platzhalter_img, .platzhalter_info_img{/* Ich habe eine Menge versucht. Aber damit es ganz richtig angzeigt wird, muss ich für diese Class diese Anweisungen hier geben. Es hängt irgendwie mit display: block zusammen. Ich lass es jetz so.*/
padding:1px;
border-bottom:1px solid #9f9f9f;
cursor:pointer;
}
.platzhalter_hover {background: #fff}
.platzhalter_info_hover{background: #00668B; color:#fff}
.platzhalter_block_color {color:#EC44B0}
/*

        bc_fkt = Formular-Intelligenz $q2boxcreate

*/


.boxeneinfluss, .pfeil_grafik_nach_rechts_bg {
background: #005050;
}
.boxeneinfluss {
color:white;
/*background: #f6f6f6;
background: -moz-linear-gradient(bottom,  #ffffff 0%, #f6f6f6 47%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(bottom,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%);
background: -o-linear-gradient(bottom,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%);
background: -ms-linear-gradient(bottom,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%);
background: linear-gradient(to top,  #ffffff 0%,#f6f6f6 47%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );*/
}

.boxeneinfluss {
border: 1px solid #d4d4d4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
padding: 6px;
margin: 0;
}

.boxeneinfluss_markierung { /* wird gesetzt, um das Eingabefeld  zu kennzeichnen, in dem die Einstellung, die zur permanennten Inaktivität führt, ausgelöst wurde */
color: red;
}
.boxeneinfluss_btn { /* großer Berarbeitungsbuttong*/
background: #fff;
border: 1px solid #d4d4d4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
padding: 2px 4px 2px 4px;
margin: 0;
}
        /* Bestimmt die Breite der Spalten links und rechts */
td.bc_fkt_spalte_links {width: 48%}
td.bc_fkt_spalte_rechts {width: 52%;}

.add_to_bc_fkt_spalte_links, .pfeil_grafik_nach_links_bg {
background: #007070; /* linke Seite, wenn auf den großen Bearbeitungs-Button geklickt worden ist */
}
.add_to_bc_fkt_spalte_links {
color: white; /* definiert die Überschriftenfarbe in der linken Spalte */
} /* die linke Spalte mit den box_wird_inaktv */

.box_wird_inaktiv_color{color: black;} /* Farbe für die Boxen auf der linken Seite, die nicht gechecked sind weil diese sonst die Farbe aus .boxeneinfluss haben */

.bc_fkt_kleiner_bearbeitungsbtn {
padding: 0px 4px 0px 4px;
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
float:right;

background: #7f7f7f;
color: #ccc;
cursor: pointer;
}
.bc_fkt_kleiner_bearbeitungsbtn:hover{background:white;color:#000}
.bc_fkt_aktiv_kleinerbearbeitungsbtn{background: white; color: #5f5f5f}

.bc_fkt_aktivierte_reihe { /* Layout, wenn eine box_wird_aktiv zur Bearbeitung angklickt ist */
background:#3f3f3f;
/*color:white;*/
-webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s

}
/*.boxeneinfluss:hover {
background:#2f2f2f;color:white;
-webkit-transition:background 1s;
-moz-transition:background 1s;
-o-transition:background 1s;
transition:background 1s
}*/

        /* Abwechselnde Farben für die Reihen. Es geht um die Auflistung der Boxen, die von der aktuellen Box beeinflusst werden */
tr.bc_fkt_ungerade{background-:#C6E1FF}
tr.bc_fkt_gerade{background-:#A6D0FF}

.bc_fkt_text_grau{color:#9f9f9f;cursor: text;} /* wird gesetzt bei rowspan_feldern wenn die rowspan_ue beeinflusst wird, sodass die zugehörigen rowspan_felder nicht mehr beeinflusst werden können von derselben box_setzt_inaktiv. *//* HINWEIS: Die class wird nur gesetzt, wenn !$sys_checkboxen_box_wird_inaktiv_mit_jquery */

        /* Das Tabellen-Gitter wird defniert mit border-Anweisungen */
.bc_fkt_border{border-top: 1px;border-left:0px;/*1px wenn links ein border sein soll*/ border-bottom:0px;border-right:0px} /* Das gilt für alle, wenn nicht nachfolgende class gesetzt worden ist in der rechten Spalte*/
.bc_fkt_border_links_ue,
.bc_fkt_border_rechts_ue {border:0px}

.bc_fkt_border_links_ue {border-top:1px; border-top-right-radius:10px}
/* Entkommentieren, um obige border:0px zu überschreiben
.bc_fkt_border_rechts_ue {border-top: 1px; border-left: 0px;border-bottom: 0px;border-right:1px}
*/
.bc_fkt_border_rechts_wert {border-top: 1px; border-left:0px; border-bottom: 0px;border-right:0px}
.bc_fkt_border_rechts_btn {border-top: 1px; border-left:0px;border-bottom: 0px;border-right:0px/*1px wenn rechts ein border sein soll*/}
.bc_fkt_border_letzte_reihe {border-bottom:1px}

        /* Farben des Tabellen-Gitters */
.bc_fkt_border_style {border-style: solid; border-color: #9f9f9f} /* Farbe des gesamten Gitters */
.bc_fkt_border{border-right:1px solid #9f9f9f} /* Die mittlere Linie im Gitter */


/* bc_liste_eingabefelder */
.ebene1 {
color: #000066;
background: #f6f6f6;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}


.ebene2 {
color:#000;
background:#ABF3FA;
background: -moz-linear-gradient(top,  #E9FCFE 0%, #ABF3FA 47%, #68EAF9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9FCFE), color-stop(47%,#ABF3FA), color-stop(100%,#E9FDFE));
background: -webkit-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -o-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -ms-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: linear-gradient(to bottom,  #E0FDFE 0%,#ABF3FA 47%,#68EAF9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9FCFE', endColorstr='#68EAF9',GradientType=0 );
}

.ebene1, .ebene2 {
border: 1px solid;
border-color: #9f9f9f;
padding: 0;
margin: 0;
}
.ebene1, .ebene2, .js-feld_platzhalter {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



/* bc_formular_intelligenz_vorlage */
ol.sortable-ebene1, ol.sortable-ebene1 ol,
ol.sortable-ebene1 ul  /* diese ul-Anweisung ist nur notwendig, um den clone für disabled gesetzte Listen zu layouten */
{
        margin: 0 0 0 25px; /* gibt den Einzug rechts vor für die 2. Ebene */
        padding: 0;
        list-style-type: none;
}
ol.sortable-ebene1 {
margin: 0; /* verhindert den Einzug rechts für die obeste Ebene */
}

.sortable-ebene1 li {
margin: 5px 0 0 0;
padding: 0;
}

.sortable-ebene1 li div, .draggable-to-ebene1 div, .draggable-to-ebene2 div {
border: 1px solid #d4d4d4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
padding: 6px;
margin: 0;
cursor: move;

}

.sortable-ebene1 li div, .draggable-to-ebene1 div{
background: #f6f6f6;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}


.sortable-ebene2 li div, .draggable-to-ebene2 div{
background:#ABF3FA;
background: -moz-linear-gradient(top,  #E9FCFE 0%, #ABF3FA 47%, #68EAF9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9FCFE), color-stop(47%,#ABF3FA), color-stop(100%,#E9FDFE));
background: -webkit-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -o-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: -ms-linear-gradient(top,  #E9FCFE 0%,#ABF3FA 47%,#68EAF9 100%);
background: linear-gradient(to bottom,  #E0FDFE 0%,#ABF3FA 47%,#68EAF9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9FCFE', endColorstr='#68EAF9',GradientType=0 );

}

/* fürs Layout in den beiden Listen, mit den draggable-Elementen*/
.draggable-to-ebene1 li{display: block;float:left;margin:1px;}
.draggable-to-ebene2 li {display: block;margin:1px;}

.placeholder {border: 1px dashed #4183c4;}
.mjs-nestedSortable-error{background: #fbe3e4;}
.draggable-to-ebene1, .draggable-to-ebene2{list-style-type: none;}
.disabled_fuer_drop{color:grey;} /* für img gibt es oben noch eine opacity-Anweisung */
.markierung_disabled_fuer_drop{color: #ff0000}
/*
.sortable-ebene1 li ol li div{background:red}
.sortable-ebene1 li ol li ol li div{background:green}
*/


.arrow_zu_menu_formular { position: relative}  /* notwendig, weil an dieses Element der Pfeil gebunden wird mit position:absolute */
.arrow_zu_menu_formular:after, .arrow_zu_menu_formular:before {
/* Positionierung des Pfeils */
/*bottom: 100%;*/ /* wird in der Funktion positionierung_arrow_zu_menu_formular() gesetzt */
/*left: 50%;*/ /* wird in der Funktion positionierung_arrow_zu_menu_formular() gesetzt */
border: solid transparent;
content: " "; /* wenn das fehlt, gibt es keinen Pfeil*/
height: 0;
width: 0;
position: absolute;
pointer-events: none; /*?*/
}

.arrow_zu_menu_formular:after {
/*border-color: rgba(136, 183, 213, 0);*/ /* nach Beobachtung überflüssig */
border-bottom-color: #f4f4f4; /* Für die Farbe des Pfeiles */
border-width: 15px; /* für die Größe des Pfeiles */
margin-left: -15px;
}

.arrow_zu_menu_formular:before {
/*border-color: rgba(194, 225, 245, 0);*/ /* nach Beobachtung überflüssig */
border-bottom-color: #9f9f9f; /* Für die Border-Farbe um den Pfeil herum */
border-width: 17px; /* je größer die Differenz zu :after, desto dicker der Rahmen */
margin-left: -17px;
}

.hoverclass_datenzuordnung, .hoverclass_adress_auswahl {background: #00668b; color: white; }
.hoverclass_mehrfach_eintrag {background: #00668b; color:white;} /*#EDE5A0 #E9E1AA*/
.liste-hover-eintrag { /* Diese Class gilt, wenn ohne zu Klicken über die Datensätze gefahren wird.*/
background-color: #efefef;
color: blue;
}

/*Buttons zur Zuordnung*/
.button_datenzuordnung {
border: 1px solid #9f9f9f;
border-radius: 4px;
background: #fbf9ee url("../images/jquery-ui2/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
margin: 2px;
padding: 3px 3px 3px 0px;
cursor: pointer;
float: left;
}

/*Buttons im Kurzmenu von Kanzlei Haupformular -> buttons_lex_hauptformular() */
.button_lex_kurzmenu, .button_ohne_ui {
border: 1px solid #9f9f9f;
border-radius: 4px;
background: #fbf9ee url("../images/jquery-ui2/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
cursor: pointer;
}
.button_lex_kurzmenu, .button_ohne_ui, .button_akten_direkte_suche {
margin-bottom: 2px;
}

a.button_padding, div.button_padding  { /* das a. ist für den Link wichtig. Das display:block ist auch für den Link wicktig, wird aber direkt im stlye-Element des a-Tags gesetzt. Das div. muss nicht unbedingt sein, macht aber deutlich, dass es für verschiedene Tags gilt. */
padding: 3px 3px 3px 0px;
/*display: block;*/
}

.button_ohne_ui { /* button_ohne_ui wird gesetzt z.B. im Button "Neue Ablagenummer" */
padding: 3px 3px 3px 3px; /* Es gibt auch links ein Padding, weil die ui-icon-Grafik von jquery nicht genutzt ist.*/
}

.button_groesse_aendern {
border: 1px solid #9f9f9f;
border-radius: 4px;
background: #fbf9ee url("../images/jquery-ui2/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
cursor: pointer;
padding: 0px;
width:20px;
text-align: center;
display: block;
float: left;
}
.pointer-off {
cursor: text; /*not-allowed*/
}
.button_on_hover, .button_groesse_hover { /* wird auf auch genutzt in button_ohne_ui*/
border-color: #00668b; /*FF7F00*/

}



.datenanzeige_shadow_box {
  /* berücksichtigt jeweils die Paddings rechts und links in .container_content_ue_fixed, ist also anzupassen, wenn das padding sich dort ändert*/
  -moz-box-shadow: 0px 4px 3px #888;
-webkit-box-shadow: 0px 4px 3px #888;
box-shadow: 4px 4px 3px #888;
/*padding: 1px;*/ /* entspricht dem margin: 1px in für die Rahmenumrandung -> layout_background.css*/

}
.lex_box_shadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.content-ue-aktenname {
font-weight:normal;
background: #5C1528;
padding: 2px 4px;
color: white;
border: 1px solid #5C1528;
border-radius: 4px;
}

}

.ajax-loader-backgroud {
background: url(../../rbc/images/ajax-loader_128_128.gif) no-repeat 0px 2px; padding-left: 13px; 1px; text-decoration: none;

}

/* Diese Anweisungen sorgen dafür, dass die Überschriftenreihe eine Tabelle (thead) fixiert bleibt, wenn in den Datensätzen (tbody) gescrollt wird. -> Anwendung in dialog_datenzuordnung.inc im th-Tag der Tabelle */
.table_fix_head { /* Anweisungen für th */
  position: sticky; /* Mit position: sticky läuft eine Seitenleiste oder das Navigationsmenü beim Scrollen mit nach oben, bis sie an den Rand des Browerfensters stoßen. Hier bleibt das sticky-Element stehen, auch wenn der Benutzer weiterscrollt. */
  top:0; /* Ohne diese Anweisung klappt die Fixierung nicht. */
  /*background: #9f9f9f;*/ /* th muss eine Farbe haben, weil sonst beim Scrollen die Reihen hinter der Überschriftenreihe zu sehen sind, weil diese ohne Farbe transparent ist */
  /*z-index: 1000;*/ /* Die scrollenden Reihen könnten eine eigene Class haben und damit beim Scrollen in der Überschriftenreihe zu sehen sein. Das wird mit dem z-index verhindert. */
}
/*.table_fix_head- table { border-collapse: collapse; }*/
/*
.tableFixHead {
  overflow: auto;
  max-height: 30%;
}
*/


/* Anweisungen für den Style von Placeholdern in input-Feldern */
::-webkit-input-placeholder { color:#5f5f5f; font-style:italic}
::-moz-placeholder { color:#5f5f5f; font-style:italic} /* firefox 19+ */ /* ::placeholder */
:-ms-input-placeholder { color:#5f5f5f; font-style:italic} /* ie */
input:-moz-placeholder { color:#5f5f5f; font-style:italic}

.pdf_einstellungen_hinweis_blink {
/*opacity: 0.4;*/
background: #00668b; color:white;

}

.scroll_dialog_datenzuordnung{scroll-margin-top: 50px}; /* Beim Scrollen wird das fokussierte Element ganz oben angezeigt. Das führt in der Dialogbox dazu, dass das Element nicht ganz sichtbar ist. Mit diesem Margin wird bestimmt, mit wieviel Abstand nach oben das Element gescrollt wird.*/

/*.arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before
{
border: solid transparent; content: " ";
height: 0; width: 0;
position: absolute;
pointer-events: none; }
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5; border-width: 30px;
margin-left: -30px; }
.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #c2e1f5;
border-width: 36px;
margin-left: -36px; }*/