diff --git a/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf b/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf
new file mode 100644
index 0000000..43ed4f5
Binary files /dev/null and b/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf differ
diff --git a/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf b/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf
new file mode 100644
index 0000000..e31b51e
Binary files /dev/null and b/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf differ
diff --git a/themes/funchat/header.tpl b/themes/funchat/header.tpl
index a00b764..e9d0d34 100644
--- a/themes/funchat/header.tpl
+++ b/themes/funchat/header.tpl
@@ -32,7 +32,7 @@
   <div id="topbar">
     <div id="topnav">
       <ul>
-        <li class="active"><a href="I">Home</a></li>
+        <li class="active"><a href="/">Home</a></li>
         <li><a href="/chat">Chat<span class="odometer">{$users}</span></a></li>
         <li><a href="/forum">Forum</a>
           <ul>
diff --git a/themes/funchat/layout/styles/.xdp-navi.css~-NCGiwm b/themes/funchat/layout/styles/.xdp-navi.css~-NCGiwm
new file mode 100644
index 0000000..e300351
--- /dev/null
+++ b/themes/funchat/layout/styles/.xdp-navi.css~-NCGiwm
@@ -0,0 +1,30 @@
+@charset "utf-8";
+
+#topnav{display:block; float:left; margin:0; padding:0; font-size:13px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
+#topnav ul, #topnav li{float:left; list-style:none; margin:0; padding:0;}
+#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0; padding:20px; color:#0A2145; background-color:#FEAC46; text-transform:uppercase;}
+#topnav li a:hover, #topnav ul li.active a{color:#FFFFFF; background-color:#000000;}
+#topnav li li a:link, #topnav li li a:visited{width:150px; float:none; margin:0; padding:7px 10px; font-size:12px; font-weight:normal; color:#0A2145; background-color:#FEAC46; text-transform:none;}
+#topnav li li a:hover{color:#0A2145; background-color:#000000; text-transform:none;}
+#topnav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; border-left:1px solid #FEAC46; border-bottom:1px solid #FEAC46;}
+#topnav li ul a{width:140px;}
+#topnav li ul ul{margin:-32px 0 0 0;}
+#topnav li:hover ul ul{left:-999em;}
+#topnav li:hover ul, #topnav li li:hover ul{left:auto;}
+#topnav li:hover{position:static;}
+#topnav li.last{margin:0;}
+
+/* ----------------------------------------------Column Navigation------------------------------------- */
+
+#column .subnav{display:block; width:250px; padding:25px; background-color:#1F1F1F; margin-bottom:30px;}
+#column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
+#column .subnav ul{margin:0; padding:0; list-style:none;}
+#column .subnav li{margin:0 0 3px 0; padding:0;}
+#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
+#column .subnav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#666666; background:url("images/green_file.gif") 10px center no-repeat #1F1F1F; text-decoration:none; border-bottom:1px dotted #666666;}
+#column .subnav a:hover{color:#FEAC46; background-color:#161616;}
+#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("images/white_file.gif") no-repeat #1F1F1F;}
+#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
+#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
+#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
+#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}
diff --git a/themes/funchat/layout/styles/layout.css b/themes/funchat/layout/styles/layout.css
index 5b38fa7..8a612ca 100644
--- a/themes/funchat/layout/styles/layout.css
+++ b/themes/funchat/layout/styles/layout.css
@@ -5,8 +5,19 @@
 @import url("forms.css");
 @import url("tables.css");
 
+
+@font-face {
+    font-family: Inter;
+    src: url("/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf");
+}
+
+@font-face {
+    font-family: Inter-italic;
+    src: url("/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf");
+}
+
 html{overflow-y:scroll;}
-body{margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#E5E5E5; background-color:#0A2145;}
+body{margin:0; padding:0; font-size:13px; font-family:Inter; color:#E5E5E5; background-color:#0A2145;}
 
 .justify{text-align:justify;}
 .bold{font-weight:bold;}
@@ -123,7 +134,7 @@ div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5,
 #column #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#666666; background-color:#1F1F1F;}
 #column #featured li p{line-height:1.6em;}
 #column #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; color:#666666; background-color:#333333; border:1px solid #666666;}
-#column #featured li h2{margin:0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
+#column #featured li h2{margin:0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Inter; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
 #column #featured p.readmore{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;}
 
 /* Homepage */
diff --git a/themes/funchat/layout/styles/navi.css b/themes/funchat/layout/styles/navi.css
index 959a721..211a787 100644
--- a/themes/funchat/layout/styles/navi.css
+++ b/themes/funchat/layout/styles/navi.css
@@ -1,14 +1,6 @@
 @charset "utf-8";
-/*
-Template Name: Newserific
-Author: <a href="http://www.os-templates.com/">OS Templates</a>
-Author URI: http://www.os-templates.com/
-Licence: Free to use under our free template licence terms
-Licence URI: http://www.os-templates.com/template-terms
-File: Navigation CSS
-*/
 
-#topnav{display:block; float:left; margin:0; padding:0; font-size:13px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
+#topnav{display:block; float:left; margin:0; padding:0; font-size:13px; font-weight:normal; font-family:Inter;}
 #topnav ul, #topnav li{float:left; list-style:none; margin:0; padding:0;}
 #topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0; padding:20px; color:#0A2145; background-color:#FEAC46; text-transform:uppercase;}
 #topnav li a:hover, #topnav ul li.active a{color:#FFFFFF; background-color:#000000;}
@@ -25,7 +17,7 @@ File: Navigation CSS
 /* ----------------------------------------------Column Navigation------------------------------------- */
 
 #column .subnav{display:block; width:250px; padding:25px; background-color:#1F1F1F; margin-bottom:30px;}
-#column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
+#column .subnav h2{margin:0 0 20px 0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Inter; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
 #column .subnav ul{margin:0; padding:0; list-style:none;}
 #column .subnav li{margin:0 0 3px 0; padding:0;}
 #column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
diff --git a/themes/funchat/nav.tpl b/themes/funchat/nav.tpl
index 51269fc..3f74157 100644
--- a/themes/funchat/nav.tpl
+++ b/themes/funchat/nav.tpl
@@ -1,2 +1,4 @@
-<div class="menuitem_green"><div class="menuitem_text">{$navtitle}</div></div>
-<p>{$navcontent}</p>
+<div class="subnav">
+<h5>{$navtitle}</h5>
+{$navcontent}
+</div>
diff --git a/themes/funchat/nav_welcome.tpl b/themes/funchat/nav_welcome.tpl
index 2806f26..c5b1f74 100644
--- a/themes/funchat/nav_welcome.tpl
+++ b/themes/funchat/nav_welcome.tpl
@@ -1,7 +1,8 @@
-<div class="menuitem_yellow"><div class="menuitem_text">{$navtitle}</div></div>
-<p>Hallo, {$username}<br />
+<div class="subnav">
+<h5>Hallo, {$username}</h5>
 {if $admincenter==1}
-<a href="{$path}admin/index.php"><img src="{$path}themes/default/images/icons/cog_edit.png" /> Admincenter</a><br />
+<a href="{$path}admin/index.php"><img src="{$path}themes/default/images/icons/cog_edit.png"> Admincenter</a><br>
 {/if}
-<a href="{$path}usercp.php"><img src="{$path}themes/default/images/icons/user.png" />  User-CP</a><br class="hide" />
-<a href="{$path}logout.php?action=logout&amp;sid={$sid}"><img src="{$path}themes/default/images/icons/door_out.png" />  Ausloggen</a><br class="hide" /></p>
+<a href="{$path}usercp.php"><img src="{$path}themes/default/images/icons/user.png" />  User-CP</a><br class="hide">
+<a href="{$path}logout.php?action=logout&amp;sid={$sid}"><img src="{$path}themes/default/images/icons/door_out.png">  Ausloggen</a><br class="hide">
+</div>
diff --git a/themes/funchat/style.css b/themes/funchat/style.css
deleted file mode 100644
index 9a98f64..0000000
--- a/themes/funchat/style.css
+++ /dev/null
@@ -1,299 +0,0 @@
-
-body{
-	font: normal 12px/24px Verdana, Arial, Helvetica, sans-serif;
-	margin: 0;
-	padding: 0;
-	background: url("images/background.gif");
-	text-align: center;
-}
-div{
-	font-family: Arial, Helvetica;
-	font-size: 11px;
-}
-a{
-	color: #6699FF;
-}
-a:hover{
-	color: #cccccc;
-}
-img{
-	border:0px;
-	text-decoration:none;
-}
-#sitetitle{
-	width: 875px;
-	margin: 0 auto;
-	padding: 5px;
-	text-align: left;
-	border-right: 1px solid #d1d1d1;
-	border-left: 1px solid #d1d1d1;
-	border-bottom:1px solid #D1D1D1;
-	background-color: #fcfcfc;
-}
-#container{
-	width: 875px;
-	margin: 0 auto;
-	padding: 5px;
-	text-align: left;
-	border-right: 1px solid #d1d1d1;
-	border-left: 1px solid #d1d1d1;
-	border-bottom:1px solid #D1D1D1;
-	background-color: #fcfcfc;
-}
-#left{
-	float: left;
-	width: 180px;
-	padding-top:5px;
-	margin: 0;
-	border-right: 1px solid #cccccc;
-}
-.menuitem_green{
-	width: 175px;
-	height: 50px;
-	text-align: right;
-	background-image: url("images/green.gif");
-}
-.menuitem_blue{
-	width: 175px;
-	height: 50px;
-	text-align: right;
-	background-image: url("images/blue.gif");
-}
-.menuitem_yellow{
-	width: 175px;
-	height: 50px;
-	text-align: right;
-	background-image: url("images/yellow.gif");
-}
-.menuitem_text{
-	font-size:15px;
-	font-weight:bold;
-	text-decoration: bold;
-	font-variant:small-caps;
-	color: #FFFFFF;
-	padding:20px 12px 0 0;
-}
-#left ul{
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-}
-#left li{
-	text-indent: 1em;
-}
-#left li a{
-	color: #6699ff;
-	text-decoration: none;
-}
-#left li a:hover{
-	text-decoration: underline;
-}
-#left p{
-	margin: 1px;
-	padding-left: 1em; 
-}
-#left form{
-	padding: 1em 0 0 0;
-	margin: 0;
-}
-#left form input{
-	margin: 0.2em 0;
-	background-color: #f3f3f3;
-	border: 1px solid #333333;
-	width: 125px;
-	font: 11px/22px Arial, Helvetica, sans-serif;
-	padding: 0.2em;
-}
-#left form .button{
-	width: 75px;
-	background-color: #6699FF;
-	padding: 0;
-	margin: 0;
-}
-#content{
-	border-left:1px solid #CCCCCC;
-	border-right:1px solid #CCCCCC;
-	float:left;
-	margin-left:-1px;
-	margin-right:-1px;
-	margin-top:-5px;
-	min-height:300px;
-	padding-left:1em;
-	padding-right:1em;
-	padding-top:5px;
-	width:487px;
-}
-#minimal_content{
-	float:left;
-	margin-left:-1px;
-	margin-right:-1px;
-	margin-top:-5px;
-	min-height:100px;
-	padding-left:1em;
-	padding-right:1em;
-	padding-top:5px;
-	width:860px;
-}
-#minimal_content h2{
-	background-color: #B2EA6A;
-	text-indent: 1em;
-	font-size: 12px;
-	font-variant: small-caps;
-	color: #ffffff;
-	margin: 0;
-}
-#minimal_content h1{
-	background-color:#B2EA6A;
-	color:#FFFFFF;
-	font-size:25px;
-	font-variant:small-caps;
-	height:25px;
-	margin:0;
-	text-indent:15px;
-}
-#minimal_content p{
-	margin: 0;
-	padding: 1em;
-}
-
-#content h2{
-	background-color: #B2EA6A;
-	text-indent: 1em;
-	font-size: 12px;
-	font-variant: small-caps;
-	color: #ffffff;
-	margin: 0;
-}
-#content h1{
-	background-color:#B2EA6A;
-	color:#FFFFFF;
-	font-size:25px;
-	font-variant:small-caps;
-	height:25px;
-	margin:0;
-	text-indent:15px;
-}
-#content p{
-	margin: 0;
-	padding: 1em;
-}
-#right{
-	width: 180px;
-	float: right;
-	background-color: #f9f9f9;
-	/*border-left:1px solid #CCCCCC;*/
-	padding-top:5px;
-	padding-left:7px;
-	margin-right:-5px;
-	margin-bottom: 1em;
-}
-#right p{
-	margin: 1px;
-	padding-left: 1em; 
-}
-#right form{
-	margin: 1px;
-	padding-left: 1em; 
-}
-#right form input{
-	margin: 0.2em 0;
-	background-color: #f3f3f3;
-	border: 1px solid #333333;
-	width: 125px;
-	font: 11px/22px Arial, Helvetica, sans-serif;
-	padding: 0.2em;
-}
-#right form .button{
-	width: 75px;
-	background-color: #6699FF;
-	padding: 0;
-	margin: 0;
-}
-#header{
-	width: 175px;
-	height: 50px;
-	background-image: url("images/header.gif");
-	float: right;
-	padding: 0;
-	margin: 0;
-	margin-bottom: 1em;
-}
-#header h3{
-	font: 16px verdana, arial;
-	color: #ffffff;
-	padding: 25px 10px 5px 0;
-	margin: 0;
-	font-weight: bold;
-	text-align: right;
-}
-#right form label{
-	background-position:0 5px;
-	background-repeat:no-repeat;
-	clear:both;
-	margin-bottom:2px;
-	margin-right:3px;
-	padding-left:0.5em;
-	cursor:pointer;
-	padding:0.5em 0.5em 0.5em 20px;
-}
-
-#left form label{
-	background-position:0 5px;
-	background-repeat:no-repeat;
-	clear:both;
-	margin-bottom:2px;
-	margin-right:3px;
-	padding-left:0.5em;
-	cursor:pointer;
-	padding:0.5em 0.5em 0.5em 20px;
-}
-
-#minimal_content form label{
-	background-position:0 5px;
-	background-repeat:no-repeat;
-	clear:both;
-	margin-bottom:2px;
-	margin-right:3px;
-	padding-left:0.5em;
-	cursor:pointer;
-	padding:0.5em 0.5em 0.5em 20px;
-}
-.unchecked {
-	background-image:url("images/chk_off.png");
-}
-.checked {
-	background-image:url("images/chk_on.png");
-}
-.unselected {
-	background-image:url("images/rdo_off.png");
-}
-.selected {
-	background-image:url("images/rdo_on.png");
-}
-.sortcol {
-	cursor: pointer;
-	padding-right: 20px;
-	background-repeat: no-repeat;
-	background-position: right center;
-}
-.sortasc {
-	background-color: #DDFFAC;
-	background-image: url("images/up.gif");
-}
-.sortdesc {
-	background-color: #B9DDFF;
-	background-image: url("images/down.gif");
-}
-.nosort {
-	cursor: default;
-}
-
-#footer{
-	clear: both;
-	text-align: center;
-	margin: 0;
-	padding: 0;
-	background-color: #f9f9f9;
-	border: 1px solid #cccccc;
-}
-