diff --git a/src/modules/htmlUI/var/html/styles_campcaster.css b/src/modules/htmlUI/var/html/styles_campcaster.css
index 2ef280f14..2cfb09b95 100644
--- a/src/modules/htmlUI/var/html/styles_campcaster.css
+++ b/src/modules/htmlUI/var/html/styles_campcaster.css
@@ -839,7 +839,7 @@ table.masterpalette td{
     padding-right: 5px;
     font-family: bitstream-vera, verdana, helvetica;
     font: #999;
-    width: 350px;
+    width: 460px;
     height: 85px;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
@@ -900,7 +900,7 @@ table.masterpalette td{
 }
 
 .whatplaying .scala {
-    width: 340px;
+    width: 450px;
     height: 8px;
     margin: 2px 0;
     background-color: #DADADA;
@@ -1000,6 +1000,7 @@ table.masterpalette td{
 #now_pltitle_,
 #next_title_,
 #upcoming_pltitle_,
-#upcoming_title_ {
+#upcoming_title_,
+#upcoming_plstart {
   visibility: hidden;
 }
\ No newline at end of file
diff --git a/src/modules/htmlUI/var/templates/script/progressbar.js.tpl b/src/modules/htmlUI/var/templates/script/progressbar.js.tpl
index 3b89c29a3..7991be0f5 100644
--- a/src/modules/htmlUI/var/templates/script/progressbar.js.tpl
+++ b/src/modules/htmlUI/var/templates/script/progressbar.js.tpl
@@ -39,8 +39,8 @@ function plPrBar_init(current, c_tit, c_pltit, c_eh, c_ei, c_es, c_dh, c_di, c_d
     if (next == 1) {
         //plPrBar_debug('init::next: ' + next);
         this.next       = true; 
-        this.n_tit      = n_tit.slice(0, 22);
-        this.n_pltit    = n_pltit.slice(0, 22);
+        this.n_tit      = n_tit.slice(0, 35);
+        this.n_pltit    = n_pltit.slice(0, 35);
         this.n_duration = new Date;
         this.n_duration.setTime(Date.UTC(1970, 0, 1, n_dh, n_di, n_ds));
     }
@@ -77,9 +77,9 @@ function plPrBar_init(current, c_tit, c_pltit, c_eh, c_ei, c_es, c_dh, c_di, c_d
     if (this.upcoming) {
         this.show('upcoming');
         document.getElementById("upcoming_pltitle").innerHTML     = this.u_pltit;
-        document.getElementById("upcoming_plstart").innerHTML     = '(at ' + twoDigit(this.u_plstart.getUTCHours()) 
+        document.getElementById("upcoming_plstart").innerHTML     = 'at ' + twoDigit(this.u_plstart.getUTCHours()) 
                                                                   + ':' + twoDigit(this.u_plstart.getUTCMinutes()) 
-                                                                  + ':' + twoDigit(this.u_plstart.getUTCSeconds()) + ')';
+                                                                  + ':' + twoDigit(this.u_plstart.getUTCSeconds());
         document.getElementById("upcoming_title").innerHTML       = this.u_tit;
         document.getElementById("upcoming_duration").innerHTML    = '(' + twoDigit(this.u_duration.getUTCHours()) 
                                                                   + ':' + twoDigit(this.u_duration.getUTCMinutes()) 
@@ -156,6 +156,7 @@ function plPrBar_show(what) {
     }
     if (what == 'upcoming') {
         document.getElementById("upcoming_pltitle_").style.visibility   = 'visible';
+        document.getElementById("upcoming_plstart").style.visibility     = 'visible';
         document.getElementById("upcoming_title_").style.visibility     = 'visible';
     } 
 }
@@ -182,7 +183,7 @@ function plPrBar_hide(what) {
         document.getElementById("upcoming_pltitle_").style.visibility   = 'hidden';
         document.getElementById("upcoming_pltitle").innerHTML           = '';
         document.getElementById("upcoming_title_").style.visibility     = 'hidden';
-        document.getElementById("upcoming_title").innerHTML             = ''; 
+        document.getElementById("upcoming_plstart").innerHTML             = ''; 
     } 
 }
 
diff --git a/src/modules/htmlUI/var/templates/statusbar.tpl b/src/modules/htmlUI/var/templates/statusbar.tpl
index c9089c1bf..4267c6f7d 100644
--- a/src/modules/htmlUI/var/templates/statusbar.tpl
+++ b/src/modules/htmlUI/var/templates/statusbar.tpl
@@ -1,20 +1,21 @@
 <div id="masterpalette"> 
-<table border="0" class="masterpalette">
-	<tr>
+<table class="masterpalette" border="0">
+  <tbody>
+    <tr>
 		<td>
             <div id="logo">
-              <img src="img/logo.png">
+              <img src="ui_browser.php-Dateien/logo.png">
             </div>
 		</td>
 		
 		<td>
+		   {assign var="_now value=$SCHEDULER->getSchedulerTime(true)}
+           {if !$_now}
+             {assign var="_now" value=$smarty.now}
+           {/if}
     		<div id="time">
-    		    ##Station Time##
-    		    {assign var="_now value=$SCHEDULER->getSchedulerTime(true)}
-    		    {if !$_now}
-    		      {assign var="_now" value=$smarty.now}
-    		    {/if}
-                <h1><span id="servertime" class="clock">{$_now|date_format:"%H:%M:%S"}</span></h1>
+    		    Station time
+                <span id="servertime" class="clock">{$_now|date_format:"%H:%M:%S"}</span>
                 {$_now|date_format:"%Z"}
     		</div>
 		</td>
@@ -22,48 +23,44 @@
 		<td>	
     		<div id="nowplaying">
             <div class="whatplaying">
-                <div class="title" id="now_title_">##Now Playing##: <span id="now_title"></span></div>
+                <div class="title" id="now_title_">Now playing: <span id="now_title"></span></div>
                 <div class="scala" id="now_scala_">
-                    <div class="scala_in" id="now_scala" style="width: 0%;">&nbsp;</div>
+                    <div class="scala_in" id="now_scala">&nbsp;</div>
                 </div>
                 
                 <div class="time">
                     <span class="left">
-                      <span class="left_title" id="now_elapsed_">##Elapsed:##</span>
+                      <span class="left_title" id="now_elapsed_">Elapsed:</span>
                       <strong id="now_elapsed"></strong>
                     </span>
                     
                     <span class="right">
-                      <span id="now_remaining_">##Remaining:##</span>
+                      <span id="now_remaining_">Remaining:</span>
                       <strong id="now_remaining"></strong>
                     </span>
                 </div>
                 
                 <div class="playlist">
                     <span class="left">
-                      <span class="left_title" id="now_pltitle_">##Playlist:##</span>
+                      <span class="left_title" id="now_pltitle_">Playlist:</span>
                     <span>
                     <strong class="playlist_title" id="now_pltitle"></strong> 
-                </div>
+                </span></span></div>
                 
-                <div style="height:3px"> </div>
+                <div style="height: 3px;"> </div>
                 
                 <div id="next_clip">
-                    <span class="next" id="next_title_">##Next File##:</span>
+                    <span class="next" id="next_title_">Next File:</span>
                     <strong id="next_title"></strong>
                     &nbsp;<span id="next_duration"></span>
                 </div>
                 
                 <div id="upcoming_playlist">
-                    <span class="next" id="upcoming_pltitle_">##Upcoming Playlist##:</span>
+                    <span class="next" id="upcoming_pltitle_">Next List:</span>
                     <strong id="upcoming_pltitle"></strong>
-                    &nbsp;<span id="upcoming_plstart"></span>
-                </div>
-                
-                <div id="upcoming_clip">
-                    <span class="next" id="upcoming_title_">##Upcoming Title##:</span>
-                    <strong id="upcoming_title"></strong>
-                    &nbsp;<span id="upcoming_duration"></span>
+                    &nbsp;
+                    <span id="upcoming_plstart"></span><span id="upcoming_title_">, starting with </span><strong id="upcoming_title"></strong>
+                    <span id="upcoming_duration"></span>
                 </div>
             </div>  
     		</div>
@@ -71,17 +68,18 @@
 		
 		<td>
             <div id="nowplaying_indicator">
-                <div id="onair">##Playing Scheduled Item##</div>
-                <div id="offair">##Off Air##</div>
+                <div id="onair">Playing Scheduled Item</div>
+                <div id="offair">Off Air</div>
             </div>
 		</td>
 		
 		<td>
-    		<div id="debug_console" style="width: 180px; height: 140px; overflow: auto">
+    		<div id="debug_console" style="overflow: auto; width: 180px; height: 140px;">
     	
     		</div>
 		</td>
     </tr>
+  </tbody>
 </table>
 </div>