diff --git a/templates/Froxlor/admin/traffic/index.tpl b/templates/Froxlor/admin/traffic/index.tpl
new file mode 100644
index 00000000..e2daeacc
--- /dev/null
+++ b/templates/Froxlor/admin/traffic/index.tpl
@@ -0,0 +1,15 @@
+$header
+	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
+	<script type="text/javascript" src="templates/jquery.tablesorter.min.js"></script> 
+		<article>
+			<header>
+				<h2>
+					<img src="images/Froxlor/icons/traffic_big.png" alt="Traffic" />&nbsp;Traffic &nbsp;
+				</h2>
+			</header>
+			{$stats_tables}
+		</article>
+	</div>
+	<br />
+	<br />
+$footer
diff --git a/templates/Froxlor/admin/traffic/index_table.tpl b/templates/Froxlor/admin/traffic/index_table.tpl
new file mode 100644
index 00000000..f6a24bdf
--- /dev/null
+++ b/templates/Froxlor/admin/traffic/index_table.tpl
@@ -0,0 +1,51 @@
+	
+	<table class="bradiusodd" id="stats{$overview['year']}">
+		<caption>{$lng['traffic']['trafficoverview']}&nbsp;{$overview['type']}&nbsp;{$overview['year']}</caption>
+		<thead>
+			<tr>
+				<th>{$overview['type']}</th>
+				<th>{$lng['traffic']['months']['jan']}</td>
+				<th>{$lng['traffic']['months']['feb']}</td>
+				<th>{$lng['traffic']['months']['mar']}</td>
+				<th>{$lng['traffic']['months']['apr']}</td>
+				<th>{$lng['traffic']['months']['may']}</td>
+				<th>{$lng['traffic']['months']['jun']}</td>
+				<th>{$lng['traffic']['months']['jul']}</td>
+				<th>{$lng['traffic']['months']['aug']}</td>
+				<th>{$lng['traffic']['months']['sep']}</td>
+				<th>{$lng['traffic']['months']['oct']}</td>
+				<th>{$lng['traffic']['months']['nov']}</td>
+				<th>{$lng['traffic']['months']['dec']}</td>
+			</tr>
+		</thead>
+		<tbody>
+			{$domain_list}
+		</tbody>
+		<tfoot>
+			{$total_list}
+			<tr>
+				<td colspan="13">&nbsp;</td>
+			</tr>
+		</tfoot>
+	</table>
+	<script type="text/javascript">
+		var myTextExtraction = function(node)  
+		{  
+		    // extract data from markup and return it  
+		    if(node.innerHTML != '-') {
+			return 1 + node.innerHTML.substr(0,node.innerHTML.length-3); 
+		    } else {
+			return '1';
+		    }
+		} 
+		$(document).ready(function() 
+		{ 
+			$("#stats{$overview['year']}").tablesorter( {
+				textExtraction: myTextExtraction
+			} ); 
+		} 
+		); 
+	</script>
+	<br />
+	<br />
+
diff --git a/templates/Froxlor/admin/traffic/index_table_row.tpl b/templates/Froxlor/admin/traffic/index_table_row.tpl
new file mode 100644
index 00000000..0900e8fd
--- /dev/null
+++ b/templates/Froxlor/admin/traffic/index_table_row.tpl
@@ -0,0 +1,15 @@
+		<tr>
+			<td>{$virtual_host['name']}<if $customerview == 1>&nbsp;<a href="$filename?s=$s&amp;page=$page&amp;action=su&amp;id={$virtual_host['customerid']}">[{$lng['traffic']['details']}]</a></if></td>
+			<td style="text-align:right;">{$virtual_host['jan']}</td>
+			<td style="text-align:right;">{$virtual_host['feb']}</td>
+			<td style="text-align:right;">{$virtual_host['mar']}</td>
+			<td style="text-align:right;">{$virtual_host['apr']}</td>
+			<td style="text-align:right;">{$virtual_host['may']}</td>
+			<td style="text-align:right;">{$virtual_host['jun']}</td>
+			<td style="text-align:right;">{$virtual_host['jul']}</td>
+			<td style="text-align:right;">{$virtual_host['aug']}</td>
+			<td style="text-align:right;">{$virtual_host['sep']}</td>
+			<td style="text-align:right;">{$virtual_host['oct']}</td>
+			<td style="text-align:right;">{$virtual_host['nov']}</td>
+			<td style="text-align:right;">{$virtual_host['dec']}</td>
+		</tr>