diff --git a/fhem/www/pgm2/touchpadstyle.css b/fhem/www/pgm2/touchpadstyle.css
index 4f0ac271c..3ccc0b536 100644
--- a/fhem/www/pgm2/touchpadstyle.css
+++ b/fhem/www/pgm2/touchpadstyle.css
@@ -25,10 +25,16 @@ table { -moz-border-radius:8px; border-radius:8px; }
 table#room { border:1px solid gray; width: 100%; background: #D7FFFF; }
 table#room tr.sel { background: #A0FFFF; }
 
+/* detail-selector & slider */
+select {  margin-left:5px; margin-right:5px; }
 .set,.attr { margin-bottom:5px; float:left; }
-.slider { float:right; width:250px; height:26px; background:#F0F0D8;
-          margin-top:3px; margin-left:10px;
-          -moz-border-radius:8px; border-radius:8px; }
-.handle { position:absolute; cursor:pointer; width:50px; height:20px;
-        line-height:20px; border:3px solid; color:#278727; text-align:center; } 
-.downText { margin-top:6px; }
+.slider { float:left; width:250px; height:26px; }
+.set .slider { background:#F0F0D8; border-radius:8px; }
+/* timepicker */
+.set .set { margin-bottom:2px; margin-top:3px; }
+.changed { color:red; }
+
+.handle { position:relative; cursor:pointer; width:50px;
+          height:20px; line-height:20px; user-select:none;
+          border:3px solid; color:#278727; text-align:center; } 
+.downText { margin-top:2px; }