* { border              : 0 none;
    margin              : 0;
    padding             : 0;
    }

body {
    margin              : auto;
    width               : 50em;
    color               : #fff;
    background-color    : #666;
    font-family         : verdana, arial, sans-serif;
    font-size           : x-small;
    }

#screen {
    position            : absolute;
    top                 : 50%;
    overflow            : visible;
    visibility          : visible;
    display             : block;
    }

#main {
    position            : absolute;
    top                 : -14.5em;
    width               :  48em;
    height              :  28em;
    visibility          : visible;
    color               : #fff;
    background-color    : #f2f2f2;
    border              : 1em solid #fff;
    }

* html body #main { /* <= IE6 */
    width               : 47.7em;
    height              : 27.7em;
    }

*+html body #main { /* == IE7 */
    width               : 47.7em;
    height              : 27.7em;
    }

p {
    padding-bottom      : 1em;
    font-size           : 1.1em;
    }

input {
    padding             : 2px 2px;
    height              : 16px;
    line-height         : 16px;
    max-height          : 20px;
    font-family         : verdana, arial, sans-serif;
    font-size           : 12px;
    letter-spacing      : 0;
    }

* html body input { /* <= IE6 */
    padding             : 0 2px;
    }

*+html body input { /* == IE7 */
    padding             : 2px 2px;
    }

#content {
    position            : absolute;
    width               :  48em;
    height              :  23.5em;
    background-image    : url(../img/universal-inkasso-login-header.png);
    background-position : top left;
    background-repeat   : no-repeat;
    }

#content #schirm {
    position            : relative;
    top                 : -3.4em;
    left                : 23.8em;
    width               : 24.2em;
    height              : 26.9em;
    background-image    : url(../img/universal-inkasso-mann.png);
    background-position : top left;
    background-repeat   : no-repeat;
    z-index             : 10000;
    }

* html body #content #schirm { /* <= IE6 */
    background-image    : url(../img/universal-inkasso-mann.gif);
    }

#login {
    position            : relative;
    top                 : -18.75em;
    left                :  0.5em;
    width               : auto;
    height              : 15em;
    line-height         : 15em;
    }

#login h1 {
    position            : relative;
    top                 :  1.2em;
    left                :  2.9em;
    width               : 16.5em;
    height              :  2.2em;
    line-height         :  2.2em;
    font-size           :  1.2em;
    }

#login #uid,
#login #pass {
    position            : relative;
    top                 :  1.8em;
    left                :  3.5em;
    width               : 18em;
    height              :  2em;
    line-height         :  2em;
    }

#login #pass {
    top                 :  2.6em;
    }

#login label {
    position            : absolute;
    font-family         : verdana, arial, sans-serif;
    font-size           :  1.1em;
    }

#login input {
    position            : absolute;
    padding-left        :  0.25em;
    padding-right       :  0.25em;
    left                :  5.8em;
    width               :  6.8em;
    color               : #333;
    background-color    : #f2f2f2;
    border              : 1px solid #565656;
    }

#login input#password {
    letter-spacing      : 1px;
    }

#login input.send {
    position            : absolute;
    top                 :  0.3em;
    left                : 14.6em;
    /*left                : 16.8em;*/
    padding             :  0;
    width               : 16px;
    height              : 16px;
    max-height          : 16px;
    line-height         : 16px;
    border              : 0 none;
    background-color    : transparent;
    }

@media screen\0 { /* IE8-11 */
    #login input.send { left: 16.8em; }
    }

@supports (-ms-ime-align:auto) { /* Edge 12+ */
    #login input.send { left: 16.8em; }
    }

#login #infos {
    position            : relative;
    top                 :  3.7em;
    left                :  3.5em;
    width               : 18em;
    height              :  1.4em;
    line-height         :  1.4em;
    }

#login #infos b {
    font-weight         : 500;
    font-size           : 1.1em;
    }

#login #infos b.red { 
/*  color               : #e8131f; */
    color               : #fffc00;
    }

/* Fussleiste und Copyright */
#footer {
    position            : absolute;
    top                 : 24.5em;
    width               : 100%;
    font-size           :  1em;
    font-weight         : 500;
    height              :  3.5em;
    line-height         :  3.5em;
    color               : #656565;
    background-color    : #e5e5e5;
    }

#footer p {
    margin              : 0 auto;
    padding             : 0;
    vertical-align      : middle;
    text-align          : center;
    }

#footer a,
#footer b,
#footer small {
    font-size           : 0.9em;
    font-weight         : 500;
    }

#footer small {
    padding-left        : 1.2em;
    margin-left         : 0.5em;
    background-image    : url(../img/viereck.png);
    background-position : center left;
    background-repeat   : no-repeat;
    }

* html #footer small {
    background-image    : url(../img/viereck.png);
    }

#footer a,
#footer a:hover {
    color               : #656565;
    background-color    : #e5e5e5;
    text-decoration     : none;
    }

#footer a:hover {
    color               : #505252;
    }

#rot-links-unten,
#rot-rechts-unten {
    position            : absolute;
    width               : 1.7em;
    height              : 1.7em;
    }