@import url(common.css);
@import url(head-nav-icons.css);
@import url(xmlverbatim.css);
body {
    background: url(../images/body-bg.png) no-repeat #ffffff;
    margin: 0px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}

.ui-dialog-buttonset .btn-link {
    border: none !important;
    background: none !important;
    color: #337ab7 !important;
    font-weight: bold;
}

.tablesaw-bar {
    margin-top: -30px;
}

#head {}

#head-left {}

#head-image {}

#head-highlight {
    height: 40px;
    float: left;
}

#head-highlight a {
    float: left;
    background-position: 0px 0px;
    padding: 12px 20px;
    background-image: url(../images/achtung.png);
    background-repeat: no-repeat;
    text-decoration: none;
    border: none
}

#head-highlight.link a:hover {
    background-image: url(../images/achtung-over.png);
}

#head-highlight.link:hover {
    text-decoration: none;
}

#head-highlight.link {
    border: none;
    text-decoration: none;
}

#head-highlight-reason span.no-content-link {
    float: left;
    white-space: normal;
}

#head-highlight-reason {
    padding-right: 165px;
}

#head-highlight-property {
    padding-right: 165px;
}

#head-highlight-reason a {
    padding: 0 10px 0 0;
    margin: 0 0 0 0;
    float: left;
}

#head-highlight-reason span.content-link {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    white-space: normal;
    float: left;
}

#context {
    margin: 20px 0 0 20px;
    padding-right: 100px;
    min-height: 100px;
}

#context-links {
    clear: both;
    padding-right: 200px;
}

#logo {
    position: absolute;
    top: 20px;
    right: 37px;
    height: 115px;
    width: 173px;
    background: url(../images/logo.png) no-repeat;
}

#username {
    position: absolute;
    top: 3px;
    right: 10px;
}

#username a {
    font-weight: bold;
    color: #00933E;
    text-decoration: none;
}

#username a:hover {
    text-decoration: underline;
}

#callNotification {
    font-size: 1.3em;
    background-image: url(../images/icon-phone.png);
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    color: #db6700;
}

#searchfield {
    float: right;
    right: 0px;
}

#searchfield input {
    border: 1px solid #d5d5d5;
    height: 14px;
    margin-top: 1px;
    color: #d5d5d5;
    margin-right: 1px;
    float: left;
}

input#searchfield-icon {
    border: none;
    padding-top: 1px;
    margin-right: 10px;
    height: 16px;
}

#navbar {
    background: url(../images/veops-logo.png) right;
    background-repeat: no-repeat;
    background-size: 15%;
    height: 5px;
    z-index: 999;
}


/*======================START CONTEXT NAVIGATION ======================*/

#context {
    padding-top: 10px;
    padding-left: 10px;
}

.context-link {
    color: #07ae53;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    float: left;
}

.context-link a {
    color: #768e28;
    font-weight: bold;
    text-decoration: none;
    padding-left: 13px;
    margin-right: 10px;
}

.context-link a:hover {
    color: #3c4a0e;
    font-weight: bold;
    text-decoration: none;
}


/*======================END CONTEXT NAVIGATION ======================*/


/*======================START HEAD NAVIGATION ======================*/

#head-navigation {
    padding-left: 30px;
    background: url(../images/headnav-bg.png);
}

#head-navigation a:hover {
    text-decoration: underline;
}


/*======================END HEAD NAVIGATION ======================*/


/*======================START TAB NAVIGATION ======================*/

#wrapper-navigation {
    background: url(../images/navigation-bg.png) repeat-y;
    width: 100%;
    float: left;
}

#navigation {
    background: url(../images/green.gif) #fff;
    float: left;
    min-height: 20px;
    padding-left: 20px;
}

#navigation a {
    text-decoration: none;
    padding-top: 2px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;
}

#navigation a:hover {
    text-decoration: underline;
}

.navi-off-left {
    float: left;
}

.navi-off-mid {
    float: left;
}

.navi-off-mid a {
    padding-bottom: 3px;
}

.navi-off-mid a:hover {}

.navi-off-right {
    float: left;
}

.navi-on-left {
    background: #D5D5D5;
    padding-bottom: 2px;
    float: left;
}

.navi-on-mid {
    background: #D5D5D5;
    padding-bottom: 3px;
    float: left;
}

.navi-on-mid a {
    font-weight: bold;
}

.navi-on-right {
    float: left;
}


/*====================== END TAB NAVIGATION ===================*/

#line-under-tabs {
    display: none;
}

#buttons {
    clear: both;
    padding-top: 5px;
    padding-left: 50px;
    padding-bottom: 0px;
    background: url(../images/gray.gif)
}

#buttons.back-forward {
    height: 32px;
}

.content-link.back-forward {
    font-size: 25px;
    height: 32px;
    background: none;
    float: left;
}

.content-link.back-forward.forward {
    float: right;
}

.content-link.back-forward a,
.content-link.back-forward a:hover {
    background: none;
}

.content-link.back-forward a:hover {
    color: #fff
}

.content-link.back-forward.inactiv {
    font-weight: bold;
    color: #fdeecd;
}

#btw-back-forward {
    float: left;
    min-height: 30px;
    padding-top: 1px
}


/*====================== INBOX LIST ===================*/

#wrapper-inbox-list {
    width: 100%;
    float: left;
    background: #d5d5d5;
    margin: 0px 0 0 20px;
    padding-left: 20px;
}

#inbox-list {
    background: #d5d5d5;
    margin: 10px 0 0px 0px;
}

.inbox-button {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    background: #fff;
}

.inbox-button:hover {
    background: #eee;
}

.inbox-button.activ {
    background: #e2ede3;
    color: #000;
}

#inbox-list .unreaded .inbox-button-label a,
#inbox-list .unreaded .inbox-button-counter a {
    color: #f00;
}

#inbox-list .inbox-button-label {
    height: 30px;
    border: 2px solid #00953e;
    border-right: none;
    padding: 5px;
    float: left;
}

#inbox-list .inbox-button-counter {
    height: 30px;
    padding: 5px;
    letter-spacing: -2px;
    border: 2px solid #00953e;
    display: table-cell;
    vertical-align: middle;
    float: left;
}

#inbox-list .inbox-button-label a,
#inbox-list .inbox-button-counter a {
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    height: 24px;
    color: #00953e;
    font-weight: bold;
}

#inbox-list .inbox-button.activ .inbox-button-label a,
#inbox-list .inbox-button.activ .inbox-button-counter a {
    color: #000;
}

#inbox-list .inbox-button-counter a {
    font-size: 24px;
}


/*====================== END INBOX LIST ===================*/

#wrapper-content.left-menu {
    min-width: 1200px;
}

#wrapper-content.left-menu {
    min-width: 1200px;
}

#left-menu {
    background: #eee;
    padding: 5px 0 10px 0px;
    margin-left: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 200px;
    float: left;
}

#left-menu a {
    display: block;
    text-decoration: none;
}

#left-menu a.activ,
#left-menu a.activ:hover {
    color: #000;
    background: #00953E;
}

#left-menu a:hover {
    background: #fff;
}

#left-menu a.level1 {
    font-size: 16px;
    padding: 0px 5px 0 5px;
    margin-top: 5px;
}

#left-menu span.level1 {
    display: block;
    padding: 0px 5px 0 5px;
    margin-top: 5px;
    color: #000E;
    font-size: 16px;
    font-weight: bold;
}

#left-menu a.errorlevel1 {
    padding: 0px 5px 0 5px;
    margin-top: 5px;
    font-size: 16px;
    color: #f00;
}

#left-menu a.errorlevel1.activ,
#left-menu a.errorlevel2.activ,
#left-menu a.errorlevel3.activ,
#left-menu a.errorlevel4.activ {
    color: #000;
}

#left-menu a.level2 {
    font-size: 14px;
    padding-left: 15px;
}

#left-menu a.errorlevel2 {
    font-size: 14px;
    padding-left: 15px;
    color: #f00;
}

#left-menu a.level3 {
    font-size: 13px;
    padding-left: 25px;
}

#left-menu a.errorlevel3 {
    font-size: 13px;
    padding-left: 25px;
    color: #f00;
}

#left-menu a.level4 {
    font-size: 13px;
    font-weight: normal;
    padding-left: 35px;
}

#left-menu a.errorlevel4 {
    font-size: 13px;
    font-weight: normal;
    padding-left: 35px;
    color: #f00;
}

#wrapper-content {
    background: url(../images/gray.gif);
    float: left;
    width: 100%;
}

#content {
    padding-top: 10px;
    padding-left: 35px;
    padding-bottom: 60px;
    float: left;
}

#content.left-menu {
    position: absolute;
    left: 250px;
    padding-top: 28px
}

.content-link {
    color: #00953E;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    padding-right: 15px;
}

.content-link a {
    color: #00953E;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
}

.content-link a:hover {
    text-decoration: underline;
}

fieldset .content-link a:hover {
    background: none;
}

.query-info-link {
    clear: both;
    text-decoration: none;
    color: grey;
    font-family: "Montserrat", Sans-serif;
}

.query-info-link-bold {
    clear: both;
    text-decoration: none;
    font-weight: bold;
    color: grey;
    font-family: "Montserrat", Sans-serif;
}

#headline {
    padding-left: 15px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}

table {
    background: #fff;
    margin: 0 1em 1em 0;
    padding: 0em 1em 1em 1em;
    border: 1px solid;
}

tr {
    padding-left: 10px;
}

th {
    text-align: left;
    vertical-align: top;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    padding: 5px;
    margin: 0px;
    border: 5px;
}

table.transparent,
table.transparent tbody tr td {
    background: url(../images/grey.gif);
    border: none;
}

table th.bg-color3,
th.bg-color2 {
    background: #E2EDE3;
}

.header-section {
    text-align: right;
    padding: 2px;
    border-top: 10px solid #ffffff;
    border-bottom: 1px solid #39663a;
}

td {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    color: #000000;
    font-size: 1em;
    padding: 3px 5px 2px 5px;
    vertical-align: top;
}

.tab-row-space {
    border-bottom: 2px solid #666;
    font-size: 0.01em;
}

.bg-color td {
    background-color: #eeeeee;
}

.bg-color th {
    background-color: #eeeeee;
    text-align: center;
    padding: 2px;
    border-top: 10px solid #ffffff;
}

tr.bg-colorbold td {
    background-color: #e2ede3;
}

.bold td,
.bold td a {
    font-weight: bold;
}

.bg-color td.blank,
.bg-color th.blank,
.bg-colorbold td.blank,
.bg-colorbold td.blank a {
    background-color: white;
}

.search-result td {
    background-color: #E2EDE3;
    font-weight: bold;
}

th select {
    border: 1px solid #9f9f9f;
    font-size: 0.9em;
    padding: 2px;
}

.allright {
    color: green;
}

.lightwarn {
    color: orange;
}

.validationMessage {
    color: #FF0000;
}

#maintenance {
    margin-top: 52px;
    padding-left: 5px;
}

fieldset .validationMessage {
    display: block;
}

.greyedOut {
    color: #080808;
}

.nobr {
    white-space: nowrap;
}

.bg-color-outdated td,
.outdated td {
    color: #999;
}

.highlightDocument {
    color: #ff0000;
}

.highlightDocument a {
    color: #ff0000;
    text-decoration: underline;
    font-weight: normal;
}

#login #head-left {
    position: absolute;
    top: 135px;
    background: url(../images/green.gif);
    width: 100%;
    height: 20px;
    margin-left: 0px;
    position: absolute;
}

#login-left {
    padding: 0px 0px 0px 0px;
    float: left;
}

#login fieldset {
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 0px;
    border: none;
    background: #a3a3a3;
    padding: 30px 30px 30px 45px;
    border: none;
}

#login {
    padding-top: 140px;
}

#login #content {
    padding-bottom: 10px;
}

#login #imp {
    margin-top: 120px;
    float: left;
}

#login #imp a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#login legend {
    margin-top: 20px;
    margin-left: 50px;
    position: absolute;
    font-size: 16px;
    top: 205px;
    left: 30px;
    background: none;
    color: #000;
    border: none;
}

legend span.content-link a {
    color: #fff;
}

.upload-box {
    background: #fff;
    border: 1px solid #000;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
}

.upload-box a {
    display: block;
    border: none;
    text-decoration: underline;
}

.upload-box a:hover {
    border: none;
}

.upload-box table {
    padding: 0px;
    border: none;
    margin: 0;
}

.upload-box fieldset {
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}

#login fieldset {
    padding-rigtht: 0px;
}

#login #imp a:hover {
    text-decoration: underline;
}

#login .psw,
#login .anmeldung {
    width: 200px;
    float: left;
}

#login .psw a,
#login fieldset a {
    padding-top: 10px;
    float: left;
    color: #000;
    font-size: 1em;
    width: 100%;
    margin: 10px 0 0 0;
    text-decoration: none;
    padding-right: 20px;
    white-space: nowrap;
}

#login .psw a:hover,
#login .anmeldung a:hover {
    text-decoration: underline;
}

#login #headline {
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 22px
}

#login div.validationMessage {
    padding-left: 25px;
    position: absolute;
    margin-top: 50px;
}

#login-right {
    width: 490px;
    float: left;
    padding-top: 12px;
    padding-left: 30px;
}

#login-right a {
    color: #00953E;
    text-decoration: none;
}

#login-right a:hover {
    text-decoration: underline;
}

#login-right .link-as {
    padding-top: 40px;
}

#login #adr {
    text-align: right;
    padding-right: 30px;
}

#login-right .link-as a {
    color: #00953E;
}

#login h2 {
    font-size: 12px;
}

#login p {
    padding-bottom: 8px;
    margin: 0px;
    ;
}

#home {
    padding-top: 40px;
    padding-bottom: 60px;
    width: 470px;
    margin-left: 200px;
}

#home #firmendaten-DE,
#home #quickinfo-DE,
#home #ansprechpartner-DE,
#home #datenupload-DE,
#home #niederlassung-DE,
#home #fahrzeugliste-DE,
#home #details-DE,
#home #reports-DE,
#home #autodatenupload-DE,
#home #uploadtanken-DE,
#home #mandatenupload-DE,
#home #uploadfahrzeug-DE,
#home #maildatenupload-DE,
#home #uploadFahrer-DE,
#home #meine-kunden-DE,
#home #alle-partner-DE,
#home #alle-schaeden-DE,
#home #wiedervorlage-DE,
#home #managementreport-DE,
#home #rfid-tags-DE,
#home #terminals-DE,
#home #firmendaten-EN,
#home #quickinfo-EN,
#home #ansprechpartner-EN,
#home #datenupload-EN,
#home #niederlassung-EN,
#home #fahrzeugliste-EN,
#home #details-EN,
#home #reports-EN,
#home #autodatenupload-EN,
#home #uploadtanken-EN,
#home #mandatenupload-EN,
#home #uploadfahrzeug-EN,
#home #maildatenupload-EN,
#home #uploadFahrer-EN,
#home #meine-kunden-EN,
#home #alle-partner-EN,
#home #alle-schaeden-EN,
#home #wiedervorlage-EN,
#home #managementreport-EN,
#home #rfid-tags-EN,
#home #terminals-EN {
    float: left;
    height: 60px;
    width: 215px;
    margin: 5px 10px 0px 10px;
    border: none;
}

#home #firmendaten-DE {
    background: url(../images/firmendaten-DE.png) no-repeat;
}

#home #firmendaten-DE:hover {
    background: url(../images/firmendaten-over-DE.png) no-repeat;
}

#home #quickinfo-DE {
    background: url(../images/quickinfo-DE.png) no-repeat;
}

#home #quickinfo-DE:hover {
    background: url(../images/quickinfo-over-DE.png) no-repeat;
}

#home #ansprechpartner-DE {
    background: url(../images/ansprechpartner-DE.png) no-repeat;
}

#home #ansprechpartner-DE:hover {
    background: url(../images/ansprechpartner-over-DE.png) no-repeat;
}

#home #datenupload-DE {
    background: url(../images/datenupload-DE.png) no-repeat;
}

#home #datenupload-DE:hover {
    background: url(../images/datenupload-over-DE.png) no-repeat;
}

#home #niederlassung-DE {
    background: url(../images/niederlassung-DE.png) no-repeat;
}

#home #niederlassung-DE:hover {
    background: url(../images/niederlassung-over-DE.png) no-repeat;
}

#home #fahrzeugliste-DE {
    background: url(../images/fahrzeugliste-DE.png) no-repeat;
}

#home #fahrzeugliste-DE:hover {
    background: url(../images/fahrzeugliste-over-DE.png) no-repeat;
}

#home #details-DE {
    background: url(../images/details-DE.png) no-repeat;
}

#home #details-DE:hover {
    background: url(../images/details-over-DE.png) no-repeat;
}

#home #reports-DE {
    background: url(../images/reports-DE.png) no-repeat;
}

#home #reports-DE:hover {
    background: url(../images/reports-over-DE.png) no-repeat;
}

#home #autodatenupload-DE {
    background: url(../images/autodatenupload-DE.png) no-repeat;
}

#home #autodatenupload-DE:hover {
    background: url(../images/autodatenupload-over-DE.png) no-repeat;
}

#home #uploadtanken-DE {
    background: url(../images/uploadtanken-DE.png) no-repeat;
}

#home #uploadtanken-DE:hover {
    background: url(../images/uploadtanken-over-DE.png) no-repeat;
}

#home #mandatenupload-DE {
    background: url(../images/mandatenupload-DE.png) no-repeat;
}

#home #mandatenupload-DE:hover {
    background: url(../images/mandatenupload-over-DE.png) no-repeat;
}

#home #uploadfahrzeug-DE {
    background: url(../images/uploadfahrzeug-DE.png) no-repeat;
}

#home #uploadfahrzeug-DE:hover {
    background: url(../images/uploadfahrzeug-over-DE.png) no-repeat;
}

#home #maildatenupload-DE {
    background: url(../images/maildatenupload-DE.png) no-repeat;
}

#home #maildatenupload-DE:hover {
    background: url(../images/maildatenupload-over-DE.png) no-repeat;
}

#home #uploadFahrer-DE {
    background: url(../images/uploadFahrer-DE.png) no-repeat;
}

#home #uploadFahrer-DE:hover {
    background: url(../images/uploadFahrer-over-DE.png) no-repeat;
}

#home #meine-kunden-DE {
    background: url(../images/meinekunden-DE.png) no-repeat;
}

#home #meine-kunden-DE:hover {
    background: url(../images/meinekunden-over-DE.png) no-repeat;
}

#home #alle-partner-DE {
    background: url(../images/allepartner-DE.png) no-repeat;
}

#home #alle-partner-DE:hover {
    background: url(../images/allepartner-over-DE.png) no-repeat;
}

#home #alle-schaeden-DE {
    background: url(../images/alleschaeden-DE.png) no-repeat;
}

#home #alle-schaeden-DE:hover {
    background: url(../images/alleschaeden-over-DE.png) no-repeat;
}

#home #wiedervorlage-DE {
    background: url(../images/wiedervorlage-DE.png) no-repeat;
}

#home #wiedervorlage-DE:hover {
    background: url(../images/wiedervorlage-over-DE.png) no-repeat;
}

#home #managementreport-DE {
    background: url(../images/managementreport-DE.png) no-repeat;
}

#home #managementreport-DE:hover {
    background: url(../images/managementreport-over-DE.png) no-repeat;
}

#home #rfid-tags-DE {
    background: url(../images/rfidtags-DE.png) no-repeat;
}

#home #rfid-tags-DE:hover {
    background: url(../images/rfidtags-over-DE.png) no-repeat;
}

#home #terminals-DE {
    background: url(../images/terminals-DE.png) no-repeat;
}

#home #terminals-DE:hover {
    background: url(../images/terminals-over-DE.png) no-repeat;
}

#home #firmendaten-EN {
    background: url(../images/firmendaten-EN.png) no-repeat;
}

#home #firmendaten-EN:hover {
    background: url(../images/firmendaten-over-EN.png) no-repeat;
}

#home #quickinfo-EN {
    background: url(../images/quickinfo-EN.png) no-repeat;
}

#home #quickinfo-EN:hover {
    background: url(../images/quickinfo-over-EN.png) no-repeat;
}

#home #ansprechpartner-EN {
    background: url(../images/ansprechpartner-EN.png) no-repeat;
}

#home #ansprechpartner-EN:hover {
    background: url(../images/ansprechpartner-over-EN.png) no-repeat;
}

#home #datenupload-EN {
    background: url(../images/datenupload-EN.png) no-repeat;
}

#home #datenupload-EN:hover {
    background: url(../images/datenupload-over-EN.png) no-repeat;
}

#home #niederlassung-EN {
    background: url(../images/niederlassung-EN.png) no-repeat;
}

#home #niederlassung-EN:hover {
    background: url(../images/niederlassung-over-EN.png) no-repeat;
}

#home #fahrzeugliste-EN {
    background: url(../images/fahrzeugliste-EN.png) no-repeat;
}

#home #fahrzeugliste-EN:hover {
    background: url(../images/fahrzeugliste-over-EN.png) no-repeat;
}

#home #details-EN {
    background: url(../images/details-EN.png) no-repeat;
}

#home #details-EN:hover {
    background: url(../images/details-over-EN.png) no-repeat;
}

#home #reports-EN {
    background: url(../images/reports-DE.png) no-repeat;
}

#home #reports-EN:hover {
    background: url(../images/reports-over-DE.png) no-repeat;
}

#home #autodatenupload-EN {
    background: url(../images/autodatenupload-EN.png) no-repeat;
}

#home #autodatenupload-EN:hover {
    background: url(../images/autodatenupload-over-EN.png) no-repeat;
}

#home #uploadtanken-EN {
    background: url(../images/uploadtanken-EN.png) no-repeat;
}

#home #uploadtanken-EN:hover {
    background: url(../images/uploadtanken-over-EN.png) no-repeat;
}

#home #mandatenupload-EN {
    background: url(../images/mandatenupload-EN.png) no-repeat;
}

#home #mandatenupload-EN:hover {
    background: url(../images/mandatenupload-over-EN.png) no-repeat;
}

#home #uploadfahrzeug-EN {
    background: url(../images/uploadfahrzeug-EN.png) no-repeat;
}

#home #uploadfahrzeug-EN:hover {
    background: url(../images/uploadfahrzeug-over-EN.png) no-repeat;
}

#home #maildatenupload-EN {
    background: url(../images/maildatenupload-EN.png) no-repeat;
}

#home #maildatenupload-EN:hover {
    background: url(../images/maildatenupload-over-EN.png) no-repeat;
}

#home #uploadFahrer-EN {
    background: url(../images/uploadFahrer-EN.png) no-repeat;
}

#home #uploadFahrer-EN:hover {
    background: url(../images/uploadFahrer-over-EN.png) no-repeat;
}

#home #meine-kunden-EN {
    background: url(../images/meinekunden-EN.png) no-repeat;
}

#home #meine-kunden-EN:hover {
    background: url(../images/meinekunden-over-EN.png) no-repeat;
}

#home #alle-partner-EN {
    background: url(../images/allepartner-EN.png) no-repeat;
}

#home #alle-partner-EN:hover {
    background: url(../images/allepartner-over-EN.png) no-repeat;
}

#home #alle-schaeden-EN {
    background: url(../images/alleschaeden-EN.png) no-repeat;
}

#home #alle-schaeden-EN:hover {
    background: url(../images/alleschaeden-over-EN.png) no-repeat;
}

#home #wiedervorlage-EN {
    background: url(../images/wiedervorlage-EN.png) no-repeat;
}

#home #wiedervorlage-EN:hover {
    background: url(../images/wiedervorlage-over-EN.png) no-repeat;
}

#home #managementreport-EN {
    background: url(../images/managementreport-EN.png) no-repeat;
}

#home #managementreport-EN:hover {
    background: url(../images/managementreport-over-EN.png) no-repeat;
}

#home #rfid-tags-EN {
    background: url(../images/rfidtags-EN.png) no-repeat;
}

#home #rfid-tags-EN:hover {
    background: url(../images/rfidtags-over-EN.png) no-repeat;
}

#home #terminals-EN {
    background: url(../images/terminals-EN.png) no-repeat;
}

#home #terminals-EN:hover {
    background: url(../images/terminals-over-EN.png) no-repeat;
}

#home #end-of-buttons {
    width: 470px;
    padding-bottom: 60px;
    float: left;
}


/*##### MANAGERREPORT ######*/

#mr-quickinfo-spacer {
    position: absolute;
    left: 180px;
    top: 160px;
}

#mr-eyecatcher {
    position: absolute;
    height: 141px;
    width: 141px;
    top: 45px;
    left: 45px;
    background: url(../images/mr-eyecatcher.png);
}

#manager-report {
    font-weight: bold;
    padding-left: 90px;
    padding-top: 10px;
}

#manager-report p {
    margin-top: 5px;
    margin-bottom: 4px;
}

#manager-report #report-top {
    font-size: 12px;
}

#manager-report #report-top span.red {
    color: #B52408;
}

#manager-report table {
    padding-top: 10px;
    padding-bottom: 70px;
    background: #D5D5D5;
    font-size: 11px;
    border-top: 3px solid #00953E;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

#manager-report td {
    border: none;
    vertical-align: middle;
    //height:34px;
}

#manager-report td.numb {
    text-align: right;
}

#manager-report .arrow {
    background: url(../images/mr-arr.png) 0px 11px no-repeat;
    padding-left: 60px;
}

#manager-report .arrow2 {
    background: url(../images/mr-arr2.png) 0px 11px no-repeat;
    padding-left: 85px;
}

#manager-report .mr-green {
    background: url(../images/mr-green.png) 0px 3px no-repeat;
    padding-left: 30px;
    padding-top: 34px;
}

#manager-report .mr-yellow {
    background: url(../images/mr-yellow.png) 0px 3px no-repeat;
    padding-left: 30px;
    padding-top: 34px;
}

#manager-report .mr-red {
    background: url(../images/mr-red.png) 0px 3px no-repeat;
    padding-left: 30px;
    padding-top: 34px;
}

#manager-report .mr-gray {
    background: url(../images/mr-gray.png) 0px 3px no-repeat;
    padding-left: 30px;
    padding-top: 34px;
}

#manager-report .mr-black {
    background: url(../images/mr-black.png) 0px 3px no-repeat;
    padding-left: 30px;
    padding-top: 34px;
}

#manager-report a {
    color: #00953E;
    font-weight: bold;
    text-decoration: none;
}

#manager-report a:hover {
    text-decoration: underline;
}

table .tablecell-space {
    background: #d5d5d5;
    padding: 3px;
    border: none 0px;
}

#timestamp {
    clear: both;
    color: grey;
    font-family: "Montserrat", Sans-serif;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
}

#car-div {
    float: left;
}

#inbox-query-times {
    color: red;
    font-family: "Montserrat", Sans-serif;
    font-size: 10px;
}

.csspopupoverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.csspopupoverlay:target {
    visibility: visible;
    opacity: 1;
}

.csspopup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    max-height: 80vh;
    position: relative;
    transition: all 5s ease-in-out;
}

.csspopup h2 {
    margin-top: 0;
    color: #333;
    font-family: "Montserrat", Sans-serif;
}

.csspopup .csspopupclose {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.csspopup .csspopupclose:hover {
    color: #06D85F;
}

.csspopup .csspopupclosebutton {
    text-decoration: none;
    color: #333;
}

.csspopup .csspopupclosebutton:hover {
    color: #333;
    text-decoration: underline;
}

.csspopup .csspopupcontent {
    max-height: 70vh;
    position: relative;
    transition: all 5s ease-in-out;
    overflow: auto;
    *overflow: scroll;
}

.pencil {
    background-image: url(../images/pencil.gif);
    background-position: 0px 1px;
    padding: 0px 0px 5px 12px;
    background-repeat: no-repeat;
    text-decoration: none;
}

.pencil:hover {
    background-image: url(../images/pencil-over.gif);
}

.dd-menu-icon {
    background-image: url(../images/menu.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 12px 12px;
}

.dd-menu {
    line-height: 15px;
    float: left;
    margin-left: 10px;
    margin-top: 0px;
}

.dd-menu ul {
    z-index: 2222;
    text-align: left;
    display: inline;
    margin: 0;
    list-style: none;
    padding: 0;
}

.dd-menu ul li {
    color: #878787;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    position: relative;
    padding: 6px 6px 6px 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.dd-menu ul li:hover {
    color: #7a9e1a;
}

.dd-menu ul li ul {
    color: #878787;
    border: 2px #999 solid;
    background: #e6e6e6;
    border-radius: 10px;
    border-top-right-radius: 0px;
    padding: 10px 0px 5px 0px;
    position: absolute;
    top: 21px;
    right: 1px;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.dd-menu ul li ul li a {
    color: #7a9e1a;
}

.dd-menu ul li ul li {
    color: #7a9e1a;
    background: #e6e6e6;
    display: block;
    padding: 0px 2px 4px 2px;
    border-radius: 0;
}

.dd-menu ul li ul li:hover {
    text-decoration: underline;
}

.dd-menu ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

.companyfield {
    position: absolute;
    float: right;
    right: 0px;
}

.company-menu-icon {
    background-image: url(../images/menu.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 0px 0px 12px 12px;
    display: inline;
}

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

.html5dragarea {
    display: none;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    margin: 10px;
    color: #777;
    border: 2px dashed #777;
    border-radius: 7px;
    cursor: default;
}

.html5dragarea.active {
    color: blue;
    border-color: blue;
    border-style: solid;
    box-shadow: inset 0 3px 4px #888;
}

.html5progress p {
    display: block;
    padding: 2px 5px;
    margin: 0 0 2 0;
    border: 1px inset #446;
    border-radius: 5px;
}

.html5progress p.success {
    background: #B3EEA7;
}

.html5progress p.failure {
    background: #EEA7A7;
}

legend {
    border-bottom: none !important;
    width: auto !important;
}