/* ä */

html {
    width: 100%;
    height: 100%;
}

body {
    font-family: Arial;
    font-size: 12px;

    margin: 0px;
    padding: 0px;

    background: #2364DC;
}

body > div {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 300px;

    margin-top: -55px;
    margin-left: -150px;

    border: 1px #000000 solid;

    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari, Chrome */
    -khtml-border-radius: 8px; /* Konqueror */
    border-radius: 8px; /* CSS3 */

    -moz-box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.4);

    background: #ffffff;

    background-image: url('images/login_form_bg.png');
    background-position: bottom right;
    background-repeat: repeat-x;
}

body > div > div {
    padding: 10px;
}

body > div > div > h1 {
    font-size: 18px;

    margin: 0px;

    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}


/* Message - Start */

body > div > div > div#messages > div {
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 26px;

    margin-bottom: 10px;

    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border: 3px; /* Konqueror */
    border-radius: 3px; /* CSS3 */
}

body > div > div > div#messages > div.info {
    background: #CEDDEC;

    background-image: url('icons/information.png');
    background-position: 5px center;
    background-repeat: no-repeat;

    border: 1px solid #6C9AC7;
}

body > div > div > div#messages > div.error {
    background: #ffdddd;

    background-image: url('icons/cross.png');
    background-position: 5px center;
    background-repeat: no-repeat;

    border: 1px solid #ff0000;
    color: #cc0000;
}

body > div > div > div#messages > div.success {
    background: #d0ffcc;

    background-image: url('icons/tick.png');
    background-position: 5px center;
    background-repeat: no-repeat;

    border: 1px solid #008800;
    color: #005500;
}

body > div > div > div#messages > div.warning {
    background: #ffee99;

    background-image: url('icons/error.png');
    background-position: 5px center;
    background-repeat: no-repeat;

    border: 1px solid #cc8800;
    color: #884400;
}

body > div > div > div#messages > div.maintenance {
    background: #ffee99;

    background-image: url('icons/wrench_orange.png');
    background-position: 5px center;
    background-repeat: no-repeat;

    border: 1px solid #cc8800;
    color: #884400;
}

/* Message - Ende */


body > div > div > form {
    margin: 0px;
    padding: 0px;
}

body > div > div > form > div {
    overflow: auto; /* expand div */
    clear: both;

    padding-top: 5px;
    padding-bottom: 5px;

    border-top: 1px #aaaaaa solid;

    line-height: 19px;
}

body > div > div > form > div:first-child {
    border-top: none;
}

body > div > div > form > div > label {
    font-family: Arial;
    font-size: 12px;
}

body > div > div > form > div > input, body > div > div > form > div > select {
    width: 170px;

    float: right;

    font-family: Arial;
    font-size: 12px;

    border: 1px #aaaaaa solid;
}
body > div > div > form > div > select {
    width: 176px;
}

body > div > div > form > input, body > div > div > form > select {
    margin-top: 5px;

    background: #e0e0e0;

    border: 1px #aaaaaa solid;
}