diff --git a/script/monitor/check.css b/script/monitor/check.css
new file mode 100644
index 0000000..f1f5ba3
--- /dev/null
+++ b/script/monitor/check.css
@@ -0,0 +1,77 @@
+html, body {
+    --background-theme-color: #001EA0;
+    --cell-space: 20px;
+    --logo-height: 50px;
+
+    background-color: #cccccc;
+    font-family: Verdana;
+    font-size: 14pt;
+    color: #ffffff;
+    height: 100%;
+    margin: 0;
+}
+@media screen and (orientation: portrait) {
+    body {
+        zoom: 200%
+    }
+}
+#header {
+    background-color: var(--background-theme-color); 
+    position: sticky;
+    top: 0;
+    height: calc(var(--logo-height) + (2 * var(--cell-space)));
+    width: 100%;
+}
+#header img {
+    height: var(--logo-height);
+    margin: var(--cell-space);
+    vertical-align: middle;
+}
+#header h1 {
+    display: inline;
+    font-weight: normal;
+    vertical-align: middle;
+}
+#content {
+    min-height: 100%;
+}
+#footer {
+    background-color: var(--background-theme-color);
+    position: sticky;
+    bottom: 0px;
+    padding: var(--cell-space);
+    text-align: center;
+    vertical-align: middle;
+    font-size: 22pt;
+}
+#checks {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    padding: var(--cell-space);
+    grid-gap: var(--cell-space);
+}
+#checks > div {
+    border: 1px solid black;
+    border-radius: 10px;
+    padding: 10px;
+    text-align: center;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
+}
+#checks > div.ok {
+    background-color: #66aa22;
+    color: #222222;	
+}
+#checks > div.info {
+    background-color: #88cc44;
+    color: #222222;	
+}
+#checks > div.warn {
+    background-color: #ffdd00;
+    color: #222222;	
+}
+#checks > div.fail {
+    background-color: #ff0000;
+}
+#checks > div.timeout {
+    background-color: var(--background-theme-color);
+}
diff --git a/script/monitor/check.html b/script/monitor/check.html
index ee6fe1e..df93be0 100644
--- a/script/monitor/check.html
+++ b/script/monitor/check.html
@@ -1,90 +1,8 @@
 <html>
 <head>
-<meta charset="utf-8">
-<title>Monitoring Dashboard</title>
-
-<style>
-    html, body {
-        --background-theme-color: #001EA0;
-        --cell-space: 20px;
-        --logo-height: 50px;
-
-        background-color: #cccccc;
-        font-family: Verdana;
-        font-size: 14pt;
-        color: #ffffff;
-        height: 100%;
-        margin: 0;
-    }
-    @media screen and (orientation: portrait) {
-        body {
-            zoom: 200%
-        }
-    }
-    #header {
-        background-color: var(--background-theme-color); 
-        position: sticky;
-        top: 0;
-        height: calc(var(--logo-height) + (2 * var(--cell-space)));
-        width: 100%;
-    }
-    #header img {
-        height: var(--logo-height);
-        margin: var(--cell-space);
-        vertical-align: middle;
-    }
-    #header h1 {
-        display: inline;
-        font-weight: normal;
-        vertical-align: middle;
-    }
-    #content {
-        min-height: 100%;
-    }
-    #footer {
-        background-color: var(--background-theme-color);
-        position: sticky;
-        bottom: 0px;
-        padding: var(--cell-space);
-        text-align: center;
-        vertical-align: middle;
-        font-size: 22pt;
-    }
-
-    #checks {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
-        padding: var(--cell-space);
-        grid-gap: var(--cell-space);
-    }
-    #checks > div {
-        border: 1px solid black;
-        border-radius: 10px;
-        padding: 10px;
-        text-align: center;
-
-        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
-    }
-    #checks > div.ok {
-        background-color: #66aa22;
-        color: #222222;	
-    }
-    #checks > div.info {
-        background-color: #88cc44;
-        color: #222222;	
-    }
-    #checks > div.warn {
-        background-color: #ffdd00;
-        color: #222222;	
-    }
-    #checks > div.fail {
-        background-color: #ff0000;
-    }
-    #checks > div.timeout {
-        background-color: var(--background-theme-color);
-    }
-
-</style>
+    <meta charset="utf-8">
+    <title>Monitoring Dashboard</title>
+    <link rel="stylesheet" href="check.css">
 </head>
 <body>
     <div id="header">
@@ -100,105 +18,105 @@
         Köln, <span id="datetime"></span>
     </div>
 
-<script>
-    var connectionAlive = true;
+    <script>
+        var connectionAlive = true;
 
-    function downloadCheckFile(callback) {
-        var xmlHttp = new XMLHttpRequest();
-        xmlHttp.open('GET', "check.txt", false);
-        xmlHttp.onreadystatechange=function() {
-            if(xmlHttp.readyState==4) {
-                callback(xmlHttp.responseText);
-            }
-        }
-        try {
-            xmlHttp.send(null);
-            if (xmlHttp.status >= 200 && xmlHttp.status < 304) {
-                return true;
-            } else {
-                return false;
-            }
-        } catch (e) {
-            return false;
-        }
-    }
-    function convertToHtml(checkText) {
-        if (!connectionAlive) {
-            return '<div class="fail">CONNECTION FAILED</div>';
-        }
-
-        var html = "";
-        var lines = checkText.split(/\n/);
-
-        for(var lineNo = 2; lineNo < lines.length; lineNo++) {
-            var line = lines[lineNo];
-
-            var parts = line.split('?');
-            if (parts.length > 1) {
-
-                var name = parts[0].trim().split("_").join(" ");
-                var resultParts = parts[1].trim().split('#');
-                var result = resultParts[0];
-                var message = resultParts[1];
-
-                if(name == 'MISSED') {
-                    var fileTimeParts = message.split('-');
-                    var fileTime = new Date();
-                    fileTime.setHours(parseInt(fileTimeParts[0]));
-                    fileTime.setMinutes(parseInt(fileTimeParts[1]));
-                    fileTime.setSeconds(parseInt(fileTimeParts[2]));
-
-                    var scriptTime = new Date();
-                    scriptTime.setMinutes(scriptTime.getMinutes() - 2);
-                    if (scriptTime.getTime() < fileTime.getTime()){
-                        if (result == "0") {
-                            html += '<div class="ok">EVERYTHING OK<br/>' + fileTime.toLocaleTimeString() + '</div>';
-                        } else {
-                            html += '<div class="fail">FAILED: ' + result + '<br/>' + fileTime.toLocaleTimeString() + '</div>';
-                        }
-                    } else {
-                        html += '<div class="check fail">CHECKS TOO OLD<br/>' + fileTime.toLocaleTimeString() + '</div>';
-                    }
-                } else {
-                    if(result.indexOf('OK') >= 0) {
-                        html += '<div class="ok">'+ name;
-                    } else if(result.indexOf('INFO') >= 0) {
-                        html += '<div class="info">'+ name;
-                    } else if(result.indexOf('TIMEOUT') >= 0) {
-                        html += '<div class="timeout">'+ name;
-                    } else if(result.indexOf('WARN') >= 0) {
-                        html += '<div class="warn">'+ name;
-                    } else {
-                        html += '<div class="fail">' + name;
-                    }
-                    if(message) {
-                        html += '<br/>' + message.trim();
-                    }
-                    html += '</div>';
+        function downloadCheckFile(callback) {
+            var xmlHttp = new XMLHttpRequest();
+            xmlHttp.open('GET', "check.txt", false);
+            xmlHttp.onreadystatechange=function() {
+                if(xmlHttp.readyState==4) {
+                    callback(xmlHttp.responseText);
                 }
             }
+            try {
+                xmlHttp.send(null);
+                if (xmlHttp.status >= 200 && xmlHttp.status < 304) {
+                    return true;
+                } else {
+                    return false;
+                }
+            } catch (e) {
+                return false;
+            }
         }
-        return html;
-    }
-    function exchangeChecks(text) {
-        document.getElementById("checks").innerHTML = convertToHtml(text);
-    }
-    function refreshTime() {
-        document.getElementById("datetime").innerHTML = new Date().toLocaleString("de-DE", {timeZone: "Europe/Berlin"});
-    }
-    function refreshChecks() {
-        connectionAlive = downloadCheckFile(exchangeChecks);
-    }
-    function reloadIfAlive() {
-        if (connectionAlive) {
-            location.reload();
+        function convertToHtml(checkText) {
+            if (!connectionAlive) {
+                return '<div class="fail">CONNECTION FAILED</div>';
+            }
+
+            var html = "";
+            var lines = checkText.split(/\n/);
+
+            for(var lineNo = 2; lineNo < lines.length; lineNo++) {
+                var line = lines[lineNo];
+
+                var parts = line.split('?');
+                if (parts.length > 1) {
+
+                    var name = parts[0].trim().split("_").join(" ");
+                    var resultParts = parts[1].trim().split('#');
+                    var result = resultParts[0];
+                    var message = resultParts[1];
+
+                    if(name == 'MISSED') {
+                        var fileTimeParts = message.split('-');
+                        var fileTime = new Date();
+                        fileTime.setHours(parseInt(fileTimeParts[0]));
+                        fileTime.setMinutes(parseInt(fileTimeParts[1]));
+                        fileTime.setSeconds(parseInt(fileTimeParts[2]));
+
+                        var scriptTime = new Date();
+                        scriptTime.setMinutes(scriptTime.getMinutes() - 2);
+                        if (scriptTime.getTime() < fileTime.getTime()){
+                            if (result == "0") {
+                                html += '<div class="ok">EVERYTHING OK<br/>' + fileTime.toLocaleTimeString() + '</div>';
+                            } else {
+                                html += '<div class="fail">FAILED: ' + result + '<br/>' + fileTime.toLocaleTimeString() + '</div>';
+                            }
+                        } else {
+                            html += '<div class="check fail">CHECKS TOO OLD<br/>' + fileTime.toLocaleTimeString() + '</div>';
+                        }
+                    } else {
+                        if(result.indexOf('OK') >= 0) {
+                            html += '<div class="ok">'+ name;
+                        } else if(result.indexOf('INFO') >= 0) {
+                            html += '<div class="info">'+ name;
+                        } else if(result.indexOf('TIMEOUT') >= 0) {
+                            html += '<div class="timeout">'+ name;
+                        } else if(result.indexOf('WARN') >= 0) {
+                            html += '<div class="warn">'+ name;
+                        } else {
+                            html += '<div class="fail">' + name;
+                        }
+                        if(message) {
+                            html += '<br/>' + message.trim();
+                        }
+                        html += '</div>';
+                    }
+                }
+            }
+            return html;
         }
-    }
-    setInterval(refreshTime, 1000);
-    setInterval(refreshChecks, 5000);
-    setInterval(reloadIfAlive, 300000);
-    refreshTime();
-    refreshChecks();
-</script>
+        function exchangeChecks(text) {
+            document.getElementById("checks").innerHTML = convertToHtml(text);
+        }
+        function refreshTime() {
+            document.getElementById("datetime").innerHTML = new Date().toLocaleString("de-DE", {timeZone: "Europe/Berlin"});
+        }
+        function refreshChecks() {
+            connectionAlive = downloadCheckFile(exchangeChecks);
+        }
+        function reloadIfAlive() {
+            if (connectionAlive) {
+                location.reload();
+            }
+        }
+        setInterval(refreshTime, 1000);
+        setInterval(refreshChecks, 5000);
+        setInterval(reloadIfAlive, 300000);
+        refreshTime();
+        refreshChecks();
+    </script>
 </body>
 </html>
diff --git a/script/monitor/setupMonitoringHost.sh b/script/monitor/setupMonitoringHost.sh
index f3f75de..2540fdf 100755
--- a/script/monitor/setupMonitoringHost.sh
+++ b/script/monitor/setupMonitoringHost.sh
@@ -51,6 +51,7 @@ function setupPublicFile() {
 
 echo "Setup the monitoring host that monitors the others ... " \
     && setupPublicFile "check.html" \
+    && setupPublicFile "check.css" \
     && setupPublicFile "logo.png" \
     && exit 0
 
