diff --git a/css/login/LogggedIn.css b/css/login/LogggedIn.css
new file mode 100644
index 0000000..43f897f
--- /dev/null
+++ b/css/login/LogggedIn.css
@@ -0,0 +1,12 @@
+﻿body {
+    background-color: #fff;
+    background-image: none;
+}
+
+#Login1_LoginButton {
+    color: #fff;
+    background-color: #003680;
+}
+
+@media (min-width: 768px) {
+}
diff --git a/css/login/login.css b/css/login/login.css
new file mode 100644
index 0000000..20cbb12
--- /dev/null
+++ b/css/login/login.css
@@ -0,0 +1,26 @@
+﻿@media (min-width:768px) {
+    #UserNameLabel
+
+{
+    font-size: 20px;
+    font-size: 1.25em;
+}
+
+#PasswordLabel {
+    font-size: 20px;
+    font-size: 1.25em;
+}
+
+}
+
+@media (max-width: 768px) {
+    #UserNameLabel {
+        font-size: 16px;
+        font-size: 1em;
+    }
+
+    #PasswordLabel {
+        font-size: 16px;
+        font-size: 1em;
+    }
+}
\ No newline at end of file
diff --git a/css/login/login_FLEX.css b/css/login/login_FLEX.css
new file mode 100644
index 0000000..43f897f
--- /dev/null
+++ b/css/login/login_FLEX.css
@@ -0,0 +1,12 @@
+﻿body {
+    background-color: #fff;
+    background-image: none;
+}
+
+#Login1_LoginButton {
+    color: #fff;
+    background-color: #003680;
+}
+
+@media (min-width: 768px) {
+}
diff --git a/login/Loggedin.aspx b/login/Loggedin.aspx
index 5ac998a..4360a0c 100644
--- a/login/Loggedin.aspx
+++ b/login/Loggedin.aspx
@@ -16,18 +16,7 @@
  
     <link rel="stylesheet" type="text/css" href="../../stylesheets/style.css"/>
     <link rel="stylesheet" type="text/css" href="../../stylesheets/example.css"/>
-    <style>
-        body{
-            background-color:#fff;
-            background-image:none;
-        }
-        #Login1_LoginButton{
-            color:#fff;
-            background-color:#003680;
-        }
-        @media (min-width: 768px) {
-          
-        }
+    <style>      
     </style>
     <script type="text/javascript">
         function FocusOnInput() {
@@ -85,6 +74,7 @@
                 setInterval("top.location.replace('../admin/admin.aspx')", 1);
         }
     </script>
+    <link rel="stylesheet" type="text/css" href="../css/login/LoggedIn.css"/>
               </head>
  
  <body onload="FocusOnInput()">      
diff --git a/login/login.aspx b/login/login.aspx
index 093d87b..f6dee3f 100644
--- a/login/login.aspx
+++ b/login/login.aspx
@@ -5,28 +5,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" title="VERAG Login"/>
-  <style>
-      @media (min-width:768px) {
-          #UserNameLabel{
-              font-size: 20px;
-              font-size:1.25em;
-          }
-          #PasswordLabel{
-              font-size: 20px;
-              font-size:1.25em;
-          }
-      }
-       @media (max-width: 768px) {
-          #UserNameLabel{
-              font-size: 16px;
-              font-size:1em;
-          }
-          #PasswordLabel{
-              font-size: 16px;
-              font-size:1em;
-          }
-      }
-  </style>
+ <link rel="stylesheet" type="text/css" href="../css/login/login.css"/>
 </head>
 <body>
   
diff --git a/login/login_FLEX.aspx b/login/login_FLEX.aspx
index 8edf0e2..a6e2b89 100644
--- a/login/login_FLEX.aspx
+++ b/login/login_FLEX.aspx
@@ -17,19 +17,7 @@
  
     <link rel="stylesheet" type="text/css" href="../../stylesheets/style.css"/>
     <link rel="stylesheet" type="text/css" href="../../stylesheets/example.css"/>
-    <style>
-        body{
-            background-color:#fff;
-            background-image:none;
-        }
-        #Login1_LoginButton{
-            color:#fff;
-            background-color:#003680;
-        }
-        @media (min-width: 768px) {
-          
-        }
-    </style>
+   
     <script type="text/javascript">
         function FocusOnInput() {
             document.getElementById("UserID").focus();
@@ -76,6 +64,7 @@
                 window.history.back()
       }  
     </script>   
+    <link rel="stylesheet" type="text/css" href="../login/login_FLEX.css"/>
               </head>
  
  <body onload="FocusOnInput()">     
diff --git a/login/login_TEST.aspx b/login/login_TEST.aspx
index 68956f7..e913f94 100644
--- a/login/login_TEST.aspx
+++ b/login/login_TEST.aspx
@@ -18,11 +18,7 @@
  
     <link rel="stylesheet" type="text/css" href="../../stylesheets/style.css"/>
     <link rel="stylesheet" type="text/css" href="../../stylesheets/example.css"/>
-    <style>
-        @media (min-width: 768px) {
-          
-        }
-    </style>
+    
     <script type="text/javascript">
         function FocusOnInput() {
             document.getElementById("UserName").focus();
