diff --git a/templates/Sparkle/customer/traffic/traffic.tpl b/templates/Sparkle/customer/traffic/traffic.tpl
new file mode 100644
index 00000000..fd4d9ef9
--- /dev/null
+++ b/templates/Sparkle/customer/traffic/traffic.tpl
@@ -0,0 +1,54 @@
+$header
+<article>
+	<header>
+		<h2>
+			<img src="templates/{$theme}/assets/img/icons/traffic_big.png" alt="{$lng['menue']['traffic']['traffic']}" />&nbsp;
+			{$lng['menue']['traffic']['traffic']}
+		</h2>
+	</header>
+
+	<form action="{$linker->getLink(array('section' => 'traffic'))}" method="post" enctype="application/x-www-form-urlencoded">
+		<fieldset>
+			<table class="full hl" id="datatable">
+				<thead>
+					<tr>
+						<th>{$lng['traffic']['month']}</td>
+						<th>{$lng['traffic']['ftp']}</th>
+						<th>{$lng['traffic']['http']}</th>
+						<th>{$lng['traffic']['mail']}</th>
+						<th>{$lng['customer']['traffic']}</th>
+					</tr>
+				</thead>
+				<tbody>
+					$traffic
+				</tbody>
+				<tfoot>
+					<tr>
+						<td>{$lng['traffic']['months']['total']}</td>
+						<td>{$traffic_complete['ftp']}</td>
+						<td>{$traffic_complete['http']}</td>
+						<td>{$traffic_complete['mail']}</td>
+						<td></td>
+					</tr>
+				</tfoot>
+			</table>
+
+		</fieldset>
+	</form>
+	
+	<div id="charts" class="hidden">
+		<if !Settings::IsInList('panel.customer_hide_options','traffic.http')>
+			<h3>HTTP {$lng['admin']['traffic']} ({$lng['traffic']['months']['total']} {$traffic_complete['http']})</h3>
+			<div id="httpchart" class="trafficchart"></div>
+		</if>			
+		<if !Settings::IsInList('panel.customer_hide_options','traffic.ftp')>
+			<h3>FTP {$lng['admin']['traffic']} ({$lng['traffic']['months']['total']} {$traffic_complete['ftp']})</h3>
+			<div id="ftpchart" class="trafficchart"></div>
+		</if>			
+		<if !Settings::IsInList('panel.customer_hide_options','traffic.mail')>
+			<h3>Mail {$lng['admin']['traffic']} ({$lng['traffic']['months']['total']} {$traffic_complete['mail']})</h3>
+			<div id="mailchart" class="trafficchart"></div>
+		</if>			
+	</div>
+</article>
+$footer
diff --git a/templates/Sparkle/customer/traffic/traffic_details.tpl b/templates/Sparkle/customer/traffic/traffic_details.tpl
new file mode 100644
index 00000000..6e978e4f
--- /dev/null
+++ b/templates/Sparkle/customer/traffic/traffic_details.tpl
@@ -0,0 +1,48 @@
+$header
+<article>
+	<header>
+		<h2>
+			<img src="templates/{$theme}/assets/img/icons/traffic_big.png" alt="{$lng['menue']['traffic']['traffic']}" />&nbsp;
+			{$lng['menue']['traffic']['traffic']} $show
+		</h2>
+	</header>
+	
+	<table class="full hl" id="datatable">
+		<thead>
+			<tr>
+				<th>{$lng['traffic']['day']}</th>
+				<th>{$lng['traffic']['ftp']}</th>
+				<th>{$lng['traffic']['http']}</th>
+				<th>{$lng['traffic']['mail']}</th>
+				<th>{$lng['traffic']['mb']}</th>
+			</tr>
+		</thead>
+		<tfoot>
+			<tr>
+				<td>{$lng['traffic']['months']['total']}</td>
+				<td>{$traffic_complete['ftp']}</td>
+				<td>{$traffic_complete['http']}</td>
+				<td>{$traffic_complete['mail']}</td>
+				<td>&nbsp;</td>
+			</tr>
+		</tfoot>	
+		<tbody>
+			$traffic
+		</tbody>
+	</table>
+	<div id="charts" class="hidden">
+		<if !Settings::IsInList('panel.customer_hide_options','traffic.http')>
+			<h3>HTTP {$lng['admin']['traffic']} ({$lng['traffic']['months']['total']} {$traffic_complete['http']})</h3>
+			<div id="httpchart" class="trafficchart"></div>
+		</if>
+		<if !Settings::IsInList('panel.customer_hide_options','traffic.ftp')>
+			<h3>FTP {$lng['admin']['traffic']} ({$lng['traffic']['months']['total']} {$traffic_complete['ftp']})</h3>
+			<div id="ftpchart" class="trafficchart"></div>
+		</if>
+		<if !Settings::IsInList('panel.customer_hide_options','traffic.mail')>
+			<h3>Mail {$lng['admin']['traffic']} ({$lng['traffic']['months']['total']} {$traffic_complete['mail']})</h3>
+			<div id="mailchart" class="trafficchart"></div>
+		</if>
+	</div>
+</article>
+$footer
diff --git a/templates/Sparkle/customer/traffic/traffic_month.tpl b/templates/Sparkle/customer/traffic/traffic_month.tpl
new file mode 100644
index 00000000..c526e222
--- /dev/null
+++ b/templates/Sparkle/customer/traffic/traffic_month.tpl
@@ -0,0 +1,8 @@
+<tr>
+	<td>{$traf['day']}</td>
+	<td>{$traf['ftp']}</td>
+	<td>{$traf['http']}</td>
+	<td>{$traf['mail']}</td>
+	<td>{$traf['byte']}</td>
+</tr>
+
diff --git a/templates/Sparkle/customer/traffic/traffic_traffic.tpl b/templates/Sparkle/customer/traffic/traffic_traffic.tpl
new file mode 100644
index 00000000..89ec750b
--- /dev/null
+++ b/templates/Sparkle/customer/traffic/traffic_traffic.tpl
@@ -0,0 +1,7 @@
+<tr>
+	<td><a href="{$linker->getLink(array('section' => 'traffic', 'month' => $traf['month'], 'year' => $traf['year']))}">{$traf['monthname']}</a></td>
+	<td>{$traf['ftp']}</td>
+	<td>{$traf['http']}</td>
+	<td>{$traf['mail']}</td>
+	<td>{$traf['byte']}</td>
+</tr>