/*
Thank you for viewing the source to this page.
If you would like the ROON Multimedia KG to design and/or host a web site for you, please contact us by
fon:  +49 (30) 290 475 10 or fax:  +49 (30) 257 68 28 4,
web:  http://www.roon-Multimedia.de or email: info@roon-multimedia.de

*/
body {font-family:Verdana, sans-serif; font-size:100.01%; height:100%; width:100%; background: url(/static/images/body_bg.png) repeat-x #C6D0E5;}
.test {display:none;}
#technische_stoerung_startseite {text-align:center;padding:.5em;font-size:.8em;background: #C6D0E5;}
#technische_stoerung {background: #EE8662;border:0.1em solid #CC6600;padding:.5em;}
* {margin:0; padding:0; font-weight:normal;}
html {overflow-y: scroll;}
/* ======== alle abhängigen Schriftgrössen ========== */
table, .einausblenden, .left_info_box, .menu ul {font-size:.8em;}
textarea {font-size:1em;}
#allumfassend {margin: 0 auto; width:988px; border-left: 1px solid #C6D0E5;}
#allumfassend_popup    {margin: 0 auto; background: #C6D0E5; padding:.5em}
#allumfassend_popup p  {font-size:.8em; margin-bottom:.5em}
#allumfassend_popup a  {color:#000}
#allumfassend_popup .uebersicht td  {padding:.15em}

.clear_both {clear: both;  width: 1px;  height: 1px;  font-size: 1px}
.clear_left {clear: left;  width: 1px;  height: 1px;  font-size: 1px}
.bold {font-weight:bold}
.schriftkleiner {font-size:80%;}
.schriftgroesser {font-size:110%;}
.kursiv {font-style:italic;}
.einausblenden {display:block;float:right;text-decoration:none;background: #CCD4E6;border-bottom:0.1em solid #CC6600;border-left:0.1em solid #CC6600;}
.float_left {float:left;}
.float_right {float:right;}
.ta_left                        {text-align:left;}
.ta_center,
.uebersicht .ta_center,
.anfrage_bearbeiten .ta_center  {text-align:center;}
.ta_right,
.uebersicht .ta_right,
.anfrage_bearbeiten .ta_right   {text-align:right;}
.va_top                           {vertical-align:top;}
.va_middle                        {vertical-align:middle;}
.va_bottom                        {vertical-align:bottom;}
.noview {display:none;}
.nunpro {width:99%;}
.nowrap {white-space:nowrap;}
.underline {text-decoration:underline;}
.durchgestrichen {text-decoration:line-through;}
.nopadding,
table.uebersicht .nopadding,
table.btst_bearbeiten .nopadding,
table.anfrage_details .nopadding,
table.anfrage_bearbeiten .nopadding,
table.dozent_bearbeiten .nopadding  {padding:0px;}

table.bin_drauf:hover { background-color: #ECE9D8}


/* ======== Schriftfarben ========== */
.schwarz,
.bg_gruen,
.bg_rot   {color: #000000;}

.rot {color: #FF0000;}
.gelb,
.bt_wartet_auf_rueckmeldung     {color: #FFFF33;}
.gruen,
.bt_dozentin_beauftragt    {color: #009900;}
.grau     {color: #999999;}
.braun,
.bt_wartet_auf_beauftragung    {color: #CC6600;}

/* ======== Hintergrundfarben ========== */
.bg_gruen {background: #B9D6AC;}
.bg_rot   {background: #FF0000;}
.bg_weiss {background: #FAFAFA;}
.bg_grau  {background: #CCCCCC;}
.bg_gelb  {background: #E0E096;}
.bg_braun  {background: #CCA884;}
/* ======== Hyperlinks ========== */
a {color: #404040; text-decoration: underline}
a:hover, input.button:hover {text-decoration: none; color: #FFFFFF; background: #CC6600; cursor:pointer;}

/* ======== HTML-Tags ========== */
#content p   {margin-bottom:0.4em;line-height:1.3em;font-size:.8em}

#content h1  {font-size:1.6em;margin-bottom:0.7em; }
#content h1 .schriftkleiner  {font-size:.6em;}

#content h2  {font-size:1.3em;padding:5px 0 0 0;margin-bottom:0.3em;}

#content h3  {font-size:1em; font-weight:bold; margin:.5em 0 .3em 0; padding: 0 1em 0 1em}
#content h3 + p {padding: 0 1em 0 1em}

#content h4  {font-size:.9em; font-weight:bold; margin:.5em 0 .3em 0; padding: 0 2em 0 2em}
#content h4 + p {padding: 0 2em 0 2em}

/*#content a {color: #000000; text-decoration: underline}*/
#content a.no_underline {color: #000000; text-decoration: none}
#content a:hover {text-decoration: none; color: #FFFFFF; background: #CC6600;}


.button,
.button_aktiv,
.button_passiv,
.button_bg_gruen,
.button_bg_gelb,
.button_bg_rot,
input .button      {border:1px solid #7F9DB9;text-align:center;color:#000000; border-radius:5px;}

.button,
.button_aktiv,
.button_passiv    {background:#ECE9D8;}
.button_bg_gruen  {background:#C4D6BC;}
.button_bg_gelb   {background:#E0E096;}
.button_bg_rot    {background:#D6BCBC;}

acronym {border-top:1px dotted #000000; border-bottom:none;cursor:help;}
option {background-color:#CDD2E2;}

.pflichtfeld {border:1px solid #CC6600; padding:1px} /* background-color:#E5F4D3;*/

/* ======== Struktur ========== */
#head_logo, #head_right, #head_right_popup {height: 4.5em;}
#head_logo, #left, .menu, .left_info {width: 11em; float:left;}

#head_right .input_speichern,
#head_right_popup .input_speichern {position:relative; width:13em; top:1.5em; left:1em; float:left; }
#head_right .input_abbrechen,
#head_right_popup .input_abbrechen {position:relative; width:13em; top:1.5em; float:right; margin: 0 .5em 0 0;}

/* ======== Kopfbereich ========== */
#head_logo {position:relative; left:0px; top:0px;background: url(/static/images/dp24_logo.png) no-repeat center #FFFFFF;}
#head_right, #head_right_popup {background: #000099;color:#CCD4E6; text-align:left;}
#head_right {margin-left:11em;}
#head_right .headline {font-size: 1.2em; padding-top:0.5em;margin-left:1em}

/* ======== Hauptmenü ========== */
.menu             {background: url(/static/images/menu_borderline.gif) repeat-x bottom #000099; padding-bottom:2.1em; color:#CCD4E6;}
.menu_box         {margin: 1em 0 0 .4em;}
.menu_box ul      {list-style: none; background:#000099;margin-top: 1em;}
.menu_box li      {padding:.4em .2em}
.menu_box li.e1   {padding:0.2em 0 0.3em 1em; font-size:0.9em}

.menu_box a       {color:#CCD4E6;text-decoration: none; font-weight:bold;}
.menu_box a:hover {color: #CC6600; background:#000099;font-weight:bold;}

.menu_box .aktiv   {background: #C6D0E5;}
.menu_box .aktiv a {color: #000000;}
.menu_box .aktiv a:hover {color: #CC6600;background: #CCD4E6;}

.menu_box .selected a{color:#CC6600;}

/* ======== Content-Bereich Positionierung/Global ==========  */
#content    {position: relative; top:0 ; left: 0;margin: 0 0 0 11em; background: #C6D0E5; height: 502px; padding:.5em}
#content a.button  {text-decoration: none;padding:.1em .2em}

.info_box {background-color:#DDDEDE; border:1px solid #CC6600;padding:0.5em;}
.info_box_wichtig {background-color:#CC9999; border:1px solid #FF0000;padding:0.5em;}
.infobox_padding {padding:1em;}
.foot {position:relative; top:1em; left:0em;}
.block_links {float:left; width:32%;}
.block_mitte {float:left; width:32%;}
.block_rechts {float:right; width:32%;}


/* eine blinde Tabelle in einer Tabellezelle der Tabelle Übersicht  */
table.uebersicht td.blind          {padding:0em}
table.uebersicht td.blind table    {width:100%}
table.uebersicht td.blind table th {border-top:0px;padding:0em .4em }
table.uebersicht td.blind table td {border:0px;padding:0em .4em }

/* ======== Content-Bereich nichts Spezielles ==========  */
#content ul {} /* ======== list-style:square outside;margin:0 0 .5em 2em;line-height:1.4em; ==========  */

#content ol {list-style:decimal outside;margin:0 0 .5em 2em;line-height:1.4em}

/* ======== Content-Bereich Home ==========  */

  /* ======== Hover-Effekt Home ==========  */
  #content a.tfk, a.tfk:hover {padding:0;vertical-align:top; font-weight:bold;text-align:center;display:block; text-decoration: none}
  #content a.tfk       {color: #CC6600;}
  #content a.tfk table {display: none;}
  #content a.tfk span  {display: block;font-weight:bold;padding:.5em;}

  #content a.tfk:hover {color: #000000;background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;}

  #content a.tfk:hover table {display: block;font-size:1em; width:100%;}
  #content a.tfk:hover table td {text-align:center;}

  #content a.tfk:hover span  {display: none;}


  /* ======== Hover-Effekt /dozenten/btst_blacklist ==========  */
  .ks_bl:hover {color: #CC6600;}

/* ======== Content-Bereich Erläuterungen ==========  */
.links, .rechts {width:45%; margin-top:.5em;}
.links          {margin-left:1em;float:left}
.rechts         {margin-right:1em;float:right}

.hinda_box      {background-color:#D3DEF4; margin-bottom: 1em;}
.hinda_box p    {margin: .5em;}

.links h2, .rechts h2
    {background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1; padding: .2em;
    border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; vertical-align:top;}

.hinda          {display:block;text-align: right;}

/* ======== News ========== */
.news   {width:791px; border:1px solid #CC6600; margin:0.5em 0 1em 0;
        background:url(/static/images/news_bg.png) repeat-y top left #FEFCF1}
.news .datum {float:right;}
.news p, .news h2, .news h3   {margin-top:.2em; margin-bottom:.2em}
.news p, .news h2  {margin-left:.5em; margin-right:.5em}
.news h3   {margin-left:1em}

/* ======== Kontakt Impressum ========== */
.partner {background-color: #ffffff; padding: 5px; margin-bottom:10px; border:1px solid #000}

/* ======== Fieldsets ========== */
fieldset {padding:.5em; border:1px solid #999999; margin:0 auto; background:#C6D0E5;margin-bottom:.5em;}
legend {font-size:.8em; font-weight:bold; color:#000000;}
label {cursor:pointer;}
label:hover {background:#F2FFFF;}

/* ======== textareas ========== CCD4E6*/
textarea    {font-family:Verdana, sans-serif;}
.read       {border:1px solid #999999; padding-left: .2em; overflow:auto; white-space:pre-wrap;}
.read_in_td {border:0px; padding:2px; overflow:auto; white-space:pre-wrap;} 

.input_margin_bottom {margin-bottom:.5em}
.margin_top {margin-top:.5em}
.margin_bottom {margin-bottom:.5em}

/* ======== linke Infoboxen ========== */
.left_info_box  {margin: 1em ;}
.left_info_box_padding {padding: 1em}


/* ========== alle Tabellen =============== */
table {border-collapse:collapse;}

/* ========== alle Tabellenzellen =============== */
td {padding:2px;}
thead {background:#BCC5E1}

table.uebersicht {background-color:#D3DEF4; line-height:1.5em;}
table.uebersicht td, table.uebersicht th  {padding:0.4em;text-align:left;border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; vertical-align:top;}
table.uebersicht .kein_rahmen {border:0px; background:#C6D0E5; padding:0px}
table.uebersicht .go_top, .go_top, table.uebersicht_nicht_sichtbar .go_top
{width:1%;text-align:center; vertical-align:middle; background:#FFFFFF; padding:0px;cursor:pointer;}

/* ========== Profil Dozent ausgeblendet =============== */
table.uebersicht_nicht_sichtbar {background-color:#D3DEF4; line-height:1.5em; color:#817D7D; }
table.uebersicht_nicht_sichtbar td, table.uebersicht_nicht_sichtbar th  {padding:0.4em;border:0px;text-align:left;border-bottom:1px solid #E0DFDF; border-top:1px solid #E0DFDF; vertical-align:top;}
table.uebersicht_nicht_sichtbar .kein_rahmen {border:0px; background:#C6D0E5; padding:0px}

.temp td, .temp {border:1px solid #000000;} /* Ein Rand um mal eben die Zellen zu sehen*/
/* ========== Suche /Index =============== */
.login td {padding:0.1em;}

/* ========== N�chste Schritte =============== */
.geschafft {background-color: #C4EBC4; color:#999999;}
.geschafft_unguenstig {background-color: #C4EBC4; color:red;}

/* ========== public Profil =============== */
.profilheadline {width:100%; background: #FFFFFF; display:none}
.profilheadline td {white-space:nowrap; width:25%;}
.profilheadline td.logo {height:48px;}
.profilheadline td.sa {padding:0 0 0 0;}
.profilheadline td.sb {text-align:right;padding:0 3em 0 0;}
.profilheadline td.sc {text-align:right;padding:0 1em 0 0 }

table.profil_public {margin:.7em 0 2em .9em; height:150px;}
.profil_public th {width:10em; text-align:right; vertical-align:top;padding:.1em .5em .1em 0}

.profilbild {float:right; margin-right:1em}
h2.profil_public {margin:0;}
h2.profil_public span {margin:0;font-size:.6em}

/* ========== Aktionstabellen =============== */
.aktionen td  {padding:.5em;vertical-align:top;}

table.aktion               {border:1px solid #CC6600;font-size:.88em}
.uebersicht th, .aktion th  {background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;}
table.aktion td.ausfuehren {width:29%; text-align:center;background-color:#ffffff;}
.aktion td                  {background-color:#DDDEDE; padding: .5em; line-height:1.5em;}
.aktion th                  {padding: .2em; font-weight:bold;line-height:1.5em;}

/* ========== Aktionstabellen Unterichtsauftrag erstellen =============== */
table.aktion_links,
table.aktion_mitte,
table.aktion_rechts {border:1px solid #CC6600;font-size:.7em; width:258px;margin: 12px 0 12px 0}

table.aktion_links  {float: left;}
table.aktion_mitte  {float: right; margin-right: 11px}
table.aktion_rechts  {float: right;}

table.aktion_links th,
table.aktion_mitte th,
table.aktion_rechts th
 {background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;
 padding: .2em; font-weight:bold;line-height:1.5em;}

table.aktion_links td.ausfuehren,
table.aktion_mitte td.ausfuehren,
table.aktion_rechts td.ausfuehren
  {text-align:center;background-color:#ffffff;padding: .5em;}


/* ========== Druckeinstellungen =============== */
table.druckeinstellungen                {border:1px solid #CC6600;font-size:.7em; float:right}
.druckeinstellungen th, .aktion th      {background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;}
table.druckeinstellungen td.ausfuehren  {text-align:center;background-color:#ffffff;}
.druckeinstellungen td                  {background-color:#DDDEDE; padding: .3em;text-align:right;}
.druckeinstellungen th                  {padding: .5em; font-weight:bold;line-height:1.5em;}
/* ========== Countdown=============== */

table.countdown {border:1px solid #FFFFFF; background:#C6D0E5; font-size:.7em;}
table.countdown td { text-align:center; padding:.5em 1.8em; vertical-align:top}
table.countdown td.alt   {text-decoration:line-through;color:#666666;}
table.countdown td.aktiv {background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;border:1px solid #CC6600; font-weight:bold}

/* ========== Tabelle der Einsatzzeiten =============== */
#einsatzzeitenliste td {border:0px;}

/* Rechnungen */
.border_top {border-top:2px solid #999999}


/* ========== Themenliste des Dozenten (Übersicht) =============== */

#themen                     {width:100%}
#themen ul                  {list-style: none;margin:8px 0px 0px 10px;}
#themen li                  {padding:8px 0px 0px 10px;font-size:13px; border-top:1px dotted #000099;}
#themen .ist_dt_block       {background: #E7E8F4; padding:4px;margin-bottom:10px;border: 1px solid #999999;}
#themen .ist_dt             {font-weight: bold;}
#themen .thema              {border-left:2px solid #CC6600;padding:2px 4px; font-weight:bold;}
#themen .anmerkung          {font-size:80%;padding:0px 0px 0px 0px;}
#themen .anmerkung fieldset {background: #EFF1F7;}
#themen .beschreibung       {font-size:80%;padding:2px 0px 0px 6px;}
#themen .anzahl_unterthemen {}

/* ========== Themenliste des Dozenten (Bearbeiten) =============== */

#themen_tabelle                   {width:100%;}
#themen_tabelle a                 {text-decoration: none}
#themen_tabelle td                {padding:0px 0px 0px 4px}
#themen_tabelle .ist_dt_td        {background: #E7E8F4; padding:0px;}
#themen_tabelle .bold             {font-weight: bold;}
#themen_tabelle .hat_unterthemen  {border-left:2px solid #CC6600;padding:0px 0px 0px 4px}
#themen_tabelle .ist_endthema     {padding:0px 0px 0px 0px}
#themen_tabelle tr:hover          {background-color: #E7E8F4;}
#themen_tabelle tr.thema_expanded {background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;}

#themen_tabelle .anmerkung        {font-size:80%;padding:0px 0px 4px 6px;}
#themen_tabelle .beschreibung     {font-size:80%;padding:2px 0px 2px 6px;}

/* ========== Anschrift bearbeiten Rufnummern inputs =============== */
.int_vorwahl {width:3em;}
.vorwahl {width:4em;}
.rufnummer {width:6em;}

/* ========== Profil =============== */
hr.profil {color: #000099; height:1px;}
h2.profil {width:600px;}
h2.profil .schriftkleiner {font-size: .6em}

/* ========== Datumsfelder inputs =============== */
.monat, .tag {width:1.6em;text-align:center;}
.jahr {width:2.6em;text-align:center;}


div.details span.rechnungsadresse,
span.vorhanden,
span.meldeadresse,
span.postadresse {color:#000000;}

/* ========== Hintergrundfarben der span und td Statusanzeige, Auf-Zuklappen der Details im View und Edit-Modus =============== */
.rechnungsadresse {background:#C2BBAE;}
.meldeadresse {background:#D0ACD0;}
.postadresse {background:#CCCC99;}

div.details span.vorhanden {color:#009900;}
div.details span.nicht_vorhanden {color:#FF0000;}

/* ==========  Suchergebnisse ============= */

.kein_Ergebnis, .hinweis, .nicht_erfolgreich, .erfolgreich {padding:1em; font-weight:bold;margin:.5em .2em;}
 
.kein_Ergebnis,
.nicht_erfolgreich  {background-color:#CC9999; border:1px solid #FF0000;}
.erfolgreich        {background-color:#66CC66; border:1px solid #009900;}
.hinweis            {background-color:#FFFF99; border:1px solid #CCCC33;border-radius: 11px;box-shadow:3px 3px 5px #A0A0A0}

.fehler, p.fehler {background:#CC9999; border:1px solid #FF0000}
p.meldung {background:#FFFF99; border:1px solid #CCCC33;padding:.8em}
.fehler {padding:.07em;} /* f�r Umrandung von inputfelder bei Fehlern */
p.fehler {padding:.8em; font-weight:bold;} /* f�r formatierte Textfelder bei Fehlern */

/* ==========  Suchoptionen ============= */
table.suchoptionen     {font-size:100%;}
.fkdetails {background:#CCCC66;}

/* ==========  Themennavigation ============= */
.navigation {background:#CCD4E6; padding: 4px;border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}

/* ==========  Anfragen (Neu Abgelehnt Erledigt Vergeben)============= */
.abgelehnt, .rueckmeldung, .erledigt, .warteliste, .offen {padding:0 .2em 0 .2em}
.warteliste {border-left:10px solid yellow;border-bottom:1px solid yellow;}
.abgelehnt {border-left:10px solid orange;border-bottom:1px solid orange;}
.rueckmeldung {border-left:10px solid green;border-bottom:1px solid green;}
.erledigt {border-left:10px solid red;border-bottom:1px solid red;}
.offen {border-left:10px solid white;border-bottom:1px solid white; font-weight:bold}

/* ========== Anfrage bearbeiten =============== */
table.anfrage_details td.schmal,
table.anfrage_bearbeiten td.schmal  {width:20%; text-align:right;}

/* ========== Anfrage Details KD-Austausch =============== */
div.kontaktdaten_bt  {width:50%;float:right; border-radius:11px;
                      border:1px solid #CC6600; padding:.5em;font-size:.88em;
                      background:url(/static/images/notiz_bg.png) no-repeat top right #FEFCF1}
/* ========== Infocenter Auszeit Infobox =============== */
div.status_dozent  {width:40%;float:right; border:1px solid #CC6600;padding:.5em;font-size:.88em;
                      background-color: #FEFCF1}
/* ==========  Paginator ============= */
table.paginator {font-family:Arial; }
table.paginator td {padding:0.2em;}
table.paginator .input {width:5em;text-align:center;}
#content table.paginator a.button_aktiv,
#content table.paginator a.button_passiv  {width:1.4em; display:block; text-decoration: none; line-height:1.4em;}
#content table.paginator a.button_aktiv   {}
#content table.paginator a.button_passiv  {color:#CCCCCC;}
/* ==========  war_Nix ============= 
#war_nix {text-align: center; margin: 10px 10px; width:399px; height:290px; background: url(/static/images/war_nix.gif) no-repeat center #FFFFFF; border: 10px solid red; color:#FFFFFF; position:relative; z-index:11;  }
#war_nix_1 {text-align: center; margin: 10px 10px; width:399px; height:290px; background: url(/static/images/war_nix_1.gif) no-repeat center #FFFFFF; border: 10px solid red; color:#000000; position:relative; top:-50px; left:300px; z-index:10; }
#war_nix_1 h1, #war_nix_1 p {width: 271px; position: relative; top:0px; left:128px; background:#aeaeae }
*/

/* ==========  DIV Layout ============= */
/* ==========  public - Startseite  ============= */

.startseite_head, .startseite_content {width:50%; float:left;font-weight:bold; font-size: 0.8em;}

.startseite_head {padding:0.4em 0;line-height: 1.5em;
                    border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align: center;
                    background: url(/static/images/uebersicht_th_bg.png) repeat-x top #BCC5E1;}

.startseite_content {background-color: #D3DEF4;padding-bottom: 50px; margin-bottom: -50px}
.main_content {}

#content .magic_button {float:left; width:90%;border:2px solid #CC6600;color:#000000;
  text-decoration:none;padding:1em; font-weight:bold; background:#ECE9D8; border-radius:10px;}


/* ==========  BTMA Vorgänge  ============= */

/* Divs im Tabellenlayout */
.dozentendaten {display: table; height:80px; margin-bottom:10px;vertical-align:top;}
.dozentendaten .row {display: table-row;vertical-align:top;}
.dozentendaten .sp1,
.dozentendaten .sp2 {display: table-cell;vertical-align:top;height:20px;}

.dozentendaten {}
.dozentendaten .row {height:20px;}
.dozentendaten .sp1 {font-weight:bold; text-align:right; white-space:nowrap; width:77px;}
.dozentendaten .sp2 {padding-left:5px;}



table.dozentendaten th,
table.dozentendaten td {padding:2px;vertical-align:top;}
table.dozentendaten th {font-weight:bold; text-align:right; white-space:nowrap;}
.content_box_btma_anfrage_details {
    border-radius:5px;
    padding:10px 10px 6px 10px;
    background:#F2FFFF;
    box-shadow:3px 3px 5px #A0A0A0;}
.ueberschrift_absatz {margin-top:30px;}
.interessierte_dozenten, .interessierte_dozenten_erster {border-radius:5px; background:#D3DEF4;}
.interessierte_dozenten {margin-top: 50px;}
.aufzaehlung {margin-left:1.7em;text-indent:-1.4em;}
.collapse-close, .collapse-close:hover {
    background-image: url("/static/images/collapse_tcat_collapsed.gif");
    background-position: right center;
    background-repeat: no-repeat;
}
.collapse-open, .collapse-open:hover {
    background-image: url("/static/images/collapse_tcat.gif");
    background-position: right center;
    background-repeat: no-repeat;
}

/* ==========  kann nur ein Mitarbeter von DP24 sehen  ============= */

.kann_nur_dp24ma_sehen{
    border: 1px solid red;
}


/* hide JS templates in the DOM by default */
.jstemplate {
    display: none;
}