/* Allgemeine HTML-Tag-Formatierungen*/

body {
    background-image: url(images/bg_metal.jpg);
    background-position: top left;
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    height:auto;
    max-height: 100px;
}


body, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

hr {
    background-color: #333333;
    border: 0px;
    color: #333333;
    height: 1px;
}

form { 
    margin: 0px; 
}

input, button, select, textarea {
    border: solid 0px #333333;
    color: #4f0606;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

input[type="text"], textarea { width: 100px; }

input[type="button"], input[type="submit"], button, input.button {
    background-image: url(images/tabs.png);
    background-position: top center;
    background-repeat: no-repeat;
    border: 0px;
    color: #DDDDDD;
    font-weight: 700;
    margin: 0px;
    padding: 3px 4px 3px 4px;
}
.FindStreetName{
    width:165px !important;
}
span.FindSelect select{
    width: 209px;
}
select { 
    width: 205px; 
}

input[type="checkbox"], input[type="radio"] {
    background: transparent;
    border: 0;
    margin: 0;
    vertical-align: bottom;
    width: 20px;
}

#main {
    margin: auto;
    text-align: left;
    width: 100%;
}

#header {
    background-image: url(images/header_stripe.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: 71px;
    width: 1280px;
    left: 0px;
    position: relative;
    top: 0px;
}

#header_image {
    background-image: url(images/header_tms.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 71px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 1280px;
    z-index: 100;
}

#header_navi {
    font-size: 10px;
    left: 0px;
    padding: 2px 0px 0px 0px;
    position: relative;
    text-align: right;
    top: -71px;
    width: 1020px;
    z-index: 200;
}

#content {
    margin-left: 20px;
    margin-top: 25px;
    width: 980px;
}

/* Register */

div.tabs {
    border-bottom: 2px solid #333333;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    width: 100%;
}

div.tabs ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 5px 5px 0 10px;
}

div.tabs li {
    display: inline;
    float: left;
    margin: 0px 2px 0px 0px;
    padding: 0;
}

div.tabs a {
    background-image: url(images/tabs.png);
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

div.tabs a span {
    background-image: url(images/tabs.png);
    background-position: right top;
    background-repeat: no-repeat;
    color: #DDDDDD;
    display: block;
    float: left;
    padding: 3px 8px 3px 3px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

div.tabs a span { float: none; }

/* End IE5-Mac hack */

div.tabs a:hover span { color: #FFFFFF; }

div.tabs .current a span { color: #FFFFFF; }

#create {
    border-bottom: solid 1px #000000;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 5px;
    width: 190px;
}

.main {
    vertical-align: top;
    width: 100%;
}

/* Titel-Container mit Icon */

#title {
    background-image: url(images/bg_grau_50.png);
    background-position: left top;
    background-repeat: repeat;
    border-bottom: solid 1px #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 38px;
    padding: 4px;
}

#title h2 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin: 0px;
}

#title h3 {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    margin: 0px;
}

#title h3 a {
    color: #FFFFFF;
    text-decoration: underline;
}

#title_img {
    background-image: url(images/spacer.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 32px;
    margin-right: 4px;
    width: 32px;
}

/* Bearbeitungsleiste */

.edit {
    background-image: url(images/bg_grau_50.png);
    background-position: left top;
    background-repeat: repeat;
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
    color: #FFFFFF;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
}

/* Detail-Container */

.detail {
    clear: both;
    font-size: 11px;
}

.detailLabelColumn {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: text-top;
    width: 50%;
}

.detailLabelColumn10 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 10%;
}

.detailLabelColumn15 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 15%;
}

.detailLabelColumn17 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 17%;
}

.detailLabelColumn20 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 20%;
}

.detailLabelColumn25 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 25%;
}

.detailLabelColumn40 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 40%;
}

.detailLabelColumn45 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    width: 45%;
}

.detailValueColumn {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: text-top;
    width: 50%;
}

.detailValueColumn100 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: text-top;
    width: 100%;
}

.detailValueColumn10 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 10%;
}

.detailValueColumn15 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 15%;
}

.detailValueColumn20 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 20%;
}

.detailValueColumn25 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 25%;
}

.detailValueColumn35 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 35%;
}

.detailValueColumn40 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 40%;
}

.detailValueColumn45 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 45%;
}

.detailValueColumn50 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.detailValueColumnStatistics {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    width: 50%;
}

.detailValueColumnControls {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    overflow: hidden;
    text-align: left;
}

.detailValueColumnMessageBox {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    overflow: hidden;
    text-align: left;
    width: 230px;
}

.detailValueColumn75 {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-align: left;
    vertical-align: text-top;
    width: 75%;
}

.fieldRequired {
    border-left: solid 2px #9C1E3D;
    padding-left: 2px;
}

.fieldNotRequired {
    border-left: solid 2px #FFFFFF;
    padding-left: 2px;
}

.subitem {
    background-image: url(images/bg_weiss_25.png);
    background-position: right top;
    background-repeat: repeat;
}

/* Tabellenzeilen-Hervorhebung */

/*.row_mouseover td {
    background-image: url(images/bg_weiss_50.png);
    background-position: left top;
    background-repeat: repeat;
}

.row_mouseout td { }*/

/* Legende */

.legend td {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-size: 9px;
}

/* Mitteilungscontainer */

.msg {
    font-size: 11px;
    margin: 10px;
    padding: 10px;
    width: 500px;
}

.msg .msg_text {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 42px;
}

.msg h1 {
    font-size: 12px;
    margin: 0px;
}

.msg_error, .msg_stop, .msg_restricted {
    background-image: url(images/bg_paytecrot_50.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #9C1E3D;
    color: #FFFFFF;
    font-size: 11px;
}

.msg_error h1, .msg_stop h1, .msg_restricted h1 { color: #FFFFFF; }

.msg_error .msg_text {
    background-image: url(icons/32/icon_error.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.msg_stop .msg_text {
    background-image: url(icons/32/icon_stop.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.msg_restricted .msg_text {
    background-image: url(icons/32/icon_restricted.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.msg_warning {
    background-image: url(images/bg_gelb_50.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #E6DE19;
}

.msg_warning .msg_text {
    background-image: url(icons/32/icon_warning.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.msg_help, .msg_info {
    background-image: url(images/bg_blau_50.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #1B649B;
}

.msg_help .msg_text {
    background-image: url(icons/32/icon_help.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.msg_info .msg_text {
    background-image: url(icons/32/icon_information.png);
    background-position: left top;
    background-repeat: no-repeat;
}

/* Allgemeine Klassen (Breiten-,Ausrichtungs- und Grössen-Formatierungen) */

.w50 { width: 50px; }

.w100 { width: 100px; }

.w150 { width: 150px; }

.w25p { width: 25%; }

.w50p { width: 50%; }

.w75p { width: 75%; }

.w100p { width: 100%; }

.right { text-align: right; }

.small { font-size: 10px; }

/* Hint */

.hint_title {
    font-weight: bold;
    vertical-align: middle;
}

/* Text (Überschriften, etc.) */

h1 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.0em;
    margin: 0px;
    padding: 0px;
}

h2 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h3 {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h4 {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

p {
    font-size: 11px;
    line-height: 1.3em;
    margin: 0px;
    margin-bottom: 1.0em;
    padding: 0px;
}

a:link, a:visited, a:hover, a:active {
    color: #9C1E3D;
    font-weight: bold;
    text-decoration: underline;
}

.differentClientTheme {
    background-color: #894a5a;
}

.itemRowStyle { 
    background-color: transparent; 
}

.alternatingItemRowStyle { 
    background-color: transparent; 
}

.headerFieldStyle {
    background-image: url(images/bg_weiss_50.png);
    background-position: left top;
    background-repeat: repeat;
    text-align: left;
}

.itemFieldStyle {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
}

.itemFieldStyleMarked {
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    background-color: yellow;
}

/* Detail Table Style */

.detailTable {
    border-style: hidden;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
}

.detailRow { 
    vertical-align: top; 
}

.detailAltRow {
    background-color: #eeeeee;
    vertical-align: top;
}

.detailSpacerColumn { width: 20px; }

/* Control Styles */
.eventLogData {
    word-break: break-word;
    overflow-wrap: break-word;
}

input.textBox, .textBox {
    background-color: #FFFFFF;
    width: 200px;
}

.textBoxAfterEdit{
    white-space: pre-line;
    word-break: break-word;
    overflow-wrap: break-word;
}

.ecrText textarea{
    width: 70%;
}

input.integerBox, .integerBox {
    background-color: #FFFFFF;
    width: 100px;
}

input.dateTimeBox, .dateTimeBox {
    background-color: #FFFFFF;
    width: 100px;
}

input.hourMinuteBox, .hourMinuteBox {
    background-color: #FFFFFF;
    width: 20px;
}

option { 
    background-color: #FFFFFF; 
}

/* Bereich Reiter Hintergrund-Farbe */

div.tabs .tabs_login a:hover, div.tabs .current .tabs_login a,
div.tabs .tabs_0 a:hover, div.tabs .current .tabs_0 a,
.area_login div.tabs a:hover, .area_login div.tabs .current a { background-position: left -40px; }

div.tabs .tabs_login a:hover span, div.tabs .current .tabs_login a span,
div.tabs .tabs_0 a:hover span, div.tabs .current .tabs_0 a span,
.area_login div.tabs a:hover span, .area_login div.tabs .current a span { background-position: right -40px; }

div.tabs .tabs_service a:hover, div.tabs .current .tabs_service a,
div.tabs .tabs_1 a:hover, div.tabs .current .tabs_1 a,
.area_service div.tabs a:hover, .area_service div.tabs .current a { background-position: left -80px; }

div.tabs .tabs_service a:hover span, div.tabs .current .tabs_service a span,
div.tabs .tabs_1 a:hover span, div.tabs .current .tabs_1 a span,
.area_service div.tabs a:hover span, .area_service div.tabs .current a span { background-position: right -80px; }

div.tabs .tabs_search a:hover, div.tabs .current .tabs_search a,
div.tabs .tabs_2 a:hover, div.tabs .current .tabs_2 a,
.area_search div.tabs a:hover, .area_search div.tabs .current a { background-position: left -120px; }

div.tabs .tabs_search a:hover span, div.tabs .current .tabs_search a span,
div.tabs .tabs_2 a:hover span, div.tabs .current .tabs_2 a span,
.area_search div.tabs a:hover span, .area_search div.tabs .current a span { background-position: right -120px; }

div.tabs .tabs_client a:hover, div.tabs .current .tabs_client a,
div.tabs .tabs_3 a:hover, div.tabs .current .tabs_3 a,
.area_client div.tabs a:hover, .area_client div.tabs .current a { background-position: left -160px; }

div.tabs .tabs_client a:hover span, div.tabs .current .tabs_client a span,
div.tabs .tabs_3 a:hover span, div.tabs .current .tabs_3 a span,
.area_client div.tabs a:hover span, .area_client div.tabs .current a span { background-position: right -160px; }

div.tabs .tabs_task a:hover, div.tabs .current .tabs_task a,
div.tabs .tabs_4 a:hover, div.tabs .current .tabs_4 a,
.area_task div.tabs a:hover, .area_task div.tabs .current a { background-position: left -200px; }

div.tabs .tabs_task a:hover span, div.tabs .current .tabs_task a span,
div.tabs .tabs_4 a:hover span, div.tabs .current .tabs_4 a span,
.area_task div.tabs a:hover span, .area_task div.tabs .current a span { background-position: right -200px; }

div.tabs .tabs_key a:hover, div.tabs .current .tabs_key a,
div.tabs .tabs_5 a:hover, div.tabs .current .tabs_5 a,
.area_key div.tabs a:hover, .area_key div.tabs .current a { background-position: left -240px; }

div.tabs .tabs_key a:hover span, div.tabs .current .tabs_key a span,
div.tabs .tabs_5 a:hover span, div.tabs .current.tabs_5 a span,
.area_key div.tabs a:hover span, .area_key div.tabs .current a span { background-position: right -240px; }

div.tabs .tabs_software a:hover, div.tabs .current .tabs_software a,
div.tabs .tabs_6 a:hover, div.tabs .current .tabs_6 a,
.area_software div.tabs a:hover, .area_software div.tabs .current a { background-position: left -280px; }

div.tabs .tabs_software a:hover span, div.tabs .current .tabs_software a span,
div.tabs .tabs_6 a:hover span, div.tabs .current .tabs_6 a span,
.area_software div.tabs a:hover span, .area_software div.tabs .current a span { background-position: right -280px; }

div.tabs .tabs_tools a:hover, div.tabs .current .tabs_tools a,
div.tabs .tabs_7 a:hover, div.tabs .current .tabs_7 a,
.area_tools div.tabs a:hover, .area_tools div.tabs .current a { background-position: left -320px; }

div.tabs .tabs_tools a:hover span, div.tabs .current .tabs_tools a span,
div.tabs .tabs_7 a:hover span, div.tabs .current .tabs_7 a span,
.area_tools div.tabs a:hover span, .area_tools div.tabs .current a span { background-position: right -320px; }

div.tabs .tabs_export a:hover, div.tabs .current .tabs_export a,
div.tabs .tabs_8 a:hover, div.tabs .current .tabs_8 a,
.area_export div.tabs a:hover, .area_export div.tabs .current a { background-position: left -360px; }

div.tabs .tabs_export a:hover span, div.tabs .current .tabs_export a span,
div.tabs .tabs_8 a:hover span, div.tabs .current .tabs_8 a span,
.area_export div.tabs a:hover span, .area_export div.tabs .current a span { background-position: right -360px; }

div.tabs .tabs_customer a:hover, div.tabs .current .tabs_customer a,
div.tabs .tabs_9 a:hover, div.tabs .current .tabs_9 a,
.area_customer div.tabs a:hover, .area_customer div.tabs .current a { background-position: left -400px; }

div.tabs .tabs_customer a:hover span, div.tabs .current .tabs_customer a span,
div.tabs .tabs_9 a:hover span, div.tabs .current .tabs_9 a span,
.area_customer div.tabs a:hover span, .area_customer div.tabs .current a span { background-position: right -400px; }

div.tabs .tabs_eventlog a:hover, div.tabs .current .tabs_eventlog a,
div.tabs .tabs_10 a:hover, div.tabs .current .tabs_10 a,
.area_eventlog div.tabs a:hover, .area_eventlog div.tabs .current a { background-position: left -440px; }

div.tabs .tabs_eventlog a:hover span, div.tabs .current .tabs_eventlog a span,
div.tabs .tabs_10 a:hover span, div.tabs .current .tabs_10 a span,
.area_eventlog div.tabs a:hover span, .area_eventlog div.tabs .current a span { background-position: right -440px; }

div.tabs .tabs_user a:hover, div.tabs .current .tabs_user a,
div.tabs .tabs_11 a:hover, div.tabs .current .tabs_11 a,
.area_user div.tabs a:hover, .area_user div.tabs .current a { background-position: left -480px; }

div.tabs .tabs_user a:hover span, div.tabs .current .tabs_user a span,
div.tabs .tabs_11 a:hover span, div.tabs .current .tabs_11 a span,
.area_user div.tabs a:hover span, .area_user div.tabs .current a span { background-position: right -480px; }

div.tabs .tabs_shipping a:hover, div.tabs .current .tabs_shipping a,
div.tabs .tabs_13 a:hover, div.tabs .current .tabs_13 a,
.area_shipping div.tabs a:hover, .area_shipping div.tabs .current a { background-position: left -360px; }

div.tabs .tabs_shipping a:hover span, div.tabs .current .tabs_shipping a span,
div.tabs .tabs_13 a:hover span, div.tabs .current .tabs_13 a span,
.area_shipping div.tabs a:hover span, .area_shipping div.tabs .current a span { background-position: right -360px; }

div.tabs .tabs_rollout a:hover, div.tabs .current .tabs_rollout a,
div.tabs .tabs_14 a:hover, div.tabs .current .tabs_14 a,
.area_rollout div.tabs a:hover, .area_rollout div.tabs .current a { background-position: left -520px; }

div.tabs .tabs_rollout a:hover span, div.tabs .current .tabs_rollout a span,
div.tabs .tabs_14 a:hover span, div.tabs .current .tabs_14 a span,
.area_rollout div.tabs a:hover span, .area_rollout div.tabs .current a span { background-position: right -520px; }

div.tabs .tabs_monitoring a:hover, div.tabs .current .tabs_monitoring a,
div.tabs .tabs_14 a:hover, div.tabs .current .tabs_14 a,
.area_monitoring div.tabs a:hover, .area_monitoring div.tabs .current a { background-position: right -80px; }

div.tabs .tabs_monitoring a:hover span, div.tabs .current .tabs_monitoring a span,
div.tabs .tabs_14 a:hover span, div.tabs .current .tabs_14 a span,
.area_monitoring div.tabs a:hover span, .area_monitoring div.tabs .current a span { background-position: right -80px; }

div.tabs .tabs_brandmgmt a:hover, div.tabs .current .tabs_brandmgmt a,
div.tabs .tabs_14 a:hover, div.tabs .current .tabs_14 a,
.area_brandmgmt div.tabs a:hover, .area_brandmgmt div.tabs .current a { background-position: right -200px; }

div.tabs .tabs_brandmgmt a:hover span, div.tabs .current .tabs_brandmgmt a span,
div.tabs .tabs_14 a:hover span, div.tabs .current .tabs_14 a span,
.area_brandmgmt div.tabs a:hover span, .area_brandmgmt div.tabs .current a span { background-position: right -200px; }

/* Bereich Hintergrund-Farbe */

.area_login #title, .area_login .edit, div.box_login .edit { background-image: url(images/bg_paytecrot_50.png); }

.area_service #title, .area_service .edit, div.box_service .edit { background-image: url(images/bg_gelb_50.png); }

.area_search #title, .area_search .edit, div.box_search .edit { background-image: url(images/bg_dotter_50.png); }

.area_client #title, .area_client .edit, div.box_client .edit { background-image: url(images/bg_orange_50.png); }

.area_task #title, .area_task .edit, div.box_task .edit { background-image: url(images/bg_rot_50.png); }

.area_key #title, .area_key .edit, div.box_key .edit { background-image: url(images/bg_magenta_50.png); }

.area_software #title, .area_software .edit, div.box_software .edit { background-image: url(images/bg_lila_50.png); }

.area_tools #title, .area_tools .edit, div.box_tools .edit { background-image: url(images/bg_violett_50.png); }

.area_export #title, .area_export .edit, div.box_export .edit { background-image: url(images/bg_blau_50.png); }

.area_customer #title, .area_customer .edit, div.box_customer .edit { background-image: url(images/bg_cyan_50.png); }

.area_eventlog #title, .area_eventlog .edit, div.box_eventlog .edit { background-image: url(images/bg_tuerkis_50.png); }

.area_user #title, .area_user .edit, div.box_user .edit { background-image: url(images/bg_gruen_50.png); }

.area_shipping #title, .area_shipping .edit, div.box_shipping .edit { background-image: url(images/bg_blau_50.png); }

.area_rollout #title, .area_rollout .edit, div.box_rollout .edit { background-image: url(images/bg_lind_50.png); }

.area_monitoring #title, .area_monitoring .edit, div.box_monitoring .edit { background-image: url(images/bg_gelb_50.png); }

.area_brandmgmt #title, .area_brandmgmt .edit, div.box_brandmgmt .edit { background-image: url(images/bg_rot_50.png); }

/* Bereich Icons */

.area_login #title_img { background-image: url(icons/32/icon_login.png); }

.area_service #title_img { background-image: url(icons/32/icon_service.png); }

.area_search #title_img { background-image: url(icons/32/icon_search.png); }

.area_client #title_img { background-image: url(icons/32/icon_client.png); }

.area_task #title_img { background-image: url(icons/32/icon_task.png); }

.area_key #title_img { background-image: url(icons/32/icon_key.png); }

.area_software #title_img { background-image: url(icons/32/icon_software.png); }

.area_tools #title_img { background-image: url(icons/32/icon_tools.png); }

.area_export #title_img { background-image: url(icons/32/icon_export.png); }

.area_customer #title_img { background-image: url(icons/32/icon_customer.png); }

.area_eventlog #title_img { background-image: url(icons/32/icon_eventlog.png); }

.area_user #title_img { background-image: url(icons/32/icon_user.png); }

.area_shipping #title_img { background-image: url(icons/32/icon_shipping.png); }

.area_rollout #title_img { background-image: url(icons/32/icon_rollout.png); }

.area_monitoring #title_img { background-image: url(icons/32/icon_monitoring.png); }

.area_brandmgmt #title_img { background-image: url(icons/32/icon_brandmgmt.png); }

/* Kalender */

.MyCalendar .ajax__calendar_container {
    background-image: url(images/bg_weiss_75.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #000000;
    color: #000000;
}

.MyCalendar .ajax__calendar_hover, .MyCalendar .ajax__calendar_active {
    background-image: url(images/bg_paytecrot_25.png);
    background-position: left top;
    background-repeat: repeat;
    font-weight: bold;
    text-decoration: underline;
}

/* Top-Navi DropDown */

.ContextMenuLabel {
    font-size: 10px;
    font-weight: bold;
}

.ContextMenuPanel {
    background-color: #EEEEEE;
    border: solid 1px #000000;
    cursor: default;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 1px 0px 1px;
    text-align: left;
    z-index: 1000;
}

.ContextMenuBreak {
    border-top: solid 1px #000000;
    display: block;
    height: 1px;
    margin: 1px 1px 1px 32px;
    overflow: hidden;
    padding: 0;
    text-align: left;
}

a.ContextMenuItem {
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 10px;
    margin: 1px 0 1px 0;
    padding: 2px 19px 2px 33px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

a.ContextMenuItem-Selected {
    font-weight: bold;
    text-align: left;
}

a.ContextMenuItem:hover {
    background-image: url(images/bg_paytecrot_50.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #9C1E3D;
    color: #FFFFFF;
    font-size: 10px;
    padding: 1px 18px 1px 32px;
    text-align: left;
}

/* Quickmenu */

.quickmenu {
    background-image: url(images/bg_weiss_75.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #999999;
    display: block;
    padding: 0px;
    position: absolute;
    width: 200px;
}

.quickmenu_head {
    background-image: url(images/tabs_horizontal.png);
    background-position: left top;
    background-repeat: repeat-x;
    color: #DDDDDD;
    cursor: move;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 3px 3px 3px;
    z-index: 20;
}

.quickmenu_body {
    clear: both;
    color: #000000;
    font-size: 10px;
    padding: 0px;
}

.quickmenu_body_1 {
    display: block;
    height: 400px;
    overflow: auto;
    padding: 4px;
}

.quickmenu_searchfield {
    background-color: #FFFFFF;
    border: solid 1px #333333;
    margin: 1px 0px;
}

.quickmenu_searchfield input[type="text"] {
    font-size: 11px;
    height: 16px;
    padding: 2px 1px 1px 2px;
    width: 145px;
}

.quickmenu_searchfield input[type="image"] { margin: 2px; }

.quickmenu_label {
    color: #000000;
    display: block;
    font-size: 10px;
    font-weight: bold;
}

.quickmenu_label input[type="image"] { 
    margin: 1px 10px 1px 1px; 
}

.quickmenu_panel {
    background-color: #FAFAFA;
    background-image: url(images/quickbar_bg.gif);
    background-position: left top;
    background-repeat: repeat-y;
    border: solid 1px #333333;
    cursor: default;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 1px 0px 1px;
    text-align: left;
    z-index: 1000;
}

a.quickmenu_item {
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 10px;
    margin: 1px 0 1px 0;
    padding: 2px 19px 2px 3px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

a.quickmenu_item-Selected {
    font-weight: bold;
    text-align: left;
}

a.quickmenu_item:hover {
    background-image: url(images/bg_paytecrot_50.png);
    background-position: left top;
    background-repeat: repeat;
    border: solid 1px #9C1E3D;
    color: #FFFFFF;
    font-size: 10px;
    padding: 1px 18px 1px 2px;
    text-align: left;
}

.quickmenu_image { 
    margin: 0px 10px 0px 0px; 
}

.redBorder  {
    border-style : solid;
    border-width : 1.5px;
    border-color : Red;
}

.entityValue
{
    font-weight: normal;
}

.detailXml {
    font-weight: normal;
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    vertical-align: text-top;
    padding: 5px;
}

.bigLink {
    font-size: 14px;
    padding: 2px;
    background-image: url(images/bg_weiss_25.png);
    background-position: left top;
    background-repeat: repeat;
    margin-bottom: 5px;
}
.selectOptionSelected {
    color: #1967D2;
}
.lblClientClass {
    overflow: auto;
}