/* DON'T EDIT THIS GENERATED FILE! Changes will be lost. */

html, body {
    height: 100%;
}
html {
    background: #F0F2F3;
    color: #262626;
    font: 400 13px/20px Verdana, Arial, Helvetica, sans-serif;
    direction: ltr;
}
body, body * {
    font-family: inherit;
    font-size: 1em;
    line-height: inherit;
    background-repeat: no-repeat;
}
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, p, fieldset {
    margin: 0px;
    padding: 0px;
}
h\:hgroup, h\:header, h\:nav, h\:article, h\:section, h\:aside, h\:footer, h\:details, h\:output {
    display: block;
}
a         { color: #2269C3; cursor: pointer; text-decoration: none; }
a:hover   { color: #2269C3; text-decoration: underline; }
a:visited { color: #6496D5; }
a:active  { color: #6496D5; }
li {
    display: block;
    list-style: none;
}
img {
    border: none;
}
a img {
    border: 0px none;
}
form {
    display: inline;
}
fieldset {
    border: 0px solid;
}
legend {
    display: none;
    color: #262626;
}
select, option {
    background-color: <PAGE_DROPDOWNCOLOR>;
}
table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
}
td, th {
    text-align: left;
    vertical-align: top;
    padding: 0px;
}
iframe {
    display: block;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
object, a:focus {
    outline: none;
}
* html script {
    display: block;
    left: -6000px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    width: 0px;
}
.hr {
    display: none;
    clear: both;
}
.hr hr {
    display: none;
}
.skip * {
    display: none;
}
.statistics {
    left: -6000px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    width: 0px;
}

#page-header {
    background: url(//img.ui-portal.de/webcent/header_title.png) no-repeat 140px 29px;
    -moz-box-shadow: inset 0px 50px 50px -50px #FFFFFF,
                           0px 42px 5px -42px #DADDE1; 
         box-shadow: inset 0px 50px 50px -50px #FFFFFF,
                           0px 42px 5px -42px #DADDE1;
    padding-top: 91px;
    margin: 0px 30px 28px;
    position: relative;
}
#page-header.header-simple {
    border-bottom: 1px solid #C0C9CE;
}
#page-header h1 {
    background: url(//img.ui-portal.de/webcent/logo.png) no-repeat 0px 0px;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 30px;
    top: 11px;
    z-index: 1;
}
#page-header h1 a {
    height: 100%;
    width: 100%;
    display: block;
}
#page-header h1 a span { 
    display: none;
}

#headerUserinfo {
    background: transparent url(//img.ui-portal.de/webcent/bg/account_basket.png) no-repeat 100% 100%;
    height: 48px;
    padding: 4px 10px 9px;
    position: absolute;
    right: 0px;
    top: 17px;
}
#headerUserinfo.konto_warenkorb,
#headerUserinfo.account_basket { background-position: 100% 0%; }
#headerUserinfo ul {
    display: inline;
    float: left;
    width: 140px;
}
#headerUserinfo li {
    display: inline;
    float: left;
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
    width: 140px;
}
#headerUserinfo li.name {
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}
#headerUserinfo .warenkorb,
#headerUserinfo .basket {
    padding-left: 20px;
}
#headerUserinfo .warenkorb li.name,
#headerUserinfo .basket li.name {
    padding-left: 24px;
    background: transparent url(//img.ui-portal.de/webcent/bg/account_basket.png) no-repeat -303px -79px;
}

#page-nav {
    position: relative;
    width: 938px;
    height: 26px;
    line-height: 25px;
    border: 1px solid #C0C9CE;
    -moz-border-radius: 4px; 
         border-radius: 4px; 
    background: url(//img.ui-portal.de/webcent/bg/nav.gif) repeat-x 0 0;
}
#page-nav ul {
    height: 100%;
}
#page-nav ul li {
    float: left;
    display: inline;
    height: 100%;
}
#page-nav ul li a {
    display: inline-block;
    height: 100%;
}
#main-nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: left;
}
#main-nav li {
    border-left: 1px solid #F3F5F5;
    border-right: 1px solid #C0C9CE;
}
#main-nav li:first-child {
    border-left: none;
}
#main-nav li a {
    color: #687282;
    padding: 0px 15px;
}
#main-nav li a,
#main-nav li a:hover {
    text-decoration: none;
}
#main-nav li.active a,
#main-nav li a:hover,
#main-nav li a:focus {
    color: #E8923C;
}
#main-nav li.active a span,
#main-nav li a:hover span,
#main-nav li a:focus span {
    display: inline-block;
    height: 24px;
    border-bottom: 2px solid #E8923C;
}
#main-nav li.home,
#main-nav li.service {
    background: #E8933F;
    background:    -moz-linear-gradient(#EDAC6A, #E8933F); 
    background: -webkit-linear-gradient(#EDAC6A, #E8933F); 
    background:      -o-linear-gradient(#EDAC6A, #E8933F); 
    background:         linear-gradient(#EDAC6A, #E8933F);
    border-color: #EDAC6A;
}
#main-nav li.home,
#main-nav li.home:hover,
#main-nav li.home:focus {
    border-left: 0px solid;
    border-right-color: #DA8938;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
}
#main-nav li.home:hover,
#main-nav li.service:hover {
    background: #E68839;
    background:    -moz-linear-gradient(#EBA45F, #E68839); 
    background: -webkit-linear-gradient(#EBA45F, #E68839); 
    background:      -o-linear-gradient(#EBA45F, #E68839); 
    background:         linear-gradient(#EBA45F, #E68839);
}
#main-nav li.home a,
#main-nav li.home a:hover,
#main-nav li.service a span,
#main-nav li.service a:hover span {
    border-bottom: none;
    color: #FFFFFF;
    text-decoration: none;
}
#main-nav li.home a {
    padding-left: 25px;
    background: url(//img.ui-portal.de/webcent/icon/home.png) no-repeat 15px 4px;
}
#main-nav li.home.active a {
    background-position: 15px 6px;    
}
#main-nav li.service a {
    padding-left: 10px;
}
#additional-nav {
    display: inline;
    float: right;
    margin-right: 5px;
}
#additional-nav li {
    font-size: 12px;
    padding: 0px 10px;
}
#additional-nav li a:focus {
    text-decoration: underline;
}
#additional-nav li#nav-login a,
#additional-nav li#nav-logout a {
    color: #262626;
    background: url(//img.ui-portal.de/webcent/icon/loginstates.png) no-repeat 0px 5px;
    padding-left: 23px;
}
#additional-nav li#nav-login a:hover {
    background-position: 0px -25px;
}
#additional-nav li#nav-logout a {
    background-position: 0px -55px;
}

#wrapper {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    min-width: 1000px;
    z-index: 100;
}
#container {
    background: #FBFBFC url(//img.ui-portal.de/webcent/bg/header_r.png) no-repeat 100% 0px;
    border: 1px solid #C0C9CE;
    border-bottom: none;
    -moz-box-shadow: 0px -10px 30px 10px #E4E5E5; 
         box-shadow: 0px -10px 30px 10px #E4E5E5; 
    margin: auto;
    min-height: 100%;
    position: relative;
    width: 1000px;
}
.richcontent #container {
    border-left: none;
    margin: 0px;
}
#breadcrumb + #page-content {
    padding-top: 6px;
}
#page-content {
    background: url(//img.ui-portal.de/webcent/bg/content_r.png) no-repeat right bottom;
    background: url(//img.ui-portal.de/webcent/bg/content_r.png) no-repeat right bottom,
                url(//img.ui-portal.de/webcent/bg/content_bottom.png) no-repeat center bottom;
    padding: 20px 10px 93px 30px;
    width: 960px;
}
#main {
    min-height: 570px;
    position: relative;
}
h\:section h1,
h\:section h2,
h\:section h3,
h\:section h4,
h\:section .subline {
    padding: 0px 15px;
}
h\:article {
    padding: 0px 15px;
    margin: 5px 20px 20px 0;
}
h\:article h1,
h\:article h2,
h\:article h3,
h\:article h4,
h\:article .subline {
    padding: 0px;
}
h\:article h1,
h\:section h1 {
    font: 400 30px/37px Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 25px;
    margin-top: 6px;
}
.hint + h1 {
    margin-top: 0px;
}
h\:article h2,
h\:section h2 {
    font: 400 21px/28px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 8px;
}
h\:article .subline,
h\:section .subline,
h\:article h3,
h\:section h3 {
    font: 400 18px/25px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
}
h\:article h4,
h\:section h4 {
    font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 1px;
}
.content-part {
    padding-bottom: 20px;
}
.content-part-col5 { width: 800px; }
.content-part-col4 { width: 640px; }
.content-part-col3 { width: 480px; }
.content-part-col2 { width: 320px; }
.content-part-col1 { width: 160px; }
.note {
    color: #6A6A6A;
    font-size: 11px;
}
#page-header:after,
#page-content:after,
#page-footer:after,
#main:after,
.content-part:after,
h\:article:after, 
h\:aside:after {
   content:     ".";
   clear:       both;
   height:      0;
   line-height: 0;
   visibility:  hidden;
   display:     block;
}
* html #page-header,
* html #page-content,
* html #page-footer,
* html #main,
* html .content-part,
* html h\:article, 
* html h\:aside {
    zoom: 1;
}
*+html #page-header,
*+html #page-content,
*+html #page-footer,
*+html #main,
*+html .content-part,
*+html h\:article, 
*+html h\:aside {
    zoom: 1;
}

#breadcrumb {
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    position: relative;
    left: 30px;
    top: -14px;
    width: 940px;
}
#breadcrumb * {
    float: left;
    display: inline;
}
#breadcrumb li {
    background: url(//img.ui-portal.de/webcent/icon/breadcrumb.gif) no-repeat left center;
    padding-left: 12px;
    margin-left: 6px;
}
#breadcrumb li.first {
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}
#breadcrumb > span {
    margin-right: 4px;
}
#breadcrumb li a:hover,
#breadcrumb li a:hover span {
    text-decoration: underline;
}
#breadcrumb li h2 {
    font-size: 11px;
    font-weight: 400;
}

h\:nav.tabnav {
    overflow: auto;
    font-weight: bold;
}
* html h\:nav.tabnav {
    margin-bottom: 55px;
}
h\:nav.tabnav li {
    background-color: #DFE3E6;
    float: left;
    display: inline-block;
    -moz-border-radius: 3px;
         border-radius: 3px;
    padding: 0;
    margin-right: 5px;
}
h\:nav.tabnav li a,
h\:nav.tabnav li a:visited,
h\:nav.tabnav li a:active {
    color: #687282;
    -moz-border-radius: 3px;
         border-radius: 3px;
    padding: 2px 15px 3px;
    display: inline-block;
}
:root h\:nav.tabnav li a {
    padding: 3px 15px 4px\9;
}
h\:nav.tabnav li.active,
h\:nav.tabnav li.active:focus {
    background: #E8923C;
}
h\:nav.tabnav li a:hover,
h\:nav.tabnav li a:focus {
    background: #EFB276;
    text-decoration: none;
}
h\:nav.tabnav li.active a,
h\:nav.tabnav li.active a:visited,
h\:nav.tabnav li.active a:active,
h\:nav.tabnav li a:hover,
h\:nav.tabnav li a:focus {
    color: #FFFFFF;
}
*+html h\:nav.tabnav li {
    zoom: 1;
    display: inline;
}

.module {
    width: 940px;
}
.module .moduleHeader {
    border-bottom: 1px solid #D1D4D9;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 11px;
}
.moduleContent h\:section {
    padding: 0px 15px 30px 15px;
}
* html  #container .moduleContent { zoom: 1; }

.imgWrapper {
    background-color: #FFFFFF;
    overflow: hidden;
    text-align: center;
}
.imgWrapper img {
    display: inline-block;
    vertical-align: middle;
}
.module {
    display: inline;
    float: left;
    margin: 0px 20px 20px 0px;
    position: relative;
}
*+html .module {
    margin-bottom: 0px;
    padding-bottom: 20px;
}
.module .moduleContainer {
    padding: 15px;
    text-decoration: none;
}
.module .moduleContainer:hover {
    background: #EEF0F3;
    -moz-border-radius: 3px;
         border-radius: 3px;
    text-decoration: none;
}
.with-cta:hover {
    -moz-box-shadow: 0px 25px 25px -12px #E2E2E3;
         box-shadow: 0px 25px 25px -12px #E2E2E3;
}
.module a,
.module a:hover {
    text-decoration: none;
}
.noHover .moduleContainer {
    padding: 0px 15px;
}
.noHover .moduleContainer:hover {
    background-color: transparent;
}
.noHover p a:hover {
    text-decoration: underline;
}
.module .moduleContainer:after {
   content:    ".";
   clear:      both;
   height:     0;
   visibility: hidden;
   display:    block;
}
* html .module .moduleContainer { zoom: 1; }
*+html .module .moduleContainer { zoom: 1; }
.module-nav strong {
    display: block;
    height: 28px;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 15px;
}
.with-cta .moduleContent {
    padding-bottom: 6px;
}
.moduleContent h2,
.moduleContent h3,
.moduleContent h4,
.moduleContent h5,
.moduleContent h6 {
    padding: 0px;
    xmargin-bottom: 10px;
}
.module p {
    font-size: 13px;
    line-height: 20px;
}
.module .more {
    color: #2269C3;
}
.module .more:hover {
    text-decoration: underline;
}
* html .module a:hover .more {
    text-decoration: underline;
}
.module .cta {
    display: none;
    position: absolute;
    bottom: -12px;
    left: 0px;
    right: 100%;
    width: 100%;
    text-align: center;
}
.module:hover .cta {
    display: block;
}
.module .cta span {
    position: relative;
    display: inline-block;
    margin: auto;
    padding: 3px 12px 4px 12px;
    font-size: 11px;
    line-height: 13px;
    height: 13px;
    color: #FFFFFF;
    font-weight: 700;
    border: 1px solid #DA8938;
    -moz-border-radius: 4px;
         border-radius: 4px;
    background: #E8923C;
    background:    -moz-linear-gradient(#EDAA68, #E89440);
    background: -webkit-linear-gradient(#EDAA68, #E89440);
    background:      -o-linear-gradient(#EDAA68, #E89440);
    background:         linear-gradient(#EDAA68, #E89440);
       -moz-box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
            box-shadow: inset 0px 0px 3px -1px #FFFFFF, 0px 0px 5px -2px #000000;
}
.module .cta span:hover {
    border: 1px solid #D58637;
    background: #D58637;
    background:    -moz-linear-gradient(#EBA15D, #E68939);
    background: -webkit-linear-gradient(#EBA15D, #E68939);
    background:      -o-linear-gradient(#EBA15D, #E68939);
    background:         linear-gradient(#EBA15D, #E68939);
}
.module .moduleContainer ~ .moduleContainer {
    display: none;
}
.module .moduleContainer.inactive {
    display: none;
}
.module .moduleContainer.active {
    display: block;
}



.btn-wrapper {
    display: inline-block;
    margin: 0px 0px 0px 8px;
    padding: 0px 8px 0px 0px;
    height: 34px;
}
.jsEnabled .btn-wrapper {
    cursor: pointer;
}
.btn-wrapper a,
.btn-wrapper a:hover,
.btn-wrapper a:active,
.btn-wrapper a:focus,
.btn-wrapper a:visited,
.btn-wrapper input { 
    color: #262626;
    text-decoration: none;
    white-space: nowrap;
}
.btn-wrapper a,
.btn-wrapper input { 
    display: block;
    font: 700 15px/28px Verdana, Arial, Helvetica, sans-serif;
    height: 28px;
    margin: 0px 0px 0px -8px;
    padding: 3px 8px 3px 16px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 999;
}
.btn-wrapper input {
    border: 0px solid;
    height: 34px;
    cursor: pointer;
    overflow: visible;   
}
.btn-wrapper,
.btn-wrapper a,
.btn-wrapper input {
    background: url(//img.ui-portal.de/webcent/btn/btn.png) no-repeat;
                            background-position:  0%     0px; }
.btn-wrapper {              background-position: 100%    0px; }
.btn-wrapper:hover a,
.btn-wrapper:hover input {  background-position:   0%  -50px; }
.btn-wrapper:hover {        background-position: 100%  -50px; }
.btn-wrapper:active a,
.btn-wrapper:active input,
.btn-wrapper:focus a,
.btn-wrapper:focus input {  background-position:   0% -100px; }
.btn-wrapper:active,
.btn-wrapper:focus {        background-position: 100% -100px; }
.btn-disabled a,
.btn-disabled input,
.btn-disabled:hover a,
.btn-disabled:hover input { background-position:   0% -150px; }
.btn-disabled,
.btn-disabled:hover {       background-position: 100% -150px; }
.btn-secondary,
.btn-secondary a,
.btn-secondary a:hover,
.btn-secondary a:active,
.btn-secondary a:focus,
.btn-secondary a:visited,
.btn-secondary input {
    background-image: url(//img.ui-portal.de/webcent/btn/btn_secondary.png);
    color: #555555;
}
.jsEnabled .btn-disabled,
.btn-disabled a,
.btn-disabled a:hover,
.btn-disabled a:active,
.btn-disabled a:focus,
.btn-disabled a:visited,
.btn-disabled input {
    cursor: pointer;
    color: #808080;
}
.btn-small {
    margin: 0px 0px 0px 7px;
    padding: 0px 7px 0px 0px;
    height: 26px;
}
.btn-small a,
.btn-small input { 
    font: 700 13px/20px Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    margin: 0px 0px 0px -7px; 
    padding: 3px 7px 3px 14px;
}
.btn-small input {
    height: 26px;
}
.btn-small,
.btn-small a,
.btn-small input {                    background-position:   0% -200px; }
.btn-small {                          background-position: 100% -200px; }
.btn-small:hover a,
.btn-small:hover input {              background-position:   0% -250px; }
.btn-small:hover {                    background-position: 100% -250px; }
.btn-small:active a,
.btn-small:active input {             background-position:   0% -300px; } 
.btn-small:active {                   background-position: 100% -300px; }
.btn-small.btn-disabled a,
.btn-small.btn-disabled input,
.btn-small.btn-disabled:hover a,
.btn-small.btn-disabled:hover input { background-position:   0% -350px; }
.btn-small.btn-disabled,
.btn-small.btn-disabled:hover {       background-position: 100% -350px; }
* html .btn-disabled a,
* html .btn-disabled input,
* html .btn-disabled:hover a,
* html .btn-disabled:hover input { background-position:   0% -150px; }
* html .btn-disabled,
* html .btn-disabled:hover {       background-position: 100% -150px; }
.btn-lhero {
    height: 46px;
    line-height: 22px;
}
.btn-lhero a {
    display: block;
    height: 40px;
    padding: 3px 11px 3px 22px;
    font: 400 19px/40px Verdana, Arial, Helvetica, sans-serif;
}
.btn-lhero,
.btn-lhero a,
.btn-lhero input {            background: url(//img.ui-portal.de/webcent/btn/btn-lhero.png) no-repeat 0% 0%; }
.btn-lhero {                background-position: 100% 0%; }
.btn-lhero:hover {          background-position: 100% -50px; }
.btn-lhero:hover a,
.btn-lhero:hover input {      background-position: 0% -50px; }
.btn-lhero:active {         background-position: 100% -100px; }
.btn-lhero:active a,
.btn-lhero:active input {     background-position: 0% -100px; }
.btn-xlhero {
    height: 62px;
    line-height: 22px;
}
.btn-xlhero a {
    display: block;
    height: 56px;
    padding-top: 10px;
    font: 400 19px/26px Verdana, Arial, Helvetica, sans-serif;
}
.btn-xlhero .subtext {
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
}
.btn-xlhero,
.btn-xlhero a,
.btn-xlhero input {           background: url(//img.ui-portal.de/webcent/btn/btn-xlhero.png) no-repeat 0% 0%; }
.btn-xlhero {               background-position: 100% 0%; }
.btn-xlhero:hover {         background-position: 100% -90px; }
.btn-xlhero:hover a,
.btn-xlhero:hover input {     background-position: 0% -90px; }
.btn-xlhero:active {        background-position: 100% -180px; }
.btn-xlhero:active a,
.btn-xlhero:active input {    background-position: 0% -180px; }
@-moz-document url-prefix() {
  .btn-wrapper input::-moz-focus-inner {
      border: 0px;
      margin: 0px;
      padding: 0px;
  }
}
* html .btn-wrapper a,
* html .btn-wrapper input { 
    float: left;
    display: inline;
}
.btn-wrapper input:active {
    -ms-background-position-x:   1px;
    -ms-background-position-y: -47px;
}

.list-basic {
    margin-bottom: 20px;
}
.list-basic li {
    background: url(//img.ui-portal.de/webcent/icon/bullet.png) no-repeat 1px 8px;
    padding-left: 17px;
}

.hint {
    background-image: url(//img.ui-portal.de/webcent/icon/hint.png);
    background-repeat: no-repeat;
    border-bottom: 6px solid;
    color: <HINT_TEXTCOLOR>;
    margin: 0 20px 35px 0;
    min-height: 40px;
    padding: 15px 15px 13px 65px;
}
.hint-single {
    padding: 15px 15px 15px 65px;
}
.hint h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: -2px 0 0;
    padding: 0;
}
.hint-single h2 {
    line-height: 40px;
    margin: -1px 0 0;
}
.hint .subtext {
    color: #6A6A6A;
    font-size: 11px;
    line-height: 13px;
    padding-top: 10px;
}
.hint-confirm { background-position: 15px   15px; }
.hint-info    { background-position: 15px  -64px; }
.hint-warning { background-position: 15px -145px; }
.hint-error   { background-position: 15px -222px; }
.hint-confirm { border-color: #A9C88F; }
.hint-info    { border-color: #B9CFDD;    }
.hint-warning { border-color: #F3DA79; }
.hint-error   { border-color: #D59394;   }
.hint-confirm { background-color: #F1F6ED; }
.hint-info    { background-color: #EFF4F8;    }
.hint-warning { background-color: #FDF9EA; }
.hint-error   { background-color: #F8EEEE;   }
.jsEnabled .hint-jsDisabled { display: none; }

form th,
form td,
form label,
form span,
form h\:details,
form h\:output {
    line-height: 24px;
}
form th, 
form td {
    padding: 10px 10px 0px 0px;
    position: relative;
    vertical-align: top;
}
form th {
    font-weight: 400;
    text-align: right;
}
form span.select-wrapper,
form h\:details,
form h\:output {
    float: left;
    margin-right: 5px;
}
form h\:details {
    color: #6A6A6A;
    font-size: 11px;
    font-weight: 400;
    margin-right: 5px;
}
input[type="text"],
input[type="password"] {
    border: 1px solid #B3B8C0;
    -moz-border-radius: 4px;
         border-radius: 4px;
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    color: #262626;
    display: inline;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    outline: none;
    padding: 2px 5px;
}
:root input[type="text"],
:root input[type="password"] {
    box-shadow: inset #EFF2F6 0px 10px 5px -6px\0;
}
input[type="radio"],
input[type="checkbox"] {
    border: 0px solid;
    color: #262626;
    display: inline;
    float: left;    
    height: 14px;
    line-height: 16px;
    margin: 1px 3px 0px 0px;
    overflow: hidden;
    padding: 2px;
    width: 14px;
}
input[type="radio"] {
    margin-top: 5px;
    overflow: visible;
}
input[type="text"]:focus,
input[type="password"]:focus,
input.hasError[type="text"]:focus,
input.hasError[type="password"]:focus,
select-wrapper.hasError:focus {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    filter: none;
    font-style: normal;
}
select.hasError:focus {
    background: #FFFFFF;
    color: #262626;
    font-style: normal; 
}
.select-wrapper {
    border: 1px solid #B3B8C0;
    -moz-border-radius: 4px;
         border-radius: 4px;
    background-image:    -moz-linear-gradient(#F8F9FB 0%, #E8E9EB 70%);
    background-image: -webkit-linear-gradient(#F8F9FB 0%, #E8E9EB 70%);
    background-image:      -o-linear-gradient(#F8F9FB 0%, #E8E9EB 70%);
    background-image:         linear-gradient(#F8F9FB 0%, #E8E9EB 70%);
    color: #262626;
    display: inline-block;
    margin-right: 5px;
    padding: 2px;
}
*+html .select-wrapper { float: left; display: inline; }
:root .select-wrapper {
    background: #E8E9EB\0;
    box-shadow: inset #F8F9FB 0px 20px 8px -12px\0;
}
.select-wrapper select {
    background: transparent;
    border: 0px solid;
    color: #262626;
    display: inline;
    float: left;
    height: 18px;
    line-height: 14px;
    -moz-box-sizing: border-box;
    margin: 0px;
    outline: none;
    padding: 0px;
}
*+html .select-wrapper select { height: 22px; margin-top: -1px; }
option {
    padding: 2px;
}
table.form {
    margin-bottom: 20px;
}
table.formText {
    margin-bottom: 15px;
}
input.hasError,
select.hasError,
.select-wrapper.hasError {
    border-color: #C00030;
    color: #C00030;
}
input.hasError,
select.hasError {
    font-style: italic;
}
input.hasError {
    background: #F8EEEE;
    filter: none;
}
label.hasError {
    color: #C00030;
}
:-moz-ui-invalid:not(output) {
    box-shadow: none;
}
h\:output.status {
    background: url(//img.ui-portal.de/webcent/icon/hint_16x16.png) no-repeat 0px -30px;
    display: none;
    float: left;
    line-height: 22px;
    height: 16px;
    margin-left: 5px;
    padding: 3px 0;
    width: 16px;
}
.form-checkbox-element h\:output.status,
.form-radiobutton-element h\:output.status,
.form-checkbox-element h\:output.status.hasError,
.form-radiobutton-element h\:output.status.hasError,
.form-checkbox-element.hasError  h\:output.status,
.form-radiobutton-element.hasError  h\:output.status {
    line-height: 16px;
    margin-top: -2px;
    padding: 1px 0;
}
h\:output.status.hasError,
.hasError h\:output.status {
    background-position: 0px -237px;
    display: inline;
}
#formLogin .loginfield h\:output.status {
    position: absolute;
    right: -31px;
    top: 37px;
}
.captcha-input h\:output.status {
    position: absolute;
    right: -31px;
    top: 4px;
}
h\:output.status.isValid,
.isValid h\:output.status {
    background-position: 0px 4px;
    display: inline;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
* html td input {
    border: 1px solid #B3B8C0;
    display: inline;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    outline: none;
    padding: 2px;
}
* html .select-wrapper {
    border: 0px solid;
    display: inline;
    margin-right: 0px;
    padding: 0px;
}
*+html .select-wrapper {
    border: 0px solid;
    display: inline;
    margin-right: 0px;
    padding: 0px;
}
*+html .select-wrapper select {
    border: 1px solid #B3B8C0;
    height: 22px;
    line-height: 22px;
}

h\:output.feedback {
    background-color: #B33C3D;
    -moz-border-radius: 4px;
         border-radius: 4px;
    -moz-box-shadow: 0px 5px 7px #DDE0DC;
         box-shadow: 0px 5px 7px #DDE0DC;
    display: block;
    float: none;
    margin: -38px 0px 0px 15px;
    padding: 4px 10px 7px;
    position: absolute;
    width: auto;
    z-index: 999;
}
select + h\:output.feedback { margin-top: -41px }
.form-checkbox-element h\:output.feedback,
.form-radiobutton-element h\:output.feedback {
    margin-left: 0px;
}
.captcha-input h\:output.feedback {
    margin-left: 260px;
}
h\:output.feedback p {
    color: #FFFFFF;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
h\:output.feedback span.hook {
    border-color: #B33C3D transparent transparent transparent;
    border-style: solid;
    border-width: 6px;
    height: 0px;
    margin: 7px 0px 0px 3px;
    position: absolute;
    width: 0px;
}
* html h\:output.feedback {
    left: 0px;
}
* html h\:output.feedback span.hook {
    border: none;
    height: 10px;
    width: 1px;
}
*+html h\:output.feedback {
    left: 0px;
}
*+html h\:output.feedback span.hook {
    top: 24px;
    left: 10px;
}

.form-checkbox-group,
.form-radiobutton-group {
    position: relative;
}
div.form-checkbox-element,
div.form-radiobutton-element {
    padding-left: 20px;
    position: relative;
    line-height: 20px;
}
span.form-checkbox-wrapper,
span.form-radiobutton-wrapper {
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
    width: 20px;
}
span.form-checkbox-wrapper input[type="checkbox"],
span.form-radiobutton-wrapper input[type="radio"] {
    display: inline-block;
    opacity: 0;
    left: 0px;
    top: 4px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    z-index: -1;
}
*+html span.form-checkbox-wrapper input[type="checkbox"],
*+html span.form-radiobutton-wrapper input[type="radio"] {
    top: 2px;
}
span.form-checkbox-wrapper input[type="checkbox"] + label,
span.form-radiobutton-wrapper input[type="radio"] + label {
    background-image: url(//img.ui-portal.de/webcent/icon/radio-checkbox.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0px;
    top: 2px;
    margin: 0px;
}
*+html span.form-checkbox-wrapper input[type="checkbox"] + label,
*+html span.form-radiobutton-wrapper input[type="radio"] + label {
    top: 0px;
}
*+html .jsDisabled span.form-checkbox-wrapper input[type="checkbox"],
*+html .jsDisabled span.form-radiobutton-wrapper input[type="radio"] {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
}
*+html .jsDisabled span.form-checkbox-wrapper input[type="checkbox"] + label,
*+html .jsDisabled span.form-radiobutton-wrapper input[type="radio"] + label {
    display: none;
}
.jsDisabled span.form-checkbox-wrapper input[type="checkbox"],
.jsDisabled span.form-radiobutton-wrapper input[type="radio"] {
    opacity: 1\0;
    filter: alpha(opacity=100)\0;
    z-index: 1\0;
}
.jsDisabled span.form-checkbox-wrapper input[type="checkbox"] + label,
.jsDisabled span.form-radiobutton-wrapper input[type="radio"] + label {
    display: none\0;
}
:root .jsDisabled span.form-checkbox-wrapper input[type="checkbox"],
:root .jsDisabled span.form-radiobutton-wrapper input[type="radio"] {
    opacity: 0\0;
    filter: alpha(opacity=0)\0;
    z-index: -1\0;
}
:root .jsDisabled span.form-checkbox-wrapper input[type="checkbox"] + label,
:root .jsDisabled span.form-radiobutton-wrapper input[type="radio"] + label {
    display: inline-block\0;
}
span input[type="radio"] + label                        { background-position:    0px     0px; }
span input[type="radio"] + label:hover                  { background-position:    0px   -20px; }
span input[type="radio"]:checked + label                { background-position:  -20px     0px; }
span input[type="radio"] + label.checked                { background-position:  -20px     0px; } 
span input[type="radio"]:checked + label:hover          { background-position:  -20px   -20px; }
span input[type="radio"] + label.checked:hover          { background-position:  -20px   -20px; } 
span input[type="radio"]:focus + label                  { background-position:    0px   -40px; }
span input[type="radio"]:focus + label:hover            { background-position:    0px   -40px; }
span input[type="radio"]:checked:focus + label          { background-position:  -20px   -40px; }
span input[type="radio"]:focus + label.checked          { background-position:  -20px   -40px; } 
span input[type="radio"]:checked:focus + label:hover    { background-position:  -20px   -40px; }
span input[type="radio"]:focus + label.checked:hover    { background-position:  -20px   -40px; } 
span input[type="checkbox"] + label                     { background-position:    0px   -60px; }
span input[type="checkbox"] + label:hover               { background-position:    0px   -80px; }
span input[type="checkbox"]:checked + label             { background-position:  -20px   -60px; }
span input[type="checkbox"] + label.checked             { background-position:  -20px   -60px; } 
span input[type="checkbox"]:checked + label:hover       { background-position:  -20px   -80px; }
span input[type="checkbox"] + label.checked:hover       { background-position:  -20px   -80px; } 
span input[type="checkbox"]:focus + label               { background-position:    0px   -100px; }
span input[type="checkbox"]:focus + label:hover         { background-position:    0px   -100px; }
span input[type="checkbox"]:checked:focus + label       { background-position:  -20px   -100px; }
span input[type="checkbox"]:focus + label.checked       { background-position:  -20px   -100px; } 
span input[type="checkbox"]:checked:focus + label:hover { background-position:  -20px   -100px; }
span input[type="checkbox"]:focus + label.checked:hover { background-position:  -20px   -100px; } 
span input[type="radio"].hasError + label                        { background-position:  -40px     0px; }
span input[type="radio"].hasError + label:hover                  { background-position:  -40px   -20px; }
span input[type="radio"].hasError:checked + label                { background-position:  -60px     0px; }
span input[type="radio"].hasError + label.checked                { background-position:  -60px     0px; } 
span input[type="radio"].hasError:checked + label:hover          { background-position:  -60px   -20px; }
span input[type="radio"].hasError + label.checked:hover          { background-position:  -60px   -20px; } 
span input[type="radio"].hasError:focus + label                  { background-position:  -40px   -40px; }
span input[type="radio"].hasError:focus + label:hover            { background-position:  -40px   -40px; }
span input[type="radio"].hasError:checked:focus + label          { background-position:  -60px   -40px; }
span input[type="radio"].hasError:focus + label.checked          { background-position:  -60px   -40px; } 
span input[type="radio"].hasError:checked:focus + label:hover    { background-position:  -60px   -40px; }
span input[type="radio"].hasError:focus + label.checked:hover    { background-position:  -60px   -40px; } 
span input[type="checkbox"].hasError + label                     { background-position:  -40px   -60px; }
span input[type="checkbox"].hasError + label:hover               { background-position:  -40px   -80px; }
span input[type="checkbox"].hasError:checked + label             { background-position:  -60px   -60px; }
span input[type="checkbox"].hasError + label.checked             { background-position:  -60px   -60px; } 
span input[type="checkbox"].hasError:checked + label:hover       { background-position:  -60px   -80px; }
span input[type="checkbox"].hasError + label.checked:hover       { background-position:  -60px   -80px; } 
span input[type="checkbox"].hasError:focus + label               { background-position: -40px   -100px; }
span input[type="checkbox"].hasError:focus + label:hover         { background-position: -40px   -100px; }
span input[type="checkbox"].hasError:checked:focus + label       { background-position: -60px   -100px; }
span input[type="checkbox"].hasError:focus + label.checked       { background-position: -60px   -100px; } 
span input[type="checkbox"].hasError:checked:focus + label:hover { background-position: -60px   -100px; }
span input[type="checkbox"].hasError:focus + label.checked:hover { background-position: -60px   -100px; } 
div.form-checkbox-element span.form-checkbox-wrapper + label,
div.form-radiobutton-element span.form-radiobutton-wrapper + label {
    font-weight: 400;
    line-height: 20px;
    float: left;
    display: inline;
}
div.form-checkbox-element.hasError span.form-checkbox-wrapper + label,
div.form-radiobutton-element.hasError span.form-radiobutton-wrapper + label {
    color: #C00030;
}

.form-textarea-element label {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 8px;
}
textarea { 
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
    background-image:     -ms-linear-gradient(#EFF2F6 0%, #FFFFFF 20%); 
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 20%); 
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
    border: 1px solid #B3B8C0;
    -moz-border-radius: 4px;
         border-radius: 4px;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
    min-height: 100px;
    overflow: auto;
    padding: 7px 10px;
    width: 330px;
    word-wrap: break-word;
}
:root textarea {
    box-shadow: inset #EFF2F6 0px 25px 30px -20px\0;
}
textarea.noresize {
    resize: none;
}
textarea.vresize {
    resize: vertical;        
}
textarea:focus,
textarea:active,
textarea.hasError:focus,
textarea.hasError:active {
    -moz-box-shadow: 0px 0px 4px #B3B8C0;
         box-shadow: 0px 0px 4px #B3B8C0;
    background: #FFFFFF;
    border-color: #99A1A7;
    color: #262626;
    font-style: 400;
}
textarea.hasError {
    background: #F8EEEE;
         box-shadow: none;
    -moz-box-shadow: none;
    color: #C00030;
    font-style: italic;
    border: 1px solid #C00030;
}

.paging {
    border-top: 1px solid #D1D4D9;
    clear: both;
    margin: 0px 20px 20px 0px;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
}
.paging-topPosition {
    border-bottom: 1px solid #D1D4D9;
    border-top: 0px;
    padding-bottom: 10px;
    padding-top: 0px;
}
.paging .paging-items {
    display: table;
    margin: 0 auto;
    overflow: hidden;
    width: auto;
}
.paging ol {
    display: block;
    list-style-type: none;
    padding: 0;
}
.paging li {
    color: #687282;
    display: inline;
    float: left;
    height: 24px;
    min-width: 24px;
    margin: 0 5px 0 0;
    text-align: center;
}
.paging  li span,
.paging  li a,
.paging  li a:visited {
    background-color: #DFE3E6;
    color: #687282;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 14px;
    height: 14px;
    min-width: 10px;
    padding: 4px 7px 6px;
    -moz-border-radius:    3px;
    border-radius:         3px; 
}
.paging li a:hover,
.paging li.active span {
    background-color: #E8923C;
    color: #FFFFFF;
}
.paging li a:hover {
    background-color: #EFB276;
    text-decoration: none;
}
.paging li.disabled span {
    background-color: #E6E9EB;
    color: #A7ADB6;
}
.paging li.ellipsis {
    line-height: 22px;
}
.paging li.prev a,
.paging li.next a {
    background: #EFB276 url(//img.ui-portal.de/webcent/icon/paging.gif) 9px -13px no-repeat;
}
.paging li.next a {
    background-position: 9px 7px;
}
.paging li.prev a:visited,
.paging li.next a:visited {
    background-color: #EFB276;
}
.paging li.prev a:hover,
.paging li.next a:hover {
    background-color: #E8923C;
}
* html .paging .paging-items,
* html .paging .paging-numeric {
    display: inline;
    zoom: 1;
}
* html .paging li {
    width: 24px;
}
* html .paging li.prev,
* html .paging li.next {
    overflow: hidden;
}
*+html .paging .paging-items,
*+html .paging .paging-numeric {
    display: inline;
    zoom: 1;
}

.login-login,
.login-register {
    width: 590px;
}
#formLogin .loginfield .text {
    position: relative;
}
#formLogin .login-username {
    float: left;
}    
#formLogin .login-password {
    float: right;
}    
#formLogin .submit {
    float: right;
    clear: both;
    padding-top: 32px;
}
#formLogin .loginfield {
    margin: 20px 0;
    position: relative;
}
#formLogin .loginfield label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
}
#formLogin .loginfield .text input {
    height: 20px; 
    margin-right: 0;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 20px;
    width: 270px;
}
#formLogin .loginfield .login-username span,
#formLogin .loginfield .login-password span {
    position: absolute;
    left: 2px;
    bottom: -23px;
}
#formLogin .loginfield .login-username span a,
#formLogin .loginfield .login-password span a {
    font-size: 12px;
    text-decoration: none;
}
#formLogin .loginfield .login-username span a:hover,
#formLogin .loginfield .login-password span a:hover {
    text-decoration: underline;
}
#formLogin + p + .btn-wrapper {
    margin-top: 10px;
}
.login-register .modulePart {
    margin-top: 25px;
    xoverflow: hidden;
}
.login-register .modulePart h4 {
    margin-bottom: 10px;
}
.login-register .form-checkbox-element {
    padding-top: 5px;
    zoom: 1;
}
.login-register span.form-checkbox-wrapper {
     top: 5px;
}
*+html .login-register span.form-checkbox-wrapper {
     top: 7px;
}
*+html .login-register .form-checkbox-element h\:output.feedback {
    margin-left: 15px;
}
.login-register div.captcha {
    overflow: visible;
}
.login-register div.captcha-image {
    height: 50px;
    margin-bottom: 10px;
}
.login-register div.captcha-image * {
    float: left;
}
.login-register div.captcha #get_new_captcha {
    background: transparent url(//img.ui-portal.de/webcent/btn/reload.gif) no-repeat left top;
    cursor: pointer;
    width: 25px;
    height: 24px;
    margin-top: 26px;
    margin-left: 5px;
}
.login-register div.captcha-image span {
    display: none;
}
.login-register div.captcha-input {
    position: relative;
}
.login-register div.captcha-input input[type="text"] {
    margin: 4px 0;
    line-height: 21px;
    float: right;
    width: 353px;
}
.login-register div.captcha label {
    display: inline;
    float: left;
    margin: 4px 0;
    line-height: 21px;
}
.login-login .captcha  span.error {
    display: none;
}
.moduleContent .captcha .submit {
    float: right;
}
.moduleContent .captcha .hasError label {
     color: #C00030;
}
.moduleContent .login-register-approval .submit {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 20px;
    width: 100%;
}
.moduleContent .login-register-approval .submit .btn-wrapper  {
    float: right;
    margin-left: 20px;
}
.login-register .modulePart:after {
   content:     ".";
   clear:       both;
   height:      0;
   line-height: 0;
   visibility:  hidden;
   display:     block;
}
* html .login-register .modulePart {
    zoom: 1;
}
*+html .login-register .modulePart {
    zoom: 1;
}

.help-index {
    margin-top: -5px;
}
.help-index #toc {
    border-bottom: 1px solid #D1D4D9;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.help-index #toc p {
    margin-bottom: 0px;
}
.help-index a {
    text-decoration: none;
}
.help-index a:hover {
    text-decoration: underline;
}
.help-index .modulePart .part1,
.help-index .modulePart .part2 {
    float: left;
    width: 454px;
}
.help-index .modulePart .content {
    margin-bottom: 20px;
}
.help-index .modulePart .part1 .content {
    margin-right: 10px;
}
.help-index .modulePart .part2 .content {
    margin-left: 10px;
}
.help-index .toplink {
    clear: both;
    border-bottom: 1px solid #D1D4D9;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 2px;
}
.help-index .lastPart .toplink {
    margin-bottom: 0px;
}
.help-index .toplink a {
    background: transparent url(//img.ui-portal.de/webcent/icon/close_open.png) no-repeat 0 0;
    display: inline;
    float: right;
    height: 10px;
    width: 9px;
}
.help-index .toplink a span {
    display: none;
}
.help-index ul {
    margin-bottom: 10px;
}
.help-index ul li {
    padding-left: 17px;
    background: transparent url(//img.ui-portal.de/webcent/icon/bullet.png) no-repeat 1px 8px;
}
.help-index ul span {
    display: block;
    margin-bottom: 4px;
}
.help-index .note {
    font-size: 12px;
}
.help-index p {
    margin-bottom: 10px;
}

.moduleContent .moduleParts {
    overflow: hidden;
    position: relative;
}
.moduleContent .moduleParts .modulePart {
    overflow: hidden;
    width: 400px;
    zoom: 1;
}
.moduleContent .moduleParts .first {
    display: inline;
    float: left;
    margin-right: 20px;
    padding-right: 15px;
    width: 430px;
}
.moduleContent .moduleParts .second {
    display: inline;
    float: left;
    padding-left: 15px;
    width: 430px;
}
.moduleContent .account-overview,
.moduleContent .account-transactions,
.moduleContent .account-invoice {
    padding: 0px;
}
.moduleContent .account-overview h2,
.moduleContent .account-transactions h2,
.moduleContent .account-invoice h2 {
    padding: 0px 15px;
}
.moduleContent .account-overview .moduleParts {
    padding: 0px 15px;
}
.moduleContent .account-overview p {
    margin-bottom: 10px;
}
.moduleContent .account-overview a:hover {
    text-decoration: underline;
}
.moduleContent .account-overview .btn-wrapper a:hover {
    text-decoration: none;
}
.account-bankdata {
    overflow: hidden;
}
.account-bankdata table.form th {
    min-width: 90px;
}
.account-bankdata .form td input {
    line-height: 20px;
    width: 160px;
}
.account-bankdata .submit {
    overflow: hidden;
    padding-bottom: 0px;
    margin-top: 20px;
}
.account-bankdata .btn-wrapper  {
    float: left;
    margin-right: 10px;
}
.account-customer .second p { 
    margin-bottom: 15px;
    margin-top: 10px;
}
.account-topup .message {
    margin-bottom: 24px;
}
* html  #container .moduleContent .topupNav { zoom: 1; }

table.overview  {
    font: 400 13px/20px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}
table.formText th,
table.overview th {
    font-weight: 400;
    padding-right: 15px;
    text-align: right;
    white-space: nowrap;
}
.account-overview table.overview th {
    max-width: 230px;
}
table.formText th,
table.formText td,
table.overview th,
table.overview td {
    line-height: 20px;
}
table.formText td,
table.overview td {
    text-align: left;
    font-weight: 700;
}
span.topup {
    background: transparent url(//img.ui-portal.de/webcent/icon/status.png) no-repeat 0px 0px;
    padding-left: 20px;
    display: block;
}
span.topup-inactive {
    background-position: 0px -115px;
}
.account-overview span.topup          { background-position: 0px    3px; }
.account-overview span.topup-inactive { background-position: 0px -112px; }
.account-overview,
.account-customer {
    overflow: hidden;
    zoom: 1;
}
.account-overview .first,
.account-overview .second {
    padding-bottom: 40px;
}
.account-overview .second {
    padding-top: 1px;
}
.account-overview .first .btn-wrapper,
.account-overview .second .btn-wrapper {
    bottom: 0;
    margin-top: 0;
    position: absolute;
}
.account-overview .moduleTable {
    margin-top: 35px;
}
.account-customer h3 {
    font-weight: normal;
    color: #000000;
    padding-top: 3px;
    margin-bottom: 10px;
}
.account-customer .first  th,
.account-customer .second th { min-width: 55px; }

.moduleTable .tableFilter {
    height: 36px;
    line-height: 21px;
    padding: 2px 15px 20px;
    font-size: 13px;
}
.moduleTable .tableContent {
    border-bottom: solid 1px #D1D4D9;
}
.moduleTable .tableContent .scrollarea {
    border-bottom: solid 0px #D1D4D9;
    margin-bottom: -1px;
}
* html .moduleTable .tableContent .scrollarea { width: 938px;  }
*+html .moduleTable .tableContent .scrollarea {  } 
.moduleTable table {
    border-collapse: separate;
    line-height: 29px;
    width: 940px;
}
.moduleTable tr th:first-child,
.moduleTable tr td:first-child {
    padding-left: 15px;
}
.moduleTable th,
.moduleTable td {
    padding-right: 15px;
    height: auto;
    text-align: left;
}
.moduleTable tbody th {
    background-color: #EFEFEF;
}
.moduleTable th  {
    background-color: #E6E9EB;
    border-bottom: solid 1px #D1D4D9;
    border-top: solid 1px #D1D4D9;
    color: #262626;
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
    white-space: nowrap;
}
.moduleTable td {
    border-bottom: solid 1px #D1D4D9;
    color: #262626;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.moduleTable tr.odd {
    background-color: transparent;
}
.moduleTable tr.even {
    background-color: transparent;
}
.moduleTable .tableFooter {
    float: right;
    margin-top: 25px;
    width: 460px;
}
.moduleTable .tableFooter table {
    margin-top: 20px;
    background-color: #EEF0F3;
    width: 100%;
}
.moduleTable .tableFooter table * {
    background-color: transparent;
    border: none;
    line-height: normal;
}
.moduleTable .tableFooter table thead th {
    font-weight: 400;
    font-size: 17px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.moduleTable .tableFooter table tbody th,
.moduleTable .tableFooter table tfoot th {
    font-weight: 400;
    padding-left: 15px;
}
.moduleTable .tableFooter table tbody td,
.moduleTable .tableFooter table tfoot td {
    font-weight: 400;
    padding-right: 15px;
    text-align: right;
}
.moduleTable .tableFooter table tfoot td,
.moduleTable .tableFooter table tfoot th {
    padding-bottom: 10px;
    padding-top: 10px;
}
.moduleTable .downloadLinks {
    clear: both;
    padding: 20px 15px 0px 15px;
}
.account-invoice .moduleTable .downloadLinks {
    border-top: solid 1px #FFFFFF;
    padding-top: 10px;
}
.moduleTable a:hover {
    text-decoration: underline;
}
.moduleTable .downloadLinks li {
    line-height: 28px;
}
.moduleTable .pdf {
    padding-left: 40px;
    background: transparent url(//img.ui-portal.de/webcent/icon/pdf.gif) no-repeat 0px 4px;
    line-height: 20px;
    display: block;
}
.tableFilter li {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    display: inline;
    height: 24px;
    float: left;
    line-height: 24px;
    margin-right: 6px;
}
.tableFilter li label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    display: inline;
    line-height: 24px;
    margin-right: 10px;
}
.tableFilter li.datepicker input,
.tableFilter li .select-wrapper select {
    font: 400 13px/18px Arial, Verdana, Helvetica, sans-serif;
}
#selectTransactionsfilterPeriod {
    width: 150px;
}
.tableFilter .datepicker {
    margin-right: 35px;
}
.tableFilter .datepicker input {
    width: 80px;
}
#selectTransactionsfilterDebits {
    width: 275px;
}
#selectTransactionsfilterDebits option,
#selectTransactionsfilterDebits optgroup {
    xwidth: 275px;
}
.tableFilter .btn-wrapper {
    margin-top: -1px;
}
.moduleTable .invoiceMonth    { width: 150px; } 
.moduleTable .invoicePeriod   { width: 229px; } 
.moduleTable .invoiceDownload { width: 495px; } 
* html .moduleTable .invoiceMonth { width: 165px; } 
.moduleTable .transactionDate    { width: 142px; }
.moduleTable .transactionType    { width: 170px; }
.moduleTable .transactionDetails { width: 283px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.moduleTable .webcentType        { width: 100px; }
.moduleTable .debitAmount        { width:  60px; text-align: right; }
.moduleTable .creditAmount       { width:  78px; text-align: right; }
.moduleTable .tableContent td span { display: block; overflow: hidden; }
.moduleTable .transactionType    span { width: 170px; }
.moduleTable .transactionDetails span { width: 283px; }
.moduleTable .orderDate    { width: 102px; }
.moduleTable .orderNumber    { width: 120px; }
.moduleTable .orderAmount { width: 58px;}
.moduleTable .orderArticle        { width: 253px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.moduleTable .orderDeliverystate        { width:  100px; }
.moduleTable .orderDetails       { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.moduleTable .orderArticle    span { width: 253px; }
.moduleTable .orderDetails span { width: 200px; }
* html .moduleTable .transactionDate    { width: 157px; }
*+html .moduleTable th.webcentType      { padding-right: 0px; width: 115px; }
* html .moduleTable th.webcentType      { padding-right: 0px; width: 115px; }
.account-invoice .tableContent .message {
    padding: 0 15px;
}

.topupStatus {
    height: 31px;
    padding: 2px 0px 0px 0px;
}
.topupStatus span.topup {
    line-height: 15px;
    padding-left: 19px;
}
.topupNav {
    background: #F9F9F9;
    padding: 13px 0px 14px 0px;
    margin-left: -15px;
}
.account-topup-info {
    overflow: hidden;
}
.account-topup-info .message {
    margin-bottom: 25px;
}
.account-topup-info .modulePart p {
    line-height: 20px;
    margin-bottom: 20px;
}
.account-topup-info .modulePart .btn-wrapper {
    margin-top: 15px;
}
.account-topup-info .modulePart p + .btn-wrapper {
    margin-top: 0px;
}
table.topupAccount {
    background-color: #EEF0F3;
    -moz-border-radius: 3px;
         border-radius: 3px;
    width: 940px;
    border-collapse: separate;
    margin-left: -15px;
}
table.topupAccount th {
    color: #000000;
    height: 48px;
    font-weight: 400;
    padding: 10px 15px;
    line-height: 18px;
    text-align: left;
}
#formTopupManual th.topupCurrent { width: 277px; }
#formTopupManual th.topupSelect  { width: 272px; }
#formTopupAuto   th.topupCurrent { width: 246px; }
#formTopupAuto   th.topupSelect  { width: 293px; }
table.topupAccount td {
    border-top: solid 1px #FFFFFF;
    padding: 24px 0px 15px 15px; 
}
table.topupAccount td.topupResult {
    padding-right: 15px;
    line-height: 20px;
}
.account-topup h3 {
    margin-bottom: 16px;
    color: #000000;
}
.balanceOverview {
    line-height: 16px;
    overflow: hidden;
    padding-top: 9px;
    height: 52px;
    text-align: right;
    white-space: nowrap;
}
*+html .balanceOverview {
    line-height: 24px;
}
* html .balanceOverview span {
    line-height: 24px;
}
.balanceOverview .webcents {
    font-size: 36px;
}
#formTopupManual .topupCurrent .balanceOverview {
    margin-top: 42px;
    padding-right: 60px;
    width: 220px;
    background: transparent url(//img.ui-portal.de/webcent/account/bg/aufladen_manuell_nojs2.png) no-repeat 100% -255px;
}
.jsEnabled #formTopupManual .topupCurrent .balanceOverview {
    background-image: url(//img.ui-portal.de/webcent/account/bg/aufladen_manuell2.png);
}
#formTopupAuto  .topupCurrent .balanceOverview {
    margin-top: 58px;
    padding-right: 20px;
}
.jsEnabled #formTopupManual td.topupSelect ul {
    padding-right: 50px;
    width: 220px;
    background: transparent url(//img.ui-portal.de/webcent/account/bg/aufladen_manuell2.png) no-repeat 100% -550px;
}
.topupSelect li {
    color: #FFFFFF;
    margin: 0px;
    position: relative;
}
.topupAccountManual .topupSelect li {
    background: transparent url(//img.ui-portal.de/webcent/account/bg/aufladen_manuell_nojs2.png) no-repeat 0px 0px;
    text-align: right;
    width: 196px;
    padding: 0px 0px 10px 0px;
    line-height: 26px;
}
.jsEnabled .topupAccountManual .topupSelect li {
    background: transparent url(//img.ui-portal.de/webcent/account/bg/aufladen_manuell2.png) no-repeat 0px 0px;
}
.topupAccountAuto .topupSelect li {
    background: transparent url(//img.ui-portal.de/webcent/account/bg/aufladen_auto_nojs2.png) no-repeat 0px 0px;
    text-align: center;
    width: 300px;
    padding: 0px 0px 10px 0px;
    line-height: 16px;
}
.topupAccountAuto .topupSelect li.last   { padding-bottom: 10px; }
.jsEnabled .topupAccountAuto .topupSelect li {
    background-image: url(//img.ui-portal.de/webcent/account/bg/aufladen_auto2.png);
}
.topupSelect li label {
    cursor: pointer;
    display: block;
    line-height: 100%;
}
.topupAccountManual .topupSelect li label {
    width: 144px;
    padding: 0px 20px 0px 32px;
    line-height: 26px;
}   
.topupAccountAuto .topupSelect li label {
    width: 259px;
    padding: 10px 5px 10px 36px;
    line-height: 16px;
}    
           #formTopupManual .topupSelect li:hover        { background-position:  0px -124px; }
.jsEnabled #formTopupManual .topupSelect li.active       { background-position:  0px  -62px; }
.jsEnabled #formTopupManual .topupSelect li.active:hover { background-position:  0px -186px; }
           #formTopupAuto .topupSelect li:hover        { background-position:  0px -124px; }
.jsEnabled #formTopupAuto .topupSelect li.active       { background-position:  0px  -62px; }
.jsEnabled #formTopupAuto .topupSelect li.active:hover { background-position:  0px -186px; }
.topupSelect li input {
    height: auto;
    position: absolute;
    margin: 0px;
    border: solid 0px;
}
#formTopupManual        .topupSelect li input { left: 9px; top: 7px; }
#formTopupManual        .topupSelect li input { left: 3px\0/; top: 6px\0/; }
* html #formTopupManual .topupSelect li input { left: 4px; top: 3px; }
*+html #formTopupManual .topupSelect li input { left: 4px; top: 3px; }
#formTopupAuto        .topupSelect li input { left:  9px; top: 20px; }
#formTopupAuto        .topupSelect li input { left:  4px\0/; top: 19px\0/; }
* html #formTopupAuto .topupSelect li input { left:  5px; top: 16px; }
*+html #formTopupAuto .topupSelect li input { left:  5px; top: 16px; }
.jsEnabled .topupSelect li input {
    visibility: hidden;
}
.topupResult .results {
    position: relative;
    padding-bottom: 54px; 
}
.topupResult .results .topupResultSubmit { bottom: 0px; }
#formTopupManual .topupResult .results {  min-height: 80px; }
#formTopupAuto   .topupResult .results {  height: 184px; }
.topupResult .results>div {
    position: absolute;
}
#formTopupManual .topupResultIntro   { top: -10px; }
#formTopupManual .topupResultBalance { top: 42px; }
#formTopupManual .topupResultText    { position: relative; padding-top: 105px; }
*+html table.topupAccount td.topupResult { position: relative; }
*+html table.topupAccount td.topupResult .balanceOverview {
    top: 10px;
    left: 15px;
}
#formTopupAuto .topupResultText { top: 46px; }
#formTopupAuto .topupResultHint { top: 10px; }
#formTopupAuto .topupResultInfo { top: 62px; }
.topupResultInfo,
.topupResultIntro,
.topupResultBalance,
.topupResultText,
.topupResultHint,
.jsEnabled .topupResultSubmit { display: none; }
.jsEnabled #formTopupManual.active .topupSelect ul { background-position: 100% -450px; }
.jsEnabled #formTopupManual.active .topupResultIntro,
.jsEnabled #formTopupManual.active .topupResultBalance,
.jsEnabled #formTopupManual.active .topupResultText,
.jsEnabled #formTopupAuto.active   .topupResultInfo,
.jsEnabled #formTopupAuto.active   .topupResultBalance,
.jsEnabled #formTopupAuto.active   .topupResultText,
.jsEnabled form.changed            .topupResultSubmit {
    display: block;
}
.topupConfirm {
    background-color: #EEF0F3;
    -moz-border-radius: 3px;
         border-radius: 3px;
    padding: 15px;
    margin: 0px -15px;
    overflow: hidden;
}
.account-topup .topupConfirm .message {
    margin-bottom: 10px;
}
.account-topup .topupConfirm h3 {
    margin-bottom: 4px;
}
.account-topup .topupConfirm .message + .button-wrapper {
    margin-top: 88px;
}
*+html .account-topup .topupConfirm .message + .button-wrapper {
    margin-top: 78px;
}
.topupConfirm p {
    line-height: 20px;
    margin-bottom: 24px;
}
.topupConfirm table.overview {
    margin-bottom: 15px;
}
.topupConfirm table.overview th {
    width: 300px;
    padding-right: 30px;
}
.topupConfirm table.overview th,
.topupConfirm table.overview td {
    padding-bottom: 0px;
}



#page-footer {
    background: url(//img.ui-portal.de/webcent/bg/separator.png) no-repeat 50% 0px;
    -moz-box-shadow: 0px -70px 6px -69px #DADDE1; 
         box-shadow: 0px -70px 6px -69px #DADDE1; 
    border-bottom: 1px solid #C0C9CE;
    color: #687282;
    font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
    padding-top: 2px;
    position: relative;
}
#page-footer a {
    color: #687282;
    text-decoration: none;
}
#page-footer a:hover,
#page-footer a:focus {
    text-decoration: underline;
}
#page-footer #footerOptional {
    height: 88px;
}
#page-footer #footerMain {
    background: #C6CCD1 url(//img.ui-portal.de/webcent/bg/footer_radial.png) no-repeat 50% -2px;
    padding-top: 2px;
}
#page-footer #footerAddition {
    background: transparent url(//img.ui-portal.de/webcent/bg/separator.png) no-repeat 50% 100%;
    overflow: hidden;
    height: 108px;
    padding: 0px 30px 2px;
    position: relative;
}
#page-footer #footerOptional + #footerMain {
    background-position: 50% 0px;
}
#page-footer #footerOptional + #footerMain #footerAddition {
    height: 178px;
}

#page-footer #footerMOTD {
    position: absolute;
    right: 30px;
    top: -20px;
    width: 270px;
    height: 90px;
    padding: 0px 15px;
    background: #E8923C;
    -moz-border-radius: 4px;
         border-radius: 4px;
    -moz-box-shadow: 0px 18px 12px -12px #A1AEBC;
         box-shadow: 0px 18px 12px -12px #A1AEBC;
}
#page-footer #footerMOTD h4 {
    background: url(//img.ui-portal.de/webcent/bg/motd_headline.png) no-repeat 0px 40px;
    background: url(//img.ui-portal.de/webcent/bg/motd_headline.png) no-repeat 0px 40px,
                url(//img.ui-portal.de/webcent/bg/motd_nose.png) no-repeat 240px 0px;
    height: 60px;
    position: absolute;
    top: -23px;
    width: 270px;
}
#page-footer #footerMOTD h4 span {
    display: none;
}
#page-footer #footerMOTD p {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    padding-top: 36px;
}
#page-footer #footerMOTD a {
    color: #FFFFFF;
}

#page-footer #footerSocialbookmarks {
    background: #CCD1D5;
    overflow: hidden;
    padding: 20px 0px;
}
#page-footer #footerSocialbookmarks ul {
    margin-left: 30px;
}
#page-footer #footerSocialbookmarks li {
    display: inline;
    float: left;
    margin-right: 20px;
    position: relative;
    height: 48px;
    width: 300px;
}
#page-footer #footerSocialbookmarks.threeCols li {
    width: 193px;
}
#page-footer #footerSocialbookmarks a:hover {
    text-decoration: none;
}
#page-footer #footerSocialbookmarks a:hover * {
    text-decoration: underline;
}
#page-footer #footerSocialbookmarks h4 {
    background: no-repeat 0px 0px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    height: 48px;
    line-height: 27px;
    padding-left: 63px;
}
#page-footer #footerSocialbookmarks a:hover h4 {
    background-position: 0px 100%;
}
#page-footer #footerSocialbookmarks #modFacebook h4 {
    background-image: url(//img.ui-portal.de/webcent/icon/facebook.png);
}
#page-footer #footerSocialbookmarks #modTwitter h4 {
    background-image: url(//img.ui-portal.de/webcent/icon/twitter.png);
}
#page-footer #footerSocialbookmarks #modGoogleplus h4 {
    background-image: url(//img.ui-portal.de/webcent/icon/googleplus.png);
}
#page-footer #footerSocialbookmarks #modRecommendation h4 {
    background-image: url(//img.ui-portal.de/webcent/icon/recommendation.png);
}
#page-footer #footerSocialbookmarks #modPartner h4 {
    background-image: url(//img.ui-portal.de/webcent/icon/partner.png);
}
#page-footer #footerSocialbookmarks p {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    left: 63px;
    position: absolute;
    top: 26px;
}
#page-footer #footerSocialbookmarks .socialCommunity {
    left: 63px;
    position: absolute;
    top: 28px;
}
* html #page-footer #footerSocialbookmarks #modGoogleplus.hidefromIE7 { display: none; }
*+html #page-footer #footerSocialbookmarks #modGoogleplus.hidefromIE7 { display: none; }

#page-footer #footerNavlinks {
    display: inline;
    float: left;
    padding-top: 15px;
}
#page-footer #footerNavlinks h\:nav {
    display: inline;
    float: left;
    margin-right: 20px;
    padding-top: 33px;
    position: relative;
    width: 140px;
}
#page-footer #footerNavlinks h\:nav li {
    display: block;
    float: none;
}
#page-footer #footerNavlinks h\:nav h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    position: absolute;
    left: 0px;
    top: 1px;
    white-space: nowrap;
}
#page-footer #footerNavlinks.threeCols h\:nav {
    width: 193px;
}

#page-footer #footerIcons {
    float: right;
    display: inline;
    margin-top: 20px;
    width: 300px;
}
#page-footer #footerIcons li {
    float: left;
    display: inline;
    margin-right: 8px;
    margin-bottom: 10px;
}
#page-footer #footerIcons li.last {
    margin-right: 0px;
}
#page-footer #footerIcons li a,
#page-footer #footerIcons li img {
    display: block;
}

#page-footer #footerMainlinks {
    background: url(//img.ui-portal.de/webcent/bg/footer_bottom.png) no-repeat 50% 100%;
    clear: both;
    height: 98px;
    padding: 0px 30px;
}
#page-footer #footerOptional + #footerMain #footerMainlinks {
    background: url(//img.ui-portal.de/webcent/bg/footer_bottom.png) no-repeat 50% 100%, url(//img.ui-portal.de/webcent/bg/footer_bottom.png) no-repeat 50% 100%;
}
#page-footer #footerMainlinks ul {
    padding-top: 17px;
}
#page-footer #footerMainlinks li {
    display: inline;
    float: left;
    margin-right: 30px;
}