@charset 'utf-8';

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

* {
    background-repeat: no-repeat; 
    font-family: inherit;
    font-size: 1em;
    line-height: inherit;
    margin: 0px;
    padding: 0px;
}
html {
    background: #FFFFFF;
    color: #000000;
    direction: ltr;
    font: 400 12px/16px Verdana,Arial,Helvetica,sans-serif;
}
h1 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
}
h2 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
h3 {
    margin-bottom: 5px;
}
em {
    font-style: normal;
}
ul, li {
    display: block;
    list-style: none;
}
input, select, option, textarea {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
a          { text-decoration: none; }
a:hover    { text-decoration: underline; }
a:active   { text-decoration: none; }
a:focus    { outline: none; }
a img, img { border: 0px solid; }
#container { }
.skip *         { display: none; }
.hr, hr, .hr hr { display: none; }
#header {
    background: 0px 0px no-repeat;
    height: 94px;
    margin: 0px 10px;
    padding: 0px 3px;
    position: relative;
    width: 810px;
}
#mainContainer {
    margin: 0px 10px;
    width: 816px;
}
#preMain {
    background: left bottom no-repeat;
    padding: 0px 3px 10px;
    position: relative;
}
#advTop, #adv-aux { 
    background: left bottom repeat-x;
    height: 90px;
    margin: 0px auto;
    padding: 10px 0px 11px;
    text-align: center;
    width: 810px;
}
#advTop table { 
    background: left bottom repeat-x;
    border-collapse: collapse;
    height: 90px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}
#advTop table td {
    vertical-align: middle;
} 
#advSky {
    left: 826px;
    top: 100%;
    margin-top: -10px;
    position: absolute;
    z-index: 1000;
}
#globalFeatures {
    background: left bottom repeat-x;
    height: 26px;
    padding-top: 10px;
}
#main {
    background: 0px 0px repeat-y;
    padding: 0px 3px;
}
#postMain {
    background: 0px 0px repeat-y;
    padding: 0px 3px 10px;
}
#preMain:after,
#main:after,
#postMain:after {
   content:    ".";
   clear:      both;
   height:     0;
   visibility: hidden;
   display:    block;
}
* html #preMain,
* html #main,
* html #postMain { height: 1%;  }
*+html #preMain,
*+html #main,
*+html #postMain { height: 1%;  }
#nav {
    display: inline;
    float: left;
    margin-left: 10px;
    width: 150px;
}
#preContent {
    position: relative;
}
* html #preContent { height: 1%; }
*+html #preContent { height: 1%; }
#contentContainer {
    float: left;
    display: inline;
    margin: 0px 0px 0px 10px;
    width: 640px;
}
#footer {
    background: 0px 0px no-repeat;
    height: 45px;
    margin: 0px 10px;
    padding: 0px 3px;
    width: 810px;
}
#statistics {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.extWidth #header,
.extWidthNoNav #header {
    width: 970px;
}
.extWidth #advTop,
.extWidthNoNav #advTop {
    width: 970px;
}
.extWidth #mainContainer,
.extWidthNoNav #mainContainer {
    width: 976px;
}
* html .extWidth #main,
* html .extWidthNoNav #main { padding-right: 0px; }  
.extWidth #advSky,
.extWidthNoNav #advSky {
    left: 986px;
}
.noNav #nav,
.extWidthNoNav #nav {
    display: none;
}
.extWidth #contentContainer,
.noNav #contentContainer {
    width: 800px;
}
.extWidthNoNav #contentContainer {
    width: 960px;
}
.extWidth #footer,
.extWidthNoNav #footer {
    width: 970px;
}
.note { 
    font-size: 11px;
    color: #666666;
}

#navMain li {
    white-space:      nowrap;
    overflow:         hidden;
}
#navMain {
    display:          inline; 
    float:            left;
    height:           100%;
    padding-bottom:   10px;
    position:         relative;
    width:            150px;
    overflow:         hidden;
    z-index:          10;
}
#navMain ul { 
    list-style:       none; 
    margin:           0px; 
    padding:          0px; 
}
#navMain li { 
    background-repeat: no-repeat; 
    font-size:         11px;
    vertical-align:    bottom; 
    width:             150px;    
}
#navMain a, #navMain em {
    background-repeat: no-repeat;
    color:             #000000;
    display:           block;
    font-size:         11px;
    text-decoration:   none;
}
* html #navMain a, * html #navMain em {
    height: 1%; 
}
*+html #navMain a, *+html #navMain em {
    height: 1%; 
}
#navMain a:hover { text-decoration:underline; }
#navMain .focus a,      
#navMain .focus em,
#navMain .l2 .open a,   
#navMain .l2 .open em,
#navMain .l2 .open h2 a,   
#navMain .l2 .open h2 em     { font-weight: bold; }
#navMain h2 a,
#navMain h2 em,
#navMain .focus * a,    
#navMain .focus * em,
#navMain .l2 .open * a, 
#navMain .l2 .open * em,
#navMain .focus .l2 .open a, 
#navMain .focus .l2 .open em { font-weight: normal; }
#navMain h2               { margin-bottom: 4px; }
#navMain .extra h2        { margin-bottom: 0px; }
#navMain .l2 .l3 .l4      { padding-bottom: 1px; } 
#navMain h2 a, 
#navMain h2 em,
#navMain .l2 .open a,
#navMain .l2 .open em,
#navMain .l2 .open h2 a,
#navMain .l2 .open h2 em { line-height: 23px; padding-left: 5px; }
#navMain .l2 a,
#navMain .l2 em,
#navMain .l2 .open * a,
#navMain .l2 .open * em  { line-height: 23px; padding-left: 15px; }
#navMain .l2 .l3 .l4 a,
#navMain .l2 .l3 .l4 em  { line-height: 19px; padding-bottom: 1px; }
#navMain .l2 .l3 .l5 a, 
#navMain .l2 .l3 .l5 em  { padding-left: 27px; }
#navMain .l2,
#navMain .l3        { border-top: 1px solid #CED4DA; }
#navMain h2 a, 
#navMain h2 em,
#navMain .l2 li,
#navMain .l4        { border-bottom: 1px solid #CED4DA; }
#navMain li * a,
#navMain li * em,
#navMain .l2 li.open,
#navMain .l4 li     { border-bottom: 0px solid; }
#navMain .l2 a,
#navMain .l2 em { 
    background-position: 5px 9px; 
    background-repeat: no-repeat;
}
#navMain .l2 .l3 .l4 .l5 a,
#navMain .l2 .l3 .l4 .l5 em { 
    background-image: url(//img.ui-portal.de/global/img/icons/nav-bullet.gif); 
    background-position: 20px 9px;
}
#navMain .extra span {
    color: #000000;
}
#navMain .new span,
#navMain .l2 .new span,
#navMain .l2 .l3 .new span {
    background: url(//img.ui-portal.de/global/img/icons/marker-new.gif) 100% 0px no-repeat;
    padding-right: 25px;
    padding-top: 1px;
}
#navMain .cue span,
#navMain .l2 .cue span,
#navMain .l2 .l3 .cue span {
    background: url(//img.ui-portal.de/global/img/icons/marker-cue.gif) 100% 0px no-repeat;
    padding-right: 25px;
    padding-top: 1px;
}
#navMain .new li span,
#navMain .cue li span,
#navMain .l2 .new li span,
#navMain .l2 .cue li span,
#navMain .l2 .l3 .new li span,
#navMain .l2 .l3 .cue li span,
#navMain .l2 .l3 .l4 li span,
#navMain .l2 .l3 .l4 li span {
    background: none;
    padding-right: 0px;
    padding-top: 0px;
}

.x2 #formNewsletter fieldset {
    padding: 5px 0px;
}
.x2 #inpNewsletterEmail {
    margin-bottom: 5px;
    width: 128px;  
}
#shoppingcart-box .fieldset { padding-bottom:5px; }
#shoppingcart-box .submit { margin-bottom:5px; }
#shoppingcart-box .iconadd .moduleheader img.icon16 { margin-top: 4px; top:0px; }
*+html #shoppingcart-box table { margin:0px; }

#navChannels {
    float: left;
    overflow: hidden;
    padding-top: 10px;
    width: 150px;
}
.navChannel {
    display: inline; 
    float: left;
    margin-top: 20px;
    width: 100%;
}
:root .navChannel a:hover      { text-decoration: none; }
:root .navChannel a:hover span { text-decoration: underline; }
.navChannel ul {
    margin: 0px;
    padding: 0px;
}
.navChannel h2 {
    border-top: 1px solid #CED4DA;
}
.navChannel h2,
.navChannel li {
    border-bottom: 1px solid #CED4DA;
    line-height: 26px;
    font-size: 11px;
    height: 26px;
    margin: 0px;
    overflow: hidden;    
    vertical-align: bottom;
    white-space: nowrap;    
}
.navChannel h2 a,
.navChannel h2 em,
.navChannel li a,
.navChannel li em {
    display: block;
    line-height: 26px;
}
.navChannel h2 a,
.navChannel h2 em,
.navChannel li span {
    padding-left: 5px;
}
.navChannel li img {
    margin-left: 5px;
    position: relative;
    top: 4px;
}
.navChannel .new span {
    background: url(//img.ui-portal.de/global/img/icons/marker-new.gif) 100% 0px no-repeat;
    padding-right: 25px;
    padding-top: 1px;
}
.navChannel .cue span {
    background: url(//img.ui-portal.de/global/img/icons/marker-cue.gif) 100% 0px no-repeat;
    padding-right: 25px;
    padding-top: 1px;
}

.navLogos {
    background-color: #FFFFFF;
    display: inline; 
    float: left;
    font-size: 1px;
    padding-top: 40px;
    position: relative;
    width: 150px;
    z-index: 10;
}
.navLogos ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.navLogos li {
    float: left;
    width: 100%;
}
.navLogos li img {
    display: block;
    margin: 5px auto;
}


#grid { 
    float: left;
    display: inline;
    width: 100%;
}
* html                #grid { width: 643px; }
* html .noNav         #grid { width: 803px; }
* html .extWidth      #grid { width: 803px; }
* html .extWidthNoNav #grid { width: 963px; }
.grid-x { 
    float: left;
    display: inline;
}
.grid-x12 { width: 960px; }
.grid-x11 { width: 880px; }
.grid-x10 { width: 800px; }
.grid-x9  { width: 720px; }
.grid-x8  { width: 640px; }
.grid-x7  { width: 560px; }
.grid-x6  { width: 480px; }
.grid-x5  { width: 400px; }
.grid-x4  { width: 320px; }
.grid-x3  { width: 240px; }
.grid-x2  { width: 160px; }
.grid-x1  { width:  80px; }
.x12 { width: 950px; }
.x11 { width: 870px; }
.x10 { width: 790px; }
.x9  { width: 710px; }
.x8  { width: 630px; }
.x7  { width: 550px; }
.x6  { width: 470px; }
.x5  { width: 390px; }
.x4  { width: 310px; }
.x3  { width: 230px; }
.x2  { width: 150px; }
.x1  { width:  70px; }
.p12, .p22,
.p13, .p23, .p33,
.p14, .p24, .p34, .p44,
.p15, .p25, .p35, .p45, .p55 {
    display: inline;
    float: left;
    overflow: hidden;
}
.x4 div .contentbox-simple .p12,
.x4 div .contentbox-simple .p22,
.x4 div .contentbox-strong .p12,
.x4 div .contentbox-strong .p22,
.x4 div .teaser-simple     .p12,
.x4 div .teaser-simple     .p22,
.x4 div .teaser-strong     .p12,
.x4 div .teaser-strong     .p22 {
    width: 139px;
}
.x12 div .contentbox-simple .p13,
.x12 div .contentbox-simple .p23,
.x12 div .contentbox-simple .p33,
.x12 div .contentbox-strong .p13,
.x12 div .contentbox-strong .p23,
.x12 div .contentbox-strong .p33,
.x12 div .teaser-simple     .p13,
.x12 div .teaser-simple     .p23,
.x12 div .teaser-simple     .p33,
.x12 div .teaser-strong     .p13,
.x12 div .teaser-strong     .p23,
.x12 div .teaser-strong     .p33 {
    width: 300px;
    margin-right: 2px;
}
.x12 div .contentbox-simple .p33,
.x12 div .contentbox-strong .p33,
.x12 div .teaser-simple     .p33,
.x12 div .teaser-strong     .p33 {
    margin-right: 1px;
}
.x10 div .teaser-basic     .p13,
.x10 div .teaser-basic     .p23,
.x10 div .teaser-basic     .p33,
.x10 div .decorated-basic  .p13,
.x10 div .decorated-basic  .p23,
.x10 div .decorated-basic  .p33 {
    margin-right: 11px;
    width: 256px;
}
.x10 div .teaser-basic     .p14,
.x10 div .teaser-basic     .p24,
.x10 div .teaser-basic     .p34,
.x10 div .teaser-basic     .p44,
.x10 div .decorated-basic  .p14,
.x10 div .decorated-basic  .p24,
.x10 div .decorated-basic  .p34,
.x10 div .decorated-basic  .p44 {
    margin-right: 10px;
    width: 190px;
}
.x10 div .teaser-basic     .p15,
.x10 div .teaser-basic     .p25,
.x10 div .teaser-basic     .p35,
.x10 div .teaser-basic     .p45,
.x10 div .teaser-basic     .p55,
.x10 div .decorated-basic  .p15,
.x10 div .decorated-basic  .p25,
.x10 div .decorated-basic  .p35,
.x10 div .decorated-basic  .p45,
.x10 div .decorated-basic  .p55 {
    margin-right: 10px;
    width: 150px;
}
.x8 div .teaser-basic .p12,
.x8 div .teaser-basic .p22 {
    margin-right: 14px;
    width: 308px;
}
.x8 div .teaser-basic      .p22,
.x10 div .teaser-basic     .p33,
.x10 div .teaser-basic     .p44,
.x10 div .teaser-basic     .p55,
.x10 div .decorated-basic  .p33,
.x10 div .decorated-basic  .p44
.x10 div .decorated-basic  .p55 {
    margin-right: 0px;
}
.standard-col3 li,
.standard-col4 li {
    display: inline;
    float: left;
    margin-bottom: 5px;
    overflow: hidden; 
}
.x10 .standard-col3 li {
    margin-right: 10px;
    width: 253px;
}
.x10 .standard-col4 li {
    margin-right: 10px;
    width: 187px;
}
.related-col3  li,
.related-col4  li {
    display: inline;
    float: left;
    margin-bottom: 5px;
    overflow: hidden; 
}
.x10 .related-col3 li {
    margin-right: 8px;
    width: 243px;
}
.x10 .related-col4 li {
    margin-right: 7px; 
    width: 177px;
}
#breadcrumb {
    float: left;
    font-size: 10px;
    line-height: 12px;
    padding: 1px 0px 10px 0px;    
    width: 100%;
}
#breadcrumb * {
    font-weight: normal;
    margin: 0px;
}
#breadcrumb h3 {
    float: left;
    margin-right: 4px;
}
#breadcrumb li {
    background: url(//img.ui-portal.de/global/img/icons/arrow-breadcrumb.gif) no-repeat 100% 50%;
    padding-right: 12px;
    margin-right: 4px;
    float: left;
    white-space: nowrap;
}
#breadcrumb li.last {
    background: none;
    padding-right: 0px;
}
#breadcrumb a {
    color: #1244CC;
}

form {
    margin: 0px;
    padding: 0px;
}
form .form {
    margin-bottom: 10px;    
}
fieldset { 
    border: 0px solid; 
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.form-note {
    color: #888888;
    font-size: 11px;
    margin: -3px 0px 10px;
}
.form .moduleheader h2 {
    font-weight: 700;
}
.form .modulecontent,
.form .withoutHeader .modulecontent {
    font-size: 11px;
    padding-bottom: 3px;
    padding-top: 7px;
}
.form .withoutHeader .modulecontent {
    padding-top: 8px;
}
.form th, 
.form td {    
    font-weight: 400;
    padding-bottom: 5px;
    padding-right: 10px;   
    vertical-align: top;
}
.form th {
    text-align: right;    
}
.form label {
    line-height: 20px;
}
.form label.label-text {
    line-height: 14px;
}
.form-text,
.form-select,
.form-submit,
.form-radio,
.form-checkbox,
.form-textarea {
    float: left;
    font-size: 11px;
    line-height: 13px;
}
.form-radio,
.form-checkbox {
    height: 14px;
    width: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-radio,
    .form-checkbox {
        height: 14px;
        width: 16px;
    }
}
* html .form-radio,
* html .form-checkbox {
    overflow: hidden;
}
.form-text {
    border: 1px solid #C1C6CC;
    padding: 3px 2px 2px;
}
.form-textarea {
    border: 1px solid #C1C6CC;
    padding: 0px 0px 0px 2px;    
}
.form-select {
    border: 1px solid #C1C6CC;
    height: 20px;
    -moz-box-sizing: border-box;
    line-height: 18px !important; 
    padding: 2px 0px 1px 0px;
}
.form-select, x:-moz-any-link            { height: 18px; }
.form-select, x:-moz-any-link, x:default { height: 20px; }
.form-radio {
    margin: 3px 4px 0px 0px;
}
* html .form-radio {
    margin: 5px 4px 0px 0px;
}
.form-radio, x:-moz-any-link, x:default { margin: 4px 4px 0px 0px; }
label.form-radiolabel {
    float: left;
    margin-right: 10px;
}
* html .form-select {
    position: relative;
    top: 1px;
}
fieldset.radioset legend {
    color: #000000;
    float: left;
    padding-bottom: 6px;
}
* html .radioset legend {
   margin-top: -2px;
   margin-left: -7px;
}
*+html .radioset legend {
   margin-top: -2px;
   margin-left: -7px;
}
fieldset.radioset legend label {
    line-height: 16px;
}
fieldset.radioset table {
    margin-left: 20px;
    clear: left;
}
fieldset.radioset legend .form-radio {
    margin: 2px 6px 0px 0px;
}
* html fieldset.radioset legend .form-radio {
    margin: 3px 3px 0px 0px;
}
html:not([lang*=""]) fieldset select option {
    padding-right: 10px;
}
input.error,
select.error,
textarea.error { 
    border: 1px solid #CC0000; 
}
label.error, 
legend.error {
    color: #CC0000;
}
.errorMsg {
    display: none;
}
.error .errorMsg {
    background: url(//img.ui-portal.de/global/img/icons/icon-error-16x16.gif) 0px 2px no-repeat;
    color: #888888;
    clear: both;
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin: 0px 0px 5px;
    padding: 2px 0px 2px 20px;
}

.contentHeader {
    clear: both;
    margin-bottom: 0px;
}
.contentHeader img {
    display: block;
}

.list-basic li {
    background: no-repeat 0px 7px;
    margin-bottom: 5px;
    padding-left: 12px;
}
.list-basic-small li,
.teaser .list-basic li {
    background-position: 0px 5px;
    margin-bottom: 5px;
    padding-left: 9px;
}
.list-basic-small li {
    font-size: 11px;
    line-height: 14px;
}
.list-simple li,
.list-simple-small li {
    padding-left: 18px;
    margin-bottom: 5px;    
}
.list-simple li {
    background: no-repeat 0px 1px;
}
.list-simple-small li,
.teaser .list-simple li {
    background-position: 0px 0px;    
}
.list-simple-small li {
    font-size: 11px;
    line-height: 14px;
}
.list-standard li,
.list-standard-plus li, 
.list-standard-check li {
    background: no-repeat 0px 1px;
    min-height: 16px;
    padding-left: 21px;
    padding-bottom: 1px;
    margin-bottom: 7px;    
}
* html .list-standard li,
* html .list-standard-plus li, 
* html .list-standard-check li {
    height: 16px;
}
.list-standard-small li,
.teaser .list-standard li,
.teaser .list-standard-plus li, 
.teaser .list-standard-check li {
    background-position: 0px 0px;
    padding-bottom: 0px;
}
.list-standard-small li {
    font-size: 11px;
    line-height: 14px;
}
.list-strong li, 
.list-strong-plus li, 
.list-strong-check li {
    background: no-repeat 0px 4px;
    min-height: 32px;
    padding-left: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;    
}
* html .list-strong li, 
* html .list-strong-plus li, 
* html .list-strong-check li {
    height: 32px;
}
.list-strong li.short, 
.list-strong-plus li.short, 
.list-strong-check li.short {
    min-height: 16px;
    padding-bottom: 8px;
    padding-top: 8px; 
}
* html .list-strong li.short, 
* html .list-strong-plus li.short, 
* html .list-strong-check li.short {
    height: 16px;
}
.list-visual li, 
.list-visual-plus li, 
.list-visual-check li {
    background: no-repeat 0px 0px;
    min-height: 32px;
    padding-left: 40px;
    margin-bottom: 10px;
}
* html .list-visual li, 
* html .list-visual-plus li, 
* html .list-visual-check li {
    height: 32px;
}
.list-visual li.short, 
.list-visual-plus li.short, 
.list-visual-check li.short {
    min-height: 16px;
    padding-bottom: 8px;    
    padding-top: 8px;  
}
* html .list-visual li.short, 
* html .list-visual-plus li.short, 
* html .list-visual-check li.short {
    height: 16px;   
}
.list-standard .internalList {
    margin-top: 5px;
}
.list-standard .internalList li { 
    background: none;
    margin-bottom: 5px;
    padding-left: 0px;
}
.list-standard .internalList li.last {
    margin-bottom: 0px;
}
a.related {
    background: url(//img.ui-portal.de/global/img/contentnav/arrow-fwd.gif) no-repeat 0px 5px; 
    padding-left: 10px;
}
ul.related li {
    background: url(//img.ui-portal.de/global/img/contentnav/arrow-fwd.gif) no-repeat 0px 5px; 
    margin-bottom: 5px;
    padding-left: 10px;
    vertical-align: bottom;
}
a.related-small,
ul.related-small li,
ul.related-small li a {
    font-size: 11px;
    line-height: 14px;
}
ul.compact li {
    display: inline;
    margin-right: 20px;
}
ul.compact li.last {
    margin-right: 0px;
}
ul.videotour li, li.videotour {
    background-image: url(//img.ui-portal.de/global/img/icons/icon-videotour-16x16.gif);
}
img.textintro {
    float: left;
    margin-right: 5px;
}

.login-box .moduleheader {
    background-color: #FFFFFF;    
}
.login-box .moduleheader h2 {   
    color: #000000;
    font-weight: 700; 
}
.login-box .modulecontent {
    padding-top: 0px;
}
.login-box .modulecontent .modulepart {
    padding: 0px;
}
.x10 .login-box .modulepart {
    width: 788px;
}
.x8 .login-box .modulepart {
    width: 628px;
}
.x6 .login-box .modulepart {
    width: 468px;
}
.x2 .login-box .modulepart {
    width: 148px;
}
.login-box .modulecontent fieldset {
    background-color: #FFFFFF;
    border-top: 10px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    margin: 0px;
    padding: 0px 7px;
    position: relative;
}
.login-box fieldset,
.login-box .login-username label,
.login-box .login-password label,
.login-box ul li a {
    font-size: 12px;
    line-height: 16px;
}
.login-box .form-text,
.login-box .form-text {
    font-size: 12px;    
    line-height: 14px;
    padding-bottom: 2px;
    padding-top: 1px;
    width: 130px;  
}
.login-box .form-submit {
    display: inline;
    float: right;
    font-size: 11px; 
    width: 44px;    
}
.login-box ul {
    padding: 0px 7px;
}
.x2 .login-box fieldset {
    border-top-width: 5px;
}
.x2 .login-box fieldset,
.x2 .login-box .login-username label,
.x2 .login-box .login-password label,
.x2 .login-box ul li,
.x2 .login-box ul li a {
    font-size: 11px;
    line-height: 14px;
}
.x2 .login-box .form-text,
.x2 .login-box .form-text {
    font-size: 11px;    
    line-height: 13px;
    margin-bottom: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 128px;  
}
.x2 .login-box .form-submit {
    margin-bottom: 20px;
}
.x2 .login-box ul {
    height: 38px;
}
.x2 .login-box ul li {
    margin-top: -20px;
    position: absolute;
    width: 134px;
}
.x2 .login-box ul li.first {
    margin-top: 5px;
}
.x2 .login-box ul li.last {
    margin-top: -42px;
}
.x6 .login-box .login-username,
.x6 .login-box .login-password {
    display: inline;
    float: left; 
    margin-right: 10px;
    width: 195px;
}
.x6 .login-box .form-text,
.x6 .login-box .form-text {
    float: left;
    width: 185px;
}
.x6 .login-box .form-submit {
    margin-top: 15px;
}
.x6 .login-box ul li {
    float: left;
    padding: 4px 0px 5px;
    width: 185px;
}
.x6 .login-box ul li.first {
    width: 205px;
}
.x6 .login-box ul li.last {
    float: right;
    width: auto;
    white-space: nowrap;
}
.x8 .login-box label {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.x8 .login-box .login-username {
    float: left;
    width: 305px;
}
.x8 .login-box .login-password {
    float: left;
    width: 265px;
}
.x8 .login-box .form-text,
.x8 .login-box .form-text {
    float: left;
    width: 175px;
}
.x8 .login-box ul li {
    float: left;
    padding: 4px 0px 5px;
    width: 200px;
}
.x8 .login-box ul li.first {
    width: 305px;
}
.x8 .login-box ul li.last {
    float: right;
    width: auto;
}
.x10 .login-box label {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-top: 2px;    
}
.x10 .login-box .login-username {
    float: left;
    width: 310px;
}
.x10 .login-box .login-password {
    float: left;
    width: 260px;
}
.x10 .login-box .form-text,
.x10 .login-box .form-text {
    float: left;    
    width: 185px;
}
.x10 .login-box .form-submit {
    float: left;
    margin-left: 10px;
}
.x10 .login-box ul li {
    float: right;
    padding: 4px 0px 5px;
    text-align: right;
    width: 200px;
}
.x10 .login-box ul li.first {
    float: left;
    text-align: left;
    width: 310px;    
}
.x10 .login-box ul li.last {
    right: 8px;
    margin-top: -28px;    
    position: absolute;    
    width: 100px;    
}

#preContent #logout {
    display: block;    
    margin-right: 10px;
}
#logout a {    
    background:url(//img.ui-portal.de/global/img/icons/icon-logout-16x16.gif) no-repeat top left;
    color: #000000;
    float: right;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 0px 0px 10px 20px;
}

.unit { 
    float: left;
    display: inline;
    margin-right: 10px;
    padding-bottom: 10px;
}
.unit.right  {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}
#nav .unit {
    margin-right: 0px;
}
.article { 
    float: left;
    display: inline;
    margin-right: 10px;
    padding-bottom: 10px;
}
.article p {
    margin-bottom: 10px;
}
.article .unit p {
    margin-bottom: 5px;
}
p.subline {
    font-size:11px;
}
.moduleheader {
    height: 24px;
    overflow: hidden; 
    position: relative;
}
.modulecontent {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 6px;    
    padding-top: 5px;
    position: relative;
}
.intro .modulecontent {
    padding-bottom: 0px;    
    padding-top: 0px;
}
.modulepart {
    overflow: hidden; 
}
* html .modulepart {
    overflow: visible; 
    overflow/**/: hidden; 
    o\verflow: hidden; 
}
.modulecontent:after,
.modulepart:after {
   content:    ".";
   clear:      both;
   height:     0;
   visibility: hidden;
   display:    block;
}
* html .modulecontent,
* html .modulepart { height: 1%;  }
*+html .modulecontent, 
*+html .modulepart { height: 1%;  }
.modulecontent p {
    margin-bottom: 5px;
}
.modulecontent ul {
    overflow: hidden;
}
* html .modulecontent ul {
    height: 1%;
    overflow: visible;
}
.picintro img { display: block; margin-bottom: 5px; }
.picadd   img { float: right; margin: 0px 0px 5px 10px; }
.picmain  img { float: left;  margin: 0px 10px 5px 0px; }
.piconly  img { display: block; margin-bottom: 5px; }
.moduleheader h2 {
    border-bottom: 1px solid #CED4DA;   
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    line-height: 22px;
    margin: 0px;
    padding-top: 1px;
    overflow: hidden;
    white-space: nowrap;
}
.moduleheader h2 a,
.moduleheader h2 a:hover ,
.moduleheader h2 a:visited {
    color: #000000;
}
.moduleheader a.help {
    background: url(//img.ui-portal.de/global/img/icons/icon-help-16x16.gif) no-repeat top left;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 16px;
}
.moduleheader a.help span {
    display: none;
}
.x12 .modulepart,
.x12 .moduleheader h2 { width: 934px; }
.x11 .modulepart,
.x11 .moduleheader h2 { width: 854px; }
.x10 .modulepart,
.x10 .moduleheader h2 { width: 774px; }
.x9  .modulepart,
.x9  .moduleheader h2 { width: 694px; }
.x8  .modulepart,
.x8  .moduleheader h2 { width: 614px; }
.x7  .modulepart,
.x7  .moduleheader h2 { width: 534px; }
.x6  .modulepart,
.x6  .moduleheader h2 { width: 454px; }
.x5  .modulepart,
.x5  .moduleheader h2 { width: 374px; }
.x4  .modulepart,
.x4  .moduleheader h2 { width: 294px; }
.x3  .modulepart,
.x3  .moduleheader h2 { width: 214px; }
.x2  .modulepart,
.x2  .moduleheader h2 { width: 134px; }
.x1  .modulepart,
.x1  .moduleheader h2 { width:  54px; }
.x12                   .moduleheader,
.x12 .intro            .modulepart,
.x12 .teaser-basic     .modulepart,
.x12 .teaser-basic     .moduleheader h2,
.x12 .decorated-basic  .modulepart,
.x12 .decorated-basic  .moduleheader h2  { width: 950px; }
.x11                   .moduleheader,
.x11 .intro            .modulepart,
.x11 .teaser-basic     .modulepart,
.x11 .teaser-basic     .moduleheader h2,
.x11 .decorated-basic  .modulepart,
.x11 .decorated-basic  .moduleheader h2 { width: 870px; }
.x10                   .moduleheader,
.x10 .intro            .modulepart,
.x10 .teaser-basic     .modulepart,
.x10 .teaser-basic     .moduleheader h2,
.x10 .decorated-basic  .modulepart,
.x10 .decorated-basic  .moduleheader h2 { width: 790px; }
.x9                    .moduleheader,
.x9  .intro            .modulepart,
.x9  .teaser-basic     .modulepart,
.x9  .teaser-basic     .moduleheader h2,
.x9 .decorated-basic  .modulepart,
.x9  .decorated-basic  .moduleheader h2 { width: 710px; }
.x8                    .moduleheader,
.x8  .intro            .modulepart,
.x8  .teaser-basic     .modulepart,
.x8  .teaser-basic     .moduleheader h2,
.x8  .decorated-basic  .modulepart,
.x8  .decorated-basic  .moduleheader h2 { width: 630px; }
.x7                    .moduleheader,
.x7  .intro            .modulepart,
.x7  .teaser-basic     .modulepart,
.x7  .teaser-basic     .moduleheader h2,
.x7  .decorated-basic  .modulepart,
.x7  .decorated-basic  .moduleheader h2 { width: 550px; }
.x6                    .moduleheader,
.x6  .teaser-basic     .modulepart,
.x6  .teaser-basic     .moduleheader h2,
.x6  .decorated-basic  .modulepart,
.x6  .decorated-basic  .moduleheader h2 { width: 470px; }
.x5                    .moduleheader,
.x5  .intro            .modulepart,
.x5  .teaser-basic     .modulepart,
.x5  .teaser-basic     .moduleheader h2,
.x5  .decorated-basic  .modulepart,
.x5  .decorated-basic  .moduleheader h2 { width: 390px; }
.x4                    .moduleheader,
.x4  .intro            .modulepart,
.x4  .teaser-basic     .modulepart,
.x4  .teaser-basic     .moduleheader h2,
.x4  .decorated-basic  .modulepart,
.x4  .decorated-basic  .moduleheader h2 { width: 310px; }
.x3                    .moduleheader,
.x3  .intro            .modulepart,
.x3  .teaser-basic     .modulepart,
.x3  .teaser-basic     .moduleheader h2,
.x3  .decorated-basic  .modulepart,
.x3  .decorated-basic  .moduleheader h2 { width: 230px; }
.x2                    .moduleheader,
.x2  .intro            .modulepart,
.x2  .teaser-basic     .modulepart,
.x2  .teaser-basic     .moduleheader h2,
.x2  .decorated-basic  .modulepart,
.x2  .decorated-basic  .moduleheader h2 { width: 150px; }
.x1                    .moduleheader,
.x1  .intro            .modulepart,
.x1  .teaser-basic     .modulepart,
.x1  .teaser-basic     .moduleheader h2,
.x1  .decorated-basic  .modulepart,
.x1  .decorated-basic  .moduleheader h2 { width:  70px; }
.cue span {
    background: url(//img.ui-portal.de/global/img/icons/marker-cue.gif) 100% 1px no-repeat;
    padding-right: 25px;
    padding-top: 1px;
}
.new span {
    background: url(//img.ui-portal.de/global/img/icons/marker-new.gif) 100% 1px no-repeat;
    padding-right: 25px;
    padding-top: 1px;
}
img.marker { 
    padding: 0px 0px 3px 5px;
}
.tabs-simple,
.paging-simple,
.teaser-simple,
.teaser-strong,
.contentbox-simple,
.contentbox-strong,
.decorated-simple,
.decorated-strong {
    background-image: url(//img.ui-portal.de/global/img/mod/all-simple-bottom.gif);
    background-repeat: no-repeat;
}
.teaser-simple .moduleheader,
.teaser-strong .moduleheader,
.paging-simple .moduleheader,
.withoutHeader .modulecontent {
    background-image: url(//img.ui-portal.de/global/img/mod/teaser-simple-top.gif);
    background-repeat: no-repeat;
}
.withoutHeader .moduleheader {
    display: none;
}
.contentbox-simple .moduleheader,
.contentbox-strong .moduleheader,
.decorated-basic   .moduleheader,
.decorated-simple  .moduleheader,
.decorated-strong  .moduleheader,
.decorated-accentuated .moduleheader,
.decorated-strongAccentuated .moduleheader {
    background-repeat: no-repeat;
}
.decorated-basic  .moduleheader, 
.decorated-simple .moduleheader, 
.decorated-strong .moduleheader,
.decorated-accentuated .moduleheader,
.decorated-strongAccentuated .moduleheader {
    height: 39px;
}
.teaser-simple     .moduleheader h2,
.teaser-strong     .moduleheader h2,
.contentbox-simple .moduleheader h2,
.contentbox-strong .moduleheader h2 {
    margin: 0px 8px;
}
.decorated-simple .moduleheader h2,
.decorated-strong .moduleheader h2,
.decorated-accentuated .moduleheader h2,
.decorated-strongAccentuated .moduleheader h2 {
    margin: 0px;
    padding: 0px 8px;
}
.contentbox .moduleheader h2 {
    font-weight: 700;
}
.decorated-basic  .moduleheader h2, 
.decorated-simple .moduleheader h2, 
.decorated-strong .moduleheader h2,
.decorated-accentuated .moduleheader h2,
.decorated-strongAccentuated .moduleheader h2 {
    border-bottom: 0px;
    font-size: 14px;
    font-weight: 700;
    line-height: 29px;    
    padding-top: 10px;
    height: 29px;
}
.decorated-basic  .moduleheader img,
.decorated-simple .moduleheader img,
.decorated-strong .moduleheader img,
.decorated-accentuated .moduleheader img,
.decorated-strongAccentuated .moduleheader img {
    margin-left: -8px;
    margin-top: -10px;
}
.decorated-basic .moduleheader img {
    margin-left: 0px;
}
.decorated-basic  .moduleheader h2 a,
.decorated-simple .moduleheader h2 a,
.decorated-strong .moduleheader h2 a,
.decorated-accentuated .moduleheader h2 a,
.decorated-strongAccentuated .moduleheader h2 a { text-decoration: none; }
.condensed .moduleheader {
    height: 29px;
}
.condensed .moduleheader h2 {
    padding-top: 0px;
}
.condensed .moduleheader img {
    margin-top: 0px;
}
.iconafter .moduleheader img {
    position: absolute;
    margin: 0px 0px 0px 5px;
}
.iconafter .moduleheader img.icon16 { top: 16px; }
.iconafter .moduleheader img.icon24 { top:  8px; }
.iconafter .moduleheader img.icon32 { top:  0px; }
.iconmain .moduleheader img {
    float: left;
    margin: 0px 5px 0px 0px;
}
.iconmain .moduleheader img.icon16 { margin-top:   6px; }
.iconmain .moduleheader img.icon24 { margin-top:  -2px; }
.iconmain .moduleheader img.icon32 { margin-top: -10px; }
* html .iconmain .moduleheader h2 span {
    display: inline-block;
    white-space: normal;
}
* html .iconmain .moduleheader h2.new span,
* html .iconmain .moduleheader h2.cue span {
    padding-top: 0px;
    background-position: 100% 6px;
}
*+html .iconmain .moduleheader h2 span {
    display: inline-block;
    white-space: normal;
}
*+html .iconmain .moduleheader h2.new span,
*+html .iconmain .moduleheader h2.cue span {
    padding-top: 0px;
    background-position: 100% 6px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .iconmain .moduleheader h2 span {
        white-space: normal;
    }
}
.iconadd .moduleheader img {
    float: right;
    margin: 0px;
}
.iconadd .moduleheader img.icon16 { margin-top:   6px; }
.iconadd .moduleheader img.icon24 { margin-top:  -2px; }
.iconadd .moduleheader img.icon32 { margin-top: -10px; }
* html .iconadd .moduleheader img {
    float: none;
    position: absolute;    
    right: 8px;
    z-index: -1;    
}
* html .iconadd .moduleheader img.icon16 { margin-top: 0px; top: 16px; }
* html .iconadd .moduleheader img.icon24 { margin-top: 0px; top:  8px; }
* html .iconadd .moduleheader img.icon32 { margin-top: 0px; top:  0px; }
*+html .iconadd .moduleheader img {
    position: absolute;
    right: 8px;
    z-index: -1;
}
*+html .iconadd .moduleheader img.icon16 { margin-top: 0px; top: 16px; }
*+html .iconadd .moduleheader img.icon24 { margin-top: 0px; top:  8px; }
*+html .iconadd .moduleheader img.icon32 { margin-top: 0px; top:  0px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .iconadd .moduleheader img {
        position: absolute;
        right: 8px;
    }
    .iconadd.decorated-basic .moduleheader img { right: 0px; }
    .iconadd .moduleheader img.icon16 { margin-top: 0px; top: 16px; }
    .iconadd .moduleheader img.icon24 { margin-top: 0px; top:  8px; }
    .iconadd .moduleheader img.icon32 { margin-top: 0px; top:  0px; }
}
.teaser .modulecontent {
    font-size: 11px;
    line-height: 14px;
}
.teaser .modulecontent h3 {
    font-size: 12px;
    line-height: 16px;
}
.withoutHeader .modulecontent {
    padding-bottom: 6px;
    padding-top: 6px;
}
.withoutHeader.teaser-basic .modulecontent {
    background-image: none;
    padding-bottom: 5px;    
    padding-top: 5px;
}
.tabs-simple       .modulepart,
.paging-simple     .modulepart,
.teaser-simple     .modulepart,
.teaser-strong     .modulepart,
.contentbox-simple .modulepart,
.contentbox-strong .modulepart,
.decorated-simple  .modulepart,
.decorated-strong  .modulepart,
.decorated-accentuated .modulepart,
.decorated-strongAccentuated .modulepart {
    margin: 0px 1px;
    padding: 0px 7px;
}
.x12 .tabs-simple,
.x12 .paging-simple,
.x12 .teaser-simple,
.x12 .teaser-strong,
.x12 .contentbox-simple,
.x12 .contentbox-strong,
.x12 .decorated-basic,
.x12 .decorated-simple,
.x12 .decorated-strong,
.x12 .decorated-accentuated,
.x12 .decorated-strongAccentuated { background-position: -5280px 100%; } 
.x11 .tabs-simple,
.x11 .paging-simple,
.x11 .teaser-simple,
.x11 .teaser-strong,
.x11 .contentbox-simple,
.x11 .contentbox-strong,
.x11 .decorated-basic,
.x11 .decorated-simple,
.x11 .decorated-strong,
.x11 .decorated-accentuated,
.x11 .decorated-strongAccentuated { background-position: -4400px 100%; } 
.x10 .tabs-simple,
.x10 .paging-simple,
.x10 .teaser-simple,
.x10 .teaser-strong,
.x10 .contentbox-simple,
.x10 .contentbox-strong,
.x10 .decorated-basic,
.x10 .decorated-simple,
.x10 .decorated-strong,
.x10 .decorated-accentuated,
.x10 .decorated-strongAccentuated { background-position: -3600px 100%; } 
.x9  .tabs-simple,
.x9  .paging-simple,
.x9  .teaser-simple,
.x9  .teaser-strong,
.x9  .contentbox-simple,
.x9  .contentbox-strong,
.x9  .decorated-basic,
.x9  .decorated-simple,
.x9  .decorated-strong,
.x9  .decorated-accentuated,
.x9  .decorated-strongAccentuated { background-position: -2880px 100%; } 
.x8  .tabs-simple,
.x8  .paging-simple,
.x8  .teaser-simple,
.x8  .teaser-strong,
.x8  .contentbox-simple,
.x8  .contentbox-strong,
.x8  .decorated-basic,
.x8  .decorated-simple,
.x8  .decorated-strong,
.x8  .decorated-accentuated,
.x8  .decorated-strongAccentuated { background-position: -2240px 100%; } 
.x7  .tabs-simple,
.x7  .paging-simple,
.x7  .teaser-simple,
.x7  .teaser-strong,
.x7  .contentbox-simple,
.x7  .contentbox-strong,
.x7  .decorated-basic,
.x7  .decorated-simple,
.x7  .decorated-strong,
.x7  .decorated-accentuated,
.x7  .decorated-strongAccentuated { background-position: -1680px 100%; } 
.x6  .tabs-simple,
.x6  .paging-simple,
.x6  .teaser-simple,
.x6  .teaser-strong,
.x6  .contentbox-simple,
.x6  .contentbox-strong,
.x6  .decorated-basic,
.x6  .decorated-simple,
.x6  .decorated-strong,
.x6  .decorated-accentuated,
.x6  .decorated-strongAccentuated { background-position: -1200px 100%; } 
.x5  .tabs-simple,
.x5  .paging-simple,
.x5  .teaser-simple,
.x5  .teaser-strong,
.x5  .contentbox-simple,
.x5  .contentbox-strong,
.x5  .decorated-basic,
.x5  .decorated-simple,
.x5  .decorated-strong,
.x5  .decorated-accentuated,
.x5  .decorated-strongAccentuated { background-position:  -800px 100%; } 
.x4  .tabs-simple,
.x4  .paging-simple,
.x4  .teaser-simple,
.x4  .teaser-strong,
.x4  .contentbox-simple,
.x4  .contentbox-strong,
.x4  .decorated-basic,
.x4  .decorated-simple,
.x4  .decorated-strong,
.x4  .decorated-accentuated,
.x4  .decorated-strongAccentuated { background-position:  -480px 100%; } 
.x3  .tabs-simple,
.x3  .paging-simple,
.x3  .teaser-simple,
.x3  .teaser-strong,
.x3  .contentbox-simple,
.x3  .contentbox-strong,
.x3  .decorated-basic,
.x3  .decorated-simple,
.x3  .decorated-strong,
.x3  .decorated-accentuated,
.x3  .decorated-strongAccentuated { background-position:  -240px 100%; } 
.x2  .tabs-simple,
.x2  .paging-simple,
.x2  .teaser-simple,
.x2  .teaser-strong,
.x2  .contentbox-simple,
.x2  .contentbox-strong,
.x2  .decorated-basic,
.x2  .decorated-simple,
.x2  .decorated-strong,
.x2  .decorated-accentuated,
.x2  .decorated-strongAccentuated { background-position:   -80px 100%; } 
.x1  .tabs-simple,
.x1  .paging-simple,
.x1  .teaser-simple,
.x1  .teaser-strong,
.x1  .contentbox-simple,
.x1  .contentbox-strong,
.x1  .decorated-basic,
.x1  .decorated-simple,
.x1  .decorated-strong,
.x1  .decorated-accentuated,
.x1  .decorated-strongAccentuated { background-position:     0px 100%; } 
.x12 .moduleheader,
.x12 .withoutHeader .modulecontent { background-position: -5280px 0%; } 
.x11 .moduleheader,
.x11 .withoutHeader .modulecontent { background-position: -4400px 0%; } 
.x10 .moduleheader,
.x10 .withoutHeader .modulecontent { background-position: -3600px 0%; } 
.x9  .moduleheader,
.x9  .withoutHeader .modulecontent { background-position: -2880px 0%; } 
.x8  .moduleheader,
.x8  .withoutHeader .modulecontent { background-position: -2240px 0%; } 
.x7  .moduleheader,
.x7  .withoutHeader .modulecontent { background-position: -1680px 0%; } 
.x6  .moduleheader,
.x6  .withoutHeader .modulecontent { background-position: -1200px 0%; } 
.x5  .moduleheader,
.x5  .withoutHeader .modulecontent { background-position:  -800px 0%; } 
.x4  .moduleheader,
.x4  .withoutHeader .modulecontent { background-position:  -480px 0%; } 
.x3  .moduleheader,
.x3  .withoutHeader .modulecontent { background-position:  -240px 0%; } 
.x2  .moduleheader,
.x2  .withoutHeader .modulecontent { background-position:   -80px 0%; } 
.x1  .moduleheader,
.x1  .withoutHeader .modulecontent { background-position:     0px 0%; } 
.x12 .condensed .moduleheader { background-position: -5280px -10px; }
.x11 .condensed .moduleheader { background-position: -4400px -10px; }
.x10 .condensed .moduleheader { background-position: -3600px -10px; }
.x9  .condensed .moduleheader { background-position: -2880px -10px; }
.x8  .condensed .moduleheader { background-position: -2240px -10px; }
.x7  .condensed .moduleheader { background-position: -1680px -10px; }
.x6  .condensed .moduleheader { background-position: -1200px -10px; }
.x5  .condensed .moduleheader { background-position:  -800px -10px; }
.x4  .condensed .moduleheader { background-position:  -480px -10px; }
.x3  .condensed .moduleheader { background-position:  -240px -10px; }
.x2  .condensed .moduleheader { background-position:   -80px -10px; }
.x1  .condensed .moduleheader { background-position:     0px -10px; }
.decoratedPage .teaser-simple,
.decoratedPage .teaser-strong,
.decoratedPage .contentbox-simple,
.decoratedPage .contentbox-strong,
.decoratedPage .decorated-simple,
.decoratedPage .decorated-strong,
.decoratedPage .decorated-accentuated,
.decoratedPage .decorated-strongAccentuated {
    margin-top: 5px;
}
.decoratedPage .teaser-simple .moduleheader,
.decoratedPage .teaser-strong .moduleheader,
.decoratedPage .contentbox-simple .moduleheader,
.decoratedPage .contentbox-strong .moduleheader,
.decoratedPage .decorated-simple .moduleheader,
.decoratedPage .decorated-strong .moduleheader,
.decoratedPage .decorated-accentuated .moduleheader,
.decoratedPage .decorated-strongAccentuated .moduleheader {
    top: -5px;
}
.decoratedPage .teaser-simple .modulecontent,
.decoratedPage .teaser-strong .modulecontent,
.decoratedPage .contentbox-simple .modulecontent,
.decoratedPage .contentbox-strong .modulecontent,
.decoratedPage .decorated-simple .modulecontent,
.decoratedPage .decorated-strong .modulecontent,
.decoratedPage .decorated-accentuated .modulecontent,
.decoratedPage .decorated-strongAccentuated .modulecontent {
    padding-top: 0px;
}
.modulecontent div.hr { 
    display: block;
    border-top: 1px solid #CED4DA;
    height: 1px;
    margin: 5px 8px;
}
.teaser-basic .modulecontent div.hr {
    margin: 5px 0px;
}
.multicontent .multicontent-part {
    display: none;
}
.multicontent .multicontent-part.on {
    display: block;
}

.gallerySlide { 
    margin: 0px -4px;
    overflow: hidden;
}
.gallerySlide .slide span { 
    display: none; 
}
.gallerySlide .slide {
    background-repeat: no-repeat;
    display: inline;
    float: left;    
    margin: 5px 0px;
    height: 76px;
}
.gallerySlide .slide.slide-rwd {
    background-position: left center;
}
.gallerySlide .slide.slide-fwd {
    background-position: right center;
}
.gallerySlide .slide.inactive {
    cursor: default;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: Alpha(opacity=60);
}
.gallerySlide-standard .slide { 
    width: 7px;
}
.gallerySlide-strong .slide { 
    width: 17px;
}
.gallerySlide-visual .slide { 
    width: 27px;
}
.gallerySlide .slider { 
    float: left;
    overflow: hidden;
}
.x12 .gallerySlide-standard .slider { width: 928px; }
.x11 .gallerySlide-standard .slider { width: 848px; }
.x10 .gallerySlide-standard .slider { width: 768px; }
.x9  .gallerySlide-standard .slider { width: 688px; }
.x8  .gallerySlide-standard .slider { width: 608px; }
.x7  .gallerySlide-standard .slider { width: 528px; }
.x6  .gallerySlide-standard .slider { width: 448px; }
.x5  .gallerySlide-standard .slider { width: 368px; }
.x4  .gallerySlide-standard .slider { width: 288px; }
.x3  .gallerySlide-standard .slider { width: 208px; }
.x2  .gallerySlide-standard .slider { width: 128px; }
.x1  .gallerySlide-standard .slider { width:  48px; }
.x12 .gallerySlide-strong .slider { width: 908px; }
.x11 .gallerySlide-strong .slider { width: 828px; }
.x10 .gallerySlide-strong .slider { width: 748px; }
.x9  .gallerySlide-strong .slider { width: 668px; }
.x8  .gallerySlide-strong .slider { width: 588px; }
.x7  .gallerySlide-strong .slider { width: 508px; }
.x6  .gallerySlide-strong .slider { width: 428px; }
.x5  .gallerySlide-strong .slider { width: 348px; }
.x4  .gallerySlide-strong .slider { width: 268px; }
.x3  .gallerySlide-strong .slider { width: 188px; }
.x2  .gallerySlide-strong .slider { width: 108px; }
.x1  .gallerySlide-strong .slider { width:  28px; }
.x12 .gallerySlide-visual .slider { width: 888px; }
.x11 .gallerySlide-visual .slider { width: 808px; }
.x10 .gallerySlide-visual .slider { width: 728px; }
.x9  .gallerySlide-visual .slider { width: 648px; }
.x8  .gallerySlide-visual .slider { width: 568px; }
.x7  .gallerySlide-visual .slider { width: 488px; }
.x6  .gallerySlide-visual .slider { width: 408px; }
.x5  .gallerySlide-visual .slider { width: 328px; }
.x4  .gallerySlide-visual .slider { width: 248px; }
.x3  .gallerySlide-visual .slider { width: 168px; }
.x2  .gallerySlide-visual .slider { width:  88px; }
.x1  .gallerySlide-visual .slider { width:   8px; }
.gallerySlide .slider ul { 
    float: left;  
    width: 99999px;
}
.gallerySlide .slider li {
    float: left; 
    margin-right: 10px;
    overflow: hidden;
    padding: 5px 0px;
    text-align: center;
    width: 134px;    
}
.gallerySlide .slider li img {
    display: block;
    margin: 0px auto;
}
.gallerySlide .slider li p {
    font-size: 11px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
    text-align: center;
    white-space: nowrap;
}
.gallerySlide .slider .small li {
    width: 90px;
}
.message .info                   { background: url(//img.ui-portal.de/global/img/mod/message-info-top.gif)       0px   0% no-repeat; }
.message .info    .modulecontent { background: url(//img.ui-portal.de/global/img/mod/message-info-bottom.gif)    0px 100% no-repeat; }
.message .error                  { background: url(//img.ui-portal.de/global/img/mod/message-error-top.gif)      0px   0% no-repeat; }
.message .error   .modulecontent { background: url(//img.ui-portal.de/global/img/mod/message-error-bottom.gif)   0px 100% no-repeat; }
.message .success                { background: url(//img.ui-portal.de/global/img/mod/message-success-top.gif)    0px   0% no-repeat; }
.message .success .modulecontent { background: url(//img.ui-portal.de/global/img/mod/message-success-bottom.gif) 0px 100% no-repeat; }
.message .warning                { background: url(//img.ui-portal.de/global/img/mod/message-warning-top.gif)    0px   0% no-repeat; }
.message .warning .modulecontent { background: url(//img.ui-portal.de/global/img/mod/message-warning-bottom.gif) 0px 100% no-repeat; }
.x12 .message .info,
.x12 .message .error,
.x12 .message .success,
.x12 .message .warning { background-position: -5280px 0%; }
.x10 .message .info,
.x10 .message .error,
.x10 .message .success,
.x10 .message .warning { background-position: -3600px 0%; }
.x8  .message .info,
.x8  .message .error,
.x8  .message .success,
.x8  .message .warning { background-position: -2240px 0%; }
.x7  .message .success { background-position: -1680px 0%; } 
.x6  .message .info,
.x6  .message .error,
.x6  .message .success,
.x6  .message .warning { background-position: -1200px 0%; }
.x4  .message .info,
.x4  .message .error,
.x4  .message .success,
.x4  .message .warning { background-position:  -480px 0%; }
.x12 .message .modulecontent { background-position: -5280px 100%; }
.x10 .message .modulecontent { background-position: -3600px 100%; }
.x8  .message .modulecontent { background-position: -2240px 100%; }
.x7  .message .modulecontent { background-position: -1680px 100%; } 
.x6  .message .modulecontent { background-position: -1200px 100%; }
.x4  .message .modulecontent { background-position:  -480px 100%; }
.message .modulecontent {
    line-height: 16px;
    padding: 16px 16px 16px 63px;
}
.message p {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    min-height: 32px;
}
* html .message p {
    height: 32px;
    overflow: visible;
}
.message .error span { 
    color: #FF0000; 
}

.tabs-main {
    background: transparent left bottom repeat-x; 
}
.tabs-main ul {
    height: 24px;
    overflow: hidden;
}
.tabs-main a,
.tabs-main a:hover,
.tabs-main a:visited {
    color: #000000; 
}
.tabs-main li {
    background: transparent 0% 0px no-repeat;
    float: left;
}
.tabs-main li a,
.tabs-main li span {
    background: transparent 100% 0px no-repeat;
    display: block; 
    font-size: 11px; 
    line-height: 22px; 
    margin-left: 8px;
    padding: 2px 8px 0px 0px; 
    text-align: center; 
}
.tabs-main li.on  {
    background: transparent 0% -24px no-repeat;
}
.tabs-main li.on a,
.tabs-main li.on span {
    background: transparent 100% -24px no-repeat; 
    font-weight: bold;
    cursor: default;
}
.tabs-main li.on a:hover {
    text-decoration: none;
}
.tabs-sub { 
    background: transparent left bottom repeat-x;
}
.tabs-sub ul { 
    height: 24px;
    overflow: hidden;
}
.tabs-sub li {
    border-right: 1px solid #CED4DA;
    display: inline;
    float: left;
    font-size: 11px;
    height: 13px; 
    line-height: 13px;
    margin: 5px 0px 6px 7px;
    padding-right: 7px; 
}
.tabs-sub li.first { 
    margin-left: 8px;
}
.tabs-sub li.last { 
    border-right: 0px solid;
}
.tabs-sub li.on { 
    margin-left: 4px;
    padding-right: 4px; 
}
.tabs-sub li.on a,
.tabs-sub li.on span {
    display: block;
    font-weight: bold;
    padding: 0px 3px;
}
.tabs-sub a,
.tabs-sub a:visited {
    color: #000000; 
    text-decoration: none;
}
.tabs-sub a:hover {
    color: #000000;
    text-decoration: underline;
}

.contentnav-paging {
    text-align: center;
    line-height: 19px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.contentnav-paging ul {
    float: left;
    padding: 3px 0px;
}
.contentnav-paging li,
.contentnav-paging .label {
    display: inline;
    float: left;
    font-size: 11px;
}
.contentnav-paging li {
    border-right: 1px solid #CED4DA;
    height: 13px; 
    line-height: 13px;    
    margin-left: 7px;
    padding-right: 7px; 
}
.contentnav-paging li.first { 
    margin-left: 3px;
}
.contentnav-paging li.last { 
    border-right: 0px solid;
    padding-right: 0px;
}
.contentnav-paging li.on { 
    margin-left: 4px;
    padding-right: 4px;
}
.contentnav-paging li.last-on { 
    padding-right: 0px;
}
.contentnav-paging li.first-on {
    margin-left: 0px;
}
.contentnav-paging .label {
    margin-right: 4px;
    line-height: 19px;
    height: 19px;
}
.contentnav-paging li.on a,
.contentnav-paging li.on span {
    font-weight: bold;
    padding: 0px 3px;
}
.contentnav-paging li.on a { 
    color: #000000;
}
.contentnav-paging .paging-options li.asc a,
.contentnav-paging .paging-options li.desc a,
.contentnav-paging .paging-options li.asc span,
.contentnav-paging .paging-options li.desc span {
    background: 100% 0px no-repeat;
    padding-right: 13px; 
}
.contentnav-paging .paging-options form {
    float: left;
}
.contentnav-paging .paging-options select {
    float: left;
    font-size: 11px;
    line-height: 19px;
}
.contentnav-paging .paging-options option { 
    padding-right: 5px;
}
.paging-simple {
    text-align: left;
}
.moduleheader .contentnav-paging {
    border-bottom: 1px solid #CED4DA;   
    color: #000000;
    height: 20px;
    margin: 0px 8px;
    overflow: hidden;
    padding-top: 3px;
    white-space: nowrap;
    width: auto;
}
.contentnav-paging .paging-alphabetic,
.contentnav-paging .paging-numeric {
    display: table;
    overflow: hidden;
    margin: 0px auto;
    width: auto;
}
.contentnav-paging div .paging-items {
    float: left;
}
* html .contentnav-paging .paging-alphabetic,
* html .contentnav-paging .paging-numeric {
    display: inline;
    zoom: 1;
}
*+html .contentnav-paging .paging-alphabetic,
*+html .contentnav-paging .paging-numeric {
    display: inline; 
    zoom: 1;    
}
.contentnav-paging .paging-numeric li.omission {
    margin-left: 4px;
    padding-right: 4px;
}
.contentnav-paging .label.fwd,
.contentnav-paging .label.rwd,
.contentnav-paging .label.fwdToLast,
.contentnav-paging .label.rwdToFirst {
    height: 13px;
    margin-right: 0px;
    padding: 3px 0px;       
}
.contentnav-paging .fwd a,
.contentnav-paging .rwd a,
.contentnav-paging .fwdToLast a,
.contentnav-paging .rwdToFirst a {
    display: block;
    height:  13px;
    width:   13px;
    padding:  0px;     
}
.contentnav-paging .fwd a,
.contentnav-paging .fwdToLast a { 
    background: left top no-repeat; 
    margin-left: 8px;
}
.contentnav-paging .rwd a,
.contentnav-paging .rwdToFirst a { 
    background: left top no-repeat;
    margin: 0px 4px;
}
.contentnav-paging .fwd a span,
.contentnav-paging .rwd a span,
.contentnav-paging .fwdToLast a span,
.contentnav-paging .rwdToFirst a span { 
    display: none; 
}
.contentnav-paging .paging-alphabetic li {
    margin-left: 4px;
    padding-right: 4px; 
}
.contentnav-paging .paging-alphabetic li.on { 
    margin-left: 1px;
    padding-right: 1px; 
}
.contentnav-paging .paging-alphabetic li.first { 
    margin-left: 0px;
}
.contentnav-paging .paging-alphabetic li.last { 
    padding-right: 0px;
}
.contentnav-paging .paging-alphabetic li.on a,
.contentnav-paging .paging-alphabetic li.on span {
    padding: 0px 2px;
}
.contentnav-paging .paging-alphabetic .rwd a { 
    margin-left: 0px;
    margin-right: 7px;
}
.contentnav-paging.multiple { 
    float: left;
    text-align: left;
    width: 100%;
}
.contentnav-paging.multiple div.first {
    float: left;
    margin: 0px;
}
.contentnav-paging.multiple div.last {
    float: right;
    margin: 0px 0px 0px 40px;
}
.paging-status {
    font-size: 11px;
}
.contentnav-paging .inpPagingButton {
    float: left;
    font-size: 11px;
    position: relative;
    bottom: 0px;
}
.contentnav-paging .first .inpPagingButton {
    left: 0px;
}
.contentnav-paging .last .inpPagingButton {
    right: 0px;
}

.navbutton, 
.navbutton-fwd,
.navbutton-rwd, 
.navbutton span, 
.navbutton-fwd span,
.navbutton-rwd span {
    background-image: url(//img.ui-portal.de/global/img/btn/contentbutton.gif);
    background-repeat: no-repeat;
    color: #000000;    
    display: inline;
    float: left;   
    font-size: 11px;
    height: 20px;
    line-height: 19px;
    cursor: pointer;
}
.navbutton {
    background-position: 0px 0px;
    padding-left: 18px;
}
.navbutton-fwd {
    float: right;
    background-position: 0px -20px;
    padding-left: 8px;
}
.navbutton-rwd {
    background-position: -18px 0px;
    padding-left: 18px;
}
.navbutton-fwd span {
    background-position: 100% -20px;
    padding-right: 18px;
}
.navbutton span, 
.navbutton-rwd span {
    background-position: 100% 0px;  
    padding-right: 8px;
}
.modulecontent .navbutton,
.modulecontent .navbutton-fwd,
.modulecontent .navbutton-rwd {
    float: right;
    margin-bottom: 5px;
}
* html .modulecontent .navbutton,
* html .modulecontent .navbutton-fwd,
* html .modulecontent .navbutton-rwd {
    margin-bottom: 0px;
}

table {
    border-collapse: collapse;
}
.table table { 
    border-collapse: collapse;
    font-size: 11px;
    line-height: 16px;
    width: 100%; 
}
.table .modulecontent {
    padding-top: 0px;
}
.table .contentbox-simple h2 {
    font-weight: 700;
}
.table .modulepart { 
    padding: 0px; 
}
.x12 .table .modulepart { width: 948px; }
.x11 .table .modulepart { width: 868px; }
.x10 .table .modulepart { width: 788px; }
.x9  .table .modulepart { width: 708px; }
.x8  .table .modulepart { width: 628px; }
.x7  .table .modulepart { width: 548px; }
.x6  .table .modulepart { width: 468px; }
.x5  .table .modulepart { width: 388px; }
.x4  .table .modulepart { width: 308px; }
.x3  .table .modulepart { width: 228px; }
.x2  .table .modulepart { width: 148px; }
.x1  .table .modulepart { width:  68px; }
.table .odd {
    background-color: #FFFFFF;
}
.table .even {
    background-color: #F6F8FA;
}
.table th, 
.table td {
    padding: 3px 7px 4px 7px;
    text-align: left;
}
.table .comparison td {
    border-left: 1px solid #CED4DA;
}
.table .comparison th,
.table .comparison .first th,
.table .comparison td {
    padding: 3px 7px 4px 7px;
    text-align: center;
}
.table table.right td,
.table th.right, 
.table td.right,
.table .comparison th.right, 
.table .comparison td.right {
    text-align: right;
}
.table table.left td,
.table table.left th,
.table td.left,
.table th.left,
.table .comparison th.left, 
.table .comparison td.left {
    text-align: left;
}
.table table.right,
.table th.right, 
.table td.right,
.table table.left,
.table td.left,
.table th.left {
    margin: 0px;
}

.tagcloud ul, .tagcloud { 
    list-style: none; 
    line-height: 233.34%;
    text-align: center;
    padding: 0;
    margin: 10px 7px;
}
.tagcloud li {
    list-style: none;
    list-style-position: outside;
    display: inline;
    padding: 0 4px;
}
.tagcloud li.tiny {
    font-weight: 400;
    font-size: 11px;
}
.tagcloud li.small {
    font-weight: 400;
    font-size: 12px;
}
.tagcloud li.medium {
    font-weight: 400;
    font-size: 14px;
}
.tagcloud li.big {
    font-weight: 400;
    font-size: 16px;
}
.tagcloud li.bigger {
    font-weight: 700;
    font-size: 20px;
}
.tagcloud li a,
.tagcloud li a:hover,
.tagcloud li a:visited {
    color: #000000;
    white-space: nowrap;
}
.layer-root {
    display: none;
    margin: -8px 0 0 7px;
    position: absolute;
    z-index: 32010;
    top: -10000px;
    left: 0px;
}
.layer-root iframe.layer-background-fixer {
    height: 0px;
    left: 5px;
    position: absolute;
    top: 5px;
    z-index: -1;
}
* html .layer-root iframe.layer-background-fixer {
    top: 10px;
}
*+html .layer-root iframe.layer-background-fixer {
    top: 10px;
}
.layer-root table.layer-border {
    border: 0;
}
.layer-root td {
    background-image: url(//img.ui-portal.de/global/img/layer/layer-box.png);
    background-repeat: no-repeat;
}
.layer-root .center .center {
    background: #FFFFFF;
}
.layer-root .top .left {
    background-position: top left;
    height: 5px;
    width: 5px;
}
.layer-root .top .center {
    background-position: top center;
    position: relative;
}
.layer-root .top .right {
    background-position: top right;
    width: 5px;
}
* html .layer-root .top .left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-top-left.png');
    height: 10px;
}
* html .layer-root .top .center {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-top-center.png', sizingMethod='crop');
    height: 10px;
}
* html .layer-root .top .right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-top-right.png');
    height: 10px;
}
*+html .layer-root .top .left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-top-left.png');
    height: 10px;
}
*+html .layer-root .top .center {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-top-center.png', sizingMethod='crop');
    height: 10px;
}
*+html .layer-root .top .right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-top-right.png');
    height: 10px;
}
.layer-root .center .left {
    background-position: center left;
    width: 5px;
}
.layer-root .center .center {
    padding: 10px;
}
.layer-borderless .layer-container .center .center,
.pagelayer .layer-container .center .center {
    padding: 0;
}
.tooltip .center .center {
    padding: 0px 8px 2px;
    font-size: 11px;
}
.layer-root .center .right {
    background-position: center right;
    width: 5px;
}
* html .layer-root .center .left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-center-left.png', sizingMethod='scale');
}
* html .layer-root .center .right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-center-right.png', sizingMethod='scale');
}
*+html .layer-root .center .left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-center-left.png', sizingMethod='scale');
}
*+html .layer-root .center .right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-center-right.png', sizingMethod='scale');
}
.layer-root .bottom .left {
    background-position: bottom left;
    height: 5px;
    width: 5px;
}
.layer-root .bottom .center {
    background-position: bottom center;
    position: relative;
}
.layer-root .bottom .right {
    background-position: bottom right;
}
* html .layer-root .bottom .left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-bottom-left.png');
}
* html .layer-root .bottom .center {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-bottom-center.png', sizingMethod='crop');
}
* html .layer-root .bottom .right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-bottom-right.png');
}
* html .hook-bottom .bottom .center {
    height: 10px;
    overflow: hidden;
}
*+html .layer-root .bottom .left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-bottom-left.png');
}
*+html .layer-root .bottom .center {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-bottom-center.png', sizingMethod='crop');
}
*+html .layer-root .bottom .right {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-box-bottom-right.png');
}
*+html .hook-bottom .bottom .center {
    height: 10px;
    overflow: hidden;
}
.layer-hook {
    display: none;
    height: 10px;
    position: absolute;
    width: 16px;
    z-index: 999999;
}
.hook-bottom .bottom .center .layer-hook {
    background: url(//img.ui-portal.de/global/img/layer/layer-pfeil.png) no-repeat;
    bottom: -5px;
    display: block;
}
.hook-top .top .center .layer-hook {
    background: url(//img.ui-portal.de/global/img/layer/layer-pfeil-top.png) no-repeat;
    display: block;
    top: -5px;
}
* html .layer-hook {
    display: none;
    position: relative;
}
* html .hook-bottom .bottom .center .layer-hook {
    top: -1px;
    background-image: none;
    display: block;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-pfeil.png', sizingMethod='crop');
    z-index: 99999;
}
* html .hook-top .top .center .layer-hook {
    top: 0;
    background-image: none;
    display: block;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-pfeil-top.png', sizingMethod='crop');
    z-index: 99999;
}
*+html .layer-hook {
    display: none;
    position: relative;
}
*+html .hook-bottom .bottom .center .layer-hook {
    top: -1px;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-pfeil.png', sizingMethod='crop');
    z-index: 99999;
}
*+html .hook-top .top .center .layer-hook {
    top: 0;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ui-portal.de/global/img/layer/layer-pfeil-top.png', sizingMethod='crop');
    z-index: 99999;
}
.layer-close { cursor: pointer; }
.layer-root .tooltiplayercontent {
    padding: 10px;
}
.tooltip .tooltiplayercontent {
    font-size: 11px;
    padding: 1px 8px;
    line-height: 15px;
}
.layer-loading-animation {
    background: #dddddd;
    left: 0px;
    margin: 0px;
    opacity: 0.5;
    padding: 0px;
    position: absolute;
    top: 0px;
    z-index: 19999;
}
.layer-loading-animation h1 {
    background: #FFFFFF url(//img.ui-portal.de/global/img/icons/loading.gif) center center no-repeat;
    height: 240px;
    position: absolute;
    width: 300px;
    opacity: 1.0;
}
.layer-loading-animation h1 span { display: none; }
* html .layer-loading-animation {
    filter: Alpha(opacity=50);
}
*+html .layer-loading-animation {
    filter: Alpha(opacity=50);
}
.layer-loading iframe.layer-loading-background-fixer {
    left: 0px;
    position: fixed;
    top: 0px;
    z-index: -1;
}