diff --git a/fhem/www/pgm2/ios7floorplanstyle.css b/fhem/www/pgm2/ios7floorplanstyle.css
new file mode 100644
index 000000000..c5aff84e9
--- /dev/null
+++ b/fhem/www/pgm2/ios7floorplanstyle.css
@@ -0,0 +1,75 @@
+body     { background-color: #F0F0F0;
+           font-family:Arial, sans-serif; 
+           font-size:9px; 
+           background-repeat:no-repeat;  }
+
+body[id~=Media]     { background-color: #A5A5A5;
+                        font-family:Arial, sans-serif; 
+                        font-size:9px;  
+                        background-image:url(../icons/Media.bak);
+                        background-repeat:no-repeat;  }
+
+#logo    { position:absolute; top: 10px; left: 10px; 
+           width:64px;  height:67px; background-image:url(../icons/fhem_smallscreen); }
+#backimg {position:absolute; top:15px; left:190px;}
+#menu    { position:absolute; top:120px; left:20px; min-width:60px; }
+#menu.floorplan   { position:absolute; top:120px; left:20px; min-width:80px; font-size:14px; line-height:22px; }
+#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:20px; min-width:310px; font-size:9px; border:1px solid gray;}
+#startcontent {position:absolute; top:20px; left:180px; text-align:left; font-size: 16px; } 
+table a:hover {font-weight:bold;}
+#hdr     { position:absolute; top:10px; left:180px; border:1px solid gray; }
+#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
+#connect_err { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
+a { color: #278727; }
+img {  border-style: none; }
+table { -moz-border-radius:8px; border-radius:8px; }
+
+.fp_Grundriss   {border:0px solid gray;}
+
+      .devicename     {font-size: 11px; text-align:center; }
+      .devicestate    {text-align:center; }
+      .devicecommands {font-size:14px; text-align:center; }
+      .devicetimestamp{font-size:10px; text-align:center; }
+
+#sz_Rollo.devicename     {font-size:14px;}
+#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
+#ez_Aussensensor.devicestate  {color:green; font-size:30px; }
+#HomeStatus.devicestate  {color:green; font-size:30px; }
+table.dummy              {min-width:100px; }
+table.FHT                {min-width:100px; }
+#wakeup.devicestate      {color:green; font-size:11px; }
+#ez_FHT.devicestate      {color:green; font-size:30px; }
+#Home.fp_Grundriss       {font-size:14px; width:100px; }
+#Home.fp_Media           {font-size:14px; text-align:left; }
+#Media                   {font-size:14px; }
+#Grundriss               {font-size:14px; text-align:left; }
+.fp_tempvalue            {color:red; font-size:20px; }
+.fp_humvalue             {color:blue; font-size:20px; } 
+
+h2,h3,h4 { color:#52865D; line-height:1.3;
+           margin-top:1.5em; font-family:Arial,Sans-serif; }
+
+
+/* detail-selector & slider */
+select {  margin-left:5px; margin-right:5px; }
+.set,.attr { margin-bottom:5px; float:left; }
+.slider { float:left; width:140px; height:26px; border:2px solid; color:grey; }
+.set .slider { background:#F0F0D8; border-radius:8px; }
+/* timepicker */
+.set .set { margin-bottom:2px; margin-top:3px; }
+
+.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; }
+
+/* next lines are for openautomation-svg */
+svg { height:32px; width:32px; fill:#fff; }
+g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; 
+                        padding: 5px; background: #C8C8B0; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }
diff --git a/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css b/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css
new file mode 100644
index 000000000..c5aff84e9
--- /dev/null
+++ b/fhem/www/pgm2/ios7smallscreenfloorplanstyle.css
@@ -0,0 +1,75 @@
+body     { background-color: #F0F0F0;
+           font-family:Arial, sans-serif; 
+           font-size:9px; 
+           background-repeat:no-repeat;  }
+
+body[id~=Media]     { background-color: #A5A5A5;
+                        font-family:Arial, sans-serif; 
+                        font-size:9px;  
+                        background-image:url(../icons/Media.bak);
+                        background-repeat:no-repeat;  }
+
+#logo    { position:absolute; top: 10px; left: 10px; 
+           width:64px;  height:67px; background-image:url(../icons/fhem_smallscreen); }
+#backimg {position:absolute; top:15px; left:190px;}
+#menu    { position:absolute; top:120px; left:20px; min-width:60px; }
+#menu.floorplan   { position:absolute; top:120px; left:20px; min-width:80px; font-size:14px; line-height:22px; }
+#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:20px; min-width:310px; font-size:9px; border:1px solid gray;}
+#startcontent {position:absolute; top:20px; left:180px; text-align:left; font-size: 16px; } 
+table a:hover {font-weight:bold;}
+#hdr     { position:absolute; top:10px; left:180px; border:1px solid gray; }
+#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
+#connect_err { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
+a { color: #278727; }
+img {  border-style: none; }
+table { -moz-border-radius:8px; border-radius:8px; }
+
+.fp_Grundriss   {border:0px solid gray;}
+
+      .devicename     {font-size: 11px; text-align:center; }
+      .devicestate    {text-align:center; }
+      .devicecommands {font-size:14px; text-align:center; }
+      .devicetimestamp{font-size:10px; text-align:center; }
+
+#sz_Rollo.devicename     {font-size:14px;}
+#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
+#ez_Aussensensor.devicestate  {color:green; font-size:30px; }
+#HomeStatus.devicestate  {color:green; font-size:30px; }
+table.dummy              {min-width:100px; }
+table.FHT                {min-width:100px; }
+#wakeup.devicestate      {color:green; font-size:11px; }
+#ez_FHT.devicestate      {color:green; font-size:30px; }
+#Home.fp_Grundriss       {font-size:14px; width:100px; }
+#Home.fp_Media           {font-size:14px; text-align:left; }
+#Media                   {font-size:14px; }
+#Grundriss               {font-size:14px; text-align:left; }
+.fp_tempvalue            {color:red; font-size:20px; }
+.fp_humvalue             {color:blue; font-size:20px; } 
+
+h2,h3,h4 { color:#52865D; line-height:1.3;
+           margin-top:1.5em; font-family:Arial,Sans-serif; }
+
+
+/* detail-selector & slider */
+select {  margin-left:5px; margin-right:5px; }
+.set,.attr { margin-bottom:5px; float:left; }
+.slider { float:left; width:140px; height:26px; border:2px solid; color:grey; }
+.set .slider { background:#F0F0D8; border-radius:8px; }
+/* timepicker */
+.set .set { margin-bottom:2px; margin-top:3px; }
+
+.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; }
+
+/* next lines are for openautomation-svg */
+svg { height:32px; width:32px; fill:#fff; }
+g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; 
+                        padding: 5px; background: #C8C8B0; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }
diff --git a/fhem/www/pgm2/ios7smallscreenstyle.css b/fhem/www/pgm2/ios7smallscreenstyle.css
index 2ecf9f800..4e056b989 100644
--- a/fhem/www/pgm2/ios7smallscreenstyle.css
+++ b/fhem/www/pgm2/ios7smallscreenstyle.css
@@ -14,7 +14,7 @@ select   { font-family:Helvetica; font-weight:300; font-size:16px;}
 #content { position:absolute; top:85px; left: 0px; right: 0px;}
 #connect_err { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:0px; z-index: 10; }
 
-.devType { padding-top:10px; font-size:12px;}
+.devType { padding-top:10px; font-size:16px;}
 a {  color: #151515; }
 img {  border-style: none; }
 .col2 { text-align:center; }
diff --git a/fhem/www/pgm2/ios7style.css b/fhem/www/pgm2/ios7style.css
index bd6de7631..b4f006a94 100644
--- a/fhem/www/pgm2/ios7style.css
+++ b/fhem/www/pgm2/ios7style.css
@@ -1,9 +1,13 @@
 /*
 Edit: fhainz
 */
-body     { background-color: #e5e5e5;
+body     { background: #e5e5e5;
            font-family:Helvetica; font-weight:300; font-size:16px; }
+
 input    { font-family:Helvetica; font-weight:300; font-size:16px; }
+input[type="submit"] { background: transparent; color:#147bff; border:0px; cursor: pointer; }
+input[type="text"] { background: #fff; 1px solid #cbcbcb; }
+
 select   { font-family:Helvetica; font-weight:300; font-size:16px; }
 
 #menuScrollArea {  } 
@@ -15,8 +19,16 @@ select   { font-family:Helvetica; font-weight:300; font-size:16px; }
 
 #content { position:absolute; top:50px; left:250px; bottom:20px; right:10px; }
 
-#connect_err { background-color: #000000; color: #FFFFFF; 
-               position:absolute; top:0px; left:40px; z-index: 10; }
+#connect_err { background-color: #e5e5e5; color: #151515; text-align: center; padding-top: 25%; font-size: 350%; font-weight: bold;
+               position:fixed; top:0px; left:0px; z-index: 10; width:100%; height: 100%; opacity: 0.7;
+}
+
+#bla {
+-moz-transition: all 3s 3s;
+    -webkit-transition: all 3s 3s;
+   transition: all 3s 3s; 
+}
+
 .devType { padding-top:20px; }
 
 a { color: #147bff; text-decoration:none; cursor: pointer; }
@@ -25,28 +37,44 @@ img {  border-style: none; }
 
 #.wide { width: 100%; }
 
-table { border-radius:2px; margin: 0; padding: 0px; border-spacing: 0px; border-collapse:separate; }
+table { border-radius:2px; margin: 0; padding: 0px; border-spacing: 0px; border-collapse:collapse; }
 
-table.room { width:210px; }
-table.room tr { background:#fff; }
+table.room { width:210px; margin-bottom:15px; }
+table.room tr { background:#fff; border-bottom: 1px solid #cbcbcb;}
+table.room tr:last-child { border: 0; }
 table.room tr.sel { background: #d9d9d9; }
-table.room td { padding: 6px; }
-table.room td { border-bottom: 1px solid #cbcbcb; }
+table.room td div { height: 36px; }
 table.room td:hover { background: #d9d9d9; }
 
+table.roomBlock1 tr { border: 0; }
+
+table.room a { display: block; width: 100%; height: 100%; padding: 6px 0 6px 6px; }
+table.block a { display: block; width: 100%; height: 100%; }
+
 table.block { width:750px; background: #fff; }
 table.block a { color: #151515; }
-table.block tr { width: 100%; }
+table.block tr { width: 100%; border-bottom: 1px solid #cbcbcb; }
+table.block tr:last-child { border: 0; }
 table.block tr.odd { background: #fff; }
 table.block tr.sel { background: #d9d9d9; }
-table.block td { padding:3px; border-bottom: 1px solid #cbcbcb; }
+table.block td { padding:3px; }
+
+table.assoc a { color: #147bff; }
 
 table.fileList { width:750px; }
 table.fileList td { padding:5px; padding-left: 7px; } 
 table.fileList td:hover { background: #d9d9d9; }
 
+table.FileLog td { border: none; }
+
+table.internals a { color: #147bff }
+
+table.attributes a { display: inline; }
+
 #right { position:absolute; top:20px; left:180px; }
 
+textarea { width: 100%; }
+
 h2,h3,h4 { color:#52865D; line-height:1.3;
            margin-top:1.5em; font-family:Arial,Sans-serif; }
 
@@ -58,27 +86,33 @@ button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }
 
 a img { border-style:none; }
 
-input[type="submit"] { background: transparent; color:#147bff; border:0px; cursor: pointer; }
-input[type="text"] { background-color: #e5e5e5; 1px solid #cbcbcb; }
-
 /* detail-selector & slider */
-select {  margin-left:5px; margin-right:5px; background-color: #e5e5e5; border:0px; }
+select {  margin-left:5px; margin-right:5px; background: #fff; border:0px; }
 .set,.attr { margin-bottom:5px; float:left; }
 .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:#fc3e39; }
 
 .handle { position:relative; cursor:pointer; width:50px;
           height:20px; line-height:20px; 
           -webkit-user-select:none; -moz-user-select:none; -user-select:none;
-          border:3px solid; color:#278727; text-align:center; } 
+          border:3px solid; color:#1c7efb; text-align:center; } 
 .downText { margin-top:2px; }
 
 pre { white-space: pre-wrap; }
 
-table.room svg      { height:20px; width:20px; fill:#147bff; }
-svg.icon { margin-right: 20px; margin-left: 7px; }
+/* ==============     SVG      ============== */ 
+
 svg      { height:32px; width:32px; fill:#1c7efb; }
-g.on { fill:#53d769; }
\ No newline at end of file
+table.room td a { margin-left: 50px; }
+table.room svg.icon { margin-left: -43px; margin-right:20px; }
+
+svg.icon { margin-left: 7px; margin-right:20px; }
+
+g.on { fill:#53d769; }
+
+table.room svg      { height:20px; width:20px; fill:#147bff; }
+table.room svg.it_raspberry_logo { height: 26px; width: 26px; }
\ No newline at end of file
diff --git a/fhem/www/pgm2/ios7touchpadfloorplanstyle.css b/fhem/www/pgm2/ios7touchpadfloorplanstyle.css
new file mode 100644
index 000000000..c5aff84e9
--- /dev/null
+++ b/fhem/www/pgm2/ios7touchpadfloorplanstyle.css
@@ -0,0 +1,75 @@
+body     { background-color: #F0F0F0;
+           font-family:Arial, sans-serif; 
+           font-size:9px; 
+           background-repeat:no-repeat;  }
+
+body[id~=Media]     { background-color: #A5A5A5;
+                        font-family:Arial, sans-serif; 
+                        font-size:9px;  
+                        background-image:url(../icons/Media.bak);
+                        background-repeat:no-repeat;  }
+
+#logo    { position:absolute; top: 10px; left: 10px; 
+           width:64px;  height:67px; background-image:url(../icons/fhem_smallscreen); }
+#backimg {position:absolute; top:15px; left:190px;}
+#menu    { position:absolute; top:120px; left:20px; min-width:60px; }
+#menu.floorplan   { position:absolute; top:120px; left:20px; min-width:80px; font-size:14px; line-height:22px; }
+#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:20px; min-width:310px; font-size:9px; border:1px solid gray;}
+#startcontent {position:absolute; top:20px; left:180px; text-align:left; font-size: 16px; } 
+table a:hover {font-weight:bold;}
+#hdr     { position:absolute; top:10px; left:180px; border:1px solid gray; }
+#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
+#connect_err { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
+a { color: #278727; }
+img {  border-style: none; }
+table { -moz-border-radius:8px; border-radius:8px; }
+
+.fp_Grundriss   {border:0px solid gray;}
+
+      .devicename     {font-size: 11px; text-align:center; }
+      .devicestate    {text-align:center; }
+      .devicecommands {font-size:14px; text-align:center; }
+      .devicetimestamp{font-size:10px; text-align:center; }
+
+#sz_Rollo.devicename     {font-size:14px;}
+#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
+#ez_Aussensensor.devicestate  {color:green; font-size:30px; }
+#HomeStatus.devicestate  {color:green; font-size:30px; }
+table.dummy              {min-width:100px; }
+table.FHT                {min-width:100px; }
+#wakeup.devicestate      {color:green; font-size:11px; }
+#ez_FHT.devicestate      {color:green; font-size:30px; }
+#Home.fp_Grundriss       {font-size:14px; width:100px; }
+#Home.fp_Media           {font-size:14px; text-align:left; }
+#Media                   {font-size:14px; }
+#Grundriss               {font-size:14px; text-align:left; }
+.fp_tempvalue            {color:red; font-size:20px; }
+.fp_humvalue             {color:blue; font-size:20px; } 
+
+h2,h3,h4 { color:#52865D; line-height:1.3;
+           margin-top:1.5em; font-family:Arial,Sans-serif; }
+
+
+/* detail-selector & slider */
+select {  margin-left:5px; margin-right:5px; }
+.set,.attr { margin-bottom:5px; float:left; }
+.slider { float:left; width:140px; height:26px; border:2px solid; color:grey; }
+.set .slider { background:#F0F0D8; border-radius:8px; }
+/* timepicker */
+.set .set { margin-bottom:2px; margin-top:3px; }
+
+.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; }
+
+/* next lines are for openautomation-svg */
+svg { height:32px; width:32px; fill:#fff; }
+g.on { fill:red; }
+
+/* next lines are for remotecontrol */
+.rc_body              { border-style: solid; border-color: gray; border-width: 2px; 
+                        padding: 5px; background: #C8C8B0; font-size:6px;}
+.rc_button            { padding: 5px 7px;}
+.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
+.rc_button img:active { border-color: gray; }