/* HAUSFARBEN 04/2009

   == Standard-Orange ==

   #7B3201 (150%)  Nur in Ausnahmefällen
   #B94C02 (125%)
=> #F76503               247,101,3
   #F98C42 (75%)
   #FBB281 (50%)  Standard-Hell
   #FDD8C0 (25%)

   == Standard-Blau ==
   #52616C (150%)
   #7C92A3 (125%)
=> #A5C3D9              #A0BFD7
   #BCD2E3 (75%)        #C7CDDC, #E5EFF7
   #D2E1EC (50%)        #D6DDED<
   #E8F0F5 (25%)

   == Sonderfarben ==
   #0A0199 (Standard Linkblau)   Alt: 006699, #456B8F, #264A66

   #ECE9D8 (Standard-Rotgrau)
   #C8C6B9 (Standard-Rotgrau Dunkel)

*/

/*--dc-orange: #F76503;*/

/* html { color:pink* } */

html { font-size:100%; line-height: 1.2; /*1.199*/ font-family:"Verdana", "Arial"; font-size:13px; background-color:#fff; }
body,table,form { margin:0; }

#USABLE_AREA { }
div[data-content-root], /*NEU*/
div#USABLE_AREA { position:relative; padding:0;} /* im Body/Root ist das Verhalten sehr ungünstig, wegen Margin! */

th { font-weight:normal; text-align:left; }

input, button, select, textarea {  font-family:inherit; font-size:inherit; }

/* Überschriften und Absätze (2014/10) */

/*.h1,*/
.class-h1,
h1 { font-size:20px; font-weight:bold; font-family:"Arial", "Helvetica", "sans-serif"; color:#000; text-shadow: #DDD 1px 1px 1px;  }
.class-h2,
h2 { font-size:15px; font-weight:bold; font-family:"Arial", "Helvetica", "sans-serif";  }
.class-h3,
h3 { font-size:13px; font-weight:bold; }
/*.h3,*/


/* z.B. Thema vor H1 */

*[data-before]::before { color:rgba(0,0,0,0.66); content: attr(data-before) " \201c"; margin-right:2px; }
*[data-before]::after  { color:rgba(0,0,0,0.66); content: "\201d"; margin-left:2px; }

*[data-before]:empty::before { content: attr(data-before);  }
*[data-before]:empty::after  { content: "";  }

*[data-before][data-hell]::before,
*[data-before][data-hell]::after { color:rgba(255,255,255,0.80); }




p { margin-top:3px; margin-bottom:3px;  }
h1, h2, h3, h4 { margin:0; margin-top:6px; margin-bottom:6px;  }
h1 { margin-top:12px;  }
h2 { margin-top:9px;  }
h1 + h2, h2 + h3, h3 + h4 { margin-top:0; }
p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top:0; }

button::-moz-focus-inner { padding: 0 !important; border:none !important; }

/* Input und Label zentrieren */

input[type=radio],
input[type=checkbox] { display:inline; vertical-align: middle; }
input[type=checkbox] + *,
input[type=radio] + * { vertical-align: middle; }

/*label { vertical-align: middle; }*/

/*

button:not([disabled]),
label,.label { cursor:pointer; }
label { border-bottom: 1px dotted #BBB; }
label:hover { border-bottom: 1px dotted #000; }
*/

button:not([disabled]),
input:not([disabled]) + label,.label { cursor:pointer; }

input[disabled] + label { opacity:0.8; font-style: italic;  }
/*
input:not([disabled]) + label { border-bottom: 1px dotted #BBB; }
input:not([disabled]) + label:hover { border-bottom: 1px dotted #000; }
*/


/*
.infoLabelBox { cursor:help; border:1px solid rgba(0,0,0,0.3); padding:1px 4px; border-radius:2px; font-size:80%; color:rgba(0,0,0,0.5); font-weight:bold; margin-right:6px; float:left; }
.infoLabelBox:hover { background-color:rgba(255,255,255,0.8); }
*/
/* auslaufend */
.infoLabelBox { cursor:help; border:1px solid tranparent; background-color: rgba(0,0,0,0.1); padding:1px 4px; border-radius:1px; font-size:80%; color:tranparent !important; font-weight:bold; margin-right:4px; margin-bottom:2px; float:left; }
.infoLabelBox:hover { background-color:rgba(255,255,255,0.8); }

.nomargin { margin:0 !important; }


button,
textarea,
input[type='text'],
input[type='file'],
input[type='email'],
input[type='date'],
input[type='password'] { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }

/* Status wird übergeblendet * derzeit nur in Grün */
.onScreenStatus {  display:table-cell; font-size:10px; padding:1px 2px; text-transform:uppercase; font-weight:bold; text-align:center;
                     /*box-shadow:1px 1px 1px rgba(255,255,255,0.9);*/
                     border-radius:1px;
                     background-color:#38AB38; color:#FFF !important; border:#38AB38 1px solid;
}
/* span = overlay */
a.onScreenStatus { cursor:pointer }
span.onScreenStatus { margin-top:17px; position:absolute; }
span.onScreenStatus:hover { filter:alpha(opacity=0); opacity:0; }


img.button { border:none; }

.underline { text-decoration:underline; }
/*spezmark {}*/
/*
input[checked] + label.spezmark { font-weight:bold }
input:active + label.spezmark { font-weight:bold }
*/

/* Inline */
div.isInline { display:inline; }
div.isInline > table,
/*.isInline > img { display:inline-block; vertical-align: text-top  }*/
table.isInline { display:inline-table; vertical-align: middle; }






img.symbol8pt { margin-right:3px; }
img.symbol9pt { margin-right:4px; }

p  { margin:0; margin-bottom:4px; }
p.absatz_kurz { margin-bottom:2px; }
p.absatz_lang { margin-bottom:8px; }

/* Standard */
.links { text-align:left !important; }
.rechts { text-align:right !important; }
.mittig { text-align:center !important; }

td.top {vertical-align:top; }
.monospace { font-family:Courier New !important; }

a:link,
a:visited { color:#0A0199; text-decoration:none; }
a:hover   { color:#0A0199; text-decoration:underline; }

/*  === BUTTONS === */

/* STD Button 08/2011 */

button:not([UNFORMAT]) { color:#000; border-radius:0; text-shadow: 2px 2px 2px rgba(0,0,0,0.07);
                     background-color:#DDD; border:#BBB 1px solid; padding:5px 5px; /*padding:3px 5px;*/
                     background-image:url(/bilder/bg/button_std.png); background-repeat:repeat-x; background-position: center center;
                     box-shadow:1px 1px 1px rgba(0,0,0,0.07); transition:width 200ms, border 200ms, background-color 200ms;} /*EEE*/

button:not([UNFORMAT]):hover           { background-color:#FBB281; border:#F76503 1px solid; background-image:none; box-shadow:0 0 4px rgba(0,0,0,0.2); } /* #FBB281; */
button:not([UNFORMAT]):active          { background-color:#F76503; background-image:url(/bilder/bg/button_std.png); }

button[disabled]:not([UNFORMAT])       { background-color:#EEE !important; border:#BBB 1px solid !important; background-image:none !important; color:#AAA !important; text-shadow: 0.1em 0.1em #FFF !important; box-shadow:none !important;}

/* Testdesign */
button.newDesign { color:#fff; border-radius:2px; /*text-shadow: 2px 2px 2px rgba(0,0,0,0.07);*/
                     font-size:14px; font-family:Arial; font-weight:bold;
                     background-color:#F76503; border:none; padding:6px 9px; /*padding:3px 5px;*/
                     background-image:url(/bilder/bg/button_std.png); background-repeat:repeat-x; background-position: center center;
                     box-shadow:1px 1px 1px rgba(0,0,0,0.07); transition:width 200ms, border 200ms, background-color 200ms;} /*EEE*/
button.newDesign:hover           { background-color:#F76503; background-image:none; box-shadow:0 0 4px rgba(0,0,0,0.2); } /* #FBB281; */
button.newDesign:active          { background-color:#F76503; background-image:url(/bilder/bg/button_std.png); }




button.newdesign { padding:4px 8px;  border:2px solid transparent; border-radius:1; font-family:Segoe UI, Arial; font-weight:bold; text-transform:uppercase; flex:1; background-color:rgba(247,101,3,1); color:#fff; }
button.newdesign + button.newdesign { margin-left:4px; }
button.newdesign:hover { background-color:rgba(247,101,3,.67); }



/* STD  FELDER */
textarea:not([UNFORMAT]),
select:not([UNFORMAT]),
input[type=text]:not([UNFORMAT]),
input[type=file]:not([UNFORMAT]),
input[type=number]:not([UNFORMAT]),
input[type=date]:not([UNFORMAT]),
input[type=email]:not([UNFORMAT]),
input[type=password]:not([UNFORMAT]) {  /* padding:3px;*/ padding:5px; color:#000; border:rgba(0,0,0,.3) 1px solid; box-shadow: inset 3px 3px 3px #EEE, 1px 1px 1px rgba(0,0,0,0.07); border-radius:0px; transition:width 200ms, border 200ms;  }

select:not([UNFORMAT]) { padding:4px !important }

textarea:not([UNFORMAT]):enabled:focus,
select:not([UNFORMAT]):enabled:focus,
input[type=text]:not([UNFORMAT]):enabled:focus,
input[type=file]:not([UNFORMAT]):enabled:focus,
input[type=number]:not([UNFORMAT]):enabled:focus,
input[type=date]:not([UNFORMAT]):enabled:focus,
input[type=email]:not([UNFORMAT]):enabled:focus,
input[type=password]:not([UNFORMAT]):enabled:focus { outline:#F76503 3px solid; }

select:not([UNFORMAT]) { padding:2px;  }

input.QSel[isAktiv],
input[type=text]:not([UNFORMAT]):hover,
input[type=text]:not([UNFORMAT]):focus,
input[type=password]:not([UNFORMAT]):hover,
input[type=password]:not([UNFORMAT]):focus,
input[type=email]:not([UNFORMAT]):hover,
input[type=email]:not([UNFORMAT]):focus,

input[type=date]:not([UNFORMAT]):hover,
input[type=date]:not([UNFORMAT]):focus,


select:not([UNFORMAT]):hover,
select:not([UNFORMAT]):focus,
textarea:not([UNFORMAT]):hover,
textarea:not([UNFORMAT]):focus  { transition:border 200ms; border:#888 1px solid; }


textarea:not([UNFORMAT])[disabled],
textarea:not([UNFORMAT])[disabled],
textarea:not([UNFORMAT])[readOnly],
select:not([UNFORMAT])[disabled],
select:not([UNFORMAT])[readOnly],
input[type=text]:not([UNFORMAT])[disabled],
input[type=text]:not([UNFORMAT])[readOnly],
input[type=email]:not([UNFORMAT])[disabled],
input[type=email]:not([UNFORMAT])[readOnly],
input[type=password]:not([UNFORMAT])[disabled],
input[type=password]:not([UNFORMAT])[readOnly] { background-color:transparent !important; border:#BBB 1px solid !important; color:#AAA !important; text-shadow: 0.1em 0.1em #FFF !important; box-shadow: none !important; }


button[data-newdesign] { color:#fff !important; background-color:#F76503; font-weight:bold; border:none; padding:4px; border-radius:0; font-size:13px; font-family:Segoe UI;}
/*button:hover { background-color:var(--dk-contrast-low-color); }*/
button[data-newdesign][disabled] { background-color:#bbb; }

/*
textarea:not([UNFORMAT])[readOnly],
input[type=text]:not([UNFORMAT])[readOnly]  { background-image:url(/bilder/bg/readonly.png); color:#000 !important; }
*/
/*input:not([UNFORMAT])[disabled]  { background-color:transparent; box-shadow: none; }*/

/* === */

/*#DDD => */
fieldset { border-radius:5px; border:rgba(0,0,0,0.3) 1px solid; box-shadow:inset 0 0 5px rgba(0,0,0,0.15); padding:5px; margin:0; }
fieldset + fieldset { margin-top:5px; }

fieldset > legend { font-size:12px; font-weight:bold; color:#555; }
fieldset > legend > * { color:#000 }
fieldset > legend > * { color:#555; margin-right:5px;}
fieldset > legend > *:last-child { margin-right:0; }

fieldset > p { margin:0; margin-top:3px; }
fieldset > p:first-child,
fieldset > legend + p { margin-top:0; }



/* S:Benutzerdefinierte */

/*
input[type=text] + button { border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-3px; border-left:none !important; }

input[type=text]:focus + button,
input[type=text]:hover + button { border:#888 1px solid !important; border-left:none !important;  }
*/
.button_group > *:not(:first-child) { border-bottom-left-radius:0;  border-top-left-radius:0;  border-left:none !important; margin-left:0; }
.button_group > *:not(:last-child) { border-bottom-right-radius:0;  border-top-right-radius:0;  !important; margin-right:0; }


input[type=text][data-markEmpty="fehler"][value=""],
input[type=text][data-markEmpty="fehler"][value="-1"],
input[type=text][data-markEmpty="fehler"][value="-1.00"],
*[markFehler] { border:2px solid #E7092E !important; /*padding:2px !important;*/ }
/*.markFehler  */

*[markFehler]:not(:invalid) { color:rgb(231,9,46) !important }
*[markFehler]::placeholder { color:rgba(231,9,46,0.5)!important }
/*.markFehler::placeholder*/

*[markHinweis] { border:2px solid #FF0 !important; padding:4px !important; }
*[markNA]      { border:2px solid #555 !important; padding:4px !important; }
input[markFehler] + label  { border:2px solid #E7092E !important; padding:4px !important; }/*statt 1px padding*/

/* Produkt-Status (neu: 3.6.2015) */

span.prodStatus { margin-left:3px; font-size:80%; padding:1px 4px; text-transform:uppercase; font-weight:bold;
                     box-shadow:1px 1px 1px rgba(255,255,255,0.9);
                     vertical-align: middle;
                     border-radius:3px;
}
span.isAlt { background-color:red; color:#FFF; border:red 1px solid; }
span.isEOL { background-color:yellow; color:#555; border:yellow 1px solid; }
span.isAktuell { background-color:#38AB38; color:#FFF; border:#38AB38 1px solid;  }



/* E:Benutzerdefinierte*/


button.statusRot   { background-color:red !important; }
button.statusGruen { background-color:#38AB38 !important; }


input.button_rot   { border:red 1px solid; color:#FFF; font-weight:bold; font-size:13px; background-color:red; }
input.button_gruen { border:#38AB38 1px solid; color:#FFF; font-weight:bold; font-size:13px; background-color:#38AB38; }


button.button_rot   { border:#555 2px solid; color:#FFF; font-weight:bold; font-size:13px; background-color:red; border-radius:3px; padding:5px;}
button.button_gruen { border:#555 2px solid; color:#FFF; font-weight:bold; font-size:13px; background-color:#38AB38; border-radius:3px; padding:5px; }


/* Hinweis SPAN */
*.hinweisGruen { margin-left:4px; font-size:10px; padding:1px; padding-right:3px; padding-left:3px; text-transform:uppercase; font-weight:bold;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     box-shadow:1px 1px 1px #EEE;
                     border-radius:2px; background-color:#38AB38; color:#FFF; border:#38AB38 1px solid; }
*.hinweisRot { margin-left:4px; font-size:10px; padding:1px; padding-right:3px; padding-left:3px; text-transform:uppercase; font-weight:bold;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     box-shadow:1px 1px 1px #EEE;
                     border-radius:2px; background-color:red; color:#FFF; border:red 1px solid;}



/*  === MARKIERUNGEN === */
.fett { font-weight:bold !important; }
.kursiv { font-style:italic !important; }
.mark { BACKGROUND-COLOR:#FFF; COLOR:#F76503; padding:2px; }
span.mark_sf { white-space: nowrap; color:#555; font-size:80%; background-color:#F5F5F5; box-shadow:1px 1px 1px #CCC; border:#555 1px solid; padding-left:2px; padding-right:2px; border-radius:2px; }

/*  === FARBEN === */
.weiss { color:#FFF !important;}
.schwarz { color:#000 !important; }
.rot    { color:#E7092E !important; }
.orange { color:#F76503 !important; }
a.orange:link,
a.orange:visited,
a.orange:hover    { color:#F76503 !important}

.gruen  { color:#3BE10F !important; }

.gelb   { color:#FBF100 !important; }
.dgrau  { color:#555 !important; }
.grau   { color:#AAA !important; }
.hgrau  { color:#EEE !important; }
.dgrau  { color:#555 !important; }
.blau   { color:#0A0199 !important; }
.hblau  { color:#D2E1EC !important; }
.dblau  { color:#0A0199 !important; }

/* HINTERGRUND-FARBEN */
.bg_weiss { BACKGROUND-COLOR:#FFF !important; }
.bg_hgrau { BACKGROUND-COLOR:#F5F5F5 !important; }
.bg_grau  { BACKGROUND-COLOR:#EEE !important; }
.bg_orange{ BACKGROUND-COLOR:#F76503 !important; }
.bg_gelb  { BACKGROUND-COLOR:#FF0 !important; }
.bg_rot   { BACKGROUND-COLOR:#E7092E !important; }
.bg_gruen { BACKGROUND-COLOR:#3C0 !important; }

/* === RAND-FARBEN === */
.rand_rot { border:1px solid #E7092E !important; }

/* Komplette Zeilen */
.line_publish { background-color:#F00; COLOR:#FFF; }
.line_rot { background-color:#F00; COLOR:#FFF; }
.line_orange { background-color:#F76503; COLOR:#FFF; }
.line_gruen { background-color:#3BE10F; COLOR:#FFF; }
.line_gelb { background-color:#FF0; COLOR:#000; }

/* Größen */
.sklein { font-size:9px !important; }
.klein { font-size:10px !important; }
.normal { font-size:11px !important; }
.gross { font-size:13px !important; }
.sgross { font-family:Arial !important; font-weight:bold !important; font-size:15px !important; }

.capital { text-transform:uppercase !important; }


/* == DC-Tabelle Version 4.2 08/2011 == */

table.tabelle_v4 { table-layout:fixed; BORDER-SPACING:1px; margin:0; font-size:11px; } /*align:center;*/

.tabelle_v4 > tbody > tr > * { padding:2px; background-color:#EEE; text-align:center; vertical-align:middle; word-wrap:break-word;  }
.tabelle_v4 > tbody > tr > * > * { word-wrap:normal; }

.tabelle_v4 > tbody > tr > *:first-child { padding-left:4px; border-left:#CCC 1px solid; }
.tabelle_v4 > tbody > tr > *:last-child { border-right:#CCC 1px solid; padding-right:1px; }

.tabelle_v4 > tbody > tr.intro > th { padding-top:4px; padding-bottom:4px; text-align:left;
                      font-weight:bold; font-size:13px; border-top-right-radius: 3px; border-top-left-radius: 3px;
                     color:#FFF; background-color:#F76503; border:#F76503 1px solid;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     text-shadow: -1px 0 #F76503, 0 1px #F76503, 1px 0 #F76503, 0 -1px #F76503 }


.tabelle_v4 > tbody > tr.outro > th {
                     color:#BBB; font-weight:bold; text-align:right;  padding-top:4px; padding-bottom:4px;
                     background-color:#DDD;
                     border-bottom:#CCC 2px solid;
                     border-top:#BBB 3px solid;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
                     }

/* markierung */
/*.tabelle_v4 { overflow:hidden; }*/
/*
.tabelle_v4 > tbody > tr > th[data-mark] { position:relative; overflow:hidden; }
.tabelle_v4 > tbody > tr > th[data-mark]::after {
    background-color: rgba(247,101,3,0.25);
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    pointer-events: none; //durchklickbar
    top: -5000px;
    width: 100%;
}
*/

.tabelle_v4 > tbody > tr > th[data-mark] {
	background-color: rgba(247,101,3,.33);
	border-bottom: rgba(247,101,3,1.0) 3px solid !important;
}


.tabelle_v4 > tbody > tr.colbild > th { padding:1px;}

.tabelle_v4 > tbody > tr.colbild > th.ecke,
.tabelle_v4 > tbody > tr.colbild > th:first-child,
.tabelle_v4 > tbody > tr.coltext > th { font-size:12px; text-align:center; padding-top:4px; vertical-align:top; border-bottom:#BBB 3px solid; }

.tabelle_v4 > tbody > tr.colbild > th.ecke,
.tabelle_v4 > tbody > tr.colbild > th:first-child { text-align:center; vertical-align:middle; }

.tabelle_v4 > tbody > tr.sort > th { color:#F5F5F5; cursor:pointer; font-size:9px; font-weight:bold; background-color:#BBB;  border:#BBB 1px solid; border-bottom:none; padding:1px; padding-bottom:2px; text-align:center; letter-spacing:0.2em; background-image:url(/bilder/datatable_sort0.png); background-repeat:no-repeat; background-position: center center; }
.tabelle_v4 > tbody > tr.sort > th.akt { background-color:#F5F5F5; background-image:url(/bilder/datatable_sort1.png);}
.tabelle_v4 > tbody > tr.sort > th.akt:first-child { background-color:#EEE; }

.tabelle_v4 > tbody > tr > td { font-size:11px; background-color:#EEE; text-align:center; padding:4px 2px; }

.tv4_h2 > tbody > tr > td { height:36px; }


.tabelle_v4 > tbody > tr > td.rowtext,
.tabelle_v4 > tbody > tr > td:first-child { background-color:#DDD; text-align:left;}

.tabelle_v4 > tbody > tr.scaption > td  { background-color:#BBB; color:#FFF; font-weight:bold;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                 text-shadow: -1px 0 #BBB, 0 1px #BBB, 1px 0 #BBB, 0 -1px #BBB
}
.tabelle_v4 > tbody > tr.scaption a  { color:#FFF !important; }

.tabelle_v4 > tbody > tr.hl > td { background-color:#DDD !important; }
.tabelle_v4 > tbody > tr.hl > td.rowtext,
.tabelle_v4 > tbody > tr.hl > td:first-child { background-color:#CCC !important; font-weight:bold; }

.tabelle_v4 td.isBest { background-color:#80c080; }  /* 50% GREEN*/
.tabelle_v4 td.isWorst { background-color:#ff8080; } /* 50% RED*/

.tabelle_v4 td.isMissing { border:red 2px solid; padding:2px 0; background-color:#FFF; border-radius:2px; }
.tabelle_v4 td.isEditable:hover { border:#555 2px solid; padding:2px 0; background-color:#F5F5F5; border-radius:2px; cursor:pointer; }
.tabelle_v4 td.isFixed {  background-image:url(/bilder/bg/stripes.png); background-repeat:repeat; background-position: center center; }

.tabelle_v4 td.isStatusGelb { background-image:url(/bilder/status/ecke_or_gelb.png); background-repeat:no-repeat; background-position: right top; }
.tabelle_v4 td.isStatusGruen { background-image:url(/bilder/status/ecke_or_gruen.png); background-repeat:no-repeat; background-position: right top; }
.tabelle_v4 td.isStatusRot { background-image:url(/bilder/status/ecke_or_rot.png); background-repeat:no-repeat; background-position: right top; }


/*2022/10*/
/* eventuell vom STatus übernehmen --- */
/*isStatus ..isbest .. */
.tabelle_v4 > tbody > tr > td[data-mark='pos'] { background-image: linear-gradient(225deg, rgba(0,128,0,1.0), rgba(0,128,0,1.0) 6px, transparent 6px, transparent), linear-gradient(225deg, rgba(0,128,0,0.0), rgba(0,128,0,0.25) 9px, transparent 9px, transparent), linear-gradient(to left, rgba(0,128,0,0.07), rgba(0,128,0,0.07)); }
.tabelle_v4 > tbody > tr > td[data-mark='neg'] { background-image: linear-gradient(315deg, rgba(255,0,0,1.0), rgba(255,0,0,1.0) 6px, transparent 6px, transparent), linear-gradient(315deg, rgba(255,0,0,0.0), rgba(255,0,0,0.25) 9px, transparent 9px, transparent), linear-gradient(to left, rgba(255,0,0,0.07), rgba(255,0,0,0.07)); }
.tabelle_v4 > tbody > tr > td[data-mark='mrk'] { background-image: radial-gradient(circle at 0% 0%, rgba(0,0,0,0.15), rgba(0,0,0,0) 50%),radial-gradient(circle at 100% 100%, rgba(0,0,0,0.15), rgba(0,0,0,0) 50%); }
						



/* Neue Formularversion  */
/* BORDER: Test 4.5.2008 */

table.formular_v3 { BORDER-SPACING:1px; font-size:13px; table-layout:fixed; width:100%; margin-top:5px; margin-bottom:2px;  }

table.formular_v3 > tbody > tr > th,
table.formular_v3 > tbody > tr > td { padding:2px; padding-left:4px; padding-top:6px; vertical-align:top; }
table.formular_v3 > tbody > tr.intro > th { font-family:Arial; font-weight:bold; font-size:15px; border-top-right-radius: 3px; border-top-left-radius: 3px;
                     color:#FFF; background-color:#F76503; border:#F76503 1px solid;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     text-shadow: -1px 0 #F76503, 0 1px #F76503, 1px 0 #F76503, 0 -1px #F76503
                      }
table.formular_v3 > tbody > tr.intro > th > span.actions { float:right; }
table.formular_v3 > tbody > tr.intro > th > span.actions > a { font-weight:normal; font-size:80%; color:#FFF; margin-left:5px; text-transform:uppercase }
table.formular_v3 > tbody > tr.intro > th > span.actions::before { margin-left:4px;  }

table.formular_v3 > tbody > tr > td { background-color:#EEE;   border-left:#DDD 1px solid; border-right:#DDD 1px solid; }
table.formular_v3 > tbody > tr > td:not(:first-child) { vertical-align:middle }
table.formular_v3 > tbody > tr.scaption > td { background-color:#DDD; background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center; }
table.formular_v3 > tbody > tr.lHell > td { background-color:#F5F5F5; }

table.formular_v3 input { }

table.formular_v3 > tbody > tr.outro > th {}
table.formular_v3 > tbody > tr.outro > th > button { width:120px; }
table.formular_v3 > tbody > tr.outro > th > button { background-color:#CCC; }
table.formular_v3 > tbody > tr.outro > th > button:hover { background-color:#FBB281; }




table.formular_v3 p.infotext { }
table.formular_v3 > tbody > tr > td:first-child { margin-top:0;  }

table.formular_v3 > tbody > tr.outro > th {
                     padding:4px;
                     background-color:#DDD;
                     border-left:#CCC 1px solid; border-right:#CCC 1px solid;
                     border-bottom:#555 2px solid;
                     background-image:url(/bilder/bg/devfilter_50v.png); background-repeat:repeat-x; background-position: center center;
                     }
table.formular_v3 > tbody > tr.outro > th:first-child { border-bottom-left-radius: 3px; }
table.formular_v3 > tbody > tr.outro > th:last-child { border-bottom-right-radius: 3px;}


/* JavaScript - Links */
a.jslink_weiss:link,
a.jslink_weiss:visited { color:#FFF; text-decoration:none; border-bottom: 1px dotted #FFF;  }
a.jslink_weiss:hover   { color:#FFF; text-decoration:none; border-bottom: 1px solid #FFF; }

table.jsqmenuSelector { cursor:pointer; margin:0; border-spacing:0; }
table.jsqmenuSelector > tbody > tr > td          { color:#333; border:transparent 1px solid; background-color:transparent; padding:2px; padding-left:4px; padding-right:15px; background-image:url(/bilder/jsqSelectorOn.png); background-repeat:no-repeat; background-position: right center; }
table.jsqmenuSelector > tbody > tr > td.isActive { background-color:#FBB281; border:#FBB281 1px solid; }
table.jsqmenuSelector > tbody > tr > td > img { vertical-align:baseline; max-height:11px;; }
/*table.jsqmenuSelector > tbody > tr > td > img { margin-left:3px; margin-bottom:2px; }*/


table.styleFlt > tbody > tr > td  { background-color:transparent; border:#DDD 1px solid; font-size:120%; } /* dfeaf2  border:#F5F5F5 1px solid; */

table.jsqmenuSelector + table.jsqmenuSelector { margin-left:5px; }


table.jsqmenuSelector > tbody > tr > td > a:link,
table.jsqmenuSelector > tbody > tr > td > a:visited,
table.jsqmenuSelector > tbody > tr > td > a:hover { color:inherit; text-decoration:none  }


/* id:nav_search (nachfolger von class:navibox 02/2016*/

/* 4.7.17: auf Mobil raus, kommt bald komplett raus */
body[data-mobil='1'] #nav_search { display:none; }

#nav_search { margin-bottom:5px; font-size:11px; display:flex; }
#nav_search > div { display:inline-block; vertical-align:middle;  }
#nav_search > div:nth-child(1) { color:#555; word-wrap:break-word; flex:1; }
#nav_search > div:nth-child(1) > *:not(:first-child)::before { margin:0 5px; content:'\203A'; display:inline-block; text-decoration:none !important;  }
#nav_search > div:nth-child(2) { text-align:right; white-space: nowrap; }

#nav_search > div:nth-child(2) > input[type=text] { width:130px; max-width:60%; }
#nav_search > div:nth-child(2) > input[type=text]:hover,
#nav_search > div:nth-child(2) > input[type=text]:focus { width:180px; }

#nav_search a:visited,
#nav_search a:link { color:#555; text-decoration:underline;  }
#nav_search a:hover { color:#000;   }


/* In der Mobilansicht bei kleinem Bildschirm ausblenden */
@media only screen and (max-width:500px){
       body[data-mobil='1'] #nav_search > div:nth-child(2) { display:none; }
}


/* NAVIGATIONSBOX 2013 aus FORUM & PVGL */

/*
table.navibox { width:100%; border-spacing:0; padding:0; margin-bottom:5px; font-size:11px;  }

table.navibox > tbody > tr > td { vertical-align:middle; }

table.navibox > tbody > tr > td:last-child { text-align:right; }

table.navibox > tbody > tr > td:first-child > * { margin-right:3px;  }

table.navibox > tbody > tr > td:first-child > span { }

table.navibox > tbody > tr > td:last-child { overflow:visible; white-space: nowrap}
table.navibox > tbody > tr > td > input[type=text] { width:130px; }
table.navibox > tbody > tr > td > input[type=text]:hover,
table.navibox > tbody > tr > td > input[type=text]:focus { width:180px; }

table.navibox a:visited,
table.navibox a:link { color:#555; text-decoration:underline;  }
table.navibox a:hover { color:#000;   }
*/

#DCINFO_COOKIE_AGB { position:fixed; z-index:9999999; width:100%; left:0; bottom:0; background-color:rgba(0,0,0,0.8); padding:0; text-align:center; transition:bottom 400ms; transition-timing-function: ease-in; }

#DCINFO_COOKIE_AGB > DIV { text-align:left; display:inline-block; max-width:1400px; color:#FFF; margin:10px 10px; padding-bottom:20px; font-size:14px; font-family:Arial; }
#DCINFO_COOKIE_AGB > DIV > SPAN { font-weight:bold; display:block; }
#DCINFO_COOKIE_AGB > DIV > SPAN > A { color:#FFF; text-decoration:underline; }

#DCINFO_COOKIE_AGB > DIV > BUTTON { margin-top:10px; margin-right:10px;
                                    font-weight:bold;
                                    border-radius:0; padding:5px 10px;
                                    background-color:#000;
                                    color:rgba(255,255,255,0.8); border:2px solid rgba(255,255,255,0.8); }

#DCINFO_COOKIE_AGB > DIV > BUTTON:first-of-type { color:inherit; border:2px solid #FFF;  }



/* Grundsätzliche Item-List */

div.dc_item_list { border-top:#DDD 1px solid; border-spacing:0px; width:100%; margin:5px 0; }
div.dc_item_list > div { border-bottom:#DDD 1px solid; padding:6px 0; }
div.dc_item_list > div > div { vertical-align: top; padding:0 3px ; }
div.dc_item_list > div > div:first-child { padding-left:0; }
div.dc_item_list > div > div:last-child { padding-right:0; }
div.dc_item_list > div:nth-child(even) { background-color:#EEE; box-shadow:-4px 0px 2px -2px #EEE, 4px 0px 2px -2px #EEE;  }

div.dc_item_list > div { display:flex;  flex-wrap: wrap;}


/* Animationen */
/* nmue/_geruest */
@keyframes spin { 100% { transform:rotate(360deg); } }



#DC_HAB_MSG { position:absolute; padding:10px; box-sizing: border-box; width:100%; height:100%; top:0 left:0; background:url("/bilder/bg/olbg_w.png") repeat 0 0; z-index:9999996; text-align:center; }
#DC_HAB_MSG > div { box-sizing: border-box; max-height:100%; overflow-y: auto; position:relative; margin-left:auto; margin-right:auto; max-width:750px; width:100%; margin-auto;display:inline-block; background-color:#fff; border:1px solid #bbb; box-shadow:1px 1px 1px rgba(0,0,0,0.07); border-radius:1px; }

#DC_HAB_MSG > div > a { position:absolute; top:10px; right:10px; background-color:#F76503; color:#fff; padding:4px; font-size:13px; text-align:center; width:15px; }
#DC_HAB_MSG > div > div { padding:15px; text-align:left; }

#DC_HAB_MSG > div > div[data-id='info'] { font-size:16px; line-height:130%; font-family:Arial; }
#DC_HAB_MSG > div > div[data-id='info'] h1 { font-family:inherit; font-size:20px; margin:0; margin-bottom:10px; }
#DC_HAB_MSG > div > div[data-id='info'] p { margin:0; margin-top:10px; }

#DC_HAB_MSG > div > div[data-id='action'] { display:flex; padding-top:0; }
#DC_HAB_MSG > div > div[data-id='action'] > a { flex:1; display:inline-block; border:#F76503 1px solid; background-color:#fff; color:#F76503; padding:4px; font-size:13px; text-align:center }
#DC_HAB_MSG > div > div[data-id='action'] > a:not(:first-child) { margin-left:10px; }
#DC_HAB_MSG > div > div[data-id='action'] > a[data-isaktiv] { background-color:#F76503; color:#fff;  }


#DC_HAB_MSG > div > div[data-id='support'] { border-top:#eee 1px solid; font-size:11px; }
#DC_HAB_MSG > div > div[data-id='support'] > *:not(:first-of-type) { margin-top:8px; }
#DC_HAB_MSG > div > div[data-id='support'] > div { /*display:flex;*/}
#DC_HAB_MSG > div > div[data-id='support'] > div > a { /*flex:1;*/ text-align:center; display:inline-block; padding:3px 6px; }
#DC_HAB_MSG > div > div[data-id='support'] > div > a:not(:first-child) { margin-left:10px; }
#DC_HAB_MSG > div > div[data-id='support'] > div > a > img { display:block; height:32px; }


/* erste Stufe: Ohne Hintergrund */
#DC_HAB_MSG { background:none; pointer-events: none; padding-top:15px; }
#DC_HAB_MSG > div { box-shadow:0 0 5px 5px rgba(0,0,0,0.33); pointer-events: auto; max-width:100%; background: rgba(255,255,255,0.98); }