@font-face {
    font-family: 'liquid_crystalregular';
    src: url('lib/liquidcrystal-normal-webfont.eot');
    src: url('lib/liquidcrystal-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('lib/liquidcrystal-normal-webfont.woff2') format('woff2'),
         url('lib/liquidcrystal-normal-webfont.woff') format('woff'),
         url('lib/liquidcrystal-normal-webfont.ttf') format('truetype'),
         url('lib/liquidcrystal-normal-webfont.svg#liquid_crystalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{font-family:'TheSansPlain';src:url('lib/TheSans_B2_500_.eot');src:url('lib/TheSans_B2_500_.eot?#iefix') format("embedded-opentype"),url('lib/TheSans_B2_500_.woff') format("woff"),url('lib/TheSans_B2_500_.svg#TheSans_B2_500_') format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'TheSansPlain';src:url('lib/TheSans_B2_700_.eot');src:url('lib/TheSans_B2_700_.eot?#iefix') format("embedded-opentype"),url('lib/TheSans_B2_700_.woff') format("woff"),url('lib/TheSans_B2_700_.svg#TheSans_B2_700_') format("svg");font-weight:700;font-style:normal}


html, body {
width:100%; height:100%;
}

body {
margin:0; padding:20px;
background:#fff;
color:#666;
font-size:14px;
line-height:22px;
font-weight:400;
text-decoration:none;
-webkit-text-size-adjust:none;
}

* {
-webkit-box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
box-sizing:border-box !important;
-webkit-text-size-adjust:none;
}

a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:'TheSansPlain',Arial,Helvetica,sans-serif;
color:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
text-decoration:inherit;
margin:0; padding:0;
list-style-type:none;
outline:none;
}

img {
border:0;
}

.dn {
display:none;
}

.vh {
visibility:hidden;
}

a {
color:#1aaeb7;
font-weight:700;
}

a:hover {
text-decoration:underline;
}

.error {
color:#dd0b2f;
}

.left {
float:left;
}

.right {
float:right;
}

.center {
display:block;
margin:0 auto;
}

.wait, .wait * { cursor: wait !important; }

/* Navigation */

#header {
position:fixed; left:0px; top:0px;
width:100%; height:127px;
padding:20px 20px 0 20px;
background:#fff;
z-index:100;
}

         #header #nav {
         clear:both;
         width:100%; height:22px;
         background:#1aaeb7;
         }

                 #header #nav a,
                 #header #nav span {
                 float:right;
                 display:block;
                 margin:0 25px 0 10px;
                 color:#fff;
                 text-transform:uppercase;
                 font-size:11px;
                 }

                 #header #nav span {
                 float:left;
                 text-transform:none;
                 }

                 #header #nav a:hover {
                 text-decoration:underline;
                 font-weight:700;
                 }

                 #header img.left {
                 margin:25px 0 25px 20px;
                 }

#main {
margin-top:127px;
}

table.fixedHeader-floating {
top:127px !important;
}

/* Anmeldung */

h1 {
font-size:1.5em;
margin-bottom:0.75em;
}

label {
clear:left;
width:100px;
}

label, input, select {
float:left;
margin-bottom:10px;
}

input, select {
padding:2px 5px;
}

input[type=text],
input[type=password] {
border:1px solid #ddd;
}

input[type=submit] {
clear:left;
}


/* Import */

.import label {
width:130px;
}

.import input[type=submit] {
clear:none;
}



/* Table */

table, table.dataTable {
border:0;
border-spacing:0;
border-collapse:collapse;
}

table.dataTable {
/*visibility:hidden;*/
}

th {
position:relative;
font-weight:bold;
}

th, td {
text-align:left;
padding:8px 10px;
border:1px solid #ddd;
border-width:0 1px;
}

td {
vertical-align:top;
}

table.dataTable>tbody>tr:nth-child(2n),
table.dataTable>tbody>tr.even {
background:#eee !important;
}

table.dataTable table.details,
table.dataTable table.child {
table-layout:fixed;
width:calc(100vw - 40px);
}

table.dataTable tr:not(.even):not(.odd) table.details tr:nth-child(2n),
table.dataTable tr:not(.even):not(.odd) table.child tr:nth-child(2n),
table.dataTable>tbody>tr.even>td>table.details tr:nth-child(2n),
table.dataTable>tbody>tr.odd>td>table.details tr:nth-child(2n-1),
table.dataTable>tbody>tr.even>td>table.child tr:nth-child(2n),
table.dataTable>tbody>tr.odd>td>table.child tr:nth-child(2n-1),
table.dataTable>tbody>tr.details:nth-child(2n),
table.dataTable>tbody>tr.details.even,
table.dataTable>tbody>tr.child:nth-child(2n),
table.dataTable>tbody>tr.child.even {
background:#efe !important;
}

.gebiete table.dataTable td:nth-child(5),
.gebiete table.dataTable th:nth-child(5),
.gebiete table.dataTable td:nth-child(6n+5),
.gebiete table.dataTable th:nth-child(6n+5),
table.details tr:first-child th:nth-child(1n+2),
table.details th:nth-child(5n+6),
table.details td:nth-child(5n+6) {
border-right-color:#999;
}


table.dataTable.no-footer {
border-color:#1aaeb7;
}

table.dataTable>tbody>tr>td:first-child {
white-space:nowrap;
}

         td:first-child > a {
         display:inline-block;
         position:relative; top:4px;
         font-size:24px;
         text-decoration:none;
         }

         th:first-child > a {
         display:inline-block;
         position:absolute; right:17px; top:21px;
         font-size:24px;
         text-decoration:none;
         z-index:99;
         }

         td:nth-child(2) > a {
         color:inherit;
         font-weight:inherit;
         text-decoration:none;
         }

tr.border {
border-top:1px solid #1aaeb7;
}

tr.border.last {
border-bottom:1px solid #1aaeb7;
}

tr.border th:first-child,
tr.border td:first-child {
border-left:1px solid #1aaeb7;
}

tr.border th:last-child,
tr.border td:last-child {
border-right:1px solid #1aaeb7;
}

table.dataTable td:nth-child(1n+4) {
text-align:right;
}

table.details td:nth-child(1n+4) {
text-align:left;
}

table.dataTable td:nth-child(18) {
white-space:nowrap;
}

thead:nth-of-type(1n+2) {
border-top:5px solid #1aaeb7;
}

table.dataTable table.details thead th, 
table.dataTable table.details thead td {
border-bottom:0;
}

.dataTable > tbody > tr > td:first-child {
position:relative;
}

table.dataTable table {
position:absolute; left:-1px; bottom:0px;
border-bottom:1px solid #1aaeb7;
}

table.dataTable>tbody>tr>td:first-child>table {
white-space:normal;
}

table.dataTable.fixedHeader-floating:not(.sized) {
display:none !important;
}

table.dataTable tr.sum td {
background:#1aaeb7;
color:#fff;
}

table.dataTable tr.sum.koop_ad_bereich + tr.sum.total td,
table.dataTable tr.sum.cp_bereich + tr.sum.total td,
table.dataTable tr.sum.cp_region td,
table.dataTable tr.sum.koop_ad_region td {
background:#004b44;
}

.dataTable .red {
color:#d00;
}

.dataTable .orange {
color:#dd7200;
}

.dataTable .redbg {
background:#e1a1a1;
}

.dataTable .yellow {
color:#eab618;
}

.dataTable .green {
color:#080;
}

.dataTable tr.sum .green {
color:#7bdcaf;
}

.dataTable td.arrows .green:before,
.dataTable td.arrows .red:before {
float:left;
margin-right:5px;
font-weight:700;
}

.dataTable td.arrows .green:before {
content:'↑';
}

.dataTable td.arrows .red:before {
content:'↓';
}

table.dataTable tfoot th, 
table.dataTable tfoot td {
border:0;
padding:8px 10px;
}

.haendler table td:nth-child(3) input,
.haendler table td:nth-child(6) input,
.haendler table input[type=number],
.haendler table select.haupt {
width:70px;
}

.haendler table input[type=date] {
width:125px;
}

@media screen and (min-width:1920px) {

.haendler table td:nth-of-type(4) input[type=text] {
width:300px;
}

}

.haendler input.vh {
width:1px; height:1px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
/*background:none;
cursor:default;*/
}

table.dataTable select {
float:none;
display:block;
width:100%;
}

.dataTables_filter {
position:fixed; right:20px; top:60px;
z-index:101;
}

.dataTables_filter label {
width:auto;
}

.dataTables_filter input {
display:inline-block;
float:none;
}

/* Vergleich */

form.vergleich {
position:fixed; right:250px; top:60px;
text-align:right;
z-index:101;
}

form.vergleich input,
form.vergleich label {
display:inline-block;
float:none;
clear:none;
width:auto;
}

#export {
position:fixed; right:650px; top:105px;
font-size:11px;
text-transform:uppercase;
z-index:101;
color:#fff;
}

#export a {
color:#fff;
}

#export a:hover,
#export a:focus {
text-decoration:underline;
}

div.vergleich {
position:fixed; right:255px; top:64px;
text-align:right;
z-index:101;
}

div.vergleich a b {
color:#0e5f64;
}

.vergleich select {
float:none;
}

.dataTables_info {
display:none;
}

tr.sum {
display:table-row !important;
}