/* 2018-06-27 14:49:45  prueba si sube a UAT */
.fbOn {
}
html { font-size: 100.01%;  margin: 0; padding: 0;}
    @-moz-document url-prefix() { html{ overflow-y: scroll; } }
    body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: normal;
        font-style: normal;
        font-size: 1em;
        font-family: Arial, sans-serif;
        vertical-align: baseline;
    }
    strong, strong a, b, b a, dt { font-weight: bold; }
    em, em a, i, i a { font-style: italic; }
    table { border-collapse: separate;    border-spacing: 0;}
    caption, th, td {    text-align: left;    font-weight: normal;}
    fieldset, img, iframe { border:0; }
    a { outline:none; }
   .clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
 /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
 /* End hide from IE-mac */
  .clearfix { display: block }
  *+html .clearfix { display: inline-block; }
  .clearing { clear: both; line-height: 0px; font-size: 1px; height: 0px; }
  .skip, .hideme, .print, #breadcrumbNavi {position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
  .skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto;}
  #printlogo{display: none;}
  .float_left { float: left; display: inline; margin: 0 10px 10px 0;  }
  .float_right { float: right; display: inline; margin: 0 0 10px 10px;  }
  .center { text-align:center; margin-left: auto; margin-right: auto}
/**
 * @section     getting rid of a reddot-texteditor-bug
 */
    dt { display: inline; height: 0; width: 0; font-size: 0;}
    dl dt { display: block; height: auto; width: auto; font-size: 0.8125em;}
    .u5, .u4, .u3, .u2, .u1, .u15    {float: left; display: inline; margin: 0; position: relative; z-index: 1; }    /* background-color: #fff; */
    .u5            { width: 60.875em; }
    .u4            { width: 48.875em; }
     .u3            { width: 36em;}
    .u2            { width: 24em;}
    .u15           { width: 18em;}
    .u1            { width: 12em;}
/*  ====================== LAYOUT =================  */
    body { background: #f1f4f9 url(/pbc/img/gradient_body_blue.jpg) repeat-x top left; text-align: center;}
    #outerwrap  {position: relative; z-index: 1; top: 0; left: 0; width: 60.875em; margin: 0 auto; text-align: left;}
    #innerwrap  {position: relative; z-index: 10; top: 0; left: 0; background-color: #fff; border-bottom: 2px solid #b5c9e3;}
    .home #innerwrap {padding-bottom: 25px;}
    .info #innerwrap, .product #innerwrap, .allocation #innerwrap {padding-bottom: 37px;}
    #contentwrap{position: relative; z-index: 20; top: 0;}
    #navwrap    {position: relative; z-index: 30; top: 0; left: 0; overflow: hidden;}
    #meta       {position: absolute; z-index: 80; top: 0; left: 0; display: block; width: 61.125em; height: 1.688em; zoom: 1;}
/**
 * @section base formatting
 */
    label, td, th, li {font-size: 0.8125em;}
    .hugecopy, p.hugecopy {font-size: 1em;font-weight: bold; display: block;}
    .nobr {white-space: nowrap;}
    ul li{zoom:1;}
    sup{font-size: 11px; line-height: 0;}
    h2 sup, .content h4 sup{font-size: 13px;}
    .textinput, .submit{font-size: 0.75em;}
    p {margin-bottom: 16px; font-size: 0.8125em; line-height:1.308; color: #666;}
    p.infotext {color: #039;}
    td p { font-size: 1em; }
    #intro p, #lightbox .content p, #lightbox .content li{padding-right: 10%;}
    #intro h4{margin-bottom: 0.5em;}
    .tabcontent .u1 p, .tabcontent .u1 ul li,  #intro .u1 p, #intro.fasttrack p, .tabcontent ul.quicknavlist li, table p{padding-right: 0;}
    h1 {}
    h2 {font-size: 1.125em; font-weight: bold; color: #fff; position: relative; z-index: 520;}
    h3 {font-size: 1.25em; font-weight: bold; color: #000;}
    h4 {font-size: 1em; font-weight: bold; color: #039; margin-bottom: 20px;}
    h5 {font-size: 0.8125em; font-weight: bold; color: #333; margin-bottom: 0.385em;}
    a{text-decoration: none; color: #039;}
    a:hover, p a.lnk:hover { text-decoration:underline;}
    p a, .footnote a{text-decoration: underline;}
    p a:hover, .footnote a:hover{text-decoration: none;}
    .lnk a, a.lnk, .teaser ul li a, .u1 .content ul li a, .content ul.lnk-list li a, .intcontent ul.lnk-list li a,  .intcontent ul li.lnk-list a, .content ul li.lnk-list a{display: block; font-size: 0.8125em; color: #039; padding-left: 10px; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 0 0.15em; line-height: 1.2; zoom:1;}
    .lnk-special a{ display: block; font-size: 0.8125em; color: #039; padding-left: 20px; background: url(/pbc/img/nav_icon_active_nochildren_orange.gif) no-repeat 0 0.2em; line-height: 1.2; zoom:1;}
    .lnk a.lnk-pdf, a.lnk-pdf{position: relative; display: block;}
     p a.lnk-pdf, p.lnk a, p a.lnk{font-size: 1em; text-decoration: none;}
    .lnk-pdf img, .textbox .lnk-pdf img, #mpa .teaser ul li a.lnk-pdf img, #mpa .teaser .lnk-pdf img{position: absolute; margin: 0; padding-left: 5px; text-decoration: none !important; display: inline; width: auto; height: auto;}
    .lnk-pdf img.pdf-small{padding-top: 2px;}
    .footnote{ font-size: 0.6875em; line-height: 1.25; margin: 0 0 0.5em; color: #666; float: none; clear: both;}
    .footnote p {margin-bottom: 8px; font-size: 1em !important;}
    .footnote ul li, .footnote ol li, .content .footnote ul li, .content .footnote ol li{list-style-type: decimal; background: none; padding: 0; color: #666;}
    .footnote li, .content footnote li{margin: 0 0 0.5em 18px;}
    .footnote img {vertical-align: bottom;}
    .footnote sup{font-size: 9px; line-height: inherit;}
/**
 * @section        buttons
 */
    .btn {font-size: 1em;}
    .js .btn{height: 2em;}
    .btn img{width:100%; height:100%;}
    #header-wt .btn{width: 13.75em; margin-bottom: 1em;}
    .btn-s, .js #header-wt .btn-s{width: 9.375em;}
    .btn-m, .js #header-wt .btn-m{width: 11.125em;}
    .btn-l, .js #header-wt .btn-l{width: 13.75em;}
    .btn-login{width: 10.75em;}
    .btn ul li p, .allocation .teasercontainercol2 .imgteaser .btn ul li p{ width: auto; margin: 0; padding: 0.5em 1em 0; color: #666; font-size: 0.75em;}
     html body .tabcontent .teaser .btn-s { width: 8.4375em; height: 1.625em; }
     html body .tabcontent .content .teaser .btn img { margin-bottom: 0; }
     html body .tabcontent .content .teaser .btn ul li a {display: block; padding-left: 1.875em; color: #039; background: url(/pbc/img/lnk_blue_big.gif) no-repeat 0.8125em 0.75em;}
/**
 * @section     content
 * @note        reduced width for #content because of 14px margin-left
 */
    #content{display: inline; margin-left: 0.875em; width: 48em; overflow: hidden;}
    #content h2, .service404 #contentwrap h2{line-height: 1; margin: 0; padding: 0.66667em 0 0.66667em 20px; background: #4271b8 url(/pbc/img/headline_blue.gif) repeat-x bottom left;}
    .headerarrow{position: absolute; top: 2.625em; left: 0; z-index: 999; zoom:1; display: none;}
    .product #content .headerarrow, .info #content .headerarrow{left: 3.75em;}
    .allocation #content .headerarrow{left: 15.625em;}
    .content ul, .content ol, .intcontent ul, dd ul{margin: 0 14px 10px 0; list-style-type: none;}
    .content .contentcol2 ul{margin-bottom: 24px;}
    dd ol{margin: 0 14px 10px 25px;}
    dd ul{margin-left: 0;}
    .content .contentcol2 ul{margin-bottom: 24px;}
    .content ul li, .content ol li, dd ol li, dd ul li{line-height: 1.3; color: #333; padding: 0 0 0.385em 18px;}
    dd ol li{padding-left: 0;}
    .content ul li, dd ul li{background: url(/pbc/img/li_blue.gif) no-repeat 0 0.231em;}
    .intcontent ul.lnk-list{margin-bottom: 20px;}
    .intcontent ul.lnk-list li{margin-bottom: 0.385em;}
    .content ul li.check, #pb .content ul li.check{background: url(/pbc/img/icon_check.gif) no-repeat 0 0; padding-left: 20px;}
    .content ul.lnk-list li, .content ul li.lnk-list, .intcontent ul.lnk-list li, .intcontent ul li.lnk-list{background: none; padding-left: 0; font-size: 1em;}
    .textblock {zoom: 1;}
/**
 * @subsection        intro
 */
    .product #intro, .allocation #intro, .info #intro{position: relative; z-index: 500; padding: 0 14px 0 18px; margin: 0 0 0 0; background: #dde7f2 url(/pbc/img/gradient_content_blue.jpg) repeat-x;}
    .allocation #intro{padding-top: 0.875em;}
    #peb.home #intro{position: relative; z-index: 500; padding: 0; margin: 0; width: 48em; background: none;}
    #peb.home .flash-replaced{height: 25.625em;}
    .product #intro.fasttrack, .info #intro{margin: 0 0 30px 0; padding: 2.5em 0 20px 0;}
    #pb.info #intro{margin: 0; padding-bottom: 12px;}
    .info #intro .u1{ border-left: 1px solid #fff; padding-left: 14px;}
    .info #intro .u3{ width: 35.125em;}
    .info #intro .textblock{ margin: 0 0 0 20px;}
    .info #intro .textblock p{color: #333;}
    .info #intro .teaser{margin: 0 14px 14px 0;}
    .info #intro .teaser h3{font-size: 0.8125em; color: #039; margin-bottom: 0.385em; margin-left: 0; font-weight: bold;}
    .info #intro .teaser p{line-height: 1.3; margin: 0 0 10px; color: #333;}
    #bb.home #intro {/*height: 19.75em;*/ padding: 1em 0; margin: 0 0 0 0;}
    #pb.home #intro {/*height: 19.75em;*/ padding: 1em 0 0.75em 0; margin: 0 0 0 0;}
    .js #pb.home #intro {visibility: hidden;}
    .home #intro img.teaserbg{position: absolute; top: 0; left:0; z-index: 1; width: 100%;}
    #bb.home #intro img.teaserbg{height: 23.375em;}
    #pb.home #intro img.teaserbg{height: 22.125em;}

/**
 * @section            teaser
 */
    .teaser h3, .teasercontainer h3.teaserhead{ font-size: 0.8125em; font-weight: normal; color: #039; margin: 0 0 24px 20px;}
    .teasercontainer h3.teaserhead{ margin-bottom: 12px;}
    .teasercontainer { padding-top: 1.375em;}
    .teasercontainer .intro{margin: 0 14px 0 18px; padding-top: 1.25em;}
    .teasercontainer .intro p, .teasercontainer #intro p{ color: #039;}
    .teaser{margin: 0 14px 28px 14px;}
    .serviceteaser{margin: 0 14px 14px 0px; padding: 12px 8px 14px 14px; border: 2px solid #d7dff0;}
    .serviceteaser ul li {padding-bottom: 3px;}
    .teaser .textblock p, .home #intro .teaser .textblock p{margin-top: 6px; font-size: 0.8125em;}
    .teasercontainer .textblock p{margin-top: 0;}
    .teaser ul{list-style: none;}
    .teaser ul li a{font-size: 1em;}
    .teaser h4{margin: 0 0 0.3125em 0;}
    .teaser .btn{position: relative;}
    .home .teaser{margin-top: 28px;}
    .home .u1 .teaser h4{margin-bottom: 0.385em;}
    .home .u1 .teaser{margin: 26px 28px 0 0;}
    .home .u1 .teaser .textblock p{margin: 5px 0 7px;}
    .home .u1 .teaser p, .home .u15 .teaser p, .home .u2 .teaser p{font-size: 0.75em; margin-bottom: 0.58333em; line-height: 1.41666;}
    .home .u4 .u15 .teaser {margin: 28px 14px 28px 0;}
    .product .teaser h3, .allocation .teaser h3{line-height: 1.5; font-weight: normal; margin: 0;}
    .product .teaser p, .info .teaser p {margin-bottom: 14px;}
    .allocation .teasercontainer, .allocation .teasercontainercol2, .allocation .teasercontainercol3{ position: relative; z-index: 499; width: 35.125em; margin: 0 14px 28px 0; background: #dde7f2 url(/pbc/img/gradient_content_blue.jpg) repeat-x 0 0;}
    .allocation .teasercontainer .teaser { position: relative; border-bottom: 2px solid #fff; margin: 0; padding: 14px 14px 16px 18px;}
    .allocation .teasercontainer .teaser .image { margin: 0 0 8px 14px; position: relative; z-index: 1;}
    .allocation .teasercontainer .teaser .info{width: 7.875em; height: 1.1875em;}
    .allocation .teasercontainer .teaser .info img{width:100%;}
    .allocation .teaser p{margin-bottom: 0.75em;}
    .teasercontainer .teaser h3{font-size: 1em; font-weight: bold; color: #039; margin: 0;}
    .teasercontainer .crosssell{margin-left: 0; padding: 12px 14px 14px 18px; border: 2px solid #d7dff0;}
    #pb .teasercontainer .crosssell {border-color: #dcdcdc;}
    .crosssell h3, .teaser.crosssell h3, .allocation .teaser.crosssell h3, .product .crosssell h3{ font-size: 0.8125em; line-height: 1.5; font-weight: normal;}

    .exclusiveteaser h3.teaserhead {color:#003399; font-size:1em; font-weight:normal; margin:0 0 12px 20px;}
    .exclusiveteaser .teaser h3 {font-size:0.8125em; font-weight:normal; line-height:1.5;}
    .exclusiveteaser .teaser {border:2px solid #D7DFF0; margin-left:0; padding:12px 14px 14px 18px;}
    .allocation .u3 div.footnote {zoom:1; margin-top:-1em;} 

    /*
     * @subsection        awards
     */
    .tabcontent .content .award .teaser{ width: auto; padding: 0; margin: 0; float: left; display: inline; width: 32em;}
    .award{border-bottom: 1px dotted #99b6de; margin: 0 0 8px; padding-bottom: 14px;}
    .award .awardimg{ float: left; display: inline; width: 10.625em; margin-top: 1.875em; text-align: center;}
    .tabcontent .content .award .teaser p{padding-right: 0; font-size: 0.8125em; margin-bottom: 0.3875em;}
    .tabcontent .content .award .teaser ul li{ font-size: 1em; background-image: url(/pbc/img/lnk_orange_big.gif); padding-left: 0.625em;}
    .tabcontent .content .award .teaser ul li a{font-size: 0.8125em;}
    .tabcontent .content .award .teaser .date{margin-bottom: 4px;}
    .tabcontent .content .award .teaser ul{margin: 0;}
    .archive{margin: 14px 0 0 10.625em;}
    .content .archive ul li{padding: 0;}
    /*
     * @subsection        benefit teaser
     */
     .benefitteaser{margin-bottom: 17px; padding-bottom: 20px; background: url(/pbc/img/dots_blau.gif) repeat-x bottom left; zoom: 1;}
     #pb .benefitteaser{background-image: url(/pbc/img/dots_grau.gif);}
     .lastbenefit, #pb .lastbenefit{background: none; margin-bottom: 0; padding-bottom: 0;}
     .tabcontent .benefitteaser h4{margin-bottom: 0.375em;}
     .tabcontent .benefitteaser p{margin-bottom: 16px;}
    /*
     * @subsection        homepage teaser
     */
     .home .video{margin-top: 10px;}
     .home .teasercontainer {position: relative; z-index: 500;}
     .home .teasercontainer .teaser {margin: 0 4em 0 1.125em;}
     .home .teasercontainer .teaser h3{font-weight: normal; font-size: 0.75em;}
     #alt-teaser h3{font-size: 1em; font-weight: bold; margin: 0 0 0.3125em;}
     #pb.home .teasercontainer .teaser.highlight h3, #alt-teaser .highlight h3{font-weight: bold; font-size: 0.875em;}
     .home .teasercontainer .teaser .info {margin-bottom: 14px;}
     #pb.home .teasercontainer .teaser.highlight { position: relative; height: 14.75em; left: -0.5em; margin: 0.625em 0.875em 0 0; padding: 0 0.5em 1em 1.3125em;}
     #bb.home .teasercontainer .teaser.highlight { position: relative; height: 15.25em; left: -0.5em; margin: 1em 0.875em 0 0; padding: 0 0.5em 1em 1.3125em;}
     .home .teasercontainer .teaser.highlight p, .home .teasercontainer .teaser.highlight h3, .home .teasercontainer .teaser.highlight h4, .home .teasercontainer .teaser.highlight a{position: relative; z-index: 500;}
     .home .teasercontainer .teaser.highlight p{line-height: 1.41666;}
     .home #intro .teasercontainer .teaser.highlight .teaserbg{height: 16.5em; width: 12em; z-index: 3;}
     .home .teasercontainer .teaser.highlight .btn, .home .teasercontainer .teaser.highlight .info {position: absolute; z-index: 505;}
     .js .home .teasercontainer .teaser.highlight .btn {position: absolute; bottom: 2.25em;}
     .js .home .teasercontainer .teaser.highlight .info {position: absolute; bottom: 4.0625em;}
     .home #intro .teasercontainer .u1 .teaser .textblock p{font-size: 0.75em; margin: 0.6em 0; color: #666;}
     .home .teaser p{color: #039;}
     .home #intro{ z-index: 500;}
     .home #intro .teaser .btn ul li p{color: #666;}
     .home #intro .teaser.highlight .btn ul li p{margin-top: 0; padding-right: 8px; margin-bottom: 0;}
    /*
     * @subsection        homepage partner logos
     */
     .home div.partnerhead {border-bottom: 1px solid #c7d6e9; margin: 2.5em 1.8125em 0 0;}
     .home .partnerhead h5 {margin-bottom: 0.625em;}
     #peb.home .partnerhead h5, #bb.home .partnerhead h5  {color:#039;}
     #pb .partnerhead h5 {color:#666;}
     #pb div.partnerhead {border-color: #E2E2E2;}

    /*
     * @subsection        noflash-teaser on peb homepage with button on the right
     */
    #peb.home .u4 .teasercontainer{ position: relative; z-index: 499; margin: 0 0.875em 0 0; background: #dde7f2 url(/pbc/img/gradient_content_blue.jpg) repeat-x 0 0;}
    #peb.home .headerarrow{ left: 21.75em;}
    #peb.home .u4 .teasercontainer .teaser { position: relative; border-bottom: 2px solid #fff; margin: 16px 0 0 0; padding: 0 14px 16px 18px;}
    #peb.home .u4 .teasercontainer .teaser .textblock{ float: left; display: inline; width: 35em;}
    #peb.home .u4 .teasercontainer .teaser .textblock p{margin-bottom: 0;}
    #peb.home .u4 .teasercontainer .teaser h3 { color: #039; font-weight: bold; font-size: 1em;}
    #peb.home .u4 .teasercontainer .teaser p { color: #333;}
    #peb.home .teaser p, #bb.home .teaser p { color: #666;}
    #peb.home .u4 .teasercontainer .teaser .btn{ position: absolute; bottom: 20px; right: 14px; left: auto; width: 9.375em; height: 1.9375em;}
    #peb.home .u4 .teasercontainer .teaser .btn img{display: block; width:100%; height:100%;}
    #peb.home .u4 .teasercontainer .teaser .info{ position: absolute; bottom: 64px; right: 42px;}
    /*
     * @subsection        teaser with button on the right
     */
    .u3 .teasercontainer .teaser .textblock{ float: left; display: inline; width: 22em;}
    .u3 .teasercontainer .teaser .textblock p{margin-bottom: 0;}
    .u3 .teasercontainer .teaser .btn{ position: absolute; bottom: 18px; right: 14px; left: auto;}
    .u3 .teasercontainer .teaser .info{ position: relative; margin-bottom: 2.625em;}
    .js .u3 .teasercontainer .teaser .info{ position: absolute; bottom: 18px; margin-bottom: 2.625em; right: 34px;}
    /*
     * @subsection        productteaser with button and scaleable background image
     */
    .allocation .teasercontainercol2{ padding-bottom: 29px; padding-top: 2.5em;}
    *+html .allocation .teasercontainercol2{ padding-bottom: 37px;}
    .allocation .teasercontainercol2 .imgteaser { float: left; display: inline; position: relative; margin: 0 0 8px 14px; height: auto; width: 16.25em; zoom:1;}
       .allocation .teasercontainercol2 .imgteaser h3, .allocation .teasercontainercol2 .imgteaser p { position: relative; z-index: 20;}
       .allocation .teasercontainercol2 .imgteaser h3 { color: #039; font-weight: bold; margin: 1.0625em 0 4px 1em; font-size: 1em; }
       .allocation .teasercontainercol2 .imgteaser p { margin: 0 0 0 1.2308em; width: 11em; color: #333;}
       .allocation .teasercontainercol2 .imgteaser > p { min-height: 3em;}
    .allocation .teasercontainercol2 .imgteaser .btn { position: relative; top: 2.65em; margin: 0 0 3em -1px; z-index: 60;}
    .allocation .teasercontainercol2 .imgteaser .btn ul{ width: 16.25em; border-top: 0;}
       .allocation .teasercontainercol2 .imgteaser .teaserimage {position: absolute; top: 3px; left: 0; display: block; margin: 0; padding: 0; width: 16.25em; height: 9.6875em;}
    .js .allocation .teasercontainercol2 .imgteaser { height: 9.1875em;}
    .js .allocation .teasercontainercol2 .imgteaser .btn { position: absolute;  top: auto; margin: 0; bottom: 0.875em; left: 1em; z-index: 60;}
    .js .allocation .teasercontainercol2 .imgteaser .btn ul { width: 9.275em; border-top: 1px;}
    /*
     * @subsection        teaser with an image and a product list
     */
    .allocation .teasercontainer .image{float: right; display: inline; margin: 14px 0 0 14px;}
    .allocation .teasercontainer p{margin-bottom: 14px;}
    #peb.allocation .teasercontainer .teaser p, #bb.allocation .teasercontainer .teaser p, #service.allocation .teasercontainer .teaser p{color: #333;}
    .allocation .teasercontainer .flap, .allocation .teasercontainer .flatflap{color: #039; font-weight: bold;}
    .js .allocation .teasercontainer .flap, .js .allocation .teasercontainer .flatflap {padding-left: 20px; font-size: 1em; line-height: 1; font-weight: normal; cursor: pointer;  background: url(/pbc/img/flap_closed.gif) no-repeat 0 0.1em;}
    .js .allocation .teasercontainer .flap.open, .js .allocation .teasercontainer .flatflap.open { background: url(/pbc/img/flap_open.gif) no-repeat 0 0.1em; }
    .allocation .teasercontainer ul.flaplist, .teasercontainer ul.flatlist{list-style-type: none; margin: 16px 0 14px;}
    .allocation .teasercontainer ul.flaplist li{padding: 0; }
    .allocation .teasercontainer ul.flaplist ul li, .teasercontainer ul.flatlist li {list-style-type: none; font-size: 1em; padding: 0 20px 16px 20px; border-bottom: 1px dotted #ccc; margin-bottom: 17px;}
    .allocation .teasercontainer ul.flatlist li ul li{border: 0;}
    .allocation .teasercontainer ul.flaplist ul li.last, .teasercontainer ul.flatlist li.last{border: 0px; padding: 0 20px; margin-bottom: 0;}
    .allocation .teasercontainer ul.flaplist ul li ul li.last, .teasercontainer ul.flatlist ul li.last{padding: 0;}
    .allocation .teasercontainer ul.flaplist ul li a, .allocation .teasercontainer ul.flatlist ul li a{font-size: 0.8125em;}
    .lnk-flap{font-size: 0.8125em; margin: 20px 0 14px 0;}
    .teasercontainer ul.flatlist{clear: both; }
    /**
     * @subsection SmartButtons
     */
    .btn img{display: none;}
    .btn ul{position: relative; z-index: 800; left: 0; list-style-type: none; background: #fff; padding: 0; margin: 0; zoom:1;}
    .btn .s1{zoom:1;}
    .btn .highlight ul, .js .fasttrack .btn .highlight ul{background-color: #fff6c9; border: 1px solid #ccc; border-top: 0;}
    .btn ul li {zoom: 1; font-size: 1em;}
    .btn ul li a, #mpa .teaser .btn ul li a, .fasttrack .btn ul li a{font-size: 0.75em; display: block; line-height: 1.3; margin: 0; padding: 0.5em 0 0.5em 1.8333em; }
    .fasttrack .btn ul li a{font-size: 1em;}
    .js .fasttrack .btn ul li a{font-size: 0.75em;}
    .btn ul li.lnk-info a, #mpa .teaser ul li.lnk-info a, .btn ul li a, .home .u1 .teaser .btn ul li a, .home .u1 .teaser .btn ul li.lnk-info a, .btn ul li.lnk-first a{color: #039; background: url(/pbc/img/lnk_blue_big.gif) no-repeat 1em 0.833em;}
    .btn ul li.lnk-app a, #mpa .teaser ul li.lnk-app a, .home .u1 .teaser .btn ul li.lnk-app a{color: #ff9200; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 1em 0.833em;}
    .btn .s1 ul, .js .btn .s1 ul,.js .fasttrack .btn .s1 ul{ margin-left: auto; }
    .btn ul li a, .js .fasttrack ul li a { border-bottom: 1px solid #eaeaea; }
    .btn .highlight ul li a, .js .fasttrack .btn .highlight ul li a { border-bottom: 1px solid #f8d679; display: block; width: 85%; position: relative; z-index: 100;}
    .btn li.last a, .btn .highlight ul li.last a, .js .fasttrack .btn .s1 ul li.last a  { border-bottom: 0; }
    .js .btn img, .kek .btn img {display: block;}
    .js .btn .s1{position: absolute; z-index: 800; display: none; width: 100%;}
    .js .btn .s1 ul, .js .headteaser .btn .s1 ul{border: 1px solid #039; border-top: 0;}
    .btn .s1 ul{border: 1px solid #ddd; border-top: 0;}
    * html .btn .s1 ul{border: 1px solid #039; border-top: 0 !important;}
    .headteaser .btn .s1 ul{border: 0;}
    .home #login img {display:block;height:2em;position:relative;top:7px;}
    /*
     * @subsection        mini-teaser within the multi purpose area on allocation pages
     */
    .allocation #mpa{margin-left: -0.875em; padding-left: 0.875em; padding-top: 2.375em; background: #fff url(/pbc/img/gradient_white.jpg) repeat-x top left;}
    #mpa .teaser { border-bottom: 0; padding: 0; margin: 0 14px 14px 0;}
    #mpa .teaser h4{ font-size: 0.8125em; margin: 0 0 0.5em 0;}
     #mpa .teaser p{margin: 0 0 0.5em 0;}
    #mpa .teaser .hugecopy {font-size: 1em; color: #039;}
    #mpa .teaser .footnote p {font-size: 1em;}
    /**
     * @subsection        mini-teaser with image and linklist
     */
    .js #mpa .teaser img{display: block; margin: 14px 0;}
    #mpa .teaser .btn{margin-bottom: 14px;}
    #mpa .teaser .btn img{margin: 0;}
    #mpa .teaser ul{list-style-type: none; margin-bottom: 11px;}
    #mpa .teaser ul li{zoom: 1;}
    #mpa .teaser ul li a{ display: block; margin-bottom: 3px; color: #039; font-size: 0.8125em; padding-left: 10px; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 0 0.2em; line-height: 1.2;}

    /**
     * @subsection        highlighted mini-teaser
     */
    #mpa .teaser.highlight {background-color: #f1f5fa; padding: 14px; }

/**
 * @section        fasttrack
 */
    .fasttrack{zoom:1;}
    .sIFR-active .fasttrack h3, .sIFR-active .fasttrack .u2 ul, .sIFR-active .fasttrack .u3 ul, .sIFR-active .fasttrack .u2 p, .sIFR-active .fasttrack .u3 p{ visibility: hidden;}
    .fasttrack .u3{width: 35.0625em;}
    .fasttrack .u2{width: 23.0625em;}
    .js .fasttrack .u1{border-left: 1px solid #fff;}
    .fasttrack .u1{ overflow: hidden;}
    .fasttrack .last{ overflow: visible;}
    * html .fasttrack .last{ overflow-x: hidden;}
    .fasttrack .u1 .content{padding: 0 10px 0 14px;}
    .js .fasttrack .last{padding-bottom: 3em;}
    .fasttrack .last .content{padding-right: 0;}
    .fasttrack h3, .fasttrack ul{margin-left: 20px; color: #039;}
    .fasttrack h3{font-size: 1.125em;}
    .fasttrack .u1 h3{margin-left: 0;}
    .fasttrack p{ color: #039; margin: 0; font-size: 1em;}
    .fasttrack ul{list-style-type: none; margin-top: 8px;}
    .fasttrack ul li{zoom: 1; padding: 4px 14px 4px 25px; font-size: 0.8125em; background: url(/pbc/img/check.gif) no-repeat 0 0;}
    .fasttrack .u2 p,.fasttrack .u3 p{margin: 0 18px 8px;}
    .fasttrack .btn ul{margin-left: 0;}
    .fasttrack .btn ul li{zoom: 1; padding: 0; background: none;}
    .fasttrack .btn .s1 ul {background: none; border: 0; margin-left: -10px;}
    .fasttrack .btn .s1 ul li a {display: block; border: 0;}
    .js .fasttrack .btn .s1{display: none;}
    .js .fasttrack .btn .s1 ul li a {border-bottom: 1px solid #eee;}
    .js .fasttrack .btn .highlight ul li a {border-bottom: 1px solid #f8d679;}
    #intro.fasttrack .btn .s1 ul li p {padding-right: 10px;}
    .sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}
    li .sIFR-flash { margin: 0 0 -8px;}
    .sIFR-replaced, .sIFR-ignore{ visibility: visible !important;}
    .sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0;  display: block; overflow: hidden;}
    .sIFR-active .fasttrack ul{margin-top: 0;}
    .js .fasttrack p{ font-size: 1.125em; color: #039; }
    .fasttrack .btn p {color: #666; margin: 0;font-size: 1em;}
    .js .fasttrack .btn p{font-size: 0.75em;}
    .sIFR-active .fasttrack .btn ul li{font-size: 1em; padding: 0;}
    .js .fasttrack .btn{ position: absolute; bottom: 0;}
    .sIFR-active .fasttrack h3{font-size: 1.375em; margin-top: -3px;}
    .sIFR-active .fasttrack ul li{font-size: 1.125em;  background-position: 0 1px;}
/**
 * @section        tabs
 * @note        reduced width for .u3 and .u1 within .tabcontent
 * @note        if there's only 1 tab, the class .tabcontainer will be removed
 */
    #tabset_content.u4{width: 48em;}
    .tabcontainer, #tabset_content { margin: 2px 0 28px 0; float: none; clear: both; padding-top: 2px;}
    .special { margin-top: 0 !important; padding-top: 2.5em !important; background: transparent url(/pbc/img/gradient_white.jpg) repeat-x 0 0; }
    .tabcontainer ul.tabs { zoom:1; position: relative; z-index: 400; bottom: -2px; list-style: none;}
    .tabcontainer ul.tabs li { float: left; display: inline; margin-right: 0.188em; background: transparent url(/pbc/img/contenttab_inactive_right.gif) no-repeat right 4px;}
    .tabcontainer ul.tabs li.inactive { background-image: url(/pbc/img/contenttab_inactive_right2.gif);}
    .tabcontainer ul.tabs li h3{font-size: 1em; margin: 0; padding: 0;}
    .tabcontainer ul.tabs li a, .tabcontainer ul.tabs li.active p , .tabcontainer ul.tabs li.inactive p {display: block; padding: 6px 18px 0 18px; font-size: 0.923em; line-height: 1.875; background: transparent url(/pbc/img/contenttab_inactive_left.gif) no-repeat left 4px; color: #039;text-align: center;}
    .tabcontainer ul.tabs li.inactive p {color: #a2b5da; background-image: url(/pbc/img/contenttab_inactive_left2.gif);}
    .tabcontainer ul.tabs li.last{margin-right: 0;}
    .tabcontainer ul.tabs li.active { background: transparent url(/pbc/img/contenttab_active_right.gif) no-repeat top right;}
    .tabcontainer ul.tabs li p{margin: 0;}
    .tabcontainer ul.tabs li.active a, .tabcontainer ul.tabs li.active p{ line-height: 2.25; font-weight: bold; border-bottom:0; padding-top: 4px; padding-bottom: 2px; background: transparent url(/pbc/img/contenttab_active_left.gif) no-repeat top left;}
    .js .tabcontainer .tab { border: 2px solid #bdcfe6; margin: 0 14px 0 0;}
    .js .tab { zoom:1; position: relative; z-index: 300; clear: both; margin: 0 14px; padding: 1.75em 0 1em; background: #fff; border-top: 2px solid #bdcfe6; border-bottom: 2px solid #bdcfe6;}
    .tab .content{padding: 0 14px 0 18px; margin: 0;}
    .tab .u3 .content{border-right: 1px solid #b5c9e3;}
    .js .tab h3{display: none;}
    .tab h3{font-size: 1.25em; margin: 1em 0 1em 18px; color: #039;}
    .u1 .tab h3{font-size: 0.8125em; margin: 0 0 0.4em 0;}
    .tab .u3{width: 35.0625em; margin-right:-1px;}
    .tab .u1{width: 11em;}
    .tabcontent h4{margin-bottom: 0.5em;}
    /*
     * @subsection        d-säulen-box
     */
    .tabcontent .content .teaser{width: 10.25em; float: right; display: inline; padding: 0 0 0 28px; margin: 0;}
    .tabcontent .content .teaser img{display: block; margin-bottom: 14px;}
    .tabcontent .content .teaser ul {margin-left: 0;list-style-type: none; }
    .tabcontent .content .teaser ul li{background: none; padding-bottom: 0; font-size: 1em;}
    .tabcontent .content .teaser p{font-size: 0.75em; margin-bottom: 0.385em; padding-right: 0;}
    .tabcontent .content .teaser .hugecopy{font-size: 1em; color: #039;}
    .tabcontent .content .teaser .footnote{font-size: 0.6875em;}
    .tabcontent .content .teaser .footnote p{font-size: 1em;}
    .tabcontent .content .teaser .btn{margin-top: 14px;}
    .tabcontent .content .teaser .btn ul{margin: 0;}
    .tabcontent .content .teaser .btn ul li{background: none; padding: 0; margin-bottom: 0;}

    .tabcontent .flash-replaced{margin-bottom: 0.385em;}
    .tabcontent .content .teaser ul li.add-text, .textbox li.add-text{background: none; padding: 0; margin: 0;}
    .tabcontent .content .teaser ul li.add-text p, .textbox li.add-text p{margin-bottom: 0.25em;}


    /*
     * @subsection        content blocks within tabcontent
     * @note            textimgblock, textblock
     */
    .textimgblock {zoom: 1;}
    .textimgblock .image {width: 30%; padding-left: 3%; float: right; clear:right; display: inline;}
    .textimgblock .image {margin: 0 0 24px 0;}
    .textimgblock .image h5 {font-size: 0.8125em; margin: 2px 0 12px 0; color: #333;}
    .textbox img{display: block; margin-bottom: 14px;}
    /*
     * @subsection        right content block within tabcontent e.g. with contact information
     * @note            #duplicateme will be duplicated inside of .cnt-duplicated
     */
    #duplicateme, .cnt-duplicated, .cnt-noduplication{position: relative; padding: 0 0 14px 14px; margin: 0 0 14px 0; border-left: 1px solid #b5c9e3;}
    #duplicateme .textbox h4, .cnt-duplicated .textbox h4, .cnt-noduplication .textbox h4,
    #duplicateme .textbox .lnk a, .cnt-duplicated .textbox .lnk a, .tabcontent .content .teaser a, .cnt-noduplication .textbox .lnk a,
    #duplicateme .textbox p, .cnt-duplicated .textbox p, .cnt-noduplication textbox p{font-size: 0.8125em; margin-bottom: 0.385em;}
    #duplicateme .textbox, .cnt-duplicated .textbox, .cnt-noduplication .textbox{margin: 0; padding-bottom: 0;}
    #duplicateme .textbox h4, .cnt-duplicated .textbox h4, .cnt-noduplication .textbox h4{margin-bottom: 0.385em;}
    #duplicateme .textbox ul , .cnt-duplicated .textbox ul, .tabcontent .content .teaser ul, .cnt-noduplication .textbox ul {margin: -3px 0 16px;}
    #duplicateme .textbox ul.add-list , .cnt-duplicated .textbox ul.add-list, .tabcontent .content .teaser ul.add-list, .cnt-noduplication .textbox ul.add-list {margin-top: -16px;}
    #duplicateme .textbox li , .cnt-duplicated .textbox li, .tabcontent .content .teaser li, .cnt-noduplication .textbox li {padding-top: 3px;}
    #duplicateme .textbox .hugecopy, .cnt-duplicated .textbox .hugecopy, .cnt-noduplication .textbox .hugecopy{font-size: 1.23em; color: #039;}
    #duplicateme .textbox p.hugecopy, .cnt-duplicated .textbox p.hugecopy, .cnt-noduplication .textbox p.hugecopy{font-size: 1em;}
    #duplicateme .subnavigation, .cnt-duplicated .subnavigation, .cnt-noduplication .subnavigation{padding-bottom: 0px;}
    #duplicateme .subnavigation ul, .cnt-duplicated .subnavigation ul, .cnt-noduplication .subnavigation ul {margin-bottom: 0px;}
    #duplicateme .textbox p.footnote,.cnt-duplicated .textbox p.footnote, .cnt-noduplication .textbox p.footnote{font-size: 0.6875em;}

    .textbox h4 img{display: inline; margin-bottom: 0; vertical-align: middle; margin-right: 6px;}
    #duplicateme .textbox h4.cb, .cnt-duplicated .textbox h4.cb, .cnt-noduplication .textbox h4.cb{margin-bottom: 0.625em;}

    /**
     * @subsection    small tabs
     */
    .u1 .tabcontainer { width: 11.125em; margin-bottom: 27px; padding-top: 1px;}
    .u1 .tabcontainer p{ margin-bottom: 0.625em;}
    .u1 .tabcontainer .hugecopy{ font-size: 1em; color: #039;}
    .u1 .tabcontainer p .hugecopy{ font-size: 1em;}
    .u1 .tabcontainer .footnote{font-size: 0.6875em; line-height: 1.3;}
    .u1 .tabcontainer ul li {font-size: 1em; width: 3.5em;}
    .u1 .tabcontainer ul li a {font-size: 0.75em; padding-left: 0; padding-right: 0; padding-bottom: 4px;}
    .u1 .tabcontainer ul.tabs li{ background: transparent url(/pbc/img/contenttab_inactive_right.gif) no-repeat right 0;}
    .u1 .tabcontainer ul.tabs li a { background: transparent url(/pbc/img/contenttab_inactive_left.gif) no-repeat left 0; padding-top: 2px; padding-bottom: 1px;}
    .u1 .tabcontainer ul.tabs li.active{ background-image: url(/pbc/img/contactbox_tab_active_right.gif);}
    .u1 .tabcontainer ul.tabs li.active a { background-image: url(/pbc/img/contactbox_tab_active_left.gif); padding-top: 0; padding-bottom: 2px;}
    .u1 .tab .content{border:0; margin: 0 0 10px 0; padding: 0.666em 0 0.666em 0; border-bottom: 1px dotted #666;}
    .home .u1 .tab .content ul li a, .home .u1 .tab .content .lnk a{margin-bottom: 4px; font-size: 0.75em; background: url(/pbc/img/lnk_orange.gif) no-repeat 0 0.286em;}
    .u1 .teaser ul li{font-size: 1em;}
    .js .u1 .tabcontainer .tab {min-height: 11em; height: auto!important; height: 11em; margin-right: 0; padding: 0; border-color: #d1dded;}
    .js .u1 .tab .content{padding: 0.5625em 0.5625em 0 0.75em; margin:0; border: 0;}
    .u1 .tab .content form input.ort, .u1 .tab .content form input.plz{border: 1px solid rgb(127, 157, 185); font-size: 0.825em; padding: 1px 0 1px 2px; color: #666;}
    .u1 .tab .content form input.ort{width: 6.5em; margin-left: 0.375em;}
    .u1 .tab .content form input.plz{width: 3.4em;}
    .u1 .tab .content form label{font-size: 0.825em;}
    .u1 .tab .content form .section{font-size: 0.825em; margin: 0.825em 0 0.5em; width:auto !important;}
    .u1 .tab .content form input.submit{ display: block; font-size: 0.825em; color: #039; background: #fff url(/pbc/img/lnk_orange.gif) no-repeat 0 0.3em; line-height: 1.2; zoom:1; border: 0; margin: 0.825em 0; text-align: left; padding-left: 10px;}
    .u1 .tab .content form input.submit:hover, .u1 .tab .content form input.over{text-decoration: underline; cursor: pointer;}
    .home .u1 .tabcontainer { margin-top: 27px; margin-bottom: 0;}
    .home .teasercontainer .u1 .tabcontainer { margin-bottom:3px; margin-top:49px; }
    .home .u1 .teaser ul li a{font-size: 0.75em; background: url(/pbc/img/lnk_orange.gif) no-repeat 0 0.3em;}
    .home .u1 .tab .content ul li a{margin-bottom: 0; line-height: 1.3;}
    .home .u1 .tabcontainer p, #tabset_contact .tab .content h4, .home .u1 .tab .content form input.submit, .home .u1 .tab .content form input.ort, .home .u1 .tab .content form input.plz, .home .u1 .tab .content form .section{font-size: 0.75em;}
    .home .u1 .tabcontainer h4 {margin-bottom: 0.625em; color: #333;}
    .home .u1 .tabcontainer p.hugecopy{ font-size: 1em;}
    .home .u1 .tab .content form input.submit{margin: 1.7125em 0 0; background-position: 0 0.3em;}

    .u1 #tabset_contact.tabcontainer .footnote{margin-bottom: 0.75em; font-size: 0.6875em;}
    .u1 #tabset_contact .tab .content ul{margin: 0;}
    .u1 #tabset_contact .tab .content ul li{padding: 0; background: none; width: auto;}
    .u1 #tabset_contact .tab .content ul li a{padding-left: 10px;}
    .u1 #tabset_contact .tab .content h4 {font-size: 0.8125em; margin-bottom: 0.625em; color: #333;}
    .u1 #tabset_contact.tabcontainer ul{width: 11.25em; overflow: hidden;}
    .u1 #tabset_contact.tabcontainer .content ul{width: auto;}
    .u1 #tabset_contact.tabcontainer ul li.active {width: 3.625em;}
    .u1 #tabset_contact.tabcontainer ul li {width: 3.5625em;}
    .u1 #tabset_contact.tabcontainer ul li.tab3 {margin: 0;}
    /**
     * @subsection    small tabs DAX
     */
    .u1 #tabset_dax.tabcontainer ul li {width: auto; text-align: center; margin-right: 0.1875em;}
    .u1 #tabset_dax.tabcontainer ul li.last {margin-right: 0;}
    .u1 #tabset_dax.tabcontainer ul li.active{width: 5.875em;}
    .u1 #tabset_dax.tabcontainer ul li{width: 5.0625em;}
    .u1 #tabset_dax.tabcontainer ul li a {padding-left: 0; padding-right: 0;}
    .u1 #tabset_dax.tabcontainer .content{padding: 2px 3px 0 !important;}
    .u1 #tabset_dax.tabcontainer .content img{width: 9.375em; height: 7.125em; margin-left: 8px; margin-bottom: 15px;}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li{}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li.tab1{width: 2.375em;}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li.tab2{width: 3em;}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li.tab3{width: 2.375em;}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li.tab4{width: 2.8125em; margin: 0;}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li a{ font-size: 0.6875em; line-height: 2.3; padding: 1px 0 0;}
    #peb .u1 #tabset_dax.tabcontainer ul.tabs li.active a{line-height: 2.3em; padding-top: 1px; padding-bottom: 3px;}

    #pb .u1 #tabset_dax.tabcontainer ul.tabs li{}
    #pb .u1 #tabset_dax.tabcontainer ul.tabs li.tab1{width: 2.375em;}
    #pb .u1 #tabset_dax.tabcontainer ul.tabs li.tab2{width: 3em;}
    #pb .u1 #tabset_dax.tabcontainer ul.tabs li.tab3{width: 2.375em;}
    #pb .u1 #tabset_dax.tabcontainer ul.tabs li.tab4{width: 2.8125em; margin: 0;}
    #pb .u1 #tabset_dax.tabcontainer ul.tabs li a{ font-size: 0.6875em; line-height: 2.3; padding: 1px 0 0;}
    #pb .u1 #tabset_dax.tabcontainer ul.tabs li.active a{line-height: 2.3em; padding-top: 1px; padding-bottom: 3px;}

    #bb .u1 #tabset_dax.tabcontainer ul li a, #pb .u1 #tabset_dax.tabcontainer ul li a  { font-size: 0.75em;}
    .u1 #tabset_dax.tabcontainer .lnk{margin: 4px 10px 0; padding-top: 4px; border-top: 1px dotted #999;}

/**
 * @section     simple textboxes
 */
    .u1 .content{font-size: 1em; color: #666;}
    .textbox {margin: 10px 14px 10px 0; padding-bottom: 24px;}
    .textbox h4{margin-bottom: 0.385em;}
    .textbox h3 {position: relative; font-size: 0.75em; margin: 0;}
    .textbox h3 span {font-size: 1em; font-weight: bold; color: #039; display: block; padding: 6px 10px;}
    .textbox ul{list-style-type: none; margin-left: 10px;}
    .textbox li, .tabcontent .content .teaser ul li, #pb .tabcontent .content .teaser ul li {position: relative; margin-bottom: 3px; padding-left: 10px; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 0 0.45em; /*line-height: 1.2;*/}
    .tabcontent .content .teaser ul li{background-position: 0 0.35em;}
    .textbox li a, .tabcontent .content .teaser ul li a {color: #039; background: none; padding-left: 0;}
/**
 * @section     service pages
 */
    #service #leftNavi{border-top: 0;}
    /**
     * @subsection    service homepage
     * @note        == allocation page
     */
    #service .teasercontainercol3 {list-style-type: none; padding-top: 2.5em;}
    #service .teasercontainercol3 li.u1{font-size: 1em; width: 11em;}
    .js #service .teasercontainercol3 li.u1{font-size: 1em; width: 12em; background: url(/pbc/img/spacer_without_gradient.jpg) no-repeat top right;}
    .js #service .teasercontainercol3 li.row1, .js #service .teasercontainercol3 li.row2{border-bottom: 14px solid #ebf1f6;}
    .js #service .teasercontainercol3 li.row1{background: url(/pbc/img/spacer_with_gradient.jpg) no-repeat right -0.875em;}
    .js #service .teasercontainercol3 li.lastcol{background: none; width: 11.125em;}
    #service .teasercontainercol3 h3{ font-size: 0.875em; color: #039; margin-bottom: 6px;}
    #service .teasercontainercol3 li .textbox{ margin: 14px 0 28px 0; padding: 0 16px 0 20px;}
    #service .teasercontainercol3 li.row1 .textbox{margin-top: 2px;}
    #service .teasercontainercol3 li .textbox ul {margin: 0;}
    #service .teasercontainercol3 li .textbox ul li{font-size: 0.75em;line-height: 1.25; background-position: left 0.25em;}
    .content .contentcol2{position: relative; z-index: 499; width: 50%; float: left; display: inline;}
    .content .contentcol2 p{margin-bottom: 12px;}
    .content .contentcol2 ul li{background-image: none; padding: 0.25em 0; line-height: 1;}
    .content .contentcol2 ul li a{background-position: 0 0.2em; font-size: 1em;}
    /**
     * @subsection    tagcloud
     */
    #tagcloud {border: 2px solid #d7dff0; margin: 5px 14px 14px 0; padding: 8px 14px;}
    #tagcloud h4{font-size: 0.875em; margin-bottom: 14px;}
    #tagcloud ul{list-style-type: none; margin: 0 0 14px 0; text-align: center;}
    #tagcloud ul li{display: inline; padding-right: 6px;}
    #tagcloud ul li a{color: #7f98cb; font-weight: bold; white-space: nowrap;}
    #tagcloud ul li a.size1{font-size: 0.75em;}
    #tagcloud ul li a.size2{font-size: 0.90em;}
    #tagcloud ul li a.size3{font-size: 1.05em;}
    #tagcloud ul li a.size4{font-size: 1.20em;}
    #tagcloud ul li a.size5{font-size: 1.25em;}
    /**
     * @subsection    faq
     */
    dl{ margin: -4px 14px 0 14px;}
    dl dt{color: #039; padding: 5px 0 5px 20px;}
    dl dt, dl dd, .u4{zoom: 1;}
    .js dl dt{background: url(/pbc/img/flap_closed.gif) no-repeat 0 0.55em; cursor: pointer;}
    .js dl dt.open{background: url(/pbc/img/flap_open.gif) no-repeat 0 0.55em;}
    .js dl dl dt, .js #service dl dl dt.open{ background-position: 0 0.55em;}

    dl dd{padding-left: 0; margin-left: 20px;}
    dl dl{ margin: 0;}
    dl dl dt{font-size: 0.8125em; padding-left: 20px;}
    dl.faq dl dt{font-weight: normal;}
    dl dl dt span{color: #666; display: block;}
    dl.faq dl{ margin: 0 14px 0 0;}
    dl.faq dl dd {padding-left: 0;}
    dl.faq dd p{color: #666; margin-bottom: 8px;}
    dl.forms dl{ margin: 0 14px 14px 0;}
    dl.forms dl dd .content{ background: #f1f5fa; border-right: 0; margin: 0 0 20px 0; padding: 14px;}
      .faq dd ul {color: #666; }
    /**
     * @subsection    accordion
     */
    dl.accordion{margin:0 0 10px 0;}
    dl.accordion dd{margin:0;}
    dl.accordion dt, dl.accordion dt.open {background:#D1DDED url() no-repeat scroll left top;border-top-color:#FFFFFF;border-top-style:solid;border-top-width:2px !important;color:#003399;cursor:pointer;display:block;font-size:0.75em;font-weight:normal;height:25px;margin:-2px 0 -1px;padding:7px 14px 0;}
    #pb dl.accordion dt, #pb dl.accordion dt.open {background:#D1DDED url() no-repeat scroll left top;border-top-color:#FFFFFF;border-top-style:solid;border-top-width:2px !important;color:#333333;cursor:pointer;display:block;font-size:0.75em;font-weight:normal;height:25px;margin:-2px 0 -1px;padding:7px 14px 0;}
    dl.accordion dt span{background:transparent url(/pbc/img/flap_closed.gif) no-repeat scroll 0 0.2em; padding-left:17px;}
    dl.accordion dt.open span{background:transparent url(/pbc/img/flap_open.gif) no-repeat scroll 0 0.2em; padding-left:17px; font-weight:bold;}
    dl.accordion dd p{margin:5px 14px;}
    /**
     * @subsection    international page
     */
    #service .intcontent {padding: 2.5em 14px 0;}
    #service .intcontent p{color: #666;}
    .intcontent h3{color: #039; font-size: 1em; margin-bottom: 8px;}
    .intcontent h4{color: #333; font-size: 0.8125em; margin-bottom: 0.385em;}
    .intcontent .lnk{font-size: 1em; line-height: 1.25;}
    #countries {float: right;}
    #countries h3{margin-left: 14px;}
    #countries .u1{margin: 0 0 14px 14px; width: 11.125em; background-color: #f1f5fa;}
    #countries .textbox{padding: 0; margin: 0; height: 18em;}
    #countries .textbox ul{padding: 0; margin: 14px 0 0;}
    #countries .textbox ul li{padding-left: 22px; margin: 3px 0; background-position: 10px 0.225em; line-height: 1.3;}
    #countries .textbox ul li.active{ background: #d1dded url(/pbc/img/lnk_blue_big.gif) no-repeat 10px 0.225em;}
    /**
     * @subsection    language selector
     */
     #langselect{position: absolute; top: 18px; right: 14px; z-index: 800; color: #fff; list-style-type: none; font-size: 0.875em;}
     #langselect li{float: left; display: inline; line-height: 1;}
     #langselect li.first{border-right: 1px solid #fff; padding-right: 8px;}
     #langselect li.last{padding-left: 8px;}
     #langselect li a{color: #fff;}
     #langselect li a.active{font-weight: bold;}
/**
 * @section   navigation
 */
    #login{margin-left: 14px;}
    #navwrap ul { list-style-type: none;}
    #navwrap h1{ position: relative; top: 29px; left: 2px; margin-bottom: 0; width: 11.875em; height: 1.875em;}
    #navwrap h1 img{width: 100%; height: 100%;}
    #leftNavi { margin: 24px 0 40px 2px; width: 11.875em; border-top: 1px solid #dde7f2;}
    #service #leftNavi { margin-top: 29px;}
    #leftNavi li {line-height: 1.1;}
    * html #leftNavi li{zoom:1; display: inline; width: 100%;}
    *+html #leftNavi li{zoom:1; display: inline; width: 100%;}
    #leftNavi li.active{ color: #fff;}
    #navwrap #about h1{font-size: 0.8125em; line-height: 1.1; padding: 0; margin: 0; width: 14.61538em; height: auto;}
    #leftNavi li a, #about h1 a  {padding: 8px 14px 8px 30px; display: block; color: #039; font-size: 0.923em; font-weight: bold; background: url(/pbc/img/nav_icon_inactive_blue.gif) no-repeat 12px 0.75em; border-bottom: 1px solid #dde7f2; zoom:1;}
    #leftNavi li.parent a, #about h1 a {background: #dde7f2 url(/pbc/img/nav_icon_active_children_blue.gif) no-repeat 12px 0.75em; border-bottom: 1px solid #b5c9e3;}
    #leftNavi li.parent a.active, #about h1 a.active, #leftNavi li a.active {background: #dde7f2 url(/pbc/img/nav_icon_active_children_orange.gif) no-repeat 12px 0.75em; border-bottom: 1px solid #b5c9e3;}
    #leftNavi li a.active {background-image: url(/pbc/img/nav_icon_active_nochildren_orange.gif);}
    /* Level 2*/
    #leftNavi li.active ul { margin: 0; }
    #leftNavi li.active ul li {background: #f1f5fa; margin: 0; font-size: 1em;}
    #about ul li {background: #f1f5fa;}
    #leftNavi li.active ul li.active {}
    #leftNavi li.parent ul li a, #about ul li a {padding-left: 47px; display: block; font-weight: normal; background: url(/pbc/img/nav_icon_inactive_blue.gif) no-repeat 30px 0.75em; border-bottom: 1px solid #dde7f2;}
    #leftNavi li.parent ul li a.active, #about ul li a.active, #about ul li.parent a.active {background: url(/pbc/img/nav_icon_active_nochildren_orange.gif) no-repeat 30px 0.75em; font-weight: bold; border-bottom: 1px solid #dde7f2;}
    /* Level 3 - the following line is important for SmartEdit Mode only: */
    #leftNavi li.active ul ul li a {padding-left: 64px;background: url(/pbc/img/nav_icon_active_nochildren_orange.gif) no-repeat 48px 0.75em; font-weight: normal; font-size: 0.923em;}
    #quickaccess a{ display: block; font-size: 1.077em; color: #039; font-weight: bold; padding: 8px 0 8px 44px; margin-bottom: 10px; zoom:1;}
    #quickaccess li{display: inline; width: 100%; zoom:1;}
    #quickaccess li#lnk-service a{background: url(/pbc/img/nav_icon_service.gif) no-repeat 14px 0.333em;}
    #quickaccess li#lnk-navigator a{background: url(/pbc/img/nav_icon_navigator.gif) no-repeat 14px 0.333em;}
    .smallform{ width: 10.625em; margin: 21px 0 0 14px; border: 1px solid #b5c9e3;}
    .smallform .textinput{float: right; display: inline; margin: 0; border: 0px; width: 11em; padding: 4px 4px 4px 0; color: #666;}
    .smallform .sendit{ float: left; display: inline; font-size: 0.75em; width: 2.1666em; height: 2em; padding: 0;}
    /* navigation construct has an unwanted list-output. this levels the font size. */
    #leftNavi li li { font-size: 1em !important; }
/**
 * @section horizontal navigation
 */
    #list_main1{ float: left; margin: 47px 0 0 0; position: relative; z-index: 900;}
    #list_main1 li { font-size: 0.875em; float: left; display: inline; width: 11.571em; list-style-type: none; margin-right: 3px; background: url(/pbc/img/tab_hornav_inactive_right.gif) no-repeat top right;border-bottom: 1px solid #d1dded;}
    #list_main1 a { display: block; width: 10.714em; margin: 0 5px 0 0; padding: 2px 0 0 5px; text-align: center; line-height: 2; color: #039; font-size: 1em; font-weight: bold; background: url(/pbc/img/tab_hornav_inactive_left.gif) no-repeat top left;}
    #list_main1 li.actual, #study #list_main1 li.first{background: url(/pbc/img/tab_hornav_active_right.gif) no-repeat top right !important; border-bottom: 1px solid #174083;}
    #list_main1 li.actual a, #study #list_main1 li.first a { color: #fff; background: url(/pbc/img/tab_hornav_active_left.gif) no-repeat top left !important;}
/**
 * @section     Header
 *
 * @note        wt = with teaser
 * @note        wot = without teaser
 *
 * @note        headers on allocation and product pages => u4
 * @note         headers on homepage => u5
 */
    #header-wot { position: relative; height: 11.25em; text-align: right; z-index: 100;}
    #header-wt { position: relative; min-height: 16.25em; height: auto;  text-align: right; z-index: 100;}
    * html #header-wt{height: 16.25em;}
    .js #header-wt, .home #header-wt{height: 16.25em; }
    #header-wot img, #header-wt img.headvisual{position: relative; width: 48em; z-index: 300; zoom:1;}
    .service404 #header-wot img{width: auto;}
    .service404 #header-wot #logo img{width: 100%;}
    .home #header-wot img.headvisual, .home #header-wt img.headvisual {width: 60.875em; height: 11.25em;}
    .home #header-wt img.headvisual{ height: 16.25em;}
    #header-wt .headteaser{position: relative; z-index: 305;}
    .home #header-wt .headteaser{left: 28px; top: 7.375em; text-align: left;}
    .home #header-wt .headteaser h3, .home #header-wt .headteaser h4, .home #header-wt .headteaser .info{ display: none;}
    .allocation #header-wt .headteaser{float: right; display: inline; width: 22.25em; right: 14px; margin-top: 7.25em; text-align: left;}
    #header-wt .headteaser h3{font-size: 1em; color: #039; margin-bottom: 0.5em;}
    #header-wt .headteaser p{color: #333;}
    #header-wt .headteaser .btn{position: relative;}
    #header-wt .headteaser .info{position: relative; float: right; display: inline; margin: 0.425em 0 0 0;}
    .js #header-wt .headteaser .info{margin-right: 3.875em;}
    #header-wt img.headvisual { position: absolute; top: 0; right: 0;}
    #header-wt img.headvisual, #header-wot img { position: absolute; top: 0; right: 0;}
    #service #header-wot { height: 9.375em; text-align: left;}
    #service #header-wot img{ position: absolute; top: 0; right: 0;}
    #service #header-wot h1{position: absolute; z-index: 400; font-size: 1.375em; left: 34px; top: 2em; font-weight: bold; color: #039;}
    #service #header-wot h2{position: absolute; z-index: 400; font-size: 1.375em; left: 34px; top: 3.175em; font-weight: normal; color: #039;}
    #logo { position: absolute; z-index: 303; top: 0; right: 0; width: 24em; height: 6.25em;}
    #logo img, .home #logo img{display: block; margin: 0; width: 100%; height: 100%; zoom:1;}
/**
 * @section        metanav
 */
    #list_meta1 { list-style-type: none;  margin: 8px 0 0 10px; zoom:1;}
    #list_meta1 li { float: left; display: inline; padding: 2px 0;}
    #list_meta1 li a {font-size: 0.846em; color: #039; margin: 0;display: block; line-height: 1; border-right: 1px solid #039; padding: 0px 5px;}
    #list_meta1 li.last a { border: 0; color: red;}
    #list_meta1 li a.active{text-decoration: underline;}
/**
 * @section footer
 */
    #footer, #footer p {float: none; clear:both;}
    #footer p {color: #666; font-size: 0.6875em; padding: 8px 14px 0;}
    #footericons{display: none;}
    .js #footericons {float: left; display: inline; margin-left: 14px;}
    #footertools {float: right; display: inline; margin-right: 11px;}
    #footericons li, #footertools li{float: left; display: inline;}
    #font_m img {width: 2.23078em; height: 2.15385em;}
    #font_l img {width: 2.0769em; height: 2.15385em;}
    #font_xl img {width: 2.23078em; height: 2.15385em;}
    #footertools{font-size: 0.923em;}
    #footertools li a{ display: block; width: 14em; margin-right: 3px; color: #039; text-align: center; background: url(/pbc/img/tab_right.gif) no-repeat bottom right;}
    #footertools li a span{ display: block; padding: 0 4px 2px; line-height: 2; color: #039; text-align: center; background: url(/pbc/img/tab_left.gif) no-repeat bottom left; cursor: pointer;}
    #list_footer1 { zoom: 1; float: none; clear: both; list-style-type: none; padding-top: 35px; margin-left: 9px;}
    #list_footer1 li { float: left; display: inline; padding: 2px 0;}
    #list_footer1 li a {font-size: 0.846em; color: #039; margin: 0; display: block; line-height: 1; border-right: 1px solid #039; padding: 0 5px; }
    #list_footer1 li.last a{ border: 0;}
    #list_footer1 li a:hover { color: #039; text-decoration: underline;}
/**
 * @section     tables
 * @note        different styles and different types of tables
 */
     table p { margin-bottom: 0 !important; display: inline; zoom: 1;}
     td li, td p { font-size: 1em; }
     td sup{ font-size: 0.8em;}
     td ul { margin-left: 0 !important;  }
     td li {display: block; background: url(/pbc/img/li_blue.gif) no-repeat center left; list-style-type: none; padding-left: 14px; margin-left: 0;}
     h5 span.tablehead { color: #039; font-weight: bold;}
     h4 span.tablehead { margin-left: 34px; font-weight: bold;}
     table { width: 100%; border: none; color: #666; margin-bottom: 20px; empty-cells:hide;}
    * html table { width: 94%;}
     table th, table td { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
     table.halfsize th, table.halfsize td { vertical-align: top; padding-top: 6px; padding-bottom: 6px; }
     table th{color: #333;}
      /* only for safari, chrome and opera */
     tbody tr:nth-child(odd) { background-color: #f1f5fa; }
     tbody tr:nth-child(even)  { background-color: #fff; }
     /* If placed into the same line as the CSS3-selectors, Firefox 3 won't show an effect! */
     tr.odd { background-color: #f1f5fa; }
     tr.even { background-color: #fff; }
     table .one { color: #333; padding: 12px 4px 12px 18px; }
     table .one b, table .one strong { font-weight: bold; }
     .two, .three, .four, .five { padding: 12px 4px 12px 14px; border-left: 1px solid #b5c9e3; }
     table.fourcols .two, table.fourcols .three, table.fourcols .four { width: 18.08%;  }  /* 136px */
    .col2marked th.two, .col2marked td.two { color: #039; }
    .tabcontent dd table { width: 44.75em; margin-left: -0.875em; }
    .tabcontent dl.forms dd table { margin-left: 0}
    /**
     * @subsection     special table for downloads
    */
    table.download .one strong, table.download .one b { display: block; }
    table.download .two { width: 46.54%; } /* 350px */
    table.download .two ul { margin-left: 14px; margin-bottom: 10px; list-style-type: square; }
    table.download .three { width: 18.08%; padding-left: 14px; }  /* 136px */
    table.download .three li { padding-left: 0; }
    /**
     * @subsection      special marked links inside tables
     */
    table .more a { background: url(/pbc/img/lnk_orange.gif) no-repeat center left; padding-left: 14px; color: #039; text-decoration: none; line-height: 1.2;}
    table .more a.banz { background-position: 0 4px; display: block;}
    table .more a:hover { text-decoration: underline; }
    table .more span { display: block; font-size: 0.75em; padding-left: 14px; }
    table li.more { list-style-type: none; background: none !important; }
    table .more { margin-bottom: 0; }
    /**
     * @subsection      three column table
     */
    table.threecols .two{width: 18%;}
    table.threecols .three{width: 25%;}
    /**
     * @subsection      pdf-downloads
     * @note            three columns for presenting pdf-downloads
     */
    table.pdf th.one { font-weight: bold;  }
    table.pdf .two, table.pdf .three { width: 26%; padding-left: 14px; }
    /*table.pdf .more  { background: url(../images/pdf_white.gif) no-repeat center right; margin-right: 14px; }*/
    /*table.pdf .odd .more  { background: url(../images/pdf_grey.gif) no-repeat center right; margin-right: 14px; }*/
    /**
    * @subsection        product specifications
    * @note            five columns for presenting account-information
    */
    /*table.specifications .one{width: 36%;}*/
    table.specifications th.one{font-weight: bold;}
    table.specifications .check{text-align: center; vertical-align: middle;}
    table.specifications td sup{font-size: 0.8em; line-height: 0;}
    /**
    * @subsection        special contentelement .tablecontent
    * @note                for displaying information before or after the tables on info pages
    */
    .tablecontent {padding-right: 14px;}
    .tablecontent table{margin-bottom: 28px;}
    .tablecontent .textblock{padding: 0 0 0 20px;}
    .tablecontent .textblock h3{font-size: 1em; color: #039;}
    .tablecontent .textblock .footnote{margin-top: 28px;}
/**
 * @section PB color adjustments
 */
    #pb #innerwrap, .premium #innerwrap    {border-color: #d1d1d1;}
    #pb.product #intro, #pb.allocation #intro{background: none;}
    #pb #content h2, .premium #content h2{background: #b2b2b2 url(/pbc/img/headline_grey.gif) repeat-x bottom left;}
    #pb.allocation #mpa{background-image: url(/pbc/img/gradient_white_grey.jpg);}
    #pb .teaser h3, #pb h4, #pb .teasercontainer h3.teaserhead, #pb .textbox h4, #pb .teasercontainer #intro p, #pb.info #intro .textblock p,
    #pb.home #intro .teaser p, #pb.allocation .teasercontainer .intro p, #pb.allocation .teasercontainer .teaser p, #pb .tabcontainer ul.tabs li a, #pb .tabcontent h4, #pb.info #intro .teaser h3 {color: #333;}
    #pb.home .teaser p, #pb.allocation .teasercontainer .teaser .flatlist p, #pb .teaser .flatlist h4,
    #pb #quickaccess li#lnk-service a, #pb #quickaccess li#lnk-navigator a{ color: #666;}
    #pb .hugecopy{ color: #666 !important;}
    #pb.allocation .teasercontainer .teaser {padding-bottom: 18px;}
    #pb.allocation .teasercontainer .teaser p{ float: none; width: auto;}
    #pb.allocation .teasercontainer, #pb.allocation .teasercontainer, #pb.allocation .teasercontainercol2, #pb.allocation .teasercontainercol3, #pb.product #intro.fasttrack { background: #f0f0f1 url(/pbc/img/gradient_content_blue.jpg) repeat-x 0 0; }
    #pb.info #intro{ background: #fff url(/pbc/img/gradient_white_grey.jpg) repeat-x; margin-bottom: 0;}
    #service.info .intcontent{ background: #fff url(/pbc/img/gradient_white.jpg) repeat-x;}
    #pb #leftNavi{border-color: #e2e2e2;}
    #pb #leftNavi li a {background-image: url(/pbc/img/nav_icon_inactive_grey.gif); border-color: #e2e2e2;}
    #pb #leftNavi li.parent a {background-image: url(/pbc/img/nav_icon_active_children_blue.gif); background-color: #e2e2e2; border-color: #e2e2e2;}
    #pb #leftNavi li.parent a.active {background-image: url(/pbc/img/nav_icon_active_children_orange.gif); border-color: #e2e2e2;}
    /* Level 2*/
    #pb #leftNavi li.parent ul li a {background-image: url(/pbc/img/nav_icon_inactive_grey.gif); background-color: #f6f6f6;}
    #pb #leftNavi li.parent ul li a.active {background-image: url(/pbc/img/nav_icon_active_nochildren_orange.gif); border-color: #e2e2e2;}
    #pb #mpa .teaser.highlight {background-color: #f6f6f6;}
    #pb #quickaccess li#lnk-service a{background-image: url(/pbc/img/nav_icon_service_grey.gif);}
    #pb #quickaccess li#lnk-navigator a{background-image: url(/pbc/img/nav_icon_navigator_grey.gif);}
    #pb .smallform{ border-color: #d1d1d1;}
    #pb #list_main1 li { background-image: url(/pbc/img/tab_hornav_inactive_right_grey.gif);}
    #pb #list_main1 a { background-image: url(/pbc/img/tab_hornav_inactive_left_grey.gif);}
    #pb #footertools li a, .premium #footertools li a{background-image: url(/pbc/img/tab_right_grey.gif);}
    #pb #footertools li a span, .premium #footertools li a span{background-image: url(/pbc/img/tab_left_grey.gif);}
    #pb .tabcontainer ul.tabs li { background-image: url(/pbc/img/contactbox_tab_inactive_right_grey.gif);}
    #pb .tabcontainer ul.tabs li a { background-image: url(/pbc/img/contactbox_tab_inactive_left_grey.gif);}
    #pb .tabcontainer ul.tabs li.active { background-image: url(/pbc/img/contactbox_tab_active_right_grey.gif);}
    #pb .tabcontainer ul.tabs li.active a{ background-image: url(/pbc/img/contactbox_tab_active_left_grey.gif);}
    #pb .tab .content, #pb #duplicateme, #pb .cnt-duplicated, #pb .cnt-noduplication {border-color: #dcdcdc;}
    #pb .content ul li, #pb dd ul li{background: url(/pbc/img/li_grey.gif) no-repeat 0 0.286em;}
    #pb .content ul.lnk-list li{background: none;}
    #pb .fasttrack .content .btn ul li{background-image: none;}
    .js #pb .tabcontainer .tab {border-color: #dcdcdc;}
    #pb .content ul li.lnk {background: none !important;}
/**
 * @section quicknav and lightbox
 */
     #contentbox a:hover{text-decoration: underline; }
    body#lightbox{ background: #fff none; font-size: 16px !important;}
    body#lightbox #outerwrap{padding: 0; height: 100%; width: auto;}
    body#lightbox #content{display: block; width: auto; margin: 0 14px;}
    body#lightbox #content img{display: block; margin: 14px 0;}
    body#lightbox #content p.lnk a:hover { text-decoration: underline; }
    body#lightbox #content .content{border-bottom: 1px solid #B5C9E3; padding: 28px 0; background: url(/pbc/img/gradient_white.jpg) repeat-x 0 0; zoom: 1;}
    body#lightbox #content .content .textbox{padding: 0 14px; margin: 0;}
    body#lightbox #content h2{font-size: 16px; padding: 10px 14px;}
    body#lightbox #content .lnk-print{position: absolute; bottom: -50px; right: 14px; font-size: 12px; padding: 2px 24px 14px 0; color: #039; background: #fff url(/pbc/img/print.gif) top right no-repeat;}

    body.quicknav #content{width: auto !important; display: inline !important;}
    body.quicknav #content h2{height: auto; padding: 0; background: none; color: #039; margin: 0;}

    body#lightbox #content .lnk-print{display: block; position: relative; top: 12px; right: 0; font-size: 12px; padding: 2px 24px 14px 0; text-align: right; color: #039; background: #fff url(/pbc/img/print.gif) top right no-repeat;}
    body.quicknav #content #tabset_content{margin-top: 2px; width: 960px; padding-right:0;}
    .js body.quicknav #content .tab{padding: 12px 0;}

    body.quicknav #content #login {position:absolute;top:3.333em;right:2em;}
    * html body.quicknav #content #login {top:3.2em;}
    body.quicknav #content #login a {font-size:0.6875em;color:#f00;padding-left:1em;background: transparent url() no-repeat 0% 50%;}
    body.quicknav #content #tabset_content ul.quicknavlist {margin-left: 12px; font-size: 12px; height: 430px;}
    body.quicknav #content #tabset_content ul.quicknavlist li {float: left; display: inline; width: 182px; height: 432px; background: #edf2f8 url(/pbc/img/gradient_quicknav_blue.jpg) repeat-x top left; border-right: 2px solid #fff;}
    body.quicknav #content #tabset_content ul.quicknavlist.tworows {margin-top: -2px;}
    body.quicknav #content #tabset_content ul.quicknavlist.tworows li {height: 50%; border-top: 2px solid #fff;}
    body.quicknav #content #tabset_content ul.quicknavlist.tworows li.twocols {width: 366px;}
    body.quicknav #content #tabset_content ul.quicknavlist.tworows li.twocols ul {width: 50%; float: left;}
    body.quicknav #content #tabset_content ul.quicknavlist.tworows li.twocols ul li{border-right: 0; float: none;}
    body.quicknav #content #tabset_content ul.quicknavlist li a {display: block; height: 45px; color: #fff; font-weight: bold; font-size: 12px; padding: 6px 23px; background: transparent url(/pbc/img/lnk_white.gif) no-repeat 12px 10px;}
    body.quicknav #content #tabset_content ul.quicknavlist li ul li, body.quicknav #content #tabset_content ul.quicknavlist.tworows li ul li{font-size: 12px; height: auto; border: 0; background: #edf2f8 none;}
    body.quicknav #content #tabset_content ul.quicknavlist li ul li a{ color: #039; font-size: 12px; font-weight: normal; line-height: 1.2; padding: 4px 8px 4px 22px; background: transparent url(/pbc/img/lnk_orange.gif) no-repeat 12px 8px; height: auto;}

/**
 * @section        Popups
 */
    #pupage a{color: #039;}
    #pupage { text-align: left; font-size: 16px; padding-bottom: 20px; }
    #pupage  #pu-outerwrap {position: relative; z-index: 1; top: 0; left: 0;  margin: 14px 0 0px 14px !important; padding-bottom: 20px; text-align: left;}
    #pupage  #pu-outerwrap.u3 {width: 576px;}
    #header-pu { float: left; width: 100%; position: relative; height: 108px; background: #e5eef6 url(/pbc/img/gradient_popups.gif) repeat-x top left ; }
    #header-pu #pu-logo { position: absolute; top: 0; right: 0; }
    #pupage h1 { margin: 46px 0 0 20px; *margin-top: 45px; font-weight: bold; color: #039; }
    #pupage h2 { margin: 0 0 0 20px; font-weight: normal; color: #039; font-size: 1em; }
    #pupage .textbox h2 { margin: 0 0 16px 0; }
    #pupage h3 { color: #333;}
    #pupage h4 { color: #039;}
    #pupage h3, #pupage h4 { margin: 0 0 16px 0; font-weight: bold; font-size: 0.8125em; }
    #pu-content { position: relative; float: left; display: inline; width: 100%; background-color: #fff; padding-top: 14px; border-bottom: 2px solid #b5c9e3;}
    #pupage .u3 #pu-innercontent { float: left; display:inline; margin: 8px 20px; }
    #pu-footer {float: left; width: 100%; position: relative; height: 20px; margin-top: 4px;}
    #pu-copyright { position: absolute; left: 0; top: 4px; font-size: 11px; line-height: 18px; color: #666; width: 660px;}
    #pupage .u3 #pu-copyright { width: 460px;}
    #pu-print { position: absolute; right: 0; top: 0; font-size: 11px; line-height: 18px; }
    #pu-print img { position: relative; top: 4px; border: none; }
    #pupage .u4 #pu-content .u3 { width: 548px; margin: 8px 20px; }
    #pupage .u4 #pu-content .u4 { width: 721px; margin: 8px 0px; } /* width: 754px; margin: 8px 20px; */
    #pupage #mpa{margin-top: 8px;}
    #pupage #mpa .content h3 { font-size: 13px; color: #039; font-weight: bold; margin-bottom: 14px; }
    #pupage #mpa .content p, #pupage #mpa .content li, #pupage #mpa .content a { font-size: 12px; }
    #pu-disclaimer { position: relative; float: left; display: inline; width: 100%; height: 250px; background-color: #fff; padding-top: 14px; border-bottom: 2px solid #b5c9e3;}
  /**
   * @section     Promopages
   */
    .promo #contentwrap {left: 0; padding-bottom: 18px;}
    .promo #innerwrap {margin-top: 4.875em;}
    .promo #content {margin-left: 0; width: auto;}
    .promo #logo {height: 4.875em; width: 19.0625em; zoom: 1;}
    .promo .promoimg{position: relative; width: 60.875em; height: 28.125em;}
    .promo .promoimg img{width: 100%; height: 100%;}
    .promo .btnset{ width: 11.125em; height: 7.125em; position: absolute; bottom: 0; right: 14px;}
    .promo .btnset .btn{margin-bottom: 20px; position: absolute; top: 0;}
    .promo .btnset #moreinfo,.btnset #lessinfo{position: absolute; top: 3.25em;}
    .promo .tabcontainer, .promo  #tabset_content{margin-left: 14px;}
    .promo .tabcontent .u4{width: 47.125em;}
    .promo .tab .u4 .content{border-right: 1px solid #b5c9e3;}
    .promo #duplicateme, .promo .cnt-duplicated, .promo .cnt-noduplication {margin-left: -1px;}
    #moreinfo, #lessinfo{display: none;}    
    
    .js #moreinfo{display: block;}
    .js #moreinfo-content{display: none;}

  /**
   * @section     Premium Collection
   */
    #premium #contentwrap{left: 0; margin-top: 5.0625em;}
    #premium #innerwrap { padding-bottom: 0;}
    #premium #logo{width: 100%; height: 5.0625em; background-color: #d1dded; text-align: right;}
    #premium #logo a img{width: 18.75em; height: 5.0625em; position: absolute; right: 0;}
    #premium #meta{top: 0.5625em;}
    #premium #header{ position: relative; width: 60.875em; height: 19.375em;}
    #premium #header img{z-index: -1;width: 100%; height: 100%;}
    #premium #header .intro{position: absolute; bottom: 0; right: 0; width: 24em; background: #fff; margin: 0 0.875em 0.875em 0; -moz-opacity: 0.85; filter: alpha(opacity=85);}
    #premium #header .intro .content{padding: 14px;}
    #premium #header .intro .content h3{color: #222; font-size: 1em; margin: 0 0 8px; line-height: 1;}
    #premium #header .intro .content p{color: #222; margin: 0;}
    #premium #navwrap{left: 0.875em; margin-top: 2.5em;}
    #premium #navwrap a{color: #039; display: block; padding: 5px 0 2px 10px; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 0 0.625em;}
    #premium #navwrap li.active{display: none;}
    #premium .navimages{margin: 1.125em 0 0.0625em 0;}
    #premium .navimages img{display: none;}
    #premium #content{display: block; position: relative; margin: 0; zoom:1; width: 100%; background: transparent url(/pbc/img/gradient_white.jpg) repeat-x left 2.625em;}
    .premium #content{background: transparent url(/pbc/img/gradient_white_grey.jpg) repeat-x left 2.625em !important;}
    #premium.home #content .headerarrow{left: 28.625em;}
    #premium.allocation #content .headerarrow{left: 22.125em;}
    #premium.home .teasercontainer{position: relative; float: none; clear: both; margin-bottom: 4em;margin-top:2.5em;}
    #premium.home .imgteaser{position: relative; display: inline; float: left; width: 19.625em; height: 13.375em; margin: 0 0.125em 0.625em 0.4375em; zoom:1;}
    #premium.home .imgteaser .btn{position: relative; top: 10em; left: 7.1875em;}
    #premium.home .imgteaser .teaserimage{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; zoom:1;}
    #premium.home .imgteaser .sticker{position: absolute; top: 0.875em; right: 1.25em;}
    #premium.home .imgteaser .sticker img{width: 5.125em; height: 5.125em;}
    #premium.home .specialteaser{width: 18.75em; float: right; display: inline; margin: 8px 0.875em 40px 0;}
    #premium.home .specialteaser img{width: 100%; height: 100%;}
    #premium.allocation .teasercontainer{float: right; background: none; margin: 0 0 8em 0; padding: 2.5em 14px 0; width: 41.5em;}
    #premium.allocation .teasercontainer .teaser {border-bottom: 1px dotted #666; padding: 0 0 1em 0;}
    #premium.allocation .teasercontainer .teaser h3{color: #333;}
    #premium.allocation .teasercontainer .teaser .image{ float: left; margin: 9px 14px 8px 0;}
    #premium.allocation .teasercontainer .teaser .sticker{position: absolute; top: 0; left: -3.125em}
    #premium.allocation .teasercontainer .teaser .sticker img{width: 5.125em; height: 5.125em;}
    #premium.allocation .teasercontainer .teaser p{ float: left; width: 21em; padding-top: 0.5em;}
    #premium.allocation .teasercontainer .teaser .lnk-box{ float: right; }
    #premium.allocation .teasercontainer .teaser .btn .s1{top: 2em;}
    #premium.allocation .teasercontainer .teaser .btn p{width: auto; padding-right: 0;}
    #premium .btn img {display: block;}
  /**
   * @section     404
   */
    .service404 #contentwrap { background: transparent url(/pbc/img/gradient_white.jpg) repeat-x left 2.625em;}
    .service404 #contentwrap h2{padding-left: 12.6111em;}
    .service404 #contentwrap #navwrap, .service404 #contentwrap #content{margin-top: 2.5em;}
    .service404 #contentwrap .headerarrow{left: 16.625em;}
    .service404 #header-wot{background-color: #edf3f8;}
    .service404 #content .u3 .content{padding: 0 1.25em; padding-bottom: 38px;}
    .service404 #content .u3 .content p{color: #039;}
    .service404 #content .u3 .content ul li {color: #666; background-image: url(/pbc/img/li_grey.gif);}
   /**
   * @section     search
   */
   .search #intro, .search .results, .search .noresults{ background: transparent url(/pbc/img/gradient_white.jpg) repeat-x 0 0; margin: 0; padding: 2.5em 0 0; zoom:1;}
    #searchform {padding-top: 0.385em; width: 35.125em;}
    #searchform label{color: #333; float: left; display: inline; position: relative; width: 12.125em;}
    #searchform .textinput{width: 27.385em; float: right; border: 1px solid rgb(127, 157, 185); font-size: 13px; padding: 2px 0 0 2px; color: #666;  margin-left: 0; }
    #searchform .addressbox div label{width: 10em;}
    #searchform .addressbox div.clearfix{width: 33em;}
    #searchform .sendbtn{width: 33em; text-align: right; margin-top: 0.875em;}
    #searchform div.simulate { float: left; position: relative; width: 34.125em; background-color: #EDF2F8; padding: 0.875em 0 0.875em 1.25em; border-bottom: 1px solid #d8e0f0; z-index: 1;}
    .results #searchform{width: 46em;}
    .results #searchform div.simulate { width: 100%;}
    .results #searchform .addressbox div.clearfix{padding-top: 0.5em; float: left;}
    .results #searchform .sendbtn{float: left; display: inline; width: 12.125em; margin: 0;}
    #tabset_search{margin-top: 26px;}
    #ergebnisse{float: none; clear: both; width: 46.875em; padding: 28px 0; border: 2px solid #b5c9e3; margin-bottom: 28px; }
    #ergebnisse .u3{width: 35.1875em; margin-right: 1px;}
    #ergebnisse.markets .u3{border-right: 1px solid #b5c9e3; margin-right: 0;}
    #ergebnisse .u1{width: 11em;}
    #ergebnisse h3{font-size: 1em; color: #039; padding-left: 18px; padding-bottom: 26px;}
    #ergebnisse a{color: #039;}
    #ergebnisse table{margin-bottom: 0;}
    #ergebnisse table th.five{width: 4.925em;}
    #ergebnisse table td a{display: block; font-size: 1em; color: #039; padding-left: 10px; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 0 0.15em; line-height: 1.2; zoom:1;}
    #ergebnisse .content{background-color: #f1f5fa; margin: 0; padding: 14px 18px 0; border-bottom: 1px solid #fff;}
    #ergebnisse .content ul li p{margin: 0; padding: 0.5em 0 0 10px; color: #333;}
    #ergebnisse .pager{background-color: #f1f5fa; padding: 0.5em 14px; text-align: right; color: #666;}
    #ergebnisse .pager a, #ergebnisse .pager span{font-size: 0.8125em;}
    #ergebnisse .search-description-highlight{background-color: #fff7cf;}
    #ergebnisse.markets #mpa{border-left: 1px solid #b5c9e3; margin-left: -1px;}
    #ergebnisse #mpa .teaser{padding-left: 0.9375em; margin-bottom: 20px;}
    #search div.textblock {margin: 0.875em 14px 0 20px;}
    #search div.textblock h3{font-size: 0.8125em; margin: 0 0 1em 0; padding-top: 8px; color: #039;}
    #search div.textblock h4{font-size: 0.8125em; margin: 0 0 0.38em 0; color: #333;}
  /**
   * @section     kek
   */
    .kek #content h2 {background: transparent none;}
    .kek div.startvisual {position: relative; height: 34em; margin: -2.725em 0 2em 0;}
    .kek div.subvisual {position: relative; height: 28.125em; margin: -2.725em 0 2em 0;}
    .kek div.branch {position: relative; height: 8em; margin-bottom: 0;}
    .kek img.visual{position: absolute; top: 0; left: 0; width: 100%; }
    .kek .startvisual .intro{position: relative; margin: 5em 0 0; z-index: 555; float: left; display: inline; width: 18em; margin-left: 20px;}
    .kek .startvisual .intro p{color: #039; padding: 0;}
    .kek .startvisual .teasercontainer{position: relative; top: 4.75em; float: right; display: inline; background: transparent none; margin: 10px 6px 0; padding: 0 0 ; width: 24.125em; height: 20.4375em;}
    .kek .startvisual .teaser{margin: 14px 22px 13px; padding: 0 0 19px; background: url(/pbc/img/dots_blau.gif) repeat-x bottom left;}
    .kek .startvisual .last{background: none;}
    .kek .startvisual .first{margin-top: 30px;}
    .kek .startvisual .teaser .textblock{width: 11em;}
    .kek .startvisual .teaser h3{font-size: 0.8125em; line-height: 1.225; margin: 0; margin-bottom: 0.3875em;}
    .kek .startvisual .teaser p{margin-bottom: 0;}
    .kek .startvisual .teaser .btn{position: absolute; right: 0; bottom: 18px;}
    .kek .startvisual .dc-logo{position: absolute; right: 14px; bottom: 14px; z-index: 555;}
    .kek .startvisual .dc-logo .lnk{margin-top: 14px; float: right; clear: both; display: inline;}
    .kek .startvisual .dc-logo .lnk a{font-size: 0.875em; background-position: 0 0.3em; display: inline;}
    .kek .startvisual .dc-logo img{float: right; clear: both;}
    .kek .content{position: relative; top: 0;}
    .kek .content h3{ font-size: 1.125em; color: #039; margin-bottom: 0.875em;}
    .kek .content h4{ color: #333; font-size: 0.8125em;}
    .kek .content .logos{margin-top: 14px;}
    .kek .content .logos a{padding-right: 28px;}
    .kek #content .subvisual h2{background: none; position: absolute; height: auto; font-size: 1em; color: #039; top: 12em; padding-left: 20px;}
    .kek .subvisual .intro{position: relative; top: 4.75em; z-index: 555; margin: 0 20px;}
    .kek .subvisual .intro .textblock{float: left; display: inline; width: 32.9375em; margin-right: 1.75em;}
    .kek .subvisual .intro .textblock p{margin-right: 8em; color: #039;}
    .kek .subvisual .teasercontainer{position: absolute; width: 36.125em; top: 11.25em; left: 11.125em; margin: 0; padding: 0; background: transparent none;}
    .kek .subvisual .teasercontainer .teaser{width: 10.25em; padding: 0 0.875em 0 0; margin: 0.875em 0 0 0.875em; height: 15em; border: 0;}
    .kek .subvisual .teasercontainer .teaser h3{font-size: 0.875em; margin: 0.3em 0 0.46em 0;}
    .kek .subvisual .teasercontainer .teaser p{font-size: 0.75em;}
    .kek .subvisual .teasercontainer .teaser .btn{position: absolute; bottom: 0.875em;}
    .kek .subvisual .teasercontainer .teaser .lnk a{font-size: 0.75em; background: url(/pbc/img/lnk_orange.gif) no-repeat 0 0.286em;}
    .kek #content .subvisual .headlinecontainer h5 {color:#003399; margin: 10px 0 0 12px; } /* neu angelegt */
    .kek .subvisual .headlinecontainer .teaser{height: 13.5em;} /* neu angelegt */
    .kek .lnk-list li{font-size: 0.75em; padding-bottom: 0.25em;}
    .kek .lnk-list li a{background: url(/pbc/img/lnk_orange.gif) no-repeat 0 0.286em; }
    .kek .bonusselector h3, .kek .bonuscategories, .kek .textfield{padding: 0 20px;}
    .kek .bonusselector .teasercontainer{position: relative; background: transparent none; top: 0; left: 0; width: auto; margin: 0 14px 0 20px; padding: 0;}
    .kek .bonusselector .teasercontainer .teaser{padding: 0; background: url(/pbc/img/dots_blau.gif) repeat-x bottom left; margin-bottom: 14px;}
    .kek .bonusselector .teasercontainer .image{float: left; margin-left: 0;}
    .kek .bonusselector .teasercontainer .textblock{float: left; display: inline; padding: 0 14px 14px; width: 34em;}
    .kek .content .bonuscategories{position: relative; margin-top: 2.5em;}
    .kek .content .bonuscategories h3{margin-bottom: 1em;}
    .kek .content .bonuscategories ul li{padding-bottom: 0.75em;}
    .kek .content .bonuscategories h4{margin-bottom: 0.385em;}
    .kek .bonus{width: 6em; height: 6em; position: absolute;  top: -0.5em; right: 12em;}
    .kek .bonus img{width: 100%; height: 100%;}
    .branch #sticker15000{right: 12em; top: 1em; *top: 6em !important;}
    .kek .branch .intro{top: 0; margin: 4.75em 20px 0;}
    .kek .branchselector{padding-left: 20px; position: absolute; bottom: 20px;}
    .kek .branchselector .btn{position: relative; width: 16.25em}
    .kek .branchselector .btn ul{padding-top: 0.5em;}
    .kek .branchselector .btn ul li a{border: 0; padding: 0.3em 0 0.3em 2em; background: url(/pbc/img/lnk_orange_big.gif) no-repeat 1.125em 0.5em;}
    .kek .branchselector .btn ul li.last a{padding-bottom: 1em;}
    .kek .contentcontainer{ border: 2px solid #b5c9e3; margin: 0 14px 0 0; padding: 20px 0 20px 18px;}
    .kek .contentcontainer p{color: #333; margin-right: 14px; margin-bottom: 6px;}
    .kek .contentcontainer .contentcol{background: url(/pbc/img/dots_blau.gif) repeat-x bottom left; margin-right: 14px; padding: 14px 14px 14px 0;}
    .kek .contentcontainer .contentcol p{color: #666; margin: 0 0 0.4em;}
    .kek .contentcontainer .contentcol ul{margin-bottom: 0;}
    .kek .contentcontainer .contentcol h4{color: #039; font-size: 0.875em; margin-bottom: 0.3em;}
    .kek .contentcontainer .btn{width: 13.75em; float: none; clear: both; padding-top: 48px;}