diff --git a/mojotrollz/page/default_page/default_page.php b/mojotrollz/page/default_page/default_page.php
index 204382f..6e42c51 100644
--- a/mojotrollz/page/default_page/default_page.php
+++ b/mojotrollz/page/default_page/default_page.php
@@ -11,11 +11,11 @@ class default_page extends SYSTEM\PAGE\Page {
                 '<script type="text/javascript" language="JavaScript" src="'.SYSTEM\WEBPATH(new PPAGE(),'wizard_details/js/wizard_details.js').'"></script>';
     }
       
-   private function css (){
-       return   '<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">'.
-                '<link href="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/css/default_page.css').'" rel="stylesheet">'.
-                '<link href="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/css/font.css').'" rel="stylesheet">';
-   }
+    private function css (){
+        return   '<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">'.
+                 '<link href="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/css/default_page.css').'" rel="stylesheet">'.
+                 '<link href="'.SYSTEM\WEBPATH(new PPAGE(),'default_page/css/font.css').'" rel="stylesheet">';
+    }
 
     public function html(){
         $vars = array();               
diff --git a/mojotrollz/page/default_page/default_page.tpl b/mojotrollz/page/default_page/default_page.tpl
index e80f292..7998381 100644
--- a/mojotrollz/page/default_page/default_page.tpl
+++ b/mojotrollz/page/default_page/default_page.tpl
@@ -37,9 +37,35 @@
                             </div>
                             <div class="lifecraft" style="float: right; padding-right: 10px;">
                                 <h3>Login</h3>
-                                <input type="text" class="form-control input-lg" id="username" placeholder="${user_name}"></br>
-                                <input type="password" class="form-control input-lg" id="password" placeholder="${password}"></br>
-                                <input type="submit" class="form-control input-lg" id="login" value="Login">
+                                <form class="textbox" style="padding:10px" id="login_form">
+                                    <div class="control-group">
+                                        <div class="controls">
+                                            <input  type="text"
+                                                    size="30"
+                                                    style="margin-bottom: 15px;"
+                                                    id="bt_login_user"
+                                                    placeholder="${login_username}"
+                                                    minlength="3" data-validation-minlength-message="${login_username_too_short}"
+                                                    maxlength="16" data-validation-maxlength-message="${login_username_too_long}"
+                                                    required data-validation-required-message="${login_username_required}"/>
+                                        </div>
+                                        <div class="controls">
+                                            <input  type="password"
+                                                    size="30"
+                                                    style="margin-bottom: 15px;"
+                                                    id="bt_login_password"
+                                                    placeholder="${login_password}"
+                                                    minlength="5" data-validation-minlength-message="${login_password_too_short}"
+                                                    maxlength="16" data-validation-maxlength-message="${login_password_too_long}"
+                                                    required data-validation-required-message="${login_password_required}"/>
+                                        </div>        
+                                        <div class="help-block"></div>
+                                        <input type="hidden" />
+                                        <button class="btn" style="clear: left; height: 32px; font-size: 13px;"
+                                                type="submit"
+                                                id="login_submit">${login_login}</button>
+                                    </div>
+                                </form>                                
                             </div>
                         </div>
                         <div style="clear: both;"></div>
diff --git a/mojotrollz/page/default_page/js/wizard.js b/mojotrollz/page/default_page/js/wizard.js
index 530212b..88fdccc 100644
--- a/mojotrollz/page/default_page/js/wizard.js
+++ b/mojotrollz/page/default_page/js/wizard.js
@@ -13,6 +13,22 @@ var WizardStates = [
 var wizard_state = '';
 
 $(document).ready(function() {
+    
+    $("#login_form input").not("[type=submit]").jqBootstrapValidation({
+        preventSubmit: true,
+        submitError: function($form, event, errors) {},
+        submitSuccess: function($form, event){            
+            $.get('./api.php?call=account&action=login&username='+$('#bt_login_user').val()+'&password_sha='+$.sha1($('#bt_login_password').val())+'&password_md5='+$.md5($('#bt_login_password').val()), function (data) {
+                if(data == 1){
+                    $('.help-block').html("Login successfull.</br>");
+                    location.reload(true);
+                } else {
+                    $('.help-block').html("Login not successfull.</br> User & Password combination wrong.")
+                }
+            });
+            event.preventDefault();
+        }
+    });
 
     register_menu ();