body {
  background-color: #dcdcdc;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Arial", sans-serif;
/*  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif; */
  font-size: 14px;
  color: #02336B;
  margin: 0px;
  padding: 5px;
}

/**
 * General
 */
p {
  margin: 0px;
  padding: 5px;
}

img {
  border: none;
  margin: 0px;
  padding: 0px;
}

a {
  color: #02336b;
  /*text-decoration: none;*/
}

/**
 * Main Structure
 */
#main {
  background-color: #ffffff;
  border: 1px solid #02336b;
  padding: 0px;
  text-align: left;
  max-width: 1000px;
  min-width: 815px;
  margin: 5px auto 5px auto;
}

#title-bar {
  background-color: #374b6f;
  height: 26px;
  width: 100%;
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  white-space: nowrap;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#title-bar p#qmc-name {
  padding-left: 25px;
  padding-top: 3px;
  margin: 0px;
  line-height: 16px;
  background-image: url('../images/qmc-icon.png');
  background-repeat: no-repeat;
  background-position: 5px center;
}

#title-bar p#support-link {
  padding-right: 5px;
  padding-top: 3px;
  margin: 0px;
  line-height: 16px;
  float: right;
}

#title-bar a#support img {
  border: none;
  padding-left: 5px;
  float: right;
}

#logo {
  background-image: url('../images/qmc-webaccess-logo.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 92px;
  border-bottom: 1px solid white;
}

#logo-login {
  background-image: url('../images/qmc-webaccess-logo-login.png');
   background-repeat: no-repeat;
   background-position: top center;
   height: 92px;
  border-bottom: 1px solid #02336B;
  margin-bottom: 15px;
 }

#logo p#version {
  padding-top: 75px;
  text-align: center;
}

#menu {
  background-color: #f6f6f6;
  border-bottom: 1px solid #374b6f;
  height: 26px;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#menu ul#navi {
  padding: 0px;
  margin: 0px;
}

#menu ul#navi li {
  list-style: none;
  float: left;
  position: relative;
  border: none;
  line-height: 16px;
  padding: 2px 4px 2px 3px;
  margin: 3px 1px 1px 3px;
}

#menu ul#navi li img {
  float: left;
  line-height: 16px;
  margin: 0px;
  padding: 0px 3px 0px 0px;
}

#menu ul#navi li a {
  color: #374b6f;
  text-decoration: none;
}

#menu ul#navi li:hover {
  border: none;
  margin: 3px 1px 1px 3px;
}

#menu ul#navi li.separator {
  background-image: url('../images/menu-strip-separator.gif');
  background-repeat: repeat-y;
  height: 16px;
  border: none;
  margin: 3px 1px 1px 7px;
}

#menu ul#navi li.separator:hover {
  border: none;
  margin: 3px 1px 1px 7px;
}

/**
 * Zweite Menüebene
 */
#menu ul#navi li.sub {
  background-image: url('../images/menu-strip-down-arrow.png');
  background-repeat: no-repeat;
  background-position: 99%;
  padding-right: 14px;
}

#menu ul#navi li.sub ul {
  display: none;
  position: absolute;
  top: 20px;
  left: -1px;
  width: auto;
  background-color: #ffffff;
  background: #ffffff url('../images/menu-bar-gradient.jpg') repeat-y left;
  border: 1px #000000 solid;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  z-index: 10;
}

#menu ul#navi li.sub:hover ul {
  display: block;
}

#menu ul#navi li.sub ul li {
  float: none;
  height: 18px;
  line-height: 18px;
  border: none;
  white-space: nowrap;
  margin: 4px 2px 1px 2px;
  padding: 0px 29px 1px 0px;
  white-space: nowrap;
}

#menu ul#navi li.sub ul li a {
  white-space: nowrap;
}

#menu ul#navi li.sub ul li img {
  width: 16px;
  height: 16px;
  float: left;
  line-height: 18px;
  margin: 1px 0px 0px 2px;
  padding: 0px 9px 0px 0px;
}

#menu ul#navi li.sub ul li:hover {
  border: 1px #000000 solid;
  margin: 2px 1px 1px 1px;
  padding: 1px 29px 0px 0px;
}

/**
 * Dritte Menüebene
 */
#menu ul#navi li.sub ul li.sub-sub {
  background-image: url('../images/menu-strip-right-arrow.png');
  background-repeat: no-repeat;
  background-position: right 6px;
  padding-right: 42px;
}

#menu ul#navi li.sub ul li.sub-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  margin-left: 0px;
  top: -4px;
  width: auto;
}

#menu ul#navi li.sub ul li.sub-sub ul li {
  padding-right: 29px;
}

#menu ul#navi li.sub ul li.sub-sub:hover {
  background-position: right 7px;
}

#menu ul#navi li.sub ul li.sub-sub:hover ul {
  display: block;
}


/**
 * Sub Menu Bar
 */

#submenu-bar {
    background-image: url('../images/submenu-bg.gif');
    width: 100%;
    height: 18px;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

#submenu-bar a {
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-right: 10px;
}

#content {
  background-color: #ffffff;
  width: auto;
  margin: 5px;
  padding: 0px;
}

/**
 * Table
 */
table.tablesorter {
  background-color: #ffffff;
  font-size: 14px;
  color: #02336b;
  text-align: left;
  width: 100%;
  border: 1px solid #02336b;
  margin-top: 8px;
  margin-bottom: 5px;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #dcdcdc;
  padding: 4px;
}

table.tablesorter thead tr .header {
  background-image: url('../images/table-bg.gif');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  padding-right: 20px;
}

table.tablesorter tbody td {
  color: #3d3d3d;
  padding: 4px;
  background-color: #ffffff;
  vertical-align: top;
}

table.tablesorter tbody tr.odd td {
  background-color: #f0f0f6;
}

table.tablesorter tbody tr.table-hover td {
  background-color: #d3e3fb;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url('../images/table-asc.gif');
}

table.tablesorter thead tr .headerSortDown {
  background-image: url('../images/table-desc.gif');
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #d3e3fb;
}

/**
 * Table-Login
 */
table.tablesorter-login {
  background-color: #ffffff;
  font-size: 12px;
  text-align: left;
  width: 100%;
  border-spacing: 0px;
}

table.tablesorter-login thead tr th {
  padding: 4px;
  background: url('../easyui/blue/images/datagrid_header_bg.gif') repeat-x scroll left bottom #FAFAFA;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  border-top: 1px dotted #FFFFFF;
  font-size: 12px;
  font-weight: normal;
}

table.tablesorter-login thead tr th:hover {
  background-color: #EBF3FD;
  background-image: none;
}

table.tablesorter-login tbody td {
  padding: 4px;
  background-color: #ffffff;
  border-right: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
  border-top: none;
  border-left: none;
}

table.tablesorter-login tbody tr.even td {
  background-color: #EEEEFF;
}

table.tablesorter-login tbody tr:hover td {
  background-color: #D0E5F5;
}

table.tablesorter-login thead tr th.headerSortUp,
table.tablesorter-login thead tr th.headerSortUp:hover {
  background: #E3ECF9 url('../images/table-asc.gif') no-repeat left center;
  padding-left: 25px;
}

table.tablesorter-login thead tr th.headerSortDown,
table.tablesorter-login thead tr th.headerSortDown:hover {
  background: #E3ECF9 url('../images/table-desc.gif') no-repeat left center;
  padding-left: 25px;
}

/**
 * Information Table
 */
table.information-table {
  border-spacing: 8px;
  margin-left: 10px;
}

table.information-table tr td:first-child {
  text-align: right;
  font-weight: bold;
}

/**
 * Formular Table
 */
table.formular-table {
  border-spacing: 4px;
  margin-left: 10px;
}

table.formular-table tr td:first-child {
  text-align: right;
}

table.formular-table tr td.needed:first-child {
  font-weight: bold;
}

/**
 * Settings Table
 */
table.settings-table {
  border-spacing: 2px;
  width: 100%;
}

table.settings-table tr td {
  background-color: #e6e6e6;
  padding: 2px 5px 2px 2px;
}

table.settings-table tr td:first-child {
  font-weight: bold;
  padding-left: 5px;
}

table.settings-table tr.description td:first-child {
  font-weight: normal;
  border-spacing: 0px;
  background-color: #FFFFFF;
  padding: 0px 5px 0px 10px;
}

table.settings-table tr.save-button td {
  font-weight: normal;
  border-spacing: 0px;
  background-color: #FFFFFF;
  padding-top: 10px;
  text-align: center;
}

/**
 * Login
 */
#main-login {
  background-color: #ffffff;
  border: 1px solid #02336b;
  margin: 0 auto;
  margin-top: 10%;
  width: 528px;
}

#main-login #title-bar p {
  text-align: left;
}

#main-login #logo {
  margin-top: 10px;
}

#main-login table#login-table {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5px;
  text-align: left;
  padding: 0px;
}

#main-login table#login-table tr td select {
  width: 400px;
}

#main-login table#login-table tr td input {
  width: 395px;
}

#main-login table#login-table tr td input[type=submit] {
  width: 75px;
  background-image: url('../images/qmclogin-verlauf.jpg');
  font-size: 11px;
  font-weight: bold;
  font-family: inherit;
  color: #02336b;
  border: 1px solid #02336b;
}

#main-login table#login-table tr#login-key {
  background-image: url('../images/key.png');
  background-repeat: no-repeat;
  background-position: 350px 50%;
  height: 130px;
}

#main-login table#login-table tr#login-key td {
  text-align: center;
  color: red;
  padding-right: 180px;
  padding-left: 15px;
}

#main-login table#login-table tr#qr-code {
  background-repeat: no-repeat;
  background-position: 250px 50%;
  height: 150px;
}

#main-login table#login-table td#error-message {
  color: red;
  text-align: center;
}

#main-login table#login-table tr#qr-code div#qr-code-image {
  min-width: 150px;
  min-height: 150px;
  display: inline-block;
  vertical-align: middle;
}

#main-login table#login-table tr#qr-code div#qr-code-info {
  font-size: 0.85em;
  width: 125px;
  padding-right: 15px;
  display: inline-block;
  vertical-align: middle;
}

#main-login p#admin-login {
  text-align: center;
  margin: 10px 0px;
}

/**
 * Error Page
 */
div#error-page {
  background-image: url('../images/error.png');
  background-repeat: no-repeat;
  padding-left: 140px;
  vertical-align: middle;
  height: 120px;
  color: red;
  padding-top: 20px;
}

/**
 * Sonstige
 */
.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-align-justify {
  text-align: justify;
}

.input, .select {
  font-size: 14px;
  color: #02336b;
}

.feldbezeichnung {
  width: 200px;
}


.bold {
  font-size:14px;
  font-weight:bold;
  color:#02336b;
}

a.red {
  color:red;
  text-decoration:underline;
}

a.blue {
  color:#02336b;
  text-decoration:underline;
}
a.white {
  color:#fff;
  text-decoration:underline;
}
.dock {
  width:100%;
  position:relative;
  bottom:0;
  left:0;
  text-align:center;
}
.dock-container {
  position:relative;
  bottom:0;
  height:50px;
  padding-left:20px;
}
a.dock-item {
  display:block;
  width:40px;
  color:#000;
  position:absolute;
  top:0;
  text-align:center;
  text-decoration:none;
  font:bold 12px Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;
}
.dock-item img {
  border: none;
  margin:5px 10px 0;
  width:100%;
}
.dock-item span {
  display:none;
  padding-left:20px;
}
input[type=button] {
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle !important;
  background-color: #ffffff;
  border: 1px #374B6F solid;
  color: #222222;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
/*  font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;  */
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Arial", sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: auto;
}
input[type=button]:hover {
  background-color: #EFEFEF;
  border: 1px #4390df solid;
}
input[type=button][disabled=disabled] {
  border-color: #EFEFEF;
  background-color: #ADADAD;
  color: #EFEFEF;
  cursor: default;
}