Untitled

<html>
    <head>
        <title>login fenster</title>
        <style>
            @font-face {
                font-family:"Vegur-Light";
                src:url("Vegur-L_0600.eot?") format("eot"),url("Vegur-L_0600.woff") format("woff"),url("Vegur-L_0600.ttf") format("truetype"),url("Vegur-L_0600.svg#Vegur-Light") format("svg");
                font-weight:normal;font-style:normal;
            }

            body {
                background-color: #373737;
                background-image: url("bg.jpg");
                font-family: Myriad Pro;
                font-size: 12px;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

            a:link {
                text-decoration:none;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

            article .meta-info {
                filter: alpha(opacity=0);
                opacity: 0;

                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

            article:hover .meta-info {
                filter: alpha(opacity=1);
                opacity: 1;
            }

            .label_user {
                position: absolute;
                font-family: Vegur-Light;
                font-size: 16px;
                color: #b5b5b5;
                text-shadow: 1px 1px 1px rgba(0,0,0,.7);
                margin-left: 350px;
                margin-top: 335px;
            }

            .label_pass {
                position: absolute;
                font-family: Vegur-Light;
                font-size: 16px;
                color: #b5b5b5;
                text-shadow: 1px 1px 1px rgba(0,0,0,.7);
                margin-left: 350px;
                margin-top: 375px;
            }

            input[type=text] {
                position: absolute;
                font-family: "Myriad Pro";
                font-size: 12px;
                color: #9e9e9e;
                height: 40px;
                width: 308px;
                padding-left: 10px;
                text-decoration: none;
                background-color: transparent;
                border: 0px;
                background-image: url('input_user.png');
                background-repeat: repeat-x;
                margin-left: 420px;
                margin-top: 320px;
                outline: 0 none;
            }

            input[type=password] {
                position: absolute;
                font-family: "Myriad Pro";
                font-size: 12px;
                color: #9e9e9e;
                height: 40px;
                width: 308px;
                padding-left: 10px;
                text-decoration: none;
                background-color: transparent;
                border: 0px;
                background-image: url('input_pass.png');
                background-repeat: repeat-x;
                margin-left: 420px;
                margin-top: 365px;
                outline: 0 none;
            }

            .position {
                position: absolute;
                margin-left: -580px;
                margin-top: -450px;
                top: 50%;
                left: 50%;
            }

            input[type=submit] {
                position: absolute;
                background-color: transparent;
                background-image: url('loginbutton.png');
                background-repeat: no-repeat;
                background-position: center;
                text-transform: uppercase;
                border:0 none;
                text-shadow: 1px 1px 3px rgba(0,0,0,.2);
                height: 50px;
                width: 50px;
                margin-left: 705px;
                margin-top: 331px;
                outline: 0 none;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

            input[type=submit]:hover {
                position: absolute;
                background-color: transparent;
                background-image: url('loginbutton_hover.png');
                background-repeat: no-repeat;
                background-position: center;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -o-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }


        </style>
    </head>

    <body>
        <form action="#" method="POST">
            <div id="logo">
                <center><img src="http://forum.sacounty.de/wcf/images/simcity2012/logo_gruen.png" /></center>
            </div>
            <table class="position">
                <tbody>
                    <tr>
                        <td><font class="label_user">Benutzer:</font></td>
                        <td><input type="text" maxlength="40" placeholder="Benutzername"></td>
                    </tr>
                    <tr>
                        <td><font class="label_pass">Passwort:</font></td>
                        <td><input type="password" maxlength="40" placeholder="Passwort"></td>
                    </tr>
                    <tr>
                        <td><input type="submit" value=""></td>
                    </tr>
                </tbody>
        </form>
    </body>
</html>