/*
#################################################################################
#
# ONLINE-PROOFER
#
#################################################################################
20160910 */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: all 5000s ease-in-out 0s; transition-property: background-color,color; }

.statGray15p                  { color:RGB( 40,40,40  ); line-height:140%; font-size:15px; fotn_weight:normal; }
.statGray15p:hover            { color:RGB( 205,23,25 ); }
.statGray15p:focus            { color:RGB( 205,23,25 ); }
.statGray15p:active           { color:RGB( 255,0,0   ); }

.mItem                        { white-space: nowrap;
                                padding: 0 16px 0 0;
                              }
.mNum                         { display: inline-block;
                                width:  28px;
                                height: 20px;
                                background-color: transparent;
                                border: 1px solid RGB( 160,160,160 );
                                padding: 8px 1px 0 1px;
                                margin:  0 8px 0 0;
                                color: RGB( 160,160,160 );
                                font-size: 15px;
                                font-weight: bold;
                                text-align: center;
                                line-height: 80%;
                                white-space: nowrap;
                                cursor: pointer;
                              }
.mNum:hover                   { color: RGB( 255,255,255 ); background-color: RGB( 150,150,150 ); }
.mNum:focus                   { color: RGB( 255,255,255 ); background-color: RGB( 150,150,150 ); }
.mNum:active                  { color: RGB( 255,255,255 ); background-color: RGB( 150,150,150 ); }
.mNumActive                   { display: inline-block;
                                width:  28px;
                                height: 20px;
                                background-color: RGB( 0,0,0 );
                                border: 1px solid RGB( 0,0,0 );
                                padding: 8px 1px 0 1px;
                                margin:  0 8px 0 0;
                                color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                text-align: center;
                                line-height: 80%;
                                white-space: nowrap;
                                cursor: pointer;
                              }

.mInner                       { color: RGB( 160,160,160 );
                                font-size: 15px;
                                font-weight: normal;
                                text-align: left;
                                line-height: 130%;
                                white-space: nowrap;
                                cursor: pointer;
                              }
.mInner:hover                 { color: RGB( 140,140,140 ); }
.mInner:focus                 { color: RGB( 140,140,140 ); }
.mInner:active                { color: RGB( 140,140,140 ); }
.mInnerActive                 { color: RGB( 0,0,0 );
                                font-size: 15px;
                                font-weight: normal;
                                text-align: left;
                                line-height: 130%;
                                white-space: nowrap;
                                cursor: pointer;
                              }

.loginbtn                     { width: 280px;
                                height: 32px;
                                background-color: RGB( 255,255,255 );
                                border: 2px solid RGB( 255,255,255 );
                                cursor: pointer;
                              }
.loginbtn input               { width: 98%;
                                background-color: transparent;
                                outline: 0;
                                border:  0;
                                padding: 6px;
                                color: RGB( 205,23,25 );
                                font-size: 15px;
                                font-weight: bold;
                                cursor: pointer;
                              }
.loginbtn:hover               { border-color: RGB( 160,160,160 ); color: RGB( 205,23,25 ); background-color: RGB( 160,160,160 ); }
.loginbtn:focus               { border-color: RGB( 160,160,160 ); color: RGB( 205,23,25 ); background-color: RGB( 160,160,160 ); }
.loginbtn:active              { border-color: RGB( 160,160,160 ); color: RGB( 205,23,25 ); background-color: RGB( 160,160,160 ); }

.signupbtn                    { width: 280px;
                                height: 32px;
                                background-color: RGB( 60,60,60 );
                                border: 2px solid RGB( 60,60,60 );
                                cursor:pointer;
                              }
.signupbtn input              { width: 98%;
                                background-color: transparent;
                                outline: 0;
                                border: 0;
                                padding: 6px;
                                color: RGB( 200,200,200 );
                                font-size: 15px;
                                font-weight: bold;
                                cursor: pointer;
                              }
.signupbtn:hover              { color: RGB( 255,255,255 ); background-color: RGB( 0,0,0 ); }
.signupbtn:focus              { color: RGB( 255,255,255 ); background-color: RGB( 0,0,0 ); }
.signupbtn:active             { color: RGB( 255,255,255 ); background-color: RGB( 0,0,0 ); }

.appTop                       { display:  block;
                                position: absolute;
                                left:     0;
                                top:      0;
                                width:    100%;
                                height:   48px;
                                background-color: RGB( 60,60,60 );
                                overflow: hidden;
                              }
.appTopMenu                   { display:  block;
                                position: absolute;
                                width:    932px;
                                height:   40px;
                                left:    -466px;
                                top:      0;
                                padding:  0;
                                margin:   0 50% 0 50%;
                                overflow: hidden;
                              }
.appTopOPMenu                 { display:  block;
                                position: absolute;
                                width:    932px;
                                height:   120px;
                                left:    -466px;
                                top:      50px;
                                margin:   0 50% 0 50%;
                                overflow: hidden;
                              }
.appTopMenu17p                { color: RGB( 255,255,255 );font-weight: normal;font-size: 17px;cursor:pointer; }
.appTopMenu15p                { color: RGB( 255,255,255 );font-weight: normal;font-size: 15px;cursor:pointer; }
.appTopMenu13p                { color: RGB( 255,255,255 );font-weight: normal;font-size: 13px;cursor:pointer; }
.appTopMenu17b                { color: RGB( 255,255,255 );font-weight: bold;  font-size: 17px;cursor:pointer; }
.appTopMenu15b                { color: RGB( 255,255,255 );font-weight: bold;  font-size: 15px;cursor:pointer; }
.appTopMenu13b                { color: RGB( 255,255,255 );font-weight: bold;  font-size: 13px;cursor:pointer; }
.appBottom                    { display:  block;
                                position: absolute;
                                left:     0;
                                bottom:   0;
                                width:    100%;
                                height:   64px;
                                overflow: hidden;
                              }
.loginTop                     { display:  block;
                                position: absolute;
                                left:     0;
                                top:      0;
                                width:    100%;
                                height:   270px;
                                overflow: hidden;
                              }
.loginBottom                  { display:  block;
                                position: absolute;
                                left:     0;
                                top:      450px;
                                bottom:   0;
                                width:    100%;
                                overflow: hidden;
                              }
.loginPage                    { display:  table;
                                position: absolute;
                                width:    100%;
                                height:   100%;
                              }
.loginTab                     { display:  block;
                                position: absolute;
                                width:    932px;
                                height:   140px;
                                left:    -466px;
                                top:      290px;
                                margin:   0 50% 0 50%;
                              }
.homeDiv                      { display:  block;
                                position: absolute;
                                top:      290px;
                                left:     32px;
                                width:    932px;
                                height:   156px;
                                margin:   0 50% 0 50%;
                                overflow: auto;
                              }
.homeTab                      { display:  table;
                                width:    140px;
                                height:   140px;
                                margin:   0 8px 0 0;
                                float:    left;
                              }

.coverit                      {
                              }
.coverbusy                    { position: absolute;
                                right:    16px;
                                top:      72px;
                                width:    32px;
                                height:   32px;
                              }
.coverlinks                   { display:  block;
                                position: absolute;
                                top:      50%;
                                left:     50%;
                                width:    680px;
                                height:   280px;
                                margin:   0;
                                padding:  24px 12px 24px 12px;
                                transform:translate( -50%,-50% );
                                border:   1px solid RGB( 160,160,160 );
                                background-color: RGBa( 255,255,255,0.9 );
                              }

.uTd-buttonSelected           { width: 60px;
                                height: 24px;
                                background-color: RGB( 205,23,25 );
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-buttonSelected a         { width: 60px;
                                height: 24px;
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-button                   { width: 60px;
                                height: 24px;
                                background-color: RGBa( 205,23,25,0.3 );
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-button a                 { width: 60px;
                                height: 24px;
                                padding: 6px;
                                color:RGB( 255,255,255 );
                                font-weight: bold;
                                text-align: center;
                              }
.uTd-button:hover             { background-color: RGB( 205,23,25 ); }
.uTd-button:focus             { background-color: RGB( 205,23,25 ); }
.uTd-button:active            { background-color: RGB( 205,23,25 ); }

.pTd-pane                     { background-color: RGBa( 90,90,90,0.1 );
                                width: 50%;
                                padding: 1px 1px 1px 1px;
                                border: 1px solid silver;
                                line-height: 110%;
                                text-align: left;
                              }
.pTd-left                     { width: 25%;
                                line-height: 110%;
                                padding: 2px 8px 2px 8px;
                                border: 1px solid RGB( 255,255,255 );
                                text-align: left;
                              }
.pTd-right                    { width: 25%;
                                line-height: 110%;
                                padding: 2px 8px 2px 8px;
                                border: 1px solid RGB( 255,255,255 );
                                text-align: right;
                              }
.pTd-more                     { line-height: 110%;
                                padding: 2px 0 2px 0;
                                border: 1px solid RGB( 255,255,255 );
                                text-align: left;
                              }

.nextButton                   { margin: 0;
                                padding: 6px 12px 6px 12px;
                                background-color: RGB( 205,23,25 );
                                font-weight: bold;
                                color: RGB( 255,255,255 );
                                cursor: pointer;
                              }
.nextDisabled                 { margin: 0;
                                padding: 6px 12px 6px 12px;
                                background-color: RGB( 220,220,220 );
                                font-weight: bold;
                                color: RGB( 255,255,255 );
                                cursor: pointer;
                              }

.cclist                       { color: RGB( 100,100,100 );
                                font-size: 15px;
                                font-weight: normal;
                              }
.cclist a                     { color: RGB( 100,100,100 );
                                font-size: 15px;
                                font-weight: normal;
                              }

.ccdelete                     { background-color: RGB( 60,60,60 );
                                color: RGB( 200,200,200 );
                                font-size: 15px;
                                font-weight: bold;
                                line-height: 80%;
                              }
.ccdelete a                   { display: inline-block;
                                color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                line-height: 80%;
                                margin-top: 5px;
                              }
.ccdelete:hover               { background-color: RGB( 0,0,0 ); color: RGB( 0,0,0 ); }
.ccdelete:focus               { background-color: RGB( 0,0,0 ); color: RGB( 0,0,0 ); }
.ccdelete:active              { background-color: RGB( 0,0,0 ); color: RGB( 0,0,0 ); }

.addrTab                      { width: 100%; margin: -8px 0 0 -8px; }
.addrTd0                      { width: 100%;
                                color: RGB( 205,23,25 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 0;
                                border:  0;
                              }
.addrTd1                      { width:  33%;  padding: 0; border:1px solid RGB( 160,160,160 ); }
.addrTd2                      { width:  66%;  padding: 0; border:1px solid RGB( 160,160,160 ); }
.addrTd3                      { width:  auto; padding: 0; border:1px solid RGB( 160,160,160 ); }
.addrTd4                      { height: 24px; padding: 0; border: 0; }

.addrInput1                   { width: 94%;
                                margin: 0;
                                padding: 8px;
                                font-size: 1em;
                                outline: none;
                                border: 0;
                                background-color: transparent;
                              }

.addrInput1:hover             { border:0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput1:focus             { border:0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput1:active            { border:0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput2                   { width: 94%;
                                margin: 0;
                                padding: 8px;
                                font-size: 1em;
                                outline: none;
                                border: 0;
                                background-color: transparent;
                              }
.addrInput2:hover             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput2:focus             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput2:active            { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput3                   { width: 94%;
                                margin: 0;
                                padding: 8px;
                                font-size: 1em;
                                outline: none;
                                border: 0;
                                background-color: transparent;
                              }

.addrInput3:hover             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput3:focus             { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrInput3:active            { border: 0; box-shadow: 0 0 0 0 RGBa( 0,0,0,0 ); }
.addrAlt                      {-webkit-appearance: none;
                               -moz-appearance: none;
                                width:  100%;
                                height: 32px;
                                background-color: RGB( 250,250,250 );
                                border: 1px solid RGB( 250,250,250 );
                                outline: none;
                                font-family: "Gotham A", "Gotham B", Arial, sans-serif;
                                color: RGB( 0,0,0 );
                                line-height: 150%;
                                font-weight: normal;
                                font-size: 14px;
                                text-align: left;
                                padding: 4px 0 4px 0;
                                margin: 0;
                                cursor: pointer;
                              }
.addrHide                     { display: none;  width: 100%; }
.addrShow                     { display: table; width: 100%; }

.checkoutBtn                  { width: 100%;
                                height: 32px;
                                background-color: RGB( 60,60,60 );
                                border: 1px solid RGB( 60,60,60 );
                                outline: none;
                                color: RGB( 200,200,200 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }
.checkoutBtn:hover            { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.checkoutBtn:focus            { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.checkoutBtn:active           { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.checkoutBtnSuccess           { width: 100%;
                                height: 32px;
                                background-color: RGB( 60,150,60 );
                                border: 1px solid RGB( 60,150,60 );
                                outline: none;
                                color: RGB( 255,255,255 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }
.checkoutBtnFailed            { width: 100%;
                                height: 32px;
                                background-color: RGB( 205,23,25 );
                                border: 1px solid RGB( 205,23,25 );
                                outline: none;
                                color: RGB( 255,255,255 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }
.checkoutBtnDisabled          { width: 100%;
                                height: 32px;
                                background-color: RGB( 200,200,200 );
                                border: 1px solid RGB( 200,200,200 );
                                outline: none;
                                color: RGB( 255,255,255 );
                                font-weight: bold;
                                padding: 4px;
                                cursor: pointer;
                              }

.addrSaveBtn                  { width: 100%;
                                height: 32px;
                                background-color: RGB( 220,220,220 );
                                border: 1px solid RGB( 220,220,220 );
                                outline: none;
                                color: RGB( 100,100,100 );
                                padding: 4px;
                                cursor: pointer;
                              }
.addrSaveBtn:hover            { background-color: RGB( 200,200,200 ); color: RGB( 0,0,0 ); }
.addrSaveBtn:focus            { background-color: RGB( 200,200,200 ); color: RGB( 0,0,0 ); }
.addrSaveBtn:active           { background-color: RGB( 200,200,200 ); color: RGB( 0,0,0 ); }

.addrSelect                   {-webkit-appearance: none;
                               -moz-appearance: none;
                                width:  100%;
                                height: 32px;
                                background-color: RGB( 60,60,60 );
                                border: 1px solid RGB( 60,60,60 );
                                outline: none;
                                font-family: "Gotham A", "Gotham B", Arial, sans-serif;
                                color: RGB( 255,255,255 );
                                line-height: 150%;
                                font-weight: normal;
                                font-size: 16px;
                                text-align: left;
                                padding: 4px;
                                margin: 0;
                                cursor: pointer;
                              }
.addrLabel                    { display: block;
                                position: relative;
                                left: -10px;
                                color: RGB( 0,0,0 );
                                font-weight: normal;
                              }

.addrButton0                  { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 6px 8px 12px;
                                background-color: RGB( 200,200,200 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrButton0 p                { color: RGB( 255,255,255 );font-size: 15px; }
.addrButton0:hover            { background-color: RGB( 100,100,100 ); }
.addrButton0:focus            { background-color: RGB( 100,100,100 ); }
.addrButton0:active           { background-color: RGB( 100,100,100 ); }
.addrButton1                  { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 200,200,200 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrButton1 p                { color: RGB( 255,255,255 );font-size: 15px; }
.addrButton1:hover            { background-color: RGB( 100,100,100 ); }
.addrButton1:focus            { background-color: RGB( 100,100,100 ); }
.addrButton1:active           { background-color: RGB( 100,100,100 ); }
.addrButton2                  { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 200,200,200 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrButton2 p                { color: RGB( 255,255,255 );font-size: 15px; }
.addrButton2:hover            { background-color: RGB( 100,100,100 ); }
.addrButton2:focus            { background-color: RGB( 100,100,100 ); }
.addrButton2:active           { background-color: RGB( 100,100,100 ); }
.addrTitle0                   { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 205,23,25 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrTitle1                   { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 205,23,25 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }
.addrTitle2                   { color: RGB( 255,255,255 );
                                font-size: 15px;
                                font-weight: bold;
                                padding: 8px 12px 8px 12px;
                                background-color: RGB( 205,23,25 );
                                border-style: solid;
                                border-color: RGB( 255,255,255 );
                                border-width: 0 4px 8px 0;
                                cursor: pointer;
                              }

.dzDiv                       { border: 0; }
.dzBorder                    { width:  932px;
                               height: 110px;
                               border: 2px dotted RGBa(0,0,0, 1.0 );
                               margin: 0 0 0 0;
                             }
.dzBorderOver                { border: 2px dotted RGBa(255,255,0, 1.0 ); }
.dzForm                      { width:  932px;
                               height: 110px;
                               background-color:RGBa(0,0,0, 0.06 );
                             }
.dzThumb                     { width:  200px;
                               height: 200px;
                               padding: 0px;
                               background-color: RGB( 230,230,230 );
                               border: 1px solid RGB( 230,230,230 );
                               background-image: url(/img/busy.gif);
                               background-repeat: no-repeat;
                               background-size: 24px 24px;
                               background-position: center center;
                             }
.dzThumbAjax                 { width:  200px;
                               height: 200px;
                               padding: 0px;
                               background-color: RGB( 255,255,255 );
                               background-image: url(/img/busy00.gif);
                               background-repeat: no-repeat;
                               background-size: 24px 24px;
                               background-position: center center;
                               border: 1px solid RGB( 230,230,230 );
                             }
.dzThumbIdle                 { width:  200px;
                               height: 200px;
                               padding: 0px;
                               background-color: RGB( 240,240,240 );
                               background-image: url(/img/.gif);
                               background-repeat: no-repeat;
                               background-size: 24px 24px;
                               background-position: center center;
                               border: 1px solid RGB( 230,230,230 );
                             }
.dzInfo                      { padding: 0px 4px 0px 0px; }
.dzButton                    { width: 140px;
                               background-color: RGB(180,180,180);
                               text-align: center;
                               cursor: pointer;
                             }
.dzButton:hover              { background-color: RGB( 60,60,60 ); }
.dzButton:focus              { background-color: RGB( 10,10,10 ); }
.dzButton:active             { background-color: RGB( 10,10,10 ); }

.dzTabNone                   { background-color: RGB( 60,60,60 );
                               text-align: center;
                               cursor: pointer;
                             }
.dzTabSucc                   { background-color: RGB( 205,23,25 );
                               text-align: center;
                               cursor: pointer;
                             }
.dzTabCorr                   { background-color: RGB( 30,130,5 );
                               text-align: center;
                               cursor: pointer;
                             }
.dzTabWarn                   { background-color: RGB( 245,80,0 );
                               text-align: center;
                               cursor: pointer;
                             }
.dzTabFail                   { background-color: RGB( 205,23,25 );
                               text-align: center;
                               cursor: pointer;
                             }
.dzTabCrit                   { background-color: RGB( 205,23,25 );
                               text-align: center;
                               cursor: pointer;
                             }

.dzButtonCorr                { background-color: RGB( 180,180,180 );
                               padding: 7px 24px 0 24px;
                               text-align: center;
                               cursor: pointer;
                             }
.dzButtonCorr:hover          { background-color: RGB( 60,60,60 ); }
.dzButtonCorr:focus          { background-color: RGB( 10,10,10 ); }
.dzButtonCorr:active         { background-color: RGB( 10,10,10 ); }
.dzPitstop                   { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              44px;
                               width:              24px;
                               height:             20px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   transparent;
                               border:             1px solid RGB( 220,220,220 );
                               cursor:             pointer;
                               padding:            3px 0 0 0;
                             }
.dzPitstopSucc               { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              44px;
                               width:              24px;
                               height:             20px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 10,140,10 );
                               border:             1px solid RGB( 10,140,10 );
                               cursor:             pointer;
                               padding:            3px 0 0 0;
                             }
.dzPitstopWarn               { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              44px;
                               width:              24px;
                               height:             20px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 245,80,0 );
                               border:             1px solid RGB( 245,80,0 );
                               cursor:             pointer;
                               padding:            3px 0 0 0;
                             }
.dzPitstopFail               { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              44px;
                               width:              24px;
                               height:             20px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 205,23,25 );
                               border:             1px solid RGB( 205,23,25 );
                               cursor:             pointer;
                               padding:            3px 0 0 0;
                             }

.dzBusy                      { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              12px;
                               width:              24px;
                               height:             24px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-image:   URL(/im/?img=busy);
                               background-size:    24px 24px;
                               background-position:middle middle;
                               background-repeat:  no-repeat;
                               border:             0;
                               cursor:             pointer;
                               padding:            0 0 0 0;
                             }
.dzIdle                      { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              12px;
                               width:              24px;
                               height:             24px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-image:   URL(/im/?img=idle);
                               background-size:    24px 24px;
                               background-position:middle middle;
                               background-repeat:  no-repeat;
                               border:             0;
                               cursor:             pointer;
                               padding:            0 0 0 0;
                             }

.dzCloser                    { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              12px;
                               width:              24px;
                               height:             20px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 0,0,0 );
                               border:             1px solid RGB( 0,0,0 );
                               cursor:             pointer;
                               padding:            3px 0 0 0;
                             }
.dzCloser:hover              { background-color: RGB(60,60,60); color:RGB(255,255,255); }
.dzCloser:focus              { background-color: RGB(10,10,10); color:RGB(255,255,255); }
.dzCloser:active             { background-color: RGB(10,10,10); color:RGB(255,255,255); }
.dzCloserDisabled            { display:            block;
                               position:           absolute;
                               top:                12px;
                               right:              12px;
                               width:              24px;
                               height:             20px;
                               font-size:          18px;
                               font-weight:        bold;
                               color:              RGB( 255,255,255 );
                               text-align:         center;
                               background-color:   RGB( 220,220,220 );
                               border:             1px solid RGB( 220,220,220 );
                               cursor:             pointer;
                               padding:            3px 0 0 0;
                             }

.pageThumb                   { width:              170px;
                               height:             170px;
                               background-color:   RGB( 230,230,230 );
                               border:             2px solid RGB( 200,200,200 );
                               padding:            4px 0 4px 0;
                             }
.pageThumb:hover             { border:             2px solid RGB( 205,23,25 ); }
.pageThumb:focus             { border:             2px solid RGB( 205,23,25 ); }
.pageThumb:active            { border:             2px solid RGB( 205,23,25 ); }
.pageThumbDisabled           { width:              170px;
                               height:             170px;
                               background-color:   RGB( 248,248,248 );
                               border:             2px solid RGB( 200,200,200 );
                               padding:            4px 0 4px 0;
                             }

.pageThumbDownload p         { display:            block;
                               position:           absolute;
                               right:              22px;
                               top:                2px;
                               width:              18px;
                               height:             18px;
                               background-color:   RGB(160,160,160);
                               color:              RGB( 255,255,255 );
                               font-size:          12px;
                               font-weight:        bold;
                               text-align:         center;
                             }
.pageThumbDownload:hover  p  { background-color: RGB( 0,0,0 ); }
.pageThumbDownload:focus  p  { background-color: RGB( 0,0,0 ); }
.pageThumbDownload:active p  { background-color: RGB( 0,0,0 ); }
.pageThumbCloser p           { display:            block;
                               position:           absolute;
                               right:              2px;
                               top:                2px;
                               width:              18px;
                               height:             18px;
                               background-color:   RGB( 0,0,0 );
                               color:              RGB( 255,255,255 );
                               font-weight:        bold;
                               text-align:         center;
                             }
.pageThumbCloser:hover  p    { background-color: RGB( 60,60,60 ); }
.pageThumbCloser:focus  p    { background-color: RGB( 60,60,60 ); }
.pageThumbCloser:active p    { background-color: RGB( 60,60,60 ); }
.pageThumbCloser2 p          { display:            block;
                               position:           absolute;
                               right:              0;
                               top:                70px;
                               width:              18px;
                               height:             18px;
                               background-color:   RGB(0,0,0);
                               color:              RGB( 255,255,255 );
                               font-weight:        bold;
                               text-align:         center;
                             }
.pageThumbCloser2:hover  p   { background-color: RGB( 230,230,230 ); }
.pageThumbCloser2:focus  p   { background-color: RGB( 230,230,230 ); }
.pageThumbCloser2:active p   { background-color: RGB( 230,230,230 ); }

.pitstopAddr                 { position:           absolute;
                               left:               0;
                               top:                0;
                               right:              0;
                               height:             260px;
                               background-image:   url(/img/lettertop.svg);
                               background-repeat:  no-repeat;
                               background-position:center top;
                               font-weight:        normal;
                               line-height:        140%;
                               padding:            200px 0 0 75px;
                             }
.pitstopStat                 { position:           absolute;
                               width:              90%;
                               left:               75px;
                               top:                360px;
                               font-weight:        normal;
                               line-height:        140%;
                             }
.pitstopResult               { position:           absolute;
                               width:              90%;
                               left:               75px;
                               top:                500px;
                               font-weight:        bold;
                               line-height:        140%;
                             }
.pitstopReport               { position:           absolute;
                               left:               0;
                               top:                500px;
                               right:              0;
                               font-weight:        bold;
                               line-height:        140%;
                             }
.pitstopXML                  { position:           absolute;
                               left:               75px;
                               top:                500px;
                               right:              0;
                               font-weight:        normal;
                               line-height:        140%;
                             }
.pitstopLegal                { display:            inline-block;
                               width:              90%;
                               font-weight:        normal;
                               line-height:        140%;
                             }
.pitstopBg                   { display:            block;
                               position:           fixed;
                               left:               0;
                               top:                0;
                               right:              0;
                               bottom:             0;
                               background-color:   RGBa( 100,100,100,0.3 );
                               text-align:         center;
                             }
.pitstopMsg                  { display:            block;
                               position:           absolute;
                               width:              900px;
                               left:              -472px;
                               top:                12px;
                               bottom:             12px;
                               margin:             0 50% 0 50%;
                               padding:            24px;
                               background-color:   RGB( 255,255,255 );
                               text-align:         left;
                               overflow:           auto;
                             }
.pitstopCloser               { display:            block;
                               position:           absolute;
                               width:              24px;
                               height:             24px;
                               right:              0;
                               top:                0;
                               background-color:   RGB( 60,60,60 );
                               color:              RGB( 200,200,200 );
                               font-weight:        bold;
                               font-size:          19px;
                               line-height:        80%;
                               text-align:         center;
                               padding:            8px 4px 0 4px;
                               cursor:             pointer;
                               overflow:           hidden;
                             }
.pitstopCloser:hover         { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.pitstopCloser:focus         { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.pitstopCloser:active        { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

.pitstopStatWait             { display:            block;
                               width:              16px;
                               height:             16px;
                               font-size:          11px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 220,220,220 );
                               border:             1px solid RGB( 200,200,200 );
                               cursor:             pointer;
                               padding:            0;
                             }
.pitstopStatSucc             { display:            block;
                               width:              16px;
                               height:             16px;
                               font-size:          11px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 10,140,10 );
                               border:             1px solid RGB( 10,140,10 );
                               cursor:             pointer;
                               padding:            0;
                             }
.pitstopStatWarn             { display:            block;
                               width:              16px;
                               height:             16px;
                               font-size:          11px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 245,80,0 );
                               border:             1px solid RGB( 245,80,0 );
                               cursor:             pointer;
                               padding:            0;
                             }
.pitstopStatFail             { display:            block;
                               width:              16px;
                               height:             16px;
                               font-size:          11px;
                               font-weight:        bold;
                               color:              RGB( 200,200,200 );
                               text-align:         center;
                               background-color:   RGB( 205,23,25 );
                               border:             1px solid RGB( 205,23,25 );
                               cursor:             pointer;
                               padding:            0;
                             }

.letterTab                   { position:           absolute;
                               display:            block;
                               left:               0;
                               top:                0;
                               line-height:        140%;
                             }
.letterTop                   { width:              936px;
                               height:             280px;
                               background-image:   url(/img/lettertop.svg);
                               background-size:    100%;
                               background-position:left top;
                               background-repeat:  no-repeat;
                               padding:            236px 80px 0 108px;
                               border:             0;
                             }
.letterLeading               { width:              100px;
                               height:             auto;
                               padding:            0 8px 0 0;
                               border:             0;
                             }
.letterPitstop               { width:              auto;
                               height:             auto;
                               padding:            0 80px 0 0;
                               border:             0;
                             }
.letterMiddle                { width:              936px;
                               height:             156px;
                               background-image:   URL(/img/pitstopbar.png);
                               background-size:    100%;
                               background-position:center center;
                               background-repeat:  no-repeat;
                               padding:            0 0 0 0;
                               border:             0;
                             }
.letterBottom                { width:              936px;
                               height:             auto;
                               background-image:   URL(/img/letterbottom.svg);
                               background-size:    100%;
                               background-position:left bottom;
                               background-repeat:  no-repeat;
                               padding:            12px 80px 140px 108px;
                               border:             0;
                             }
.letterLine                  { border:             0;
                               height:             1px;
                               background-color:   RGB( 200,200,200 );
                               outline:            0;
                             }

.preflightAddr               { position:           absolute;
                               left:               0;
                               top:                0;
                               right:              0;
                               height:             260px;
                               background-image:   URL(/img/lettertop.svg);
                               background-repeat:  no-repeat;
                               background-position:center top;
                               font-weight:        normal;
                               line-height:        140%;
                               padding:            200px 0 0 75px;
                             }
.preflightStat               { position:           absolute;
                               width:              90%;
                               left:               75px;
                               top:                360px;
                               font-weight:        normal;
                               line-height:        140%;
                             }
.preflightResult             { position:           absolute;
                               width:              90%;
                               left:               75px;
                               top:                500px;
                               font-weight:        bold;
                               line-height:        140%;
                             }
.preflightLegal              { display:            inline-block;
                               width:              90%;
                               font-weight:        normal;
                               line-height:        140%;
                             }
.preflightBg                 { display:            block;
                               position:           fixed;
                               left:               0;
                               top:                0;
                               right:              0;
                               bottom:             0;
                               background-color:   RGBa( 100,100,100,0.3 );
                               text-align:         center;
                             }
.preflightMsg                { display:            block;
                               position:           absolute;
                               width:              900px;
                               left:              -472px;
                               top:                12px;
                               bottom:             12px;
                               margin:             0 50% 0 50%;
                               padding:            24px;
                               background-color:   RGB( 255,255,255 );
                               text-align:         left;
                               overflow:           auto;
                             }
.preflightCloser             { display:            block;
                               position:           absolute;
                               width:              24px;
                               height:             24px;
                               right:              0;
                               top:                0;
                               background-color:   RGB( 60,60,60 );
                               color:              RGB( 200,200,200 );
                               font-weight:        bold;
                               font-size:          19px;
                               line-height:        80%;
                               text-align:         center;
                               padding:            8px 4px 0 4px;
                               cursor:             pointer;
                               overflow:           hidden;
                             }
.preflightCloser:hover       { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.preflightCloser:focus       { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.preflightCloser:active      { background-color: RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

.imageBg                     { display:            block;
                               position:           fixed;
                               left:               0;
                               top:                0;
                               right:              0;
                               bottom:             0;
                               background-color:   RGBa( 100,100,100,0.3 );
                               text-align:         center;
                             }
.imageImage                  { background-color:    RGB( 255,255,255 );
                               overflow:            auto;
                             }
.imageCloser                 { display:             block;
                               position:            absolute;
                               width:               24px;
                               height:              24px;
                               right:               8px;
                               top:                 8px;
                               background-color:    RGB( 60,60,60 );
                               color:               RGB( 200,200,200 );
                               font-weight:         bold;
                               font-size:           19px;
                               line-height:         80%;
                               text-align:          center;
                               padding:             8px 4px 0 4px;
                               cursor:              pointer;
                               overflow:            hidden;
                             }
.imageCloser:hover           { background-color:    RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.imageCloser:focus           { background-color:    RGB( 0,0,0 ); color: RGB( 255,255,255 ); }
.imageCloser:active          { background-color:    RGB( 0,0,0 ); color: RGB( 255,255,255 ); }

.imagesBg                    { display:             block;
                               position:            fixed;
                               left:                0;
                               top:                 0;
                               right:               0;
                               bottom:              0;
                               background-color:    RGBa( 100,100,100,0.3 );
                               text-align:          center;
                             }
.imagesMsg                   { display:             block;
                               position:            absolute;
                               width:               900px;
                               left:               -472px;
                               top:                 12px;
                               bottom:              12px;
                               margin:              0 50% 0 50%;
                               padding:             24px;
                               background-color:    RGB( 255,255,255 );
                               text-align:          left;
                               overflow:            auto;
                             }
.imagesCloser                { display:             block;
                               position:            absolute;
                               width:               24px;
                               height:              24px;
                               right:               0;
                               top:                 0;
                               background-color:    RGB( 60,60,60 );
                               color:               RGB( 200,200,200 );
                               font-weight:         bold;
                               font-size:           19px;
                               line-height:         80%;
                               text-align:          center;
                               padding:             8px 4px 0 4px;
                               cursor:              pointer;
                               overflow:            hidden;
                             }

.orderoverview               { z-index:             1000;
                               display:             block;
                               position:            fixed;
                               width:               484px;
                               left:               -40px;
                               top:                 180px;
                               bottom:              12px;
                               padding:             12px;
                               margin:              0 50% 0 50%;
                               border:              1px solid RGB( 0,0,0 );
                               background-color:    RGB( 230,230,230 );
                               overflow:            auto;
                             }

.checkoutoverview            { z-index:             1000;
                               display:             block;
                               position:            fixed;
                               width:               484px;
                               left:               -40px;
                               top:                 180px;
                               bottom:              12px;
                               padding:             12px;
                               margin:              0 50% 0 50%;
                               border:              1px solid RGB( 0,0,0 );
                               background-color:    RGB( 230,230,230 );
                               overflow:            auto;
                             }

.dzone-section-upload        { }
.dzone-section-setup         { }
.dzone-section-pages         { }

.infoDivBg                   { display:             block;
                               position:            fixed;
                               left:                0;
                               top:                 0;
                               right:               0;
                               bottom:              0;
                               background-color:    RGBa( 100,100,100,0.3 );
                               text-align:          center;
                             }
.infoDivMsg                  { display:             block;
                               position:            absolute;
                               width:               920px;
                               left:               -470px;
                               top:                 12px;
                               bottom:              12px;
                               margin:              0 50% 0 50%;
                               padding:             24px;
                               padding-right:       0;
                               background-color:    RGBa( 255,255,255,0.9 );
                               text-align:          left;
                               overflow:            auto;
                             }
.infoCenterMsg               { display:             block;
                               position:            absolute;
                               width:               910px;
                               left:               -467px;
                               margin:              0 50% 0 50%;
                               padding:             24px;
                               padding-right:       0;
                               background-color:    RGBa( 255,255,255,0.9 );
                               text-align:          left;
                               overflow:            auto;
                             }
.infoDivCloser               { display:             inline;
                               position:            fixed;
                               width:               886px;
                               height:              24px;
                               top:                 48px;
                               background-image:    url(/img/closerbgout.png);
                               background-repeat:   no-repeat;
                               background-position: right;
                               color:               RGB( 200,200,200 );
                               font-weight:         bold;
                               font-size:           19px;
                               line-height:         80%;
                               text-align:          right;
                               margin:              0 0 50% 0;
                               padding:             4px 10px 0 4px;
                               cursor:              pointer;
                               overflow:            hidden;
                             }
.infoDivCloser:hover         { background-image: url(/img/closerbgover.png); color: RGB( 255,255,255 ) }
.infoDivCloser:focus         { background-image: url(/img/closerbgover.png); color: RGB( 255,255,255 ) }
.infoDivCloser:active        { background-image: url(/img/closerbgover.png); color: RGB( 255,255,255 ) }


/*
#################################################################################
#
# The MIT License
# Copyright (c) 2012 Matias Meno <m@tias.me>
#
#################################################################################
201503001 */

@-webkit-keyframes passing-through {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%, 70%  { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
100%      { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
}
@-moz-keyframes passing-through {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%, 70%  { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
100%      { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
}
@keyframes passing-through {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%, 70%  { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
100%      { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); }
}
@-webkit-keyframes slide-in {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%       { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
}
@-moz-keyframes slide-in {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%       { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
}
@keyframes slide-in {
0%        { opacity: 0; -webkit-transform: translateY( 40px); -moz-transform: translateY( 40px); -ms-transform: translateY( 40px); -o-transform: translateY( 40px); transform: translateY( 40px); }
30%       { opacity: 1; -webkit-transform: translateY(  0px); -moz-transform: translateY(  0px); -ms-transform: translateY(  0px); -o-transform: translateY(  0px); transform: translateY(  0px); }
}
@-webkit-keyframes pulse {
0%        { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
10%       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20%       { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
}
@-moz-keyframes pulse {
0%        { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
10%       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20%       { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
}
@keyframes pulse {
0%        { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
10%       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20%       { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
}

/*
#################################################################################
#
# dropzone
#
#################################################################################
201503001 */

.dropzone, .dropzone *                            { box-sizing:           border-box; }
.dropzone                                         { min-height:           64px;
                                                    border:               0px;
                                                    padding:              0px 0px;
                                                   }
.dropzone .dz-clickable                            { cursor:              pointer; }
.dropzone .dz-clickable *                          { cursor:              default; }
.dropzone .dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
                                                     cursor:              pointer; }
.dropzone .dz-started .dz-message                  { display:             none;    }
.dropzone .dz-drag-hover                           { border-style:        solid;   }
.dropzone .dz-drag-hover .dz-message               { opacity:             0.5;     }
.dropzone .dz-message                              { text-align:          center;
                                                     margin:              2em 0;
                                                   }
.dz-default span                                   { display:             none;    }

/*
#################################################################################
#
# dropzone: aktionspalette
#
#################################################################################
201503001 */

.dropzone                                           { display:           block;
                                                      position:          absolute;
                                                      z-index:           100;
                                                      top:              -10px;
                                                      left:              0px;
                                                      width:             100%;
                                                      height:            100%;
                                                      background-color:  RGBa( 255,255,255,0.3 );
                                                    }
.dz-preview                                         { display:           block;
                                                      position:          absolute;
                                                      z-index:           100;
                                                      top:               0px;
                                                      left:              0px;
                                                      width:             100%;
                                                      height:            100%;
                                                      background-color:  RGBa( 255,255,255,0.3 );
                                                    }
.dropzone .dz-preview:hover                         { ; }
/* --- die box -------------------------------------------------------------- */
.dz-details                                         { display:           block;
                                                      position:          absolute;
                                                      z-index:           102;
                                                      top:               40%;
                                                      left:              50%;
                                                      width:             928px;
                                                      height:            100px;
                                                      margin-left:      -464px;
                                                      margin-top:       -40px;
                                                      padding:           12px;
                                                      border:            1px solid RGB( 255,255,255 );
                                                      border-radius:     0;
                                                      background-color:  transparent;
                                                    }
.dropzone .dz-preview:hover .dz-details             { ; }
/* --- das vorschaubild ----------------------------------------------------- */
.dz-image                                           { display:           none;
                                                      position:          absolute;
                                                      z-index:           120;
                                                      top:               50%;
                                                      left:              50%;
                                                      width:             100px;
                                                      height:            100px;
                                                      margin-left:      -210px;
                                                      margin-top:       -70px;
                                                      padding:           8px;
                                                      border:            0;
                                                      border-radius:     0;
                                                      background-color:  RGB( 220,220,220 );
                                                    }
.dropzone .dz-preview .dz-image img                 { display:           none;
                                                      position:          relative;
                                                      z-index:           121;
                                                    }
/* --- der dateiname -------------------------------------------------------- */
.dz-filename                                        { opacity:           1;
                                                      display:           block;
                                                      position:          absolute;
                                                      z-index:           200;
                                                      top:               50%;
                                                      left:              50%;
                                                      width:             834px;
                                                      height:            24px;
                                                      margin-left:      -417px;
                                                      margin-top:       -48px;
                                                      padding:           0;
                                                      border:            0;
                                                      border-radius:     0;
                                                      background-color:  transparent;
                                                      text-align:        left;
                                                    }
.dropzone .dz-preview .dz-details .dz-filename span { opacity: 1; z-Index:201; color:RGB( 60,60,60 ); font-size:15px; font-weight:bold; }
/* --- die dateigroessenangabe ---------------------------------------------- */
.dz-size                                            { opacity:           1;
                                                      display:           block;
                                                      position:          absolute;
                                                      z-index:           202;
                                                      top:               50%;
                                                      left:              50%;
                                                      width:             800px;
                                                      height:            24px;
                                                      margin-left:      -400px;
                                                      margin-top:       -18px;
                                                      padding:           0;
                                                      border:            0;
                                                      border-radius:     0;
                                                      background-color:  transparent;
                                                      text-align:        right;
                                                    }
.dropzone .dz-preview .dz-details .dz-size span     { opacity: 1; z-Index:203; color:RGB( 240,240,420 ); font-size:15px; font-weight:bold; }
/* -------------------------------------------------------------------------- */
.dropzone .dz-preview .dz-file-preview .dz-details  { display:           none; }
.dropzone .dz-preview .dz-image-preview             { display:           none; }
.dropzone .dz-preview .dz-image-preview .dz-details { display:           none; }

.dropzone .dz-preview .dz-remove                    { display:           none; }
.dropzone .dz-preview .dz-remove:hover              { display:           none; }

.dropzone .dz-preview .dz-error .dz-error-mark      { display:           none; }
.dropzone .dz-preview .dz-error-mark                { display:           none; }
.dropzone .dz-preview .dz-error-mark svg            { display:           none; }

.dropzone .dz-preview .dz-success .dz-success-mark  { display:           none; }
.dropzone .dz-preview .dz-success-mark              { display:           none; }
.dropzone .dz-preview .dz-success-mark svg          { display:           none; }

/*
#################################################################################
#
# dropzone: zeitbedarfsbalken
#
#################################################################################
201503001 */

.dz-progress                                        { opacity:           1;
                                                      display:           inline-block;
                                                      position:          absolute;
                                                      z-index:           104;
                                                      top:               50%;
                                                      left:              50%;
                                                      width:             832px;
                                                      height:            32px;
                                                      margin-left:      -416px;
                                                      margin-top:       -18px;
                                                      pointer-events:    none;
                                                     -webkit-transform:  scale(1.0);
                                                      border:            1px solid RGB( 160,160,160 );
                                                      border-radius:     0px;
                                                      background:        RGBa( 60,60,60,0.2 );
                                                      overflow:          hidden;
                                                    }
.dropzone .dz-preview .dz-processing .dz-progress   { opacity:           1;
                                                      z-index:           105;
                                                     -webkit-transition: all 0.2s linear;
                                                     -moz-transition:    all 0.2s linear;
                                                     -ms-transition:     all 0.2s linear;
                                                     -o-transition:      all 0.2s linear;
                                                      transition:        all 0.2s linear;
                                                    }
.dropzone .dz-preview .dz-complete .dz-progress     { opacity:           0;
                                                      z-index:           106;
                                                     -webkit-transition: opacity 0.4s ease-in;
                                                     -moz-transition:    opacity 0.4s ease-in;
                                                     -ms-transition:     opacity 0.4s ease-in;
                                                     -o-transition:      opacity 0.4s ease-in;
                                                      transition:        opacity 0.4s ease-in;
                                                    }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
                                                      z-index:           107;
                                                     -webkit-animation:  pulse 6s ease infinite;
                                                     -moz-animation:     pulse 6s ease infinite;
                                                     -ms-animation:      pulse 6s ease infinite;
                                                     -o-animation:       pulse 6s ease infinite;
                                                      animation:         pulse 6s ease infinite;
                                                    }
.dropzone .dz-preview .dz-progress .dz-upload       { opacity:           1;
                                                      z-Index:           108;
                                                      position:          absolute;
                                                      left:              0;
                                                      top:               0;
                                                      width:             0;
                                                      bottom:            0;
                                                     -webkit-transition: width 300ms ease-in-out;
                                                     -moz-transition:    width 300ms ease-in-out;
                                                     -ms-transition:     width 300ms ease-in-out;
                                                     -o-transition:      width 300ms ease-in-out;
                                                      transition:        width 300ms ease-in-out;
                                                      background:        RGBa( 255,13,15,0.76 );
                                                    }

/*
#################################################################################
#
# dropzone: fehlermeldungen
#
#################################################################################
201503001 */

.dropzone .dz-preview .dz-error .dz-error-message   { display: block;  }
.dropzone .dz-preview .dz-error:hover .dz-error-message {
                                                      opacity: 1;
                                                      pointer-events: auto;
                                                    }
.dropzone .dz-preview .dz-error-message             { pointer-events: none;
                                                      z-index: 1000;
                                                      position: absolute;
                                                      display: block;
                                                      display: none;
                                                      opacity: 0;
                                                     -webkit-transition: opacity 0.3s ease;
                                                     -moz-transition:    opacity 0.3s ease;
                                                     -ms-transition:     opacity 0.3s ease;
                                                     -o-transition:      opacity 0.3s ease;
                                                      transition:        opacity 0.3s ease;
                                                      border-radius: 0px;
                                                      font-size: 13px;
                                                      top: 130px;
                                                      left: -10px;
                                                      width: 140px;
                                                      background: #be2626;
                                                      background: linear-gradient( to bottom, #be2626, #a92222 );
                                                      padding: 0.5em 1.2em;
                                                      color: white;
                                                    }
.dropzone .dz-preview .dz-error-message:after       { content: '';
                                                      position: absolute;
                                                      top: -6px;
                                                      left: 64px;
                                                      width: 0;
                                                      height: 0;
                                                      border-left:   6px solid transparent;
                                                      border-right:  6px solid transparent;
                                                      border-bottom: 6px solid #be2626;
                                                    }