/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Elements */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-11-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Fontstacks */
/* -------------------------------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'FrutigerRegularCondensed';
    src: url(//:) format('no404'), url(type/pb_medium_cnd-webfont.woff) format('woff'), url(type/pb_medium_cnd-webfont.ttf) format('truetype'), url(type/pb_medium_cnd-webfont.svg#webfontLjSVHaxS) format('svg');
    font-weight: normal;
    font-style: normal;
}

body, button, input, textarea, select {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/* hier alle frutiger-abhängigkeiten einfügen .page-title */
.fontface h1,
.fontface #nav ul li a,
.fontface .message-hd h3,
.fontface .teaser h3,
.fontface .content-title h1,
.fontface .topic-hd h2 {
    font-family: 'FrutigerRegularCondensed', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.fontface .content-title h2 {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

code, kbd, samp, var, pre {
    font-family: 'Andale Mono', 'Lucida Console', Monaco, monospace;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Sections */
/* -------------------------------------------------------------------------------------------------------------------------- */
html, body {
    height: 100%;
}

body {
    background-color: #EFF4FA;
    font-size: 12px;
    line-height: 16px;
    color: #4C4C4C;
    margin: 0;
}

section, .section {
    display: block;
}

nav, .nav {
    display: block;
}

nav ul, .nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

article, .article {
    display: block;
}

aside, .aside {
    display: block;
}

.no-js #aside .state-closed {
    display: none;
}

.no-js-important {
    display: block !important;
}

h1 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 16px;
}

.no-fontface h1 {
    letter-spacing: -1px;
}

h2 {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 24px;
}

h3 {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 24px;
}

h4 {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 16px;
}

h5, h6 {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 16px;
}

hgroup, .hgroup {
    display: block;
}

header, .header {
    display: block;
}

table .header {
    display: table-cell;
}

footer, .footer {
    display: block;
}

address {
    margin: 0 0 16px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Grouping Content */
/* -------------------------------------------------------------------------------------------------------------------------- */
pre {
    margin: 0 0 16px;
}

blockquote {
    margin: 0 20px 16px 20px;
}

hr {
    height: 1px;
    margin: -1px 0 16px;
    border: 0;
    background-color: #CFD5DA;
    color: #CFD5DA;
}

p {
    margin: 0 0 16px;
}

form p.margin-bottom {
    margin-bottom: 16px;
}

ol,
ul {
    margin: 0 0 16px;
}

ol ol,
ol ul,
ul ul,
ul ol {
    margin: 0;
}

ol {
    list-style-type: decimal;
    text-indent: -5px;
    padding: 0 0 0 25px;
}

ol ol {
    padding: 0 0 0 20px;
}

ol li {
    margin-bottom: 8px;
}

ul {
    list-style-type: disc; /* circle */
    padding: 0 0 0 20px;
}

dl {
    margin: 0 0 16px;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0;
}

.dlist dl:after {
    display: block;
    height: 0px;
    visibility: hidden;
    clear: left;
    content: " ";
}

.dlist dl dt,
.dlist dl dt.first-child,
.dlist dl dt.last-child {
    text-align: left;
    width: 49%;
    float: left;
    clear: both;
}

.dlist dl dd {
    text-align: left;
    width: 49%;
    float: left;
}

.dlist.dl-flush dl dt {
    width: auto;
}

.dlist.dl-flush dl dd {
    text-align: right;
    width: auto;
    float: right;
    font-weight: normal;
}

.dlist.dl-30-70 dl dt {
    width: 29%;
}

.dlist.dl-30-70 dl dd {
    width: 69%;
}

.dlist.dl-40-60 dl dt {
    width: 39%;
}

.dlist.dl-40-60 dl dd {
    width: 59%;
}

.dlist.dl-50-50 dl dt {
    width: 49%;
}

.dlist.dl-50-50 dl dd {
    width: 49%;
}

.dlist.dl-60-40 dl dt {
    width: 59%;
}

.dlist.dl-60-40 dl dd {
    width: 39%;
}

.dlist.dl-70-30 dl dt {
    width: 69%;
}

.dlist.dl-70-30 dl dd {
    width: 29%;
}

.dlist.dl-compact dt,
.dlist.dl-compact dd {
    width: auto;
}

.dlist.dl-compact dt {
    margin-right: 5px;
}

.dlist.dl-compact dd {
    float: none;
}

figure, .figure {
    display: block;
}

figcaption, .figcaption {
    display: block;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Text-Level Semantics */
/* -------------------------------------------------------------------------------------------------------------------------- */
a:link,
a:visited {
    color: #000066;
    text-decoration: none;
}

a:hover,
a:active {
    color: #1F46B5;
}

/* ease | linear | ease-in | ease-out | ease-in-out */
.csstransition a:hover {
    -webkit-transition-property: background-color, color, left;
    -webkit-transition-duration: 0.5s;
    -moz-transition: .5s ease;
}

small {
    font-size: 11px;
    line-height: 15px;
}

span.em {
    font-style: italic;
}

span.emPadding {
    font-style: italic;
    padding-right: 3px;
}

abbr {
    cursor: help;
    border: 0;
}

samp {
    line-height: 15px;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Edits */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Embedded content */
/* -------------------------------------------------------------------------------------------------------------------------- */
canvas {
    display: block;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Tables */
/* -------------------------------------------------------------------------------------------------------------------------- */
table {
    width: 100%;
    margin: 0 0 16px;
    border-collapse: separate;
    border-spacing: 0;
}

caption {
    display: none;
}

th, td {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 400;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Forms */
/* -------------------------------------------------------------------------------------------------------------------------- */
form {
    outline: none
}

fieldset {
    margin: 0 0 8px 0;
    padding: 0;
    border: none;
}

.AzvFreigeben fieldset,
.AzvQuittieren fieldset {
    margin-bottom: 0;
}

.receipt.final-fieldset-missing .receipt-bd {
    margin-bottom: 16px;
}

legend {
    padding: 0;
    position: absolute;
    left: -9999px;
    top: auto;
    z-index: -1;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: none;
    zoom: 1;
}

label, .dkw-process .field-legend h3 {
    font-weight: 700;
    font-size: 13px;
    color: #919191;
}

.dkw-process .field-legend h3 {
    margin-bottom: 0;
}

label b {
    font-weight: inherit
}

label abbr {
    cursor: pointer;
}

select {
    font-size: 12px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

textarea {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Input types */
/* -------------------------------------------------------------------------------------------------------------------------- */
input {
    margin: 0;
    padding: 0;
}

input,
button {
    font-weight: 700;
    font-size: 13px;
}

input {
    vertical-align: middle;
}

input[type='checkbox'] {
    vertical-align: text-bottom;
}

input[type='radio'] {
    vertical-align: text-bottom;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Input Element Attributes */
/* -------------------------------------------------------------------------------------------------------------------------- */
:-moz-placeholder {
    color: #4C4C4C;
}

::-webkit-input-placeholder {
    color: #4C4C4C;
}

.attr-placeholder {
    color: #4C4C4C !important;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Interactive Elements */
/* -------------------------------------------------------------------------------------------------------------------------- */
details {
    display: block;
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Utilities */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-12-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
.empty-ctr {
    visibility: hidden;
}

/* @group Accessibility */
/* -------------------------------------------------------------------------------------------------------------------------- */
.skip, .aux, .offscreen {
    position: absolute;
    left: -9999px;
    top: auto;
    z-index: -1;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.state-hidden {
    display: none;
}

.hidden-element {
    visibility: hidden;
}

td.headers-entry-note span.sale-hidden-entrynote {
    display: none;
}

td.headers-entry-note span.sale-visible-entrynote {
    display: block !important;
}

#printfooter {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group UI Date Picker */
/* -------------------------------------------------------------------------------------------------------------------------- */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

#ui-datepicker-div {
    width: 184px;
    padding: 6px;
    border: 1px solid #C4D1DD;
    background: #EEF4FA;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4c4c4c;
    -o-box-shadow: 0 0 20px #DCDDDE;
    -moz-box-shadow: 0px 0px 20px #DCDDDE;
    -webkit-box-shadow: 0 0 20px #DCDDDE;
    box-shadow: 0 0 20px #DCDDDE;
    z-index: 9999;
    display: none;
}

#ui-datepicker-div .ui-widget-header {
    background: none !important;
    border: none;
}

#ui-datepicker-div a.ui-state-hover {
    color: #fff;
    background: #2B0A7C;
}

#ui-datepicker-div .ui-datepicker-title {
    margin: 0px 0px 0px 5px;
    text-align: left;
}

#ui-datepicker-div .ui-datepicker-header {
    padding: 0px;
    color: #4c4c4c;
}

#ui-datepicker-div table.ui-datepicker-calendar {
    margin: 0px;
}

table.ui-datepicker-calendar thead th {
    font-weight: normal;
}

table.ui-datepicker-calendar tbody tr td {
    width: 22px;
    height: 22px;
    border: 1px solid #C4CFD8;
    padding: 0px;
}

table.ui-datepicker-calendar tbody tr td,
table.ui-datepicker-calendar tbody tr td a {
    text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody tr td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    line-height: 22px;
    font-size: 12px;
}

table.ui-datepicker-calendar tbody tr td a.ui-state-default {
    background: none;
    border: none;
    font-weight: bold;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-highlight,
#ui-datepicker-div table.ui-datepicker-calendar tbody tr td a.ui-state-active {
    background: #2B0A7C;
    color: #fff;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody tr td.ui-datepicker-today a.ui-state-highlight {
    background: #1F46B5;
}

table.ui-datepicker-calendar tbody td.ui-datepicker-other-month {
    font-weight: normal;
    color: #919191;
}

#ui-datepicker-div a.ui-datepicker-prev,
#ui-datepicker-div a.ui-datepicker-prev-hover {
    width: 8px;
    height: 6px;
    padding: 8px 2px 2px 2px;
    right: 22px;
    top: 0px;
    cursor: pointer;
}

#ui-datepicker-div a.ui-datepicker-next,
#ui-datepicker-div a.ui-datepicker-next-hover {
    width: 8px;
    height: 6px;
    padding: 8px 2px 2px 2px;
    right: 4px;
    top: 0px;
    cursor: pointer;
}

#ui-datepicker-div a.ui-datepicker-prev-hover,
#ui-datepicker-div a.ui-datepicker-next-hover {
    background: none;
    border: none;
}

#ui-datepicker-div a.ui-state-disabled {
    cursor: default;
}

#ui-datepicker-div span.ui-icon {
    width: 10px;
    height: 10px;
}

#ui-datepicker-div span.ui-icon-circle-triangle-w {
    position: static;
    left: 0px;
    top: 0px;
    margin: 0px;
    background: transparent url(image/calendar-prev-icon.png) 0 0 no-repeat;
    font-size: 0px;
}

#ui-datepicker-div span.ui-icon-circle-triangle-e {
    position: static;
    left: 0px;
    top: 0px;
    margin: 0px;
    background: transparent url(image/calendar-next-icon.png) 0 0 no-repeat;
    font-size: 0px;
}

.ui-datepicker .ui-datepicker-buttonpane {
    height: 0px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: none;
}

span.ui-datepicker-close {
    display: block;
    width: 17px;
    height: 16px;
    background: transparent url(image/calendar-close-icon.png) 0 0 no-repeat !important;
    border: none !important;
    position: absolute;
    right: -19px;
    top: 9px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group UI Daterange Picker */
/* -------------------------------------------------------------------------------------------------------------------------- */
.pb-datepicker .range-start .ui-widget-header,
.pb-datepicker .range-end .ui-widget-header {
    background: none !important;
    border: none;
}

table.ui-datepicker-calendar tbody tr td.ui-selected-range {
    border: 1px solid #1c1c77;
}

table.ui-datepicker-calendar tbody tr td.ui-selected-range-unselectable {
    border: 1px solid #4b62a2;
}

.pb-datepicker table.ui-datepicker-calendar tr td a.ui-state-hover {
    color: #fff;
    background: #2B0A7C;
}

.pb-datepicker .ui-datepicker-title {
    margin: 0px 0px 0px 5px;
    text-align: left;
}

.pb-datepicker .ui-datepicker-header {
    padding: 0px;
    color: #4c4c4c;
}

.pb-datepicker table.ui-datepicker-calendar {
    margin: 0px;
}

.pb-datepicker table.ui-datepicker-calendar tbody tr td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    line-height: 22px;
    font-size: 12px;
}

.pb-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-highlight,
.pb-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-active,
.pb-datepicker table.ui-datepicker-calendar tbody tr td.ui-selected-range,
.pb-datepicker table.ui-datepicker-calendar tbody tr td.ui-selected-range a {
    background: #2B0A7C;
    color: #fff;
}

.pb-datepicker table.ui-datepicker-calendar tbody tr td.ui-selected-range-unselectable,
.pb-datepicker table.ui-datepicker-calendar tbody tr td.ui-selected-range-unselectable a {
    color: #fff;
    background: #5268a6;
    opacity: 1.0;
}

.pb-datepicker a.ui-datepicker-prev,
.pb-datepicker a.ui-datepicker-prev-hover {
    width: 8px;
    height: 6px;
    padding: 8px 2px 2px 2px;
    right: 22px;
    top: 0px;
}

.pb-datepicker a.ui-datepicker-next,
.pb-datepicker a.ui-datepicker-next-hover {
    width: 8px;
    height: 6px;
    padding: 8px 2px 2px 2px;
    right: 4px;
    top: 0px;
}

.pb-datepicker a.ui-datepicker-prev-hover,
.pb-datepicker a.ui-datepicker-next-hover {
    background: none;
    border: none;
}

.pb-datepicker span.ui-icon-circle-triangle-w {
    position: static;
    left: 0px;
    top: 0px;
    margin: 0px;
    background: transparent url(image/calendar-prev-icon.png) 0 0 no-repeat;
    font-size: 0px;
}

.pb-datepicker span.ui-icon-circle-triangle-e {
    position: static;
    left: 0px;
    top: 0px;
    margin: 0px;
    background: transparent url(image/calendar-next-icon.png) 0 0 no-repeat;
    font-size: 0px;
}

.pb-datepicker {
    font-family: Arial !important;
}

.pb-datepicker .ui-daterangepicker {
    padding: 1px;
    background: #EEF4FA;
    border: 1px solid #C4D1DD;
    -o-box-shadow: 0 0 20px #DCDDDE;
    -moz-box-shadow: 0px 0px 20px #DCDDDE;
    -webkit-box-shadow: 0 0 20px #DCDDDE;
    box-shadow: 0 0 20px #DCDDDE;
}

.ui-daterangepickercontain {
    width: 385px;
}

.pb-datepicker .ui-datepicker-inline {
    width: 172px;
    background: #EEF4FA;
    border: none;
}

.pb-datepicker .ranges {
    background: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4c4c4c;
    padding: 0px;
    margin: 0px;
    border: none;
}

.pb-datepicker .ui-daterangepicker .range-start,
.pb-datepicker .ui-daterangepicker .range-end {
    width: 172px;
    padding: 6px;
    background: #EEF4FA;
    margin: 0px;
    overflow: hidden;
}

.pb-datepicker .ui-daterangepicker .range-start {
    padding-right: 14px;
}

.pb-datepicker span.title-start,
.pb-datepicker span.title-end {
    display: none;
}

.pb-datepicker table.ui-datepicker-calendar tr td a {
    color: #4c4c4c;
}

.ui-daterangepickercontain {
    position: absolute;
    z-index: 999;
}

.ui-daterangepickercontain .ui-daterangepicker {
    float: left;
    width: auto;
    display: inline;
    background-image: none !important;
    clear: left;
}

.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
    float: left;
    padding: 0;
    margin: 0;
}

.ui-daterangepicker .ranges {
    width: auto;
    position: relative;
    padding: 5px 5px 0px 0;
}

.ui-daterangepicker button.btnDone {
    margin: 0 5px 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    clear: both;
    cursor: pointer;
    font-size: 1.1em;
}

.ui-daterangepicker ul {
    width: 17.6em;
    background: none;
    border: 0;
}

.ui-daterangepicker li {
    list-style: none;
    padding: 1px;
    cursor: pointer;
    margin: 1px 0;
}

.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {
    padding: 0;
}

.ui-daterangepicker li.preset_0 {
    margin-top: 1.5em !important;
}

.ui-daterangepicker .ui-widget-content a {
    text-decoration: none !important;
}

.ui-daterangepicker li a {
    font-weight: normal;
    margin: .3em .5em;
    display: block;
}

.ui-daterangepicker li span {
    float: right;
    margin: .3em .2em;
}

.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
    display: block;
    margin: 0 0 .2em;
    font-size: 1em;
    padding: 0 4px 2px;
}

.ui-daterangepicker .ui-datepicker-inline {
    font-size: 1em;
}

.ui-daterangepicker-arrows {
    width: 204px;
    position: relative;
}

.ui-daterangepicker-arrows input.ui-rangepicker-input {
    width: 175px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
    position: absolute;
    top: 2px;
    padding: 1px;
    display: none;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev {
    left: 2px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-next {
    right: 2px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus,
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
    padding: 0;
}

ul.ui-widget-content {
    display: none;
    overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Regions */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-12-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Page Setup */
/* -------------------------------------------------------------------------------------------------------------------------- */
#banking-postbank-de,
#header,
#footer {
    background-image: url(image/rgn-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -32px;
}

#footer {
    background-position: 0 0;
}

#banking-postbank-de {
    overflow-y: scroll;
}

#page {
    min-width: 980px;
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
    /*z-index: 10;*/
}

div[id='page'] {
    background-image: url(image/rgn-noise.png);
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: fixed;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Header */
/* -------------------------------------------------------------------------------------------------------------------------- */
#header {
    background-color: #FFCC00;
}

#header-cn {
    width: 980px;
    height: 72px;
    margin: 0 auto;
    overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Main
 * @note  416 - 152 = 264 / was 152 height of aside and footer 88+32 = 120 + 16 extra space */
#main {
    min-height: 264px;
    padding-bottom: 136px;
    position: relative;
    z-index: 2;
}

.id-umsatzanzeige #main {
    padding-bottom: 200px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
#nav {
    padding: 21px 0 28px 0;
    width: 980px;
    margin: 0 auto;
}

#nav-cn {
    width: 940px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Content */
/* -------------------------------------------------------------------------------------------------------------------------- */
#content-cn {
    width: 940px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Aside */
/* -------------------------------------------------------------------------------------------------------------------------- */
#aside {
    bottom: 30px;
    width: 100%;
    position: fixed;
    overflow: hidden;
}

#aside .aside-hd {
    width: 100%;
    height: 52px;
    background: transparent url(image/aside-shadow.png) 0 0 repeat-x;
    position: relative;
    z-index: 0;
}

#aside .aside-bd {
    position: relative;
    z-index: 3;
    min-height: 87px;
    background: #EEF4FF; /* Old browsers */
    background: -moz-linear-gradient(top, #EEF4FF 0%, #EBF2FD 50%, #EAF0FC 51%, #DFE7F5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEF4FF), color-stop(50%, #EBF2FD), color-stop(51%, #EAF0FC), color-stop(100%, #DFE7F5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EEF4FF 0%, #EBF2FD 50%, #EAF0FC 51%, #DFE7F5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EEF4FF 0%, #EBF2FD 50%, #EAF0FC 51%, #DFE7F5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #EEF4FF 0%, #EBF2FD 50%, #EAF0FC 51%, #DFE7F5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF4FF', endColorstr='#DFE7F5', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, #EEF4FF 0%, #EBF2FD 50%, #EAF0FC 51%, #DFE7F5 100%); /* W3C */
    float: left;
    width: 100%;
}

.id-umsatzanzeige #aside {
    position: absolute;
    bottom: 32px;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .sticky-footer #page #aside,
    #aside {
        position: static;
    !important;
    }

    .action-trigger-aside {
        display: none;
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    .sticky-footer #page #aside,
    #aside {
        position: static;
    !important;
    }

    .action-trigger-aside {
        display: none;
    }
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Footer */
/* -------------------------------------------------------------------------------------------------------------------------- */
#footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 4;
    background-color: #FFFFFF;
    min-width: 750px;
}

#footer-cn {
    padding: 0 11px;
}

.id-umsatzanzeige #footer {
    position: absolute;
    bottom: 0;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .sticky-footer #page #footer,
    #footer {
        position: static !important;
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    .sticky-footer #page #footer,
    #footer {
        position: static !important;
    }
}

.box
#footer-cn {
    width: 940px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
}

.action-trigger-aside {
    position: absolute;
    display: block;
    left: 0;
    top: -89px;
    width: 25px;
    height: 89px;
    background: #CCD8E5; /* old browsers */
    background: -moz-linear-gradient(left, #CCD8E5 0%, #CFDBE7 50%, #C1CFDE 100%); /* firefox */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #CCD8E5), color-stop(50%, #CFDBE7), color-stop(100%, #C1CFDE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCD8E5', endColorstr='#C1CFDE', GradientType=1); /* ie */
    background: -o-linear-gradient(left, #CCD8E5 0%, #CFDBE7 50%, #C1CFDE 100%); /* opera */
}

.action-trigger-aside .state-open {
    display: block;
    height: 100%;
    background: transparent url(image/aside-trigger-arrow.png) center center no-repeat;
}

.action-trigger-aside .state-closed {
    display: block;
    height: 100%;
    background: transparent url(image/aside-trigger-arrow-up.png) center center no-repeat;
}

.no-js .action-trigger-aside-closed {
    height: 25px;
    top: -25px;
}

.no-js .tpl-01 .action-trigger-aside {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Sticky Template
 * @note: if screen height is smaller than 480px */
/* -------------------------------------------------------------------------------------------------------------------------- */
.sticky-footer #page #aside {
    position: static;
}

.sticky-footer #page #footer {
    position: static;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Groupings */
/* if screen height is smaller than 480px */
/* -------------------------------------------------------------------------------------------------------------------------- */
#main-cn:after,
#nav-cn:after,
#content-cn:after,
#aside-cn:after,
#footer-cn:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Templates */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-11-12
** @note
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Login Template (tpl-01) */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* #content-cn { background: url(image/grid-980-typo.png) repeat-y 50% 0; } */
.tpl-01 #content {
    width: 980px;
    margin: 0 auto;
}

.tpl-01 #content-cn {
    width: 860px;
    margin: 0 auto;
    padding: 0 60px;
}

.tpl-01 #content-hd {
    margin: 0 0 32px 0;
}

.tpl-01 #content-cn {
    padding-top: 56px;
}

.tpl-01 .page-title {
    padding: 0;
}

.tpl-01 .page-title h1 {
    font-size: 27px;
    line-height: 32px;
    margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Content Template - One-Column (tpl-02) */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tpl-02 #content {
    width: 980px;
    margin: 0 auto;
}

.tpl-02 #content-cn {
    padding: 0 20px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Content Template - Two-Column */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tpl-03 #content {
    width: 980px;
    margin: 0 auto;
}

.tpl-03 #content-cn {
    padding: 0 20px;
    /*overflow: hidden;*/ /* AFTER */
    overflow: visible;
}

.tpl-03 #content-bd {
    width: 700px;
    float: right;
}

.tpl-03 #content-ft {
    width: 200px;
    margin-right: 40px;
    float: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Layer Template (tpl-04) */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tpl-04 #content-cn {
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.tpl-04 #content-bd {
    width: 900px;
    margin: 0 auto;
    padding: 0 40px;
}

.tpl-04 .content-title {
    padding: 24px 0 48px 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Layer Template w/ Tab-Panel (tpl-05) */
/* -------------------------------------------------------------------------------------------------------------------------- */

.tpl-05 #content-cn,
.tpl-06 #content-cn {

    position: relative;
    width: auto;
    margin: 0;
    padding: 0;
}

.tpl-05 .content-title {
    width: 916px;
    margin: 0 auto;
    padding: 24px 32px;
}

.tpl-05 .content-title h2 {
    max-width: 916px;
}

.tpl-06 .content-cnt-bd {
    border-top: 1px solid #fff;
    background-color: #EFF4FA;
}

.tpl-06 .cnt-panel {
    width: 980px;
    margin: 0 auto;
}

.tpl-06 .cnt-panel-cn {
    padding: 16px 20px;
}

.tpl-06 .cnt-panel-bd {
    padding: 0 20px;
}

.tpl-06 .content-title {
    width: 916px;
    margin: 0 auto;
    padding: 24px 32px;
}

.tpl-06 .content-cnt {
    background: #EFF4FA;
}

.tpl-06 .content-cnt .content-cnt-bd {
    margin: 0 auto;
    width: 980px;
}

.tpl-05,
.tpl-06 {
    background-image: none !important;
    background-color: #EFF4FA;
}

.tpl-05 #main-cn,
.tpl-06 #main-cn {
    background-image: url(image/rgn-sprite.png);
    background-position: 0 -104px;
}

.tpl-05 div[id='content'],
.tpl-06 div[id='content'] {
    background-image: url(image/rgn-noise.png);
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Header */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-12-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Branding */
/* -------------------------------------------------------------------------------------------------------------------------- */
#branding {
    width: 140px;
    padding: 15px 20px 20px;
    float: left;
    position: relative;
}

#branding img.logo {
    width: 145px;
    height: 40px;
    display: block;
    color: #000066;
    font-weight: 700;
    border: 0px;
}

#branding .header-images {
    width: 250px;
    position: absolute;
    left: 180px;
    top: 10px;
    overflow: hidden;
}

#branding .header-images img {
    float: left;
}

#branding img.demokonto {
    background: transparent url(../image/demokonto.png) no-repeat top left;
}

#branding img.beta {
    background: transparent url("../image/beta.png") no-repeat 0 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Login Info */
/* -------------------------------------------------------------------------------------------------------------------------- */
#login-information {
    width: 760px;
    float: right;
}

#login-information ul {
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    float: right;
}

#login-information li {
    float: left;
    text-align: right;
}

#login-information li,
#login-information li a {
    color: #735b04;
}

#login-information li span {
    display: block;
    line-height: 18px;
}

#login-information li.countdown-info {
    width: 150px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#login-information li.countdown-info .blink {
    color: white;
    background-color: #000066;
    text-align: center;
    font-weight: bold;
}

#login-information li.login-info span {
    text-align: left;
    padding-left: 15px;
}

#login-information li.account-info {
    width: 400px;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.no-js #login-information li.account-info a {
    display: none;
}

.no-js #login-information li.account-info .countdown {
    display: none;
}

#login-information li.login-info {
    width: 190px;
    padding-top: 12px;
    padding-bottom: 28px;
}

.js #login-information li.login-info {
    margin-right: -190px;
}

.js #login-information li.account-info span + span {
    margin-right: 22px;
}

.no-js #login-information li.account-info span {
    margin-right: 22px;
}

#login-information li.logout {
    width: 150px;
    padding-top: 21px;
    padding-bottom: 21px;
    background-color: #FFCC00;
    background-image: url(image/rgn-sprite.png);
    background-position: 0 -32px;
    background-repeat: repeat-x;
}

#login-information li.account-info #action-trigger-login {
    float: right;
    margin: 0 0 0 4px;
    outline: none;
    position: relative;
    z-index: 999;
}

#login-information li.logout a {
    background: #fee273;
    border: 1px solid;
    border-color: #e1b400 #e1b400 #fedc56 #e1b400;
    display: block;
    float: right;
    margin: 0 1px 0 0;
}

#login-information li.logout a:hover {
    background: #f0d259;
}

.cssgradients #login-information li.logout a {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fee273), to(#f0d259));
    background: -moz-linear-gradient(0% 100% 90deg, #fee273, #f0d259);
    background: -o-linear-gradient(top, #fee273 0%, #fee273 50%, #f0d259 100%); /* opera */
}

.js #login-information li.logout a {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee273', endColorstr='#f0d259', GradientType=0); /* ie 6/7/9 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee273', endColorstr='#f0d259', GradientType=0); /* ie 8 */
    background: -ms-linear-gradient(top, #fee273 0%, #fee273 50%, #f0d259 100%); /* ie 10 */
}

.cssgradients #login-information li.logout a:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0d259), to(#fee273));
    background: -moz-linear-gradient(0% 100% 90deg, #f0d259, #fee273);
    background: -o-linear-gradient(top, #f0d259 0%, #fee273 50%, #fee273 100%); /* opera */
}

.js #login-information li.logout a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0d259', endColorstr='#fee273', GradientType=0); /* ie 6/7/9 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0d259', endColorstr='#fee273', GradientType=0); /* ie 8 */
    background: -ms-linear-gradient(top, #f0d259 0%, #fee273 50%, #fee273 100%); /* ie 10 */
}

#login-information li.logout b {
    border-top: 1px solid #ffdb4d;
    border-bottom: 1px solid #e7b900;
    display: block;
    padding: 5px 14px;
    color: #1e1e6c;
}

.borderradius #login-information li.logout a,
.borderradius #login-information li.logout b {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.js #login-information li.logout a,
.js #login-information li.logout b {
    border-radius: 3px; /* ie 9+ */
}

.msg-no-cookies {
    display: none;
}

html.no-cookies .msg-no-cookies {
    display: block;
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Navigation */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-12-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Global Navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
#nav-global {
    width: 650px;
    float: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Utilities Navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
#nav-utilities {
    width: 270px;
    float: right;
}

#nav-utilities ul {
    float: right;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Global & Utilities Navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
#nav ul li {
    float: left;
    position: relative;
}

#nav ul li a {
    display: block;
    padding: 7px 14px 7px 14px;
    font-size: 16px;
    font-weight: 700;
}

.fontface #nav ul li a {
    padding: 8px 14px 9px 14px;
    font-size: 16px;
    letter-spacing: 0.3px;
}

.textshadow #nav ul li a {
    text-shadow: none;
}

#nav ul li a.state-current {
    background: #92ACC8; /* old browsers */
    background: -moz-linear-gradient(top, #92ACC8 0%, #A2B8D0 50%, #B1C4D8 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92ACC8), color-stop(50%, #A2B8D0), color-stop(100%, #B1C4D8)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92ACC8', endColorstr='#B1C4D8', GradientType=0); /* ie */
    background: -o-linear-gradient(top, #92ACC8 0%, #A2B8D0 50%, #B1C4D8 100%); /* opera */
    z-index: 10;
    margin: 0 -1px 0 -1px;
}

#nav ul li a.state-current {
    color: #fff4f4;
}

.textshadow #nav ul li a.state-current {
    text-shadow: none;
}

#nav ul li a {
    border-style: solid;
    border-width: 0 1px;
    border-right-color: #92a5b6;
    border-left-color: #d7dce1;
}

#nav li.ng-account-overview,
#nav li.nu-message-box {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-left-color: #92a5b6;
}

#nav li.ng-service,
#nav li.nu-account-settings {
    border-style: solid;
    border-width: 0 1px 0 0;
    border-right-color: #d7dce1;
}

#nav ul li a.state-current {
    border-color: #3b549a;
}

.borderimage #nav ul li a {
    border: solid transparent;
    border-width: 0 1px 0 0;
    -webkit-border-image: url(image/nav-sep.png) 0 2 0 0;
    -moz-border-image: url(image/nav-sep.png) 0 2 0 0;
    border-image: url(image/nav-sep.png) 0 2 0 0;
}

.borderimage #nav li.ng-account-overview,
.borderimage #nav li.nu-message-box {
    border: solid transparent;
    border-width: 0 0 0 1px;
    -webkit-border-image: url(image/nav-sep.png) 0 0 0 2;
    -moz-border-image: url(image/nav-sep.png) 0 0 0 2;
    border-image: url(image/nav-sep.png) 0 0 0 2;
}

.borderimage #nav li.ng-service,
.borderimage #nav li.nu-account-settings {
    border: none;
}

.borderimage #nav ul li a.state-current {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-image: none;
    -moz-border-image: none;
    border-image: none;
}

#nav ul li span {
    position: absolute;
    top: -10px;
    right: 13px;
    display: block;
    padding-bottom: 6px;
    background-image: url(image/nav-arrow.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    line-height: normal;
}

#nav ul li span b {
    background-color: #ffcd05;
    background-image: url(image/nav-abbr.png);
    background-position: 0 100%;
    background-repeat: repeat-x;
    padding: 2px 7px 1px 6px;
    color: #242466;
}

.borderradius #nav ul li span b {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.textshadow #nav ul li span b {
    text-shadow: 1px 1px 1px #FFFFFF;
}

.boxshadow #nav ul li span b {
    -webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.4);
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Skip Navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
#nav-skip {
    width: 1px;
    height: 1px;
    position: absolute;
    top: auto;
    left: -9999px;
    z-index: -1;
    overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Section Navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
#nav-section {
    width: 200px;
}

#nav-section li {
    border-top: 1px solid #B4BCCD;
    position: relative;
}

#nav-section li.last-child {
    border-bottom: 1px solid #B4BCCD;
}

#nav-section ul li ul li.last-child {
    border-bottom: none;
}

#nav-section li.state-open ul {
    border: 0 none;
}

#nav-section li.state-open li a {
    padding: 4px 10px 4px 20px;
}

#nav-section li a {
    padding: 4px 10px 3px 10px;
    display: block;
}

#nav-section ul li a.state-current,
#nav-section ul li.state-open a {
    background-color: #3C549A;
    color: #EDF3FE;
}

#nav-section ul li.state-open ul li a {
    background: none;
    color: #000066;
    text-shadow: none;
}

#nav-section ul li.state-open ul li a.state-current {
    background: #d5e1ef;
    color: #000066;
    text-shadow: none;
}

.boxshadow #nav-section li a.state-current {
    text-shadow: 1px 1px 0px rgb(0, 0, 0);
}

#nav-section li abbr {
    position: absolute;
    right: 10px;
    font-weight: 700;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Paging navigation */
/* -------------------------------------------------------------------------------------------------------------------------- */
.navigatorLabel {
    padding-top: 5px;
}

.navigator {
    width: 780px;
    padding-top: 5px;
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Aside */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-11-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Billboard */
/* -------------------------------------------------------------------------------------------------------------------------- */
#billboard {
    width: 980px;
    margin: 0 auto;
    margin: 0 auto 0px auto;
    padding-top: 16px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Teaser */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* #content-cn { background: url(image/grid-980-typo.png) repeat-y 50% 0; } */
.teaser-group:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.teaser {
    float: left;
    margin: 0 0 0 20px;
    padding-right: 20px;
    display: inline;
    position: relative;
}

.teaser h3 {
    padding: 4px 0;
    margin: 0;
    font-size: 17px;
    line-height: 17px;
}

.teaser-cn {
    padding: 0 0 16px 0;
}

.teaser p {
    margin: 0;
}

.teaser-link {
    display: inline-block;
}

.content-teaser {
    margin: 0 0 0 0px;
    padding-right: 0px;
}

.tsr-small .teaser-bd {
    width: 280px;
}

.tsr-mini .teaser-bd {
    width: 260px;
}

/* Im Fall dass ein Teaser eine Grafik links hat */
.tsr-medium .teaser-bd {
    width: 440px;
}

.tsr-medium .tsr-media .teaser-bd {
    width: 360px;
}

.tsr-large .teaser-bd {
    width: 600px;
}

.tsr-media {
    padding-left: 80px;
}

.tsr-media .teaser-ft {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    overflow: hidden;
}

.tsr-media-right .teaser-ft {
    position: absolute;
    right: 0;
    top: -32px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Teaser Trigger */
/* -------------------------------------------------------------------------------------------------------------------------- */
.action-trigger-aside {
    margin: 0;
}

.action-trigger-aside a {
    outline: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Tooltips */
/* -------------------------------------------------------------------------------------------------------------------------- */
.qtip {
    width: 222px !important;
    border: none !important;
    background: none !important;
    font-size: 12px;
}

.qtip-content {
    background: #ffce08 !important; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3c3', endColorstr='#ffce08') !important; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff3c3), to(#ffce08)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #fff3c3, #ffce08) !important; /* for firefox 3.6+ */

    border: 1px solid #E8D163 !important;

    -moz-border-radius: 3px;
    border-radius: 3px;

}

/*.qtip-content {
  background:none !important;
}*/
.qtip-tip {
    width: 10px !important;
    height: 21px !important;
    background: transparent url('image/tooltip-tip-left.png') 0 0 no-repeat;
    margin-top: -10px !important;
}

.qtip-tip[rel~="rightMiddle"] {
    background: transparent url('image/tooltip-tip-right.png') 0 0 no-repeat;
}

.qtip-tip[rel~="leftMiddle"] {
    background: transparent url('image/tooltip-tip-left.png') 0 0 no-repeat;
}

.qtip-tip canvas {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Teaser Tooltips */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tsr-tooltip {
    /*.qtip {*/
    position: absolute;
    background: #eff4fa;
    padding: 24px 20px;
    border: 1px solid #b0b5c2;
    width: 298px;
    color: #fff;
    /*opacity: .9;*/
    z-index: 10;
    margin-left: 3px;
}

.borderradius .tsr-tooltip {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.boxshadow .tsr-tooltip {
    -o-box-shadow: 0 0 20px #b0b5c2;
    -moz-box-shadow: 0 0 20px #b0b5c2;
    -webkit-box-shadow: 0 0 20px #b0b5c2;
    box-shadow: 0 0 20px #b0b5c2;
}

.tsr-tooltip .tsr-tooltip-hd h3 {
    font-family: 'FrutigerRegularCondensed', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    color: #000066;
}

.tsr-tooltip .tsr-tooltip-bd {
    font-family: Arial;
    font-size: 12px;
    color: #4c4c4c;
}

.tsr-tooltip .tsr-tooltip-ft {
    height: 14px;
    width: 298px;
    display: block;
    position: absolute;
    bottom: -14px;
    background: transparent url(image/tooltip-arrow-blue.png) center 0 no-repeat;
}

.tooltip-hidden {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Footer */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-11-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Site Meta */
/* -------------------------------------------------------------------------------------------------------------------------- */
#site-meta {
    float: right;
}

#site-meta ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    font-size: 11px;
    line-height: 32px;
}

#site-meta li {
    display: inline;
}

#site-meta li a {
    padding: 0 2px;
}

#site-meta li a:link,
#site-meta li a:visited {
    color: #4C4C4C;
}

#site-meta li a:focus {
    outline: 2px solid rgb(31, 70, 181);
}

.borderradius #site-meta li a:focus {
    -moz-outline-radius: 3px;
}

#site-meta li a:hover,
#site-meta li a:active {
    color: #1F46B5;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Site Copyright */
/* -------------------------------------------------------------------------------------------------------------------------- */
#site-copyright {
    float: left;
}

#site-copyright p {
    margin: 0;
    line-height: 32px;
    font-size: 11px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Forms */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-12-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Form Pattern */
/* -------------------------------------------------------------------------------------------------------------------------- */
fieldset {
    zoom: 1;
}

.dkw-process fieldset p {
    margin: 0 0 16px;
}

.form p {
    margin-bottom: 0px;
}

.form.einwilligungForm p {
    margin-bottom: 10px;
}

.frm-search-blz p,
.frm-bicsuche p {
    margin-bottom: 16px;
}

.frm-bicsuche .fld-text {
    margin-bottom: 8px;
}

p.link-edit-entries {
    margin-bottom: 8px;
}

.form-ft .quittung-hinweis {
    margin-bottom: 16px;
}

.form fieldset:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.form fieldset .field {
    float: left;
    margin-right: 20px;
}

.form fieldset .field-rai {
    float: left;
    margin-right: 20px;
    line-height: 28px;
}

.form fieldset .fld-agb-wu {
    clear: left;
}

.form fieldset .radio-no-label,
.form fieldset .checkbox-no-label {
    margin-right: 0px;
}

.form fieldset .radio .field-bd,
.form fieldset .fld-checkbox .field-bd {
    float: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Legens */
/* -------------------------------------------------------------------------------------------------------------------------- */
.form .legend {
    overflow: hidden;
    margin: 14px 0 10px 0;
    zoom: 1;
}

.AzvFreigeben .form .legend,
.AzvQuittieren .form .legend {
    margin-top: 18px;
}

.form .legend h3,
.headline h3 {
    margin: 0 10px 0 0;
    font-size: 15px;
    line-height: 21px;
    display: inline;
    color: #4C4C4C;
    /*float: left;*/
}

.form .legend h3.state-disabled {
    color: #ccc !important;
}

.form .legend p {
    display: inline;
}

.legend h3 {
    float: left;
}

.legend p {
    line-height: 17px;
    float: left;
    margin-bottom: 0px;
}

.legend {
    overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Form Messages */
/* -------------------------------------------------------------------------------------------------------------------------- */
p.form-error,
p.form-warning,
p.form-success,
p.form-info {
    margin: 0 0 8px 0;
    padding: 4px 8px 4px 0;
}

p.form-warning {
    color: #9F0002;
}

p.fieldset-error,
p.fieldset-warning
p.fieldset-success,
p.fieldset-info {
    margin: 0 0 8px 0;
    padding: 4px;
}

p.field-error,
p.field-warning,
p.field-success,
p.field-info {
    margin: 0 0 8px 0;
    padding: 4px 4px;
}

.form-error,
.fieldset-error,
.field-error {
    color: #9F0002;
    overflow: hidden;
}

.js .fieldset-error,
.js .field-error {
    /*max-height: 17px; one line */
    max-height: 75px; /* two lines */
}

.js .frm-login .form-error,
.js .frm-login .field-error {
    max-height: 100px;
}

.js .fld-text .field-error,
.js .fld-password .field-error {
    visibility: hidden;
}

.fieldset-error strong {
    display: block;
}

.error-ctr {
    position: relative;
    display: block;
}

.short-error-ctr .field-error {
    position: relative;
    top: 0px;
    z-index: 99;
}

.pos-ctr {
    position: absolute;
    top: 0;
    display: block;
}

.field-error-full {
    padding: 3px 6px 3px 6px;
    color: #9F0002;
    background: #ffce08 !important; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3c3', endColorstr='#ffce08') !important; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff3c3), to(#ffce08)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #fff3c3, #ffce08) !important; /* for firefox 3.6+ */
    border: 1px solid #E8D163 !important;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    z-index: 100;
}

.fieldgroup-warning p {
    margin-bottom: 0px;
}

.modal-container p.form-error {
    padding-left: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Approval Footer */
/* -------------------------------------------------------------------------------------------------------------------------- */
.ft-approval {
    border-top: 1px solid #b0b5c2;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #b0b5c2;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
}

.ft-approval fieldset {
    padding: 0;
    margin: 0;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #b0b5c2;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #b0b5c2;
    padding: 14px 18px;
}

.ft-approval legend {
    height: 1px;
    left: -9999px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -1;
}

.ft-approval .legend {
    margin-top: 4px;
    margin-right: 20px;
}

.ft-approval .legend h3 {
    color: #4C4C4C;
    display: inline;
    font-size: 15px;
    line-height: 17px;
    margin: 0 10px 0 0;
}

.ft-approval .state-disabled {
    color: #DFDFDF;
}

.ft-approval .state-disabled .legend h3 {
    color: #ccc;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Legitimacy Footer */
/* -------------------------------------------------------------------------------------------------------------------------- */
.ft-legitimacy {
    position: relative;
    border-top: 1px solid #b0b5c2;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #b0b5c2;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
}

.tab-cheque-payment .ft-legitimacy,
.frm-ueberweisungsvorlageauslandscheck .ft-legitimacy,
.tab-azv-payment .ft-legitimacy {
    margin-top: 20px;
}

.ft-legitimacy fieldset {
    padding: 14px 18px;
    margin: 0;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #b0b5c2;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #b0b5c2;
}

.ft-legitimacy legend {
    display: none;
}

.ft-legitimacy .legend {
    margin-top: 0px;
}

.ft-legitimacy .legitimacy {
    width: 100%;
}

.ft-legitimacy .legend h3 {
    color: #4C4C4C;
    font-size: 15px;
    line-height: 18px;
}

.ft-legitimacy .tgl-tanprocedure {
    margin-top: 0px;
    zoom: 1;
    position: absolute;
    top: 9px;
    left: 160px;
}

.legitimacy-cn .inputBlock {
    margin-top: 20px;
}

.ft-legitimacy .tgl-tanprocedure:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.ft-legitimacy .legitimacy-bd p {
    margin-bottom: 16px;
}

.legitimacy-bd a.action-more {
    display: block !important;
}

.ft-legitimacy .fld-select .field-cn {
    margin-bottom: 0;
}

.ft-legitimacy .legitimacy-ft img {
    display: block;
}

.legitimacy-bd .control:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.ft-legitimacy .state-disabled {
    color: #DFDFDF;
}

.ft-legitimacy .state-disabled .legend h3 {
    color: #ccc;
}

.ft-legitimacy .legitimacy-bd ul {
    list-style-type: decimal;
}

.ft-legitimacy .code {
    padding-left: 40px;
    font-weight: bold;
}

.ft-legitimacy
.ft-error {
    position: relative;
    left: -20px;
}

.sealone-legitimacy-text {
    float: left;
    width: 530px;
    margin-right: 10px;
}

.legitimacy-bd .control-sealone {
    clear: left;
}

.sealone-hinzufuegen-list-container {
    overflow: hidden;
    margin: 10px 0 15px 0;
}

ul.sealone-hinzufuegen-list {
    float: left;
    width: 250px;
    margin: 20px 10px 5px 0;
    line-height: 1.5;
}

ul.sealone-hinzufuegen-list li {
    margin-bottom: 5px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* @group Phone Activation */

.acivation-number {
    font-size: 24px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-unlock-chiptan ul {
    margin-bottom: 0px;
}

.form-unlock-chiptan ul li {
    list-style-type: decimal;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Formsystem */
/* -------------------------------------------------------------------------------------------------------------------------- */
.receipt {
    clear: left;
    zoom: 1;
}

.receipt-hd h3 {
    font-size: 15px;
    line-height: 16px;
    margin: 0 0 8px 0;
}

.receipt-class-900 {
    width: 900px !important;
}

.receipt-class-600 {
    width: 600px !important;
}

.receipt-class-400 {
    width: 400px !important;
}

.receipt-class-350 {
    width: 350px !important;
}

.receipt-class-300 {
    width: 300px !important;
}

.receipt-class-250 {
    width: 250px !important;
}

.receipt-class-200 {
    width: 200px !important;
}

.field-class-400 {
    width: 400px !important;
}

.field-class-330 {
    width: 330px !important;
}

.field-class-365 {
    width: 365px !important;
}

.field-class-359 {
    width: 359px !important;
}

.field-class-355 {
    width: 355px !important;
}

.field-class-353 {
    width: 353px !important;
}

.field-class-350 {
    width: 350px !important;
}

.field-class-300 {
    width: 300px !important;
}

.field-class-250 {
    width: 250px !important;
}

.frm-sepa-dauerauftrag-anzeigen .receipt-class-250,
.frm-sepa-dauerauftrag-anzeigen .receipt-class-350,
.frm-sepa-dauerauftrag-loeschen .receipt-class-250,
.frm-sepa-dauerauftrag-loeschen .receipt-class-350,
.frm-sepa-dauerauftrag-aendern .receipt-class-250,
.frm-sepa-dauerauftrag-aendern .receipt-class-350,
.frm-sepa-dauerauftrag-einrichten .receipt-class-250,
.frm-sepa-dauerauftrag-einrichten .receipt-class-350 {
    width: 300px !important;
}

.receipt-bd {
    margin: 0 0 8px 0;
}

.AzvFreigeben .receipt-bd,
.AzvQuittieren .receipt-bd {
    margin-bottom: 16px;
}

.receipt-bd ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.receipt-bd ul li {
    float: left;
    line-height: 16px;
    margin-right: 20px;
    margin-bottom: 8px;
    overflow: hidden;
}

.receipt-bd ul li span {
    display: block;
}

.receipt .state-disabled {
    color: #DFDFDF;
}

.receipt .state-disabled b {
    color: #ccc;
}

.tpl-04 .receipt .state-disabled span,
.tpl-04 .receipt .state-disabled b {
    color: #999;
}

.tpl-05 .receipt .state-disabled span,
.tpl-05 .receipt .state-disabled b {
    color: #4c4c4c;
}

.receipt-bd ul li.last-child {
    margin-right: 0px;
}

.receipt-bd ul li span {
    float: left;
}

.receipt-bd ul li span span {
    float: none;
    display: inline;
}

.receipt-bd ul li span.receipt-utilities {
    margin-left: 10px;
}

.receipt-bd ul li span.receipt-label {
    float: left;
    margin-right: 5px;
}

.receipt-bd ul li span.receipt-text {
    float: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Default Styles */
/* -------------------------------------------------------------------------------------------------------------------------- */

.type-text,
.type-password,
textarea {
    padding: 5px 7px;
    border: 1px solid #bbb;
    border-color: #d9d8d6 #fdfdfd #fff #e7e8e7;
    color: #4c4c4c;
    line-height: 16px;
}

.borderradius input[type='text'],
.borderradius input[type='password'],
.borderradius textarea {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.type-text:focus,
.type-password:focus,
textarea:focus {
    border: 1px solid #1F46B5 !important;
    outline: 0;
}

.boxshadow input[type='text']:focus,
.boxshadow input[type='password']:focus,
.boxshadow textarea:focus {
    -moz-box-shadow: 0 0 7px rgb(114, 180, 255) !important;
    -webkit-box-shadow: 0 0 7px rgb(114, 180, 255) !important;
    box-shadow: 0 0 7px rgb(114, 180, 255) !important;
}

.csstransitions input[type='text'],
.csstransitions input[type='password'],
.csstransitions textarea {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
}

/* States */
.fld-text .state-disabled label,
.fld-password .state-disabled label {
    color: #999999 !important;
}

.state-disabled input.type-text,
.state-disabled input.type-password,
.state-disabled textarea,
.no-js .form-disabled input.type-text,
.no-js .form-disabled input.type-password,
.no-js .form-disabled textarea {
    color: #999999 !important;
}

.state-error input.type-text,
.state-error input.type-password,
.state-error textarea,
.state-error select,
dl.state-error {
    border: 1px solid #9F0002;
}

.state-error .type-text:focus,
.state-error .type-password:focus,
.state-error textarea:focus,
dl.state-error:focus {
    border: 1px solid #9F0002 !important;
    outline: 0;
}

.boxshadow .state-error input.type-text,
.boxshadow .state-error input.type-password,
.boxshadow .state-error textarea {
    -webkit-box-shadow: 0px 0px 4px #BE595A;
    -moz-box-shadow: 0px 0px 4px #BE595A;
    box-shadow: 0px 0px 4px #BE595A;
}

.boxshadow dl.state-error {
    -webkit-box-shadow: 0px 0px 4px #BE595A;
    -moz-box-shadow: 0px 0px 4px #BE595A;
    box-shadow: 0px 0px 4px #BE595A;
}

.invalid input.type-text,
.invalid input.type-password,
.invalid textarea {
    border-color: #9F0002;
}

.boxshadow .invalid input.type-text,
.boxshadow .invalid input.type-password,
.boxshadow .invalid textarea {
    -webkit-box-shadow: 0px 0px 4px #BE595A;
    -moz-box-shadow: 0px 0px 4px #BE595A;
    box-shadow: 0px 0px 4px #BE595A;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Fields */
/* -------------------------------------------------------------------------------------------------------------------------- */
.field-hd {
    padding: 4px;
}

.field-bd:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.field-group {
    display: block;
    float: left;
}

.field-utilities {
    display: block;
    float: left;
    padding: 6px 0;
    position: relative;
}

.field-ft {
    clear: both;
    position: relative;
    top: 5px;
    left: 2px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Field Groups */
/* -------------------------------------------------------------------------------------------------------------------------- */

.fld-reference .legend {
    display: none;
}

.reference-panel {
    float: left;
}

.form fieldset .reference-panel .field {
    float: none;
}

.reference-panel fieldset span {
    margin-bottom: 2px;
    display: block;
}

.reference-panel fieldset span .field span {
    margin-bottom: 0px;
}

.reference-panel p.field-error {
    margin-bottom: 2px;
}

.field-bd fieldset {
/ / margin: 0;
    width: 100%;
}

.field-group-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.frm-dauerauftrag .field-group-list {
    float: left
}

.field-group-list li:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.fld-text .field-group-list li .field-group,
.fld-password .field-group-list li .field-group {
    margin: 0 0 2px 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Text, Field Password */
/* -------------------------------------------------------------------------------------------------------------------------- */
.fld-text .field-bd {
    position: relative;
}

.fld-text .field-group, .fld-password .field-group {
    position: relative;
    background-color: #FFFFFF;
    background-image: url(image/fld-input.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.fieldset-disabled .fld-text .field-group, .fieldset-disabled .fld-password .field-group,
.fld-text .state-disabled, .fld-password .state-disabled {
    background-image: url(image/fld-input-disabled.png);
}

.form-disabled .fld-text .field-group,
.no-js .form-disabled .fld-password .field-group {
    background-image: url(image/fld-input-disabled.png);
}

.fld-textarea .field-group {
    position: relative;
}

.fld-text .field-label, .fld-password .field-label {
    margin-right: 20px;
    color: #999999;
    display: block;
    position: relative;
    z-index: 1;
}

.fieldset-disabled .fld-text .field-label, .fieldset-disabled .fld-password .field-label,
.state-disabled .field-label {
    background-image: url(image/fld-input-disabled.png);
}

.form-disabled .fld-text .field-label,
.form-disabled .fld-password .field-label {
    background-image: url(image/fld-input-disabled.png);
}

.fld-textarea .field-label {
    color: #999999;
    display: block;
    position: relative;
    z-index: 10;
    left: 7px;
    top: 5px;
}

.fld-textarea textarea {
    background-image: url(image/fld-textarea.png);
    background-position: 0 0;
    background-repeat: no-repeat;

}

.borderradius .fld-text .field-group, .borderradius .fld-password .field-group,
.borderradius .fld-text .field-label, .borderradius .fld-password .field-label {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.fld-text .field-label label, .fld-password .field-label label {
    display: block;
    padding: 6px 20px 6px 8px;
}

.fld-text .field-input, .fld-password .field-input, .fld-textarea .field-textarea {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.fld-text .field-input-plaintext {
    top: 6px;
}

.fld-text .field-input input, .fld-password .field-input input {
    background-color: transparent;
    display: block;
    height: 16px;
}

.fld-text .field-suffix, .fld-password .field-suffix {
    display: block;
    color: #919191;
    font-weight: 700;
    padding: 6px 8px 6px 8px;
    text-align: right;
    font-size: 13px;
    position: relative;
    z-index: 1;
    margin: -28px 0 0 0;
}

.fld-text .field-suffix .field-suffix, .fld-password .field-suffix .field-suffix {
    display: inline;
    color: #919191;
    font-weight: 700;
    padding: 0;
    text-align: left;
    font-size: 13px;
    position: relative;
    z-index: 1;
    margin: 0;
}

.fld-text .field-suffix-currency {
    margin: -28px -20px 0 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Field Definitions */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* @group fld-pin-number */
.fld-pin-number, .fld-pin-number .field-group {
    width: 220px;
}

.fld-pin-number .field-input input {
    width: 173px;
    padding-left: 38px;
}

/* @end */
/* @group fld-userpinpassword */
.fld-pinpassword, .fld-pinpassword .field-group {
    width: 500px;
}

.fld-pinpassword .field-input input {
    width: 360px;
    padding-left: 131px;
}

/* @end */
/* @group fld-userpassword */
.fld-userpassword, .fld-userpassword .field-group {
    width: 328px;
}

.fld-userpassword .field-input input {
    width: 224px;
    padding-left: 78px;
    padding-right: 25px;
}

/* @end */
/* @group fld-phone-pin-number */
.fld-phone-pin-number, .fld-phone-pin-number .field-group {
    width: 220px;
}

.fld-phone-pin-number .field-input input {
    width: 69px;
    padding-left: 142px;
}

/* @end */
/* @group fld-account-number */
.fld-account-number, .fld-account-number .field-group {
    width: 220px;
}

.fld-account-number .field-input input {
    width: 106px;
    padding-left: 105px;
}

/* @end */
/* @group fld-username */
.fld-username, .fld-username .field-group {
    width: 500px;
}

.fld-username .field-input input {
    width: 360px;
    padding-left: 131px;
}

/* @end */
/* @group fld-username */
.fld-firstname, .fld-firstname .field-group {
    width: 250px;
}

.fld-firstname .field-input input {
    width: 169px;
    padding-left: 71px;
}

/* @end */
/* @group fld-username */
.fld-further-firstnames {
    width: 300px;
}

.fld-further-firstnames .field-group {
    width: 270px;
}

.fld-further-firstnames .field-input input {
    width: 126px;
    padding-left: 135px;
}

/* @end */
/* @group fld-username */
.fld-lastname, .fld-lastname .field-group {
    width: 250px;
}

.fld-lastname .field-input input {
    width: 159px;
    padding-left: 82px;
}

/* @end */
/* @group fld-username */
.fld-birthname, .fld-birthname .field-group {
    width: 250px;
}

.fld-birthname .field-input input {
    width: 138px;
    padding-left: 100px;
}

.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text,
.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text .field-group {
    width: 250px;
}

.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text .field-input input {
    width: 135px;
    padding-left: 103px;
}

/* @end */
/* @group fld-username */
.fld-birthdate, .fld-birthdate .field-group {
    width: 250px;
}

.fld-birthdate .field-input input {
    width: 128px;
    padding-left: 110px;
}

.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text + .fld-text,
.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text + .fld-text .field-group {
    width: 250px;
}

.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text + .fld-text .field-input input {
    width: 128px;
    padding-left: 110px;
}

/* @end */
/* @group fld-username */
.fld-birthcity, .fld-birthcity .field-group {
    width: 302px;
}

.fld-birthcity .field-input input {
    width: 203px;
    padding-left: 90px;
}

.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text + .fld-text + .fld-text,
.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text + .fld-text + .fld-text .field-group {
    width: 302px;
}

.frm-geburtsdaten > .form-cn > .form-bd fieldset legend + .legend + .fld-text + .fld-text + .fld-text .field-input input {
    width: 205px;
    padding-left: 88px;
}

/* @end */
.fld-usa {
    width: 100%;
}

/* @group fld-tan */
.fld-tan, .fld-tan .field-group {
    width: 220px;
}

.fld-tan .field-input input {
    width: 172px;
    padding-left: 39px;
}

/* @end */
/* @group fld-recipient-name */
.fld-recipient-name, .fld-recipient-name .field-group {
    width: 280px;
}

.fld-recipient-name .field-input input {
    width: 219px;
    padding-left: 52px;
}

.frm-sepa-transfer .fld-recipient-name, .frm-sepa-transfer .fld-recipient-name .field-group {
    width: 347px;
}

.frm-sepa-transfer .fld-recipient-name .field-input input {
    width: 285px;
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-name, .tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-name .field-group {
    width: 250px;
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-name .field-input input {
    width: 190px;
    padding-left: 50px;
}

/* @end */
/* @group fld-kontoinhaber */
.fld-kontoinhaber, .fld-kontoinhaber .field-group {
    width: 280px;
}

.fld-kontoinhaber .field-input input {
    width: 170px;
    padding-left: 100px;
}

.fld-select.fld-kontoinhaber dt a {
    width: auto !important;
}

/* @end */
/* @group fld-kontoname */
.fld-kontoname, .fld-kontoname .field-group {
    width: 280px;
}

.fld-kontoname .field-input input {
    width: 138px;
    padding-left: 132px;
}

/* @end */
/* @group fld-recipient-account */
.fld-recipient-account, .fld-recipient-account .field-group {
    width: 220px;
}

.fld-recipient-account .field-input input {
    width: 175px;
    padding-left: 36px;
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-account, .tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-account .field-group {
    width: 165px;
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-account .field-input input {
    width: 116px;
    padding-left: 36px;
}

/* @end */
/* @group fld-recipient-account */
.fld-recipient-iban, .fld-recipient-iban .field-group {
    width: 281px;
}

.fld-recipient-iban .field-input input {
    width: 220px;
    padding-left: 51px;
}

.fld-recipient-iban .field-utilities .action-more {
    margin-left: 2px;
}

.fld-recipient-iban .field-utilities {
    padding-bottom: 0;
}

.fld-recipient-iban.state-error .field-ft {
    top: 0;
}

/* @end */
/* @group fld-recipient-blz */
.fld-recipient-bic .field-group, .fld-recipient-bic .field-ft {
    width: 164px;
}

.fld-recipient-bic .field-input input {
    width: 120px;
    padding-left: 35px;
}

.fld-recipient-bic {
    margin-right: 0 !important;
}

/* @end */
/* @group fld-recipient-blz */
.fld-recipient-blz {
    width: 340px;
}

.fld-recipient-blz .field-group, .fld-recipient-blz .field-ft {
    width: 220px;
}

.fld-recipient-blz .field-input input {
    width: 171px;
    padding-left: 40px;
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-blz {
    width: 240px;
    margin-right: 0
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-blz .field-group, .tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-blz .field-ft {
    width: 145px;
}

.tpl-03 .frm-ueberweisungsvorlageinland .fld-recipient-blz .field-input input {
    width: 93px;
    padding-left: 40px;
}

/* @end */
/* @group fld-recipient-bankname */
.fld-recipient-bankname {
    width: 340px;
    margin: 16px 0 0 0
}

.fld-recipient-bankname .field-group, .fld-recipient-bankname .field-ft {
    width: 280px;
}

.fld-recipient-bankname .field-input input {
    width: 221px;
    padding-left: 46px;
}

/* @end */
/* @group fld-date */
.fld-date {
    width: 220px;
}

.fld-date .field-group, .fld-date .field-ft {
    width: 140px;
}

.fld-date .field-input input {
    width: 76px;
    padding-left: 55px;
}

.fld-date .field-error-full {
    z-index: 11;
}

/* @end */
/* @group fld-amount */
.fld-amount, .fld-amount .field-group {
    width: 200px;
}

.fld-amount .field-ft {
    width: 200px;
}

.fld-amount .field-input input {
    width: 124px;
    padding-left: 55px;
    padding-right: 19px;
    text-align: right;
}

.fld-amount-umbuchung {
    width: 230px;
}

.frm-tagesgeld-umbuchung .fld-amount-umbuchung {
    width: 200px;
}

.frm-azv .fld-amount {
    width: 270px;
}

.frm-azv .fld-amount .field-group {
    width: 240px;
}

.frm-azv .fld-amount .field-ft {
    width: 240px;
}

.frm-azv .fld-amount .field-input input {
    width: 174px;
    padding-left: 55px;
    padding-right: 6px;
    text-align: right;
}

.frm-azv-scheck .fld-amount {
    width: 270px;
}

.frm-azv-scheck .fld-amount .field-group {
    width: 240px;
}

.frm-azv-scheck .fld-amount .field-ft {
    width: 240px;
}

.frm-azv-scheck .fld-amount .field-input input {
    width: 174px;
    padding-left: 55px;
    padding-right: 6px;
    text-align: right;
}

.frm-dauerauftrag .fld-amount, .frm-dauerauftrag .fld-amount .field-group {
    width: 280px;
}

.frm-dauerauftrag .fld-amount .field-ft {
    width: 280px;
}

.frm-dauerauftrag .fld-amount .field-input input {
    width: 201px;
    padding-left: 55px;
    padding-right: 19px;
    text-align: right;
}

/* @end */
/* @group fld-reference */
.fld-reference, .fld-reference .field-group {
    width: 380px;
}

.fld-reference .field-input input {
    width: 276px;
    padding-left: 95px;
}

.fld-verwendungszweck-spende .field-input input {
    width: 247px;
    padding-left: 124px;
}

/*.js .verwendungszweck-zeilen .fld-reference {display: none}*/ /* Sichtbarkeit wird �ber JavaScript gesteuert. */
/* @end */
/* @group fld-reference-donation */
.fld-reference-donation, .fld-reference-donation .field-group {
    width: 380px;
}

.fld-reference-donation .field-input input {
    width: 247px;
    padding-left: 124px;
}

/* @end */
/* @group fld-template-name */
.fld-template-name {
    width: 280px;
}

.fld-template-name .field-group {
    width: 280px;
}

.fld-template-name .field-input input {
    width: 163px;
    padding-left: 108px;
}

.AzvFreigeben .fld-template-name,
.AzvQuittieren .fld-template-name,
.AzvScheckFreigeben .fld-template-name,
.AzvScheckQuittieren .fld-template-name {
    line-height: 28px
}

/* @end */
/* @group fld-template-name */
.fld-ueberweisungsvorlageinland {
    width: 280px;
}

.fld-ueberweisungsvorlageinland .field-group {
    width: 280px;
}

.fld-ueberweisungsvorlageinland .field-input input {
    width: 163px;
    padding-left: 108px;
}

/* @end */
/* @group fld-item-description */
.fld-item-description {
    width: 290px;
}

.fld-item-description .field-group {
    width: 290px;
}

.fld-item-description .field-input input {
    width: 180px;
    padding-left: 100px;
}

/* @end */
/* @group fld-email */
.fld-email {
    width: 290px;
}

.fld-email .field-group {
    width: 290px;
}

.fld-email .field-input input {
    width: 170px;
    padding-left: 110px;
}

/* @end */
/* @group fld-activationcode */
.fld-activationcode {
    width: 280px;
}

.fld-activationcode .field-group {
    width: 280px;
}

.fld-activationcode .field-input input {
    width: 150px;
    padding-left: 121px;
}

/* @end */

/* @group fld-recipient-name */
.fld-ueberweisungsvorlageinland, .fld-ueberweisungsvorlageinland .field-group {
    width: 280px;
}

.fld-ueberweisungsvorlageinland .field-input input {
    width: 163px;
    padding-left: 108px;
}

/* @end */

/* @group fld-iban */
.fld-iban {
    width: 330px;
}

.fld-iban .field-group {
    width: 330px;
}

.fld-iban .field-input input {
    width: 185px;
    padding-left: 46px;
}

/* @end */
/* @group fld-iban-bic */
.fld-iban-bic {
    width: 426px;
}

.fld-iban-bic .field-group {
    width: 340px;
}

.fld-iban-bic .field-input input {
    width: 285px;
    padding-left: 46px;
}

.frm-sepa-transfer fieldset .fld-iban-bic {
    width: 328px;
}

.frm-sepa-transfer .fld-iban-bic .field-group {
    width: 232px;
}

.frm-sepa-transfer .fld-iban-bic .field-input input {
    width: 176px;
}

.bic-text-block {
    line-height: 28px;
}

/* @end */
/* @group fld-bic */
.fld-bic {
    width: 420px;
}

.fld-bic .field-group, .fld-bic .field-ft {
    width: 300px;
}

.fld-bic .field-input input {
    width: 254px;
    padding-left: 37px;
}

/* @end */
/* @group fld-mobile-tan */
.fld-mobile-tan {
    margin-bottom: 8px
}

.fld-mobile-tan, .fld-mobile-tan .field-group {
    width: 200px;
}

.fld-mobile-tan .field-input input {
    width: 107px;
    padding-left: 84px;
}

/* @end */
/* @group fld-chip-tan */
.fld-chip-tan, .fld-chip-tan .field-group {
    width: 310px;
}

.fld-chip-tan .field-input input {
    width: 234px;
    padding-left: 67px;
}

.fld-chip-tan .field-ft {
    padding-top: 16px
}

/* @end */
/* @group fld-amount-internet */
.fld-amount-internet, .fld-amount-internet .field-group {
    width: 200px;
}

.fld-amount-internet .field-input input {
    width: 119px;
    padding-left: 60px;
    padding-right: 19px;
    text-align: right;
}

/* @end */
/* @group fld-amount-financesoftware -> software */
.fld-amount-financesoftware, .fld-amount-financesoftware .field-group {
    width: 250px;
}

.fld-amount-financesoftware .field-input input {
    width: 125px;
    padding-left: 105px;
    padding-right: 19px;
    text-align: right;
}

/* @end */
/* @group fld-amount-cardlimit */
.fld-amount-cardlimit, .fld-amount-cardlimit .field-group {
    width: 200px;
}

.fld-amount-cardlimit .field-input input {
    width: 94px;
    padding-left: 85px;
    padding-right: 19px;
    text-align: right;
}

/* @end */
/* @group fld-phone-id */
.fld-phone-id {
    width: 340px;
}

.fld-phone-id .field-group {
    width: 304px;
}

.fld-phone-id .field-input input {
    width: 153px;
    padding-left: 142px;
}

/* @end */
/* @group fld-phone-bezeichnung */
.fld-phone-bezeichnung {
    width: 368px;
}

.fld-phone-bezeichnung .field-group {
    width: 370px;
}

.fld-phone-bezeichnung .field-input input {
    width: 264px;
    padding-left: 97px;
}

.modal .fld-phone-bezeichnung {
    width: 368px;
}

.modal .fld-phone-bezeichnung .field-group {
    width: 370px;
}

.modal .fld-phone-bezeichnung .field-input input {
    width: 264px;
    padding-left: 97px;
}

/* @end */

/* @group fld-areacode */
.fld-areacode, .fld-areacode .field-group {
    width: 150px;
}

.fld-areacode .field-input input {
    width: 77px;
    padding-left: 64px;
}

/* @end */
/* @group fld-areacode */
.fld-areacode-small, .fld-areacode-small .field-group {
    width: 120px;
}

.fld-areacode-small .field-input input {
    width: 47px;
    padding-left: 64px;
}

.fld-areacode-small + .fld-text:not(.last-child) .field-group {
    background: none;
}

.fld-areacode-small + .fld-text .field-group .field-suffix {
    margin-top: 0;
}

/* @end */
/* @group fld-areacode-mtan */
.fld-areacode, .fld-areacode .field-group {
    width: 150px;
}

.fld-areacode .field-input input {
    width: 71px;
    padding-left: 67px;
}

.modal .fld-areacode {
    clear: left;
}

/* @end */
/* @group fld-phonenumber */
.fld-phonenumber {
    width: 260px
}

.fld-phonenumber .field-group {
    width: 230px;
}

.fld-phonenumber .field-input input {
    width: 105px;
    padding-left: 113px;
}

/* @end */
/* @group fld-phonenumber */
.fld-phonenumber-small {
    width: 150px
}

.fld-phonenumber-small .field-group {
    width: 228px;
}

.fld-phonenumber-small .field-input input {
    width: 104px;
    padding-left: 114px;
}

/* @end */
/* @group fld-widerrufverzicht */
.fld-widerrufverzicht .field-group {
    width: 850px;
}

/* @end */
/* @group fld-phonenumber-mtan */
.fld-phonenumber-mtan, .fld-phonenumber-mtan .field-group {
    width: 200px;
}

.fld-phonenumber-mtan .field-input input {
    width: 121px;
    padding-left: 70px;
}

.modal-content .fld-phonenumber-mtan,
.modal-content .fld-phonenumber-mtan .field-group {
    width: 200px;
}

.modal-content .fld-phonenumber-mtan .field-input input {
    width: 121px;
    padding-left: 70px;
}

/* @end */
/* @group fld-phonenumber-mtan */
.fld-phonenumber-mobiletan, .fld-phonenumber-mobiletan .field-group {
    width: 320px;
}

.fld-phonenumber-mobiletan .field-input input {
    width: 241px;
    padding-left: 70px;
}

/* @end */
/* @group fld-phonenumber-charge */
.fld-phonenumber-charge, .fld-phonenumber-charge .field-group {
    width: 230px;
}

.fld-phonenumber-charge .field-input input {
    width: 134px;
    padding-left: 87px;
}

/* @end */

/* @group fld-identification-code */
.fld-identification-code, .fld-identification-code .field-group {
    width: 424px;
}

.fld-identification-code .field-input input {
    width: 270px;
    padding-left: 145px;
}

/* @end */
/* @group fld-template */
.no-js .fld-template noscript {
    float: left;
}

.no-js .fld-template .field-utilities {
    padding: 3px 0;
}

.no-js .fld-template .field-utilities button {
    margin-left: 10px;
}

/* @end */
/* @group .fld-designation */
.fld-designation, .fld-designation .field-group {
    width: 340px;
}

.fld-designation .field-input input {
    width: 236px;
    padding-left: 95px;
}

/* @end */
/* @group fld-cardlabel */
.fld-cardlabel, .fld-cardlabel .field-group {
    width: 340px;
}

.fld-cardlabel .field-input input {
    width: 196px;
    padding-left: 135px;
}

/* @end */
/* @group fld-tannumber */
.fld-tannumber, .fld-tannumber .field-group {
    width: 340px;
}

.fld-tannumber .field-input input {
    width: 291px;
    padding-left: 40px;
}

/* @end */
/* @group fld-atc-counter */
.fld-atc-counter, .fld-atc-counter .field-group {
    width: 340px;
}

.fld-atc-counter .field-input input {
    width: 248px;
    padding-left: 83px;
}

/* @end */
/* @group fld-kartenfolgenummer */
.fld-kartenfolgenummer, .fld-kartenfolgenummer .field-group {
    width: 340px;
}

.fld-kartenfolgenummer .field-input input {
    width: 191px;
    padding-left: 140px;
}

/* @end */

/* @group fld-sealone-id */
.fld-sealone-id, .fld-sealone-id .field-group {
    width: 120px;
}

.fld-sealone-id .field-input input {
    width: 85px;
    padding-left: 26px;
}

/* @end */
/* @group fld-sealone-alias */
.fld-sealone-alias, .fld-sealone-alias .field-group {
    width: 318px;
}

.fld-sealone-alias, .fld-sealone-alias-einrichtungswizard .field-group {
    width: 318px;
}

.fld-sealone-alias .field-input input {
    width: 211px;
    padding-left: 97px;
}

.fld-sealone-alias-einrichtungswizard .field-input input {
    width: 153px;
    padding-left: 156px;
}

/* @end */
/* @group fld-neuerAlias */
.fld-neuerAlias, .fld-neuerAlias .field-group {
    width: 340px;
}

.fld-neuerAlias .field-input input {
    width: 222px;
    padding-left: 109px;
}

/* @end */
/* @group fld-monat */
.fld-monat, .fld-monat .field-group {
    width: 340px;
}

.fld-monat .field-input input {
    width: 279px;
    padding-left: 52px;
}

/* @end */
/* @group fld-jahr */
.fld-jahr, .fld-jahr .field-group {
    width: 340px;
}

.fld-jahr .field-input input {
    width: 289px;
    padding-left: 42px;
}

/* @end */
/* @group fld-newpin */
.fld-newpin, .fld-newpin .field-group {
    width: 345px;
}

.fld-newpin .field-input input {
    width: 227px;
    padding-left: 109px;
}

/* @end */
/* @group fld-newpin-repeat */
.fld-newpin-repeat, .fld-newpin-repeat .field-group {
    width: 345px;
}

.fld-newpin-repeat .field-input input {
    width: 207px;
    padding-left: 129px;
}

/* @end */
/* @group fld-daterange */
.fld-daterange {
    width: 260px;
    margin-top: 2px;
}

.fld-daterange .field-group, .fld-daterange .field-ft {
    width: 174px;
}

.fld-daterange .field-label b {
    visibility: hidden;
}

.fld-daterange .field-input input {
    width: 158px;
    text-align: center;
}

.fld-daterange label {
    height: 16px;
}

.frm-sales .fld-daterange {
    position: absolute;
    left: -81px;
    top: 21px;
}

.js .frm-sales .fld-daterange {
    top: 23px;
}

/* @end */
/* @group fld-country */
.fld-country {
    width: 360px;
}

.form .country-select-state-disabled .fld-country {
    width: 290px;
    margin-right: 0
}

.form .country-select-state-disabled .field-utilities .action-help {
    display: none;
}

.fld-country .field-group, .fld-country .field-ft {
    width: 280px;
}

.fld-country .field-input input {
    width: 226px;
    padding-left: 45px;
}

/* @end */
/* @group fld-select-country */
.fld-select-country {
    width: 300px;
}

.fld-select-country .field-group, .fld-select-country .field-ft {
    width: 300px;
}

.fld-select-country .field-input input {
    width: 226px;
    padding-left: 45px;
}

.fld-select-country .field-group dt a {
    width: 254px
}

.frm-bicsuche .fld-select-country .select-list {
    height: 262px;
    width: 298px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* @end */
/* @group fld-ibanoraccount */
.fld-ibanoraccount, .fld-ibanoraccount .field-group {
    width: 280px;
}

.fld-ibanoraccount .field-input input {
    width: 101px;
    padding-left: 170px;
}

/* @end */
/* @group fld-bicorbankcode */
.fld-bicorbankcode {
    width: 380px;
}

.fld-bicorbankcode .field-group, .fld-bicorbankcode .field-ft {
    width: 280px;
}

.fld-bicorbankcode .field-input input {
    width: 137px;
    padding-left: 134px;
}

/* @end */
/* @group fld-bank-name */
.fld-bank-name, .fld-bank-name .field-group {
    width: 300px;
}

.fld-bank-name .field-input input {
    width: 240px;
    padding-left: 51px;
}

.frm-bicsuche .fld-bank-name .field-input input {
    width: 178px;
    padding-left: 113px;
}

.AzvErfassen .fld-bank-name, .AzvErfassen .fld-bank-name .field-group {
    width: 380px;
}

.AzvErfassen .fld-bank-name .field-input input {
    width: 318px;
    padding-left: 51px;
}

.frm-azv .fld-bank-name, .frm-azv .fld-bank-name .field-group {
    width: 380px;
}

.frm-azv .fld-bank-name .field-input input {
    width: 320px;
    padding-left: 51px;
}

/* @end */
/* @group fld-bank-city */
.fld-bank-city, .fld-bank-city .field-group {
    width: 280px;
}

.fld-bank-city .field-input input {
    width: 237px;
    padding-left: 33px;
}

.frm-bicsuche .fld-bank-city .field-input input {
    width: 256px;
}

.frm-bicsuche .fld-bank-city, .frm-bicsuche .fld-bank-city .field-group {
    width: 300px;
}

.AzvErfassen .fld-bank-city, .AzvErfassen .fld-bank-city .field-group {
    width: 315px;
}

.AzvErfassen .fld-bank-city .field-input input {
    width: 268px;
    padding-left: 35px;
}

.frm-azv .fld-bank-city, .frm-azv .fld-bank-city .field-group {
    width: 380px;
}

.frm-azv .fld-bank-city .field-input input {
    width: 334px;
    padding-left: 35px;
}

/* @end */
/* @group fld-bic */
.fld-bank-bic, .fld-bank-bic .field-group {
    width: 300px;
}

.fld-bank-bic .field-input input {
    width: 254px;
    padding-left: 37px;
}

/* @end */
/* @group fld-target-country */
.fld-target-country {
    width: 380px;
}

.fld-target-country .field-group, .fld-target-country .field-ft {
    width: 280px;
}

.fld-target-country .field-input input {
    width: 208px;
    padding-left: 63px;
}

/* @end */
/* @group fld-street */
.fld-street, .fld-street .field-group {
    width: 280px;
}

.fld-street .field-input input {
    width: 210px;
    padding-left: 60px;
}

.AzvErfassen .fld-street, .AzvErfassen .fld-street .field-group {
    width: 380px;
}

.AzvErfassen .fld-street .field-input input {
    width: 310px;
    padding-left: 56px;
}

.frm-azv .fld-street, .frm-azv .fld-street .field-group {
    width: 380px;
}

.frm-azv .fld-street .field-input input {
    width: 314px;
    padding-left: 56px;
}

/* @end */
/* @group fld-housenumber */
.fld-housenumber, .fld-housenumber .field-group {
    width: 135px;
}

.fld-housenumber .field-input input {
    width: 54px;
    padding-left: 64px;
}

/* @end */
/* @group fld-plz */
.fld-plz, .fld-plz .field-group {
    width: 150px;
}

.fld-plz .field-input input {
    width: 102px;
    padding-left: 39px;
}

/* @end */
/* @group fld-startdate */
.fld-startdate {
    width: 320px;
}

.fld-startdate .field-group, .fld-startdate .field-ft {
    width: 260px;
}

/*.fld-startdate .field-input input { width: 103px; padding-left: 146px; } */
.fld-startdate .field-input input {
    padding-left: 170px;
    width: 79px;
}

.frm-dauerauftrag fieldset .fld-startdate {
    float: none;
    margin-bottom: 8px
}

/* @end */
/* @group fld-nextdate */
.fld-nextdate {
    width: 320px;
}

.fld-nextdate .field-group, .fld-startdate .field-ft {
    width: 260px;
}

.fld-nextdate .field-input input {
    width: 82px;
    padding-left: 165px;
}

/* @end */
/* @group fld-executedate */
.fld-execute-date {
    width: 280px;
}

.fld-execute-date .field-group, .fld-execute-date .field-ft {
    width: 240px;
}

.fld-execute-date .field-input input {
    width: 96px;
    padding-left: 135px;
}

/* @end */
/* @group fld-ausfuehrungsdatumstandard */
.fld-ausfuehrungsdatumstandard {
    width: 300px;
}

.fld-ausfuehrungsdatumstandard .field-group,
.fld-ausfuehrungsdatumstandard .field-ft {
    width: 240px;
}

.fld-ausfuehrungsdatumstandard .field-input input {
    width: 86px;
    padding-left: 145px;
}

/* @end */
/* @group fld-ausfuerungs-datum */
.fld-ausfuerungs-datum {
    width: 300px;
    margin-bottom: 8px
}

.fld-ausfuerungs-datum .field-group,
.fld-ausfuerungs-datum .field-ft {
    width: 240px;
}

.fld-ausfuerungs-datum .field-input input {
    width: 86px;
    padding-left: 147px;
}

/* @end */
/* @group fld-enddate */
.fld-enddate {
    width: 320px;
}

.fld-enddate .field-group, .fld-enddate .field-ft {
    width: 260px;
}

.fld-enddate .field-input input {
    width: 118px;
    padding-left: 130px;
}

/* @end */
/* @group fld-aufhebungs-datum */
.fld-aufhebungs-datum {
    width: 300px;
}

.fld-aufhebungs-datum .field-group, .fld-aufhebungs-datum .field-ft {
    width: 240px;
}

.fld-aufhebungs-datum .field-input input {
    width: 102px;
    padding-left: 129px;
}

/* @end */
/* @group fld-dday-day */
.fld-dday-day, .fld-dday-day .field-group {
    width: 140px;
}

.fld-dday-day .field-input input {
    width: 87px;
    padding-left: 44px;
}

.frm-dauerauftrag .fld-dday-day {
    float: left
}

.frm-dauerauftrag .fld-dday-day, .frm-dauerauftrag .fld-dday-day .field-group {
    width: 40px;
}

.frm-dauerauftrag .fld-dday-day .field-input input {
    width: 21px;
    padding-left: 10px;
}

.frm-sparauftrag-sparoptionen .fld-dday-day {
    width: 300px;
}

.frm-sparauftrag-sparoptionen .fld-dday-day .field-group {
    width: 40px;
}

.frm-sparauftrag-sparoptionen .fld-dday-day .field-input input {
    width: 21px;
    padding-left: 10px;
}

.frm-sparauftrag-sparoptionen .fld-dday-day .field-label label {
    width: 0;
}

/* @end */
/* @group fld-radio-dday-day */
.frm-dauerauftrag .fld-radio-dday-day {
    width: 100px;
    float: left
}

/* @end */
/* @group fld-select-dday-day */
.frm-dauerauftrag .fld-select-dday-day {
    float: left;
    width: 216px
}

.frm-dauerauftrag .fld-select-dday-day .field-input input {
    width: 102px;
    padding-left: 129px;
}

.frm-dauerauftrag .fld-select-dday-day .field-label {
    float: left
}

.frm-dauerauftrag .fld-select-dday-day .field-dropdown {
    float: left
}

.frm-dauerauftrag .fld-select-dday-day .field-dropdown .select-menu {
    padding: 1px 0 0 0
}

.frm-dauerauftrag ul.select-optgroup .select-option {
    float: none;
    margin-right: 0
}

/* @end */

/* @group fld-dday-weeks */
.fld-dday-weeks, .fld-dday-weeks .field-group {
    width: 140px;
}

.fld-dday-weeks .field-input input {
    width: 66px;
    padding-left: 65px;
}

.frm-dauerauftrag .fld-dday-weeks, .fld-dday-weeks .field-group {
    width: 100px;
}

.frm-dauerauftrag .fld-dday-weeks .field-input input {
    width: 80px;
    padding-left: 10px;
}

/* @end */
/* @group fld-dday-months */
.fld-dday-months, .fld-dday-months .field-group {
    width: 140px;
}

.fld-dday-months .field-input input {
    width: 71px;
    padding-left: 60px;
}

.frm-dauerauftrag .fld-dday-months, .fld-dday-months .field-group {
    width: 100px;
}

.frm-dauerauftrag .fld-dday-months .field-input input {
    width: 80px;
    padding-left: 10px;
}

/* @end */
/* @group fld-minamount */
.fld-minamount, .fld-minamount .field-group {
    width: 200px;
}

.fld-minamount .field-input input {
    padding-left: 82px;
    padding-right: 18px;
    text-align: right;
    width: 96px;
}

/* @end */
/* @group fld-maxamount */
.fld-maxamount, .fld-maxamount .field-group {
    width: 200px;
}

.fld-maxamount .field-input input {
    padding-left: 80px;
    padding-right: 18px;
    text-align: right;
    width: 98px;
}

.frm-sparauftrag .fld-maxamount {
    width: 230px
}

/* @end */
/* @group fld-restamount */
.fld-restamount, .fld-restamount .field-group {
    width: 200px;
}

.fld-restamount .field-input input {
    padding-left: 80px;
    padding-right: 18px;
    text-align: right;
    width: 97px;
}

.frm-sparauftrag .fld-restamount {
    width: 230px
}

/* @end */
/* @group fld-otheraccount */
.fld-otheraccount, .fld-otheraccount .field-group {
    width: 314px;
}

.fld-otheraccount .field-input input {
    width: 176px;
    padding-left: 129px;
}

.frm-sparauftrag .fld-otheraccount {
    width: 350px;
}

/* @end */
/* @group fld-pbaccount */
.fld-pbaccount, .fld-pbaccount .field-group {
    width: 300px;
}

.fld-pbaccount .field-input input {
    width: 216px;
    padding-left: 75px;
}

/* @end */
/* @group fld-payout-country */
.fld-payout-country {
    width: 400px;
}

.fld-payout-country .field-group, .fld-payout-country .field-ft {
    width: 280px;
}

.fld-payout-country .field-input input {
    width: 149px;
    padding-left: 122px;
}

/* @end */
/* @group fld-forname */
.fld-forname, .fld-forname .field-group {
    width: 200px;
}

.fld-forname .field-input input {
    width: 120px;
    padding-left: 71px;
}

/* @end */
/* @group fld-codeword */
.fld-codeword {
    width: 320px;
}

.fld-codeword .field-group {
    width: 280px;
}

.fld-codeword .field-input input {
    width: 197px;
    padding-left: 74px;
}

/* @end */
/* @group fld-code */
.fld-code, .fld-code .field-group {
    width: 200px;
}

.fld-code .field-input input {
    width: 144px;
    padding-left: 47px;
}

/* @end */
/* @group fld-signalname */
.fld-signalname, .fld-signalname .field-group {
    width: 400px;
}

.fld-signalname .field-input input {
    width: 339px;
    padding-left: 50px;
}

/* @end */
/* @group fld-signaltext */
.fld-signaltext {
    margin-top: 8px;
}

.fld-signaltext, .fld-signaltext .field-group {
    width: 400px;
    height: 100px;
}

.fld-signaltext .field-textarea textarea {
    width: 386px;
    padding-left: 5px;
    padding-top: 25px;
    height: 68px;
}

.fld-signaltext, .fld-signaltext p {
    margin-top: 5px;
}

/* @end */
/* @group frm-signaluebermittlung */
.frm-signaluebermittlung {
    margin-top: 30px;
}

/* @end */
/* @group fld-search-blz */
.fld-search-blz, .fld-search-blz .field-group {
    width: 280px;
}

.fld-search-blz .field-input input {
    width: 262px;
    padding-left: 6px;
}

.fld-search-blz .field-label {
    height: 28px
}

/* @end */
/* @group fld-search-transfers */
.fld-search-transfers, .fld-search-transfers .field-group {
    width: 280px;
}

.fld-search-transfers .field-input input {
    width: 190px;
    padding-left: 61px;
    padding-right: 25px;
}

/* @end */
/* @group fld-intervalMonatWoche */
.fld-intervalMonatWoche .field-ft {
    width: 280px;
    margin-left: 60px
}

.fld-intervalMonatWoche .state-error .field-ft {
    margin-left: 0
}

/* @end */
/* @group fld-intervalMonatWoche */
.fld-accessrights-choice .fld-radio label span + span {
    font-weight: 500;
}

/* @end */
.frm-umsatzfilter {
    position: absolute;
    top: 44px;
    left: 488px;
    z-index: 1;
    overflow: visible;
}

.frm-auftraglisten-anzeigen a.action-button-secondary {
    position: absolute;
    top: 6px;
    z-index: 100;
}

.frm-umsatzfilter .field-label label {
    text-align: left;
}

.frm-umsatzfilter .field-group {
    text-align: left;
}

/* @group fld-search-blz */
.fld-search-umsatz, .fld-search-umsatz .field-group {
    width: 268px;
}

.fld-search-umsatz .field-group .field-input input {
    width: 182px;
    padding-left: 58px;
    padding-right: 25px;
}

/* @end */

/* @group fld-search-template */
.frm-suche-auftragsliste .fld-suchbegriff, .frm-suche-auftragsliste .fld-suchbegriff .field-group {
    width: 129px;
    height: 24px;
    line-height: 22px;
}

.frm-suche-auftragsliste .fld-suchbegriff .field-input input {
    font-size: 12px;
    width: 105px;
    height: 18px;
    padding: 4px 20px 0 2px;
}

.frm-suche-auftragsliste .fld-suchbegriff {
    float: right;
    margin: 0 !important;
}

.frm-suche-auftragsliste .fld-suchbegriff .field-label label {
    text-align: left;
}

/* @end */

/* @group fld-search-recipient */
.fld-search-recipient, .fld-search-recipient .field-group {
    width: 280px;
}

.fld-search-recipient .field-input input {
    width: 190px;
    padding-left: 61px;
    padding-right: 25px;
}

/* @end */
/* @group fld-search-template */
.fld-search-template, .fld-search-template .field-group {
    width: 280px;
}

.fld-search-template .field-input input {
    width: 190px;
    padding-left: 61px;
    padding-right: 25px;
}

.search-ueberweisung-vorlagen .fld-search-template {
    float: right;
    margin: 0 15px 8px 0
}

/* @end */
/* @group search-field-reset */
.field-group .field-reset a {
    position: absolute;
    z-index: 3;
    right: 5px;
    top: 4px;
    cursor: pointer;
    border: none;
    width: 19px;
    height: 22px;
    background-image: url(image/search-x.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.field-group .field-reset img {
    display: none;
}

/* @end */
/* @group suchbegriff */
.frm-vorlagensuche .fld-suchbegriff input {
    height: 15px;
    padding: 0px 5px;
}

.frm-vorlagensuche .fld-suchbegriff input {
    width: 85px;
}

.frm-vorlagensuche .fld-suchbegriff .field-group {
    background-image: url(image/fld-search-input.png);
    width: 100px;
    height: 18px;
}

.frm-vorlagensuche .fld-suchbegriff .field-input {
    position: absolute;
}

.tbl-orderlists th.id-action {
    width: 120px;
    position: relative;
    padding: 0;
}

.tbl-orderlists th.id-action .id-action-span {
    position: relative;
}

.tbl-orderlists th.id-options {
    padding: 0;
}

.tbl-orderlists td.headers-reference ul {
    list-style-type: none;
}

.tbl-orderlists th.id-options,
.tbl-orderlists td.headers-options {
    text-align: right;
}

.frm-suche-auftragsliste .field-group {
    text-align: left;
}

.frm-suche-auftragsliste .fld-suchbegriff .field-utilities {
    display: none;
}

.frm-suche-auftragsliste .fld-suchbegriff .field-reset a {
    top: 2px;
    right: 0;
}

.fld-checkbox-save-konto-login {
    float: none;
    width: 100%;
    overflow: hidden;
}

/* @end */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Autocomplete */
/* -------------------------------------------------------------------------------------------------------------------------- */
.ui-autocomplete {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #b0b5c2;
    border-right: 1px solid #b0b5c2;
    border-bottom: 1px solid #b9bdc7;
    border-left: 1px solid #b0b5c2;
    float: left;

    z-index: 1111 !important;
}

.borderradius .ui-autocomplete,
.borderradius .ui-autocomplete li.last-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.boxshadow .ui-autocomplete {
    -o-box-shadow: 0 2px 10px #b0b5c2;
    -moz-box-shadow: 0 2px 10px #b0b5c2;
    -webkit-box-shadow: 0 2px 10px #b0b5c2;
    box-shadow: 0 2px 10px #b0b5c2;
}

.ui-autocomplete li {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #f3f5f9;
    border-bottom: 1px solid #e7e7f1;
    border-left: 1px solid #edf1f5;
    white-space: nowrap;
}

.ui-autocomplete li.first-child {
    border-top-width: 2px;
}

.ui-autocomplete li a {
    display: block;
    padding: 4px 8px 4px 8px;
    background: #eff4fa;
    letter-spacing: 0.3;
}

.ui-autocomplete li a {
    color: #919191;
    cursor: pointer;
}

.cssgradients .ui-autocomplete li a,
.cssgradients .ui-autocomplete li span {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8EDF4), to(#E0E6EE), color-stop(.7, #D8DFE8));
    background: -moz-linear-gradient(0% 100% 90deg, #E8EDF4, #E0E6EE, #D8DFE8 70%);
}

.no-cssgradients .ui-autocomplete li a,
.no-cssgradients .ui-autocomplete li span {
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E8EDF4, EndColorStr=#E0E6EE);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E8EDF4,EndColorStr=#E0E6EE)"
}

.ui-autocomplete li.selected a,
.ui-autocomplete li a:hover,
.ui-autocomplete .ui-state-hover {
    background: #D8DFE8 !important;
    color: #4c4c4c;
}

.cssgradients .ui-autocomplete li.selected a,
.cssgradients .ui-autocomplete li a:hover,
.cssgradients .ui-autocomplete .ui-state-hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8DFE8), to(#E0E6EE), color-stop(.7, #E8EDF4));
    background: -moz-linear-gradient(0% 100% 90deg, #D8DFE8, #E0E6EE, #E8EDF4 70%);
}

.no-cssgradients .ui-autocomplete li.selected a,
.no-cssgradients .ui-autocomplete li a:hover,
.no-cssgradients .ui-autocomplete .ui-state-hover {
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#D8DFE8, EndColorStr=#E8EDF4);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D8DFE8,EndColorStr=#E8EDF4)"
}

.ui-autocomplete li a b {
    color: #000066;
}

.ui-autocomplete li.last-child {
    text-align: right;
}

.ui-autocomplete li.last-child a,
.ui-autocomplete li.last-child a:hover {
    background: #eff4fa;
}

.js span.ajax-loader {
    background: transparent url(image/ajax-loader.gif) 0 0 no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -24px;
    z-index: 99;
    display: none;
}

span.action-all-results {
    background: transparent url(image/action-links.png) 0 0 no-repeat !important;
    color: #000066 !important;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Radio */
/* -------------------------------------------------------------------------------------------------------------------------- */

ul.display-horizontal {
    list-style-type: none;
}

ul.display-horizontal li {
    float: left;
}

.frm-dauerauftragintervalleingabeform ul.display-horizontal li {
    margin-right: 10px;
}

.frm-dauerauftragintervalleingabeform ul.display-vertical li,
.frm-kontoauszugsvereinbarung ul.display-vertical li {
    margin-bottom: 8px;
}

.frm-dauerauftragintervalleingabeform ul.display-vertical li .display-horizontal li {
    margin-bottom: 0;
}

.frm-sepa-dauerauftrag-aendern .placeholder-sepa-dauerauftrag .action-more,
.frm-dauerauftrag-bearbeiten .placeholder-dauerauftrag .action-more {
    display: none;
}

ul.display-vertical li {
    float: none;
}

ul li.display-vertical span {
    float: none;
}

.fld-radio .legend,
.fld-checkbox .legend,
.fld-toggle .legend {
    display: none;
}

.radio-one-line li {
    float: left;
    padding-right: 28px;
}

.fld-radio .field-group,
.fld-checkbox .field-group {
    line-height: 28px;
}

.fld-radio .field-group label,
.fld-checkbox .field-group label,
.fld-dropdown .field-group label {
    color: #000066;
    padding: 6px 0 6px 8px;
    font-size: 12px;
}

.fld-radio .field-group label a,
.fld-checkbox .field-group label a,
.fld-dropdown .field-group label a {
    text-decoration: underline;
}

.fld-radio .field-utilities,
.fld-checkbox .field-utilities,
.fld-dropdown .field-utilities {
    display: block;
    padding: 6px 0;
}

.fld-radio .display-horizontal li.first-child {
    margin-right: 15px;
}

/* Customize */
.fld-custom {
    position: relative;
    display: block;
}

.fld-custom input {
    position: absolute;
    left: 4px;
    top: 7px;
    margin: 0;
    z-index: 0;
    width: 1px;
    height: 1px;
}

.no-js .fld-custom input {
    width: auto;
    height: auto;
}

.js .field-radio input,
.js .field-checkbox input {
    top: 0em;
    left: -999em;
}

.fld-radio .fld-custom label {
    min-height: 33px;
    position: relative;
    z-index: 1;
    padding-left: 28px;
}

.fld-checkbox .fld-custom label {
    padding-left: 28px;
    padding-top: 0;
    display: inline-block;
    min-height: 33px;
    background-position: left 2px;
}

.js .fld-custom .field-radio .radio-no-label label {
    padding-left: 18px;
}

.js .fld-custom .field-checkbox .checkbox-no-label label {
    padding-left: 18px;
}

.fld-custom .field-checkbox label,
.fld-custom .field-radio label {
    padding-left: 28px;
}

.checkbox-no-label .fld-custom label,
.radio-no-label .fld-custom label {
    display: inline-block;
    height: 10px;
}

.radio-no-label .fld-custom .field-radio label {
    padding-left: 24px;
}

.js .fld-custom .field-checkbox label {
    background-image: url(image/checkbox-default.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-default.png');
}

.js .state-disabled .field-checkbox label {
    background-image: url(image/checkbox-disabled.png) !important;
    background-image: none;
    color: #999;
    cursor: auto;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-default.png');
}

.no-js .form-disabled .fld-checkbox label {
    background-image: none;
    color: #999;
    cursor: auto;
}

.js .fld-custom .field-radio label {
    background-image: url(image/radio-default.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    background-position: 0 1px;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/radio-default.png');
}

.js fieldset .state-disabled .field-radio label {
    background-image: url(image/radio-disabled.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    background-position: 0 2px;
    color: #999;
    cursor: auto;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/radio-disabled.png');
}

.no-js .form-disabled .fld-radio label {
    background-image: none;
    color: #999;
    cursor: auto;
}

.js fieldset .state-disabled .field-radio label.checked {
    background-image: url(image/radio-disabled-checked.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/radio-disabled-checked.png');
}

.js .fld-custom .field-checkbox label.focus,
.js .fld-custom .field-checkbox label:focus {
    background-image: url(image/checkbox-focus.png) !important;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-default.png');
}

.js .fld-custom .field-radio label.focus {
    background-image: url(image/radio-focus.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/radio-focus.png');
}

.js .fld-custom .field-checkbox label.checked {
    background-image: url(image/checkbox-checked.png) !important;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-default.png');
}

.js .state-disabled .field-checkbox label.checked {
    background-image: url(image/checkbox-disabled-checked.png) !important;
    background-image: none;
    cursor: text;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-default.png');
}

.js .fld-custom .field-radio label.checked {
    background-image: url(image/radio-checked.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/radio-checked.png');
    padding-left: 28px;
}

.js .fld-custom .field-radio label.checked.focus,
.js .fld-custom .field-radio label.checkedFocus {
    background-image: url(image/radio-focus-checked.png) !important;
    background-repeat: no-repeat;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/radio-focus-checked.png');
    padding-left: 28px;
}

.js .fld-custom .field-checkbox label.checked.focus,
.js .fld-custom .field-checkbox label.checkedFocus {
    background-image: url(image/checkbox-focus-checked.png) !important;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-focus-checked.png.png');
}

.js .fld-custom .field-checkbox .state-disabled label {
    color: #ccc;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Field Toggle */
/* -------------------------------------------------------------------------------------------------------------------------- */
.fld-toggle .field-cn {
    overflow: hidden;
}

.fld-toggle .field-group {
    line-height: 28px;
}

.fld-toggle .field-group label {
    color: #000066;
    padding: 6px 0 6px 8px;
    font-size: 12px;
}

.fld-toggle .field-utilities {
    display: block;
    line-height: 28px;
}

.fld-toggle .field-group-list {
    float: left;
}

.fld-toggle .field-group-list li {
    float: left;
}

.fld-toggle .fld-custom {
    line-height: 16px;
}

.js .fld-toggle .fld-custom label {
    padding: 5px 9px;
    border: 1px solid #9ba6bc;
    background-color: #EDF0F5;
    background-image: url(image/toggle.png) !important;
    background-repeat: repeat-x;
    background-position: 100% 0;
    display: block;
    width: auto;
    font-weight: 400;
}

/*.js .frm-sales .ovHid {overflow: hidden;}
.js .frm-sales .ovVis {overflow: visible;}*/
.js .frm-sales .fld-toggle .fld-custom label {
    padding: 3px 9px 3px 9px;
}

.js .frm-sales .fld-toggle .field-hd {
    display: none;
}

.js .fld-toggle .fld-custom .field-radio label.focus {
    background-image: url(image/toggle.png) !important;
    background-repeat: repeat;
    padding-left: 9px;
}

.js .fld-toggle .first-child .fld-custom label {
    border-width: 1px 0px 1px 1px;
}

.js .fld-toggle .fld-custom label.checked {
    background-color: #d5dce5;
    background-repeat: repeat-x;
    background-position: 0 -28px;
    padding-left: 9px;
}

.fld-toggle li.first-child .fld-custom label {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fld-toggle li.last-child .fld-custom label {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fld-toggle .field-bd .field-group {
    float: none;
}

.fld-toggle .toggle-ft {
    clear: left;
}

.js .field .state-disabled a {
    cursor: default !important;
}

/* @end *//* @end */
/* @group Dauerauftrag */

.col-standingorder {
    width: 440px;
    float: left;
}

fieldset.second-level {
    padding-left: 60px;
}

/* @end */

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Dropdown */
/* -------------------------------------------------------------------------------------------------------------------------- */
/*
.fld-dropdown .field-group,
.fld-dropdown .field-dropdown {
  display: block;
  background: #f90;
}
*/

.js .fld-dropdown .field-ft {
    display: none;
}

.page-title .content-heading-extension {
    margin: 0px 10px 0 -15px;
}

.fld-dropdown .field-bd {
    float: left;
}

.fld-dropdown .field-bd:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.js .fld-dropdown .field-bd .field-group .field-label,
.js .fld-dropdown .field-bd .field-group select {
    display: none;
}

.fld-dropdown .field-group dl {
    margin: 0;
}

.fld-dropdown .field-group dl:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

/* Selected Item */
.fld-dropdown .field-group dt {
    background: #ecf0f8;
    border: 1px solid;
    border-color: #bdc7d3 #b8c0c9 #acb2ba #b6bec8;
    /*float: left;*/
}

.fld-dropdown .field-group .state-open dt {
    background: #ebf0f8;
}

.fld-dropdown .field-group dt a {
    display: block;
    padding: 4px 36px 4px 8px;
    /* background-color: #ebf0f8; */
    background-image: url(image/fld-dropdown.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    color: #4C4C4C;
    font-weight: bold;
}

.fld-dropdown .state-disabled dt a {
    color: #999;
}

.fld-dropdown .field-group dt a b {
    color: #000066;
}

.fld-dropdown .state-disabled dt a b {
    color: #999;
}

.fld-dropdown .field-group .state-open dt a {
    background-position: 100% -24px;
}

.borderradius .fld-dropdown .field-group dt {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.cssgradients .fld-dropdown .field-group dt {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2dcef), to(#ebf0f8), color-stop(.6, #dce4f3));
    background: -moz-linear-gradient(0% 100% 90deg, #d2dcef, #dce4f3, #ebf0f8 100%);
}

.cssgradients .fld-dropdown .field-group .state-open dt {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf0f8), to(#d2dcef), color-stop(.6, #dce4f3));
    background: -moz-linear-gradient(0% 100% 90deg, #ebf0f8, #dce4f3, #d2dcef 100%);
}

.textshadow .fld-dropdown .field-group dt a {
    text-shadow: #fff 1px 1px 1px;
}

.fld-dropdown .field-group dd {
    clear: both;
}

.fld-dropdown .field-group dl {
    position: relative;
}

.fld-dropdown .field-group dd {
    position: absolute;
    z-index: 1111;
    /*top: 26px;*/
}

.fld-dropdown .field-group dd {
    display: none;
}

.js .fld-dropdown .field-bd .state-open-above dd {
    bottom: 24px;
}

.fld-kontoauswahl .field-group ul,
.fld-dropdown .field-group ul,
.ui-autocomplete {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #b0b5c2;
    border-right: 1px solid #b0b5c2;
    border-bottom: 1px solid #b9bdc7;
    border-left: 1px solid #b0b5c2;

    /* js generated */
    z-index: 1111 !important;
}

.borderradius .fld-dropdown .field-group ul,
.borderradius .fld-dropdown .field-group li.last-child,
.borderradius .ui-autocomplete,
.borderradius .ui-autocomplete li.last-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.boxshadow .fld-dropdown .field-group ul /*,
.boxshadow .fld-select .field-group ul*/
{
    -o-box-shadow: 0px 4px 10px #b0b5c2;
    -moz-box-shadow: 0px 4px 10px #b0b5c2;
    -webkit-box-shadow: 0px 4px 10px #b0b5c2;
    box-shadow: 0px 4px 10px #b0b5c2;
}

.boxshadow .ui-autocomplete {
    -o-box-shadow: 0 2px 10px #b0b5c2;
    -moz-box-shadow: 0 2px 10px #b0b5c2;
    -webkit-box-shadow: 0 2px 10px #b0b5c2;
    box-shadow: 0 2px 10px #b0b5c2;
}

.fld-dropdown .field-group li,
.ui-autocomplete li {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #f3f5f9;
    border-bottom: 1px solid #e7e7f1;
    border-left: 1px solid #edf1f5;
    width: 100%;
    white-space: nowrap;
}

.fld-dropdown .field-group li.first-child,
.ui-autocomplete li.first-child {
    border-top-width: 2px;
}

.fld-dropdown .field-group li a,
.ui-autocomplete li a,
.fld-dropdown .field-group li span {
    display: block;
    padding: 4px 8px 4px 8px;
    background: #eff4fa;
    letter-spacing: 0.3;
}

.fld-dropdown .field-group li.state-disabled span {
    color: #c0c0c0;
}

.fld-dropdown .field-group li span {
    cursor: default;
}

.fld-dropdown .field-group li a,
.ui-autocomplete li a {
    color: #919191;
    cursor: pointer;
}

.fld-dropdown .field-group li a,
.fld-dropdown .field-group li span {
    font-size: 12px;
    font-weight: 700;
}

.cssgradients .fld-dropdown .field-group li a,
.cssgradients .ui-autocomplete li a,
.cssgradients .fld-dropdown .field-group li span,
.cssgradients .ui-autocomplete li span {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8EDF4), to(#E0E6EE), color-stop(.7, #D8DFE8));
    background: -moz-linear-gradient(0% 100% 90deg, #E8EDF4, #E0E6EE, #D8DFE8 70%);
}

.no-cssgradients .fld-dropdown .field-group li a,
.no-cssgradients .fld-dropdown .field-group li span {
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E8EDF4, EndColorStr=#D8DFE8);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E8EDF4,EndColorStr=#D8DFE8)"
}

.no-cssgradients .fld-dropdown .field-group li a:hover,
.no-cssgradients .fld-dropdown .field-group li span:hover,
.no-cssgradients .fld-dropdown .field-group li .ui-state-hover,
.no-cssgradients .fld-dropdown .field-group li.selected a,
.no-cssgradients .fld-dropdown .field-group li.selected span {
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E8EDF4, EndColorStr=#D8DFE8);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E8EDF4,EndColorStr=#D8DFE8)"
}

.fld-dropdown .field-group li a:hover,
    /*.fld-select .field-group li a:hover,*/
.ui-autocomplete li.selected a, /* Wicket Class: selected */
.ui-autocomplete li a:hover {
    background: #D8DFE8;
    color: #4c4c4c;
}

.cssgradients .fld-dropdown .field-group li a:hover,
    /*.cssgradients .fld-select .field-group li a:hover,*/
.cssgradients .ui-autocomplete li.selected a, /* Wicket Class: selected */
.cssgradients .ui-autocomplete li a:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8DFE8), to(#E0E6EE), color-stop(.7, #E8EDF4));
    background: -moz-linear-gradient(0% 100% 90deg, #D8DFE8, #E0E6EE, #E8EDF4 70%);
}

.wicket-aa-container {
    overflow: visible !important;
}

.ui-autocomplete li a b {
    color: #000066;
}

.ui-autocomplete li.last-child {
    text-align: right;
}

.ui-autocomplete li.last-child a,
.ui-autocomplete li.last-child a:hover {
    background: #eff4fa;
}

.js .fld-dropdown .field-bd dl a,
.js .fld-dropdown .field-bd dd span {
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* @group Select */
/* -------------------------------------------------------------------------------------------------------------------------- */

.fld-select .field-bd:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.js .fld-select .field-bd .field-group .field-label,
.js .fld-select .field-bd .field-group select {
    left: -999em;
    position: absolute;
}

.fld-select .field-group dl {
    margin: 0;
}

.fld-select .field-group dl:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

/* Selected Item */

.fld-select .field-group dt {
    background: #ecf0f8;
    border: 1px solid;
    border-color: #bdc7d3 #b8c0c9 #acb2ba #b6bec8;
}

.fld-select .field-group dl.state-disabled dt {
    background: #e8edf3;
}

.fld-select .field-group .state-open dt {
    background: #ebf0f8;
}

.fld-select .field-group dt a {
    display: block;
    padding: 4px 36px 4px 8px;
    background-image: url(image/fld-dropdown-filter.png);
    background-position: 100% -51px;
    background-repeat: no-repeat;
    color: #4C4C4C;
    font-weight: bold;
}

.fld-select .field-group dl.state-disabled dt a {
    color: #999;
    font-weight: bold;
    background-position: 100% -75px;
}

.fld-select .field-group .state-open dt a {
    background-position: 100% -24px;
}

.fld-select .field-group dt a b {
    color: #000066;
    margin-right: 5px;
}

.fld-select .field-group dl.state-disabled dt a b {
    color: #999999;
}

.frm-azv .fld-select .field-group dt a,
.frm-sparauftrag-empfaenger .fld-dropdown .field-group dt a {
    font-weight: bold;
}

.frm-azv .fld-select .field-group dt a b,
.frm-sparauftrag-empfaenger .fld-dropdown .field-group dt a b {
    color: #4c4c4c;
}

.frm-azv .fld-select .field-group .state-disabled dt a b,
.frm-sparauftrag-empfaenger .fld-dropdown .field-group .state-disabled dt a b {
    color: #999;
}

.fld-select .field-group .state-open dt a {
    background-position: 100% -24px;
}

.borderradius .fld-select .field-group dt {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.cssgradients .fld-select .field-group dt {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2dcef), to(#ebf0f8), color-stop(.6, #dce4f3));
    background: -moz-linear-gradient(0% 100% 90deg, #d2dcef, #dce4f3, #ebf0f8 100%);
}

.cssgradients .fld-select .field-group .state-open dt {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf0f8), to(#d2dcef), color-stop(.6, #dce4f3));
    background: -moz-linear-gradient(0% 100% 90deg, #ebf0f8, #dce4f3, #d2dcef 100%);
}

.textshadow .fld-select .field-group dt a {
    text-shadow: #fff 1px 1px 1px;
}

.fld-select .field-group dl {
    position: relative;
}

.fld-select .field-group dd {
    clear: both;
    position: absolute;
    z-index: 1111;
}

.fld-currency {
    min-width: 380px;
}

.fld-currency .field-group,
.fld-currency .field-ft {
    min-width: 380px;
}

.fld-currency .field-input {
    min-width: 380px;
}

.frm-azv fieldset .fld-currency,
.frm-azv-scheck fieldset .fld-currency {
    margin-right: 20px;
}

.frm-azv fieldset .fld-currency .field-utilities,
.frm-azv-scheck fieldset .fld-currency .field-utilities {
    margin-left: 20px;
}

.frm-azv fieldset .fld-auftragswaehrung .field-utilities {
    display: none;
}

.fld-currency .select-menu dt a {
    display: block;
    min-width: 334px;
    width: 334px !important;
/ / IE9 Bug
}

.fld-currency .field-group dd {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 260px;
}

.fld-fee-arrangement .field-ft {
    min-width: 400px;
}

.frm-azv-neu .fld-fee-arrangement {
    margin-bottom: 8px;
}

.fld-account-invoices-selection .field-group dd ul {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 265px;
}

.fld-currency .field-group dd ul.select-optgroup {
    margin-bottom: 0;
}

.fld-kontoauszugsvereinbarung .field-group dd {
    position: static; /*prevents cut-off due to overflow:hidden in content-cn*/
}

.fld-kontoauszugsvereinbarung .field-ft {
    min-width: 200px;
}

.fld-select .field-group dd {
    display: none;
}

.js .fld-select .field-bd {
    float: left;
}

.js .fld-select .field-bd .state-open-above dd {
    bottom: 10px;
}

.js .fld-currency .field-bd .state-open-above dd {
    bottom: 27px;
}

.boxshadow .fld-currency .field-bd .state-open-above dd ul {
    -moz-box-shadow: none;
}

.fld-select .field-group ul,
.borderradius .fld-select .field-group ul,
.borderradius .fld-select .field-group li.last-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fld-federal-state .field-group ul {
    max-height: 157px;
    overflow-y: auto;
    overflow-x: hidden;
}

.fld-federal-state .field-group ul li a {
    white-space: normal;
}

.fld-federal-state .field-ft {
    min-width: 100px; /* ie8 fix */
}

.boxshadow .fld-select .field-group ul {
    -o-box-shadow: 0px 4px 10px #b0b5c2;
    -moz-box-shadow: 0px 4px 10px #b0b5c2;
    -webkit-box-shadow: 0px 4px 10px #b0b5c2;
    box-shadow: 0px 4px 10px #b0b5c2;
}

.fld-select .field-group li {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #f3f5f9;
    border-bottom: 1px solid #e7e7f1;
    border-left: 1px solid #edf1f5;
    min-width: 100%;
    white-space: nowrap;
}

.fld-select .field-group li.first-child {
    border-top-width: 2px;
}

.fld-select .field-group li a,
.fld-select .field-group li span {
    display: block;
    padding: 4px 8px 4px 8px;
    background: #eff4fa;
    letter-spacing: 0.3;
}

.fld-select .field-group li.state-disabled span /*,
.fld-select .field-group li.state-disabled span*/
{
    color: #c0c0c0;
}

.fld-select .field-group li span /*,
.fld-select .field-group li span*/
{
    cursor: default;
}

.fld-select .field-group li a {
    color: #919191;
    cursor: pointer;
}

.fld-select .field-group li.state-selected a {
    color: #4c4c4c;
}

.fld-select .field-group li a,
.fld-select .field-group li span {
    font-size: 12px;
    font-weight: 700;
}

.cssgradients .fld-select .field-group li a,
.cssgradients .fld-select .field-group li span {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8EDF4), to(#E0E6EE), color-stop(.7, #D8DFE8));
    background: -moz-linear-gradient(0% 100% 90deg, #E8EDF4, #E0E6EE, #D8DFE8 70%);
}

.no-cssgradients .fld-select .field-group li a,
.no-cssgradients .fld-select .field-group li span {
    /* IE5.5 - IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E8EDF4, EndColorStr=#D8DFE8);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E8EDF4,EndColorStr=#D8DFE8)"
}

.fld-select .field-group li a:hover {
    background: #D8DFE8;
    color: #4c4c4c;
}

.cssgradients .fld-select .field-group li a:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8DFE8), to(#E0E6EE), color-stop(.7, #E8EDF4));
    background: -moz-linear-gradient(0% 100% 90deg, #D8DFE8, #E0E6EE, #E8EDF4 70%);
}

.no-cssgradients .fld-select .field-group li a:hover {
    IE5 .5 -IE7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#D8DFE8, EndColorStr=#E8EDF4);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D8DFE8,EndColorStr=#E8EDF4)"
}

.fld-select ul {
    list-style-type: none !important;
    padding-left: 0px;
}

.tbl-sales th.id-type .fld-select {
    position: absolute;
    top: -1px;
}

.tbl-orderlists th.id-source .fld-select,
.tbl-orderlists th.id-status .fld-select {
    position: absolute;
    top: 43px;
}

.tbl-template-ueberweisung-vorlagen th .field-select dl dt,
.tbl-history-chip-tan th .field-select dl dt,
.tbl-signals .id-headers-type .field-select dl dt,
.tbl-orderlists th.id-source .field-select dl dt,
.tbl-orderlists th.id-status .field-select dl dt,
.tbl-sales th.id-type .field-select dl dt {
    background: none !important;
    border: none !important;
    overflow: hidden;
}

.tbl-template-ueberweisung-vorlagen th .field-select dl dt a,
.tbl-history-chip-tan th .field-select dl dt a,
.tbl-signals th .field-select dl dt a,
.box-message th .field-select dl dt a,
.box-account-statement th .field-select dl dt a,
.tbl-orderlists th .field-select dl dt a,
.tbl-sales th .field-select dl dt a {
    text-indent: -9999px;
}

.no-js .tbl-template-ueberweisung-vorlagen th select,
.no-js .tbl-history-chip-tan th select,
.no-js .tbl-signals th select,
.no-js .box-message th.id-headers-account select,
.no-js .box-message th.id-headers-type select,
.no-js .tbl-account-statement th.id-headers-account select,
.no-js .tbl-orderlists th select {
    display: none;
}

.tbl-template-ueberweisung-vorlagen th .static,
.tbl-history-chip-tan th .static,
.tbl-signals th .static,
.tbl-orderlists th.id-source .static,
.tbl-orderlists th.id-status .static,
.tbl-sales th.id-type .static {
    padding-left: 5px;
    line-height: 24px;
}

.tbl-template-ueberweisung-vorlagen th .fld-select,
.tbl-history-chip-tan th .fld-select,
.tbl-signals th .fld-select,
.tbl-orderlists th.id-source .table-header-wrapper .fld-select,
.tbl-orderlists th.id-status .table-header-wrapper .fld-select {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    margin-right: 0;
}

.tbl-sales th.id-type .field-select dl dt a {
    width: 84px !important;
}

.tbl-sales th.id-type .select-list {
    width: auto !important;
}

.tbl-orderlists th.id-source .field-select dl dt a {
    width: 105px !important;
}

.tbl-orderlists th.id-status .field-select dl dt a {
    width: 103px !important;
}

.tbl-orderlists td fieldset {
    margin-bottom: 0;
}

.tbl-sales .dataTables_filter {
    display: none;
}

.tbl-sales .dataTables_length {
    display: none;
}

.tbl-sales .dataTables_info {
    display: none;
}

.account-dragger {
    display: block;
    width: 7px;
    height: 33px;
    background: transparent url(image/account-dragger.png) 7px 8px no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 7px;
    cursor: url(image/account-drag-cursor.gif), auto;
}

.no-js .account-dragger {
    display: none;
}

.ui-sortable-helper {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

.js .fld-select .field-bd dl a,
.js .fld-select .field-bd dd span {
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

.fld-dropdown ul li,
.fld-select ul li {
    margin-bottom: 0px;
}

.fld-account-selection .field-dropdown {
    margin-right: 20px;
    display: block;
}

.fld-account-selection .field-dropdown select {
    margin-top: 4px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Controls */
/* -------------------------------------------------------------------------------------------------------------------------- */
.control .control-bd:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.control .control-bd div {
    float: left;
}

.control .control-bd div.control-right {
    float: right;
}

.control .control-bd div.control-right button {
    margin: 0 0 0 18px;
}

.modal .control .control-bd div.control-next a {
    margin-left: 18px;
}

.control-bd .field-utilities a {
    margin-left: 0px;
}

.control-bd button {
    float: left;
}

.frm-kontoauswahl,
.frm-kontoauswahl .control-select-account,
.frm-kontoauswahl .form-bd {
    float: left;
}

.js .frm-kontoauswahl .control-select-account button.kontoauswahl {
    display: none;
}

.js .frm-kontoauswahl-alias .fld-kontoauswahl,
.js .frm-kontoauswahl .fld-dropdown {
    position: relative;
    z-index: 101;
}

.frm-western-union .form-bd {
    position: relative;
}

.bankverbindung-anzeige-container {
    overflow: hidden;
}

.bankverbindung-anzeige-content {
    width: 90%;
    float: left;
}

.bankverbindung-anzeige-container .action-help {
    float: right;
    margin-top: 45px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Modal Controls */
/* -------------------------------------------------------------------------------------------------------------------------- */
.modal .control .control-cn:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.modal .control .control-bd {
    float: right;
}

.modal .control .control-bd div button {
    margin: 0 0 0 18px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Buttons */
/* -------------------------------------------------------------------------------------------------------------------------- */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.type-button,
.type-submit,
.type-reset {
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    /* text-decoration: none; */
    /*font: 13px/16px Arial, Helvetica, sans-serif; */
    /* font-size: 13px; */
    height: 28px;
    font-weight: 700;
    padding: 5px 8px;
    margin: 0 18px 0 0;
}

.type-submit > i, .type-button > i, .nav i {
    font-style: normal;
}

a.type-button,
a.type-submit,
a.type-reset {
    display: inline-block;
    margin-right: 18px;
    height: auto;
}

.modal-main a.type-reset,
.modal-main a.type-submit {
    margin-right: 0px;
}

.borderradius .type-button,
.borderradius .type-submit,
.borderradius .type-reset {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.boxshadow .type-button,
.boxshadow .type-submit,
.boxshadow .type-reset {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

.type-button:active,
.type-submit:active,
.type-reset:active {
    position: relative;
    top: 1px;
}

.type-button[disabled]:active,
.type-submit[disabled]:active,
.type-reset[disabled]:active {
    position: static;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Type Submit */
/* -------------------------------------------------------------------------------------------------------------------------- */
.type-submit,
a.type-submit {
    color: #e2e9f0;
    border: 1px solid #010180;
    background: #1E45B4; /* old browsers */
    background: -moz-linear-gradient(top, #1E45B4 0%, #010180 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E45B4), color-stop(100%, #010180)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E45B4', endColorstr='#010180', GradientType=0); /* ie */
    background: -o-linear-gradient(top, #1E45B4 0%, #010180 100%); /* opera */
}

.textshadow .type-submit {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.type-submit:hover {
    color: #E2E9F0;
}

.type-submit:hover,
.type-submit:active {
    background: #1E45B4;
    background: -moz-linear-gradient(top, #010180 0%, #1E45B4 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #010180), color-stop(100%, #1E45B4)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010180', endColorstr='#1E45B4', GradientType=0); /* ie */
    background: -o-linear-gradient(top, #010180 0%, #1E45B4 100%); /* opera */
}

.type-submit[disabled] {
    color: #999;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Type Reset and Type Button */
/* -------------------------------------------------------------------------------------------------------------------------- */
/*.control-modal .control-yes,
.control-modal .control-no,*/
.type-reset,
a.type-reset,
.type-button,
a.type-button,
.fieldset-disabled .type-button:active,
.form-disabled .type-button-ausvorlage:hover,
.form-disabled .type-button-ausvorlage:active,
.control-cancel .type-submit,
.dkw-buttonbar .control-back button {
    color: #000066;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
    border: solid 1px #9ba6b8;
    background: #F5F8FB; /* old browsers */
    background: -moz-linear-gradient(top, #F5F8FB 0%, #DEE8F1 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F8FB), color-stop(100%, #DEE8F1)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F8FB', endColorstr='#DEE8F1', GradientType=0); /* ie */
    background: -o-linear-gradient(top, #F5F8FB 0%, #DEE8F1 100%); /* opera */
}

.fieldset-disabled .type-button,
.frm-sepa-dauerauftrag-aendern .type-button-ausvorlage,
.form-disabled .type-button-ausvorlage {
    display: none;
    color: #999;
    cursor: auto;
}

.fieldset-disabled .type-button:active,
.form-disabled .type-button-ausvorlage,
.form-disabled .type-button-ausvorlage:hover,
.form-disabled .type-button-ausvorlage:active {
    top: 0;
    color: #999;
    cursor: auto;
}

.type-reset,
a.type-reset {
    width: 88px;
}

.boxshadow .type-reset,
.boxshadow .type-button {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

/*.control-modal .control-yes:hover,
.control-modal .control-no:hover,*/
.type-reset:hover,
.type-button:hover,
.control-cancel .type-submit:hover,
.type-reset:active,
.type-button:active,
.control-cancel .type-submit:active,
.dkw-buttonbar .control-back button {
    background: #F5F8FB;
    background: -moz-linear-gradient(top, #DEE8F1 0%, #F5F8FB 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DEE8F1), color-stop(100%, #F5F8FB)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE8F1', endColorstr='#F5F8FB', GradientType=0); /* ie */
    background: -o-linear-gradient(top, #DEE8F1 0%, #F5F8FB 100%); /* opera */
}

.boxshadow .type-reset:focus,
.boxshadow .type-button:focus,
.boxshadow .type-submit:focus {
    -moz-box-shadow: 0 0 7px rgb(114, 180, 255) !important;
    -webkit-box-shadow: 0 0 7px rgb(114, 180, 255) !important;
    box-shadow: 0 0 7px rgb(114, 180, 255) !important;
}

.type-reset:focus,
.type-button:focus,
.type-submit:focus {
    border: 1px solid #1F46B5 !important;
    outline: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Detailansicht Umsatz */
/* -------------------------------------------------------------------------------------------------------------------------- */
.frm-transaction-simplebooking dl dt {
    float: left;
    clear: left;
    width: 250px;
}

.frm-transaction-simplebooking dl dd {
    min-height: 16px;
    margin-bottom: 3px;
    width: 370px;
    float: left;
}

.frm-transaction-simplebooking dl dd span span {
    display: block;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

.fieldgroup-warning {
    clear: both;
}

.modal-cn .toggle {
    margin-bottom: 0px;
    overflow: hidden;
}

.modal-cn .toggle-ft {
    height: 1px;
    line-height: 1px;
    float: left;
}

.modal-cn .group {
    padding-top: 20px;
}

.modal-cn .group div {
    clear: left;
}

.modal-cn .size-half {
    padding-top: 0px;
}

.modal-cn .section-headline {
    font-weight: bold;
    margin-top: 5px;
}

.modal-cn .size-half .group-cn {
    padding-left: 0px;
}

.modal-cn .group-hd {
    overflow: hidden;
    position: relative;
}

.modal-cn .group a {
    position: absolute;
    top: 0px;
    left: 230px;
}

.modal-cn .group h4 {
    margin-bottom: 12px;
}

.modal-cn .group .group-panel {
    overflow: hidden;
}

.modal-cn .group .group-panel div {
    padding-left: 20px;
    display: block;
    overflow: hidden;
    zoom: 1;
}

.modal-cn .group .group-panel div p {
    min-height: 1px;
    display: block;
    float: left;
    padding-left: 0px;
    margin-bottom: 0px;
}

.modal-cn .group .group-panel div p.first-child {
    width: 210px;
}

.modal-cn .group .group-panel div p span {
    display: block;
    overflow: hidden;
    zoom: 1;
}

.modal-cn .group .group-panel div p span span {
    float: left;
    margin-right: 10px;
}

.modal-cn .panel {
    clear: left;
}

.modal-cn .panel-links {
    margin-top: 0px;
}

.modal-cn .panel-links a {
    display: block;
}

/* Western Union */
.ft-wu {
    float: right;
}

.frm-western-union .frm-freigeben .display-vertical li,
.frm-western-union .frm-quittieren .display-vertical li {
    margin-bottom: 5px;
}

.frm-western-union .frm-freigeben .col,
.frm-western-union .frm-quittieren .col {
    float: left;
    width: 400px;
}

.frm-western-union .frm-freigeben .col-first,
.frm-western-union .frm-quittieren .col-first {
    clear: both;
    float: left;
    width: 450px;
}

.frm-western-union .frm-quittieren .col-last {
    width: 850px;
}

.frm-western-union .frm-quittieren .message {
    float: left;
    width: 898px;
}

.frm-western-union .frm-freigeben .form-bd,
.frm-western-union .frm-quittieren .form-bd {
    overflow: hidden;
}

.receipt-left {
    clear: none;
}

.receipt-link {
    font-weight: bold;
    /*text-decoration:underline !important;*/ /* 18.04.2012: FSA, kein Underline erwuenscht & Links im Fliesstext ohne > */
}

.fld-checkbox .receipt-link {
    font-weight: 500;
}

.frm-western-union .fld-phonenumber {
    width: 300px;
}

.frm-western-union .fld-phonenumber .field-group {
    width: 265px;
}

.frm-western-union .fld-phonenumber .field-input input {
    padding-left: 120px;
    width: 135px;
}

/* SEPA Ueberweisung */
.form-sepa .receipt-left {
    padding-top: 5px;
    float: left;
}

/* SEPA Ueberweisung-Anzeige (Quittungsseite)*/
.frm-transfer.frm-sepa-transfer .rcp-anzeige-sepa-options ul {
    width: 550px;
}

.frm-transfer.frm-sepa-transfer .rcp-anzeige-sepa-options ul li {
    width: 265px;
    margin-right: 5px;
}

/* SEPA Vorlage Aendern */
.frm-sepa-vorlage-aendern .action-more {
    display: none;
}

/* SEPA IBAN Konverter */
.frm-iban-berechnen fieldset p {
    margin-bottom: 15px;
}

.frm-iban-berechnen fieldset .field {
    float: none;
    margin-bottom: 8px;
}

.frm-iban-berechnen fieldset .field,
.frm-iban-berechnen fieldset .field .field-ft {
    width: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Dauerauftrag */
/* -------------------------------------------------------------------------------------------------------------------------- */
.form fieldset .fld-buchungvorwerktag {
    float: none;
}

.fld-buchungvorwerktag .fld-radio label {
    padding-left: 28px;
}

.fld-buchungvorwerktag .fld-radio input {
    height: 1px;
    left: 4px;
    margin: 0;
    position: absolute;
    top: 7px;
    width: 1px;
    z-index: 0;
}

/* -------------------------------------------------------------------------------------------------------------------------- */

/* Nachrichtenbox Kampagne */
.message-box-campagne img {
    display: block;
    margin-bottom: 20px;
}

.message-box-campagne .pager {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #ffffff;
}

.message-box-campagne .pager .pager-left {
    background: transparent url(image/pager-arrow-left.png) 0 1px no-repeat;
    padding-left: 15px;
}

.message-box-campagne .pager .pager-left:hover {
    background-position: 0 -47px;
}

.message-box-campagne .pager .pager-right:hover {
    background-position: 100% 1px;
}

.message-box-campagne .pager .pager-right {
    background: transparent url(image/pager-arrow-right.png) 100% -47px no-repeat;
    padding-right: 15px;
}

.message-box-campagne .pager a {
    margin-right: 25px;
    margin-left: 25px;
}

.message-box-campagne .campagne-links {
    width: 100%;
    text-align: right;
    display: block;
    border-bottom: 1px solid #CFD4DB;
}

.message-box-campagne .kampagne-wrapper {
    padding-bottom: 35px;
    border-bottom: 1px solid #CFD4DB;
}

.campagne-header {
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}

.campagne-header span {
    display: block;
    width: 115px;
    float: left;
    clear: left;
}

.kampagne {
    width: 430px;
    max-height: 355px;
    overflow: auto;
    margin: 0 auto;
}

.drucksicht .kampagne {
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.kampagne p {
    padding: 10px;
}

.kampagne.gutschein {
    max-height: 550px;
}

/* Nachrichtenbox Auflistung - Mitteilungen */

.box-message .box-cn {
    position: relative;
}

.box-message .table-ft {
    overflow: hidden;
    background-color: #E9EEF4;
    border-top: 1px solid #fff;
}

.box-message .table-ft .box-title p {
    display: inline;
    float: right;
    margin: 8px 19px 4px 19px;
}

.box-message th.id-headers-type,
.box-message th.id-headers-account {
    padding: 0;
}

.box-message th.id-headers-type {
    width: 128px;
}

.box-message th.id-headers-account {
    width: 131px;
}

.box-message th.id-headers-action {
    width: 45px;
}

.box-message td.headers-headers-action {
    white-space: nowrap;
}

.box-message th.id-headers-type .static,
.box-message th.id-headers-account .static {
    padding-left: 5px;
}

.box-message th.id-headers-type .fld-select,
.box-message th.id-headers-account .fld-select {
    position: absolute;
    top: -1px;
}

.box-message th .field-select dl dt {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    overflow: hidden;
}

.box-message th.id-headers-type .field-select dl dt a {
    width: 84px !important;
}

.box-message th.id-headers-account .field-select dl dt a {
    width: 87px !important;
}

.box-message th.id-headers-type .fld-select,
.box-message th.id-headers-account .fld-select {
    position: absolute;
    top: 0;
}

/* Nachrichtenbox Auflistung - KAZ */

.box-account-statement .box-cn {
    position: relative;
}

.box-account-statement th.id-headers-type,
.box-account-statement th.id-headers-account {
    padding: 0;
}

.box-account-statement th.id-headers-type {
    width: 128px;
}

.box-account-statement th.id-headers-account {
    width: 131px;
}

.box-account-statement th.id-headers-action {
    width: 45px;
}

.box-account-statement td.headers-headers-action {
    white-space: nowrap;
}

.box-account-statement th.id-headers-type .static,
.box-account-statement th.id-headers-account .static {
    padding-left: 5px;
}

.box-account-statement th.id-headers-type .fld-select,
.box-account-statement th.id-headers-account .fld-select {
    position: absolute;
    top: 0px;
}

.box-account-statement th .field-select dl dt {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    overflow: hidden;
}

.box-account-statement th.id-headers-type .field-select dl dt a {
    width: 84px !important;
}

.box-account-statement th.id-headers-account .field-select dl dt a {
    width: 87px !important;
}

/* ------------------ Nachrichtenbox ----------------- */
.box .tbl-overview-account-statement table,
.box .tbl-overview-message table {
    padding-bottom: 20px;
}

.tbl-overview-account-statement td.headers-headers-action {
    white-space: nowrap;
}

/* -------------------------------------- Kampagnenseite in Nachrichtenbox IOB 3 !!! ------------------------------------ */

.message-box-campagne img.floatLeft {
    display: block;
    float: left;
    padding: 0 8px 5px 0;
}

.message-box-campagne img.kampagneTitleImg {
    padding: 0;
    display: block;
    border-top: 1px solid #E9ECF2;
}

.message-box-campagne img.kampagneImg {
    margin: 5px 10px 15px 10px;
    display: block;
}

.message-box-campagne .fliesstext {
    color: #006;
}

.message-box-campagne p,
.message-box-campagne h2 {
    clear: both;
    margin: 0;
    color: #006;
}

.message-box-campagne h2.h2Kampagne {
    padding: 8px 10px 6px 10px;
    font-size: 14px;
    background: #C0CDE0;
}

.message-box-campagne p.anrede {
    padding: 20px 10px 10px 10px;
    font-size: 12px;
    font-weight: bold;
}

.message-box-campagne p.abstract {
    padding: 0 10px 10px 10px;
    font-size: 12px;
    font-weight: bold;
}

.message-box-mitteilung-text p {
    margin: 10px 0px 0px 0px;
}

.message-box-campagne .fliesstext p {
    padding: 0 10px 10px 10px;
    font-size: 12px;
}

.message-box-campagne ul {
    color: #006;
    margin: 5px 10px 10px 30px;
    padding: 0 0 0 0;
    font-size: 12px;
}

.message-box-campagne ul li {
    line-height: 1.2;
    padding: 0 0 .3em 0;
}

/* .kampagne .fliesstext li{
   font-size:76%;
} */

.message-box-campagne p.anmerkung {
    padding: 2px 10px 2px 10px;
    font-size: 11px;
    line-height: 1.3;
}

.message-box-campagne .pKampagneLinks {
    text-align: right;
    margin: 0 0 15px 0;
}

.message-box-campagne .pKampagneLinks a {
    display: block;
}

.message-box-campagne .pKampagneImage {
    padding: 0 5px 10px 5px;
}

.message-box-campagne div.kampagneImage {
    padding: 0 10px 10px 10px;
    font-size: 12px;
}

.message-box-campagne div.kampagneImage img {
    float: left;
}

.message-box-campagne div.kampagneImage p {
    clear: none;
    padding: 0 10px 10px 10px;
    float: left;
    background: #ff3;
}

.message-box-campagne .pKampagneLinks a.internerLink:link,
.message-box-campagne .pKampagneLinks a.internerLink:visited,
.message-box-campagne .pKampagneLinks a.internerLink:hover,
.message-box-campagne .pKampagneLinks a.internerLink:focus,
.message-box-campagne .pKampagneLinks a.internerLink:active {
    line-height: 1.6em;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 1.4em 0 0;
    vertical-align: middle;
    background: transparent url(images/ic_linkpfeil.gif) no-repeat right;
}

.message-box-campagne .pKampagneLinks a.externerLink:link,
.message-box-campagne .pKampagneLinks a.externerLink:visited,
.message-box-campagne .pKampagneLinks a.externerLink:hover,
.message-box-campagne .pKampagneLinks a.externerLink:focus,
.message-box-campagne .pKampagneLinks a.externerLink:active {
    line-height: 1.6em;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 1.4em 0 0;
    vertical-align: middle;
    background: transparent url(images/ic_linkpfeil.gif) no-repeat right;
}

.message-box-campagne .pKampagneLinks a.attachmentLink:link,
.message-box-campagne .pKampagneLinks a.attachmentLink:visited,
.message-box-campagne .pKampagneLinks a.attachmentLink:hover,
.message-box-campagne .pKampagneLinks a.attachmentLink:focus,
.message-box-campagne .pKampagneLinks a.attachmentLink:active {
    line-height: 1.6em;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 1.4em 0 0;
    vertical-align: middle;
    background: transparent url(images/ic_linkpfeil.gif) no-repeat right;
}

.message-box-campagne .pKampagneLinks a.internerLinkIcon,
.message-box-campagne .pKampagneLinks a.externerLinkIcon,
.message-box-campagne .pKampagneLinks a.attachmentLinkIcon {
    vertical-align: middle;
    padding: 0 10px 0 0;
}

.message-box-campagne .inlineframe {
    border-top: 1px solid #b0b5c2;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #b0b5c2;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
}

.message-box-campagne .inlineframe .inlineframe-content {
    margin: 0;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #b0b5c2;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #b0b5c2;
    padding: 14px 18px;
    height: 48px;
}

.message-box-campagne .gutscheincode {
    padding-top: 8px;
    float: left;
    margin-right: 0px;
    width: 60%
}

.message-box-campagne .gutscheinlogo {
    float: right;
}

.message-box-campagne .gutscheinlogo img {
    margin-bottom: 0; /* override */
    max-width: 125px;
}

.message-box-campagne .placeholder {
    padding: 0 10px 10px 10px;
    font-size: 12px;
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Links */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-11-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Action Links */
/* -------------------------------------------------------------------------------------------------------------------------- */
ul.action, ul.action-more, ul.action-settings, ul.action-transfer, ul.action-template, ul.action-receipt, ul.action-edit, ul.action-pdf, ul.action-csv {
    margin: 0 0 16px 0;
    padding: 0;
    list-style: none;
}

button.action-more {
    background: none;
    border: none;
    font-weight: normal;
    color: #000066;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
}

button.action-delete-marked {
    width: 108px;
}

button.action-more:hover,
button.action-more:active {
    color: #1F46B5;
}

a.action, div.action a, span.action a, a.action-more, button.action-more, .action-more a, a.action-pdf, .action-pdf a, a.action-csv, .action-csv a, a.action-template, .action-template a, a.action-receipt, .action-receipt a, a.action-transfer, .action-transfer a, a.action-edit, .action-edit a, a.action-settings, .action-settings, span.action-all-results,
.topic-hd h2 a, .account-options .state-locked a, .account-options .state-active a, a.action-details, .action-details a, a.action-activate, .action-activate a {
    background-image: url(image/action-links.png);
    background-repeat: no-repeat;
}

a.action, div.action a, span.action a {
    background-position: 0 1px;
    padding-left: 10px;
}

.teaser a.action, .teaser .action a {
    background-position: 0 -96px;
}

.teaser a.action {
    display: inline-block;
}

a.action:hover,

,
div.action a:hover, span.action a:hover, a.action:active, div.action a:active, span.action a:active {
    background-position: 0 -47px;
}

a.action-more, .action-more a, span.action-all-results {
    background-position: 0 -96px;
    padding: 0 0 0 8px;
}

button.action-more {
    background-position: 0 -95px;
    padding: 0 0 0 8px;
}

a.action-more:hover, .action-more a:hover, a.action-more:active, .action-more a:active {
    background-position: 0 -144px;
}

button.action-more:hover, button.action-more:active {
    background-position: 0 -143px;
}

a.action-pdf, .action-pdf a {
    background-position: 0 -192px;
    padding: 0 0 0 15px;
}

a.action-pdf:hover, .action-pdf a:hover, a.action-pdf:active, .action-pdf a:active {
    background-position: 0 -240px;
}

a.action-csv, .action-csv a {
    background-position: 0 -288px;
    padding: 0 0 0 15px;
}

a.action-csv:hover, .action-csv a:hover, a.action-csv:active, .action-csv a:active {
    background-position: 0 -336px;
}

a.action-template, .action-template a {
    background-position: 0 -384px;
    padding: 0 0 0 15px;
}

a.action-template:hover, .action-template a:hover, a.action-template:active, .action-template a:active {
    background-position: 0 -432px;
}

a.action-receipt, .action-receipt a {
    background-position: 0 -480px;
    padding: 0 0 0 15px;
}

a.action-receipt:hover, .action-receipt a:hover, a.action-receipt:active, .action-receipt a:active {
    background-position: 0 -528px;
}

a.action-transfer, .action-transfer a {
    background-position: 0 -576px;
    padding: 0 0 0 15px;
}

a.action-transfer:hover, .action-transfer a:hover, a.action-transfer:active, .action-transfer a:active {
    background-position: 0 -624px;
}

a.action-details, .action-details a {
    background-position: 0 -929px;
    padding: 0 0 0 15px;
}

a.action-details:hover, .action-details a:hover, a.action-details:active, .action-details a:active {
    background-position: 0 -979px;
}

a.action-activate, .action-activate a {
    background-position: 0 -1037px;
    padding: 0;
}

a.action-activate:hover, .action-activate a:hover, a.action-activate:active, .action-activate a:active {
    background-position: 0 -1087px;
}

a.action-edit, .action-edit a {
    line-height: 20px;
    background-position: 5px -670px;
    padding: 2px 5px 2px 25px;
    font-weight: bold;
    border: solid 1px #9ba6b8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    color: #000066;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

a.action-edit:hover, .action-edit a:hover, a.action-edit:active, .action-edit a:active {
    background-position: 5px -718px;
    color: #254bba;
}

a.action-settings, .action-settings a {
    background-position: 0 -768px;
    padding: 0 0 0 16px;
}

a.action-settings:hover, .action-settings a:hover, a.action-settings:active, .action-settings a:active {
    background-position: 0 -816px;
}

.lastschrift-icon {
    width: 18px;
    height: 16px;
    margin: 0 0 0 0px;
    display: inline-block;
    background-image: url(image/lastschrift_rueck_normal.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 15px;

}

.lastschrift-text {
    white-space: normal;
}

.lastschrift-icon:hover, .lastschrift-icon:active {
    width: 18px;
    height: 16px;
    margin: 0 0 0 0px;
    display: inline-block;
    padding: 0 0 0 15px;
    background-image: url(image/lastschrift_rueck_hover.png);
    background-repeat: no-repeat;
}

.field-utilities .action-more {
    display: block;
    margin: 0 0 0 10px;
    float: left;
}

.frm-transfer .form-hd a.action-help {
    margin-bottom: 8px;
}

.AzvFreigeben .action-edit {
    margin-right: 20px
}

.frm-western-union .frm-freigeben .action-edit,
.frm-western-union .frm-quittieren .action-edit {
    line-height: 20px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Action Icons */
/* -------------------------------------------------------------------------------------------------------------------------- */
.action-icon-info, .action-info, .action-icon-help, .action-help, .action-trigger-aside a, #action-trigger-login, .action-icon-date, .action-date, .action-icon-delete, .action-icon-download, .action-icon-save, .action-icon-open, .action-icon-apply, .action-icon-marked, .action-icon-cancel, .action-icon-payment, .action-icon-edit, .action-icon-disable, .action-icon-unmarked, .action-activate, .frm-kreditpotenzial .action-add, .frm-kreditpotenzial .action-remove {
    width: 18px;
    height: 16px;
    margin: 0 0 0 4px;
    display: inline-block;
    background-image: url(image/action-icons.png);
    background-repeat: no-repeat;
}

.action-icon-info i, .action-info i, .action-icon-help i, .action-help i, .action-trigger-aside i, #action-trigger-login i, .action-icon-date i, .action-date i, .action-icon-delete i, .action-icon-download i, .action-icon-save i, .action-icon-open i, .action-icon-apply i, .action-icon-marked i, .action-icon-cancel i, .action-icon-payment i, .action-icon-edit i, .action-icon-disable i, .action-icon-unmarked i, .action-activate i, .frm-kreditpotenzial .action-add i, .frm-kreditpotenzial .action-remove i {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.action-icon-help, .action-help {
    background-position: 0 0;
    vertical-align: middle
}

.headers-action .action-help {
    vertical-align: baseline
}

.action-icon-help:hover, .action-icon-help:active, .action-help:hover, .action-help:active {
    background-position: 0 -20px
}

.action-icon-info, .action-info {
    background-position: -20px 0
}

.action-icon-info:hover, .action-icon-info:active .action-info:hover, .action-info:active {
    background-position: -20px -20px
}

#action-trigger-login {
    background-position: -40px 0
}

#action-trigger-login.state-active, .account-info .state-active {
    background-position: -40px -20px
}

.action-icon-date, .action-date {
    background-position: -80px 0
}

.action-icon-date:hover, .action-icon-date:active, .action-date:hover, .action-date:active {
    background-position: -80px -20px
}

.action-icon-delete {
    background-position: -100px 0
}

.action-icon-delete:hover, .action-icon-delete:active {
    background-position: -100px -20px
}

.action-icon-download {
    background-position: -120px 0
}

.action-icon-download:hover, .action-icon-download:active {
    background-position: -120px -20px
}

.action-icon-save {
    background-position: -140px 0
}

.action-icon-save:hover, .action-icon-save:active {
    background-position: -140px -20px
}

.action-icon-open {
    background-position: -160px 0
}

.action-icon-open:hover, .action-icon-open:active {
    background-position: -160px -20px
}

.action-icon-apply {
    width: 17px;
    background-position: -180px 0
}

.action-icon-apply:hover, .action-icon-apply:active {
    background-position: -180px -20px
}

.action-icon-marked {
    background-position: -200px 0
}

.action-icon-marked:hover, .action-icon-marked:active {
    background-position: -200px -20px
}

.action-icon-cancel {
    background-position: -220px 0
}

.action-icon-cancel:hover, .action-icon-cancel:active {
    background-position: -220px -20px
}

.action-icon-payment {
    width: 19px;
    background-position: -240px 0
}

.action-icon-payment:hover, .action-icon-payment:active {
    background-position: -240px -20px
}

.action-icon-edit {
    background-position: -260px 0
}

.action-icon-edit:hover, .action-icon-edit:active {
    background-position: -260px -20px
}

.action-icon-disable {
    width: 18px;
    background-position: -280px 0
}

.action-icon-disable:hover, .action-icon-disable:active {
    background-position: -280px -20px
}

.frm-tagesgeld-umbuchung .fld-amount-umbuchung .field-utilities {
    display: none;
}

.field-utilities .action-icon-date,
.field-utilities .action-date {
    display: none;
}

.field-utilities .action-icon-help,
.field-utilities .action-help {
    display: inline;
    margin: 0 0 0 10px;
    float: left;
}

.frm-azv .field-utilities .action-help,
.frm-azv-scheck .field-utilities .action-help {
    margin-left: 1px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Action Buttons */
/* -------------------------------------------------------------------------------------------------------------------------- */
.action-button-primary,
.action-button-secondary {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 18px 6px 18px;
    margin: 0 10px 0 0;
}

.borderradius .action-button-primary,
.borderradius .action-button-secondary {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* @group Primary Button */
/* -------------------------------------------------------------------------------------------------------------------------- */
.action-button-primary {
    color: #e2e9f0 !important;
    border: 1px solid #010180;
    background: #010180;
}

.cssgradients .action-button-primary {
    background: -webkit-gradient(linear, left top, left bottom, from(#1E45B4), to(#010180));
    background: -moz-linear-gradient(top, #1E45B4, #010180);
    background: -o-linear-gradient(top, #1E45B4 0%, #010180 100%); /* opera */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E45B4', endColorstr='#010180', GradientType=0); /* ie 6/7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E45B4', endColorstr='#010180', GradientType=0); /* ie 8+ */
}

.textshadow .action-button-primary {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.action-button-primary:hover,
.action-button-primary:active {
    background: #1E45B4;
}

.cssgradients .action-button-primary:hover,
.cssgradients .action-button-primary:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#010180), to(#1E45B4));
    background: -moz-linear-gradient(top, #010180, #1E45B4);
    background: -o-linear-gradient(top, #010180 0%, #1E45B4 100%); /* opera */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010180', endColorstr='#1E45B4', GradientType=0); /* ie 6/7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010180', endColorstr='#1E45B4', GradientType=0); /* ie 8+ */
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Secondary Button */
/* -------------------------------------------------------------------------------------------------------------------------- */
.action-button-secondary {
    color: #000066;
    border: solid 1px #9ba6b8;
    background: #DEE8F1;
}

.cssgradients .action-button-secondary {
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F8FB), to(#DEE8F1));
    background: -moz-linear-gradient(top, #F5F8FB, #DEE8F1);
    background: -o-linear-gradient(top, #F5F8FB 0%, #DEE8F1 100%); /* opera */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F8FB', endColorstr='#DEE8F1', GradientType=0); /* ie 6/7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F8FB', endColorstr='#DEE8F1', GradientType=0); /* ie 8+ */
}

.textshadow .action-button-secondary {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

.action-button-secondary:hover,
.action-button-secondary:active {
    color: #000066;
    background: #F5F8FB;
}

.cssgradients .action-button-secondary:hover,
.cssgradients .action-button-secondary:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#DEE8F1), to(#F5F8FB));
    background: -moz-linear-gradient(top, #DEE8F1, #F5F8FB);
    background: -o-linear-gradient(top, #DEE8F1 0%, #F5F8FB 100%); /* opera */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE8F1', endColorstr='#F5F8FB', GradientType=0); /* ie 6/7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE8F1', endColorstr='#F5F8FB', GradientType=0); /* ie 8+ */
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Tables */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-12-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Table Utilities */
/* -------------------------------------------------------------------------------------------------------------------------- */
.cursor-pointer {
    cursor: pointer;
}

.amount-positive {
    color: #009B0F !important;
}

.amount-negative {
    color: #FF000A !important;
}

.balance-sign {
    font-weight: bold;
}

tbody tr.even td {
    background-color: #E9EEF4;
}

tbody tr.odd td {
    background-color: #FFFFFF;
}

th.id-action,
td.headers-action {
    text-align: right;
}

.tbl-orderlists td.headers-action {
    text-align: left;
}

.tbl-orderlists td.headers-value {
    text-align: right;
}

.table .state-unmarked td {
    font-weight: 700;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Default Styles */
/* -------------------------------------------------------------------------------------------------------------------------- */
.table {
    margin: 0 0 16px 0;
}

.table table {
    margin: -1px 0 0 0;
    border-right: 1px solid #c8d2dd;
    border-left: 1px solid #c8d2dd;
    border-bottom: 1px solid #ced9e4;
}

.table thead th {
    background-color: #cbd6e1;
    background-image: url(image/table-order.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-right: 1px solid #a0a8b1;
    border-left: 1px solid #e1e6ec;
    padding: 4px 9px;
}

.table thead th:first-child {
    border-left-color: transparent;
}

.table thead th:last-child {
    border-right-color: transparent;
}

.table tbody td {
    padding: 4px 10px;
    background-color: #FFFFFF;
}

.tbl-orderlists table thead th {
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Table Sorting */
/* -------------------------------------------------------------------------------------------------------------------------- */
th.order-none,
th.order-up,
th.order-down,
th.sorting,
th.sorting_asc,
th.sorting_desc {
    padding: 0 !important;
}

th.order-none a,
th.order-up a,
th.order-down a,
th.sorting a,
th.sorting_asc a,
th.sorting_desc a {
    padding: 4px 20px 4px 9px;
    display: block;
    background-image: url(image/table-order.png);
    color: #4C4C4C;
}

th.order-none a,
th.sorting a {
    background-position: 100% -24px;
}

th.order-down a,
th.sorting_desc a,
th.headerSortDown a {
    background-position: 100% -144px;
}

th.order-up a,
th.sorting_asc a,
th.headerSortUp a {
    background-position: 100% -168px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Account Sales */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* @note was tbl-01! */
.tbl-account-sales {
    width: 300px;
}

.tbl-account-sales table {
    border-top: 1px solid #dadee4;
    margin: -1px 0 0 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.tbl-account-sales thead th {
    display: none;
}

.tbl-account-sales tbody th,
.tbl-account-sales tbody td {
    padding: 4px 2px 3px 2px;
    border-bottom: 1px solid #dadee4;
    background: none !important;
}

.tbl-account-sales tbody .id-volume,
.tbl-account-sales tbody .headers-volume {
    text-align: right;
}

.tbl-account-sales .table-ft p {
    margin: 0;
    padding: 4px 2px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Financial Data */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tbl-financial-data {
    width: 420px;
    margin: 0;
}

.tbl-financial-data table {
    border: 0;
}

.tbl-financial-data tbody th,
.tbl-financial-data tbody td {
    border-bottom: 1px solid #dadee4;
}

.tbl-financial-data tbody td {
    text-align: right;
    background: none;
}

.tbl-financial-data tbody .id-volume {
    vertical-align: top;
}

.tbl-financial-data tbody .headers-volume {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #4c4c4c;
    font-size: 26px; /* 24px helvetica */
    line-height: 24px;
}

.tbl-financial-data tr.even td {
    background: none !important;
}

.tbl-financial-data tr.odd td {
    background: none !important;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Security Status & Limit Order */
/* -------------------------------------------------------------------------------------------------------------------------- */

.tbl-security-status .table-hd h3,
.tbl-limit-order .table-hd h3 {
    font-size: 14px;
    margin: 0 0 8px 0;
    line-height: 16px;
}

.tbl-security-status table,
.tbl-limit-order table {
    margin: 0;
    border: 0;
}

.tbl-security-status tbody th,
.tbl-limit-order tbody th {
    font-weight: 700;
    width: 240px;
}

.tbl-security-status tbody td,
.tbl-limit-order tbody td {
    background: none !important;
    padding: 0;
}

/*----------------------- Auftrags-/Kartenlimit -----------------------*/

.mdl-finanzstatus-kontodetails .lst-erklaerung,
.auftragslimit-container .lst-erklaerung,
.frm-auftragslimit-aendern .lst-erklaerung,
.frm-auftragslimit-aendern .tpc-auftragslimit-aendern {
    display: none;
}

.tpc-auftragslimit .frm-kontoauswahl-alias {
    margin-top: 8px;
}

.rcp-auftragslimit-ueberweisung .value,
.rcp-auftragslimit-dauerauftrag .value,
.rcp-auftragslimit-ausland .value {
    margin-left: 5px;
}

.mdl-finanzstatus-kontodetails .dl-kontodetails dt,
.mdl-finanzstatus-kontodetails .dl-kontodetails dd,
.mdl-finanzstatus-kontodetails .dl-kontodetails {
    margin-bottom: 8px;
}

.mdl-finanzstatus-kontodetails .dl-kontodetails .no-label {
    margin: 0;
}

.mdl-finanzstatus-kontodetails h2 {
    margin-bottom: 8px;
}

.mdl-finanzstatus-kontodetails .auftragslimit,
.mdl-finanzstatus-kontodetails .kartenlimit,
.mdl-finanzstatus-kontodetails .panel-links {
    margin-left: 50px;
}

.mdl-finanzstatus-kontodetails .panel-links {
    margin-top: 28px;
}

.mdl-finanzstatus-kontodetails .auftragslimit .legend h3,
.mdl-finanzstatus-kontodetails .kartenlimit .legend h3 {
    margin-bottom: 0px;
}

.mdl-finanzstatus-kontodetails .auftragslimit b {
    font-weight: 500;
}

.mdl-finanzstatus-kontodetails .kartenlimit {
    margin-bottom: 16px;
}

.mdl-finanzstatus-kontodetails .kartenlimit p {
    display: inline;
    margin: 0;
}

.mdl-finanzstatus-kontodetails .kartenlimit p + p {
    margin-left: 16px;
}

.mdl-finanzstatus-kontodetails .receipt-bd ul li {
    min-height: 16px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Overview */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tbl-overview-account-statement p,
.tbl-overview-message p {
    margin: 16px 15px 16px 19px;
}

.tbl-overview-message table p,
.tbl-message table p {
    margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Order List */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Misc Tabels */
/* -------------------------------------------------------------------------------------------------------------------------- */
.tbl-account-statement {
    position: relative;
}

.tbl-message {
    position: relative;
}

.tbl-template td {
    padding: 4px 10px;
}

.tbl-template-ueberweisung-vorlagen {
    clear: left;
}

.tbl-template-ueberweisung-vorlagen .table-ft .info-no-templates {
    margin: 10px;
    display: block;
}

.box-template .tbl-template-ueberweisung-vorlagen {
    clear: both;
}

.box-template .tbl-template-ueberweisung-vorlagen .table-bd {
    overflow-x: auto;
    min-height: 132px;
}

.box-template .tbl-template-ueberweisung-vorlagen .table-bd .headers-action fieldset {
    width: 140px;
}

.box-template .tbl-template-ueberweisung-vorlagen .table-ft .info-no-templates {
    position: relative;
    top: -110px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Boxes */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box {
    margin: 0 0 16px 0;
    background-color: #e5edf6;
    background-image: url(image/box-radial.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border-top: 1px solid #c7d1dc;
    border-right: 1px solid #c8d2dd;
    border-bottom: 1px solid #ced9e4;
    border-left: 1px solid #c8d2dd;
}

.box .box-title h2 {
    margin: 0;
}

.box .box-title p {
    margin: 8px 0 0 0;
}

.box .box-hd .box-col-a {
    border-bottom: 1px solid #cfd4db;
    padding-bottom: 15px;
}

.box .box-hd .box-col-a:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.box .box-hd .box-col-b {
    border-top: 1px solid #FFFFFF;
    padding: 15px 0 0 0;
}

.box .box-hd .box-col-b:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.box .table {
    margin: 0;
}

.box table {
    margin: 0;
    border: 0;
}

/* @group Box Order List */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-order-list .box-hd {
    padding: 15px 19px;
    width: 900px;
}

.box-order-list .box-hd .box-title {
    width: 520px;
    float: left;
}

.box-order-list .box-hd .box-action {
    /* width: 360px; */
    margin: 0;
    float: right;
}

.box-order-list .box-hd .toggle {
    width: 520px;
    float: left;
    margin: 0;
}

.box-order-list .box-hd .field {
    float: right;
    margin: 0;
}

.box-order-list table {
    margin: 0;
    border: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Inbox */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-inbox {
    width: 698px;
    background-position: -940px 0;
}

.box-inbox .box-hd {
    padding: 15px 19px;
}

.box-inbox table {
    border-bottom: 1px solid #c7d1dc;
}

.box-inbox .table-hd {
    background-color: #cbd6e1;
    background-image: url(image/table-order.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 4px 19px;
    overflow: hidden;
}

.box-inbox .table-hd h3,
.box-inbox .table-hd p {
    margin: 0;
}

.box-inbox .table-hd h3 {
    font-size: 12px;
    line-height: 16px;
    width: 400px;
    float: left;
    font-weight: 400;
}

.box-inbox .table-hd p {
    float: right;
}

.box-inbox th {
    display: none;
}

.box-inbox tbody td {
    padding: 4px 19px;
}

.box-inbox .table-ft {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #c7d1dc;
    background-color: #e9eef4;
    height: 22px;
}

.box-inbox .tbl-overview-message .table-ft {
    height: 23px;
    border-bottom: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Contactbox */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-contact {
    width: 660px;
    padding: 15px 19px;
    background-position: -940px 0;
}

.box-contact .box-cn {
    overflow: hidden;
}

.box-contact .box-bd {
    width: 380px;
    float: left;
    display: inline;
    overflow: hidden;
}

.box-contact .box-ft {
    width: 240px;
    float: right;
    display: inline;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Account Statement Box */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-account-statement {
    width: 698px;
    background-position: -940px 0;
}

.box-account-statement .box-hd {
    padding: 15px 19px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Messagebox */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-message {
    width: 698px;
    background-position: -940px 0;
}

.box-message .box-hd {
    padding: 14px 18px;
}

.message-actions {
    overflow: hidden;
}

.message-actions a {
    margin-right: 10px;
}

.message-actions .action-more {
    float: left;
}

.message-actions span {
    float: right;
}

.message-actions span a {
    margin-right: 0px;
    float: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Templatebox */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-template {
    width: 698px;
    background-position: -940px 0;
}

.box-template .box-hd {
    padding: 15px 19px;
}

.box-template .box-hd .box-title {
    width: 360px;
    float: left;
}

.box-template .box-hd .box-action {
    /* width: 360px; */
    margin: 0;
    float: right;
}

.box-template .box-hd .toggle {
    width: 360px;
    float: left;
    margin: 0;
}

.box-template .box-hd .field {
    float: right;
    margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group My Templates-Box */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-my-templates .box-hd {
    padding: 15px 19px;
    width: 900px;
}

.box-my-templates .box-hd .box-title {
    width: 520px;
    float: left;
}

.box-my-templates .box-hd .box-action {
    /* width: 360px; */
    margin: 0;
    float: right;
}

.box-my-templates .box-hd .toggle {
    width: 520px;
    float: left;
    margin: 0;
}

.box-my-templates .box-hd .field {
    float: right;
    margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group accessrightsbox */
/* -------------------------------------------------------------------------------------------------------------------------- */
.box-kazvereinbarungAendern,
.box-accessrights {
    width: 698px;
    background-position: -940px 0;
}

.box-kazvereinbarungAendern .box-hd,
.box-accessrights .box-hd {
    padding: 15px 19px;
}

.box-kazvereinbarungAendern .box-hd .box-title,
.box-accessrights .box-hd .box-title {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 15px 0;
}

.box-accessrights .box-hd .toggle {
    float: left;
    margin: 0;
}

.box-accessrights .box-hd .toggle .frm-kontoauswahl-alias {
    margin: 0; /* IE7 Fix */
}

.box-accessrights .box-hd .box-action {
    float: right;
}

.box-accessrights .box-hd .box-action a {
    line-height: 28px;
}

.box-accessrights .box-hd .fld-search-umsatz {
    float: right;
}

.box-accessrights .box-hd .fld-search-umsatz,
.box-accessrights .box-hd .fld-search-umsatz .field-group {
    width: 318px;
}

.box-accessrights .box-hd .fld-search-umsatz .field-input input {
    width: 232px;
}

/* --------------------------------------------------------------- */
/* @group BLZ Search */
/* -------------------------------------------------------------- */
.tbl-choose-blz th.id-blz-column {
    width: 94px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Components */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for       IE6,
**
**
** ---
** @date          2010-11-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Page Title */
/* -------------------------------------------------------------------------------------------------------------------------- */
.page-title {
    padding: 0 0 16px 0;
}

.page-title:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.page-title h1 {
    font-size: 23px;
    line-height: 24px;
    margin: 0 20px 0 0;
    float: left;
}

.page-title .fld-dropdown {
    float: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Content Title */
/* -------------------------------------------------------------------------------------------------------------------------- */
.content-title {
    overflow: hidden;
}

.content-title h1 {
    font-size: 23px;
    line-height: 24px;
    margin: 0;
    float: left;
}

.content-title h2 {
    font-size: 17px;
    line-height: 24px;
    margin: 0;
    float: left;
    clear: left;
}

.content-title a {
    color: #4c4c4c;
}

.content-title a.action-help {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    width: 17px;
    height: 17px;
    margin-top: -2px;
}

.content-title h1 a:hover {
    background-position: 0 0;
}

.content-title h2 a {
    background: transparent url(image/tooltip-blue.png) 0 0 no-repeat;
}

.content-title h1 a.action-help {
    background: url(image/tooltip-yellow.png) no-repeat 0px 0px;
}

.content-title h2 a:hover {
    background-position: 0 0;
}

.content-title a i {
    display: none;
}

.content-close {
    position: absolute;
    top: 16px;
    left: 0;
}

.content-close a {
    width: 28px;
    height: 28px;
    display: block;
    background-image: url(image/layer-close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.content-close a i {
    display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Standard Text Format */
/* -------------------------------------------------------------------------------------------------------------------------- */

.text {
    width: 540px;
}

.text-hd h2 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

.text-hd p {
    margin: 0 0 8px 0;
}

.text-bd {
    margin: 0 0 24px 0;
}

.text-bd p {
    margin: 0 0 16px 0;
}

.frm-login {
    width: 624px;
    margin: 0 0 32px 0;
}

/* @group Info */

.txt-info {
    font-weight: 700;
}

/* @end */

/* @group Footnotes */

.txt-footnotes ol {
    list-style: none;
    padding: 0;
    margin-top: 64px;
}

.txt-footnotes li {
    font-size: 11px;
}

/* @end */

.text-error {
    color: #9F0002;
}

.text-spacer {
    margin-bottom: 20px !important;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Toggle */
/* -------------------------------------------------------------------------------------------------------------------------- */
.toggle {
    margin: 0 0 16px 0;
}

.toggle-cn,
.toggle-bd ul {
    overflow: hidden;
}

.toggle-bd ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #b6bfd3;
    float: left;
}

.toggle-bd ul li {
    float: left;
}

.toggle-bd ul li a {
    display: block;
    padding: 4px 9px 5px 10px;
    font-weight: 700;
    background-color: #edf0f5;
    background-image: url(image/toggle.png);
    background-position: 100% 0;
    background-repeat: repeat-x;
    border: 1px solid #FFF;
    border-width: 1px 0 0 1px;
    border-right: 1px solid #b6bfd3;
    outline: 0;
}

.toggle-bd ul li a:active,
.toggle-bd ul li a.state-current {
    background-color: #d3dae4;
    background-position: 0 -28px;
    border-color: #b6bfd3;
}

.toggle-bd ul li a.state-current,
.toggle-bd ul li a.state-current:hover {
    color: #000066;
    cursor: default;
}

.toggle-bd ul li.first-child a {
    border-left: 0;
}

.toggle-bd ul li.last-child a {
    border-right: 0;
}

.borderradius .toggle-bd ul {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.borderradius .toggle-bd ul li.first-child a {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.borderradius .toggle-bd ul li.last-child a {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.toggle-ft {
    clear: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* @group Topic */
/* -------------------------------------------------------------------------------------------------------------------------- */
.topic-group {
    width: 700px;
}

.tab-versandartverwalten .topic-group {
    width: auto;
}

.topic-group:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.topic {
    border-top: 1px solid #B4BCCD;
}

.topic-cn {
    border-top: 1px solid #FFFFFF;
    padding: 6px 15px 16px 15px;
}

.no-js .topic-hd h2,
.fontface .topic-hd h2 {
    font-size: 16px;
    margin: 0 0 8px 0;
    line-height: 24px;
    letter-spacing: 0.29px;
}

.no-js .topic-hd h2 a,
.fontface .topic-hd h2 a {
    padding-left: 8px;
    background-position: 0 3px;
}

.no-js .topic-hd h2 a:hover,
.fontface .topic-hd h2 a:hover {
    background-position: 0 -45px;
}

.topic-bd {
    margin: 0 0 8px 0;
}

.topic-bd p {
    margin: 0 0 8px 0;
}

/* @group Topic Title */
/* -------------------------------------------------------------------------------------------------------------------------- */
.topic-group .tpc-title {
    border: none;
}

.topic-group .tpc-title .topic-cn {
    border: none;
    padding: 0 0 7px 0; /* 0 10px 16px 10px */
}

.topic-group .tpc-title .topic-ft a.action-more {
    margin-right: 18px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Topic Large */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Topic Small */
/* -------------------------------------------------------------------------------------------------------------------------- */
.topic-group .tpc-small {
    width: 340px;
    float: left;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Topic Child Elements */
/* -------------------------------------------------------------------------------------------------------------------------- */
.topic-group .first-child {
    margin: 0 20px 0 0;
}

.topic-group .last-child {
    margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
.topic-group .link-list-ft ul {
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
}

.topic-group .link-list-ft .action-more {
    margin-right: 40px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* @group Message */
/* -------------------------------------------------------------------------------------------------------------------------- */
.message {
    margin: 0 0 16px 0;
    border: 1px solid;
    border-color: #b0b5c2 #ffffff #b0b5c2 #ffffff;
    background-color: #eff4fa;
}

.modal .message {
    border: none;
}

.message-cn {
    padding: 14px 18px 14px 18px;
    border: 1px solid;
    border-color: #ffffff #b0b5c2 #ffffff #b0b5c2;
}

.message-hd h3 {
    font-size: 15px;
    line-height: 16px;
    margin: 0 0 8px 0;
}

.message-bd p {
    margin: 0 0 8px 0;
}

/* @group Information Message */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Success Message */
/* -------------------------------------------------------------------------------------------------------------------------- */
.msg-success .message-cn {
    padding: 14px 18px 14px 78px;
    background-image: url(image/message-success.png);
    background-position: 8px 5px;
    background-repeat: no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Error Message */
/* -------------------------------------------------------------------------------------------------------------------------- */
.msg-error .message-cn {
    padding: 14px 18px 14px 78px;
    /* background-image: url(image/message-error.png); */
    background-position: 8px 5px;
    background-repeat: no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* @group Warning Message */
/* -------------------------------------------------------------------------------------------------------------------------- */
.msg-warning {
    border: none
}

.msg-warning .message-cn {
    border: none;
    color: #9F0002;
}

.msg-warning .message-cn h3 {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.msg-warning .message-cn .message-hd {
    float: left;
    margin-right: 5px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
/* ---------------------------------------------------------------------------------------------------------------- *//* @end */
p.invalid,
span.invalid {
    color: #9F0002;
}

p.error,
span.error {
    color: #9F0002;
}

.frm-search-blz .form-bd .search-result-warning {
    font-weight: bold;
    margin-bottom: 8px;
}

/* @group Accordion */
/* -------------------------------------------------------------------------------------------------------------------------- */
.accordion {
    width: 780px;
    margin: 8px 0 32px 0;
}

.accordion ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion-hd ul {
    height: 24px;
    overflow: hidden;
}

.accordion-hd li {
    padding: 4px 9px;
    float: left;
    background-color: #cbd6e1;
    background-image: url(image/table-order.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

.accordion-hd .id-account {
    width: 214px;
    border-left: 0;
    padding-left: 21px;
}

.accordion-partner .accordion-hd .id-account {
    width: 242px;
}

.accordion-hd .id-number {
    width: 139px;
}

.accordion-hd .id-volume {
    width: 150px;
    text-align: right;
}

.accordion-hd .id-balance {
    width: 190px;
    text-align: right;
    border-right: 1px solid #c0cad5;
    padding-right: 10px;
}

.accordion-partner .accordion-hd .id-balance { /* u.a. IE6 Fix, funktioniert in allen Browsern */
    width: auto;
    float: none;
}

.accordion-hd .id-action {
    display: none;
}

.accordion-ft {
    padding: 14px 10px 14px 36px;
    width: 892px;
}

.accordion-ft ul:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.accordion-ft li {
    float: left;
    margin: 0 20px 0 0;
}

.accordion-ft li.account-total {
    float: right;
    width: 360px;
    margin: 0 160px 0 0;
    text-align: right;
}

.accordion-ft li.account-total {
    position: relative;
}

.accordion-ft li.account-display button {
    float: none;
    margin-bottom: 10px;
}

.app-finanzstatus-init .accordion-ft li.account-display a,
.app-finanzstatus-init .accordion-ft li.account-display button {
    margin-right: 20px;
}

.app-finanzstatus-init .accordion-ft li.account-display button { /* IE6/7 Fix, funktioniert in allen Browsern */
    overflow: visible;
}

.accordion-ft li.account-total span,
.accordion-ft li.account-total b,
.accordion-ft li.account-total a {
    float: right;
}

.accordion-ft li.account-total a.action-help {
    position: absolute;
    right: -39px;
}

.accordion-ft li.account-total span {
    margin-right: 35px;
    line-height: 18px;
}

.accordion-ft li.account-total b {
    font-size: 16px;
}

.accordion-ft li.account-total b b {
    float: none;
}

.accordion-ft li.account-help {
    float: right;
    width: 150px;
    margin: 0;
}

.accordion-ft .action-help {
    display: block;
    margin: 0 5px;
}

.accordion .account-drag-drop-splitter {
    height: 5px;
    width: 950px;
    margin-left: -10px;
    color: #fff;
    background: #c0cfdf;
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #AFBDC7;
    position: relative;
}

/* no account under splitter, higher splitter element for better mouseover */
.accordion .account-drag-drop-splitter-empty {
    margin-bottom: 30px;
}

.accordion .account-drag-drop-splitter .splitter-handle {
    overflow: hidden;
    position: absolute;
    left: -74px;
    top: -6px;
    line-height: 18px;
}

.accordion .account-drag-drop-splitter .bg-left {
    width: 8px;
    height: 18px;
    display: block;
    background: transparent url(image/account-split-dragger-bgleft.png) 0 0 no-repeat;
    float: left;
}

.accordion .account-drag-drop-splitter .bg-middle {
    display: block;
    width: 47px;
    height: 18px;
    background: transparent url(image/account-split-dragger-bgmiddle.png) 0 0 repeat-x;
    float: left;
    padding: 0 5px;
}

.accordion .account-drag-drop-splitter .bg-right {
    display: block;
    height: 18px;
    width: 10px;
    background: transparent url(image/account-split-dragger-bgright.png) 0 0 repeat-x;
    float: left;
}

.drag-drop-placeholder {
    display: block;
    margin-top: 10px;
    padding: 5px;
    border: 1px dashed #4c4c4c;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* @group Accordion Panel */
/* -------------------------------------------------------------------------------------------------------------------------- */
.accordion-panel {
    border: 1px solid;
    border-color: #eef4ff #b3bdc6 #b3bdc6 #eef4ff;
    position: relative;
    background-color: #e5edf6;
}

.panel-wrapper .state-expanded {
    background-image: url(image/box-radial.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

.accordion-panel .account-info .first-child {
    margin-top: 10px;
}

.accordion-panel .account-info .last-child {
    margin-bottom: 10px;
}

.js .accordion .state-collapsed {
    background-color: #e9eef5;
    background-position: 0 0;
    background-repeat: repeat-x;
}

.js .accordion .state-collapsed:hover,
.js .accordion .state-hover {
    background-image: url(image/box-radial.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

.accordion-panel-cn {
    zoom: 1;
}

.accordion-panel-hd {
    padding: 9px 9px;
    overflow: hidden;
    position: relative;
}

.js .accordion-panel-hd {
    cursor: pointer
}

.state-disabled .accordion-panel-hd {
    cursor: text;
}

.accordion-panel-hd h2 {
    width: 383px;
    margin: 0 0 0 11px;
    float: left;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
}

.accordion-panel-hd h2 .account-number {
    font-weight: normal;
}

.accordion-panel-hd h2 .account-type {
    width: 210px;
    float: left;
    display: block;
    width: 194px;
    padding-left: 16px;
    background-image: url(image/table-arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.accordion-panel-hd h2 .account-type.account-type-higher {
    height: 34px;
}

.state-disabled .accordion-panel-hd h2 .account-type {
    background: none;
}

.state-collapsed.accordion-panel-hd-account h2 .account-type,
.state-collapsed .accordion-panel-hd h2 .account-type {
    background-position: 0 -48px;
}

.no-js .state-collapsed .accordion-panel-bd {
    height: auto;
}

.accordion-table .panel-wrapper .accordion-panel-hd {
    padding: 0 0 0 9px;
}

.accordion-table .panel-wrapper .accordion-panel-hd.header-partner {
    padding: 9px;
}

.accordion-table .panel-wrapper .accordion-panel-hd-account {
    overflow: hidden;
    padding: 9px 9px 9px 0;
    height: 100%;
}

.accordion-table .panel-wrapper .accordion-panel-hd-account.state-expanded {
    background-image: none;
}

.accordion-table .panel-wrapper .panel-wrapper .accordion-panel-hd {
    padding: 0;
}

.accordion-table .panel-wrapper .panel-wrapper .accordion-panel-hd-checkbox {
    width: 20px;
    height: 22px;
    margin: 1px 0 0 15px;
    float: left;
}

.accordion-table .panel-wrapper .panel-wrapper .accordion-panel-hd-checkbox .type-checkbox {
    margin: 0 0 0 5px;
}

.accordion-table .panel-wrapper .panel-wrapper .accordion-panel-hd-checkbox label {
    position: relative;
    top: 3px;
}

.accordion-table .panel-wrapper .panel-wrapper .accordion-panel-bd {
    margin-left: 26px;
}

.accordion-panel-hd h2 .account-number {
    width: 150px;
    float: right;
    display: block;
}

.accordion-panel-hd .account-balance {
    width: 190px;
    float: right;
    position: absolute;
    right: 10px;
}

.accordion-panel-hd .account-balance p,
.accordion-panel-hd .account-balance span {
    margin: 0;
    color: #4c4c4c;
    text-align: right;
    display: block;
}

.accordion-panel-hd .account-balance p {
    font-size: 15px;
}

.accordion-panel-hd .state-expanded .account-balance p {
    display: none;
}

/* Big Font in NoScript-Variant */
.state-disabled .accordion-panel-hd .account-balance p,
.accordion-panel-hd .account-balance span,
.no-js .state-expanded .accordion-panel-hd .account-balance p {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #4c4c4c;
    font-size: 28px;
    line-height: 22px;
}

.textshadow .state-expanded .accordion-panel-hd .account-balance p {
    text-shadow: 1px 0px 1px #FFFFFF;
}

.accordion-panel-hd .account-balance p {
    position: absolute;
    top: 0px;
    right: 0;
}

.accordion-panel-hd .account-balance span {
    position: relative;
    top: 0px;
    right: 0;
    height: auto;
}

/* Accordion Body */
.accordion-panel-bd {
    width: 550px;
    height: 144px;
    padding: 0px 9px 8px 10px;
}

.no-js .accordion-panel-bd {
    height: auto;
}

.js .state-collapsed .accordion-panel-bd {
    display: none;
}

.accordion-panel-bd:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.accordion-panel-bd .account-info {
    width: 195px;
    margin: 0 20px 0 0;
    padding: 4px 0 4px 26px;
    float: left;
}

.accordion-panel-bd .table {
    width: 309px;
    height: 144px;
    margin: 0;
    float: left;
    overflow: hidden;
}

.accordion-panel-bd .table .headers-date {
    width: 76px;
}

.accordion-panel-bd .table-ft p {
    margin: 0;
}

/* Accordion Footer */
.accordion-panel-ft {
    width: 160px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: -161px;
}

.state-collapsed .accordion-panel-ft {
    top: -1px;
}

.accordion-panel-ft .account-options {
    width: 150px;
    height: 19px;
    border: 1px solid #e0e4ea;
    border-width: 1px 1px 1px 0;
    padding: 6px 0 8px 9px;
    background-color: #f7fafd;
    background-image: url(image/table-options.png);
    background-position: 0 0;
    background-repeat: repeat-y;
}

.borderradius .accordion-panel-ft .account-options {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.state-expanded.accordion-panel-ft .account-options,
.state-expanded .accordion-panel-ft .account-options {
    height: 170px;
}

.state-expanded.accordion-panel-ft .account-options.account-options-larger,
.state-expanded .accordion-panel-ft .account-options.account-options-larger {
    height: 188px;
}

.state-expanded .accordion-panel-ft ul.action {
    height: 152px;
    margin-top: 2px;
}

.state-expanded .accordion-panel-ft ul.action li {
    padding-left: 11px;
}

.accordion-panel-ft .account-options .action {
    padding: 0 0 20px;
    position: relative;
    zoom: 1;
}

.js .state-collapsed .accordion-panel-ft .account-options .action {
    display: none;
}

.accordion-panel-ft .account-options li {
    height: 16px;
}

.js .accordion-panel-ft .account-options .account-notice {
    display: none;
}

.accordion-panel-ft .account-options p {
    color: #999999;
    margin: 0;
}

.accordion-panel-ft .account-options p.account-status {
    position: absolute;
    bottom: 9px;
}

.accordion-panel-ft .account-status {
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.accordion-panel-ft .account-notice {
    padding-top: 85px;
}

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

.state-hidden {
    display: none;
}

.state-hidden-col {
    display: none !important;
}

.state-visibility-hidden {
    visibility: hidden;
}

/* @group Tabs */

/* -------------------------------------------------------------------------------------------------------------------------- */

/* @group Tabs */

.tabs .tab-panel {
    margin: 0 auto;
    width: 980px;
}

.tab-versandartverwalten .tab-panel,
.frm-auftraglisten-anzeigen .tab-panel {
    width: auto;
}

.tabs .tab-panel .tab-panel-cn {
    padding: 16px 20px;
}

.tabs .tab-panel .tab-panel-hd {
    margin-bottom: 16px;
}

/* @group Pattern */

.tabs-hd {
    border-bottom: 1px solid #FFF;
}

.tabs-hd ul {
    list-style: none;
    margin: 0 auto;
    width: 940px;
    padding: 0;
    position: relative;
    top: 1px;
}

.tab-versandartverwalten .tabs-hd ul {
    width: 700px;
}

.tabs-hd ul:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.tabs-hd li {
    float: left;
    margin: 0 3px 0 0;
}

.tabs-hd li a,
.tabs-hd li button,
.tabs-hd li span,
.tabs-hd li span.state-disabled {
    padding: 8px 16px;
    display: block;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    font-weight: 700;
    font-size: 13px;
    color: #777777; /* 4c4c4c */
}

.tabs-hd li button,
.tabs-hd li a,
.tabs-hd li span {
    background: transparent url(image/tab-default-bg.jpg) 0 0 repeat-x;
}

.tabs-hd li span.state-disabled {
    background: transparent url(image/tab-grey-bg.jpg) 0 0 repeat-x;
}

.tabs-hd li a.state-current,
.tabs-hd li button.state-current,
.tabs-hd li span.state-current {
    background: #eff4fa;
    border: 1px solid #fbfcfe;
    border-width: 1px 1px 0 1px;
    color: #3C3C3C;
}

.tabs-bd {
    background-color: #EFF4FA;
}

.tabs .tab-panel .tab-panel-cn {
    padding: 16px 20px;
}

.tabs .tab-panel .tab-panel-hd {
    margin-bottom: 16px;
}

.tabs .tab-panel .tab-panel-bd {
    padding: 0 20px;
}

.tabs-ft {
    background: #EFF4FA;
}

.tabs-ft:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.tabs-ft .control-right {
    float: right;
    margin-right: 20px;
}

/* @end */

/* ---------------------------------------------------------------------------------------------------------------- *//* @end */

/* @group Umsatzauskunft */

.frm-sales {
    width: 780px;
}

.frm-sales .form-cn {
    position: relative;
}

.frm-sales .form-hd {
    /*  overflow: hidden; */
    padding: 10px 19px 17px 30px;
    border: 1px solid #cfd4db;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    background-image: url(image/umsatz-details-filter-bg.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* Form Title */
.frm-sales .form-hd .form-title {
    width: 300px;
    float: right;
    position: relative;
}

.frm-sales .form-hd .form-title h2 {
    font-size: 12px;
    line-height: 12px;
}

.frm-sales .form-hd .form-title ul li {
    line-height: 14px;
}

.frm-sales .form-hd .form-title ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Form Table */

/* Body */
.frm-sales .form-bd {
    border: 1px solid #cfd4db;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    background-image: url(image/umsatz-details-filter-bg.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    /*overflow: hidden; removed to show errors*/
    position: relative;
    padding-bottom: 22px;
}

.no-js .frm-sales .form-bd {
    height: 70px;
}

.frm-sales .form-bd-kreditkarte {
    height: 25px;
}

/* Umsatzanzeige / Kontoauswahl / FormSubmit nur im NoScript Fall anzeigen */
.js .tpl-02 .form .form-ft button.kontoauswahl {
    display: none;
}

/* Umsatzanzeige / Umsatztabelle / Select-Filter im NoScript Fall nicht anzeigen */
.no-js .tpl-02 #content-sales-bd .table-bd thead select {
    display: none;
}

.frm-sales .form-bd .fld-toggle {
    position: absolute;
    top: 10px;
    left: 490px;
    width: 100%;
}

.no-js .frm-sales .form-bd .fld-toggle {
    position: static;
    float: right;
    margin: -1px 0 0 435px;
}

.no-js .frm-sales .form-bd .fld-toggle .field-group-list {
    float: right;
}

.no-js .frm-sales .form-bd .fld-toggle .field-group-list li {
    margin-right: 10px;
}

.frm-sales .form-bd fieldset {
    margin: 0 0 8px 0;
}

.frm-sales .form-bd .form-legend {
    width: 125px;
    margin: 0 20px 0 0;
    float: left;
}

.no-js .frm-sales .form-bd .form-legend {
    display: none;
}

.frm-sales .form-bd a.action-toggle {
    padding-left: 16px;
    background: url(image/table-arrow.png) no-repeat scroll 0 -46px transparent;
    color: #4c4c4c;
    display: block;
    position: absolute;
    left: 12px;
    top: 10px;
    line-height: 20px;
}

.frm-sales .form-bd a.action-toggle-active {
    background: url(image/table-arrow.png) no-repeat scroll 0 3px transparent;
}

.js .frm-sales .form-bd .fld-slider {
    width: 315px;
    position: absolute;
    top: 10px;
    left: 155px;
}

.no-js .frm-sales .form-bd .fld-slider {
    width: 315px;
    position: absolute;
    top: 10px;
    left: 20px;
}

.frm-sales .form-bd .fld-slider label {
    line-height: 20px;
    padding: 0;
    float: left;
    margin-right: 15px;
    color: #4c4c4c;
}

.frm-sales .form-bd .fld-slider input {
    float: left;
    margin-left: 8px;
    background: none;
    border: none;
    font-weight: normal;
    color: #4c4c4c;
}

.no-js .frm-sales .form-bd .fld-slider .field-input {
    display: none;
}

.ui-slider {
    position: relative;
    width: 172px;
    height: 24px;
    background: transparent url(image/slider-bg.png) 0 3px no-repeat;
    z-index: 1;
    float: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 12;
    top: -1px;
    width: 17px;
    height: 24px;
    margin-left: -0.6em;
    cursor: pointer;
    background: transparent url(image/slider-handle.png) 50% no-repeat;
}

.fld-daterange .field-label b {
    visibility: hidden;
}

.no-js .fld-daterangeselection {
    margin: 10px 0 0 25px;
    float: left;
    display: inline;
    width: 350px;
}

.fld-daterangeselection li.last-child {
    position: absolute;
    left: 150px;
    top: 10px;
}

.no-js .fld-daterangeselection li.last-child {
    left: 90px;
    position: relative;
    left: 0;
    top: 0;
}

.fld-daterangeselection .field-bd fieldset {
    margin-bottom: 6px;
}

.ui-accordion-content {
    height: 74px;
}

.js .fld-daterangeselection .fld-date-von {
    position: absolute;
    left: 155px;
    top: 45px;
}

.js .fld-daterangeselection .fld-date-bis {
    position: absolute;
    left: 310px;
    top: 45px;
}

.no-js .fld-daterangeselection .fld-date-von {
    position: absolute;
    left: 20px;
    top: 45px;
}

.no-js .fld-daterangeselection .fld-date-bis {
    position: absolute;
    left: 175px;
    top: 45px;
}

.no-js .frm-sales .fld-date .field-ft p {
    overflow: visible;
}

.no-js .frm-umsatzfilter {
    top: 44px;

    /*
     position:absolute;
  top:44px;
  left:488px;
  z-index:1;
  overflow: visible;
  */
}

.fld-search {
    width: 260px;
    float: right;
}

.fld-search input {
    width: 195px; /*57+8 */
    padding-left: 55px;
}

.frm-sales .form-ft fieldset {
    display: none;
}

/* @group Account options */

.panel-ft {
    width: 160px;
    position: absolute;
    top: 0px;
    right: -161px;
}

.frm-sales .form-ft .account-options {
    position: absolute;
    right: -161px;
    top: 4px;
}

.account-options {
    width: 137px;
    background-color: #f7fafd;
    background-image: url(image/table-options.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    border: 1px solid #FFFFFF;
    border-width: 1px 1px 1px 0;
    padding: 6px 0 2px 23px;
}

.account-options a {
    font-weight: 700;
}

.borderradius .account-options {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.account-options ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.account-options ul li {
    margin-bottom: 3px;
}

.account-options p {
    color: #999999;
    margin: 35px 0 0 0;
}

.account-status {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.account-options .state-locked,
.account-options .state-active {
    padding-left: 12px;
}

.account-options .state-locked a,
.account-options .state-active a {
    background-position: 0 1px;
    padding-left: 10px;
}

.account-options .state-locked a:hover,
.account-options .state-locked a:active,
.account-options .state-active a:hover,
.account-options .state-active a:active {
    background-position: 0 -47px;
}

.account-status .action {
    padding: 0 0 72px 0;
}

.account-options .state-active {
    padding-bottom: 0px;
}

.account-status .account-notice {
    padding: 51px 0 4px 0;
}

.account-status .account-notice strong {
    display: block;
}

.frm-sales .toggle {
    float: right;
    margin-bottom: 0px;
}

.fld-toggle ul li {
    margin-bottom: 0px;
}

.frm-sales fieldset .fld-search-transfers {
    float: right;
    margin-right: 0px;
}

.fld-slider .field-input {
    width: 27px;
    margin-left: 12px;
    line-height: 22px;
}

.fld-slider .field-suffix {
    display: block;
    float: left;
    margin-top: 1px;
}

.tbl-sales td.headers-date span.no-opening-arrow {
    background: none;
}

.is-toggle {
    cursor: pointer;
}

/* @end */

/* @group sales table */

.tbl-sales {
    margin: 0 0 0px; /* dev */
    position: relative;
    z-index: 10;
}

.tbl-sales table {
    border: 0 none;
    table-layout: fixed;
}

.tbl-sales .table-ft dl {
    float: right;
    margin-right: 160px;
    margin-top: 10px;
}

.tbl-sales .table-ft dt {
    float: left;
    margin-right: 10px;
}

.tbl-sales .table-ft dd {
    float: left;
}

.table-empty-ft {
    height: 20px;
    margin-top: -8px;
    padding: 10px 9px;
    width: 760px;
    background: #ffffff url(image/tbl-linear.png) 0 100% no-repeat;
    border-bottom: 1px solid #B3BDC6;
    border-left: 1px solid #B3BDC6;
    border-right: 1px solid #B3BDC6;
}

.dataTables_empty {
    display: none;
}

/* Table Headers */
.tbl-sales th.first-child {
    border-left: 1px solid #FFFFFF;
}

.tbl-sales th.last-child {
    border-right: 1px solid #cad5e0;
}

.tbl-sales th.id-date {
    width: 105px;
}

.tbl-sales th.id-value-date {
    width: 105px;
}

.tbl-sales th.id-type {
    width: 128px;
    padding: 0px;
}

.tbl-orderlists {
    position: relative;
}

.tbl-orderlists {
    overflow: hidden;
    padding-top: 45px;
}

.tbl-orderlists th:last-child {
    border-bottom: 1px solid #9BA6B8;
    border-right: 1px solid #9BA6B8;
    border-top: 1px solid #9BA6B8;
    background-color: transparent;
    background-image: none;
}

div.scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
}

tbody.scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollable .headers-auswahl-column {
    padding-right: 1.833em;
}

.tbl-orderlists table tbody td.headers-action {
    padding-right: 20px;
}

.tbl-orderlists ul {
    margin-bottom: 0px;
}

.tbl-orderlists th span.table-header-wrapper {
    display: block;
    position: relative;
    height: 24px;
}

.tbl-orderlists th.id-source {
    width: 149px;
    padding: 0px;
    position: relative;
}

.tbl-orderlists th.id-status {
    width: 147px;
    padding: 0px;
}

.tbl-orderlists .table-ft {
    padding: 10px;
    border-left: 1px solid #C7D1DC;
    border-right: 1px solid #C7D1DC;
    border-bottom: 1px solid #C7D1DC;
}

.tbl-orderlists .table-bd fieldset {
    margin-bottom: 0px;
}

.tbl-sales th.id-amount {
    width: 85px;
}

.tbl-sales th.id-balance {
    width: 85px;
}

.tbl-sales th.id-action {
    padding: 0;
    border: 0 none;
    background: none;
    width: 160px;
}

/* Table Data */
.tbl-sales tbody td {
    padding: 11px 10px 11px 10px;
    border-bottom: 1px solid #B3BDC6;
    background-color: #E9EEF5;
    vertical-align: top;
    line-height: 13px;
}

.tbl-sales tbody tr.odd td {
    background-color: #E9EEF5;
}

.tbl-sales tbody tr.state-expanded-ie6 td {
    background-color: #ffffff;
}

.tbl-sales tbody tr.state-expanded-ie6 td.headers-entry-note {
    padding-bottom: 11px;
    padding-top: 11px;
}

.tbl-sales tr.state-hover td {
    background-color: #fff;
}

.tbl-sales tr.state-hover td {
    background-image: url(image/table-gradient.png) !important;
}

.tbl-sales tr.state-hover td.headers-action {
    background-image: none !important;
}

.tbl-sales td.first-child {
    border-left: 1px solid #FFFFFF;
    padding-left: 9px;
}

.tbl-sales td.last-child {
    border-right: 1px solid #cad5e0;
    padding-right: 9px;
}

.tbl-sales tr.state-expanded td.headers-date span,
.tbl-sales tr.state-transition td.headers-date span {
    background-position: 0 0;
}

.tbl-sales td.headers-entry-note,
.tbl-sales td.headers-type {
    overflow: hidden;
}

.tbl-sales td.headers-amount,
.tbl-sales td.headers-balance {
    text-align: right;
}

.tbl-sales td.headers-action {
    padding: 0;
    border: 0 none;
    background: none !important;
    vertical-align: baseline;
    line-height: 16px;
    text-align: left;
    width: 160px;
}

/* Account Options */

.tbl-sales .account-options {
    width: 149px;
    background-color: #f7fafd;
    background-image: url(image/table-options.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    border: 1px solid #FFFFFF;
    border-width: 1px 1px 1px 0;
    padding: 6px 0 5px 12px;
    overflow: hidden;
}

.tbl-sales .state-collapsed .account-options {
    width: 20px;
    display: block;
    height: 22px;
}

.borderradius .tbl-sales .account-options {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.tbl-sales .account-options ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.state-collapsed .headers-action ul {
    display: none;
}

.tbl-sales-options ul {
    margin: 0;
    padding-left: 10px;
    padding-top: 13px;
}

.tbl-sales-options ul:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.tbl-sales-options ul li {
    list-style-type: none;
    float: left;
    margin-right: 20px;
}

td.headers-entry-note span {
    display: block;
}

.page-title a.action-info {
    margin-left: 12px;
    margin-top: 5px;
}

/* @end */

/* @end */
/* @group Modal */

.modal-hd,
.modal-left,
.modal-right,
.modal-ft,
.control-hd
.control-ft {
    display: none;
}

.modal-overlay {
    position: absolute;
    top: 0 !important;
    left: 0;
    z-index: 4000;
    /* Fallback for web browsers which doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.6);
}

.no-js .modal-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
}

/*
.modal-ajax-ctr {
  width: 100%;
  height: 100%;
}
*/
.ajax-placeholder {
    position: absolute;
    top: 0px;
    left: 0px;
}

.no-js .ajax-placeholder {
    z-index: 999;
    width: 100%;
}

.modal-bd .ajax-placeholder {
    position: static;
}

.modal {
    width: 660px;
    height: auto;
    z-index: 4001;
    /*margin-left: -330px;
  margin-top: -140px;*/
    background-color: #eff4fa;
    border-top: 1px solid #b0b5c2;
    border-right: 1px solid #b0b5c2;
    border-left: 1px solid #b0b5c2;
    border-bottom: 1px solid #b0b5c2;
    top: 119px !important;
}

.no-js .modal {
    margin: 120px auto 20px auto;
    visibility: visible !important;
    position: relative;
    top: auto !important;
}

.borderradius .modal,
.borderradius .modal-cn {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.boxshadow .modal {
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}

.mdl-subDialog {
    position: absolute;
}

.modal-cn {
    position: relative;
    border-top: 2px solid #f6f7f8;
    border-right: 1px solid #f7f9fc;
    border-left: 1px solid #f7f9fc;
    border-bottom: 1px solid #f7f9fc;
}

.modal-cn form {
    margin-bottom: 0;
}

.modal-cn .tabs {
    width: 622px !important;
}

.modal-cn:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: '\0020';
}

.no-js .modal-cn .modal-iframe {
    display: none;
}

.modal-bd {
    padding: 14px 18px;
    outline: none;
}

.modal-container {
    margin: 0 0 24px 0;
}

/* Modal Title */
.modal-title {
    margin: 0 0 16px 0;
}

.modal-title h2 {
    font-size: 23px;
    margin: 0;
}

.fontface .modal-title h2 {
    font-family: 'FrutigerRegularCondensed', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: 1px 1px 0px #EFF4FA;
}

/* Modal Close */
.modal-close {
    position: absolute;
    right: -29px;
    top: 8px;
}

.modal-close a {
    background-image: url(image/modal-close.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    outline: 0;
}

/* Tabs Reset */
.modal .tabs .tab-panel {
    margin: 0;
    width: auto;
}

.modal .tabs .tab-panel .tab-panel-cn {
    padding: 0;
}

.modal .tabs .tab-panel .tab-panel-hd {
    margin-bottom: 0;
}

.modal .table {
    overflow-y: scroll;
}

.js .modal .table {
    overflow-y: hidden;
}

.modal .tbl-choose-template,
.modal .tbl-bictabelle,
.modal .tbl-choose-blz {
    height: 245px;
}

.js .modal .tbl-choose-template {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.js .modal .tbl-choose-template .table-bd.scrollable {
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.modal .tbl-laendertabelle {
    height: 245px;
    border-top: 1px solid #CED9E4;
    border-bottom: 1px solid #CED9E4;
}

.modal .tbl-laendertabelle table {
    border-top: none;
    border-bottom: none;
}

.modal .tbl-bank-statement {
    margin: 0 0 8px 0;
    /* width: 620px; */
    height: 170px;
!important;
    overflow-y: auto;
!important;
}

.modal-bd .display-right a {
    margin-left: 18px;
    margin-right: 0px;
}

/* Ländersuche */
.nav-alphabet {
    overflow: hidden;
}

.nav-alphabet ul {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    border: 1px solid #c4cdd9;
    float: left;
}

.nav-alphabet ul li {
    float: left;
    width: 22px;
    height: 19px;
    font-weight: bold;
    border-right: 1px solid #c4cdd9;
    text-align: center;
}

.nav-alphabet ul li.last-child {
    border: none;
}

.nav-alphabet ul li a {
    font-weight: bold;
}

.alle-laender {
    margin-bottom: 15px;
    display: block;
    clear: left;
}

.tbl-laendertabelle table {
    border-top: 1px solid #CED9E4;
    margin-top: 0px;
}

/* @end */

/* -------------------------------------------------------------------------------------------------------------------------- */
/* @group Patches */
/* -----------------------------------------------------------------------------------------------------------------------------
** @version       1.0.0
** @lastmodified  2010-11-12 12:34
** @css-for
**
**
** ---
** @date          2010-11-12
** ---
----------------------------------------------------------------------------------------------------------------------------- */
/* @group Action Links */
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Disabled Links in Ueberweisung Freigabe ausblenden */
.frm-approval em {
    display: none;
}

.table .frm-vorlagensuche {
    width: 100px;
    position: relative;
    top: 3px;
}

.table .frm-vorlagensuche .fld-suchbegriff input {
    width: 87px;
    height: 16px;
}

.table .id-headers-azvvorlagen-uebernehmen,
.table .id-header-abrufueberweisungen-uebernehmen {
    width: 100px;
    padding-top: 0;
    padding-bottom: 0;
}

.placeholder,
.placeholder-sepa-dauerauftrag,
.placeholder-dauerauftrag,
.placeholder-sepa-ueberweisung,
.placeholder-ueberweisung,
.placeholder-tagesgeldumbuchung,
.placeholder-sparcardumbuchung {
    min-height: 27px;
}

/* EKAZ-Vorschaltseite Tabelle */
.tbl-bank-statement thead {
    background-color: #cbd6e1;
    background-image: url(image/table-head.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

.tbl-bank-statement thead th {
    line-height: 24px;
    border-right: 1px solid #a0a8b1;
    border-left: 1px solid #e1e6ec;
    padding: 0 0 0 9px;

}

.tbl-bank-statement td {
    padding: 4px 10px;
    background-color: #FFFFFF;
}

.tbl-bank-statement tbody .headers-action {
    text-align: right;
    padding-right: 25px;
}

/* EKAZ-Vorschaltseite Tabelle Zebra Stripes */

.tbl-bank-statement tbody tr.odd td {
    background-color: #E9EEF4;
}

.tbl-bank-statement tbody tr.even td {
    background-color: #FFFFFF;
}

/* --------------- AZV --------------- */

.fieldset-disabled .field-utilities,
.field-utilities em {
    display: none;
}

.frm-azv-scheck .form-part-1,
.frm-azv .form-part-1 {
    position: relative;
}

.frm-azv .form-part-cn {
    position: relative;
}

.frm-azv .form-part-cn .form-part-ft .control button {
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px 8px;
    height: auto;
    line-height: 16px;
}

.frm-azv .form-part-cn .form-part-ft button.type-button,
.frm-azv-scheck .form-part-cn .form-part-ft button.type-button {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding: 0 6px;
    line-height: 20px;
    margin-right: 0;
}

.frm-western-union .control-step .control-edit .type-button {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 12px;
    height: auto;
    padding: 2px 5px;
    line-height: 16px;
    margin-right: 0;
}

.frm-western-union .control-step .control-cancel input,
.frm-western-union .control-step .control-next input {
    position: relative;
    top: 10px;
    font-size: 12px;
    height: auto;
    padding: 5px 8px;
    line-height: 16px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.frm-azv-scheck .legend,
.frm-azv .legend,
.frm-western-union .legend {
    padding-bottom: 4px;
    border-bottom: 1px solid #D4D9DD;
}

.frm-azv .ft-approval .legend,
.frm-azv-scheck .ft-approval .legend,
.frm-western-union .ft-approval .legend,
.frm-azv .ft-legitimacy .legend,
.frm-azv-scheck .ft-legitimacy .legend,
.frm-western-union .ft-legitimacy .legend {
    border-bottom: none;
    border-bottom: 0;
    margin-top: 4px;
}

.frm-western-union .frm-freigeben .ft-legitimacy .legend,
.frm-western-union .frm-quittieren .ft-legitimacy .legend {
    margin-top: 0;
}

.frm-azv-scheck .form-part-cn .form-part-ft button {
    position: relative;
    top: 10px;
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    padding: 5px 8px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.frm-azv-scheck .form-part-cn .form-part-ft a.type-button {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    padding: 0 6px;
    line-height: 20px;
    margin-right: 0;
}

#content .type-button-small {
    padding: 2px 5px;
    height: auto;
    line-height: 16px;
}

#content button.type-button-small {
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
}

/* @group fld-recipient-name */
.frm-azvbankverbindung .fld-recipient-name, .frm-azvbankverbindung .fld-recipient-name .field-group {
    width: 448px;
}

.frm-azvbankverbindung .fld-recipient-name .field-input input {
    width: 386px;
    padding-left: 52px;
}

/* @end */
/* @group fld-ibanoraccount */
.frm-azvbankverbindung .fld-ibanoraccount {
    margin-bottom: 8px
}

.frm-azvbankverbindung .fld-ibanoraccount, .frm-azvbankverbindung .fld-ibanoraccount .field-group {
    width: 448px;
}

.frm-azvbankverbindung .fld-ibanoraccount .field-input input {
    width: 266px;
    padding-left: 172px;
}

/* @end */
/* @group fld-bicorbankcode */
.frm-azvbankverbindung .fld-bicorbankcode {
    width: 431px;
}

.frm-azvbankverbindung .fld-bicorbankcode .field-group, .frm-azvbankverbindung .fld-bicorbankcode .field-ft {
    width: 340px;
}

.frm-azvbankverbindung .fld-bicorbankcode .field-input input {
    width: 195px;
    padding-left: 136px;
}

/* @end */
/* @group fld-country */
.frm-azvbankverbindung .fld-country {
    width: 431px;
}

.frm-azvbankverbindung .fld-country .field-group, .frm-azvbankverbindung .fld-country .field-ft {
    width: 340px;
}

.frm-azvbankverbindung .fld-country .field-input input {
    width: 285px;
    padding-left: 46px;
}

/* @end */
.frm-azvbankverbindung fieldset .fld-country,
.frm-azvbankverbindung fieldset .fld-bicorbankcode {
    margin-right: 0px;
}

.AzvErfassen .form-ft .control-cancel button {
    width: 88px;
}

.AzvScheckErfassen .form-ft .control-cancel,
.AzvScheckErfassen .form-ft .control-next,
.AzvErfassen .form-ft .control-cancel,
.AzvErfassen .form-ft .control-next {
    margin-top: 20px;
}

/* ----------- Sparauftrag ----------------- */
.frm-ausfuehrungsoptionenForm {
    margin-bottom: 10px;
}

fieldset.exec-options {
    margin-top: 20px;
    margin-bottom: 0px;
}

/* ----------------- Überweisung ------------- */
.frm-freistellungsauftrag .form-disabled .field-utilities,
.frm-transfer .form-disabled .field-utilities,
.form-disabled .frm-sparauftrag .action-help,
.form-disabled .frm-auftragslimit .action-help,
.frm-dauerauftrag .form-disabled .field-utilities,
.frm-sparcardumbuchung .form-disabled .action-help,
.frm-tagesgeld-umbuchung .form-disabled .action-help,
.frm-transfer .form-disabled .action-more {
    display: none;
}

.frm-transfer .form-disabled label {
    cursor: default;
}

#recipient-name-autocomplete-container, #recipient-account-autocomplete-container, #recipient-blz-autocomplete-container {
    width: 100% !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.frm-transfer fieldset.transfer-options {
    margin-bottom: 0;
}

.frm-transfer fieldset.transfer-options .field-bd {
    height: 40px;
}

.frm-transfer .frm-kontoauswahl-alias .field-error {
    margin-left: 144px;
}

/* ------------------ Auftragslisten ---------------- */
.auftragslisten-panel {
    height: 110px;
    border-left: 1px solid #C7D1DC;
    border-top: 1px solid #C7D1DC;
    border-right: 1px solid #C7D1DC;
}

.auftragslisten-panel fieldset {
    width: 860px;
    height: 45px;
    padding: 15px 0px 0px 0px;
    margin-left: 19px;
    margin-right: 19px;
    border-bottom: 1px solid #C7D1DC;
    overflow: hidden;
}

.auftragslisten-panel fieldset a {
    float: right;
}

.frm-auftraglisten-anzeigen .tab-panel-bd {
    position: relative;
}

.frm-auftraglisten-anzeigen .tbl-ueberweisung .headers-action .action-help {
    display: none;
}

/* --------------- Freistellungsauftag ------------- */
.frm-freistellungsauftrag .fld-widerrufZum .field-group {
    width: 220px;
}

.frm-freistellungsauftrag .fld-widerrufZum .field-input input {
    width: 132px;
    padding-left: 76px;
    padding-right: 10px;
}

.frm-freistellungsauftrag li {
    height: 100%;
}

.frm-gueltigkeiterfassen .fld-gueltigBis {
    margin-top: 10px;
}

.frm-gueltigkeiterfassen .fld-gueltigab .field-group {
    width: 188px;
}

.frm-gueltigkeiterfassen .fld-gueltigbis .field-group {
    width: 101px;
}

.frm-gueltigkeiterfassen .fld-gueltigab .field-input input {
    width: 71px;
    padding-left: 106px;
}

.frm-gueltigkeiterfassen .fld-gueltigbis .field-input input {
    width: 46px;
    padding-left: 45px;
}

.frm-gueltigkeiterfassen .field-suffix {
    display: none;
}

.frm-freistellungsauftragdaten-erfassung .fld-betrag .field-group {
    width: 155px;
}

.frm-freistellungsauftragdaten-erfassung .fld-betrag .field-input input {
    width: 102px;
    padding-left: 15px;
    padding-right: 36px;
    text-align: right;
}

.frm-gueltigkeiterfassen .info-gueltigab {
    width: 700px;
}

.frm-freistellungsauftragdaten-erfassung .info-individuell {
    display: none;
}

.frm-gueltigkeiterfassen .fld-gueltigBis .field-group-list .field-group-list .fld-radio,
.frm-freistellungsauftragdaten-erfassung .fld-individuell .fld-radio {
    margin-right: 8px;
}

.frm-freistellungsauftrag .fld-steuernummer {
    width: 400px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.frm-freistellungsauftrag .fld-steuernummer .field-group {
    width: 342px;
}

.frm-freistellungsauftrag .fld-steuernummer .field-input input {
    width: 100px;
    padding-left: 233px;
}

.frm-freistellungsauftrag .receipt.rpt-title ul li,
.frm-freistellungsauftrag .receipt.rpt-title ul li span {
    width: 100%;
    text-align: center;
}

.frm-freistellungsauftrag .receipt.rpt-title ul li.receipt-date {
    width: 65px;
    float: right;
}

.frm-freistellungsauftrag .receipt.rpt-title ul li.receipt-header {
    font-size: 16px;
    line-height: 18px;
}

.frm-freistellungsauftrag .receipt.rpt-auftragsdaten ul li {
    width: 100%;
}

.frm-freistellungsauftrag .receipt.rpt-auftragsdaten li.receipt-vorgang {
    font-weight: bold;
}

.frm-freistellungsauftrag .receipt.rpt-auftragsdaten li.receipt-gueltigkeitsende {
    margin-left: 7px;
}

.rcp-freistellungsauftrag dl dt,
.rcp-freistellungsauftrag dl dd,
.rcp-verlusttoepfe dl dt,
.rcp-verlusttoepfe dl dd {
    width: auto;
}

.rcp-freistellungsauftrag dl dt,
.rcp-verlusttoepfe dl dt {
    margin-right: 8px;
}

.rcp-freistellungsauftrag dl dd,
.rcp-verlusttoepfe dl dd {
    float: none;
}

/* --------------- Sitemap ------------- */
.sitemap {
    overflow: hidden;
    position: relative;
}

.sitemap ul {
    width: 194px;
    float: left;
    list-style-type: none;
    margin: 0 20px 0 0;
    padding: 0;
    border-top: 1px solid #D0D4D8;
    overflow: hidden;
}

.sitemap ul.last-child {
    margin-right: 0;
}

.sitemap ul a {
    text-decoration: none;
    color: #4c4c4c;
}

.sitemap ul li {
    border-bottom: 1px solid #D0D4D8;
    font-weight: bold;
    line-height: 19px;
}

.sitemap ul li.last-child {
    border-bottom: none;
}

.sitemap ul ul {
    float: none;
    border: none;
    margin-right: 0;
    width: auto;
}

.sitemap ul ul li {
    padding-left: 20px;
    font-weight: normal;
}

.sitemap .last-child .last-element {
    margin-top: 20px;
    border-top: none;
    border-bottom: none;
}

/* ----------- Handyaufladung ----------- */
.frm-mobilephone-charge .receipt-account-info {
    clear: none;
    float: left;
}

.frm-mobilephone-charge .receipt-account-info .receipt-bd {
    margin-bottom: 0;
}

.frm-mobilephone-charge .receipt-account-info span {
    line-height: 27px;
}

/* -------------- Signale --------------- */
.js .frm-signal div.control-select-signaltype {
    display: none;
}

.no-js .frm-signalkontostand {
    margin-top: 10px;
}

/* Ansonsten ueberlagert eine evtl aufkommende Fehlermeldung den Hinweistext */
.frm-signal .fld-signaltext .field-cn {
    float: left;
}

.frm-signal .last-child {
    clear: both;
}

.no-js .fld-signalartVorgang {
    margin-top: 10px;
}

.no-js .fld-signalSaldoSenden {
    margin-top: 10px;
}

.receipt-send-signal-type {
    clear: none;
}

.receipt-send-signal-type span {
    height: 28px;
    line-height: 28px;
}

.rest-char-count {
    float: right;
    font-size: 10px;
}

.tbl-template-ueberweisung-vorlagen th > span,
.tbl-history-chip-tan th > span,
.tbl-signals th > span {
    white-space: nowrap;
}

.tbl-template-ueberweisung-vorlagen th.id-type > span,
.tbl-history-chip-tan th.id-account > span,
.tbl-history-chip-tan th.id-safety-procedure > span,
.tbl-signals th.id-headers-type > span {
    position: relative;
    display: block;
}

.tbl-signals th.id-id-action {
    width: 48px;
}

.tbl-signals th.id-headers-type {
    padding: 0;
    width: 111px;
}

.tbl-signals th.id-headers-type .field-select dl dt a {
    min-width: 67px !important;
}

.tbl-signals th.id-headers-type .field-select dl dd {
    min-width: 112px !important;
}

.container-signals .action-more {
    margin-left: 20px;
}

/* -------------- Einstellungen > Historie (Details fuer Select-Header) -------------- */

.tbl-history-chip-tan th .field-select dl .first-child {
    margin: 0;
}

.tbl-history-chip-tan th.id-account,
.tbl-history-chip-tan th.id-safety-procedure {
    padding: 0;
}

.tbl-history-chip-tan th.id-account {
    width: 112px;
}

.tbl-history-chip-tan th.id-account .field-select dl dt a {
    min-width: 68px !important;
}

.tbl-history-chip-tan th.id-account .field-select dl dd {
    min-width: 113px !important;
}

.tbl-history-chip-tan th.id-account .field-select dl dd a {
    min-height: 16px;
}

.tbl-history-chip-tan th.id-safety-procedure {
    width: 202px;
}

.tbl-history-chip-tan th.id-safety-procedure .field-select dl dt a {
    min-width: 158px !important;
}

.tbl-history-chip-tan th.id-safety-procedure .field-select dl dd {
    min-width: 203px !important;
}

/* -------------- Einstellungen > Vorlagen (Details fuer Select-Header) -------------- */

.tbl-template-ueberweisung-vorlagen th .field-select dl .first-child {
    margin: 0;
}

.tbl-template-ueberweisung-vorlagen th.id-type {
    padding: 0;
}

.tbl-template-ueberweisung-vorlagen th.id-type {
    width: 154px;
}

.tbl-template-ueberweisung-vorlagen th.id-type .field-select dl dt a {
    min-width: 110px !important;
}

.tbl-template-ueberweisung-vorlagen th.id-type .field-select dl dd {
    min-width: 155px !important;
}

/* -------------- LASTSCHRIFT -------------- */
.receipt .receipt-class-900 .information-text {
    margin-top: 5px;
}

.js .frm-sparcardumbuchung .control-select-receiver button.empfaengerWaehlen {
    display: none;
}

/* -------------- PIN -------------- */

.frm-pin-aendern .rpt-newpin-labels .receipt-bd {
    margin-bottom: 0;
}

.frm-pin-aendern .fld-text {
    margin-bottom: 10px;
}

/* -------------------- ALIAS ---------------------------------------*/
.frm-create-alias .form-hd {
    padding-bottom: 40px;
}

.frm-create-alias .control-cn {
    margin-top: 60px;
}

.frm-create-alias .fld-text {
    float: none !important;
}

.frm-create-alias .fld-benutzername .field-group,
.frm-create-alias .fld-postbankId .field-group {
    width: 428px;
}

.frm-create-alias .fld-benutzername input {
    width: 309px;
    padding-left: 91px;
    padding-right: 25px;
}

.frm-create-alias .fld-postbankId input {
    width: 290px;
    padding-left: 126px;
    padding-right: 10px;
}

.fld-newpassword .field-input input {
    width: 311px;
    padding-left: 108px;
}

.fld-newpassword-repeat .field-input input {
    width: 290px;
    padding-left: 129px;
}

.fld-newpassword,
.fld-newpassword .field-group,
.fld-newpassword-repeat,
.fld-newpassword-repeat .field-group,
.frm-create-alias .fld-kundenPasswort .field-group,
.frm-create-alias .fld-passwort .field-group {
    width: 428px;
}

.frm-create-alias .fld-kundenPasswort input {
    width: 303px;
    padding-left: 113px;
    padding-right: 10px;
}

.frm-create-alias .fld-passwort input {
    width: 327px;
    padding-left: 73px;
    padding-right: 25px;
}

.frm-create-alias .fld-kundenPasswortWiederholung .field-group,
.frm-create-alias .fld-kontrollpasswort .field-group {
    width: 428px;
}

.frm-create-alias .fld-kundenPasswortWiederholung input {
    width: 219px;
    padding-left: 197px;
    padding-right: 10px;
}

.frm-create-alias .fld-kontrollpasswort input {
    width: 245px;
    padding-left: 156px;
    padding-right: 25px;
}

.frm-create-alias .field-cn {
    margin-top: 10px;
}

.frm-create-alias p.infotext {
    clear: both;
    padding-top: 20px;
}

/* Anpassungen fuer die scrollenden (ab 11. Zeile) Checkbox/Radio Tables */
.mdl-wizard .table .field-cn,
.frm-create-alias .table .field-cn {
    margin-top: 0px;
}

.mdl-wizard .table .table-cn,
.frm-create-alias .table .table-cn {
    background: transparent;
    position: relative;
    padding: 24px 0 0 0;
    width: 600px; /* Breite, Scroll-Container */
}

.mdl-wizard .table .table-bd,
.frm-create-alias .table .table-bd {
    background: transparent;
    width: 600px; /* Breite, Scroll-Container */
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
}

.mdl-alias-abfangseite .tbl-kontoinhaber .table-cn,
.mdl-alias-abfangseite .tbl-kontoinhaber .table-bd {
    width: 606px;
}

.frm-create-alias .tbl-kontoinhaber .table-cn,
.frm-create-alias .tbl-kontoinhaber .table-bd {
    width: 646px;
}

.mdl-wizard .table table,
.frm-create-alias .table table {
    width: 584px; /* Tabellenbreite */
}

.mdl-alias-abfangseite .tbl-kontoinhaber table {
    width: 590px;
}

.frm-create-alias .tbl-kontoinhaber table {
    width: 630px;
}

.mdl-wizard .table thead tr,
.frm-create-alias .table thead tr {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
}

.mdl-wizard .table tbody td,
.frm-create-alias .table tbody td {
    /* word-wrap: break-word; */ /* Alternative, falls ungekuerzte Darstellung gewuenscht */
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    -ms-overflow: hidden;
}

/* vergroesserte Spaltenhoehe fuer die scrollenden (ab 11. Zeile) Checkbox/Radio Tables */
.mdl-wizard .table tbody td,
.mdl-wizard .table .fld-radio .field-group,
.mdl-wizard .table .fld-checkbox .field-group,
.frm-create-alias .table tbody td,
.frm-create-alias .table .fld-radio .field-group,
.frm-create-alias .table .fld-checkbox .field-group {
    line-height: 20px;
}

.frm-create-alias .table .fld-custom label {
    background-position: 0 1px;
}

/* Step Eingabe: Verfahrensauswahl (allgemein) */
/* fuer richtige Darstellung: Summe der Spaltenbreiten + Paddings = Tabellenbreite */
.frm-create-alias-sicherheitsverfahren .table thead th,
.frm-create-alias-sicherheitsverfahren .table tbody td {
    width: 74px;
}

.frm-create-alias-sicherheitsverfahren .table thead th + th,
.frm-create-alias-sicherheitsverfahren .table tbody td + td {
    width: 150px;
}

.frm-create-alias-sicherheitsverfahren .table thead th + th + th,
.frm-create-alias-sicherheitsverfahren .table tbody td + td + td {
    width: 300px;
}

/* Step Alias: Kontoinhaberauswahl */
.frm-create-alias .tbl-kontoinhaber thead th,
.frm-create-alias .tbl-kontoinhaber tbody td {
    width: 20px;
}

.mdl-alias-abfangseite .tbl-kontoinhaber thead th,
.mdl-alias-abfangseite .tbl-kontoinhaber tbody td,
.frm-create-alias .tbl-kontoinhaber thead th + th,
.frm-create-alias .tbl-kontoinhaber tbody td + td {
    width: 250px;
}

.mdl-alias-abfangseite .tbl-kontoinhaber thead th + th,
.mdl-alias-abfangseite .tbl-kontoinhaber tbody td + td,
.frm-create-alias .tbl-kontoinhaber thead th + th + th,
.frm-create-alias .tbl-kontoinhaber tbody td + td + td {
    width: 300px;
}

.mdl-alias-abfangseite .tbl-kontoinhaber tbody td + td {
    font-style: italic;
}

.frm-create-alias .tbl-kontoinhaber .field-radio {
    margin-left: 5px;
}

/* Step Eingabe: Verfahrensauswahl (Typ: Signale) */
.frm-create-alias-properties .tbl-signal .id-header-uebernehmen,
.frm-create-alias-properties .tbl-signal .headers-header-uebernehmen {
    width: 74px;
}

.frm-create-alias-properties .tbl-signal .id-header-bezeichner,
.frm-create-alias-properties .tbl-signal .headers-header-bezeichner {
    width: 255px;
    max-width: 255px;
}

.frm-create-alias-properties .tbl-signal .id-header-kontonummer,
.frm-create-alias-properties .tbl-signal .headers-header-kontonummner {
    width: 90px;
}

.frm-create-alias-properties .tbl-signal .id-action-details,
.frm-create-alias-properties .tbl-signal .headers-action-details {
    width: 85px;
}

/* Step Eingabe: Verfahrensauswahl (Typ: Signale) - Detailansicht */
.dl-signaldetails dt,
.dl-signaldetails dd {
    margin-bottom: 8px;
}

/* Step Speichern: Abschlussuebersicht */
.frm-create-alias-properties .wizard-uebernahme-uebersicht .table thead th,
.frm-create-alias-properties .wizard-uebernahme-uebersicht .table tbody td {
    width: 270px;
}

.frm-create-alias-properties .wizard-uebernahme-uebersicht .table thead th + th,
.frm-create-alias-properties .wizard-uebernahme-uebersicht .table tbody td + td {
    width: 273px;
}

.frm-create-alias-properties .wizard-uebernahme-uebersicht .tbl-signal .id-header-bezeichner,
.frm-create-alias-properties .wizard-uebernahme-uebersicht .tbl-signal .headers-header-bezeichner {
    max-width: 270px;
}

/* Alias-Kontowaehler */

.frm-kontoauswahl-alias {
    width: 100%;
}

.frm-kontoauswahl-alias .field-label {
    margin-right: 5px;
    line-height: 25px;
    font-size: 13px;
}

.no-js .frm-kontoauswahl-alias .field-label {
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.frm-kontoauswahl-alias .field-label label,
.frm-kontoauswahl-alias .field-label span {
    cursor: text;
    color: #4C4C4C;
    font-weight: 500;
}

.js .frm-kontoauswahl-alias .fld-kontoauswahl .field-group .field-label {
    position: relative;
    float: left;
    left: 0;
}

.js .frm-kontoauswahl-alias .fld-kontoauswahl .field-group .field-input {
    position: relative;
    float: left;
}

.no-js .frm-kontoauswahl-alias .fld-kontoauswahl .field-utilities {
    padding: 0;
}

.no-js .frm-kontoauswahl-alias .fld-kontoauswahl .field-utilities button {
    margin: 3px 0 0 10px;
}

.frm-kontoauswahl-alias .fld-singlekonto {
    height: 100%;
}

.frm-kontoauswahl-alias .fld-singlekonto .field-input span {
    font-weight: bold;
    font-size: 13px;
}

/* Alias-Forms */

.frm-accessrights-change .fld-accessrights-choice .field-bd fieldset {
    margin-bottom: 8px;
}

.frm-accessrights-legitimation .display-vertical .display-horizontal span {
    margin-right: 4px;
}

.frm-passwort-aenderung fieldset + fieldset .legend h3 {
    font-size: 12px;
}

.frm-passwort-aenderung .ft-approval {
    margin-top: 20px;
}

.frm-passwort-aenderung li .action-help {
    margin-top: -4px;
}

/* Alias-Statusheader (Wizard & Wiedereinstieg) */

.statusheader {
    color: #4D4D4D;
    clear: both;
}

.statusheader ul {
    list-style: none;
    padding: 5px 0;
}

.statusheader li {
    float: left;
}

.statusheader .status-icon {
    color: #EFF4FA;
    padding: 1px 6px 2px 5px;
    background: url("image/status-header-bg.png") 0 0 no-repeat;
}

.statusheader .abgeschlossen {
    color: #000066;
}

.statusheader .abgeschlossen .status-icon {
    background-image: url("image/action-icons.png");
    background-position: -200px 0;
    color: transparent;
}

.statusheader .inaktiv .status-icon {
    background-position: -18px 0;
}

.statusheader .status-text {
    padding: 0 15px 0 5px;
    font-size: 13px;
}

/*---------------------- TERMINTOOL --------------------------------*/
.mdl-termintool {
    width: 865px;
}

.mdl-termintool .tabs .tab-panel-bd {
    padding: 0;
}

.mdl-termintool .tabs .tabs-hd {
    border: none;
}

.mdl-termintool .headline h3 {
    font-size: 23px;
    font-family: 'FrutigerRegularCondensed', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-shadow: 1px 1px 0 #EFF4FA;
}

.mdl-termintool .headline h4 {
    margin-top: 16px;
}

.mdl-termintool .control .control-bd,
.modal .frm-termintool .control .control-bd {
    float: left;
    margin-top: 32px;
}

.mdl-pvi .control .control-bd div.first-child button,
.modal .frm-pvi-branch .control .control-bd div.last-child button {
    margin-left: 0;
}

.modal .form .box-bd .box-bd .control {
    float: left;
}

.modal .form .box-bd .box-bd .control .control-bd {
    margin-top: 8px;
}

.modal .form .box-bd .box-bd .control .control-bd .first-child button {
    margin-left: 0;
}

.modal .frm-termintool {
    margin-top: 20px;
}

.modal .frm-termintool .frm-pvi-topic + .control .control-cancel {
    display: none;
}

.modal .frm-pvi-confirmation {
    margin-top: 0;
}

.modal .modal-content div.text {
    width: auto;
}

.modal .modal-content div.text p.footnote {
    color: #808080;
    margin-bottom: 0;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #DCDEE4;
    font-size: 11px;
}

.frm-termintool .box-bd .fld-list {
    margin-right: 0;
}

.js .frm-termintool .fld-select .field-group dd[style] {
    width: 100% !important;
}

.frm-termintool .form .control {
    padding-top: 0px;
}

.frm-termintool fieldset p {
    margin-bottom: 16px;
}

.frm-termintool fieldset p.last-child,
.frm-pvi-topic fieldset p {
    margin-bottom: 0;
}

.frm-pvi-confirmation fieldset {
    border-top: 1px solid #dcdee4;
}

.frm-pvi-confirmation .legend {
    margin-bottom: 0;
}

.frm-pvi-confirmation .accordion fieldset,
.frm-pvi-confirmation fieldset p {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
}

.frm-pvi-confirmation fieldset.last-child .legend,
.frm-pvi-appointment fieldset.last-child .legend {
    display: none;
}

.frm-termintool .msg-pvi .message-cn {
    border: none;
}

.frm-termintool .msg-pvi .message-hd h3 {
    font-size: 21px;
    line-height: 40px;
}

.frm-termintool .msg-pvi {
    border: none;
    margin: 0;
}

.frm-termintool .box .box-bd,
.frm-termintool .box .box-hd,
.frm-termintool .fld-textarea {
    clear: left;
    float: none;
    margin-top: 16px;
}

.frm-termintool .fld-textarea .field-textarea {
    position: static;
}

.frm-termintool .fld-textarea .field-group {
    width: 417px;
    height: 87px;
}

.frm-termintool .fld-textarea textarea {
    width: 417px;
    height: 63px;
    padding-top: 30px;
    padding-left: 13px;
}

/*.frm-termintool .fld-message span.field-label                       { display: none; }*/
.frm-termintool .box-bd .box-bd .legend,
.frm-termintool fieldset.last .legend {
    float: left;
    margin-top: 11px;
}

.frm-termintool .box-bd .box-bd .legend {
    width: 105px;
}

.frm-termintool .fld-zip .field-group {
    width: 90px;
}

.frm-termintool .fld-zip input {
    width: 41px;
    padding-left: 40px;
}

.frm-termintool .fld-city .field-group {
    width: 210px;
}

.frm-termintool .fld-city input {
    width: 166px;
    padding-left: 35px;
}

.frm-termintool .fld-email,
.frm-termintool .fld-email .field-group {
    width: 360px;
}

.frm-termintool .fld-email input {
    width: 251px;
    padding-left: 100px;
}

.frm-termintool .fld-sms .field-group {
    width: 87px;
}

.frm-termintool .fld-sms input {
    width: 133px;
    padding-left: 70px;
}

.frm-termintool .fld-date .field-group {
    width: auto;
}

.frm-termintool .field-group-list {
    margin-bottom: 16px;
    float: left;
}

.frm-termintool .fld-textarea:after,
.frm-termintool .field-group-list:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.frm-termintool .fld-phone-areacode .field-group {
    width: 62px;
    height: 28px;
    padding-left: 10px;
}

.frm-termintool .fld-phone-areacode input {
    width: 54px;
}

.frm-termintool .fld-phone-number .field-group {
    width: 95px;
    height: 28px;
    padding-left: 10px;
}

.frm-termintool .fld-phone-number input {
    width: 88px;
}

.frm-termintool .box .fld-phone-country,
.frm-termintool .box .fld-phone-areacode,
.frm-termintool .box .fld-phone-number {
    padding: 8px 10px 0 0;
}

.frm-pvi-topic div.control div.last-child button,
.frm-pvi-appointment div.control div.last-child button {
    margin-left: 0;
}

div.nav-process {
    margin-bottom: 20px;
}

div.nav-process ul {
    list-style-type: none;
    overflow: hidden;
    padding-left: 0;
    counter-reset: nav-process;
}

div.nav-process li {
    float: left;
    margin-right: 25px;
}

div.nav-process span,
div.nav-process a {
    padding-left: 6px;
    background: transparent url(image/pvi-sprite.gif) 0 0 no-repeat;
    color: #8d8f92;
    display: block;
    float: left;
    text-align: center;
    line-height: 17px;
    font-size: 10px;
    height: 18px;
}

div.nav-process span.state-current {
    background-position: 0 -40px;
    color: #4c4c4c;
}

div.nav-process a {
    counter-increment: nav-process;
    background: transparent url("image/action-icons.png") -200px 0 no-repeat;
    padding-left: 20px;
    width: 0;
    margin-right: 50px;
}

div.nav-process a:FIRST-LETTER {
    counter-increment: nav-process;
}

div.nav-process span:before {
    counter-increment: nav-process;
    content: counter(nav-process);
}

div.nav-process span:FIRST-LETTER {
    color: #FFF;
    margin-right: 10px;
}

.frm-create-appointment-with-customer-data fieldset .field {
    float: none;
}

.frm-create-appointment-with-customer-data fieldset .fld-date {
    float: left;
    width: auto;
}

.branch-selection {
    min-height: 25px;
}

.branch-selection-bd {
    position: relative;
    margin-bottom: 40px;
    width: 825px;
}

.search-result {
    width: 315px;
    min-height: 271px;
    float: left;
    margin-right: 20px;
}

.search-result .search-result-hd {
    display: none;
}

.search-result ul {
    list-style-type: none;
    padding-left: 0;
    border-bottom: 1px solid #E3EAF1;
    margin-left: 0;
    margin-bottom: 0;
}

.search-result ul li {
    border-top: 1px solid #e3eaf1;
    padding: 10px 0;
    clear: left;
    overflow: hidden;
}

.search-result ul li li {
    border-top: none;
    padding: 0 0;
}

.search-result ul li.last {
    border-bottom: 1px solid #e3eaf1;
}

.search-result ul li a.icon-count {
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    float: left;
    display: block;
    border: 1px solid #dae0eb;
    background: #e5ecf1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f3f6 2%, #e9eef3 50%, #e3eaf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(2%, #f0f3f6), color-stop(50%, #e9eef3), color-stop(100%, #e3eaf0));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f0f3f6 2%, #e9eef3 50%, #e3eaf0 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f0f3f6 2%, #e9eef3 50%, #e3eaf0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f0f3f6 2%, #e9eef3 50%, #e3eaf0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f3f6', endColorstr='#e3eaf0', GradientType=0);
    background: linear-gradient(top, #ffffff 0%, #f0f3f6 2%, #e9eef3 50%, #e3eaf0 100%);
}

.search-result ul li a.icon-count:hover {
    background: #e9eef3;
    background: -moz-linear-gradient(top, #e3eaf0 0%, #e9eef3 50%, #f0f3f6 98%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3eaf0), color-stop(50%, #e9eef3), color-stop(98%, #f0f3f6), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #e3eaf0 0%, #e9eef3 50%, #f0f3f6 98%, #ffffff 100%);
    background: -o-linear-gradient(top, #e3eaf0 0%, #e9eef3 50%, #f0f3f6 98%, #ffffff 100%);
    background: -ms-linear-gradient(top, #e3eaf0 0%, #e9eef3 50%, #f0f3f6 98%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaf0', endColorstr='#f0f3f6', GradientType=0);
    background: linear-gradient(top, #e3eaf0 0%, #e9eef3 50%, #f0f3f6 98%, #ffffff 100%);
}

.borderradius .search-result ul li a.icon-count {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search-result ul li a {
    float: left;
}

.search-result ul li a.icon-link {
    margin-left: 15px;
    display: block;
    font-weight: 700;
    color: #4C4C4C;
    color: #000066;
}

.search-result ul li a.icon-link:hover {
    color: #1F46B5;
}

.search-result ul li ul {
    clear: left;
    margin: 8px 0 0 57px;
    float: left;
}

.search-result ul li ul.first-child {
    margin-top: -25px;
}

.search-result ul li ul.last-child li {
    float: left;
    margin-right: 30px;
}

.search-result ul li ul li.last {
    margin-top: 9px;
}

.search-result ul li span {
    color: #595959;
    font-weight: 700;
    margin-left: 15px;
    float: left;
    height: 18px;
    display: block;
    line-height: 18px;
}

.map img {
    width: 489px;
}

div.frm-map-search {
    bottom: -60px;
}

div.frm-map-search .legend {
    float: left;
    margin-top: 4px;
}

div.frm-map-search .control {
    float: left;
}

.modal div.frm-map-search .control .control-bd {
    margin-top: 0;
}

.modal div.frm-map-search .control .control-bd div.first-child button {
    margin-left: 0;
}

.frm-termintool .box {
    background-color: transparent;
    border: none;
    width: 100%;
    margin-bottom: 16px;
    background: none;
}

.frm-termintool .box-bd .box-ft {
    display: none;
}

/*.frm-termintool .box-bd .box .box-hd:hover,*/
.frm-termintool .box-bd .box .box-hd {
    background: transparent url("image/pvi-sprite.gif") 0 -111px no-repeat;
}

.frm-termintool .box-bd .box-collapsed .box-hd {
    background-position: 0 -71px;
}

.frm-termintool .box-bd .box .box-hd h3 {
    color: #000066;
    padding: 5px 0px 0px 20px;
    font-size: 12px;
}

.frm-termintool .box-bd .box-collapsed {
    background-color: transparent;
}

.frm-termintool .box-bd .box-collapsed .box-bd {
    display: none;
}

.frm-termintool .box-bd .box .state-collapsed:hover,
.frm-termintool .box-bd .box .state-hover {
    background-image: none
}

.frm-termintool .box-bd .box .box-bd {
    padding-left: 40px;
    margin-left: -19px;
    margin-right: -19px;
    padding-top: 9px;
    height: 57px;
    width: auto;
    background: url("image/pvi-sprite.gif") repeat-x 0px -160px;
}

.frm-termintool .box-bd .box .box-bd .fld-sms,
.frm-termintool .box-bd .box .box-bd .fld-email {
    margin-right: 44px;
}

.frm-termintool .box-bd .box .box-bd p {
    margin: 4px 0 0;
}

.frm-termintool .box-bd .box .box-bd span.field-utilities {
    position: absolute;
    right: -25px;
    top: 0;
}

.frm-termintool .box-bd .box .box-bd p.jsHelpTxtHide {
    display: none;
}

.frm-termintool .fld-date {
    width: auto;
}

.frm-termintool .fld-select .field-group ul li {
    float: none;
}

.mdl-termintool .tabs {
    width: 100% !important;
}

.frm-termintool .action-help {
    font-size: 0;
}

.frm-create-appointment-confirmation fieldset p,
.frm-create-appointment-confirmation fieldset .legend {
    margin: 0;
}

.frm-termintool .frm-map-search .fld-group-list .field-label label {
    background: none;
    display: inline;
    color: #4c4c4c;
    line-height: 16px;
    font-weight: 500;
    font-size: 12px;
}

.frm-termintool .frm-map-search .fld-group-list .field-label a.icon-link {
    margin-left: -5px;
}

.frm-termintool .frm-map-search .fld-group-list .field-group-list {
    margin-top: 20px;
    margin-bottom: -20px;
}

/* -------------------- MODALE DIALOGE -------------------- */
.mdl-subModalDialog {
    position: absolute !important;
}

.mdl-VorlagenAuswahlDialog,
.mdl-AzvVorlagenAuswahlDialog {
    width: 795px;
}

/* -------------------- WEBKIT -------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Nur fuer Safari und Chrome */
    .state-disabled input.type-text,
    .state-disabled input.type-password,
    .state-disabled textarea {
        color: #4c4c4c !important;
    }

    .frm-azv .form-part-cn .form-part-ft button.type-button,
    .frm-azv-scheck .form-part-cn .form-part-ft button.type-button {
        top: 0;
    }

    #aside {
        z-index: 2;
    }

    #aside .aside-hd {
        display: none;
    }

    /* Ausblenden des Aside-Headers noetig um x-scrollen zu koennen z.B. */
    .no-js .box-accessrights .box-hd .toggle .frm-kontoauswahl-alias .fld-kontoauswahl .field-group {
        margin-top: 6px;
    }

    .no-js .frm-kontoauswahl-alias .fld-kontoauswahl .field-utilities button {
        margin-top: 3px;
    }

    .no-js .frm-kontoauswahl-alias .field-label {
        top: 2px;
    }

    .frm-create-alias .table .fld-custom label {
        background-position-y: 2px;
    }

}

/* -------------------- IE10 -------------------- */
@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    ::-ms-clear {
        display: none; /* da das [x] mit .field-suffix kollidiert */
    }

    .modal-overlay {
        background: rgba(255, 255, 255, 0.6) !important;
    }

}

.frm-kontoauswahl-alias .field-group.state-disabled .field-label {
    background-image: none;
}

/* -------------------- eGutscheine -------------------- */

.evoucher-wrapper #nav {
    padding-top: 23px;
}

.evoucher-wrapper #nav ul li span {
    top: -13px;
    padding-bottom: 5px;
}

.evoucher-wrapper .content-close {
    top: 25px;
}

.evoucher-wrapper .fontface #nav ul li a {
    padding: 8px 17px 9px 17px;
}

/*eGutscheine page styles*/
.evoucher-wrapper .page-wpapper .page-title {
    padding-bottom: 50px;
}

.evoucher-wrapper .border-top {
    padding: 32px 0 0;
    margin: 43px 0 0;
    background: url(image/border-bg.png) repeat-x 0 0;
}

.evoucher-wrapper .page-title h2 {
    color: #0b367b;
}

.evoucher-wrapper .page-title .type-reset {
    width: auto;
    padding: 5px 15px;
}

.evoucher-wrapper .vauchers-holder {
    overflow: hidden;
    margin-bottom: 120px;
}

.evoucher-wrapper .vaucher-item:first-child {
    margin: 0;
}

.evoucher-wrapper .gift-holder {
    margin-bottom: 17px;
}

.evoucher-wrapper .vaucher-item {
    float: left;
    width: 281px;
    text-align: center;
    margin-left: 27px;
    padding-left: 11px;
}

.evoucher-wrapper .vaucher-item .figure {
    position: relative;
    margin: 0;
}

.evoucher-wrapper .vaucher-item .vaucher-item.figure {
    padding: 7px;
    width: 280px;
    height: 176px;
    overflow: hidden;
}

.evoucher-wrapper .vaucher-item .figure img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.evoucher-wrapper .vaucher-item .type-submit {
    margin: 0 auto;
    height: 36px;
    padding: 5px 18px;
    font-size: 12px;
}

.evoucher-wrapper .vaucher-item h2 {
    color: #0a3377;
    margin: 0 0 8px;
    /* white-space: nowrap; */
}

.evoucher-wrapper .vaucher-item p {
    margin: 0 0 14px;
    min-height: 20px;
}

.evoucher-wrapper .text-holder {
    margin: 22px 0 0;
}

.evoucher-wrapper .vaucher-item .figure img.gift {
    position: absolute;
    top: 47px;
    left: 56%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 2;
    width: auto;
}

.evoucher-wrapper .vaucher-item button {
    display: inline-block;
}

.evoucher-wrapper .vaucher-item .type-reset {
    width: auto;
    height: 36px;
    padding: 5px 9px;
    margin-right: 10px;
    font-size: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.festlegen .field-input input {
    padding-left: 170px;
    text-align: right;
    width: 32px;
    padding-right: 19px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.empfanger .field-input {
    z-index: 99;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.empfanger label {
    width: 165px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.empfanger .field-input input {
    width: 237px;
    padding-left: 167px;
}

.evoucher-wrapper .no-top-space, .evoucher-wrapper .description.no-top-space {
    margin-top: 0;
    padding-top: 4px;
}

/***********eGutschein-Code-bestellen page styles***********/
.evoucher-wrapper .item-holder {
    padding-top: 4px;
    margin-left: -10px;
}

.evoucher-wrapper .row {
    margin: 0 0 30px;
}

.evoucher-wrapper .item-holder:after,
.evoucher-wrapper .row:after {
    content: '';
    display: block;
    clear: both;
}

.evoucher-wrapper .item-holder .vaucher-item {
    padding-left: 0;
    padding-top: 17px;
    width: 234px;
}

.evoucher-wrapper .item-holder .vaucher-item img {
    width: 100%;
}

.evoucher-wrapper .right-side {
    float: left;
    width: 68%;
    margin-left: 51px;
}

.evoucher-wrapper .right-side .row {
    margin-bottom: 17px;
}

.evoucher-wrapper .right-side .action-edit-row {
    margin-top: 13px;
    margin-bottom: 27px;
}

.evoucher-wrapper .item-holder a.action-edit {
    background-position: 16px -667px;
    padding: 7px 24px 4px 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.evoucher-wrapper .light .fld-dropdown .field-group dt a {
    color: #999;
    background-image: url(image/select.png);
}

.js .item-holder .fld-custom .field-radio label.checked {
    background-image: url("image/420150324103506917513.png") !important;
}

.js .item-holder .fld-toggle .fld-custom label {
    background-image: url("image/radio-bg.png") !important;
}

.js .item-holder .item-holder .fld-custom .field-radio label.checked {
    background-image: url("image/radio-bg.png") !important;
}

.evoucher-wrapper .row .field {
    float: left;
    margin: 5px 33px 0 0;
}

.evoucher-wrapper .row .fld-toggle {
    margin-top: 7px;
}

.evoucher-wrapper .item-holder .action-help {
    margin-top: 13px;
}

.evoucher-wrapper .form .item-holder .legend {
    margin: 0;
}

.evoucher-wrapper .item-holder .fld-toggle .field-group-list li {
    width: 52px;
}

.js .item-holder .fld-toggle .fld-custom label {
    padding: 5px 0;
    font-weight: 700;
    text-align: center;
    border-color: #9ba6bc;
    border-style: solid;
    border-width: 1px;
    margin-left: -1px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name .field-group,
.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name {
    width: 300px;
    margin-right: 10px;
    height: 28px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.kein-recipient-name {
    margin-top: 7px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name .field-input input {
    width: 162px;
}

.evoucher-wrapper .item-holder p {
    font-size: 12px;
    line-height: 16px;
    color: #4b4b4b;
    margin: 0 0 22px;
}

.evoucher-wrapper .address-holder {
    width: 465px;
    margin-top: 27px;
    margin-bottom: 25px;
}

.evoucher-wrapper .address-holder p {
    font-size: 12px;
    line-height: 16px;
}

.evoucher-wrapper .address-holder h3 {
    font-size: 15px;
    line-height: 7px;
    margin: 0 0 9px;
}

.evoucher-wrapper .description h3 {
    font-size: 15px;
    line-height: 17px;
    margin: 0;
}

.evoucher-wrapper .iframe-holder {
    margin: 20px 0 0 -14px;
    width: 904px;
}

.evoucher-wrapper .iframe-holder.left-aligned {
    margin-left: -23px;
}

.evoucher-wrapper .iframe-holder iframe {
    margin: 0;
    padding: 0;
}

/* .evoucher-wrapper .iframe-holder img{
  //width: 100%;
} */
/* .evoucher-wrapper .fontface .content-title h1{
  font-weight: 700;
} */
.tpl-05 .content-title.evoucher-title {
    width: 945px;
    padding: 32px 32px 15px;
}

.evoucher-wrapper .fld-text .field-label label,
.evoucher-wrapper .fld-password .field-label label {
    padding-left: 10px;
}

.evoucher-wrapper .fld-text .field-label label,
.evoucher-wrapper .fld-password .field-label label,
.evoucher-wrapper .fld-text .field-label,
.evoucher-wrapper .fld-password .field-label {
    z-index: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    background-image: none;
}

.evoucher-wrapper .field-label span {
    position: absolute;
    right: 12px;
    top: 1px;
}

.evoucher-wrapper .right-side .description strong {
    margin: 0 0 5px
}

.evoucher-wrapper .description {
    width: 100%;
    padding: 15px 7px 5px;
    overflow: hidden;
}

.evoucher-wrapper .description:after {
    content: '';
    display: block;
    clear: both;
}

.evoucher-wrapper .description.clear {
    margin-left: 0;
    padding-top: 3px;
}

.evoucher-wrapper .description strong {
    display: block;
    margin: 0 0 8px;

}

/* .evoucher-wrapper .description a{
  color: #4b4b4b;
} */
.evoucher-wrapper .description ol {
    padding: 0;
    text-indent: 5px;
    margin: 0 0 25px;
}

.evoucher-wrapper .description li {
    list-style-position: inside;
    font-size: 12px;
    line-height: 16px;
}

.evoucher-wrapper .description p {
    margin: 0 0 25px;
}

.evoucher-wrapper .description p b {
    font-size: 14px;
}

.evoucher-wrapper .description .large p {
    line-height: 19px;
}

.evoucher-wrapper .description p.small-indent {
    margin-bottom: 8px;
}

.js .item-holder .fld-custom .field-checkbox label {
    float: left;
    color: #4b4b4b;
    font-weight: 300;
    line-height: 14px;
    padding: 5px 0 0 28px;
}

.js .item-holder .state-error .fld-custom {
    position: relative;
}

.js .item-holder .state-error .fld-custom .field-checkbox label:after {
    border-radius: 4px;
    box-shadow: 0 0 4px #be595a;
    content: "";
    display: block;
    height: 16px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 16px;
}

.js .state-error .fld-custom .field-checkbox label {
    /* background-image: url(image/radio-error.png) !important; */
    background-position: 2px 0;
}

.js .item-holder .fld-checkbox.state-error {
    margin-bottom: 20px;
}

.js .item-holder .state-error.error-high .field-ft {
    white-space: normal;
    top: 24px;
    height: 40px;
    overflow: hidden;
}

.js .item-holder .state-error.error-high.fld-toggle {
    padding-bottom: 18px;
}

/*******Disabled state*******/
.evoucher-wrapper .fld-toggle.state-disabled .field-group label,
.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.state-disabled .field-input input,
.evoucher-wrapper .state-disabled textarea {
    color: #999 !important;
    background-color: rgba(239, 244, 250, 0);
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.state-disabled .field-input input {
    padding-left: 10px;
    border: 0;
}

.evoucher-wrapper .state-disabled textarea {
    background: #e5e9ef;
    color: #999 !important;
}

/*******Error*******/
.evoucher-wrapper .fld-toggle .field-cn {
    overflow: visible;
}

.js .item-holder .state-error.fld-toggle,
.evoucher-wrapper .state-error .field-cn {
    position: relative;
}

.js .item-holder .state-error .field-ft {
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: auto;
    margin: 4px 0 0;
}

.evoucher-wrapper .item-holder .state-error p {
    color: #9f0002;
}

.js .item-holder .state-error.fld-toggle .field-group-list {
    -webkit-box-shadow: 0 0 4px #be595a;
    -moz-box-shadow: 0 0 4px #be595a;
    box-shadow: 0 0 4px #be595a;
}

.js .item-holder .state-error.fld-toggle .fld-custom label {
    border-color: #9c0300;
}

/*blue check*/
.evoucher-wrapper .banner {
    background: #eff3f9;
    padding: 12px;
    border: 1px solid #afb5c1;
    margin-left: -23px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.evoucher-wrapper .banner.description p {
    margin: 0;
}

.evoucher-wrapper .done-state {
    padding: 0 0 0 70px;
    background: url(image/check.png) -5px 50% no-repeat;
}

.evoucher-wrapper .links-list {
    overflow: hidden;
}

.evoucher-wrapper .links-list ul {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.evoucher-wrapper .links-list ul li {
    float: left;
    margin: 5px 0 0 35px;
    list-style: none;
}

.evoucher-wrapper .links-list ul li:first-child {
    margin-left: 0;
}

.evoucher-wrapper .links-list ul li a {
    color: #000669;
    font-weight: bold;
    display: inline-block;
    padding-left: 15px;
    font-size: 12px;
}

.evoucher-wrapper .links-list ul li a:hover {
    color: #5a60bc;
}

.evoucher-wrapper .links-list ul li a.arrow {
    background: url(image/arrow.png) 0 50% no-repeat;
}

.evoucher-wrapper .links-list ul li a.pdf {
    background: url(image/pdf.png) 0 50% no-repeat;
}

.evoucher-wrapper .links-list .btn-holder {
    float: right;
}

.evoucher-wrapper .links-list .btn-holder button {
    display: inline-block !important;
}

/**/
.evoucher-wrapper .forms-holder {
    margin: 23px 0 25px;
}

.evoucher-wrapper .forms-holder.with-error {
    margin-bottom: 35px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .forms-holder .fld-recipient-name .field-group,
.evoucher-wrapper .frm-sepa-transfer .item-holder .forms-holder .fld-recipient-name {
    width: 400px;
    display: inline-block;
    vertical-align: top;
}

.evoucher-wrapper .forms-holder .type-submit {
    display: inline-block;
    margin: 0 0 0 33px;
}

.evoucher-wrapper .form .item-holder .forms-holder .legend.top-space {
    margin-top: 25px;
}

.evoucher-wrapper .form .item-holder .forms-holder .legend {
    margin-bottom: 3px;
}

.evoucher-wrapper .text {
    /* height: 118px !important; */
    margin: 20px 0 0;
}

.evoucher-wrapper .fld-textarea {
    margin-top: 9px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-recipient-name.fld-textarea {
    width: 100%;
    height: 70px;
    margin-top: 30px;
}

.evoucher-wrapper .text textarea {
    resize: none;
    height: 57px;
    padding: 8px 10px;
}

/*place-holder color*/
::-webkit-input-placeholder {
    color: #919191;
    opacity: 1;
}

:-moz-placeholder {
    color: #919191;
    opacity: 1;
}

::-moz-placeholder {
    color: #919191;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #919191;
    opacity: 1;
}

.evoucher-wrapper .item-holder .vaucher-item .figure img.gift {
    top: 20px;
    left: 50%;
}

.evoucher-wrapper .vaucher-item .type-reset {
    margin-top: 12px;
    padding: 5px 15px;
}

/* 420150324103507068599.css */

.evoucher-wrapper .fld-text .field-label label {
    display: block;
    padding: 0 0 0 8px;
    height: 26px;
    background: url(image/420150324103507072603.png);
    background-position: 0 2px !important;
    background-repeat: repeat-x;
    line-height: 26px;
}

/* Fix für Dialog - Freigeben */
.evoucher-wrapper .frm-sepa-transfer .item-holder .fld-text .field-input input.evoucher-freier-betrag-fix {
    padding-left: 165px !important;
    text-align: right;
    width: 109px;
    padding-right: 24px;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .right-side .action-edit-row .evoucher-change-values-info-button a.action-help {
    margin-left: 37px !important;
    margin-top: 0 !important;
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .right-side .fld-recipient-name.state-disabled span.field-group {
    background-image: url(image/fld-input-disabled.png);
}

.evoucher-wrapper .frm-sepa-transfer .item-holder .right-side .fld-recipient-name.state-disabled span.field-group .field-label label {
    background: none;
}

/* Anfang: eGutschein Promotionaktion (Prozentzeichen) */
.evoucher-wrapper .item-holder .fld-toggle .field-group-list li.promotion-festbetrag {
    position: relative;
    width: 70px;
}

.js .item-holder .fld-toggle .promotion-festbetrag .fld-custom label {
    text-align: left;
    padding-left: 10px;
}

.evoucher-wrapper li.promotion-festbetrag:after {
    content: url(image/icon-percent-yellow.png);
    position: absolute;
    z-index: 2;
    left: 42px;
    top: 0;
    width: 18px;
    height: 22px;
    visibility: visible;
}

/* Ende: eGutschein Promotionaktion (Prozentzeichen) */

.evoucher-wrapper label.cursor-default {
    cursor: default;
}

.js .fld-custom .fld-evoucher-checkbox label.checked {
    background-image: url(image/checkbox-focus-checked.png) !important;
    background-image: none;
    filter: none !important;
    /* png ie transparency */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='static/css/image/checkbox-focus-checked.png.png');
}

.evoucher-wrapper .field-label span.evoucher-belastungswert-fix {
    top: 0;
}

/* Paydirekt */
.paydirekt-wrapper div.legitimacy div.control-back {
    padding-left: 20px;
}

.paydirekt-wrapper div.fld-text {
    padding-bottom: 10px;
}

.paydirekt-wrapper .fld-paydirekt .field-group {
    width: 290px;
}

.paydirekt-wrapper .fld-paydirekt .field-input input {
    width: 165px;
    padding-left: 115px;
}

.paydirekt-wrapper div.left, .paydirekt-wrapper div.right {
    float: left;
    width: 50%;
}

.paydirekt-wrapper div.bottom {
    clear: left;
}

.paydirekt-wrapper fieldset.space {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paydirekt-wrapper .label-with-link a:link {
    text-decoration: underline;
}

.paydirekt-wrapper span.paydirect-description {
    display: inline;
    width: 120px;
    float: left;
}

.paydirekt-wrapper span.paydirect-value, .paydirekt-wrapper div.bold {
    font-weight: bold;
}

.paydirekt-wrapper div.adresse {
    float: left;
    padding-right: 80px;
}

.paydirekt-wrapper div.adresse-details {
    float: left;
    padding-right: 30px;
"
}

.paydirekt-wrapper div.clear-line {
    clear: left;
}

.paydirekt-wrapper .fld-strasse {
    width: 205px;
    float: left;
}

.paydirekt-wrapper .fld-strasse .field-group {
    width: 205px;
}

.paydirekt-wrapper .fld-strasse .field-input input {
    width: 141px;
    padding-left: 55px;
}

.paydirekt-wrapper .fld-hausnummer {
    width: 84px;
    float: left;
}

.paydirekt-wrapper .fld-hausnummer .field-group {
    width: 84px;
}

.paydirekt-wrapper .fld-hausnummer .field-input input {
    width: 43px;
    padding-left: 32px;
}

.paydirekt-wrapper .fld-plz {
    width: 84px;
    float: left;
}

.paydirekt-wrapper .fld-plz .field-group {
    width: 84px;
}

.paydirekt-wrapper .fld-plz .field-input input {
    width: 40px;
    padding-left: 35px;
}

.paydirekt-wrapper .fld-ort {
    width: 205px;
    float: left;
}

.paydirekt-wrapper .fld-ort .field-group {
    width: 205px;
}

.paydirekt-wrapper .fld-ort .field-input input {
    width: 141px;
    padding-left: 55px;
}

.paydirekt-wrapper .fld-land {
    width: 290px;
}

.paydirekt-wrapper .fld-land .field-group {
    width: 290px;
}

.paydirekt-wrapper .fld-land .field-input input {
    width: 215px;
    padding-left: 65px;
}

.paydirekt-passwort-size-full {
    float: left;
    width: 100%;
}

/* ----------- Zusatzleistungen ----------- */

.zusatzleistungen .zusatzleistungElement {
    background: #f3f5f9;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper {
    height: 120px;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .imageWrapper {
    float: left;
    box-sizing: border-box;
    width: 25%;
    height: 120px;
    position: relative;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .imageWrapper img {
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .textWrapper {
    float: left;
    box-sizing: border-box;
    width: 50%;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .einsprungWrapper {
    float: left;
    box-sizing: border-box;
    width: 25%;
    text-align: right;
    height: 100%;
    position: relative;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .einsprungWrapper .preis {
    height: auto;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .einsprungWrapper .einsprung {
    height: 28px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.zusatzleistungen .zusatzleistungElement .zusatzleistungElementWrapper .einsprungWrapper .einsprung a {
    margin: 0;
    bottom: 0;
    width: 180px;
}

.zusatzleistungen .clear-both {
    clear: both;
}

.zusatzleistungen .zusatzleistungServices .zusatzleistungServicesBody {
    height: 188px;
}

.zusatzleistungen .zusatzleistungServices .zusatzleistungServicesBody .title {
    text-align: center;
}

.zusatzleistungen .zusatzleistungServices .service {
    float: left;
    box-sizing: border-box;
    width: 303px;
    width: -webkit-calc(100% / 3 - 10px);
    width: -moz-calc(100% / 3 - 10px);
    width: calc(100% / 3 - 10px);
    padding: 20px 20px 0 20px;
    background: #f3f5f9;
    height: 100%;
}

.zusatzleistungen .zusatzleistungServices .service-left {
    margin-right: 15px;
}

.zusatzleistungen .zusatzleistungServices .service-right {
    margin-left: 15px;
}

/* ---------- EINRICHTUNGSWIZARD ------------------------------------------------------------------*/

/*@group frm-einwilligungen */
.frm-einwilligungen .fld-vorwahl .field-group {
    width: 135px;
}

.frm-einwilligungen .fld-vorwahl input {
    width: 57px;
    padding-left: 65px;
    padding-right: 10px;
}

.frm-einwilligungen .fld-durchwahl .field-group {
    width: 250px;
}

.frm-einwilligungen .fld-durchwahl input {
    width: 150px;
    padding-left: 88px;
    padding-right: 10px;
}

/* @end */
/* @group fld-emailadvising */
.frm-emailadvising .fld-emailadvising .field-group {
    width: 360px;
    margin-left: 27px;
}

.frm-emailadvising .fld-emailadvising input {
    width: 297px;
    padding-left: 50px;
    padding-right: 10px;
}

/* @end */

.einrichtungswizard div.status-anzeige {
    margin-top: 20px;
}

.einrichtungswizard div.status-anzeige span.right-label {
    float: right;
}

.einrichtungswizard div.status-anzeige span.state-erledigt {
    color: green;
}

.type-reset {
    width: auto;
    min-width: 88px;
}

.group.grp-dkw-serviceleistungen.size-quarter {
    float: left;
    width: 100px;
}

.group.grp-dkw-serviceleistungen.size-third + .size-half {
    width: 100% !important;
}

.group.grp-dkw-serviceleistungen.size-third + .size-half b {
    font-size: 15px;
}

.group.grp-dkw-serviceleistungen.size-third {
    float: left;
    width: 350px;
    padding-right: 50px;
    position: relative;

}

.dkw-process.dkw-serviceleitungen > .section:first-child .size-third {
    width: 100%;
    height: 30px;
}

.dkw-process.dkw-zusatzprodukte .size-third + .size-quarter,
.dkw-process.dkw-serviceleitungen .size-third + .size-quarter {
    text-align: right;
    width: 70px;
    padding-right: 30px;
}

.form.dkw-process.dkw-zusammenfassung .group-cn {
    padding-right: 0 !important;
}

.group.grp-dkw-serviceleistungen.size-third .action-help {
    position: absolute;
    right: 30px;
    top: 0;
}

.group.size-half {
    float: left;
    width: 50%;
}

.group.size-half:first-child .group-cn {
    padding-right: 50px;
}

.group.size-half .group-cn .fld-group-list {
    display: block;
    width: 100%;
}

.group.size-4fifth {
    float: left;
    width: 80%;
}

.group.size-fifth {
    float: left;
    width: 20%;
}

.form-bd .section {
    clear: both;
    margin-bottom: 15px;
}

.form-bd .section:after,
.clearfix {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.fld-text label {
/ / font-size: 12 px;
/ / font-weight: 400;
/ / color: #4c4c4c;
/ / line-height: 16 px;
}

.tab-erfahrungenAuswahlAnleihen .fld-radio .display-horizontal li.first-child {
    margin-right: 0;
}

.tab-erfahrungenAuswahlAnleihen fieldset legend + .legend + .field {
    margin-bottom: 15px;
}

.tabs .tabs-bd .form-ft {
    clear: both;
    margin-top: 60px;
}

.form-ft .control-hd {
    margin-bottom: 15px;
}

/****************** Navbar  ****************/
.nav-process ul li {
    width: auto !important;
    margin-right: 0;
    font-weight: 400;
}

.nav-process ul li.first-child span {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 0;
}

.nav-process ul li.last-child span {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 0;
}

.nav-process ul li:before {
    content: "";
}

.nav-process ul li span,
.nav-process ul li a {
    background: none;
    padding: 3px 9px;
    border: 1px solid #9ba6bc;
    background-color: #EDF0F5;
    background-image: url(image/toggle.png) !important;
    background-repeat: repeat-x;
    background-position: 100% -30px;
    display: block;
    margin-right: 0;
    width: auto;
}

.nav-process ul li span.state-current,
.nav-process ul li a.state-current {
    background-position: 100% 0;
}

.nav-process ul li span:FIRST-LETTER,
.nav-process ul li a:FIRST-LETTER {
    color: #8d8f92;
    margin-right: 0;
}

.nav-process ul li span:before,
.nav-process ul li a:before {
    display: none;
}

.form-bd .legend h3 + .field-utilities {
    position: relative;
    top: -3px;
}

.field-utilities span {
    margin-left: 10px;
}

/* @group fld-email */
.fld-viaemail {
    width: 190px;
}

.fld-viaemail .field-group {
    width: 190px;
}

.fld-viaemail .field-input input {
    width: 124px;
    padding-left: 55px;
}

.fld-checkbox + .fld-email,
.fld-checkbox + .fld-areacode-small {
    margin-left: 15px;
}

/* @group fld-job */
.fld-job, .fld-job .field-group {
    width: 185px;
}

.fld-job .field-input input {
    width: 124px;
    padding-left: 51px;
}

/* @end */

/* @group fld-branch */
.fld-branch, .fld-branch .field-group {
    width: 185px;
}

.fld-branch .field-input input {
    width: 105px;
    padding-left: 69px;
}

/* @end */

/* @group fld-work-since */
.fld-work-since, .fld-work-since .field-group {
    width: 280px;
}

.fld-work-since .field-input input {
    width: 75px;
    padding-left: 195px;
}

/* @end */

/* @group fld-income-netto */
.fld-income-netto, .fld-income-netto .field-group {
    width: 266px;
}

.fld-income-netto .field-input input {
    width: 56px;
    padding-left: 201px;
}

/* @end */

/* @group fld-ccline */
.fld-ccline, .fld-ccline .field-group {
    width: 200px;
}

.fld-ccline .field-input input {
    width: 133px;
    padding-left: 57px;
}

/* @end */

/* @group fld-address-zip */
.fld-address-zip, .fld-address-zip .field-group {
    width: 150px;
}

.fld-address-zip .field-input input {
    width: 96px;
    padding-left: 45px;
}

/* @end */

/* @group fld-address-city */
.fld-address-city, .fld-address-city .field-group {
    width: 150px;
}

.fld-address-city .field-input input {
    width: 103px;
    padding-left: 37px;
}

/* @end */

/* @group fld-address-additional */
.fld-address-additional, .fld-address-additional .field-group {
    width: 150px;
}

.fld-address-additional .field-input input {
    width: 38px;
    padding-left: 103px;
}

/* @end */

/* @group fld-first-amount */
.fld-first-amount, .fld-first-amount .field-group {
    width: 250px;
}

.fld-first-amount .field-input input {
    width: 175px;
    padding-left: 51px;
}

/* @end */

/* @group fld-first-amount */
.fld-firstamount, .fld-firstamount .field-group {
    width: 269px;
}

.fld-firstamount .field-input input {
    width: 82px;
    padding-left: 177px;
}

/* @end */

.form-bd > div + div > div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list li {
    text-align: center;
}

.form-bd > div + div > div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list > li {
    margin-right: 0;
    width: 120px;
}

.form-bd > div + div > div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list > li + li {
    margin-left: 10px;
    width: 100px;
}

.form-bd > div + div > div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list > li + li + li {
    margin-left: 0px
    width: 132px;
}

.form-bd > div + div > div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list li > .field-group {
    float: none;
}

/* second row */

.form-bd > div + div > div + div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list > li {
    width: 120px;
}

.form-bd > div + div > div + div .field > .field-cn > .field-bd > .group.size-half > .required > .fld-radio .field-group-list > li + li {
    width: 100px;
}

div > div > div > div > div.field.fld-text.fld-restamount > div > div.field-ft {
    width: 250px;
}

.fld-ccline > .field-cn > div.field-ft {
    width: 650px;
}

/* depot */

.field-group-list.display-horizontal > li {
    margin-left: 10px;
}

.fld-phone-international .field-group-list.display-horizontal > li {
    margin-left: 0;
}

.field-group-list.display-horizontal li:first-child {
    margin-left: 0;
}

.field-group-list li.fld-select .field-suffix {
    line-height: 26px;
}

.fld-checkbox label[for="viaEmailCheck"],
.fld-checkbox label[for="viaPhoneCheck"] {
    width: 100px;
}

h3 a.action-edit {
    font-size: 12px;
}

.group-hd a.action-edit {
    position: absolute;
    left: 49%;
    padding-bottom: 0;
    padding-top: 0;
}

div.form-bd > div:first-child + div > div:first-child > fieldset > legend + div + div .field-cn .field-bd .group span > span:first-child,
div.form-bd > div:first-child + div > div:first-child + div > fieldset > legend + div + div .field-cn .field-bd .group span > span:first-child {
    display: inline-block;
    text-align: center;
    width: 120px;
}

div.form-bd > div:first-child + div > div:first-child > fieldset > legend + div + div .field-cn .field-bd .group span > span:first-child + span,
div.form-bd > div:first-child + div > div:first-child + div > fieldset > legend + div + div .field-cn .field-bd .group span > span:first-child + span {
    display: inline-block;
    text-align: center;
    width: 100px;
}

div.form-bd > div:first-child + div > div:first-child + div + div > fieldset > div.field.fld-group-list.required > div > div.field-bd > div:first-child + div > ul > li,
div.form-bd > div:first-child + div > div:first-child + div + div + div > fieldset > div.field.fld-group-list.required > div > div.field-bd > div:first-child + div > ul > li {
    margin-left: 45px;
}

.fld-select .field-group dd {
    max-height: 180px;
    overflow: auto;
    overflow-x: hidden;
}

/* Kreditkarte */
div.form-bd > div:first-child + div > div:first-child + div > div > div > fieldset > div.section > div > div:first-child > div {
    margin-bottom: 10px;
}

/* Custom Breite für HTML Nachrichten in Nachrichtenbox */
.message-box-html div.kampagneImage {
    padding-left: 0;
    padding-right: 0;
}

.group-size-full .group-cn .group-hd h3 {
    white-space: nowrap;
}

.form-cn .form-bd .label-size-third .fld-select {
    margin-bottom: 10px;
}

.tbl-mobilfunknummer td.header-bezeichner .fld-checkbox .field-checkbox label {
    position: relative;
    top: 8px;
}

div > fieldset > div.section > div > div:first-child + div > div > div > div > div > ul:first-child + ul > li.fld-text > span > span.field-label {
    display: none;
}

.frm-adresse fieldset > legend + div + div + div.fld-group-list {
    max-width: 47%;
}

#content-bd > div > div > div.tabs-bd > div > div > div > div > div > div > form > div.form-bd > div:first-child + div > div:first-child > div > div .size-half {
    float: none;
    width: 100%;
}

#content-bd > div > div > div.tabs-bd > div > div > div > div > div > div > form > div.form-bd > div:first-child + div > div:first-child > div > div .size-half .group-cn {
    padding-right: 6px;
}

fieldset > .field-label > label {
    color: #4c4c4c;
    font-weight: 400;
    font-size: 12px;
    cursor: default;
}

#content-bd > div > div > div.tabs-bd > div > div > div > div > div > div > form > div.form-bd > div:first-child + div > div:first-child + div + div > div > div > fieldset {
    margin-top: 20px;
}

#content-bd > div > div > div.tabs-bd > div > div > div > div > div > div > form > div.form-bd > div:first-child + div > div:first-child + div + div > div > div > fieldset .legend h3 {
    margin-bottom: 5px;
}

div > fieldset div.section div.group fieldset > ul > li > div > label {
    font-weight: 400;
    font-size: 12px;
    color: #4c4c4c;
    cursor: default;
}

.dkw-serviceleitungen,
.dkw-zusatzprodukte {
    width: 600px;
}

.dkw-serviceleitungen div div .section,
.dkw-zusatzprodukte fieldset .section {
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

.dkw-serviceleitungen div:last-child div .section,
.dkw-zusatzprodukte fieldset .section:last-child {
    margin-bottom: 15px;
    border-bottom: none;
    padding-bottom: 0;
}

.dkw-zusammenfassung {
    padding-top: 14px;
}

.dkw-zusammenfassung .dlist.dl-50-50 dl dd {
    white-space: nowrap;
}

.dkw-buttonbar .control-next {
    float: right !important;
}

.dkw-zusammenfassung h3 {
    font-size: 15px;
}

.cmp-tt-kartensuche div.frm-map-search {
    width: 300px;
}

*[class*="cmp-tt"] .frm-personenName .frm-personendaten .frm-personenName fieldset .fld-select .field-label,
*[class*="cmp-tt"] .frm-personenName .frm-personendaten .frm-personenName fieldset .fld-select .field-input,
*[class*="cmp-tt"] .frm-personenName .frm-personendaten .frm-personenName fieldset .fld-select .field-select,
*[class*="cmp-tt"] .frm-personenName fieldset .fld-select .field-select {
    float: left
}

.kartensperre .section {
    clear: both;
    width: 100%;
    display: inline-block;
}

.kartensperre .section .group {
    float: left;
}

.kartensperre .grid-bd .section-cn :first-child.group.size-fifth, .kartensperre .grid-hd .section-cn :first-child.group.size-fifth {
    width: 36%
}

.kartensperre .size-full {
    width: 100%;
}

.kartensperre .group.size-fifth {
    width: 20%;
    margin-right: 1%;
    white-space: nowrap;
}

.kartensperre .group.size-fifth .group-cn > span {
    color: #000066;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
}

.kartensperre .group.size-fifth .fld-radio label > span {
    padding-right: 8px
}

.kartensperre .hinweisKeineKarten {
    font-size: 16px;
}

.kartensperre .field-group.fld-custom {
    background: none;
}

.kartensperre .field-group-list.display-horizontal > li {
    margin-left: 0;
}

/* Nachrichtenauflistung für KAZ */
.box-account-statement .tbl-account-statement .navigator {
    width: auto;
}

.box-account-statement .tbl-account-statement table {
    margin-top: -14px;
}

.box-account-statement .message-actions {
    position: absolute;
    right: 11px;
    margin-top: -29px;
}

.box-account-statement .message-actions > a {
    margin-right: 0;
}

.box-account-statement .fld-date {
    width: auto;
}

.box-account-statement .fld-date .field-error {
    margin-top: 0;
}

.fld-personenschluessel .field-input {
    position: relative;
    float: left;
}

.fld-personenschluessel .field-label {
    float: left;
}

/* Kreditpotenziale-Styling - Anfang */
.frm-process.frm-kreditpotenzial .field {
    float: none;
    clear: both;
}

.frm-process.frm-kreditpotenzial .field.fld-group-list, .frm-process.frm-kreditpotenzial .frm-beschaeftigungsdaten .field {
    margin-bottom: 5px;
}

.frm-process.frm-kreditpotenzial .field .field-label a.action-help {
    float: right;
    position: absolute;
    top: 5px;
}

.frm-process.frm-kreditpotenzial .frm-beschaeftigungsdaten .field .field-label a.action-help {
    left: 320px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field .field-label a.action-help {
    left: 580px;
}

.frm-process.frm-kreditpotenzial .zahlungsstroeme {
    margin-bottom: 20px;
}

.frm-process.frm-kreditpotenzial .frm-beschaeftigungsdaten .field.fld-text, .frm-process.frm-kreditpotenzial .frm-beschaeftigungsdaten .field.fld-text .field-group {
    width: 320px;
}

.frm-process.frm-kreditpotenzial .frm-beschaeftigungsdaten .field.fld-text input {
    width: 70px;
    padding-left: 240px;
}

/* In diesem Prozess könnten alle Labels in Fields eine Quickinfo haben, dann darf das Label nicht umbrechen */
.frm-process.frm-kreditpotenzial .field .field-label label {
    display: inline-block;
    padding-right: 0;
}

.frm-process.frm-kreditpotenzial .section .group.size-fifth {
    width: 100%;
}

/* Hier gibt es kein zweispaltiges Layout für den Prozess */
.frm-process.frm-kreditpotenzial .frm-haushalt > .section-cn > .group.size-half {
    width: 100%;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field.fld-text .field-group {
    width: 580px;
    height: 28px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field.fld-text input {
    width: 50px;
    padding-left: 530px;
}

/* Einheitlicher Abstand der Eingabefelder zu Suffix, rechtsbündig */
.frm-process.frm-kreditpotenzial .frm-haushalt .frm-einnahmen .field.fld-text input,
.frm-process.frm-kreditpotenzial .frm-haushalt .frm-ausgaben .field.fld-text input,
.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span > li + li + li.fld-text .field-group input,
.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text input,
.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text .field-input label {
    padding-right: 43px;
    text-align: right;
    display: block;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field.fld-text input {
    width: 105px;
    padding-left: 430px;
    text-align: right;
}

.frm-kreditpotenzial .action-add {
    background-position: -60px 0;
}

.frm-kreditpotenzial .action-remove {
    background-position: -60px -20px;
}

.frm-kreditpotenzial .frm-haushalt .frm-einnahmen .action-add, .frm-kreditpotenzial .frm-haushalt .frm-ausgaben .action-add {
    margin: 5px 0 0 0;
}

.frm-kreditpotenzial .frm-haushalt .frm-einnahmen .action-remove, .frm-kreditpotenzial .frm-haushalt .frm-ausgaben .action-remove {
    margin: 5px 0 0 45px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul li, .frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span {
    display: inline;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span {
    width: 580px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span > li {
    width: 162px;
    display: inline-block;
    min-height: 1em;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul .fld-zs-typ {
    width: 248px;
    margin-left: 22px;
}

/* Das künstlich generierte A-Tag im Select-Menu wird durch die JavaScript-Magic invisible dupliziert */
.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul .fld-zs-typ .select-menu dt a {
    min-width: 200px;
    width: 200px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag .fld-text .field-group {
    width: 182px;
    height: 28px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag .fld-text .field-group * {
    width: 166px;
    display: inline-block;
    float: none;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span > li + li + li.fld-text .field-group {
    width: 147px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span > li + li + li.fld-text .field-group * {
    width: 130px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag ul > span > li + li + li.fld-text .field-group input {
    width: 95px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag .fld-select {
    margin-left: 30px;
    display: block;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .zahlungsstroeme .listeneintrag .field-suffix {
    margin-top: 0;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field.fld-text.zahlungsstrom-summe .field-suffix {
    margin-top: -26px;
    margin-right: 2px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .frm-ausgaben > .form-cn > .form-bd > fieldset .field.fld-select {
    margin-bottom: 5px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field-label {
    height: 26px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .field.fld-text.fld-abloesen {
    display: none;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .postbank-kredite .field-group-list.display-horizontal li.fld-checkbox.first-child {
    float: left;
    display: block;
    min-height: 1px;
    margin-right: 0;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .postbank-kredite .field-group-list.display-horizontal li.fld-checkbox.first-child, .frm-process.frm-kreditpotenzial .frm-haushalt .fremdbank-kredite .field-group-list.display-horizontal li.first-child {
    width: 48px;
}

/* Details einrücken und ohne weissen Hintergrund */
.frm-process.frm-kreditpotenzial .frm-haushalt .postbank-kredite > .postbank-kredite-cn > .section-bd > .group > .group-cn > .group-bd > fieldset.label-size-3fifth > .field.fld-text:first-child .field-group {
    background: none;
    /* padding muss dieselbe Breite wie width des li.first-child ein Eintrag darüber haben */
    padding-left: 48px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .fremdbank-kredite .fld-hinzufuegen .field-group {
    background-color: transparent;
    background-image: none;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .fremdbank-kredite a.action-add span {
    padding-left: 30px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text .field-group {
    width: 400px;
    height: 28px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text .field-input label {
    padding-top: 6px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text input, .frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text .field-input label {
    width: 135px;
    padding-left: 205px;
    padding-right: 58px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field-label {
    font-weight: 700;
    font-size: 13px;
    padding: 6px 20px 6px 8px;
    height: 16px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt .toggle .field.fld-text {
    margin-bottom: 5px;
}

/* Origin=GP kennzeichnen BEGIN */
.frm-process.frm-kreditpotenzial .frm-haushalt-mit-salesanalysis .field-input.herkunft-gp {
    width: 147px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt-mit-salesanalysis .field-input.herkunft-gp:before {
    content: "";
    width: 18px;
    height: 16px;
    background: url("image/icon-tip.png") no-repeat 2px 0;
    display: inline-block;
    vertical-align: middle;
}

.frm-process.frm-kreditpotenzial .frm-haushalt-mit-salesanalysis .zahlungsstroeme .listeneintrag ul > span > li + li + li.fld-text .field-group .field-input.herkunft-gp {
    width: 147px;
}

.frm-process.frm-kreditpotenzial .frm-haushalt-mit-salesanalysis .zahlungsstroeme .listeneintrag ul > span > li + li + li.fld-text .field-group .field-input.herkunft-gp input {
    width: 78px;
    display: inline-block;
    border-left: none;
}

/* Origin=GP kennzeichnen END */

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .group.size-quarter {
    width: 24%;
    display: inline-block;
    float: left;
}

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .diagramm {
    text-align: center;
}

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .legende, .topic .kreditpotenzial .legende {
    text-align: left;
}

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .legende ul, .topic .kreditpotenzial .legende ul {
    list-style-type: none;
}

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .legende ul li label, .topic .kreditpotenzial .legende ul li label {
    padding-left: 15px;
}

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .legende ul li.first-child, .topic .kreditpotenzial .legende ul li.first-child {
    background: url("image/img_saeule_legende_gesamt.png") 0 2px no-repeat;
}

.frm-process.frm-kreditpotenzial .section.kreditpotenzial .legende ul li.last-child, .topic .kreditpotenzial .legende ul li.last-child {
    background: url("image/img_saeule_legende_unten.png") 0 2px no-repeat;
}

/* Kreditpotenziale-Styling - Ende */

/* Kreditpotenzial auf Service-Seite - Anfang */
.topic .kreditpotenzial .group {
    float: left;
}

.topic .kreditpotenzial .group.size-quarter {
    width: 24%;
}

.topic .kreditpotenzial .group.size-half {
    width: 49%;
}

.topic .kreditpotenzial .group.size-half:first-child .group-cn {
    padding-right: 0;
}

.topic .kreditpotenzial .legende ul {
    padding-left: 0;
}

.topic .kreditpotenzial .legende ul li label {
    display: inline-block;
    font-weight: normal;
}

.topic-kreditpotenzial-bd .kreditpotenzial {
    display: inline-block !important;
}

.topic-kreditpotenzial-hd, .topic-kreditpotenzial-bd, .topic-kreditpotenzial-ft {
    clear: both;
}

.topic-kreditpotenzial-ft ul li {
    margin-top: 10px;
}

.qtip-kreditpotenzial .qtip-content {
    width: 330px !important;
    white-space: nowrap;
}

/* Kreditpotenzial auf Service-Seite - Ende */

/* Wird ueberschrieben weil im Nachrichtenbox unerwuenschtes Trennlinie erscheint. Wird sowieso nirgents benutzt */
.box-inbox table {
    border-bottom: none;
}

/* TIN-Erfassung - Anfang */
.frm-tinErfassung fieldset .field {
    float: none;
    margin-bottom: 16px;
}

.frm-tinErfassung .field.fld-text .field-group {
    width: 450px;
    height: 28px;
}

.frm-tinErfassung .field.fld-text .field-input label {
    padding-top: 6px;
}

.frm-tinErfassung .field.fld-text input, .frm-tinErfassung .field.fld-text .field-input label {
    width: 127px;
    padding-left: 315px;
    padding-right: 5px;
}

.frm-tinErfassung .field .field-label a.action-help {
    float: right;
    position: absolute;
    top: 5px;
    left: 450px;
}

.frm-tinErfassung .fld-group-list .field-group .field-label {
    background: none;
}

/* TIN-Erfassung - Ende */