diff --git a/coreengine/definitions.h b/coreengine/definitions.h
index b07943f..5787615 100644
--- a/coreengine/definitions.h
+++ b/coreengine/definitions.h
@@ -698,6 +698,7 @@ enum class eCeMenuMainIT {
     menuitemy,
     menuitemwidth,
     menuitemheight,
+    numitem,
     count
 };
 
@@ -721,6 +722,7 @@ enum class eLeMenuSchedulesIT {
     daynumeric,
     month,
     year,
+    istoday,
     running,
     elapsed,
     startsin,
@@ -766,6 +768,7 @@ enum class eCeMenuSchedulesIT {
     menuitemy,
     menuitemwidth,
     menuitemheight,
+    numitem,
     daynumeric,
     month,
     year,
@@ -851,6 +854,7 @@ enum class eCeMenuChannelsIT {
     menuitemy,
     menuitemwidth,
     menuitemheight,
+    numitem,
     number,
     transponder,
     frequency,
@@ -937,6 +941,7 @@ enum class eCeMenuTimersIT {
     menuitemy,
     menuitemwidth,
     menuitemheight,
+    numitem,
     month,
     year,
     channellogoexists,
@@ -1015,6 +1020,7 @@ enum class eCeMenuRecordingsIT {
     menuitemy,
     menuitemwidth,
     menuitemheight,
+    numitem,
     isnew,
     percentseen,
     watched,
diff --git a/coreengine/listelements.c b/coreengine/listelements.c
index 1ebfa94..ccf84af 100644
--- a/coreengine/listelements.c
+++ b/coreengine/listelements.c
@@ -78,20 +78,23 @@ cCurrentElement::cCurrentElement(void) {
     listY = 0;
     listWidth = 0;
     listHeight = 0;
+    listNum = 0;
 }
 
-void cCurrentElement::SetListPosition(int x, int y, int width, int height) {
+void cCurrentElement::SetListPosition(int x, int y, int width, int height, int num) {
     listX = x;
     listY = y;
     listWidth = width;
     listHeight = height;
+    listNum = num;
 }
 
 void cCurrentElement::SetListTokens(skindesignerapi::cTokenContainer *tokenContainer) {
-    tokenContainer->AddIntToken(0, listX);
-    tokenContainer->AddIntToken(1, listY);
+    tokenContainer->AddIntToken(0, listX - container.X());
+    tokenContainer->AddIntToken(1, listY - container.Y());
     tokenContainer->AddIntToken(2, listWidth);
     tokenContainer->AddIntToken(3, listHeight);
+    tokenContainer->AddIntToken(4, listNum);
 }
 
 /******************************************************************
@@ -455,7 +458,7 @@ void cLeMenuMain::RenderCurrent(void) {
     if (!currentMain)
         return;
     currentMain->SetText(text);
-    currentMain->SetListPosition(container.X(), container.Y(), container.Width(), container.Height());
+    currentMain->SetListPosition(container.X(), container.Y(), container.Width(), container.Height(), num);
     currentMain->Parse();
 }
 
@@ -500,6 +503,7 @@ void cCeMenuMain::SetTokenContainer(void) {
     tokenContainer->DefineIntToken("{menuitemy}", (int)eCeMenuMainIT::menuitemy);
     tokenContainer->DefineIntToken("{menuitemwidth}", (int)eCeMenuMainIT::menuitemwidth);
     tokenContainer->DefineIntToken("{menuitemheight}", (int)eCeMenuMainIT::menuitemheight);
+    tokenContainer->DefineIntToken("{numitem}", (int)eCeMenuMainIT::numitem);
     tokenContainer->DefineStringToken("{label}", (int)eCeMenuMainST::label);
     tokenContainer->DefineStringToken("{number}", (int)eCeMenuMainST::number);
     tokenContainer->DefineStringToken("{icon}", (int)eCeMenuMainST::icon);
@@ -563,6 +567,7 @@ void cLeMenuSchedules::SetTokenContainer(void) {
     tokenContainer->DefineIntToken("{daynumeric}", (int)eLeMenuSchedulesIT::daynumeric);
     tokenContainer->DefineIntToken("{month}", (int)eLeMenuSchedulesIT::month);
     tokenContainer->DefineIntToken("{year}", (int)eLeMenuSchedulesIT::year);
+    tokenContainer->DefineIntToken("{istoday}", (int)eLeMenuSchedulesIT::istoday);
     tokenContainer->DefineIntToken("{running}", (int)eLeMenuSchedulesIT::running);
     tokenContainer->DefineIntToken("{elapsed}", (int)eLeMenuSchedulesIT::elapsed);
     tokenContainer->DefineIntToken("{startsin}", (int)eLeMenuSchedulesIT::startsin);
@@ -626,12 +631,14 @@ bool cLeMenuSchedules::Parse(bool forced) {
             tokenContainer->AddStringToken((int)eLeMenuSchedulesST::start, *(event->GetTimeString()));
             tokenContainer->AddStringToken((int)eLeMenuSchedulesST::stop, *(event->GetEndTimeString()));
             time_t startTime = event->StartTime();
-            struct tm * sStartTime = localtime(&startTime);
+            struct tm *sStartTime = localtime(&startTime);
+            int day = sStartTime->tm_mday;
+            int month = sStartTime->tm_mon;
             tokenContainer->AddStringToken((int)eLeMenuSchedulesST::day, *WeekDayName(startTime));
             tokenContainer->AddStringToken((int)eLeMenuSchedulesST::date, *ShortDateString(startTime));
             tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::year, sStartTime->tm_year + 1900);
-            tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::daynumeric, sStartTime->tm_mday);
-            tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::month, sStartTime->tm_mon+1);
+            tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::daynumeric, day);
+            tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::month, month + 1);
 
             bool isRunning = false;
             time_t now = time(NULL);
@@ -645,6 +652,8 @@ bool cLeMenuSchedules::Parse(bool forced) {
                 tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::elapsed, 0);
                 tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::startsin, (event->StartTime() - now)/60);
             }
+            struct tm *sNow = localtime(&now);
+            tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::istoday, (day == sNow->tm_mday && month == sNow->tm_mon) ? true : false);
             tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::duration, event->Duration() / 60);
             tokenContainer->AddIntToken((int)eLeMenuSchedulesIT::durationhours, event->Duration() / 3600);
             tokenContainer->AddStringToken((int)eLeMenuSchedulesST::durationminutes, *cString::sprintf("%.2d", (event->Duration() / 60)%60));
@@ -676,7 +685,7 @@ void cLeMenuSchedules::RenderCurrent(void) {
         return;
     currentSchedules->Set(event, channel, withDate, timerMatch, menuCat);
     currentSchedules->SetEpgSearchFav(epgSearchFav);
-    currentSchedules->SetListPosition(container.X(), container.Y(), container.Width(), container.Height());
+    currentSchedules->SetListPosition(container.X(), container.Y(), container.Width(), container.Height(), num);
     currentSchedules->Parse();
 }
 
@@ -707,6 +716,7 @@ void cCeMenuSchedules::SetTokenContainer(void) {
     tokenContainer->DefineIntToken("{menuitemy}", (int)eCeMenuSchedulesIT::menuitemy);
     tokenContainer->DefineIntToken("{menuitemwidth}", (int)eCeMenuSchedulesIT::menuitemwidth);
     tokenContainer->DefineIntToken("{menuitemheight}", (int)eCeMenuSchedulesIT::menuitemheight);
+    tokenContainer->DefineIntToken("{numitem}", (int)eCeMenuSchedulesIT::numitem);
     tokenContainer->DefineIntToken("{daynumeric}", (int)eCeMenuSchedulesIT::daynumeric);
     tokenContainer->DefineIntToken("{month}", (int)eCeMenuSchedulesIT::month);
     tokenContainer->DefineIntToken("{year}", (int)eCeMenuSchedulesIT::year);
@@ -953,7 +963,7 @@ void cLeMenuChannels::RenderCurrent(void) {
     if (!currentChannel)
         return;
     currentChannel->Set(channel, withProvider);
-    currentChannel->SetListPosition(container.X(), container.Y(), container.Width(), container.Height());
+    currentChannel->SetListPosition(container.X(), container.Y(), container.Width(), container.Height(), num);
     currentChannel->Parse();
 }
 
@@ -998,6 +1008,7 @@ void cCeMenuChannels::SetTokenContainer(void) {
     tokenContainer->DefineIntToken("{menuitemy}", (int)eCeMenuChannelsIT::menuitemy);
     tokenContainer->DefineIntToken("{menuitemwidth}", (int)eCeMenuChannelsIT::menuitemwidth);
     tokenContainer->DefineIntToken("{menuitemheight}", (int)eCeMenuChannelsIT::menuitemheight);
+    tokenContainer->DefineIntToken("{numitem}", (int)eCeMenuChannelsIT::numitem);
     tokenContainer->DefineIntToken("{number}", (int)eCeMenuChannelsIT::number);
     tokenContainer->DefineIntToken("{transponder}", (int)eCeMenuChannelsIT::transponder);
     tokenContainer->DefineIntToken("{frequency}", (int)eCeMenuChannelsIT::frequency);
@@ -1271,7 +1282,7 @@ void cLeMenuTimers::RenderCurrent(void) {
     if (!currentTimer)
         return;
     currentTimer->Set(timer);
-    currentTimer->SetListPosition(container.X(), container.Y(), container.Width(), container.Height());
+    currentTimer->SetListPosition(container.X(), container.Y(), container.Width(), container.Height(), num);
     currentTimer->Parse();
 }
 
@@ -1307,6 +1318,7 @@ void cCeMenuTimers::SetTokenContainer(void) {
     tokenContainer->DefineIntToken("{menuitemy}", (int)eCeMenuTimersIT::menuitemy);
     tokenContainer->DefineIntToken("{menuitemwidth}", (int)eCeMenuTimersIT::menuitemwidth);
     tokenContainer->DefineIntToken("{menuitemheight}", (int)eCeMenuTimersIT::menuitemheight);
+    tokenContainer->DefineIntToken("{numitem}", (int)eCeMenuTimersIT::numitem);
     tokenContainer->DefineIntToken("{month}", (int)eCeMenuTimersIT::month);
     tokenContainer->DefineIntToken("{year}", (int)eCeMenuTimersIT::year);
     tokenContainer->DefineIntToken("{channellogoexists}", (int)eCeMenuTimersIT::channellogoexists);
@@ -1602,7 +1614,7 @@ void cLeMenuRecordings::RenderCurrent(void) {
     if (!currentRecording)
         return;
     currentRecording->Set(recording, level, total, New);
-    currentRecording->SetListPosition(container.X(), container.Y(), container.Width(), container.Height());
+    currentRecording->SetListPosition(container.X(), container.Y(), container.Width(), container.Height(), num);
     currentRecording->Parse();
 }
 
@@ -1679,6 +1691,7 @@ void cCeMenuRecordings::SetTokenContainer(void) {
     tokenContainer->DefineIntToken("{menuitemy}", (int)eCeMenuRecordingsIT::menuitemy);
     tokenContainer->DefineIntToken("{menuitemwidth}", (int)eCeMenuRecordingsIT::menuitemwidth);
     tokenContainer->DefineIntToken("{menuitemheight}", (int)eCeMenuRecordingsIT::menuitemheight);
+    tokenContainer->DefineIntToken("{numitem}", (int)eCeMenuRecordingsIT::numitem);
     tokenContainer->DefineIntToken("{new}", (int)eCeMenuRecordingsIT::isnew);
     tokenContainer->DefineIntToken("{percentseen}", (int)eCeMenuRecordingsIT::percentseen);
     tokenContainer->DefineIntToken("{watched}", (int)eCeMenuRecordingsIT::watched);
@@ -1888,7 +1901,7 @@ void cLeMenuPlugin::RenderCurrent(void) {
     if (!currentPlugin)
         return;
     currentPlugin->Set(tokenContainer);
-    currentPlugin->SetListPosition(container.X(), container.Y(), container.Width(), container.Height());
+    currentPlugin->SetListPosition(container.X(), container.Y(), container.Width(), container.Height(), num);
     currentPlugin->Parse();
 }
 
diff --git a/coreengine/listelements.h b/coreengine/listelements.h
index 6c8a0fb..8f2b5b2 100644
--- a/coreengine/listelements.h
+++ b/coreengine/listelements.h
@@ -42,10 +42,11 @@ protected:
     int listY;
     int listWidth;
     int listHeight;
+    int listNum;
 public:
     cCurrentElement(void);
     virtual ~cCurrentElement(void) {};
-    void SetListPosition(int x, int y, int width, int height);
+    void SetListPosition(int x, int y, int width, int height, int num);
     void SetListTokens(skindesignerapi::cTokenContainer *tokenContainer);
 };
 
diff --git a/coreengine/viewdisplaymenu.c b/coreengine/viewdisplaymenu.c
index 07de9fe..9376879 100644
--- a/coreengine/viewdisplaymenu.c
+++ b/coreengine/viewdisplaymenu.c
@@ -639,40 +639,33 @@ cSubView::cSubView(const char *name) {
     colorbuttons = NULL;
     scrollbar = NULL;
     viewList = NULL;
-    viewListVertical = NULL;
-    viewListHorizontal = NULL;
     SetViewElements();
 }
 
 cSubView::~cSubView(void) {
-    delete viewListHorizontal;
-    delete viewListVertical;
+    for(vector<cViewList*>::iterator it = viewLists.begin(); it != viewLists.end(); it++) {
+        delete (*it);
+    }
 }
 
 void cSubView::SetGlobals(cGlobals *globals) {
     cView::SetGlobals(globals);
-    if (viewListVertical)
-        viewListVertical->SetGlobals(globals);
-    if (viewListHorizontal)
-        viewListHorizontal->SetGlobals(globals);
+    for(vector<cViewList*>::iterator it = viewLists.begin(); it != viewLists.end(); it++) {
+        (*it)->SetGlobals(globals);
+    }
 }
 
 void cSubView::PreCache(void) {
     attribs->SetContainer(container.X(), container.Y(), container.Width(), container.Height());
     attribs->Cache();
+    for(vector<cViewList*>::iterator it = viewLists.begin(); it != viewLists.end(); it++) {
+        cViewList *vl = (*it);
+        vl->SetPlugId(plugId);
+        vl->SetPlugMenuId(plugMenuId);
+        vl->SetContainer(attribs->X(), attribs->Y(), attribs->Width(), attribs->Height());
+        vl->PreCache();
+    }
     cView::PreCache();
-    if (viewListVertical) {
-        viewListVertical->SetPlugId(plugId);
-        viewListVertical->SetPlugMenuId(plugMenuId);
-        viewListVertical->SetContainer(attribs->X(), attribs->Y(), attribs->Width(), attribs->Height());
-        viewListVertical->PreCache();        
-    }
-    if (viewListHorizontal) {
-        viewListHorizontal->SetPlugId(plugId);
-        viewListHorizontal->SetPlugMenuId(plugMenuId);
-        viewListHorizontal->SetContainer(attribs->X(), attribs->Y(), attribs->Width(), attribs->Height());
-        viewListHorizontal->PreCache();        
-    }
 }
 
 bool cSubView::ViewElementSet(int ve) {
@@ -769,14 +762,7 @@ void cSubView::SetViewElementHorizontal(eVeDisplayMenu ve, cViewElement *viewEle
 }
 
 void cSubView::AddViewList(cViewList *viewList) {
-    eOrientation orientation = viewList->Orientation();
-    if (orientation == eOrientation::vertical) {
-        viewListVertical = viewList;
-    } else if (orientation == eOrientation::horizontal) {
-        viewListHorizontal = viewList;
-    } else {
-        viewListVertical = viewList;        
-    }
+    viewLists.push_back(viewList);
 }
 
 int cSubView::NumListItems(void) {
@@ -987,11 +973,17 @@ void cSubView::SetViewElementObjects(void) {
     else if (viewElements[(int)eVeDisplayMenu::scrollbar])
         scrollbar = dynamic_cast<cVeDmScrollbar*>(viewElements[(int)eVeDisplayMenu::scrollbar]);
 
-
-    if (attribs->Orientation() == eOrientation::horizontal)
-        viewList = viewListHorizontal;
-    else
-        viewList = viewListVertical;
+    //set appropriate viewlist, orientation and condition have to be considered
+    for(vector<cViewList*>::iterator it = viewLists.begin(); it != viewLists.end(); it++) {
+        cViewList *vl = (*it);
+        if (vl->Orientation() == orientation && vl->Execute()) {
+            viewList = vl;
+            break;
+        }
+    }
+    if (!viewList && viewLists.size() > 0) {
+        viewList = viewLists.front();
+    }
 }
 
 void cSubView::SetViewElements(void) {
diff --git a/coreengine/viewdisplaymenu.h b/coreengine/viewdisplaymenu.h
index 1e3e624..b50bdb0 100644
--- a/coreengine/viewdisplaymenu.h
+++ b/coreengine/viewdisplaymenu.h
@@ -72,6 +72,7 @@ public:
     void AddSubview(const char *sSubView, cSubView *subView);
     void AddPluginview(cSubView *plugView);
     void SetSubView(eMenuCategory MenuCat);
+    eMenuCategory MenuCat(void) { return menuCat; };
     void SetSortMode(eMenuSortMode sortMode);
     void SetPluginMenu(int plugId, int plugMenuId);
     int NumListItems(void);
@@ -114,8 +115,7 @@ protected:
     int plugId;
     int plugMenuId;
     cViewList *viewList;
-    cViewList *viewListVertical;
-    cViewList *viewListHorizontal;
+    vector<cViewList*> viewLists;
     cViewElement *background;
     cVeDmHeader *header;
     cVeDateTime *datetime;
diff --git a/coreengine/viewlist.c b/coreengine/viewlist.c
index dbbe5e7..83e75f8 100644
--- a/coreengine/viewlist.c
+++ b/coreengine/viewlist.c
@@ -24,6 +24,7 @@ cViewList::~cViewList(void) {
         }
     }
     delete[] listElements;
+    delete tokenContainer;
 }
 
 void cViewList::SetGlobals(cGlobals *globals) {
@@ -127,6 +128,9 @@ void cViewList::AddCurrentElement(cViewElement *currentElement) {
 }
 
 void cViewList::PreCache(void) {
+    tokenContainer = new skindesignerapi::cTokenContainer();
+    tokenContainer->CreateContainers();
+    attribs->SetTokenContainer(tokenContainer);
     attribs->SetContainer(container.X(), container.Y(), container.Width(), container.Height());
     attribs->SetGlobals(globals);
     attribs->Cache();
@@ -164,6 +168,10 @@ int cViewList::NumItems(void) {
     return numElements;
 }
 
+bool cViewList::Execute(void) {
+    return attribs->DoExecute();
+}
+
 eOrientation cViewList::Orientation(void) {
     return attribs->Orientation();
 }
@@ -219,6 +227,8 @@ void cViewList::SetTransparency(int transparency) {
 }
 
 void cViewList::Debug(void) {
+    esyslog("skindesigner: --- debug viewlist");
+    attribs->Debug();
 }
 
 /******************************************************************
diff --git a/coreengine/viewlist.h b/coreengine/viewlist.h
index a979723..6c14d03 100644
--- a/coreengine/viewlist.h
+++ b/coreengine/viewlist.h
@@ -13,6 +13,7 @@ protected:
     cViewListAttribs *attribs;
     cRect container;
     cGlobals *globals;
+    skindesignerapi::cTokenContainer *tokenContainer;
     int numElements;
     eOrientation orientation;
     cViewElement *listElement;
@@ -34,6 +35,7 @@ public:
     void AddCurrentElement(cViewElement *currentElement);
     virtual void PreCache(void);
     int NumItems(void);
+    bool Execute(void);
     eOrientation Orientation(void);
     void Draw(eMenuCategory menuCat);
     void Clear(void);
diff --git a/displaymenu.c b/displaymenu.c
index c2cd486..e9ffa38 100644
--- a/displaymenu.c
+++ b/displaymenu.c
@@ -133,18 +133,27 @@ void cSDDisplayMenu::SetScrollbar(int Total, int Offset) {
 }
 
 void cSDDisplayMenu::SetEvent(const cEvent *Event) {
-    if (view)
+    if (view) {
+        if (view->MenuCat() != mcEvent)
+            view->SetSubView(mcEvent);
         view->SetEvent(Event);
+    }
 }
 
 void cSDDisplayMenu::SetRecording(const cRecording *Recording) {
-    if (view)
+    if (view) {
+        if (view->MenuCat() != mcRecordingInfo)
+            view->SetSubView(mcRecordingInfo);
         view->SetRecording(Recording);
+    }
 }
 
 void cSDDisplayMenu::SetText(const char *Text, bool FixedFont) {
-    if (view)
+    if (view) {
+        if (view->MenuCat() != mcText)
+            view->SetSubView(mcText);
         view->SetText(Text);
+    }
 }
 
 bool cSDDisplayMenu::SetPluginText(skindesignerapi::cTokenContainer *tk) {
diff --git a/dtd/setup.dtd b/dtd/setup.dtd
index 0eb88b5..793da57 100644
--- a/dtd/setup.dtd
+++ b/dtd/setup.dtd
@@ -13,7 +13,7 @@
 <!ELEMENT parameter (#PCDATA)>
 <!ATTLIST parameter
   name NMTOKEN #REQUIRED
-  type (int|bool|string) #REQUIRED
+  type (int|bool|string|separator) #REQUIRED
   min NMTOKEN #IMPLIED
   max NMTOKEN #IMPLIED
   displaytext CDATA #REQUIRED
diff --git a/extensions/skinsetup.c b/extensions/skinsetup.c
index f622336..ddde409 100644
--- a/extensions/skinsetup.c
+++ b/extensions/skinsetup.c
@@ -33,6 +33,9 @@ void cSkinSetupParameter::Debug(void) {
         sType = "int";
     else if (type == sptString)
         sType = "string";
+    else if (type == sptSeparator)
+        sType = "separator";
+
     dsyslog("skindesigner: name \"%s\", type %s, displayText \"%s\", Value: %d", name.c_str(), sType.c_str(), displayText.c_str(), value);
     if (type == sptInt)
         dsyslog("skindesigner: min %d, max %d", min, max);
@@ -224,7 +227,7 @@ void cSkinSetup::SubMenuDone(void) {
 }
 
 void cSkinSetup::SetParameter(string type, string name, string displayText, string helpText, string min, string max, string value, string options) {
-    if (!type.size() || !name.size() || !displayText.size() || !value.size()) {
+    if (!type.size() || !name.size() || !displayText.size()) {
         esyslog("skindesigner: invalid setup parameter for skin %s", skin.c_str());
         return;
     }
@@ -235,6 +238,8 @@ void cSkinSetup::SetParameter(string type, string name, string displayText, stri
         paramType = sptBool;
     } else if (!type.compare("string")) {
         paramType = sptString;
+    } else if (!type.compare("separator")) {
+        paramType = sptSeparator;
     }
     if (paramType == sptUnknown) {
         esyslog("skindesigner: invalid setup parameter for skin %s", skin.c_str());
@@ -266,7 +271,7 @@ void cSkinSetup::AddToGlobals(cGlobals *globals) {
             globals->AddString(param->name, value);
             string intName = "index" + param->name;
             globals->AddInt(intName, param->value);
-        } else {
+        } else if (param->type == sptInt || param->type == sptBool) {
             globals->AddInt(param->name, param->value);
         }
     }
diff --git a/extensions/skinsetup.h b/extensions/skinsetup.h
index e3b9cc3..ede93f9 100644
--- a/extensions/skinsetup.h
+++ b/extensions/skinsetup.h
@@ -16,6 +16,7 @@ enum eSetupParameterType {
     sptInt,
     sptBool,
     sptString,
+    sptSeparator,
     sptUnknown
 };
 
diff --git a/setup.c b/setup.c
index f3c659b..f43fcff 100644
--- a/setup.c
+++ b/setup.c
@@ -497,6 +497,10 @@ void cSkindesignerSkinSetup::Set(void) {
             Add(new cMenuEditBoolItem(param->displayText.c_str(), &param->value));
         } else if (param->type == sptString) {
             Add(new cMenuEditStraItem(param->displayText.c_str(), &param->value, param->numOptions, param->optionsTranslated));
+        } else if (param->type == sptSeparator) {
+            cOsdItem *item = new cOsdItem(param->displayText.c_str());
+            item->SetSelectable(false);
+            Add(item);            
         }
         helpTexts.push_back(param->helpText);
     }
diff --git a/skins/estuary4vdr/setup.xml b/skins/estuary4vdr/setup.xml
index 19f360a..7d5a374 100644
--- a/skins/estuary4vdr/setup.xml
+++ b/skins/estuary4vdr/setup.xml
@@ -5,11 +5,194 @@
     <menu>
         <parameter type="int" name="fadetime" min="0" max="1000" displaytext="{tr(fadetext)}" helptext="{tr(helpfade)}">0</parameter>
         <parameter type="int" name="shifttime" min="0" max="1000" displaytext="{tr(shifttext)}" helptext="{tr(helpshift)}">300</parameter>
-        <parameter type="bool" name="scrollepg" displaytext="{tr(scrollepgtext)}" helptext="{tr(helpscrollepg)}">1</parameter>
-        <parameter type="bool" name="showlistnumbers" displaytext="{tr(showlistnumbers)}" helptext="{tr(showlistnumbers)}">0</parameter>
+        <submenu name="subdisplaychannel" displaytext="{tr(subdisplaychannel)}">
+            <parameter type="int" name="epgtextposy" min="0" max="100" displaytext="{tr(epgtextposy)}">5</parameter>
+            <parameter type="int" name="epgtextfontsize" min="0" max="100" displaytext="{tr(epgtextfontsize)}">50</parameter>
+            <parameter type="int" name="epgtextfontsizelarge" min="0" max="100" displaytext="{tr(epgtextfontsizelarge)}">55</parameter>
+            <parameter type="int" name="epgsubtextposy" min="0" max="100" displaytext="{tr(epgsubtextposy)}">55</parameter>
+            <parameter type="int" name="epgsubtextfontsize" min="0" max="100" displaytext="{tr(epgsubtextfontsize)}">35</parameter>
+            <parameter type="int" name="startstopfontsize" min="0" max="100" displaytext="{tr(startstopfontsize)}">40</parameter>
+            <parameter type="int" name="channelnamefontsize" min="0" max="100" displaytext="{tr(channelnamefontsize)}">75</parameter>
+            <parameter type="bool" name="scrollepg" displaytext="{tr(scrollepgtext)}">1</parameter>
+        </submenu>
+        <submenu name="subdisplayreplay" displaytext="{tr(subdisplayreplay)}">
+            <parameter type="int" name="replaytitlesize" min="0" max="100" displaytext="{tr(replaytitlesize)}">80</parameter>
+            <parameter type="int" name="replaydatetimesize" min="0" max="100" displaytext="{tr(replaydatetimesize)}">80</parameter>
+            <parameter type="int" name="replaycurrenttotaltimesize" min="0" max="100" displaytext="{tr(replaycurrenttotaltimesize)}">80</parameter>
+            <parameter type="int" name="replayendtimesize" min="0" max="100" displaytext="{tr(replayendtimesize)}">60</parameter>
+        </submenu>
+        <submenu name="submessages" displaytext="{tr(submessages)}">
+            <parameter type="int" name="messagesize" min="0" max="100" displaytext="{tr(messagesize)}">60</parameter>
+            <parameter type="int" name="messagemenusize" min="0" max="100" displaytext="{tr(messagemenusize)}">40</parameter>
+        </submenu>
+        <submenu name="submenucommon" displaytext="{tr(submenucommon)}">
+            <parameter type="int" name="headerfontsize" min="0" max="100" displaytext="{tr(headerfontsize)}">80</parameter>
+            <parameter type="int" name="headerdatefontsize" min="0" max="100" displaytext="{tr(headerdatefontsize)}">70</parameter>
+            <parameter type="int" name="headertimefontsize" min="0" max="100" displaytext="{tr(headertimefontsize)}">80</parameter>
+            <parameter type="int" name="headertimefontsizesmall" min="0" max="100" displaytext="{tr(headertimefontsizesmall)}">60</parameter>
+            <parameter type="int" name="buttonfontsize" min="0" max="100" displaytext="{tr(buttonfontsize)}">60</parameter>
+            <parameter type="int" name="numitemsdefault" min="1" max="40" displaytext="{tr(numitemsdefault)}">16</parameter>
+            <parameter type="int" name="defaultitemfontsize" min="0" max="100" displaytext="{tr(defaultitemfontsize)}">80</parameter>
+        </submenu>
+        <submenu name="submainmenu" displaytext="{tr(submainmenu)}">
+            <parameter type="bool" name="showlistnumbers" displaytext="{tr(showlistnumbers)}">0</parameter>
+            <parameter type="int" name="numitemsmain" min="1" max="40" displaytext="{tr(numitemsmain)}">8</parameter>
+            <parameter type="int" name="mainfontsize" min="0" max="100" displaytext="{tr(mainfontsize)}">60</parameter>
+            <parameter type="int" name="setupfontsize" min="0" max="100" displaytext="{tr(setupfontsize)}">60</parameter>
+            <parameter type="int" name="mainiconsize" min="0" max="100" displaytext="{tr(mainiconsize)}">60</parameter>
+        </submenu>
+        <submenu name="subschedulesmenu" displaytext="{tr(subschedulesmenu)}">
+            <parameter type="int" name="numitemsschedueles" min="1" max="40" displaytext="{tr(numitemsschedueles)}">12</parameter>
+            <parameter type="separator" name="recsepnarrow" displaytext="{tr(recsepnarrow)}"/>
+            <parameter type="int" name="schedulesposydate" min="0" max="100" displaytext="{tr(schedulesposydate)}">7</parameter>
+            <parameter type="int" name="schedulessizedate" min="0" max="100" displaytext="{tr(schedulessizedate)}">35</parameter>
+            <parameter type="int" name="schedulesposytitle" min="0" max="100" displaytext="{tr(schedulesposytitle)}">40</parameter>
+            <parameter type="int" name="schedulessizetitle" min="0" max="100" displaytext="{tr(schedulessizetitle)}">50</parameter>
+            <parameter type="int" name="schedulesseparator" min="0" max="100" displaytext="{tr(schedulesseparator)}">60</parameter>
+            <parameter type="separator" name="schedulessepcurrent" displaytext="{tr(sepcurrent)}"/>
+            <parameter type="int" name="schedulessizecurrenttitle" min="0" max="100" displaytext="{tr(schedulessizecurrenttitle)}">26</parameter>
+            <parameter type="int" name="schedulessizecurrenttext" min="0" max="100" displaytext="{tr(schedulessizecurrenttext)}">20</parameter>
+        </submenu>
+        <submenu name="subchannelsmenu" displaytext="{tr(subchannelsmenu)}">
+            <parameter type="int" name="numitemschannels" min="1" max="40" displaytext="{tr(numitemschannels)}">12</parameter>
+            <parameter type="separator" name="sepchanlistelement" displaytext="{tr(seplistelement)}"/>
+            <parameter type="int" name="channelsposytitle" min="0" max="100" displaytext="{tr(channelsposytitle)}">5</parameter>
+            <parameter type="int" name="channelssizetitle" min="0" max="100" displaytext="{tr(channelssizetitle)}">50</parameter>
+            <parameter type="int" name="channelsposydate" min="0" max="100" displaytext="{tr(channelsposydate)}">55</parameter>
+            <parameter type="int" name="channelssizedate" min="0" max="100" displaytext="{tr(channelssizedate)}">40</parameter>
+            <parameter type="int" name="channelsseparator" min="0" max="100" displaytext="{tr(channelsseparator)}">60</parameter>
+            <parameter type="separator" name="channelssepcurrent" displaytext="{tr(sepcurrent)}"/>
+            <parameter type="int" name="channelssizecurrenttitle" min="0" max="100" displaytext="{tr(channelssizecurrenttitle)}">80</parameter>
+            <parameter type="int" name="channelssizecurrenttext" min="0" max="100" displaytext="{tr(channelssizecurrenttext)}">25</parameter>
+        </submenu>
+        <submenu name="subtimersmenu" displaytext="{tr(subtimersmenu)}">
+            <parameter type="int" name="numitemstimers" min="1" max="40" displaytext="{tr(numitemstimers)}">12</parameter>
+            <parameter type="separator" name="septimerlistelement" displaytext="{tr(seplistelement)}"/>
+            <parameter type="int" name="timersposydate" min="0" max="100" displaytext="{tr(timersposydate)}">8</parameter>
+            <parameter type="int" name="timerssizedate" min="0" max="100" displaytext="{tr(timerssizedate)}">45</parameter>
+            <parameter type="int" name="timersposytitle" min="0" max="100" displaytext="{tr(timersposytitle)}">50</parameter>
+            <parameter type="int" name="timerssizetitle" min="0" max="100" displaytext="{tr(timerssizetitle)}">45</parameter>
+            <parameter type="separator" name="timerssepcurrent" displaytext="{tr(sepcurrent)}"/>
+            <parameter type="int" name="timerssizecurrenttitle" min="0" max="100" displaytext="{tr(timerssizecurrenttitle)}">25</parameter>
+            <parameter type="int" name="timerssizecurrenttext" min="0" max="100" displaytext="{tr(timerssizecurrenttext)}">20</parameter>
+        </submenu>
+        <submenu name="subrecordings" displaytext="{tr(subrecordings)}">
+            <parameter type="string" name="recmenustyle" displaytext="{tr(recmenustyle)}" options="menu1,menu2">0</parameter>
+            <parameter type="int" name="numitemsrecnarrow" min="1" max="40" displaytext="{tr(numitemsrecnarrow)}">12</parameter>
+            <parameter type="int" name="numitemsrecwide" min="1" max="40" displaytext="{tr(numitemsrecwide)}">16</parameter>
+            <parameter type="separator" name="recsepnarrow" displaytext="{tr(recsepnarrow)}"/>
+            <parameter type="int" name="recposydate" min="0" max="100" displaytext="{tr(recposydate)}">7</parameter>
+            <parameter type="int" name="recsizedate" min="0" max="100" displaytext="{tr(recsizedate)}">40</parameter>
+            <parameter type="int" name="recposytitle" min="0" max="100" displaytext="{tr(recposytitle)}">45</parameter>
+            <parameter type="int" name="recsizetitle" min="0" max="100" displaytext="{tr(recsizetitle)}">50</parameter>
+            <parameter type="int" name="recposyfoldertitle" min="0" max="100" displaytext="{tr(recposyfoldertitle)}">3</parameter>
+            <parameter type="int" name="recsizefoldertitle" min="0" max="100" displaytext="{tr(recsizefoldertitle)}">48</parameter>
+            <parameter type="int" name="recposyfolderstats" min="0" max="100" displaytext="{tr(recposyfolderstats)}">50</parameter>
+            <parameter type="int" name="recsizefolderstats" min="0" max="100" displaytext="{tr(recsizefolderstats)}">40</parameter>
+            <parameter type="separator" name="recsepwide" displaytext="{tr(recsepwide)}"/>
+            <parameter type="int" name="recsizewide" min="0" max="100" displaytext="{tr(recsizewide)}">70</parameter>
+            <parameter type="bool" name="recshowcurrent" displaytext="{tr(recshowcurrent)}">1</parameter>
+            <parameter type="separator" name="recsepcurrent" displaytext="{tr(sepcurrent)}"/>
+            <parameter type="int" name="recsizecurrenttitle" min="0" max="100" displaytext="{tr(recsizecurrenttitle)}">25</parameter>
+            <parameter type="int" name="recsizecurrenttext" min="0" max="100" displaytext="{tr(recsizecurrenttext)}">20</parameter>
+        </submenu>
+        <submenu name="subdetailmenu" displaytext="{tr(subdetailmenu)}">
+            <parameter type="int" name="detailheaderdateposy" min="0" max="100" displaytext="{tr(detailheaderdateposy)}">0</parameter>
+            <parameter type="int" name="detailheaderdatesize" min="0" max="100" displaytext="{tr(detailheaderdatesize)}">40</parameter>
+            <parameter type="int" name="detailheadertitleposy" min="0" max="100" displaytext="{tr(detailheadertitleposy)}">43</parameter>
+            <parameter type="int" name="detailheadertitlesize" min="0" max="100" displaytext="{tr(detailheadertitlesize)}">55</parameter>
+            <parameter type="int" name="detailtextheadersize" min="0" max="100" displaytext="{tr(detailtextheadersize)}">8</parameter>
+            <parameter type="int" name="detailtextsize" min="0" max="100" displaytext="{tr(detailtextsize)}">6</parameter>
+            <parameter type="int" name="detailactors" min="0" max="100" displaytext="{tr(detailactors)}">5</parameter>
+            <parameter type="int" name="tablabels" min="0" max="100" displaytext="{tr(tablabels)}">60</parameter>
+        </submenu>
+        <submenu name="subtvguide" displaytext="TVGuide NG">
+            <parameter type="bool" name="tvgshowtime" displaytext="{tr(tvgshowtime)}">1</parameter>
+            <parameter type="separator" name="tvghorsepgrid" displaytext="{tr(tvghorsepgrid)}"/>
+            <parameter type="int" name="tvghorgriddateposy" min="0" max="100" displaytext="{tr(tvggriddateposy)}">15</parameter>
+            <parameter type="int" name="tvghorgriddatesize" min="0" max="100" displaytext="{tr(tvggriddatesize)}">30</parameter>
+            <parameter type="int" name="tvghorgridtitleposy" min="0" max="100" displaytext="{tr(tvggridtitleposy)}">45</parameter>
+            <parameter type="int" name="tvghorgridtitlesize" min="0" max="100" displaytext="{tr(tvggridtitlesize)}">45</parameter>
+            <parameter type="separator" name="tvgversepgrid" displaytext="{tr(tvgversepgrid)}"/>
+            <parameter type="int" name="tvgvergriddateposy" min="0" max="100" displaytext="{tr(tvggriddateposy)}">1</parameter>
+            <parameter type="int" name="tvgvergriddatesize" min="0" max="100" displaytext="{tr(tvggriddatesize)}">11</parameter>
+            <parameter type="int" name="tvgvergridtitleposy" min="0" max="100" displaytext="{tr(tvggridtitleposy)}">15</parameter>
+            <parameter type="int" name="tvgvergridtitlesize" min="0" max="100" displaytext="{tr(tvggridtitlesize)}">11</parameter>
+            <parameter type="separator" name="tvgsepcurrent" displaytext="{tr(sepcurrent)}"/>
+            <parameter type="int" name="tvgcurrenttitlesize" min="0" max="100" displaytext="{tr(tvgcurrenttitlesize)}">80</parameter>
+            <parameter type="int" name="tvgcurrenttextsize" min="0" max="100" displaytext="{tr(tvgcurrenttextsize)}">28</parameter>
+        </submenu>
     </menu>
 
+
     <translations>
+        <!-- submenus -->
+        <token name="tr(subdisplaychannel)">
+            <trans lang="en_EN">Channel switching</trans>
+            <trans lang="de_DE">Kanäle umschalten</trans>
+        </token>
+        <token name="tr(subdisplayreplay)">
+            <trans lang="en_EN">Replay of recording</trans>
+            <trans lang="de_DE">Wiedergabe einer Aufnahme</trans>
+        </token>
+        <token name="tr(submessages)">
+            <trans lang="en_EN">Messages</trans>
+            <trans lang="de_DE">Nachrichten</trans>
+        </token>
+        <token name="tr(submenucommon)">
+            <trans lang="en_EN">Common menu settings</trans>
+            <trans lang="de_DE">Allgemeine Menü Einstellungen</trans>
+        </token>
+        <token name="tr(submainmenu)">
+            <trans lang="en_EN">Main and Setup Menu</trans>
+            <trans lang="de_DE">Haupt- und Setup Menü</trans>
+        </token>
+        <token name="tr(subschedulesmenu)">
+            <trans lang="en_EN">Schedules Menu</trans>
+            <trans lang="de_DE">Programm Menü</trans>
+        </token>
+        <token name="tr(subchannelsmenu)">
+            <trans lang="en_EN">Channel Menu</trans>
+            <trans lang="de_DE">Kanal Menü</trans>
+        </token>
+        <token name="tr(subtimersmenu)">
+            <trans lang="en_EN">Timer Menu</trans>
+            <trans lang="de_DE">Timer Menü</trans>
+        </token>
+        <token name="tr(subrecordings)">
+            <trans lang="en_EN">Recordings Menu</trans>
+            <trans lang="de_DE">Aufzeichnungsmenü</trans>
+        </token>
+        <token name="tr(subdetailmenu)">
+            <trans lang="en_EN">Detailed Views (EPG, Rec, text)</trans>
+            <trans lang="de_DE">Detailansichten (EPG, Aufzeichnungen, Text)</trans>
+        </token>
+        <!-- separators -->
+        <token name="tr(seplistelement)">
+            <trans lang="en_EN">Settings menu [% of list element height]</trans>
+            <trans lang="de_DE">Einstellungen Menü [% der Listenelement Höhe]</trans>
+        </token>
+        <token name="tr(recsepnarrow)">
+            <trans lang="en_EN">Settings narrow menu [% of list element height]</trans>
+            <trans lang="de_DE">Einstellungen schmales Menü [% der Listenelement Höhe]</trans>
+        </token>
+        <token name="tr(recsepwide)">
+            <trans lang="en_EN">Settings wide menu [% of list element height]</trans>
+            <trans lang="de_DE">Einstellungen breites Menü [% der Listenelement Höhe]</trans>
+        </token>
+        <token name="tr(sepcurrent)">
+            <trans lang="en_EN">Settings current element [% of box height]</trans>
+            <trans lang="de_DE">Einstellungen aktuelles Element [% der Box Höhe]</trans>
+        </token>
+        <token name="tr(tvghorsepgrid)">
+            <trans lang="en_EN">Settings epg grids horizontal display [% of grid height]</trans>
+            <trans lang="de_DE">Einstellungen EPG Grids horizontale Anzeige [% der Grid Höhe]</trans>
+        </token>
+        <token name="tr(tvgversepgrid)">
+            <trans lang="en_EN">Settings epg grids vertical display [% of grid width]</trans>
+            <trans lang="de_DE">Einstellungen EPG Grids vertikale Anzeige [% der Grid Breite]</trans>
+        </token>
+        <!-- common texts -->
         <token name="tr(fadetext)">
             <trans lang="en_EN">Fade time [ms]</trans>
             <trans lang="de_DE">Einblendzeit [ms]</trans>
@@ -26,17 +209,340 @@
             <trans lang="en_EN">Shift time in ms. If this is set to a value larger 0 all OSD elements beside the VDR menu are shifted in and out from the bottom of the screen. If fadetime is also set to a value larger 0, still shifting is performed.</trans>
             <trans lang="de_DE">Einfahrzeit in ms. Ist dieser Wert auf einen Wert > 0 gesetzt, werden alle OSD Elemente ausser dem VDR Menu vom unteren Rand des Bildschirms herein- und herausgefahren. Falls fadetime ebenfalls auf einen Wert größer 0 gesetzt ist, wird das OSD trotzdem herein- und herausgefahren.</trans>
         </token>
+        <!-- displaychannel -->
+        <token name="tr(epgtextposy)">
+            <trans lang="en_EN">Vertical position EPG titel</trans>
+            <trans lang="de_DE">Vertikale Position EPG Titel</trans>
+        </token>
+        <token name="tr(epgtextfontsize)">
+            <trans lang="en_EN">Font size EPG titel</trans>
+            <trans lang="de_DE">Schriftgröße EPG Titel</trans>
+        </token>
+        <token name="tr(epgtextfontsizelarge)">
+            <trans lang="en_EN">Font size EPG titel w.o. shorttext</trans>
+            <trans lang="de_DE">Schriftgröße EPG Titel ohne Kurztext</trans>
+        </token>
+        <token name="tr(epgsubtextposy)">
+            <trans lang="en_EN">Vertical position EPG shorttext</trans>
+            <trans lang="de_DE">Vertikale Position EPG Kurztext</trans>
+        </token>
+        <token name="tr(epgsubtextfontsize)">
+            <trans lang="en_EN">Font size EPG shorttext</trans>
+            <trans lang="de_DE">Schriftgröße EPG Kurztext</trans>
+        </token>
+        <token name="tr(startstopfontsize)">
+            <trans lang="en_EN">Font size start and stop time</trans>
+            <trans lang="de_DE">Schriftgröße Start- und Endezeit</trans>
+        </token>
+        <token name="tr(channelnamefontsize)">
+            <trans lang="en_EN">Font size channel name</trans>
+            <trans lang="de_DE">Schriftgröße Kanalname</trans>
+        </token>
         <token name="tr(scrollepgtext)">
-            <trans lang="en_EN">Scroll EPG in channel display</trans>
-            <trans lang="de_DE">EGP in Kanalanzeige scrollen</trans>
+            <trans lang="en_EN">Scroll EPG</trans>
+            <trans lang="de_DE">EGP scrollen</trans>
         </token>
-        <token name="tr(helpscrollepg)">
-            <trans lang="en_EN">If set to "yes", EPG text in channel display is scrolling if needed</trans>
-            <trans lang="de_DE">Falls auf "Ja" gesetzt, scrollt der EGP Text in der Kanalanzeige falls notwendig.</trans>
+        <!-- recording display -->
+        <token name="tr(replaytitlesize)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
         </token>
+        <token name="tr(replaydatetimesize)">
+            <trans lang="en_EN">Font size date and time</trans>
+            <trans lang="de_DE">Schriftgröße Datum und Uhrzeit</trans>
+        </token>
+        <token name="tr(replaycurrenttotaltimesize)">
+            <trans lang="en_EN">Font size current and total time</trans>
+            <trans lang="de_DE">Schriftgröße aktuelle und gesamte Zeit</trans>
+        </token>
+        <token name="tr(replayendtimesize)">
+            <trans lang="en_EN">Font size end time</trans>
+            <trans lang="de_DE">Schriftgröße Ende Zeit</trans>
+        </token>
+        <!-- messages -->
+        <token name="tr(messagesize)">
+            <trans lang="en_EN">Font size messages</trans>
+            <trans lang="de_DE">Schriftgröße Nachrichten</trans>
+        </token>
+        <token name="tr(messagemenusize)">
+            <trans lang="en_EN">Font size messages in menus</trans>
+            <trans lang="de_DE">Schriftgröße Nachrichten in Menüs</trans>
+        </token>
+        <!-- menu common -->
+        <token name="tr(headerfontsize)">
+            <trans lang="en_EN">Font size header</trans>
+            <trans lang="de_DE">Schriftgröße Header</trans>
+        </token>
+        <token name="tr(headerdatefontsize)">
+            <trans lang="en_EN">Font size date</trans>
+            <trans lang="de_DE">Schriftgröße Datum</trans>
+        </token>
+        <token name="tr(headertimefontsize)">
+            <trans lang="en_EN">Font size time</trans>
+            <trans lang="de_DE">Schriftgröße Uhrzeit</trans>
+        </token>
+        <token name="tr(headertimefontsizesmall)">
+            <trans lang="en_EN">Font size time seconds</trans>
+            <trans lang="de_DE">Schriftgröße Uhrzeit Sekunden</trans>
+        </token>
+        <token name="tr(buttonfontsize)">
+            <trans lang="en_EN">Font size color buttons</trans>
+            <trans lang="de_DE">Schriftgröße Farbbuttons</trans>
+        </token>
+        <token name="tr(numitemsdefault)">
+            <trans lang="en_EN">Number of menu items in default lists</trans>
+            <trans lang="de_DE">Anzahl Menüelemente Standardlisten</trans>
+        </token>
+        <token name="tr(defaultitemfontsize)">
+            <trans lang="en_EN">Font size default menu item</trans>
+            <trans lang="de_DE">Schriftgröße Standard Listenelement</trans>
+        </token>
+        <!-- menu main and setup -->
         <token name="tr(showlistnumbers)">
-            <trans lang="en_EN">Display numbering in main and setup menu</trans>
-            <trans lang="de_DE">Nummerierung im Haupt- und Setup Menü anzeigen</trans>
+            <trans lang="en_EN">Display numbering of list elements</trans>
+            <trans lang="de_DE">Nummerierung der Listenelemente anzeigen</trans>
+        </token>
+        <token name="tr(numitemsmain)">
+            <trans lang="en_EN">Number of main menu items</trans>
+            <trans lang="de_DE">Anzahl Hauptmenüelemente</trans>
+        </token>
+        <token name="tr(mainfontsize)">
+            <trans lang="en_EN">Font size main menu [% of listelement height]</trans>
+            <trans lang="de_DE">Schriftgröße Hauptmenü [% der Listenelement Höhe]</trans>
+        </token>
+        <token name="tr(setupfontsize)">
+            <trans lang="en_EN">Font size setup menu [% of listelement height]</trans>
+            <trans lang="de_DE">Schriftgröße Setup Menü [% der Listenelement Höhe]</trans>
+        </token>
+        <token name="tr(mainiconsize)">
+            <trans lang="en_EN">Icon size [% of listelement height]</trans>
+            <trans lang="de_DE">Icon Größe [% der Listenelement Höhe]</trans>
+        </token>
+        <!-- menu schedules -->
+        <token name="tr(numitemsschedueles)">
+            <trans lang="en_EN">Number of menu items</trans>
+            <trans lang="de_DE">Anzahl Menüelemente</trans>
+        </token>
+        <token name="tr(schedulesposydate)">
+            <trans lang="en_EN">Vertical position date</trans>
+            <trans lang="de_DE">Vertikale Position Datum</trans>
+        </token>
+        <token name="tr(schedulessizedate)">
+            <trans lang="en_EN">Font size date</trans>
+            <trans lang="de_DE">Schriftgröße Datum</trans>
+        </token>
+        <token name="tr(schedulesposytitle)">
+            <trans lang="en_EN">Vertical position epg title</trans>
+            <trans lang="de_DE">Vertikale Position EPG Titel</trans>
+        </token>
+        <token name="tr(schedulessizetitle)">
+            <trans lang="en_EN">Font size epg title</trans>
+            <trans lang="de_DE">Schriftgröße EPG Titel</trans>
+        </token>
+        <token name="tr(schedulesseparator)">
+            <trans lang="en_EN">Day Separators</trans>
+            <trans lang="de_DE">Tagesseparatoren</trans>
+        </token>
+        <token name="tr(schedulessizecurrenttitle)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(schedulessizecurrenttext)">
+            <trans lang="en_EN">Font size text</trans>
+            <trans lang="de_DE">Schriftgröße Text</trans>
+        </token>
+        <!-- menu channels -->
+        <token name="tr(numitemschannels)">
+            <trans lang="en_EN">Number of menu items</trans>
+            <trans lang="de_DE">Anzahl Menüelemente</trans>
+        </token>
+        <token name="tr(channelsposydate)">
+            <trans lang="en_EN">Vertical position schedule</trans>
+            <trans lang="de_DE">Vertikale Position Programm</trans>
+        </token>
+        <token name="tr(channelssizedate)">
+            <trans lang="en_EN">Font size schedule</trans>
+            <trans lang="de_DE">Schriftgröße Programm</trans>
+        </token>
+        <token name="tr(channelsposytitle)">
+            <trans lang="en_EN">Vertical position channel name</trans>
+            <trans lang="de_DE">Vertikale Position Kanalname</trans>
+        </token>
+        <token name="tr(channelssizetitle)">
+            <trans lang="en_EN">Font size channel name</trans>
+            <trans lang="de_DE">Schriftgröße Kanalname</trans>
+        </token>
+        <token name="tr(channelsseparator)">
+            <trans lang="en_EN">Channel Separators</trans>
+            <trans lang="de_DE">Kanalseparatoren</trans>
+        </token>
+        <token name="tr(channelssizecurrenttitle)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(channelssizecurrenttext)">
+            <trans lang="en_EN">Font size text</trans>
+            <trans lang="de_DE">Schriftgröße Text</trans>
+        </token>
+        <!-- menu timers -->
+        <token name="tr(numitemstimers)">
+            <trans lang="en_EN">Number of menu items</trans>
+            <trans lang="de_DE">Anzahl Menüelemente</trans>
+        </token>
+        <token name="tr(timersposydate)">
+            <trans lang="en_EN">Vertical position date</trans>
+            <trans lang="de_DE">Vertikale Position Datum</trans>
+        </token>
+        <token name="tr(timerssizedate)">
+            <trans lang="en_EN">Font size date</trans>
+            <trans lang="de_DE">Schriftgröße Datum</trans>
+        </token>
+        <token name="tr(timersposytitle)">
+            <trans lang="en_EN">Vertical position title</trans>
+            <trans lang="de_DE">Vertikale Position Titel</trans>
+        </token>
+        <token name="tr(timerssizetitle)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(timerssizecurrenttitle)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(timerssizecurrenttext)">
+            <trans lang="en_EN">Font size text</trans>
+            <trans lang="de_DE">Schriftgröße Text</trans>
+        </token>
+        <!-- menu recordings -->
+        <token name="tr(recmenustyle)">
+            <trans lang="en_EN">Style of Recordings Menu</trans>
+            <trans lang="de_DE">Darstellung des Aufzeichnungsmenüs</trans>
+        </token>
+        <token name="tr(menu1)">
+            <trans lang="en_EN">Narrow</trans>
+            <trans lang="de_DE">Schmal</trans>
+        </token>
+        <token name="tr(menu2)">
+            <trans lang="en_EN">Wide</trans>
+            <trans lang="de_DE">Breit</trans>
+        </token>
+        <token name="tr(numitemsrecnarrow)">
+            <trans lang="en_EN">Number of menu items in narrow menu</trans>
+            <trans lang="de_DE">Anzahl Menüelemente im schmalen Menü</trans>
+        </token>
+        <token name="tr(numitemsrecwide)">
+            <trans lang="en_EN">Number of menu items in wide menu</trans>
+            <trans lang="de_DE">Anzahl Menüelemente im breiten Menü</trans>
+        </token>
+        <token name="tr(recposydate)">
+            <trans lang="en_EN">Vertical position date</trans>
+            <trans lang="de_DE">Vertikale Position Datum</trans>
+        </token>
+        <token name="tr(recsizedate)">
+            <trans lang="en_EN">Font size date</trans>
+            <trans lang="de_DE">Schriftgröße Datum</trans>
+        </token>
+        <token name="tr(recposytitle)">
+            <trans lang="en_EN">Vertical position title</trans>
+            <trans lang="de_DE">Vertikale Position Titel</trans>
+        </token>
+        <token name="tr(recsizetitle)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(recposyfoldertitle)">
+            <trans lang="en_EN">Vertical position folder name</trans>
+            <trans lang="de_DE">Vertikale Position Ordner Name</trans>
+        </token>
+        <token name="tr(recsizefoldertitle)">
+            <trans lang="en_EN">Font size folder name</trans>
+            <trans lang="de_DE">Schriftgröße Ordner Name</trans>
+        </token>
+        <token name="tr(recposyfolderstats)">
+            <trans lang="en_EN">Vertical position folder content</trans>
+            <trans lang="de_DE">Vertikale Position Ordner Inhalt</trans>
+        </token>
+        <token name="tr(recsizefolderstats)">
+            <trans lang="en_EN">Font size folder content</trans>
+            <trans lang="de_DE">Schriftgröße Ordner Inhalt</trans>
+        </token>
+        <token name="tr(recsizewide)">
+            <trans lang="en_EN">Font size wide menu</trans>
+            <trans lang="de_DE">Schriftgröße breites Menü</trans>
+        </token>
+        <token name="tr(recshowcurrent)">
+            <trans lang="en_EN">Show info for selected list element</trans>
+            <trans lang="de_DE">Infos für das ausgewählte Listenelement anzeigen</trans>
+        </token>
+        <token name="tr(recsizecurrenttitle)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(recsizecurrenttext)">
+            <trans lang="en_EN">Font size text</trans>
+            <trans lang="de_DE">Schriftgröße Text</trans>
+        </token>
+        <!-- detailed views -->
+        <token name="tr(detailheaderdateposy)">
+            <trans lang="en_EN">Vertical position header date</trans>
+            <trans lang="de_DE">Vertikale Position Header Datum</trans>
+        </token>
+        <token name="tr(detailheaderdatesize)">
+            <trans lang="en_EN">Font size header date</trans>
+            <trans lang="de_DE">Schriftgröße Header Datum</trans>
+        </token>
+        <token name="tr(detailheadertitleposy)">
+            <trans lang="en_EN">Vertical position header title</trans>
+            <trans lang="de_DE">Vertikale Position Header Titel</trans>
+        </token>
+        <token name="tr(detailheadertitlesize)">
+            <trans lang="en_EN">Font size header title</trans>
+            <trans lang="de_DE">Schriftgröße Header Titel</trans>
+        </token>
+        <token name="tr(detailtextheadersize)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(detailtextsize)">
+            <trans lang="en_EN">Font size text</trans>
+            <trans lang="de_DE">Schriftgröße Text</trans>
+        </token>
+        <token name="tr(detailactors)">
+            <trans lang="en_EN">Font size actors</trans>
+            <trans lang="de_DE">Schriftgröße Schauspieler</trans>
+        </token>
+        <token name="tr(tablabels)">
+            <trans lang="en_EN">Font size tab labels</trans>
+            <trans lang="de_DE">Schriftgröße Tab Beschriftungen</trans>
+        </token>
+        <!-- TVGuideNG -->
+        <token name="tr(tvgshowtime)">
+            <trans lang="en_EN">Display time in epg grid</trans>
+            <trans lang="de_DE">Zeit in EPG Grid anzeigen</trans>
+        </token>
+        <token name="tr(tvggriddateposy)">
+            <trans lang="en_EN">Vertical position time</trans>
+            <trans lang="de_DE">Vertikale Position Zeit</trans>
+        </token>
+        <token name="tr(tvggriddatesize)">
+            <trans lang="en_EN">Font size time</trans>
+            <trans lang="de_DE">Schriftgröße Zeit</trans>
+        </token>
+        <token name="tr(tvggridtitleposy)">
+            <trans lang="en_EN">Vertical position title</trans>
+            <trans lang="de_DE">Vertikale Position Titel</trans>
+        </token>
+        <token name="tr(tvggridtitlesize)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(tvgcurrenttitlesize)">
+            <trans lang="en_EN">Font size title</trans>
+            <trans lang="de_DE">Schriftgröße Titel</trans>
+        </token>
+        <token name="tr(tvgcurrenttextsize)">
+            <trans lang="en_EN">Font size text</trans>
+            <trans lang="de_DE">Schriftgröße Text</trans>
         </token>
     </translations>
 </setup>
diff --git a/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/neutrinoepg.svg b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/neutrinoepg.svg
new file mode 100644
index 0000000..4814499
--- /dev/null
+++ b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/neutrinoepg.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="427.773px"
+   height="427.773px"
+   viewBox="0 0 427.773 427.773"
+   style="enable-background:new 0 0 427.773 427.773;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="EPG.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.55169446"
+     inkscape:cx="-329.89275"
+     inkscape:cy="213.88651"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M421.504,357.406l-34.771-34.771c-3.839-3.836-8.771-5.905-13.789-6.222l-11.812-11.81     c17.547-27.896,14.189-65.271-10.076-89.535c-28.166-28.167-73.993-28.166-102.162,0c-28.162,28.166-28.162,73.995,0.004,102.161     c24.265,24.266,61.64,27.622,89.531,10.076l11.813,11.81c0.313,5.021,2.385,9.953,6.223,13.79l34.771,34.771     c8.358,8.359,21.909,8.357,30.27,0C429.861,379.318,429.863,365.766,421.504,357.406z M335.924,302.096     c-19.82,19.819-52.07,19.819-71.892,0c-19.819-19.82-19.819-52.069,0-71.891c19.818-19.82,52.066-19.82,71.892,0.001     C355.742,250.026,355.742,282.276,335.924,302.096z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M236.812,204.111c16.552-16.55,38.584-25.665,62.041-25.665s45.49,9.114,62.041,25.665     c14.13,14.128,23.068,32.854,25.173,52.733c1.618,15.289-0.81,30.8-7.021,44.875l0.211,0.211     c6.553,1.604,12.537,4.972,17.312,9.744l3.432,3.433V75.095c0-3.779-1.871-7.315-5-9.44     c-30.646-20.82-65.452-31.827-100.669-31.827c-32.813,0-65.27,9.561-94.332,27.711c-29.072-18.15-61.537-27.711-94.35-27.711     c-35.207,0-70.014,11.006-100.652,31.827C1.871,67.781,0,71.317,0,75.095v267.551c0,4.229,2.336,8.11,6.074,10.091     c3.738,1.979,8.258,1.728,11.758-0.647c26.836-18.235,57.207-27.879,87.822-27.879c30.617,0,60.994,9.644,87.84,27.881     c1.922,1.311,4.164,1.974,6.408,1.974c0.012,0,0.025-0.002,0.039-0.002c2.301,0.03,4.6-0.634,6.566-1.974     c11.48-7.801,23.611-14.016,36.129-18.59c-2.004-1.677-3.953-3.438-5.821-5.308C202.603,293.983,202.603,238.32,236.812,204.111z      M233.032,110.767c21.408-14.636,50.663-16.821,66.198-16.821c15.534,0,44.791,2.186,66.198,16.821     c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.153-12.789     c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.554-5.036     C226.411,121.562,227.764,114.37,233.032,110.767z M233.032,160.767c21.408-14.636,50.663-16.821,66.198-16.821     c15.534,0,44.791,2.186,66.198,16.821c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.153-12.789c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.554-5.036C226.411,171.562,227.764,164.37,233.032,160.767z M169.986,276.831     c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.062     c21.408-14.638,50.664-16.821,66.199-16.821s44.791,2.187,66.199,16.821C172.236,264.37,173.587,271.562,169.986,276.831z      M169.986,226.831c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.063     c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821C172.236,214.37,173.587,221.562,169.986,226.831z      M169.986,176.831c-3.602,5.269-10.795,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.154-12.789     S59.5,171.722,47.614,179.85c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.553-5.036     c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821     C172.236,164.37,173.587,171.562,169.986,176.831z M169.986,126.831c-3.602,5.269-10.795,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.154-12.789S59.5,121.722,47.614,129.85c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821     s44.791,2.186,66.199,16.821C172.236,114.37,173.587,121.562,169.986,126.831z"
+           id="path11"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
\ No newline at end of file
diff --git a/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/neutrinoepg_active.svg b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/neutrinoepg_active.svg
new file mode 100644
index 0000000..7447b09
--- /dev/null
+++ b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/neutrinoepg_active.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="427.773px"
+   height="427.773px"
+   viewBox="0 0 427.773 427.773"
+   style="enable-background:new 0 0 427.773 427.773;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="EPG.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.55169446"
+     inkscape:cx="-329.89275"
+     inkscape:cy="213.88651"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M421.504,357.406l-34.771-34.771c-3.839-3.836-8.771-5.905-13.789-6.222l-11.812-11.81     c17.547-27.896,14.189-65.271-10.076-89.535c-28.166-28.167-73.993-28.166-102.162,0c-28.162,28.166-28.162,73.995,0.004,102.161     c24.265,24.266,61.64,27.622,89.531,10.076l11.813,11.81c0.313,5.021,2.385,9.953,6.223,13.79l34.771,34.771     c8.358,8.359,21.909,8.357,30.27,0C429.861,379.318,429.863,365.766,421.504,357.406z M335.924,302.096     c-19.82,19.819-52.07,19.819-71.892,0c-19.819-19.82-19.819-52.069,0-71.891c19.818-19.82,52.066-19.82,71.892,0.001     C355.742,250.026,355.742,282.276,335.924,302.096z"
+           id="path9"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M236.812,204.111c16.552-16.55,38.584-25.665,62.041-25.665s45.49,9.114,62.041,25.665     c14.13,14.128,23.068,32.854,25.173,52.733c1.618,15.289-0.81,30.8-7.021,44.875l0.211,0.211     c6.553,1.604,12.537,4.972,17.312,9.744l3.432,3.433V75.095c0-3.779-1.871-7.315-5-9.44     c-30.646-20.82-65.452-31.827-100.669-31.827c-32.813,0-65.27,9.561-94.332,27.711c-29.072-18.15-61.537-27.711-94.35-27.711     c-35.207,0-70.014,11.006-100.652,31.827C1.871,67.781,0,71.317,0,75.095v267.551c0,4.229,2.336,8.11,6.074,10.091     c3.738,1.979,8.258,1.728,11.758-0.647c26.836-18.235,57.207-27.879,87.822-27.879c30.617,0,60.994,9.644,87.84,27.881     c1.922,1.311,4.164,1.974,6.408,1.974c0.012,0,0.025-0.002,0.039-0.002c2.301,0.03,4.6-0.634,6.566-1.974     c11.48-7.801,23.611-14.016,36.129-18.59c-2.004-1.677-3.953-3.438-5.821-5.308C202.603,293.983,202.603,238.32,236.812,204.111z      M233.032,110.767c21.408-14.636,50.663-16.821,66.198-16.821c15.534,0,44.791,2.186,66.198,16.821     c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.153-12.789     c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.554-5.036     C226.411,121.562,227.764,114.37,233.032,110.767z M233.032,160.767c21.408-14.636,50.663-16.821,66.198-16.821     c15.534,0,44.791,2.186,66.198,16.821c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.153-12.789c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.554-5.036C226.411,171.562,227.764,164.37,233.032,160.767z M169.986,276.831     c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.062     c21.408-14.638,50.664-16.821,66.199-16.821s44.791,2.187,66.199,16.821C172.236,264.37,173.587,271.562,169.986,276.831z      M169.986,226.831c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.063     c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821C172.236,214.37,173.587,221.562,169.986,226.831z      M169.986,176.831c-3.602,5.269-10.795,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.154-12.789     S59.5,171.722,47.614,179.85c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.553-5.036     c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821     C172.236,164.37,173.587,171.562,169.986,176.831z M169.986,126.831c-3.602,5.269-10.795,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.154-12.789S59.5,121.722,47.614,129.85c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821     s44.791,2.186,66.199,16.821C172.236,114.37,173.587,121.562,169.986,126.831z"
+           id="path11"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
\ No newline at end of file
diff --git a/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/systeminfo.svg b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/systeminfo.svg
new file mode 100644
index 0000000..ed6a828
--- /dev/null
+++ b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/systeminfo.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 502.671 502.671"
+   style="enable-background:new 0 0 502.671 502.671;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="systeminfo.svg"><metadata
+     id="metadata77"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs75" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview73"
+     showgrid="false"
+     inkscape:zoom="0.46949198"
+     inkscape:cx="-13.844752"
+     inkscape:cy="251.33549"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           style="fill:#{sdcol(icon)};fill-opacity:1"
+           d="m 0,204.203 88.764,0 0,261.32999 -88.764,0 z"
+           id="rect9" /><path
+           style="fill:#{sdcol(icon)};fill-opacity:1"
+           d="M502.664,447.219L396.708,341.221l-13.762,8.391l-20.881-20.233     c32.615-45.773,28.732-109.58-12.295-150.629c-2.804-2.804-5.997-4.918-9.017-7.356V5.363h-88.699v140.404     c-12.921,1.639-25.454,5.457-37.339,11.411v-42.667h-88.634v351.043h88.613v-99.635c11.885,5.932,24.44,9.75,37.339,11.389     v88.225h88.699v-103.13l13.676,13.18l-7.873,15.811l105.977,105.913c0,0,23.038,0.302,36.929-15.574     C503.397,465.878,502.664,447.219,502.664,447.219z M203.175,197.71c35.096-35.247,92.323-35.268,127.57-0.022     c35.203,35.268,35.225,92.323-0.065,127.677c-35.182,35.182-92.345,35.225-127.613-0.043     C167.821,290.119,167.842,232.957,203.175,197.71z"
+           id="path11" /></g></g><g
+       id="g13"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g15"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g17"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g19"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g21"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g23"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g25"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g27"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g29"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g31"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g33"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g35"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g37"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g39"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g41"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /></svg>
\ No newline at end of file
diff --git a/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/systeminfo_active.svg b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/systeminfo_active.svg
new file mode 100644
index 0000000..7ebd04f
--- /dev/null
+++ b/skins/estuary4vdr/svgtemplates/menuicons/pluginicons/systeminfo_active.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 502.671 502.671"
+   style="enable-background:new 0 0 502.671 502.671;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="systeminfo.svg"><metadata
+     id="metadata77"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs75" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview73"
+     showgrid="false"
+     inkscape:zoom="0.46949198"
+     inkscape:cx="-13.844752"
+     inkscape:cy="251.33549"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           style="fill:#{sdcol(iconactive)};fill-opacity:1"
+           d="m 0,204.203 88.764,0 0,261.32999 -88.764,0 z"
+           id="rect9" /><path
+           style="fill:#{sdcol(iconactive)};fill-opacity:1"
+           d="M502.664,447.219L396.708,341.221l-13.762,8.391l-20.881-20.233     c32.615-45.773,28.732-109.58-12.295-150.629c-2.804-2.804-5.997-4.918-9.017-7.356V5.363h-88.699v140.404     c-12.921,1.639-25.454,5.457-37.339,11.411v-42.667h-88.634v351.043h88.613v-99.635c11.885,5.932,24.44,9.75,37.339,11.389     v88.225h88.699v-103.13l13.676,13.18l-7.873,15.811l105.977,105.913c0,0,23.038,0.302,36.929-15.574     C503.397,465.878,502.664,447.219,502.664,447.219z M203.175,197.71c35.096-35.247,92.323-35.268,127.57-0.022     c35.203,35.268,35.225,92.323-0.065,127.677c-35.182,35.182-92.345,35.225-127.613-0.043     C167.821,290.119,167.842,232.957,203.175,197.71z"
+           id="path11" /></g></g><g
+       id="g13"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g15"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g17"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g19"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g21"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g23"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g25"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g27"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g29"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g31"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g33"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g35"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g37"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g39"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g41"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /></svg>
\ No newline at end of file
diff --git a/skins/estuary4vdr/xmlfiles/displaychannel.xml b/skins/estuary4vdr/xmlfiles/displaychannel.xml
index a54bb37..a91e023 100644
--- a/skins/estuary4vdr/xmlfiles/displaychannel.xml
+++ b/skins/estuary4vdr/xmlfiles/displaychannel.xml
@@ -13,39 +13,39 @@
         <area x="0" y="80%" width="20%" height="20%" layer="2">
             <drawimage cache="true" condition="{channellogoexists}" imagetype="channellogo" path="{channelid}" width="80%" height="80%" align="center" valign="center" />
         </area>
-        <area x="0" y="76%" width="20%" height="4%" layer="2">
-            <drawtext align="center" y="0" width="100%" fontsize="100%" font="{regular}" color="{fontdefault}" text="{channelnumber}  {channelname}" />
+        <area x="0" y="76%" width="20%" height="5%" layer="2">
+            <drawtext align="center" y="0" width="100%" fontsize="{areaheight}*{channelnamefontsize}/100" font="{regular}" color="{fontdefault}" text="{channelnumber}  {channelname}" />
         </area>
     </channelinfo>
 
     <epginfo>
         <!-- current schedule -->
-        <area x="67%" y="76%" width="13%" height="5%" layer="2">
-            <drawtext align="right" valign="center" fontsize="80%" font="{bold}" color="{fontactive}" text="{currentstart} - {currentstop}" />
+        <area x="67%" y="76%" width="13%" height="10%" layer="2">
+            <drawtext align="right" valign="center" fontsize="{areaheight}*{startstopfontsize}/100" font="{bold}" color="{fontactive}" text="{currentstart} - {currentstop}" />
         </area>
-        <areascroll condition="{scrollepg}++empty{currentsubtitle}" scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" y="76%" width="47%" height="10%" layer="2">
-            <drawtext name="title" x="0" valign="center" fontsize="55%" width="100%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+        <areascroll condition="{scrollepg}++empty{currentsubtitle}" scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="fast" x="20%" y="76%" width="47%" height="10%" layer="2">
+            <drawtext name="title" x="0" valign="center" fontsize="{areaheight}*{epgtextfontsizelarge}/100" width="100%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
         </areascroll>
-        <areascroll condition="{scrollepg}++isset{currentsubtitle}" scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" y="76%" width="47%" height="5%" layer="2">
-            <drawtext name="title" x="0" valign="center" fontsize="100%" width="100%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+        <areascroll condition="{scrollepg}++isset{currentsubtitle}" scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="fast" x="20%" y="76%" width="47%" height="10%" layer="2">
+            <drawtext name="title" x="0" y="{areaheight}*{epgtextposy}/100" fontsize="{areaheight}*{epgtextfontsize}/100" width="100%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
         </areascroll>
-        <areascroll condition="{scrollepg}++isset{currentsubtitle}" scrollelement="subtitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" y="81%" width="50%" height="5%" layer="2">
-            <drawtext name="subtitle" x="0" y="0" fontsize="70%" width="100%" font="{regular}" color="{fontdefault}" text="{currentsubtitle}" />
+        <areascroll condition="{scrollepg}++isset{currentsubtitle}" scrollelement="subtitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="fast" x="20%" y="76%" width="50%" height="10%" layer="3">
+            <drawtext name="subtitle" x="0" y="{areaheight}*{epgsubtextposy}/100" fontsize="{areaheight}*{epgsubtextfontsize}/100" width="100%" font="{regular}" color="{fontdefault}" text="{currentsubtitle}" />
         </areascroll>
         <area condition="not{scrollepg}" x="20%" y="76%" width="47%" height="10%" layer="2">
-            <drawtext condition="isset{currentsubtitle}" x="0" y="5%" fontsize="50%" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
-            <drawtext condition="isset{currentsubtitle}" x="0" y="55%" fontsize="35%" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{currentsubtitle}" />
-            <drawtext condition="empty{currentsubtitle}" x="0" valign="center" fontsize="55%" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+            <drawtext condition="isset{currentsubtitle}" x="0" y="{areaheight}*{epgtextposy}/100" fontsize="{areaheight}*{epgtextfontsize}/100" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+            <drawtext condition="isset{currentsubtitle}" x="0" y="{areaheight}*{epgsubtextposy}/100" fontsize="{areaheight}*{epgsubtextfontsize}/100" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{currentsubtitle}" />
+            <drawtext condition="empty{currentsubtitle}" x="0" valign="center" fontsize="{areaheight}*{epgtextfontsizelarge}/100" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
         </area>
         <area x="70%" y="83%" width="10%" height="3%" layer="2">
             <drawtext align="right" y="0" fontsize="100%" font="{regular}" color="{fontactive}" text="+{currentremaining} min" />
         </area>
         <!-- next schedule -->
         <area x="20%" y="88%" width="60%" height="10%" layer="2">
-            <drawtext name="startstop" align="right" valign="center" fontsize="40%" font="{bold}" color="{fontdefault}" text="{nextstart} - {nextstop}" />
-            <drawtext condition="isset{nextsubtitle}" x="0" y="5%" fontsize="50%" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{nexttitle}" />
-            <drawtext condition="isset{nextsubtitle}" x="0" y="55%" fontsize="35%" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{nextsubtitle}" />
-            <drawtext condition="empty{nextsubtitle}" x="0" valign="center" fontsize="55%" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{nexttitle}" />
+            <drawtext name="startstop" align="right" valign="center" fontsize="{areaheight}*{startstopfontsize}/100" font="{bold}" color="{fontdefault}" text="{nextstart} - {nextstop}" />
+            <drawtext condition="isset{nextsubtitle}" x="0" y="{areaheight}*{epgtextposy}/100" fontsize="{areaheight}*{epgtextfontsize}/100" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{nexttitle}" />
+            <drawtext condition="isset{nextsubtitle}" x="0" y="{areaheight}*{epgsubtextposy}/100" fontsize="{areaheight}*{epgsubtextfontsize}/100" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{nextsubtitle}" />
+            <drawtext condition="empty{nextsubtitle}" x="0" valign="center" fontsize="{areaheight}*{epgtextfontsizelarge}/100" width="{areawidth} - {width(startstop)} - 10" font="{regular}" color="{fontdefault}" text="{nexttitle}" />
         </area>
     </epginfo>
 
@@ -148,7 +148,7 @@
             <drawimage condition="{info}" imagetype="icon" path="info" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
             <drawimage condition="{warning}" imagetype="icon" path="warning" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
             <drawimage condition="{error}" imagetype="icon" path="error" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
-            <drawtext align="center" valign="center" fontsize="40%" font="{regular}" color="{fontdefault}" text="{text}" />
+            <drawtext align="center" valign="center" fontsize="{areaheight}*{messagemenusize}/100" font="{regular}" color="{fontdefault}" text="{text}" />
         </area>        
     </message>
 
diff --git a/skins/estuary4vdr/xmlfiles/displaymenu.xml b/skins/estuary4vdr/xmlfiles/displaymenu.xml
index 3dd5ad3..6974c9d 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenu.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenu.xml
@@ -24,23 +24,23 @@
 
     <header>
         <area x="1%" y="0" width="60%" height="7%" layer="2">
-            <drawtext condition="not{hasicon}" x="0" valign="center" fontsize="80%" font="{regular}" color="{fontdefault}" text="{title}" />
+            <drawtext condition="not{hasicon}" x="0" valign="center" fontsize="{areaheight}*{headerfontsize}/100" font="{regular}" color="{fontdefault}" text="{title}" />
             <drawimage condition="{hasicon}" name="icon" imagetype="menuicon" path="{icon}" x="0" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawtext condition="{hasicon}" x="{posx(icon)} + {width(icon)} + 20" valign="center" fontsize="80%" font="{regular}" color="{fontdefault}" text="{title}" />
+            <drawtext condition="{hasicon}" x="{posx(icon)} + {width(icon)} + 20" valign="center" fontsize="{areaheight}*{headerfontsize}/100" font="{regular}" color="{fontdefault}" text="{title}" />
         </area>
     </header>
 
     <datetime>
         <area x="60%" y="0" width="25%" height="7%" layer="2">
-            <drawtext align="right" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{dayname} {day}. {monthnameshort}" />
+            <drawtext align="right" valign="center" fontsize="{areaheight}*{headerdatefontsize}/100" font="{regular}" color="{fontdefault}" text="{dayname} {day}. {monthnameshort}" />
         </area>
     </datetime>
 
     <time>
         <area x="87%" y="0" width="13%" height="7%" layer="2">
             <drawimage imagetype="icon" x="0" valign="center" width="{areaheight}*0.5" height="{areaheight}0.5" path="clock" />
-            <drawtext name="clock" x="25%" valign="center" fontsize="80%" font="{digital}" color="{fontdefault}" text="{hour}:{printf('%02d', min)}" />
-            <drawtext name="clocksec" x="{posx(clock)} + {width(clock)}" y="{areaheight}/2 -  {height(clocksec)}/2 + {height(clock)}/2 - {height(clocksec)}/2 - 3" fontsize="60%" font="{digital}" color="{fontdefault}" text=":{printf('%02d', sec)}" />
+            <drawtext name="clock" x="25%" valign="center" fontsize="{areaheight}*{headertimefontsize}/100" font="{digital}" color="{fontdefault}" text="{hour}:{printf('%02d', min)}" />
+            <drawtext name="clocksec" x="{posx(clock)} + {width(clock)}" y="{areaheight}/2 -  {height(clocksec)}/2 + {height(clock)}/2 - {height(clocksec)}/2 - 3" fontsize="{areaheight}*{headertimefontsizesmall}/100" font="{digital}" color="{fontdefault}" text=":{printf('%02d', sec)}" />
         </area>
     </time>
 
@@ -53,7 +53,7 @@
             <drawimage condition="{info}" imagetype="icon" path="info" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
             <drawimage condition="{warning}" imagetype="icon" path="warning" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
             <drawimage condition="{error}" imagetype="icon" path="error" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
-            <drawtext align="center" valign="center" fontsize="40%" font="{regular}" color="{fontdefault}" text="{text}" />
+            <drawtext align="center" valign="center" fontsize="{areaheight}*{messagemenusize}/100" font="{regular}" color="{fontdefault}" text="{text}" />
         </area>        
     </message>
 
@@ -72,28 +72,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -101,28 +101,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -130,28 +130,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -159,28 +159,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
     </colorbuttons>
     
diff --git a/skins/estuary4vdr/xmlfiles/displaymenuchannels.xml b/skins/estuary4vdr/xmlfiles/displaymenuchannels.xml
index 68050ba..365219e 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenuchannels.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenuchannels.xml
@@ -1,6 +1,6 @@
 <menuchannels x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="39%" scaletvy="8%" scaletvwidth="60%" scaletvheight="60%">
     
-    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="12">
+    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="{numitemschannels}">
         <listelement>
             <area x="0" y="0" width="{areawidth}*0.305" height="100%" layer="2">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
@@ -10,38 +10,38 @@
             <area condition="not{separator}" x="1%" y="0" width="5%" height="100%" layer="3">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
             </area>
-            <area condition="not{current}++not{separator}" x="7%" y="1%" width="22%" height="55%" layer="3">
-                <drawtext x="0" valign="center" font="{regular}" fontsize="95%" color="{fontdefault}" text="{number} {name}" />
+            <area condition="not{current}++not{separator}" x="7%" width="22%" layer="3">
+                <drawtext x="0" y="{areaheight}*{channelsposytitle}/100" font="{regular}" fontsize="{areaheight}*{channelssizetitle}/100" color="{fontdefault}" text="{number} {name}" />
             </area>
-            <areascroll condition="not{current}++not{separator}" scrollelement="epgtitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" y="55%" width="22%" height="40%" layer="3">
-                <drawtext name="epgtitle" x="0" width="100%" valign="center" font="{regular}" fontsize="100%" color="{fontdefault}" text="{presenteventstart} - {presenteventstop}: {presenteventtitle}" />
+            <areascroll condition="not{current}++not{separator}" scrollelement="epgtitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="22%" layer="3">
+                <drawtext name="epgtitle" x="0" width="100%" y="{areaheight}*{channelsposydate}/100" font="{regular}" fontsize="{areaheight}*{channelssizedate}/100" color="{fontdefault}" text="{presenteventstart} - {presenteventstop}: {presenteventtitle}" />
             </areascroll>
-            <area condition="{current}++not{separator}" x="7%" y="1%" width="22%" height="55%" layer="3">
-                <drawtext x="0" valign="center" font="{regular}" fontsize="95%" color="{fontmenuactive}" text="{number} {name}" />
+            <area condition="{current}++not{separator}" x="7%" width="22%" layer="3">
+                <drawtext x="0" y="{areaheight}*{channelsposytitle}/100" font="{regular}" fontsize="{areaheight}*{channelssizetitle}/100" color="{fontmenuactive}" text="{number} {name}" />
             </area>
-            <areascroll condition="{current}++not{separator}" scrollelement="epgtitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" y="55%" width="22%" height="40%" layer="3">
-                <drawtext name="epgtitle" x="0" width="100%" valign="center" font="{regular}" fontsize="100%" color="{fontmenuactive}" text="{presenteventstart} - {presenteventstop}: {presenteventtitle}" />
+            <areascroll condition="{current}++not{separator}" scrollelement="epgtitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="22%" layer="3">
+                <drawtext name="epgtitle" x="0" width="100%" y="{areaheight}*{channelsposydate}/100" font="{regular}" fontsize="{areaheight}*{channelssizedate}/100" color="{fontmenuactive}" text="{presenteventstart} - {presenteventstop}: {presenteventtitle}" />
             </areascroll>
             <area condition="not{separator}++{isEncrypted}" x="20%" y="5%" width="10%" height="38%" layer="4">
                 <drawimage condition="not{current}" imagetype="icon" path="ico_crypt" align="right" y="0" width="{areaheight}" height="{areaheight}"/>
                 <drawimage condition="{current}" imagetype="icon" path="ico_crypt_active" align="right" y="0" width="{areaheight}" height="{areaheight}"/>
             </area>
             <area condition="{separator}" x="1%" width="29%" layer="3">
-                <drawtext x="0" valign="center" width="100%" font="{regular}" fontsize="65%" color="{fontdefault}" text="{name}" />
+                <drawtext x="0" width="100%" y="{areaheight}*{channelsposytitle}/100" font="{regular}" fontsize="{areaheight}*{channelsseparator}/100" color="{fontdefault}" text="{name}" />
             </area>
         </listelement>
 
         <currentelement delay="100" fadetime="200">
             <area x="39%" y="76%" width="57%" height="6%" layer="3">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="10%" height="100%" valign="center" />
-                <drawtext x="{width(logo)}+30" valign="center" font="{regular}" width="100%" fontsize="90%" color="{fontdefault}" text="{number} {name} - {sourcedescription}, Transp. {transponder}" />
+                <drawtext x="{width(logo)}+30" valign="center" font="{regular}" width="{areawidth} - {width(logo)} - 30" fontsize="{areaheight}*{channelssizecurrenttitle}/100" color="{fontdefault}" text="{number} {name} - {sourcedescription}, Transp. {transponder}" />
             </area>
 
             <areascroll mode="forthandback" orientation="vertical" delay="5000" scrollspeed="medium" x="39%" y="83%" width="57%" height="14%" layer="3">
-                <drawtext x="0" y="0" font="{regular}" fontsize="25%" color="{fontdefault}" text="Following Schedules:" />
+                <drawtext x="0" y="0" font="{regular}" fontsize="{areaheight}*{channelssizecurrenttext}/100" color="{fontdefault}" text="Following Schedules:" />
                 <loop name="schedule" x="0" y="{areaheight}/4 + 5" orientation="vertical">
-                    <drawtext x="0" name="title" font="{regular}" width="{areawidth}-20" fontsize="25%" color="{fontdefault}" text="{schedule[start]} {schedule[title]}" />
-                    <drawtext x="{width(title)}" condition="isset{schedule[shorttext]}" font="{regular}" width="{areawidth} -20 - {width(title)}" fontsize="25%" color="{fontdefault}" text=" - {schedule[shorttext]}" />
+                    <drawtext x="0" name="title" font="{regular}" width="{areawidth}-20" fontsize="{areaheight}*{channelssizecurrenttext}/100" color="{fontdefault}" text="{schedule[start]} {schedule[title]}" />
+                    <drawtext x="{width(title)}" condition="isset{schedule[shorttext]}" font="{regular}" width="{areawidth} -20 - {width(title)}" fontsize="{areaheight}*{channelssizecurrenttext}/100" color="{fontdefault}" text=" - {schedule[shorttext]}" />
                 </loop>
             </areascroll>
 
diff --git a/skins/estuary4vdr/xmlfiles/displaymenudefault.xml b/skins/estuary4vdr/xmlfiles/displaymenudefault.xml
index 524c3e8..3d4c95b 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenudefault.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenudefault.xml
@@ -12,8 +12,9 @@
         </area>
     </scrollbar>
 
-    <menuitems x="2%" y="10%" orientation="vertical" width="96%" height="80%" align="center" menuitemwidth="94%" determinatefont="column1" numlistelements="16">
+    <menuitems x="2%" y="10%" orientation="vertical" width="96%" height="80%" align="center" menuitemwidth="94%" determinatefont="column1" numlistelements="{numitemsdefault}">
         <listelement>
+            <!-- Background -->
             <area x="0" y="0" width="100%" layer="2">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
                 <drawrectangle condition="not{current}" x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
@@ -21,40 +22,102 @@
             </area>
             <!-- Separators -->
             <area x="1%" condition="{separator}" width="98%" layer="3">
-                <drawtext align="left" valign="center" font="{regular}" fontsize="80%" width="98%" color="{fontdefault}" text="{column1}" />
+                <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="98%" color="{fontactive}" text="{column1}" />
             </area>
             <!-- Setup Menus -->
-            <areascroll condition="not{separator} ++ {setup} ++ {column2set}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="59%" layer="3">
-                <drawtext condition="not{current}" x="0" width="99%" valign="center" font="{regular}" fontsize="80%" color="{fontdefault}" text="{column1}" />
-                <drawtext condition="{current}" name="column1" x="0" width="99%" valign="center" font="{regular}" fontsize="80%" color="{fontmenuactive}" text="{column1}" />
-            </areascroll>
-            <area x="60%" condition="not{separator} ++ {setup} ++ {column2set}" width="39%" layer="3">
-                <drawtext condition="not{current}" align="right" valign="center" font="{regular}" fontsize="80%" width="99%" color="{fontdefault}" text="{column2}" />
-                <drawtext condition="{current}" align="right" valign="center" font="{regular}" fontsize="80%" width="99%" color="{fontmenuactive}" text="{column2}" />
-            </area>
-            <area x="1%" condition="not{separator} ++ {setup} ++ not{column2set}" width="98%" layer="3">
-                <drawtext condition="not{current}" align="left" valign="center" font="{regular}" fontsize="80%" width="99%" color="{fontdefault}" text="{column1}" />
-                <drawtext condition="{current}" align="left" valign="center" font="{regular}" fontsize="80%" width="99%" color="{fontmenuactive}" text="{column1}" />
-            </area>
+            <areacontainer condition="not{separator} ++ {setup}">
+                <areascroll condition="{column2set}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="59%" layer="3">
+                    <drawtext condition="not{current}" x="0" width="99%" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" color="{fontdefault}" text="{column1}" />
+                    <drawtext condition="{current}" name="column1" x="0" width="99%" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" color="{fontmenuactive}" text="{column1}" />
+                </areascroll>
+                <area x="60%" condition="{column2set}" width="39%" layer="3">
+                    <drawtext condition="not{current}" align="right" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="99%" color="{fontdefault}" text="{column2}" />
+                    <drawtext condition="{current}" align="right" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="99%" color="{fontmenuactive}" text="{column2}" />
+                </area>
+                <area x="1%" condition="not{column2set}" width="98%" layer="3">
+                    <drawtext condition="not{current}" align="left" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="99%" color="{fontdefault}" text="{column1}" />
+                    <drawtext condition="{current}" align="left" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="99%" color="{fontmenuactive}" text="{column1}" />
+                </area>
+            </areacontainer>
+            <!-- Neutrino EPG Plugin -->
+            <areacontainer condition="not{separator} ++ {neutrinoepg}">
+                <area condition="not{current}++{column5set}" x="1%" width="100%" layer="4">
+                    <drawtext x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontdefault}" text="{column2}" />
+                    <drawtext x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                    <drawtext condition="not{column4pb}" x="{column4x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column4width}" color="{fontdefault}" text="{column4}" />
+                    <drawrectangle condition="{column4pb}" x="{column4x}" y="{areaheight}*0.2" width="{column4width}" height="{areaheight}*0.6" color="{progressbar}" />
+                    <drawrectangle condition="{column4pb}" x="{column4x}+1" y="{areaheight}*0.2+1" width="{column4width}-2" height="{areaheight}*0.6-2" color="{progressbarback}" />
+                    <drawrectangle condition="{column4pb}" x="{column4x} + 2" y="{areaheight}*0.2 + 2" width="{column4width}*{column4pbsize}/{column4pbtotalsize} - {column4pbsize}/{column4pbtotalsize} - 3" height="{areaheight}*0.6 - 4" color="{progressbar}" />
+                    <drawtext x="{column5x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column5width}" color="{fontdefault}" text="{column5}" />
+                </area>
+                <area condition="not{current}++not{column5set}" x="1%" width="100%" layer="4">
+                    <drawtext x="{column1x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column1width}" color="{fontdefault}" text="{column1}" />
+                    <drawtext x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontdefault}" text="{column2}" />
+                    <drawtext condition="not{column3pb}" x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}" y="{areaheight}*0.2" width="{column3width}" height="{areaheight}*0.6" color="{progressbar}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}+1" y="{areaheight}*0.2+1" width="{column3width}-2" height="{areaheight}*0.6-2" color="{progressbarback}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x} + 2" y="{areaheight}*0.2 + 2" width="{column3width}*{column3pbsize}/{column3pbtotalsize} - {column3pbsize}/{column3pbtotalsize} - 3" height="{areaheight}*0.6 - 4" color="{progressbar}" />
+                    <drawtext x="{column4x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column4width}" color="{fontdefault}" text="{column4}" />
+                </area>
+                <area condition="{current}++{column5set}" x="1%" width="100%" layer="4">
+                    <drawtext x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontmenuactive}" text="{column2}" />
+                    <drawtext x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontmenuactive}" text="{column3}" />
+                    <drawtext condition="not{column4pb}" x="{column4x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column4width}" color="{fontdefault}" text="{column4}" />
+                    <drawrectangle condition="{column4pb}" x="{column4x}" y="{areaheight}*0.2" width="{column4width}" height="{areaheight}*0.6" color="{progressbar}" />
+                    <drawrectangle condition="{column4pb}" x="{column4x}+1" y="{areaheight}*0.2+1" width="{column4width}-2" height="{areaheight}*0.6-2" color="{progressbarback}" />
+                    <drawrectangle condition="{column4pb}" x="{column4x} + 2" y="{areaheight}*0.2 + 2" width="{column4width}*{column4pbsize}/{column4pbtotalsize} - {column4pbsize}/{column4pbtotalsize} - 3" height="{areaheight}*0.6 - 4" color="{progressbar}" />
+                    <drawtext x="{column5x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column5width}" color="{fontmenuactive}" text="{column5}" />
+                </area>
+                <area condition="{current}++not{column5set}" x="1%" width="100%" layer="4">
+                    <drawtext x="{column1x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column1width}" color="{fontmenuactive}" text="{column1}" />
+                    <drawtext x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontmenuactive}" text="{column2}" />
+                    <drawtext condition="not{column3pb}" x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}" y="{areaheight}*0.2" width="{column3width}" height="{areaheight}*0.6" color="{progressbar}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}+1" y="{areaheight}*0.2+1" width="{column3width}-2" height="{areaheight}*0.6-2" color="{progressbarback}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x} + 2" y="{areaheight}*0.2 + 2" width="{column3width}*{column3pbsize}/{column3pbtotalsize} - {column3pbsize}/{column3pbtotalsize} - 3" height="{areaheight}*0.6 - 4" color="{progressbar}" />
+                    <drawtext x="{column4x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column4width}" color="{fontmenuactive}" text="{column4}" />
+                </area>
+            </areacontainer>
+            <!-- Systeminfo Plugin -->
+            <areacontainer condition="not{separator} ++ {systeminfo}">
+                <area condition="not{current}" x="1%" width="100%" layer="4">
+                    <drawtext x="{column1x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column1width}" color="{fontdefault}" text="{column1}" />
+                    <drawtext x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontdefault}" text="{column2}" />
+                    <drawtext condition="not{column3pb}" x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}" y="{areaheight}*0.2" width="{column3width}" height="{areaheight}*0.6" color="{progressbar}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}+1" y="{areaheight}*0.2+1" width="{column3width}-2" height="{areaheight}*0.6-2" color="{progressbarback}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x} + 2" y="{areaheight}*0.2 + 2" width="{column3width}*{column3pbsize}/{column3pbtotalsize} - {column3pbsize}/{column3pbtotalsize} - 3" height="{areaheight}*0.6 - 4" color="{progressbar}" />
+                </area>
+                <area condition="{current}" x="1%" width="100%" layer="4">
+                    <drawtext x="{column1x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column1width}" color="{fontmenuactive}" text="{column1}" />
+                    <drawtext x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontmenuactive}" text="{column2}" />
+                    <drawtext condition="not{column3pb}" x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}" y="{areaheight}*0.2" width="{column3width}" height="{areaheight}*0.6" color="{progressbar}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x}+1" y="{areaheight}*0.2+1" width="{column3width}-2" height="{areaheight}*0.6-2" color="{progressbarback}" />
+                    <drawrectangle condition="{column3pb}" x="{column3x} + 2" y="{areaheight}*0.2 + 2" width="{column3width}*{column3pbsize}/{column3pbtotalsize} - {column3pbsize}/{column3pbtotalsize} - 3" height="{areaheight}*0.6 - 4" color="{progressbar}" />
+                </area>
+            </areacontainer>
             <!-- Default Menus -->
-            <areascroll condition="not{separator} ++ not{setup}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="{column1width}" layer="3">
-                <drawtext condition="not{current}" x="{column1x}" width="{column1width}" valign="center" font="{regular}" fontsize="80%" color="{fontdefault}" text="{column1}" />
-                <drawtext condition="{current}" name="column1" x="{column1x}" width="{column1width}" valign="center" font="{regular}" fontsize="80%" color="{fontmenuactive}" text="{column1}" />
-            </areascroll>
-            <area condition="not{current}++not{separator} ++ not{setup}" x="1%" width="100%" layer="4">
-                <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{regular}" fontsize="80%" width="{column2width}" color="{fontdefault}" text="{column2}" />
-                <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{regular}" fontsize="80%" width="{column3width}" color="{fontdefault}" text="{column3}" />
-                <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{regular}" fontsize="80%" width="{column4width}" color="{fontdefault}" text="{column4}" />
-                <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{regular}" fontsize="80%" width="{column5width}" color="{fontdefault}" text="{column5}" />
-                <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{regular}" fontsize="80%" width="{column6width}" color="{fontdefault}" text="{column6}" />
-            </area>
-            <area condition="{current}++not{separator} ++ not{setup}" x="1%" width="100%" layer="4">
-                <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{regular}" fontsize="80%" width="{column2width}" color="{fontmenuactive}" text="{column2}" />
-                <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{regular}" fontsize="80%" width="{column3width}" color="{fontmenuactive}" text="{column3}" />
-                <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{regular}" fontsize="80%" width="{column4width}" color="{fontmenuactive}" text="{column4}" />
-                <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{regular}" fontsize="80%" width="{column5width}" color="{fontmenuactive}" text="{column5}" />
-                <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{regular}" fontsize="80%" width="{column6width}" color="{fontmenuactive}" text="{column6}" />
-            </area>
+            <areacontainer condition="not{separator} ++ not{setup} ++ not{neutrinoepg} ++ not{systeminfo}">
+                <areascroll scrollelement="column1" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="{column1width}" layer="3">
+                    <drawtext condition="not{current}" x="{column1x}" width="{column1width}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" color="{fontdefault}" text="{column1}" />
+                    <drawtext condition="{current}" name="column1" x="{column1x}" width="{column1width}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" color="{fontmenuactive}" text="{column1}" />
+                </areascroll>
+                <area condition="not{current}" x="1%" width="100%" layer="4">
+                    <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontdefault}" text="{column2}" />
+                    <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                    <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column4width}" color="{fontdefault}" text="{column4}" />
+                    <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column5width}" color="{fontdefault}" text="{column5}" />
+                    <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column6width}" color="{fontdefault}" text="{column6}" />
+                </area>
+                <area condition="{current}" x="1%" width="100%" layer="4">
+                    <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column2width}" color="{fontmenuactive}" text="{column2}" />
+                    <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column3width}" color="{fontmenuactive}" text="{column3}" />
+                    <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column4width}" color="{fontmenuactive}" text="{column4}" />
+                    <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column5width}" color="{fontmenuactive}" text="{column5}" />
+                    <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{regular}" fontsize="{areaheight}*{defaultitemfontsize}/100" width="{column6width}" color="{fontmenuactive}" text="{column6}" />
+                </area>
+            </areacontainer>
         </listelement>
         
     </menuitems>
diff --git a/skins/estuary4vdr/xmlfiles/displaymenudetailepg.xml b/skins/estuary4vdr/xmlfiles/displaymenudetailepg.xml
index 0d9112d..ef0b0d9 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenudetailepg.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenudetailepg.xml
@@ -19,42 +19,42 @@
     <detailheader>
         <area x="3%" y="11%" width="95%" height="10%" layer="3">
             <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" valign="center" width="15%" height="90%" />
-            <drawtext x="17%" y="0" font="{regular}" fontsize="40%" color="{fontdefault}" text="{date} {start} - {stop}" />
-            <drawtext x="17%" y="43%" width="84%" font="{regular}" fontsize="55%" color="{fontdefault}" text="{title}" />
+            <drawtext x="17%" y="{areaheight}*{detailheaderdateposy}/100" font="{regular}" fontsize="{areaheight}*{detailheaderdatesize}/100" color="{fontdefault}" text="{date} {start} - {stop}" />
+            <drawtext x="17%" y="{areaheight}*{detailheadertitleposy}/100" width="84%" font="{regular}" fontsize="{areaheight}*{detailheadertitlesize}/100" color="{fontdefault}" text="{title}" />
         </area>
     </detailheader>
 
 
     <!-- TAB EPGINFO -->
     <tab name="EPG Info" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtextbox condition="not{isseries}++not{ismovie}" name="shorttext" x="0" y="1%" width="96%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="{posy(shorttext)} + {height(shorttext)} + 5" width="96%" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" name="shorttext" x="0" y="1%" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="{posy(shorttext)} + {height(shorttext)} + 5" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
 
         <drawimage condition="{isseries}" name="seriesbanner" imagetype="image" path="{seriesbanner1path}" x="{areawidth}*0.5" y="0" width="{areawidth}*0.5" height="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width}"/>
-        <drawtextbox condition="{isseries}" name="shorttext" x="0" y="0" width="49%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="{isseries}" x="0" y="{height(shorttext)} + 5" width="96%" float="topright" floatwidth="{areawidth}*0.5" floatheight="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width} - {height(shorttext)}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{isseries}" name="shorttext" x="0" y="0" width="49%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="{isseries}" x="0" y="{height(shorttext)} + 5" width="96%" float="topright" floatwidth="{areawidth}*0.5" floatheight="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width} - {height(shorttext)}" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
 
         <drawimage condition="{ismovie}" name="movieposter" imagetype="image" path="{posterpath}" x="{areawidth}*0.8" y="0" width="{areawidth}*0.2" height="{areawidth} * 0.2 * {posterheight} / {posterwidth}" />
-        <drawtextbox condition="{ismovie}" name="shorttextmovie" x="0" y="0" width="75%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="{ismovie}" x="0" y="{height(shorttextmovie)} + 5" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} - {height(shorttextmovie)}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{ismovie}" name="shorttextmovie" x="0" y="0" width="75%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="{ismovie}" x="0" y="{height(shorttextmovie)} + 5" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} - {height(shorttextmovie)}" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
     </tab>
     <!-- TAB RERUNS -->
     <tab condition="{hasreruns}" name="{tr(reruns)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
         <drawtext align="center" y="1%" name="title" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(rerunsof)} '{title}'" />
         <loop name="reruns" x="0" y="{height(title)} + 30" width="{areawidth}" rowheight="3%" orientation="vertical">
             <drawimage name="logo" condition="{reruns[channellogoexists]}" imagetype="channellogo" path="{reruns[channelid]}" x="0" width="10%" height="8%" />
-            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{regular}" fontsize="5%" color="{fontdefault}" text="{reruns[channelname]}" />
-            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
-            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{reruns[channelname]}" />
+            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
         </loop>
     </tab>
     <!-- TAB ACTORS -->
     <tab condition="{isseries}||{ismovie}" name="{tr(actors)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtext align="center" name="title" y="0" font="{regular}" fontsize="12%" color="{fontdefault}" text="{tr(actors)}" />
+        <drawtext align="center" name="title" y="0" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{tr(actors)}" />
         <loop name="actors" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areawidth}/7*1.65" overflow="linewrap" >
             <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="20" y="0" width="{columnwidth}-40" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
-            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="5%" color="{fontdefault}" text="{actors[name]}" />
-            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{regular}" fontsize="5%" color="{fontdefault}" text="{actors[role]}" />
+            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{actors[name]}" />
+            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{actors[role]}" />
         </loop>
     </tab>
     <!-- TAB TVDBINFO -->
@@ -62,12 +62,12 @@
         <drawimage name="banner" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.7" height="{areawidth} * 0.7 * {seriesbanner1height} / {seriesbanner1width}"/>
         <drawimage name="episodeimage" imagetype="image" path="{episodeimagepath}" x="{areawidth}*0.7" y="{height(banner)} + 20" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {episodeimageheight} / {episodeimagewidth}"/>
         <drawimage name="seasonposter" imagetype="image" path="{seasonposterpath}" x="{areawidth}*0.7" y="{height(banner)} + {height(episodeimage)} + 30" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seasonposterheight} / {seasonposterwidth}"/>
-        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{regular}" fontsize="6%" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
+        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
     </tab>
     <!-- TAB MOVIEDBINFO -->
     <tab condition="{ismovie}" name="MovieDBInfo" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
         <drawimage name="poster" imagetype="image" path="{posterpath}" x="70%" y="10" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}"/>
-        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
+        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
     </tab>
     <!-- TAB SERIESGALERY -->
     <tab condition="{isseries}" name="{tr(seriesgalery)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}*0.61">
@@ -96,13 +96,13 @@
                 <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuback}" />
                 <drawrectangle x="{columnwidth}-1" y="0" width="1" height="100%" color="{menubackline}" />
                 <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menubackactive}" />
-                <drawtext name="label" x="0" valign="center" font="{regular}" fontsize="60%" color="00000000" text="  {tabs[title]}  " />
+                <drawtext name="label" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="00000000" text="  {tabs[title]}  " />
             </loop>
         </area>
         <area x="2%" y="85%" width="{areawidth} - 60" height="6%" layer="4">
             <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawtext condition="not{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="  {tabs[title]}  " />
-                <drawtext condition="{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="  {tabs[title]}  " />
+                <drawtext condition="not{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="{fontdefault}" text="  {tabs[title]}  " />
+                <drawtext condition="{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="{fontmenuactive}" text="  {tabs[title]}  " />
             </loop>
         </area>
     </tablabels>
diff --git a/skins/estuary4vdr/xmlfiles/displaymenudetailrecording.xml b/skins/estuary4vdr/xmlfiles/displaymenudetailrecording.xml
index e3de0f0..56fb858 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenudetailrecording.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenudetailrecording.xml
@@ -18,42 +18,42 @@
 
     <detailheader>
         <area x="3%" y="11%" width="95%" height="10%" layer="3">
-            <drawtext x="0" y="0" font="{regular}" fontsize="40%" color="{fontdefault}" text="{date} {time}, {duration} min" />
-            <drawtext x="0" y="43%" width="84%" font="{regular}" fontsize="55%" color="{fontdefault}" text="{epgname}" />
+            <drawtext x="0" y="{areaheight}*{detailheaderdateposy}/100" font="{regular}" fontsize="{areaheight}*{detailheaderdatesize}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+            <drawtext x="0" y="{areaheight}*{detailheadertitleposy}/100" width="84%" font="{regular}" fontsize="{areaheight}*{detailheadertitlesize}/100" color="{fontdefault}" text="{epgname}" />
         </area>
     </detailheader>
 
     <!-- TAB EPGINFO -->
     <tab name="Info" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtextbox condition="not{isseries}++not{ismovie}" name="shorttext" x="0" y="1%" width="96%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="{posy(shorttext)} + {height(shorttext)} + 5" width="96%" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" name="shorttext" x="0" y="1%" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="{posy(shorttext)} + {height(shorttext)} + 5" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
 
         <drawimage condition="{isseries}" name="seriesbanner" imagetype="image" path="{seriesbanner1path}" x="{areawidth}*0.5" y="0" width="{areawidth}*0.5" height="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width}"/>
-        <drawtextbox condition="{isseries}" name="shorttext" x="0" y="0" width="49%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="{isseries}" x="0" y="{height(shorttext)} + 5" width="96%" float="topright" floatwidth="{areawidth}*0.5" floatheight="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width} - {height(shorttext)}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{isseries}" name="shorttext" x="0" y="0" width="49%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="{isseries}" x="0" y="{height(shorttext)} + 5" width="96%" float="topright" floatwidth="{areawidth}*0.5" floatheight="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width} - {height(shorttext)}" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
 
         <drawimage condition="{ismovie}" name="movieposter" imagetype="image" path="{posterpath}" x="{areawidth}*0.8" y="0" width="{areawidth}*0.2" height="{areawidth} * 0.2 * {posterheight} / {posterwidth}" />
-        <drawtextbox condition="{ismovie}" name="shorttextmovie" x="0" y="0" width="75%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="{ismovie}" x="0" y="{height(shorttextmovie)} + 5" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} - {height(shorttextmovie)}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{ismovie}" name="shorttextmovie" x="0" y="0" width="75%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="{ismovie}" x="0" y="{height(shorttextmovie)} + 5" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} - {height(shorttextmovie)}" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
     </tab>
     <!-- TAB RECINFO -->
     <tab name="{tr(recinfo)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtext align="center" y="0" name="title" font="{regular}" fontsize="10%" color="{fontdefault}" text="{tr(recinfo)}" />
-        <drawtext name="line1" x="0" y="{height(title)} + 50" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(recsize)}: {recordingsize}" />
-        <drawtext name="line2" x="0" y="{posy(line1)} + {height(line1)} + 10" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(recsizecutted)}: {recordingsizecutted}" />
-        <drawtext name="line3" x="0" y="{posy(line2)} + {height(line2)} + 10" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(reclength)}: {recordinglength}" />
-        <drawtext name="line4" x="0" y="{posy(line3)} + {height(line3)} + 10" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(reclengthcutted)}: {recordinglengthcutted}" />
-        <drawtext name="line5" x="0" y="{posy(line4)} + {height(line4)} + 10" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(bitrate)}: {recordingbitrate}" />
-        <drawtext name="line6" x="0" y="{posy(line5)} + {height(line5)} + 10" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(format)}: {recordingformat}" />
-        <drawtext x="0" y="{posy(line6)} + {height(line6)} + 10" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{tr(searchtimer)}: {searchtimer}" />
+        <drawtext align="center" y="0" name="title" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{tr(recinfo)}" />
+        <drawtext name="line1" x="0" y="{height(title)} + 50" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(recsize)}: {recordingsize}" />
+        <drawtext name="line2" x="0" y="{posy(line1)} + {height(line1)} + 10" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(recsizecutted)}: {recordingsizecutted}" />
+        <drawtext name="line3" x="0" y="{posy(line2)} + {height(line2)} + 10" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(reclength)}: {recordinglength}" />
+        <drawtext name="line4" x="0" y="{posy(line3)} + {height(line3)} + 10" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(reclengthcutted)}: {recordinglengthcutted}" />
+        <drawtext name="line5" x="0" y="{posy(line4)} + {height(line4)} + 10" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(bitrate)}: {recordingbitrate}" />
+        <drawtext name="line6" x="0" y="{posy(line5)} + {height(line5)} + 10" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(format)}: {recordingformat}" />
+        <drawtext x="0" y="{posy(line6)} + {height(line6)} + 10" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(searchtimer)}: {searchtimer}" />
     </tab>
     <!-- TAB ACTORS -->
     <tab condition="{isseries}||{ismovie}" name="{tr(actors)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtext align="center" name="title" y="0" font="{regular}" fontsize="12%" color="{fontdefault}" text="{tr(actors)}" />
+        <drawtext align="center" name="title" y="0" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{tr(actors)}" />
         <loop name="actors" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areawidth}/7*1.65" overflow="linewrap" >
             <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="20" y="0" width="{columnwidth}-40" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
-            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="5%" color="{fontdefault}" text="{actors[name]}" />
-            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{regular}" fontsize="5%" color="{fontdefault}" text="{actors[role]}" />
+            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{actors[name]}" />
+            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{actors[role]}" />
         </loop>
     </tab>
     <!-- TAB TVDBINFO -->
@@ -61,12 +61,12 @@
         <drawimage name="banner" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.7" height="{areawidth} * 0.7 * {seriesbanner1height} / {seriesbanner1width}"/>
         <drawimage name="episodeimage" imagetype="image" path="{episodeimagepath}" x="{areawidth}*0.7" y="{height(banner)} + 20" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {episodeimageheight} / {episodeimagewidth}"/>
         <drawimage name="seasonposter" imagetype="image" path="{seasonposterpath}" x="{areawidth}*0.7" y="{height(banner)} + {height(episodeimage)} + 30" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seasonposterheight} / {seasonposterwidth}"/>
-        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{regular}" fontsize="6%" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
+        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
     </tab>
     <!-- TAB MOVIEDBINFO -->
     <tab condition="{ismovie}" name="MovieDBInfo" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
         <drawimage name="poster" imagetype="image" path="{posterpath}" x="70%" y="10" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}"/>
-        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
+        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
     </tab>
     <!-- TAB SERIESGALERY -->
     <tab condition="{isseries}" name="{tr(seriesgalery)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}*0.61">
@@ -95,13 +95,13 @@
                 <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuback}" />
                 <drawrectangle x="{columnwidth}-1" y="0" width="1" height="100%" color="{menubackline}" />
                 <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menubackactive}" />
-                <drawtext name="label" x="0" valign="center" font="{regular}" fontsize="60%" color="00000000" text="  {tabs[title]}  " />
+                <drawtext name="label" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="00000000" text="  {tabs[title]}  " />
             </loop>
         </area>
         <area x="2%" y="85%" width="{areawidth} - 60" height="6%" layer="4">
             <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawtext condition="not{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="  {tabs[title]}  " />
-                <drawtext condition="{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="  {tabs[title]}  " />
+                <drawtext condition="not{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="{fontdefault}" text="  {tabs[title]}  " />
+                <drawtext condition="{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="{fontmenuactive}" text="  {tabs[title]}  " />
             </loop>
         </area>
     </tablabels>
diff --git a/skins/estuary4vdr/xmlfiles/displaymenudetailtext.xml b/skins/estuary4vdr/xmlfiles/displaymenudetailtext.xml
index 41c0735..70ab8be 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenudetailtext.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenudetailtext.xml
@@ -16,7 +16,7 @@
     </scrollbar>
 
     <tab name="text" x="3%" y="11%" width="95%" height="78%" layer="3" scrollheight="{areaheight}/4">
-        <drawtextbox x="0" y="0" width="100%" font="{regular}" fontsize="5%" color="{fontdefault}" text="{text}" />
+        <drawtextbox x="0" y="0" width="100%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{text}" />
     </tab>
 
 </menudetailedtext>
\ No newline at end of file
diff --git a/skins/estuary4vdr/xmlfiles/displaymenumain.xml b/skins/estuary4vdr/xmlfiles/displaymenumain.xml
index f0c2312..ef9b362 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenumain.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenumain.xml
@@ -2,7 +2,7 @@
 
     <header>
         <area x="1%" y="0" width="50%" height="7%" layer="2">
-            <drawtext x="0" valign="center" fontsize="80%" font="{regular}" color="{fontdefault}" text="{title} {vdrversion}" />
+            <drawtext x="0" valign="center" fontsize="{areaheight}*{headerfontsize}/100" font="{regular}" color="{fontdefault}" text="{title} {vdrversion}" />
         </area>
     </header>
 
@@ -92,7 +92,7 @@
         </area>
     </temperatures>
 
-    <menuitems x="2%" y="9%" orientation="vertical" width="30%" height="60%" align="center" numlistelements="8">
+    <menuitems x="2%" y="9%" orientation="vertical" width="30%" height="60%" align="center" numlistelements="{numitemsmain}">
         <listelement>
             <area x="0" y="0" width="100%" height="100%" layer="3">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
@@ -101,16 +101,16 @@
                 <drawrectangle condition="{current}" x="15%" y="0" width="85%" height="100%" color="{menubackactive}" />
             </area>
             <area x="0" y="0" width="15%" height="100%" layer="3">
-                <drawimage condition="not{current}" imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
-                <drawimage condition="{current}" imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+                <drawimage condition="not{current}" imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight}*{mainiconsize}/100" height="{areaheight}*{mainiconsize}/100"/>
+                <drawimage condition="{current}" imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight}*{mainiconsize}/100" height="{areaheight}*{mainiconsize}/100"/>
             </area>
             <areascroll condition="{showlistnumbers}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" width="79%" layer="3">
-                <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{number} {label}" />
-                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="{number} {label}" />
+                <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontdefault}" text="{number} {label}" />
+                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontmenuactive}" text="{number} {label}" />
             </areascroll>
             <areascroll condition="not{showlistnumbers}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="20%" width="79%" layer="3">
-                <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{label}" />
-                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="{label}" />
+                <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontdefault}" text="{label}" />
+                <drawtext condition="{current}" name="menutext" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{mainfontsize}/100" color="{fontmenuactive}" text="{label}" />
             </areascroll>
         </listelement>
     </menuitems>
diff --git a/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml b/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml
index 4afeda5..e5518e2 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml
@@ -1,7 +1,31 @@
 <menurecordings x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="39%" scaletvy="8%" scaletvwidth="60%" scaletvheight="60%">
 
-    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="12">
+    <background>
+        <area x="0" y="0" width="100%" height="100%" layer="1">
+            <drawimage condition="eq({indexrecmenustyle}, 0)" imagetype="skinpart" x="0" y="0" width="100%" height="100%" path="background_menu_tvframe" />
+            <drawimage condition="eq({indexrecmenustyle}, 1)" imagetype="skinpart" x="0" y="0" width="100%" height="100%" path="background_menu" />
+        </area>
+        <area condition="eq({indexrecmenustyle}, 0)" x="39%" y="70%" width="60%" height="20%" layer="2">
+            <fill color="{menuback}" />
+        </area>
+    </background>
 
+    <scrollbar>
+        <area condition="lt({height}, 1000) ++ eq({indexrecmenustyle}, 0)" x="33%" y="9%" width="{areawidth}*0.01" height="82%" layer="2">
+            <fill color="{menuback}" />
+        </area>
+        <area condition="lt({height}, 1000) ++ eq({indexrecmenustyle}, 1)" x="98%" y="9%" width="{areawidth}*0.01" height="82%" layer="2">
+            <fill color="{menuback}" />
+        </area>
+        <area condition="lt({height}, 1000) ++ eq({indexrecmenustyle}, 0)" x="33%" y="9%" width="{areawidth}*0.01" height="82%" layer="3">
+            <drawrectangle x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000" color="{progressbar}" />
+        </area>
+        <area condition="lt({height}, 1000) ++ eq({indexrecmenustyle}, 1)" x="98%" y="9%" width="{areawidth}*0.01" height="82%" layer="3">
+            <drawrectangle x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000" color="{progressbar}" />
+        </area>
+    </scrollbar>
+
+    <menuitems x="2%" y="9%" condition="eq({indexrecmenustyle}, 0)" orientation="vertical" width="98%" height="82%" align="center" numlistelements="{numitemsrecnarrow}">
         <listelement>
             <area x="0" y="0" width="{areawidth}*0.305" height="100%" layer="2">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
@@ -13,33 +37,32 @@
                 <drawimage condition="not{current}" imagetype="icon" path="ico_recfolder" x="0" width="0.8*{areaheight}" height="0.9*{areaheight}" valign="center" />
                 <drawimage condition="{current}" imagetype="icon" path="ico_recfolder_active" x="0" width="0.8*{areaheight}" height="0.9*{areaheight}" valign="center" />
             </area>
-            <area condition="{folder}" x="6%" y="50%" width="24%" height="50%" layer="3">
-                <drawtext condition="not{current}" x="0" y="0" font="{regular}" fontsize="80%" color="{fontdefault}" text="({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
-                <drawtext condition="{current}" x="0" y="0" font="{regular}" fontsize="80%" color="{fontmenuactive}" text="({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
+            <area condition="{folder}" x="6%" width="24%" layer="3">
+                <drawtext condition="not{current}" x="0" y="{areaheight}*{recposyfolderstats}/100" font="{regular}" fontsize="{areaheight}*{recsizefolderstats}/100" color="{fontdefault}" text="({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
+                <drawtext condition="{current}" x="0" y="{areaheight}*{recposyfolderstats}/100" font="{regular}" fontsize="{areaheight}*{recsizefolderstats}/100" color="{fontmenuactive}" text="({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
             </area>
-
-            <areascroll condition="{folder}" scrollelement="foldertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="6%" y="0" width="24%" height="50%" layer="3">
-                <drawtext condition="not{current}" x="0" valign="bottom" font="{regular}" fontsize="95%" color="{fontdefault}" text="{name}" />
-                <drawtext condition="{current}" x="0" valign="bottom" font="{regular}" fontsize="95%" color="{fontmenuactive}" text="{name}" />
+            <areascroll condition="{folder}" scrollelement="foldertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="6%" width="24%" layer="3">
+                <drawtext condition="not{current}" x="0" y="{areaheight}*{recposyfoldertitle}/100" font="{regular}" fontsize="{areaheight}*{recsizefoldertitle}/100" color="{fontdefault}" text="{name}" />
+                <drawtext condition="{current}" x="0" y="{areaheight}*{recposyfoldertitle}/100" font="{regular}" fontsize="{areaheight}*{recsizefoldertitle}/100" color="{fontmenuactive}" text="{name}" />
             </areascroll>
-            
-            <area condition="not{folder}++not{current}" x="1%" y="0" width="29%" height="50%" layer="3">
-                <drawtext x="0" y="15%" font="{regular}" fontsize="80%" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - 2*{areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+            <!-- recording -->
+            <area condition="not{folder}++not{current}" x="1%" y="0" width="29%" layer="3">
+                <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
             </area>
-            <area condition="not{folder}++{current}" x="1%" y="0" width="29%" height="50%" layer="3">
-                <drawtext x="0" y="15%" font="{regular}" fontsize="80%" color="{fontmenuactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - 2*{areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+            <area condition="not{folder}++{current}" x="1%" y="0" width="29%" layer="3">
+                <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontmenuactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
             </area>
-            <areascroll condition="not{current}++not{folder}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" y="45%" width="29%" height="50%" layer="3">
-                <drawtext name="rectitle" x="0" width="100%" y="0" font="{regular}" fontsize="100%" color="{fontdefault}" text="{name}" />
+            <areascroll condition="not{current}++not{folder}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="29%" layer="3">
+                <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontdefault}" text="{name}" />
             </areascroll>
-            <areascroll condition="{current}++not{folder}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" y="45%" width="29%" height="50%" layer="3">
-                <drawtext name="rectitle" x="0" width="100%" y="0" font="{regular}" fontsize="100%" color="{fontmenuactive}" text="{name}" />
+            <areascroll condition="{current}++not{folder}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="29%" layer="3">
+                <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontmenuactive}" text="{name}" />
             </areascroll>
         </listelement>
 
@@ -48,19 +71,97 @@
                 <drawimage imagetype="image" path="{posterpath}" x="0" valign="center" width="{areawidth}" height="{areawidth} * {posterheight} / {posterwidth}" />
             </area>
             <areascroll condition="{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="47%" y="76%" width="49%" height="20%" layer="3">
-                <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="20%" color="{fontdefault}" text="{date} {time}, {duration} min" />
-                <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="25%" color="{fontdefault}" text="{epgname}" />
-                <drawtextbox name="shorttext" x="0" y="{posy(title)} + {height(title)}" width="100%" font="{regular}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
-                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="20%" color="{fontdefault}" text="{description}" />
+                <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+                <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttitle}/100" color="{fontdefault}" text="{epgname}" />
+                <drawtextbox name="shorttext" x="0" y="{posy(title)} + {height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{shorttext}" />
+                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{description}" />
             </areascroll>
             <areascroll condition="not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="39%" y="76%" width="57%" height="20%" layer="3">
-                <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="20%" color="{fontdefault}" text="{date} {time}, {duration} min" />
-                <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="25%" color="{fontdefault}" text="{epgname}" />
-                <drawtextbox name="shorttext" x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
-                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="20%" color="{fontdefault}" text="{description}" />
+                <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+                <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttitle}/100" color="{fontdefault}" text="{epgname}" />
+                <drawtextbox name="shorttext" x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{shorttext}" />
+                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{description}" />
             </areascroll>
         </currentelement>
-
     </menuitems>
 
+    <menuitems x="2%" y="9%" condition="eq({indexrecmenustyle}, 1)" orientation="vertical" width="95%" height="82%" align="center" numlistelements="{numitemsrecwide}">
+        <listelement>
+            <area x="0" y="0" width="100%" height="100%" layer="2">
+                <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
+                <drawrectangle condition="not{current}" x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
+                <drawrectangle condition="{current}" x="0" y="0" width="100%" height="100%" color="{menubackactive}" />
+            </area>
+            <!-- recording folder -->
+            <areacontainer condition="{folder}">
+                <area x="1%" width="6%" layer="3">
+                    <drawimage condition="not{current}" imagetype="icon" path="ico_recfolder" x="0" width="0.8*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{current}" imagetype="icon" path="ico_recfolder_active" x="0" width="0.8*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                </area>
+                <areascroll scrollelement="foldertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="6%" y="0" width="93%" height="100%" layer="3">
+                    <drawtext condition="not{current}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{recsizewide}/100" color="{fontdefault}" text="{name} ({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
+                    <drawtext condition="{current}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{recsizewide}/100" color="{fontmenuactive}" text="{name} ({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
+                </areascroll>
+            </areacontainer>
+            <areacontainer condition="not{folder}">
+                <area condition="not{current}" x="94%" width="6%" layer="3">
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - 0.6*{areaheight}" width="0.6*{areaheight}" height="0.6*{areaheight}" valign="center" />
+                    <drawimage condition="{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - 1.3*{areaheight}" width="0.6*{areaheight}" height="0.6*{areaheight}" valign="center" />
+                </area>
+                <area condition="{current}" x="94%" width="6%" layer="3">
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - 0.6*{areaheight}" width="0.6*{areaheight}" height="0.6*{areaheight}" valign="center" />
+                    <drawimage condition="{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - 1.3*{areaheight}" width="0.6*{areaheight}" height="0.6*{areaheight}" valign="center" />
+                </area>
+                <areascroll condition="not{current}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="93%" layer="3">
+                    <drawtext name="rectitle" x="0" width="100%" valign="center" font="{regular}" fontsize="{areaheight}*{recsizewide}/100" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}  {name}" />
+                </areascroll>
+                <areascroll condition="{current}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="93%" layer="3">
+                    <drawtext name="rectitle" x="0" width="100%" valign="center" font="{regular}" fontsize="{areaheight}*{recsizewide}/100" color="{fontmenuactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}  {name}" />
+                </areascroll>
+            </areacontainer>
+        </listelement>
+
+        <currentelement delay="1000" fadetime="200">
+            <areacontainer condition="{recshowcurrent} ++ lt({numitem}, 11)">
+                <area x="20%" y="{menuitemy}+{menuitemheight}" width="80%" height="31%" layer="4">
+                    <fill color="{messageback}" />
+                </area>
+                <area condition="{hasposter}" x="21%" y="{menuitemy}+{menuitemheight}" width="12%" height="30%" layer="5">
+                    <drawimage imagetype="image" path="{posterpath}" x="0" valign="center" width="{areawidth}" height="{areawidth} * {posterheight} / {posterwidth}" />
+                </area>
+                <areascroll condition="{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="34%" y="{menuitemy}+{menuitemheight} + {areaheight}*0.01" width="65%" height="29%" layer="5">
+                    <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+                    <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttitle}/100" color="{fontdefault}" text="{epgname}" />
+                    <drawtextbox name="shorttext" x="0" y="{posy(title)} + {height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{shorttext}" />
+                    <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{description}" />
+                </areascroll>
+                <areascroll condition="not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="21%" y="{menuitemy}+{menuitemheight} + {areaheight}*0.01" width="78%" height="29%" layer="5">
+                    <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+                    <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttitle}/100" color="{fontdefault}" text="{epgname}" />
+                    <drawtextbox name="shorttext" x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{shorttext}" />
+                    <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{description}" />
+                </areascroll>
+            </areacontainer>
+            <areacontainer condition="{recshowcurrent} ++ gt({numitem}, 10)">
+                <area x="20%" y="{menuitemy} - {areaheight}*0.31" width="80%" height="31%" layer="4">
+                    <fill color="{messageback}" />
+                </area>
+                <area condition="{hasposter}" x="21%" y="{menuitemy} - {areaheight}*0.31" width="12%" height="30%" layer="5">
+                    <drawimage imagetype="image" path="{posterpath}" x="0" valign="center" width="{areawidth}" height="{areawidth} * {posterheight} / {posterwidth}" />
+                </area>
+                <areascroll condition="{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="34%" y="{menuitemy} + {areaheight}*0.01 - {areaheight}*0.31" width="65%" height="29%" layer="5">
+                    <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+                    <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttitle}/100" color="{fontdefault}" text="{epgname}" />
+                    <drawtextbox name="shorttext" x="0" y="{posy(title)} + {height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{shorttext}" />
+                    <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{description}" />
+                </areascroll>
+                <areascroll condition="not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="21%" y="{menuitemy} + {areaheight}*0.01 - {areaheight}*0.31" width="78%" height="29%" layer="5">
+                    <drawtext name="datetime" x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{date} {time}, {duration} min" />
+                    <drawtext name="title" x="0" y="{height(datetime)}" font="{regular}" width="100%" fontsize="{areaheight}*{recsizecurrenttitle}/100" color="{fontdefault}" text="{epgname}" />
+                    <drawtextbox name="shorttext" x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{shorttext}" />
+                    <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)} + 10" width="100%" font="{regular}" fontsize="{areaheight}*{recsizecurrenttext}/100" color="{fontdefault}" text="{description}" />
+                </areascroll>
+            </areacontainer>
+        </currentelement>
+    </menuitems>
 </menurecordings>
\ No newline at end of file
diff --git a/skins/estuary4vdr/xmlfiles/displaymenuschedules.xml b/skins/estuary4vdr/xmlfiles/displaymenuschedules.xml
index fd5dac5..0d238bd 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenuschedules.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenuschedules.xml
@@ -2,13 +2,13 @@
 
     <header>
         <area x="1%" y="0" width="60%" height="7%" layer="2">
-            <drawtext condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}" x="0" valign="center" font="{regular}" fontsize="100%" color="{fontdefault}" text="{title}" />
+            <drawtext condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{headerfontsize}/100" color="{fontdefault}" text="{title}" />
             <drawimage name="logo" condition="{whatson}" imagetype="channellogo" path="{channelid}" x="0" width="8%" height="100%" valign="center" />
-            <drawtext condition="{whatson}" x="{posx(logo)} + {width(logo)}+20" valign="center" font="{regular}" fontsize="80%" color="{fontdefault}" text="{channelnumber} - {channelname}" />
+            <drawtext condition="{whatson}" x="{posx(logo)} + {width(logo)}+20" valign="center" font="{regular}" fontsize="{areaheight}*{headerfontsize}/100" color="{fontdefault}" text="{channelnumber} - {channelname}" />
         </area>
     </header>
 
-    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="12">
+    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="{numitemsschedueles}">
         <listelement>
             <!-- background and progressbar -->
             <area x="0" y="0" width="{areawidth}*0.305" height="100%" layer="2">
@@ -29,68 +29,72 @@
             </area>
             <!-- day or channel separator -->
             <area condition="{separator}" x="1%" width="{areawidth}*0.295" layer="3">
-                <drawtext x="0" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{title}" />
-            </area>      
+                <drawtext x="0" valign="center" font="{regular}" fontsize="{areaheight}*{schedulesseparator}/100" color="{fontdefault}" text="{title}" />
+            </area>
             <!-- element whatson -->
             <area condition="not{separator}++{whatson}++not{current}" x="1%" width="{areawidth}*0.295" layer="3">
-                <drawtext x="0" y="8%" font="{regular}" fontsize="35%" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext condition="{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext condition="not{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatson}++not{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="{areawidth}*0.295" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontdefault}" text="{title}" />
+                <drawtext name="menutext" x="0" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontdefault}" text="{title}" />
             </areascroll>
             <area condition="not{separator}++{whatson}++{current}" x="1%" width="{areawidth}*0.295" layer="3">
-                <drawtext x="0" y="8%" font="{regular}" fontsize="35%" color="{fontmenuactive}" text="{start} - {stop}" />
+                <drawtext condition="{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontmenuactive}" text="{start} - {stop}" />
+                <drawtext condition="not{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontmenuactive}" text="{day} {daynumeric}.{month} {start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatson}++{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="{areawidth}*0.295" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontmenuactive}" text="{title}" />
+                <drawtext name="menutext" x="0" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontmenuactive}" text="{title}" />
             </areascroll>
             <!-- element whatsonnow -->
             <area condition="not{separator}++{whatsonnow}" x="1%" width="6%" layer="3">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" width="90%" height="90%" align="center" valign="center" />
             </area>
             <area condition="not{separator}++{whatsonnow}++not{current}" x="8%" width="22%" layer="3">
-                <drawtext x="0" y="5%" font="{regular}" fontsize="35%" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontdefault}" text="{start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatsonnow}++not{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="8%" width="22%" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontdefault}" text="{title}" />
+                <drawtext name="menutext" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontdefault}" text="{title}" />
             </areascroll>
             <area condition="not{separator}++{whatsonnow}++{current}" x="8%" width="22%" layer="3">
-                <drawtext x="0" y="5%" font="{regular}" fontsize="35%" color="{fontmenuactive}" text="{start} - {stop}" />
+                <drawtext x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontmenuactive}" text="{start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatsonnow}++{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="8%" width="22%" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontmenuactive}" text="{title}" />
+                <drawtext name="menutext" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontmenuactive}" text="{title}" />
             </areascroll>
            <!-- element whatsonnext -->
             <area condition="not{separator}++{whatsonnext}" x="1%" width="6%" layer="3">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" width="90%" height="90%" align="center" valign="center" />
             </area>
             <area condition="not{separator}++{whatsonnext}++not{current}" x="8%" width="22%" layer="3">
-                <drawtext x="0" y="5%" font="{regular}" fontsize="35%" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontdefault}" text="{start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatsonnext}++not{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="8%" width="22%" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontdefault}" text="{title}" />
+                <drawtext name="menutext" x="0" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontdefault}" text="{title}" />
             </areascroll>
             <area condition="not{separator}++{whatsonnext}++{current}" x="8%" width="22%" layer="3">
-                <drawtext x="0" y="5%" font="{regular}" fontsize="35%" color="{fontmenuactive}" text="{start} - {stop}" />
+                <drawtext x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontmenuactive}" text="{start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatsonnext}++{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="8%" width="22%" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontmenuactive}" text="{title}" />
+                <drawtext name="menutext" x="0" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontmenuactive}" text="{title}" />
             </areascroll>
            <!-- element whatsonfavorites -->
             <area condition="not{separator}++{whatsonfavorites}" x="1%" width="6%" layer="3">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" width="90%" height="90%" align="center" valign="center" />
             </area>
             <area condition="not{separator}++{whatsonfavorites}++not{current}" x="8%" width="22%" layer="3">
-                <drawtext x="0" y="5%" font="{regular}" fontsize="35%" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext condition="{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext condition="not{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatsonfavorites}++not{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="8%" width="22%" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontdefault}" text="{title}" />
+                <drawtext name="menutext" x="0" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontdefault}" text="{title}" />
             </areascroll>
             <area condition="not{separator}++{whatsonfavorites}++{current}" x="8%" width="22%" layer="3">
-                <drawtext x="0" y="5%" font="{regular}" fontsize="35%" color="{fontmenuactive}" text="{start} - {stop}" />
+                <drawtext condition="{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontmenuactive}" text="{start} - {stop}" />
+                <drawtext condition="not{istoday}" x="0" y="{areaheight}*{schedulesposydate}/100" font="{regular}" fontsize="{areaheight}*{schedulessizedate}/100" color="{fontmenuactive}" text="{day} {daynumeric}.{month} {start} - {stop}" />
             </area>
             <areascroll condition="not{separator}++{whatsonfavorites}++{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="8%" width="22%" layer="3">
-                <drawtext name="menutext" x="0" y="40%" font="{regular}" fontsize="50%" color="{fontmenuactive}" text="{title}" />
+                <drawtext name="menutext" x="0" y="{areaheight}*{schedulesposytitle}/100" font="{regular}" fontsize="{areaheight}*{schedulessizetitle}/100" color="{fontmenuactive}" text="{title}" />
             </areascroll>
         </listelement>
         <currentelement delay="100" fadetime="200">
@@ -98,14 +102,14 @@
                 <drawimage imagetype="image" path="{posterpath}" x="0" valign="center" width="{areawidth}" height="{areawidth} * {posterheight} / {posterwidth}" />
             </area>
             <areascroll condition="{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="47%" y="76%" width="49%" height="20%" layer="3">
-                <drawtext x="0" y="0" font="{regular}" width="100%" fontsize="20%" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop} {title}" />
-                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
-                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="15%" color="{fontdefault}" text="{description}" />
+                <drawtext x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{schedulessizecurrenttitle}/100" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop} {title}" />
+                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="{areaheight}*{schedulessizecurrenttitle}/100" color="{fontdefault}" text="{shorttext}" />
+                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="{areaheight}*{schedulessizecurrenttext}/100" color="{fontdefault}" text="{description}" />
             </areascroll>
             <areascroll condition="not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="39%" y="76%" width="57%" height="20%" layer="3">
-                <drawtext x="0" y="0" font="{regular}" width="100%" fontsize="20%" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop} {title}" />
-                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
-                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="15%" color="{fontdefault}" text="{description}" />
+                <drawtext x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{schedulessizecurrenttitle}/100" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop} {title}" />
+                <drawtextbox name="shorttext" x="0" y="21%" width="100%" font="{regular}" fontsize="{areaheight}*{schedulessizecurrenttitle}/100" color="{fontdefault}" text="{shorttext}" />
+                <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{regular}" fontsize="{areaheight}*{schedulessizecurrenttext}/100" color="{fontdefault}" text="{description}" />
             </areascroll>
         </currentelement>
     </menuitems>
diff --git a/skins/estuary4vdr/xmlfiles/displaymenusetup.xml b/skins/estuary4vdr/xmlfiles/displaymenusetup.xml
index c22ca6b..ec0aefb 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenusetup.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenusetup.xml
@@ -9,16 +9,16 @@
                 <drawrectangle condition="{current}" x="15%" y="0" width="85%" height="100%" color="{menubackactive}" />
             </area>
             <area x="0" y="0" width="5%" height="100%" layer="3">
-                <drawimage condition="not{current}" imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
-                <drawimage condition="{current}" imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+                <drawimage condition="not{current}" imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight}*{mainiconsize}/100" height="{areaheight}*{mainiconsize}/100"/>
+                <drawimage condition="{current}" imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight}*{mainiconsize}/100" height="{areaheight}*{mainiconsize}/100"/>
             </area>
             <areascroll condition="{showlistnumbers}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="25%" layer="4">
-                <drawtext condition="not{current}" x="20" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{number} {label}" />
-                <drawtext condition="{current}" name="menutext" x="20" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="{number} {label}" />
+                <drawtext condition="not{current}" x="20" valign="center" font="{regular}" fontsize="{areaheight}*{setupfontsize}/100" color="{fontdefault}" text="{number} {label}" />
+                <drawtext condition="{current}" name="menutext" x="20" valign="center" font="{regular}" fontsize="{areaheight}*{setupfontsize}/100" color="{fontmenuactive}" text="{number} {label}" />
             </areascroll>
             <areascroll condition="not{showlistnumbers}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="25%" layer="4">
-                <drawtext condition="not{current}" x="20" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{label}" />
-                <drawtext condition="{current}" name="menutext" x="20" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="{label}" />
+                <drawtext condition="not{current}" x="20" valign="center" font="{regular}" fontsize="{areaheight}*{setupfontsize}/100" color="{fontdefault}" text="{label}" />
+                <drawtext condition="{current}" name="menutext" x="20" valign="center" font="{regular}" fontsize="{areaheight}*{setupfontsize}/100" color="{fontmenuactive}" text="{label}" />
             </areascroll>
         </listelement>
         <currentelement delay="100" fadetime="200">
diff --git a/skins/estuary4vdr/xmlfiles/displaymenutimers.xml b/skins/estuary4vdr/xmlfiles/displaymenutimers.xml
index 9c2b8da..e25ff90 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenutimers.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenutimers.xml
@@ -1,6 +1,6 @@
 <menutimers x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="39%" scaletvy="8%" scaletvwidth="60%" scaletvheight="60%">
 
-    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="12">
+    <menuitems x="2%" y="9%" orientation="vertical" width="98%" height="82%" align="center" numlistelements="{numitemstimers}">
         <listelement>
             <area x="0" y="0" width="{areawidth}*0.305" height="100%" layer="2">
                 <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
@@ -12,16 +12,16 @@
             </area>
             
             <area condition="not{current}" x="7%" width="23%" layer="3">
-                <drawtext x="0" y="8%" font="{regular}" fontsize="45%" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}" />
+                <drawtext x="0" y="{areaheight}*{timersposydate}/100" font="{regular}" fontsize="{areaheight}*{timerssizedate}/100" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}" />
             </area>
-            <areascroll condition="not{current}" scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" y="50%" width="23%" height="50%" layer="3">
-                <drawtext name="timertext" x="0" valign="center" font="{regular}" fontsize="85%" color="{fontdefault}" text="{title}" />
+            <areascroll condition="not{current}" scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="23%" layer="3">
+                <drawtext name="timertext" x="0"  y="{areaheight}*{timersposytitle}/100" font="{regular}" fontsize="{areaheight}*{timerssizetitle}/100" color="{fontdefault}" text="{title}" />
             </areascroll>
             <area condition="{current}" x="7%" width="23%" layer="3">
-                <drawtext x="0" y="8%" font="{regular}" fontsize="45%" color="{fontmenuactive}" text="{dayname} {day}. {timerstart} - {timerstop}" />
+                <drawtext x="0" y="{areaheight}*{timersposydate}/100" font="{regular}" fontsize="{areaheight}*{timerssizedate}/100" color="{fontmenuactive}" text="{dayname} {day}. {timerstart} - {timerstop}" />
             </area>
-            <areascroll condition="{current}" scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" y="50%" width="23%" height="50%" layer="3">
-                <drawtext name="timertext" x="0" valign="center" font="{regular}" fontsize="85%" color="{fontmenuactive}" text="{title}" />
+            <areascroll condition="{current}" scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="23%" layer="3">
+                <drawtext name="timertext" x="0" y="{areaheight}*{timersposytitle}/100" font="{regular}" fontsize="{areaheight}*{timerssizetitle}/100" color="{fontmenuactive}" text="{title}" />
             </areascroll>
 
             <area x="20%" y="5%" width="10%" height="40%" layer="4">
@@ -38,14 +38,14 @@
                 <drawimage imagetype="image" path="{posterpath}" x="0" valign="center" width="{areawidth}" height="{areawidth} * {posterheight} / {posterwidth}" />
             </area>
             <areascroll condition="{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="47%" y="76%" width="49%" height="20%" layer="3">
-                <drawtext name="scheduling" x="0" y="0" font="{regular}" fontsize="25%" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}" />
-                <drawtext name="title" x="0" y="{height(scheduling)}" font="{regular}" width="100%" fontsize="20%" color="{fontdefault}" text="{eventtitle}" />
-                <drawtextbox x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="15%" color="{fontdefault}" text="{eventdescription}" />
+                <drawtext name="scheduling" x="0" y="0" font="{regular}" fontsize="{areaheight}*{timerssizecurrenttitle}/100" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}" />
+                <drawtext name="title" x="0" y="{height(scheduling)}" font="{regular}" width="100%" fontsize="{areaheight}*{timerssizecurrenttitle}/100" color="{fontdefault}" text="{eventtitle}" />
+                <drawtextbox x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{timerssizecurrenttext}/100" color="{fontdefault}" text="{eventdescription}" />
             </areascroll>
             <areascroll condition="not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="39%" y="76%" width="57%" height="20%" layer="3">
-                <drawtext name="scheduling" x="0" y="0" font="{regular}" fontsize="25%" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}" />
-                <drawtext name="title" x="0" y="{height(scheduling)}" font="{regular}" width="100%" fontsize="20%" color="{fontdefault}" text="{eventtitle}" />
-                <drawtextbox x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="15%" color="{fontdefault}" text="{eventdescription}" />
+                <drawtext name="scheduling" x="0" y="0" font="{regular}" fontsize="{areaheight}*{timerssizecurrenttitle}/100" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}" />
+                <drawtext name="title" x="0" y="{height(scheduling)}" font="{regular}" width="100%" fontsize="{areaheight}*{timerssizecurrenttitle}/100" color="{fontdefault}" text="{eventtitle}" />
+                <drawtextbox x="0" y="{posy(title)}+{height(title)}" width="100%" font="{regular}" fontsize="{areaheight}*{timerssizecurrenttext}/100" color="{fontdefault}" text="{eventdescription}" />
             </areascroll>
         </currentelement>
     </menuitems>
diff --git a/skins/estuary4vdr/xmlfiles/displaymessage.xml b/skins/estuary4vdr/xmlfiles/displaymessage.xml
index 27eb043..0f1a09d 100644
--- a/skins/estuary4vdr/xmlfiles/displaymessage.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymessage.xml
@@ -17,7 +17,7 @@
             <drawimage condition="{error}" imagetype="icon" path="error" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
         </area>
         <area x="11%" y="0" width="88%" height="100%" layer="3">
-            <drawtext align="center" valign="center" width="100%" fontsize="60%" font="{regular}" color="{fontdefault}" text="{text}" />
+            <drawtext align="center" valign="center" width="100%" fontsize="{areaheight}*{messagesize}/100" font="{regular}" color="{fontdefault}" text="{text}" />
         </area>
     </message>
 
diff --git a/skins/estuary4vdr/xmlfiles/displayreplay.xml b/skins/estuary4vdr/xmlfiles/displayreplay.xml
index 23abbce..c9e74c2 100644
--- a/skins/estuary4vdr/xmlfiles/displayreplay.xml
+++ b/skins/estuary4vdr/xmlfiles/displayreplay.xml
@@ -16,15 +16,15 @@
     </backgroundmodeonly>
 
     <datetime>
-        <area x="75%" y="75%" width="13%" height="5%" layer="2">
-            <drawtext align="right" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text="{daynameshort} {day}.{monthnameshort}" />
+        <area x="75%" y="75%" width="13%" height="6%" layer="2">
+            <drawtext align="right" y="0" fontsize="{areaheight}*{replaydatetimesize}/100" font="{regular}" color="{fontdefault}" text="{daynameshort} {day}.{monthnameshort}" />
         </area>
     </datetime>
 
     <time>
-        <area x="89%" y="75%" width="11%" height="5%" layer="2">
-            <drawtext name="clock" x="0" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text="{hour}:{printf('%02d', min)}" />
-            <drawtext name="clocksec" x="{posx(clock)} + {width(clock)}" y="{areaheight}/2 -  {height(clocksec)}/2 + {height(clock)}/2 - {height(clocksec)}/2 - 5" fontsize="80%" font="{regular}" color="{fontdefault}" text=":{printf('%02d', sec)}" />
+        <area x="89%" y="75%" width="11%" height="6%" layer="2">
+            <drawtext name="clock" x="0" y="0" fontsize="{areaheight}*{replaydatetimesize}/100" font="{regular}" color="{fontdefault}" text="{hour}:{printf('%02d', min)}" />
+            <drawtext name="clocksec" x="{posx(clock)} + {width(clock)}" y="{height(clock)} - {height(clocksec)} - 1" fontsize="{areaheight}*{replaydatetimesize}*0.8/100" font="{regular}" color="{fontdefault}" text=":{printf('%02d', sec)}" />
         </area>
     </time>
 
@@ -38,9 +38,9 @@
     </scrapercontent>
 
     <rectitle>
-        <area x="12%" y="75%" width="63%" height="5%" layer="2">
-            <drawtext name="title" x="0" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text="{rectitle}" />
-            <drawtext condition="isset{title} ++ isset{recsubtitle}" x="{width(title)}" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text=" - {recsubtitle}" />
+        <area x="12%" y="75%" width="63%" height="6%" layer="2">
+            <drawtext name="title" x="0" y="0" fontsize="{areaheight}*{replaytitlesize}/100" font="{regular}" color="{fontdefault}" text="{rectitle}" />
+            <drawtext condition="isset{title} ++ isset{recsubtitle}" x="{width(title)}" y="0" fontsize="{areaheight}*{replaytitlesize}/100" font="{regular}" color="{fontdefault}" text=" - {recsubtitle}" />
         </area>
     </rectitle>
 
@@ -68,21 +68,21 @@
     </recinfo>
 
     <currenttime>
-        <area x="12%" y="86%" width="15%" height="4%" layer="2">
-            <drawtext x="0" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text="{reccurrent}" />
+        <area x="12%" y="86%" width="15%" height="5%" layer="2">
+            <drawtext x="0" y="0" fontsize="{areaheight}*{replaycurrenttotaltimesize}/100" font="{regular}" color="{fontdefault}" text="{reccurrent}" />
         </area>
     </currenttime>
 
     <totaltime>
-        <area x="80%" y="86%" width="19%" height="4%" layer="2">
-            <drawtext condition="not{timeshift}" align="right" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text="{rectotal}" />
-            <drawtext condition="{timeshift}" align="right" valign="center" font="{regular}" fontsize="100%" color="{fontdefault}" text="{timeshifttotal} ({rectotal})" />
+        <area x="80%" y="86%" width="19%" height="5%" layer="2">
+            <drawtext condition="not{timeshift}" align="right" y="0" fontsize="{areaheight}*{replaycurrenttotaltimesize}/100" font="{regular}" color="{fontdefault}" text="{rectotal}" />
+            <drawtext condition="{timeshift}" align="right" y="0" font="{regular}" fontsize="{areaheight}*{replaycurrenttotaltimesize}/100" color="{fontdefault}" text="{timeshifttotal} ({rectotal})" />
         </area>
     </totaltime>
 
     <endtime>
-        <area x="80%" y="90%" width="19%" height="3%" layer="2">
-            <drawtext align="right" valign="center" fontsize="100%" font="{regular}" color="{fontdefault}" text="{tr(end)}: {recend}" />
+        <area x="80%" y="90%" width="19%" height="5%" layer="2">
+            <drawtext align="right" y="0" fontsize="{areaheight}*{replayendtimesize}/100" font="{regular}" color="{fontdefault}" text="{tr(end)}: {recend}" />
         </area>
     </endtime>
 
@@ -176,7 +176,7 @@
             <drawimage condition="{info}" imagetype="icon" path="info" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
             <drawimage condition="{warning}" imagetype="icon" path="warning" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
             <drawimage condition="{error}" imagetype="icon" path="error" width="{areaheight}*0.8" height="80%" x="5%" valign="center" />
-            <drawtext align="center" valign="center" fontsize="40%" font="{regular}" color="{fontdefault}" text="{text}" />
+            <drawtext align="center" valign="center" fontsize="{areaheight}*{messagemenusize}/100" font="{regular}" color="{fontdefault}" text="{text}" />
         </area>      
     </message>
 
diff --git a/skins/estuary4vdr/xmlfiles/plug-setup-skinpreview.xml b/skins/estuary4vdr/xmlfiles/plug-setup-skinpreview.xml
index 0f5ec7d..17bce2c 100644
--- a/skins/estuary4vdr/xmlfiles/plug-setup-skinpreview.xml
+++ b/skins/estuary4vdr/xmlfiles/plug-setup-skinpreview.xml
@@ -24,7 +24,7 @@
         </area>
     </detailheader>
 
-    <colorbuttons debug="true">
+    <colorbuttons>
         <!--red-->
         <area condition="{red1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
diff --git a/skins/estuary4vdr/xmlfiles/plug-tvguideng-detail.xml b/skins/estuary4vdr/xmlfiles/plug-tvguideng-detail.xml
index d9a26ea..0da0e43 100644
--- a/skins/estuary4vdr/xmlfiles/plug-tvguideng-detail.xml
+++ b/skins/estuary4vdr/xmlfiles/plug-tvguideng-detail.xml
@@ -30,28 +30,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -59,28 +59,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -88,28 +88,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -117,28 +117,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
     </viewelement>
 
@@ -163,33 +163,33 @@
 
     <!-- TAB EPGINFO -->
     <tab name="EPG Info" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtextbox condition="not{isseries}++not{ismovie}" name="shorttext" x="0" y="1%" width="96%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="{posy(shorttext)} + {height(shorttext)} + 5" width="96%" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" name="shorttext" x="0" y="1%" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="{posy(shorttext)} + {height(shorttext)} + 5" width="96%" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
 
         <drawimage condition="{isseries}" name="seriesbanner" imagetype="image" path="{seriesbanner1path}" x="{areawidth}*0.5" y="0" width="{areawidth}*0.5" height="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width}"/>
-        <drawtextbox condition="{isseries}" name="shorttext" x="0" y="0" width="49%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="{isseries}" x="0" y="{height(shorttext)} + 5" width="96%" float="topright" floatwidth="{areawidth}*0.5" floatheight="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width} - {height(shorttext)}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{isseries}" name="shorttext" x="0" y="0" width="49%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="{isseries}" x="0" y="{height(shorttext)} + 5" width="96%" float="topright" floatwidth="{areawidth}*0.5" floatheight="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width} - {height(shorttext)}" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
 
         <drawimage condition="{ismovie}" name="movieposter" imagetype="image" path="{posterpath}" x="{areawidth}*0.8" y="0" width="{areawidth}*0.2" height="{areawidth} * 0.2 * {posterheight} / {posterwidth}" />
-        <drawtextbox condition="{ismovie}" name="shorttextmovie" x="0" y="0" width="75%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{shorttext}" />
-        <drawtextbox condition="{ismovie}" x="0" y="{height(shorttextmovie)} + 5" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} - {height(shorttextmovie)}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{ismovie}" name="shorttextmovie" x="0" y="0" width="75%" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{shorttext}" />
+        <drawtextbox condition="{ismovie}" x="0" y="{height(shorttextmovie)} + 5" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} - {height(shorttextmovie)}" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{description}" />
     </tab>
     <!-- TAB RERUNS -->
     <tab condition="{hasreruns}" name="{tr(reruns)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtext align="center" y="1%" name="title" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(rerunsof)} '{title}'" />
+        <drawtext align="center" y="1%" name="title" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{tr(rerunsof)} '{title}'" />
         <loop name="reruns" x="0" y="{height(title)} + 30" width="{areawidth}" rowheight="3%" orientation="vertical">
             <drawimage name="logo" condition="{reruns[channellogoexists]}" imagetype="channellogo" path="{reruns[channelid]}" x="0" width="10%" height="8%" />
-            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{regular}" fontsize="5%" color="{fontdefault}" text="{reruns[channelname]}" />
-            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
-            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{reruns[channelname]}" />
+            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
         </loop>
     </tab>
     <!-- TAB ACTORS -->
     <tab condition="{isseries}||{ismovie}" name="{tr(actors)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
-        <drawtext align="center" name="title" y="0" font="{regular}" fontsize="12%" color="{fontdefault}" text="{tr(actors)}" />
+        <drawtext align="center" name="title" y="0" font="{regular}" fontsize="{areaheight}*{detailtextheadersize}/100" color="{fontdefault}" text="{tr(actors)}" />
         <loop name="actors" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areawidth}/7*1.65" overflow="linewrap" >
             <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="20" y="0" width="{columnwidth}-40" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
-            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="5%" color="{fontdefault}" text="{actors[name]}" />
+            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="{areaheight}*{detailactors}/100" color="{fontdefault}" text="{actors[name]}" />
             <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{regular}" fontsize="5%" color="{fontdefault}" text="{actors[role]}" />
         </loop>
     </tab>
@@ -198,12 +198,12 @@
         <drawimage name="banner" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.7" height="{areawidth} * 0.7 * {seriesbanner1height} / {seriesbanner1width}"/>
         <drawimage name="episodeimage" imagetype="image" path="{episodeimagepath}" x="{areawidth}*0.7" y="{height(banner)} + 20" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {episodeimageheight} / {episodeimagewidth}"/>
         <drawimage name="seasonposter" imagetype="image" path="{seasonposterpath}" x="{areawidth}*0.7" y="{height(banner)} + {height(episodeimage)} + 30" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seasonposterheight} / {seasonposterwidth}"/>
-        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{regular}" fontsize="6%" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
+        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
     </tab>
     <!-- TAB MOVIEDBINFO -->
     <tab condition="{ismovie}" name="MovieDBInfo" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
         <drawimage name="poster" imagetype="image" path="{posterpath}" x="70%" y="10" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}"/>
-        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{regular}" fontsize="6%" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
+        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{regular}" fontsize="{areaheight}*{detailtextsize}/100" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
     </tab>
     <!-- TAB SERIESGALERY -->
     <tab condition="{isseries}" name="{tr(seriesgalery)}" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}*0.61">
@@ -232,13 +232,13 @@
                 <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuback}" />
                 <drawrectangle x="{columnwidth}-1" y="0" width="1" height="100%" color="{menubackline}" />
                 <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menubackactive}" />
-                <drawtext name="label" x="0" valign="center" font="{regular}" fontsize="60%" color="00000000" text="  {tabs[title]}  " />
+                <drawtext name="label" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="00000000" text="  {tabs[title]}  " />
             </loop>
         </area>
         <area x="2%" y="85%" width="{areawidth} - 60" height="6%" layer="4">
             <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawtext condition="not{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="  {tabs[title]}  " />
-                <drawtext condition="{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="60%" color="{fontmenuactive}" text="  {tabs[title]}  " />
+                <drawtext condition="not{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="{fontdefault}" text="  {tabs[title]}  " />
+                <drawtext condition="{tabs[current]}" x="0" valign="center" font="{regular}" fontsize="{areaheight}*{tablabels}/100" color="{fontmenuactive}" text="  {tabs[title]}  " />
             </loop>
         </area>
     </tablabels>
diff --git a/skins/estuary4vdr/xmlfiles/plug-tvguideng-root.xml b/skins/estuary4vdr/xmlfiles/plug-tvguideng-root.xml
index 6eadc56..2c5f18a 100644
--- a/skins/estuary4vdr/xmlfiles/plug-tvguideng-root.xml
+++ b/skins/estuary4vdr/xmlfiles/plug-tvguideng-root.xml
@@ -9,7 +9,7 @@
         </area>
         <area x="2%" y="0" width="30%" height="7%" layer="2">
             <drawimage name="icon" imagetype="icon" path="tvguideng" x="0" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawtext x="{width(icon)} + 20" valign="center" font="{regular}" fontsize="80%" color="{fontdefault}" text="TV Guide" />
+            <drawtext x="{width(icon)} + 20" valign="center" font="{regular}" fontsize="{areaheight}*{headerfontsize}/100" color="{fontdefault}" text="TV Guide" />
         </area>
         <area x="0" y="0" width="100%" height="100%" layer="2">
             <drawrectangle x="2%" y="10%" width="96%" height="65%" color="{menuback}" />
@@ -27,7 +27,7 @@
         </area>
         <area x="2%" y="0" width="30%" height="7%" layer="2">
             <drawimage name="icon" imagetype="icon" path="tvguideng" x="0" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawtext x="{width(icon)} + 20" valign="center" font="{regular}" fontsize="80%" color="{fontdefault}" text="TV Guide" />
+            <drawtext x="{width(icon)} + 20" valign="center" font="{regular}" fontsize="{areaheight}*{headerfontsize}/100" color="{fontdefault}" text="TV Guide" />
         </area>
         <area x="0" y="0" width="100%" height="100%" layer="2">
             <drawrectangle x="2%" y="9%" width="96%" height="68%" color="{menuback}" />
@@ -42,20 +42,20 @@
     </viewelement>
 
     <viewelement name="header_hor">
-        <area x="18%" y="78%" width="50%" height="3%" layer="3">
-            <drawtext x="0" y="0" font="{regular}" fontsize="100%" width="100%" color="{fontdefault}" text="{day} {date} {start} - {stop}: {title}" />
+        <area x="18%" y="78%" width="50%" height="4%" layer="3">
+            <drawtext x="0" y="0" font="{regular}" fontsize="{areaheight}*{tvgcurrenttitlesize}/100" width="100%" color="{fontdefault}" text="{day} {date} {start} - {stop}: {title}" />
         </area>
         <areascroll orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="18%" y="{areaheight}*0.815" width="71%" height="9%" layer="3">
-            <drawtextbox x="0" y="0" font="{regular}" width="100%" fontsize="28%" color="{fontdefault}" text="{description}" />
+            <drawtextbox x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{tvgcurrenttextsize}/100" color="{fontdefault}" text="{description}" />
         </areascroll>
     </viewelement>
 
     <viewelement name="header_ver">
-        <area x="7%" y="79%" width="80%" height="3%" layer="3">
-            <drawtext x="0" y="0" font="{regular}" fontsize="100%" width="100%" color="{fontdefault}" text="{day} {date} {start} - {stop}: {title}" />
+        <area x="7%" y="79%" width="80%" height="4%" layer="3">
+            <drawtext x="0" y="0" font="{regular}" fontsize="{areaheight}*{tvgcurrenttitlesize}/100" width="100%" color="{fontdefault}" text="{day} {date} {start} - {stop}: {title}" />
         </area>
         <areascroll orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="7%" y="{areaheight}*0.825" width="71%" height="8%" layer="3">
-            <drawtextbox x="0" y="0" font="{regular}" width="100%" fontsize="28%" color="{fontdefault}" text="{description}" />
+            <drawtextbox x="0" y="0" font="{regular}" width="100%" fontsize="{areaheight}*{tvgcurrenttextsize}/100" color="{fontdefault}" text="{description}" />
         </areascroll>
     </viewelement>
 
@@ -65,28 +65,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -94,28 +94,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -123,28 +123,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -152,28 +152,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
     </viewelement>
 
@@ -183,28 +183,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue1}" x="0" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -212,28 +212,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue2}" x="25%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -241,28 +241,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue3}" x="50%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
 
         <!--red-->
@@ -270,28 +270,28 @@
             <drawimage imagetype="skinpart" path="button_red" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{red4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{red}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{red}" />
         </area>
         <!--green-->
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_green" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{green4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{green}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{green}" />
         </area>
         <!--yellow-->
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_yellow" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{yellow4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{yellow}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{yellow}" />
         </area>
         <!--blue-->
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="2">
             <drawimage imagetype="skinpart" path="button_blue" x="0" y="0" width="100%" height="100%"/>
         </area>
         <area condition="{blue4}" x="75%" y="94%" width="25%" height="6%" layer="3">
-            <drawtext align="center" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{blue}" />
+            <drawtext align="center" valign="center" font="{regular}" fontsize="{areaheight}*{buttonfontsize}/100" color="{fontdefault}" text="{blue}" />
         </area>
     </viewelement>
 
@@ -407,11 +407,18 @@
         <area condition="{current}" layer="3">
             <fill color="{menubackactive}" />
         </area>
-        <area layer="4">
-            <drawtext condition="not{current}" x="10" width="96%" y="15%" font="regular" color="{fontdefault}" fontsize="30%" text="{start} - {stop}" />
-            <drawtext condition="not{current}" x="10" width="96%" y="45%" font="regular" color="{fontdefault}" fontsize="45%" text="{title}" />
-            <drawtext condition="{current}" x="10" width="96%" y="15%" font="regular" color="{fontmenuactive}" fontsize="30%" text="{start} - {stop}" />
-            <drawtext condition="{current}" x="10" width="96%" y="45%" font="regular" color="{fontmenuactive}" fontsize="45%" text="{title}" />
+        <area condition="{tvgshowtime}" layer="4">
+            <drawtext condition="not{current}" x="10" width="96%" y="{areaheight}*{tvghorgriddateposy}/100" font="regular" color="{fontdefault}" fontsize="{areaheight}*{tvghorgriddatesize}/100" text="{start} - {stop}" />
+            <drawtext condition="not{current}" x="10" width="96%" y="{areaheight}*{tvghorgridtitleposy}/100" font="regular" color="{fontdefault}" fontsize="{areaheight}*{tvghorgridtitlesize}/100" text="{title}" />
+            <drawtext condition="{current}" x="10" width="96%" y="{areaheight}*{tvghorgriddateposy}/100" font="regular" color="{fontmenuactive}" fontsize="{areaheight}*{tvghorgriddatesize}/100" text="{start} - {stop}" />
+            <drawtext condition="{current}" x="10" width="96%" y="{areaheight}*{tvghorgridtitleposy}/100" font="regular" color="{fontmenuactive}" fontsize="{areaheight}*{tvghorgridtitlesize}/100" text="{title}" />
+            <drawrectangle x="0" y="{areaheight}-2" width="100%" height="2" color="{menubackline}" />
+            <drawrectangle x="{areawidth}-2" y="0" width="2" height="100%" color="{menubackline}" />
+            <drawimage condition="{timer}" imagetype="icon" path="ico_rec_selected" x="{areawidth} - {areaheight}*0.4 - 5" y="5" width="0.4*{areaheight}" height="0.4*{areaheight}" />
+        </area>
+        <area condition="not{tvgshowtime}" layer="4">
+            <drawtext condition="not{current}" x="10" width="96%" valign="center" font="regular" color="{fontdefault}" fontsize="{areaheight}*{tvghorgridtitlesize}/100" text="{title}" />
+            <drawtext condition="{current}" x="10" width="96%" valign="center"  font="regular" color="{fontmenuactive}" fontsize="{areaheight}*{tvghorgridtitlesize}/100" text="{title}" />
             <drawrectangle x="0" y="{areaheight}-2" width="100%" height="2" color="{menubackline}" />
             <drawrectangle x="{areawidth}-2" y="0" width="2" height="100%" color="{menubackline}" />
             <drawimage condition="{timer}" imagetype="icon" path="ico_rec_selected" x="{areawidth} - {areaheight}*0.4 - 5" y="5" width="0.4*{areaheight}" height="0.4*{areaheight}" />
@@ -422,11 +429,17 @@
         <area condition="{current}" layer="3">
             <fill color="{menubackactive}" />
         </area>
-        <area layer="4">
-            <drawtext condition="not{current}" x="2%" width="97%" y="3" font="regular" color="{fontdefault}" fontsize="{areawidth}*0.11" text="{start} - {stop}" />
-            <drawtextbox condition="not{current}" x="2%" width="97%" y="{areawidth}*0.15" height="{areawidth}*0.85" font="regular" color="{fontdefault}" fontsize="{areawidth}*0.10" text="{title}" />
-            <drawtext condition="{current}" x="2%" width="97%" y="3" font="regular" color="{fontmenuactive}" fontsize="{areawidth}*0.10" text="{start} - {stop}" />
-            <drawtextbox condition="{current}" x="2%" width="97%" y="{areawidth}*0.15" height="{areawidth}*0.85" font="regular" color="{fontmenuactive}" fontsize="{areawidth}*0.10" text="{title}" />
+        <area condition="{tvgshowtime}" layer="4">
+            <drawtext condition="not{current}" x="2%" width="97%" y="{areawidth}*{tvgvergriddateposy}/100" font="regular" color="{fontdefault}" fontsize="{areawidth}*{tvgvergriddatesize}/100" text="{start} - {stop}" />
+            <drawtextbox condition="not{current}" x="2%" width="97%" y="{areawidth}*{tvgvergridtitleposy}/100" height="{areawidth}*0.85" font="regular" color="{fontdefault}" fontsize="{areawidth}*{tvgvergridtitlesize}/100" text="{title}" />
+            <drawtext condition="{current}" x="2%" width="97%" y="{areawidth}*{tvgvergriddateposy}/100" font="regular" color="{fontmenuactive}" fontsize="{areawidth}*{tvgvergriddatesize}/100" text="{start} - {stop}" />
+            <drawtextbox condition="{current}" x="2%" width="97%" y="{areawidth}*{tvgvergridtitleposy}/100" height="{areawidth}*0.85" font="regular" color="{fontmenuactive}" fontsize="{areawidth}*{tvgvergridtitlesize}/100" text="{title}" />
+            <drawrectangle x="0" y="{areaheight}-2" width="100%" height="2" color="{menubackline}" />
+            <drawrectangle x="{areawidth}-2" y="0" width="2" height="100%" color="{menubackline}" />
+        </area>
+        <area condition="not{tvgshowtime}" layer="4">
+            <drawtextbox condition="not{current}" x="2%" width="97%" y="{areawidth}*{tvgvergridtitleposy}/100" height="{areawidth}*0.85" font="regular" color="{fontdefault}" fontsize="{areawidth}*{tvgvergridtitlesize}/100" text="{title}" />
+            <drawtextbox condition="{current}" x="2%" width="97%" y="{areawidth}*{tvgvergridtitleposy}/100" height="{areawidth}*0.85" font="regular" color="{fontmenuactive}" fontsize="{areawidth}*{tvgvergridtitlesize}/100" text="{title}" />
             <drawrectangle x="0" y="{areaheight}-2" width="100%" height="2" color="{menubackline}" />
             <drawrectangle x="{areawidth}-2" y="0" width="2" height="100%" color="{menubackline}" />
         </area>
diff --git a/skinskeleton/xmlfiles/displaymenuschedules.xml b/skinskeleton/xmlfiles/displaymenuschedules.xml
index f8a4811..0ec0564 100644
--- a/skinskeleton/xmlfiles/displaymenuschedules.xml
+++ b/skinskeleton/xmlfiles/displaymenuschedules.xml
@@ -28,6 +28,7 @@
         {daynumeric}              day as number
         {month}                   month as number
         {year}                    year as number
+        {istoday}                 true if event is at current day
         {running}                 true if event is currently running
         {elapsed}                 elapsed time of event, if not running 0
         {startsin}                minutes till event starts, if running 0