::selection {
    background-color: #E13300;
    color: white;
}

::-moz-selection {
    background-color: #E13300;
    color: white;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


h1 {
    color: #444;
    background-color: transparent;
    border-bottom: 1px solid #D0D0D0;
    font-size: 19px;
    font-weight: normal;
    margin: 0 0 14px 0;
    padding: 14px 15px 10px 15px;
}

code {
    font-family: Consolas, Monaco, Courier New, Courier, monospace;
    font-size: 12px;
    background-color: #f9f9f9;
    border: 1px solid #D0D0D0;
    color: #002166;
    display: block;
    margin: 14px 0 14px 0;
    padding: 12px 10px 12px 10px;
}

#body {
    margin: 0 15px 0 15px;
}


span.support {
    font-size: 11px;
    left: 10px;
}

span.agentdata {
    font-size: 11px;
}

span.impressum {
    font-size: 11px;
    right: 10px;
}


.table_inner_tr {
    top: 10px;
    left: 10%;
}


.ui-menu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.ui-menu-item {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    color: #004664;
    font-weight: bold;
}

.ui-menu-item a {
    color: #004664 !important;
    font-weight: bold;
}

#nav :hover {
    color: #004664;
    font-weight: bold;
}

#nav .ui-state-focus {
    color: #004664;
    background: #FFF8EE;
    font-weight: bold;
}

#nav .ui-state-active {
    color: #004664;
    font-weight: bold;
}

.menu li ul a {
    width: 280px;
    height: auto;
    float: left;
    padding: 0 10px;
}

.menu-item-selected > a {
    background-color: #FFFEFD;
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}


.modalDialog {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../img/ajaxloader.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .modalDialog {
    display: block;
}

.form_errors_container {
    margin-bottom: 16px;
    border: 1px solid red;
    padding: 16px;
    background-color: #FFE0E0;
    color: #E00000;
}

/* Adressen */
.accordion.adressen {
    width: 100%;
}

.accordion.adressen .table_filter_adressen {
    width: 100%;
}

.accordion.adressen .table_filter_adressen thead {
    width: auto;
}

.accordion.adressen .table_filter_adressen tbody tr td {
    background: #e0dede;
    padding: 5px;
}

.accordion.adressen .table_filter_adressen tbody tr td:hover {
    cursor: pointer;
    background: #ccc;
}

.accordion.adressen .inner_sub .edit #firma {
    width: 635px;
}

.accordion.adressen .inner_sub .edit #kunde {
    width: 70px;
}

.accordion.adressen .inner_sub .edit #strasse {
    width: 635px;
}

.accordion.adressen .inner_sub .edit #plz {
    width: 70px;
}

.accordion.adressen .inner_sub .edit #ort {
    width: 532px;
}

.accordion.adressen .inner_sub .edit #land {
    width: 40px;
}

.accordion.adressen .inner_sub .edit #ustid {
    width: 160px;
}

.accordion.adressen .inner_sub .edit #zert {
    width: 160px;
}

.accordion.adressen .inner_sub .edit #gueltig_bis {
    width: 100px;
}

.accordion.adressen .inner_sub .edit #konzern {
    width: 160px;
}

.accordion.adressen .inner_sub .edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

body .content .inner .inner_sub #conedit {
    text-align: right;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit {
    width: 100%;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead {
    width: auto;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr td {
    background-color: #ccc;
    padding: 7px;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr td:hover {
    background: #ddd;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .identifikator,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .identifikator {
    width: 50px;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .anrede,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .anrede {
    width: 100px;
    word-break: inherit;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .name,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .name {
    width: 150px;
    word-break: inherit;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .vorname,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .vorname {
    width: 150px;
    word-break: inherit;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .mail,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .mail {
    width: 200px;
    word-break: inherit;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .mengenbest,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .mengenbest {
    width: 50px;
    text-align: center;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .vertrag,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .vertrag {
    width: 30px;
    word-break: inherit;
    text-align: center;
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr .cc,
.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr .cc {
    width: 10px;
    word-break: inherit;
    text-align: center;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge {
    width: auto;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead {
    width: auto;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr td {
    background: #ccc;
    padding: 7px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr td:hover {
    background: #ddd;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .meldungsart,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .meldungsart {
    width: 50px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .jahr,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .jahr {
    width: 50px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .monat,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .monat {
    width: 50px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .glas,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .glas {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .ppk,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .ppk {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .em,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .em {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .alu,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .alu {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .kst,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .kst {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .kvb,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .kvb {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .svb,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .svb {
    width: 100px;
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr .sonstige,
.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr .sonstige {
    width: 100px;
}

.btn_adressen2 {
    top: 10px;
    height: 40px;
    width: 40px;
}

.dialog_contact input {
    width: 150px;
}

.dialog_contact select {
    width: 154px;
}

.dialog_contact .conedit {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
}

.dialog_contact #ce_anrede {
    margin-left: 22px;
    width: 280px;
}

.dialog_contact #ce_titel {
    margin-left: 44px;
}

.dialog_contact #ce_name {
    margin-left: 35px;
}

.dialog_contact #ce_vorname {
    margin-left: 10px;
}

.dialog_contact #ce_rolle {
    margin-left: 40px;
}

.dialog_contact #ce_strasse {
    width: 399px;
    margin-left: 20px;
}

.dialog_contact #ce_nr {
    width: 50px;
    margin-left: 10px;
}

.dialog_contact #ce_plz {
    width: 70px;
    margin-left: 56px;
}

.dialog_contact #ce_ort {
    width: 200px;
    margin-left: 10px;
}

.dialog_contact #ce_land {
    width: 30px;
    margin-left: 10px;
}

.dialog_contact #ce_phone {
    margin-left: 55px;
}

.dialog_contact #ce_mobil {
    margin-left: 36px;
}

.dialog_contact #ce_email {
    margin-left: 50px;
    width: 399px;
}

.dialog_contact #ce_telfax {
    margin-left: 48px;
}

.dialog_contact #ce_comment {
    width: 540px;
    height: 100px;
}

.dialog_contact #ce_vt {
    width: auto;
}

.dialog_contact #ce_mn {
    width: auto;
}

.dialog_contact #ce_bz {
    width: auto;
}

.dialog_contact #ce_fb {
    width: auto;
}

.dialog_contact #ce_po {
    width: auto;
}

.dialog_contact #ce_mm {
    width: auto;
}

.dialog_contact #ce_bl {
    width: auto;
}

.dialog_contact #ce_lkz {
    width: auto;
}

.dialog_menge input {
    width: 150px;
}

.dialog_menge select {
    width: 154px;
}

.dialog_menge .conedit {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
}

.dialog_menge #ce_meldungsart_menge {
    width: 150px;
}

.dialog_menge #ce_jahr_menge {
    width: 50px;
}

.dialog_menge #ce_monat_menge {
    width: 150px;
}

.dialog_menge #ce_glas_menge {
    width: 150px;

    text-align: right;
}

.dialog_menge #ce_ppk_menge {
    width: 150px;

    text-align: right;
}

.dialog_menge #ce_em_menge {
    text-align: right;
}

.dialog_menge #ce_alu_menge {
    width: 150px;

    text-align: right;
}

.dialog_menge #ce_kst_menge {
    width: 150px;

    text-align: right;
}

.dialog_menge #ce_kvb_menge {
    width: 150px;

    text-align: right;
}

.dialog_menge #ce_svb_menge {
    width: 150px;

    text-align: right;
}

.dialog_menge #ce_sonstige_menge {
    width: 150px;
    text-align: right;
}

.dialog_menge #ce_phone {
    margin-left: 55px;
}

.dialog_menge #ce_mobil {
    margin-left: 36px;
}

.dialog_menge #ce_email {
    margin-left: 46px;
}

.dialog_menge #ce_telfax {
    margin-left: 53px;
}

.dialog_menge #ce_comment {
    width: 540px;
    height: 100px;
}

.dialog_menge #ce_vt {
    width: auto;
}

.dialog_menge #ce_mn {
    width: auto;
}

.dialog_menge #ce_bz {
    width: auto;
}

.dialog_menge #ce_fb {
    width: auto;
}

.dialog_menge #ce_po {
    width: auto;
}

.accordion.adressen .inner_sub .dokumente-edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

/* Vertragsverwaltung */

.dialog_weitereoptionen #filter_gueltig_von {
    width: 100px;
}

.dialog_weitereoptionen #filter_gueltig_bis {
    width: 100px;
}

.dialog_weitereoptionen #filter_angebot_versendet {
    width: 100px;
}

.dialog_weitereoptionen #filter_angebot_zurueck {
    width: 100px;
}

.dialog_weitereoptionen #filter_vertrag_versendet {
    width: 100px;
}

.dialog_weitereoptionen #filter_vertrag_zurueck {
    width: 100px;
}

.btn_vertragsverwaltung {
    top: 5px;
    height: 25px;
    width: 25px;
}

.btn_vertragsverwaltung2 {
    top: 10px;
    height: 40px;
    width: 40px;
}

.btn_vertragsverwaltung3 {
    top: 10px;
}

.accordion.vertragsverwaltung .table_filter_vertragsverwaltung {
    width: 100%;
}

.accordion.vertragsverwaltung .table_filter_vertragsverwaltung thead {
    width: auto;
}

.accordion.vertragsverwaltung .table_filter_vertragsverwaltung tbody tr td {
    background: #e0dede;
    padding: 5px;
}

.accordion.vertragsverwaltung .table_filter_vertragsverwaltung tbody tr td:hover {
    background: #ccc;
    cursor: pointer;
}

.accordion.vertragsverwaltung {
    width: 1100px;
}

.accordion.vertragsverwaltung .inner_sub .edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.vertragsverwaltung .inner_sub .edit #vertrags_id {
    width: 70px;
}

.accordion.vertragsverwaltung .inner_sub .edit #adressen {
    width: 635px;
}

.accordion.vertragsverwaltung .inner_sub .edit #vertragsgebiet {
    width: 635px;
}

.accordion.vertragsverwaltung .inner_sub .edit #strasse {
    width: 635px;
}

.accordion.vertragsverwaltung .inner_sub .edit #plz {
    width: 70px;
}

.accordion.vertragsverwaltung .inner_sub .edit #ort {
    width: 532px;
}

.accordion.vertragsverwaltung .inner_sub .edit #konzern {
    width: 160px;
}

.accordion.vertragsverwaltung .inner_sub .edit #gueltig_von {
    width: 100px;
}

.accordion.vertragsverwaltung .inner_sub .edit #gueltig_bis {
    width: 100px;
}

.accordion.vertragsverwaltung .inner_sub .edit #vertrag_versendet {
    width: 100px;
}

.accordion.vertragsverwaltung .inner_sub .edit #vertrag_zurueck {
    width: 100px;
}

.accordion.vertragsverwaltung .inner_sub .art-edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.vertragsverwaltung .inner_sub .art-edit .comment {
    width: 500px;
    height: 70px;
}

.accordion.vertragsverwaltung .inner_sub .art-edit #preis {
    width: 100px;
    text-align: right;
}

.accordion.vertragsverwaltung .inner_sub .art-edit #menge {
    width: 100px;
    text-align: right;
}

.accordion.vertragsverwaltung .inner_sub .art-edit #erloes {
    width: 100px;
    text-align: right;
}

.accordion.vertragsverwaltung .inner_sub .dokumente-edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.vertragsverwaltung .inner_sub .zusatz-edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}


/* Benutzerverwaltung */
.filter_input {
    width: 260px;
}

.filter_input_200 {
    width: 200px;
}

.btn_benutzerverwaltung {
    top: 5px;
    height: 30px;
    width: 30px;
}

.btn_benutzerverwaltung2 {
    top: 10px;
    height: 40px;
    width: 40px;
}

.btn_benutzerverwaltung3 {
    top: 10px;
}

.accordion.benutzerverwaltung .table_filter_benutzerverwaltung {
    width: 100%;
}

.accordion.benutzerverwaltung .table_filter_benutzerverwaltung tbody tr td {
    background: #F0F1F0;
    padding: 3px;
}

.accordion.benutzerverwaltung .table_filter_benutzerverwaltung tbody tr td:hover {
    background: #ccc;
    cursor: pointer;
}

.accordion.benutzerverwaltung {
    width: 1100px;
}

.accordion.benutzerverwaltung .inner_sub .edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.benutzerverwaltung .vertragspartner {
    width: 80px;
}

.accordion.benutzerverwaltung .inner_sub .edit .vorname {
    width: 150px;
}

.accordion.benutzerverwaltung .inner_sub .edit .nachname {
    width: 245px;
}

.accordion.benutzerverwaltung .inner_sub .edit .rolle {
    width: 400px;
}

.accordion.benutzerverwaltung .inner_sub .edit .email {
    width: 400px;
}

.accordion.benutzerverwaltung .inner_sub .edit .passwort_alt {
    width: 400px;
}

.accordion.benutzerverwaltung .inner_sub .edit .passwort_alt_2 {
    width: 400px;
}

.accordion.benutzerverwaltung .inner_sub .edit .passwort_neu {
    width: 400px;
}

#inline_content_newuser #formular .newuser_vorname {
    width: 140px;
}

#inline_content_newuser #formular .newuser_nachname {
    width: 197px;
}

#inline_content_newuser #formular .newuser_email {
    width: 422px;
}

#inline_content_newuser #formular .newuser_role {
    width: 422px;
}

.accordion.benutzerverwaltung .inner_sub .edit-permissions h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.benutzerverwaltung .inner_sub .edit-locations h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.benutzerverwaltung .inner_sub .dokumente-edit h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}


.login_text {
    height: 25px;
}

.login_input {
    height: 30px;
}

#btn_speichern_benutzerverwaltung,
#btn_neu_benutzerverwaltung,
#btn_loeschen_benutzerverwaltung {
    left: 20px;
    width: 120px;
    margin: 5px;
}


.perm_mouseover {
    cursor: pointer;
}

a.perm_mouseover:hover {
    color: #004664;
}

.perm_click {
    font-weight: bold;
}

.space {
    left: 10px;
}

.green {
    color: green;
}

.red {
    color: red;
}

.status_vertraege .table_con_edit .th_sv {
    width: 200px;
    text-align: left;
}

.status_vertraege .table_con_menge .th_sv {
    width: 200px;
    text-align: left;
}

ul.tsc_pagination {
    margin: 4px 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    font: 12px Tahoma, sans-serif;
    list-style-type: none;
}

ul.tsc_pagination li {
    float: left;
    padding: 0;
    margin: 0 0 0 5px;
}

ul.tsc_pagination li a {
    color: black;
    display: block;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
}

ul.tsc_paginationA li a {
    color: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

ul.tsc_paginationA01 li a {
    color: #474747;
    border: solid 1px #B6B6B6;
    padding: 6px 9px 6px 9px;
    background: #E6E6E6;
    background: -moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6));
}

ul.tsc_paginationA01 li:hover a,
ul.tsc_paginationA01 li.current a {
    background: #FFFFFF;
}

#pwindicator {
    margin-top: 4px;
    width: 150px;
}

.bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 30px;
}

.pw-very-weak .label {
    color: #d00;
}

.pw-weak .bar {
    background: #d00;
    width: 60px;
}

.pw-weak .label {
    color: #d00;
}

.pw-mediocre .bar {
    background: orange;
    width: 90px;
}

.pw-mediocre .label {
    color: orange;
}

.pw-strong .bar {
    background: #f3b31a;
    width: 120px;
}

.pw-strong .label {
    color: #f3b31a;
}

.pw-very-strong .bar {
    background: #0d0;
    width: 150px;
}

.pw-very-strong .label {
    color: #0d0;
}

.rounded {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
}

table#daten_vervollstaendigen .description {
    width: 250px;
    background-color: #F0F0F1;
}

table#daten_vervollstaendigen .right {
    text-align: right;
}

table#daten_vervollstaendigen .input {
    width: 500px;
    background-color: #F8F8F8;
}

table#daten_vervollstaendigen .dv_abweichend_empfaenger {
    width: 355px;
}

table#daten_vervollstaendigen .dv_abweichend_strasse {
    width: 300px;
}

table#daten_vervollstaendigen .dv_abweichend_hausnr {
    width: 50px;
}

table#daten_vervollstaendigen .dv_abweichend_plz {
    width: 55px;
}

table#daten_vervollstaendigen .dv_abweichend_ort {
    width: 295px;
}

table#daten_vervollstaendigen .dv_daten_verv_anrede {
    width: 50px;
}

table#daten_vervollstaendigen .dv_name {
    width: 290px;
}

table#daten_vervollstaendigen .dv_email {
    width: 354px;
}

table#daten_vervollstaendigen .dv_telefon {
    width: 180px;
}

table#daten_vervollstaendigen .dv_fax {
    width: 180px;
}

table#daten_vervollstaendigen .dv_kontoinhaber {
    width: 355px;
}

table#daten_vervollstaendigen .dv_iban_land {
    width: 35px;
}

table#daten_vervollstaendigen .dv_iban_pruef {
    width: 32px;
}

table#daten_vervollstaendigen .dv_iban_blz {
    width: 73px;
}

table#daten_vervollstaendigen .dv_iban_kontonr {
    width: 88px;
}

table#daten_vervollstaendigen .dv_ustid {
    width: 100px;
}

table#daten_vervollstaendigen .dv_gueltig_ab {
    width: 85px;
}

table#daten_vervollstaendigen .dv_delete_ap {
    cursor: pointer;
    color: red;
}

.errmsg {
    color: red;
}

table#passwort_aktualisieren .description {
    width: 250px;
    background-color: #F0F0F1;
}

table#passwort_aktualisieren .input {
    text-align: center;
    width: 300px;
    background-color: #F8F8F8;
}

.btn_daten_verv_speichern,
.btn_daten_verv_abbruch {
    width: 120px;
}

.accountdata_header {
    font-weight: bold;
    text-align: center;
}

.accountdata_details {
    background-color: #F0F0F1;
    text-align: center;
}

.abrechnungsdaten_vertragspartner {
    width: 300px;
}

.accordion.einwohnerverwaltung .table_filter_einwohnerverwaltung {
    width: 100%;
}

.accordion.einwohnerverwaltung .table_filter_einwohnerverwaltung thead {
    width: auto;
}

.accordion.einwohnerverwaltung .table_filter_einwohnerverwaltung tbody tr td {
    padding: 5px;
}

.accordion.einwohnerverwaltung {
    width: 1100px;
}

.accordion.einwohnerverwaltung .inner_sub .edit_area h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.einwohnerverwaltung .inner_sub .split_area h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.einwohnerverwaltung .inner_sub .merge_area h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.einwohnerverwaltung .inner_sub .statistik_area h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.ui-accordion .ui-accordion-content {
    overflow: visible !important;
}

.table_bilanzbestaetigung table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.table_bilanzbestaetigung {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #006699;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.table_bilanzbestaetigung table td,
.table_bilanzbestaetigung table th {
    padding: 5px 10px;
    text-align: center;
}

.table_bilanzbestaetigung table thead th {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A5A5A5), color-stop(1, #000));
    background: -moz-linear-gradient(center top, #A5A5A5 5%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5A5A5', endColorstr='#000');
    background-color: #006699;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    border-left: 1px solid #0070A8;
}

.table_bilanzbestaetigung table thead th:first-child {
    border: none;
}

.table_bilanzbestaetigung table tbody td {
    color: #00557F;
    border-left: 1px solid black;
    font-size: 12px;
    font-weight: normal;
}

.table_bilanzbestaetigung table tbody .alt td {
    background: #E1EEf4;
    color: #00557F;
}

.table_bilanzbestaetigung table tbody td:first-child {
    border-left: none;
}

.table_bilanzbestaetigung table tbody tr:last-child td {
    border-bottom: none;
}

.table_bilanzbestaetigung table tfoot td div {
    border-top: 1px solid #006699;
    background: #E1EEf4;
    padding: 2px;
}

.table_bilanzbestaetigung table tfoot td {
    padding: 0;
    font-size: 12px
}

.table_bilanzbestaetigung table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.table_bilanzbestaetigung table tfoot li {
    display: inline;
}

.table_bilanzbestaetigung table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFFFFF;
    border: 1px solid #006699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F));
    background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color: #006699;
}

.table_bilanzbestaetigung table tfoot ul.active,
.table_bilanzbestaetigung table tfoot ul a:hover {
    text-decoration: none;
    border-color: #00557F;
    color: #FFFFFF;
    background: #006699 none;
}

div.dhtmlx_window_active,
div.dhx_modal_cover_dv {
    position: fixed !important;
}

.biggerIcon {
    font-size: 19px;
}

div.tableContainer {
    clear: both;
    height: 285px;
    overflow: hidden;
    width: 100%
}

/* Reset overflow value to hidden for all non-IE browsers. */
html > body div.tableContainer {
    overflow: auto;
    width: 100%
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
    float: left;
    width: auto
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html > body div.tableContainer table {
    width: 100%;
    table-layout: fixed;
}

thead.fixedHeader th {
    font-weight: normal;
    padding: 4px 3px;
    text-align: left
}

html > body tbody.scrollContent {
    display: block;
    height: 200px;
    overflow: auto;
    width: 100%
}

html > body thead.fixedHeader {
    display: table;
    overflow: auto;
}

tbody.scrollContent td,
tbody.scrollContent tr.normalRow td {
    border-bottom: none;
    border-left: none;
    padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
    border-bottom: none;
    border-left: none;
    padding: 2px 3px 3px 4px
}

/* offener Rechnungsversand */

.cursor {
    cursor: pointer;
}

thead.offene_rechnungen,
tbody.offene_rechnungen {
    display: block;
}

tbody.offene_rechnungen {
    height: 395px;
    overflow-y: auto;
    overflow-x: hidden;
}

thead.abgeschl_rechnungen,
tbody.offene_rechnungen {
    display: block;
}

tbody.abgeschl_rechnungen {
    height: 395px;
    overflow-y: auto;
    overflow-x: hidden;
}

.accordion.offene_rechnungen {
    width: 1100px;
}

.accordion.offene_rechnungen .inner_sub .detail_stammdaten h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.accordion.abgeschl_rechnungen {
    width: 1100px;
}

.accordion.abgeschl_rechnungen .inner_sub .detail_stammdaten h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}

.filter_kennzahl,
.filter_firma,
.filter_kfz,
.filter_plz,
.filter_ort {
    width: 195px;
}

.tbl_offene_rechnungen_overview {
    width: 100%;
}

.tbl_offene_rechnungen_overview td {
    padding: 3px;
}

.tbl_th {
    color: #145C80;
    cursor: pointer;
}

.tbl_th_inactive {
    color: #000;
}

.rp_hinzufuegen.btn,
.offene_rechnung_speichern.btn,
.offene_rechnungen_senden.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    background-color: #f7f7f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7F9DB9;
    display: inline-block;
    cursor: pointer;
    color: #ec7805;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

thead.einmalauftrag,
tbody.einmalauftrag {
    display: block;
}

tbody.einmalauftrag {
    height: 395px;
    overflow-y: auto;
    overflow-x: hidden;
}

.accordion.einmalauftrag {
    width: 1100px;
}

.accordion.einmalauftrag .inner_sub .detail_stammdaten h4 {
    margin: 5px;
    background: url("../img/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #dddddd;
    border: 1px solid #fff;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 3px 3px 4px #000;
}


.tbl_einmalauftrag_overview {
    width: 100%;
}

.tbl_einmalauftrag_overview td {
    padding: 3px;
}

.einmalauftrag_neu.btn,
.einmalauftrag_speichern.btn,
.einmalauftrag_pos_add.btn,
.einmalauftrag_senden.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    background-color: #f7f7f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7F9DB9;
    display: inline-block;
    cursor: pointer;
    color: #ec7805;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.rechnungsdaten_generieren.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    background-color: #f7f7f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7F9DB9;
    display: inline-block;
    cursor: pointer;
    color: #ec7805;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.abgeschl_rechnungen_reset.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    background-color: #f7f7f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7F9DB9;
    display: inline-block;
    cursor: pointer;
    color: #ec7805;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.storno.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    background-color: #f7f7f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7F9DB9;
    display: inline-block;
    cursor: pointer;
    color: #ec7805;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.tbl_offene_rechnungen_ueberschriften .checkbox {
    width: 49px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_offene_rechnungen_ueberschriften .kdnr_ueberschrift {
    width: 205px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_offene_rechnungen_ueberschriften .vertragspartner_ueberschrift {
    width: 400px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_offene_rechnungen_ueberschriften .jahr_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_offene_rechnungen_ueberschriften .debitor_ueberschrift {
    width: 200px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_offene_rechnungen_ueberschriften .preis_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_offene_rechnungen_overview .checkbox {
    width: 50px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_offene_rechnungen_overview .kdnr_inhalt {
    width: 200px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_offene_rechnungen_overview .vertragspartner_inhalt {
    width: 400px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_offene_rechnungen_overview .jahr_inhalt {
    width: 150px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_offene_rechnungen_overview .debitor_inhalt {
    width: 200px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_offene_rechnungen_overview .preis_inhalt {
    width: 150px;
    text-align: right;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_ueberschriften .checkbox {
    width: 50px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .kdnr_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .debitor_ueberschrift {
    width: 100px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .jahr_ueberschrift {
    width: 100px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .rechnungsnr_ueberschrift {
    width: 200px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .rechnungsdatum_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .abgerechnet_durch_ueberschrift {
    width: 300px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_ueberschriften .datei_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_abgeschl_rechnungen_overview .checkbox {
    width: 50px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .kdnr_inhalt {
    width: 150px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .status_inhalt {
    width: 150px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .debitor_inhalt {
    width: 100px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .jahr_inhalt {
    width: 100px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .rechnungsnr_inhalt {
    width: 200px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .rechnungsdatum_inhalt {
    width: 150px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .abgerechnet_durch_inhalt {
    width: 300px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_abgeschl_rechnungen_overview .datei_inhalt {
    width: 150px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_einmalauftrag_ueberschriften .checkbox {
    width: 49px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_einmalauftrag_ueberschriften .kdnr_ueberschrift {
    width: 205px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_einmalauftrag_ueberschriften .vertragspartner_ueberschrift {
    width: 400px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_einmalauftrag_ueberschriften .jahr_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_einmalauftrag_ueberschriften .debitor_ueberschrift {
    width: 200px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_einmalauftrag_ueberschriften .preis_ueberschrift {
    width: 150px;
    text-align: center;
    background-color: #EAEAEA;
}

.tbl_einmalauftrag_overview .checkbox {
    width: 50px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_einmalauftrag_overview .kdnr_inhalt {
    width: 200px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_einmalauftrag_overview .vertragspartner_inhalt {
    width: 400px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_einmalauftrag_overview .jahr_inhalt {
    width: 150px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_einmalauftrag_overview .debitor_inhalt {
    width: 200px;
    text-align: center;
    background-color: #F0EFEF;
}

.tbl_einmalauftrag_overview .preis_inhalt {
    width: 150px;
    text-align: right;
    background-color: #F0EFEF;
}

/* abgeschlossener Rechnungsversand */

.tbl_abgeschlossener_rechnungsversand {
    width: 1200px;
    font-size: 14px;
}

.tbl_abgeschlossener_rechnungsversand td {
    padding: 3px;
}

.tbl_abgeschlossener_rechnungsversand th {
    color: #145C80;
}

thead.abgeschlossener_rechnungsversand,
tbody.abgeschlossener_rechnungsversand {
    display: block;
}

tbody.abgeschlossener_rechnungsversand {
    height: 100%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tbl_abgeschlossener_rechnungsversand .kdnr {
    width: 120px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.kdnr {
    width: 110px;
    margin-left: 10px;
}

td.kdnr {
    color: rgb(255, 133, 0);
    font-weight: bold;
}

.tbl_abgeschlossener_rechnungsversand .debitor {
    width: 100px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.debitor {
    width: 90px;
    margin-left: 6px;
}

.tbl_abgeschlossener_rechnungsversand .produkt {
    width: 100px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.produkt {
    width: 90px;
    margin-left: 7px;
}

.tbl_abgeschlossener_rechnungsversand .gueltigkeit {
    width: 100px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.gueltigkeit {
    width: 90px;
    margin-left: 7px;
}

.tbl_abgeschlossener_rechnungsversand .rg_nummer {
    width: 180px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.rg_nummer {
    width: 170px;
    margin-left: 7px;
}

.tbl_abgeschlossener_rechnungsversand .rg_datum {
    width: 140px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.rg_datum {
    width: 130px;
    margin-left: 7px;
}

.tbl_abgeschlossener_rechnungsversand .abgerechnet_mitarbeiter {
    width: 350px;
    text-align: center;
    background-color: var(--th-background-color);
}

input.abgerechnet_mitarbeiter {
    width: 340px;
    margin-left: 7px;
}

.tbl_abgeschlossener_rechnungsversand .loeschen {
    width: 70px;
    text-align: center;
    background-color: var(--th-background-color);
}

.rechnungen_zuruecksetzen.btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #f7f7f7));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    background-color: #f7f7f7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7F9DB9;
    display: inline-block;
    cursor: pointer;
    color: #ec7805;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.errorDiv_offener_rechnungsversand,
.infoDiv_offener_rechnungsversand {
    display: none;
    border: 1px solid #7F9DB9;
    padding: 3px 3px 3px 3px;
}

.errorDiv_einmalauftrag,
.infoDiv_einmalauftrag {
    display: none;
    border: 1px solid #7F9DB9;
    padding: 3px 3px 3px 3px;
}


/* Redesign CI */

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../../../vendor/font/montserrat-v25-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
    url('../../../vendor/font/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */ url('../../../vendor/font/montserrat-v25-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */ url('../../../vendor/font/montserrat-v25-latin-regular.woff') format('woff'),
        /* Modern Browsers */ url('../../../vendor/font/montserrat-v25-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */ url('../../../vendor/font/montserrat-v25-latin-regular.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../../../vendor/font/montserrat-v25-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
    url('../../../vendor/font/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */ url('../../../vendor/font/montserrat-v25-latin-800.woff2') format('woff2'),
        /* Super Modern Browsers */ url('../../../vendor/font/montserrat-v25-latin-800.woff') format('woff'),
        /* Modern Browsers */ url('../../../vendor/font/montserrat-v25-latin-800.ttf') format('truetype'),
        /* Safari, Android, iOS */ url('../../../vendor/font/montserrat-v25-latin-800.svg#Montserrat') format('svg');
    /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('../../../vendor/font/montserrat-v25-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''),
    url('../../../vendor/font/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */ url('../../../vendor/font/montserrat-v25-latin-italic.woff2') format('woff2'),
        /* Super Modern Browsers */ url('../../../vendor/font/montserrat-v25-latin-italic.woff') format('woff'),
        /* Modern Browsers */ url('../../../vendor/font/montserrat-v25-latin-italic.ttf') format('truetype'),
        /* Safari, Android, iOS */ url('../../../vendor/font/montserrat-v25-latin-italic.svg#Montserrat') format('svg');
    /* Legacy iOS */
}


*:focus {
    outline: none;
}


*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #fff;
    padding: 0;
    margin: 0;
    line-height: 18px;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-size: 14px;
    font-family: Montserrat, Arial, sans-serif;

    --bs-body-font-family: Montserrat, Arial, sans-serif;
    --bs-body-line-height: 18px;
    --bs-body-bg: var(--bs-white);
}

a {
    color: #039;
    background-color: transparent;
    font-weight: normal;
    text-decoration: none;

}

a:hover {
    text-decoration: underline;
}


.Logo .outer {
    height: 95px;
    max-width: 100%;
    padding-top: 15px;
}

#container {

    width: 100%;
    margin: 10px auto;
    padding: 10px !important;
}

.Logo_l {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

div.inner_container {
    padding: 10px;
    border: 1px solid #D0D0D0;
    box-shadow: 0 0 8px #D0D0D0;
    /*	min-width: 830px */
}

.inner {

    width: 100%;
    overflow: auto !important;

}


#nav {
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-top-width: 1px;
    width: 100%;
    margin: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
}


.breadcrumb {
    font-size: 11px;
    width: 100%;
    margin: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

div.footer {
    background: #004664 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 20px 0 0 0;
    padding: 20px;
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
}

.footer a {

    color: #fff;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 95%;
}

.footer a:hover {

    text-decoration: underline;

}

.footer_inn {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.footer_inn_100 {
    width: 100% !important;
}


.footer_inn img {
    height: 30px;
}

.footer_inn a img {
    height: 20px;
    vertical-align: text-bottom;
}

.browserinfo {

    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    color: #ccc;
}

.login_div {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    background: #EDEDED;
    overflow: hidden;

}

.login_div input,
.login_div label,
.login_div button {
    font: normal 14px/16px Montserrat, Arial, sans-serif;
    display: block;
    margin: 3px 3px 8px;
}

.login_left {
    width: 25%;
    overflow: hidden;
    background: #004664;
    display: flex;
    align-items: flex-end;

}

.login_left img {

    width: 100%;
}

.login_center {
    width: 50%;
    padding: 20px;
    border-right: 2px solid #fff;
    overflow: hidden;

}

.login_right {
    width: 25%;
    padding: 30px;
    overflow: hidden;

}

.login_right span {
    font-size: 13px;
}

.login_div label {

    font-weight: bold;
    font-size: 15px;
}

.portalname {
    text-align: left;
    font: bold 40px/50px Montserrat, Arial, sans-serif;
    letter-spacing: 0px;
    color: #004664;
    opacity: 1;
    border: none;
    margin: 0;
    padding: 0;
}

.textbox {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 8px;
    opacity: 1;
    width: 100%;
    border: none;
    border-radius: 6px;


}

.textbox:focus {
    background-color: #376EE1;
    color: white;
}

.textbox:focus::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1;
    /* Firefox */
}

.textbox:focus:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

.textbox:focus::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

.checkbx {
    width: 16px;
    height: 16px;
    display: inline !important;
}

.login_div input[type=checkbox] {

    background-color: #376EE1;
    accent-color: #376EE1;
    border-color: #376EE1;


}

.simplebutton {
    background: #376EE1 0% 0% no-repeat padding-box;
    padding: 9px;
    opacity: 1;
    width: 50%;
    border: none;
    border-radius: 6px;

    color: #fff;
}

.simplebutton:hover {
    background-color: #2458c5;
}

.Logo {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.startseite {
    background: url("../img/svg/noventiz_c_monogram.png") no-repeat center;
    min-height: 550px;
    opacity: 0.2;
    width: 100%;
}

.overlay {

    background: url("../img/svg/noventiz_c_monogram.png") no-repeat center;
    background-size: contain;

    min-height: 700px;
    width: 100%;
    opacity: 0.3;
}

.icon_mail {
    background: url("../img/svg/icon_email.svg") no-repeat 0;
    height: 20px;
    padding-left: 22px;
    line-height: 2em;
}

.icon_phone {
    background: url("../img/svg/icon_phone.svg") no-repeat 0;
    height: 20px;
    padding-left: 22px;
    line-height: 2em;
}


.fa {
    color: #00cd50;
}

.readonly {
    background-color: lightgrey;
}

@media only screen and (max-width: 820px) {
    .login_div {
        width: 100%;

        flex-direction: column-reverse;

    }

    .login_left {
        width: 100%;


    }


    .login_center {
        width: 100%;
        border: 0;

    }

    .login_right {
        width: 100%;

    }

    .Logo {
        width: 100%
    }

    .Logo .outer {

        width: 100%;

    }

    .footer_inn {
        width: 100%;
        flex-direction: column;
    }


}


@media only screen and (min-width: 821px) {
    .login_div {
        width: 70%;

        flex-direction: row;


    }

    .login_left {
        width: 25%;


    }


    .login_center {
        width: 50%;
        border-right: 2px solid #fff;
    }

    .login_right {
        width: 25%;

    }

    .Logo {
        width: 70%
    }

    .Logo .outer {

        max-width: 100%;

    }

    .footer_inn {
        width: 70%;
        flex-direction: row;
    }


}