::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;
}

.ui-menu-item {
  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: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modalDialog {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.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 thead tr {
}

.accordion.adressen .table_filter_adressen thead tr th {
}

.accordion.adressen .table_filter_adressen tbody tr {
}

.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 thead tr {
}

.accordion.adressen .inner_sub .con-edit .table_con_edit thead tr th {
}

.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr {
}

.accordion.adressen .inner_sub .con-edit .table_con_edit tbody tr td {
  background: #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 thead tr {
}

.accordion.adressen .inner_sub .con-menge .table_con_menge thead tr th {
}

.accordion.adressen .inner_sub .con-menge .table_con_menge tbody tr {
}

.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_fb {
  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 thead tr {
}

.accordion.vertragsverwaltung .table_filter_vertragsverwaltung thead tr th {
}

.accordion.vertragsverwaltung .table_filter_vertragsverwaltung tbody tr {
}

.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 thead tr {
}

.accordion.benutzerverwaltung .table_filter_benutzerverwaltung thead tr th {
}

.accordion.benutzerverwaltung .table_filter_benutzerverwaltung tbody tr {
}

.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: 0px;
  height: 100%;
  overflow: hidden;
  font: 12px "Tahoma";
  list-style-type: none;
}

ul.tsc_pagination li {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 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;
  line-height: 24px;
  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;
}

.green {
  color: green;
}

.red {
  color: red;
}

.abrechnungsdaten_vertragspartner {
  width: 300px;
}

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

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

.accordion.einwohnerverwaltung .table_filter_einwohnerverwaltung thead tr {
}

.accordion.einwohnerverwaltung .table_filter_einwohnerverwaltung thead tr th {
}

.accordion.einwohnerverwaltung .table_filter_einwohnerverwaltung tbody tr {
}

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

.accordion.einwohnerverwaltung
  .table_filter_einwohnerverwaltung
  tbody
  tr
  td:hover {
}

.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;
}

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

.table_bilanzbestaetigung table tfoot td div {
  padding: 2px;
}

.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: none;
  background-color: #006699;
}

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;
  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;
}

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

.tbl_einmalauftrag_overview {
  width: 100%;
}

.tbl_einmalauftrag_overview td {
  padding: 3px;
}

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

.tbl_th_inactive {
  color: #000;
}

.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;
  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;
  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;
  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;
  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;
  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: bold;
  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;
  font: normal 14px/18px Montserrat, Arial;

  line-height: 20px;
}

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

a:hover {
  text-decoration: underline;
}

.Logo .outer {
  height: 60px;
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
}

#container {
  width: 70%;
  padding: 0;
  margin: 15px auto;
}

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

.company {
  font-size: 12px;
  color: #004664;
}

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

.Logo a:hover {
  text-decoration: underline;
}

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

.inner {
  width: 100%;
  overflow: auto !important;
}

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

.menu {
  /*
	left: 1%;
	top: 10px;
	width: 98.5%;
	min-width: 1230px;

    */
}

#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: 10px 10px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#container_l {
  margin-top: 20px;
}

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%;
}

.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: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
  background: #ededed;
  overflow: hidden;
  margin-top: 10px;
}

.login_div input,
.login_div label,
.login_div button {
  font: normal 14px/16px Montserrat, Arial;
  display: block;
  margin: 3px;
  margin-bottom: 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_text {
  height: 25px;
}

.login_input {
  height: 30px;
}

.login_div label {
  font-weight: bold;
  font-size: 15px;
}

.portalname {
  text-align: left;
  font: bold 40px/50px Montserrat, Arial;
  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;
}

/* Navigation Link Styles /* Dropdown Menu Styles */

.main-nav-link {
  color: #004664 !important;
  background: transparent !important;
  border-radius: 0 !important;
  position: relative;
  padding-bottom: 6px;
  transition: color 0.2s;
}
.main-nav-link.active,
.main-nav-link:hover {
  color: #004664 !important;
}
.main-nav-link.active {
  background: #dee2e6 !important;
}
.main-nav-link::after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: #004664;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s;
}
.main-nav-link.active::after,
.main-nav-link:hover::after {
  opacity: 1;
}
.nav-item {
  margin-right: 8px;
  font-size: 1em;
}
.nav-pills {
  border-bottom: 0;
  margin-bottom: 0px !important;
}

/* --- Dropdown Menü  --- */
.dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1000;
  min-width: 180px;
  padding: 8px 0;
  margin: 0;
  font-size: 1em;
  color: #004664;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/*  hover  */
.nav-item.dropdown:hover > .dropdown-menu,
.nav-item.dropdown:focus-within > .dropdown-menu {
  display: block;
}

/* ---   Dropdown (Submenu) --- */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 0;
  border-radius: 0 6px 6px 6px;
  min-width: 180px;
  position: absolute;
  display: none;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu {
  display: block;
}

.dropdown-submenu > .dropdown-tgg::after {
  content: "›" !important;
  float: right !important;
  color: #004664 !important;
  font-weight: bold !important;
  margin-left: 8px !important;
}

/* Dropdown item   */
.dropdown-item {
  color: #004664;
  padding: 8px 24px 8px 16px;
  font-weight: 500;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: 0.9em;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #dee2e6;
  color: #004664;
  text-decoration: none;
}

/* Dropdown header  */
.dropdown-header {
  font-size: 1em;
  font-weight: 700;
  color: #004664;
  padding: 8px 16px;
  background: none;
  border-bottom: 1px solid #dee2e6;
}

.nav-link {
  color: #004664 !important;
}

.nav-link.active {
  font-weight: bold !important;
}

/* Responsive:   */
@media (max-width: 991px) {
  .dropdown-menu {
    position: static;
    box-shadow: none;
    border-radius: 0;
    min-width: 100%;
  }
  .dropdown-submenu > .dropdown-menu {
    position: static;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    min-width: 100%;
  }
}

.accordion-button,
.accordion-button:hover,
.accordion-button:focus,
.accordion-button:active,
.accordion-button:focus-visible {
  background-color: #004664 !important;
  color: #fff !important;
  border: none !important;
  font-weight: normal !important;
  outline: none !important;
  box-shadow: none !important;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
}

@media only screen and (max-width: 820px) {
  #container {
    width: 100%;
  }
  .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: 100%;

    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;
  }
}