/* ecomas CSS */
body, html { margin: 0; border: 0; overflow: hidden; height:100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; background-color: #eee; }
#gPreloader { width:189px !important; text-align:center; font-size:12px; padding-top:150px; background-image: url(../themes/dsgn02/img/icons_big.png); background-repeat: no-repeat; background-position:2000px 2000px; }
#gPreloader img { background-image: url(../themes/dsgn02/img/icons_small.png); background-repeat: no-repeat; background-position:200px 200px; }
#gPin { text-align: right; }
#gNavig { width: 189px !important; float: left; overflow-y: auto; overflow-x: hidden; }
#cBack { width: 189px !important; float: left; overflow-y: auto; overflow-x: hidden; }
a.hp { width:189px !important; display:block; border-top: 1px solid #fff; border-bottom: 1px solid #c6c6c6; background-color: #f5f5f5; font-size: 12px; color: #3d6283; text-decoration: none; line-height: 39px !important; font-weight:bold; }
a.hp_act { width:189px !important; display:block; border-top: 1px solid #fff; border-bottom: 1px solid #c6c6c6; background-color: #eaeff5; font-size: 12px; color: #3d6283; text-decoration: none; line-height: 39px !important; font-weight:bold; }
a.hp:hover, a.hp_act:hover { border-bottom: 1px solid #accae7; border-top: 1px solid #FFFFFF; background-color: #eaeff5; }
a.hp span, a.hp_act span { padding-left:42px; display: block; cursor: pointer; width: 147px !important; position: relative; }
a.hp span:before, a.hp_act span:before { content: ''; position: absolute; background-image: url(../themes/dsgn02/img/icons_small.png); background-repeat: no-repeat; width:42px !important; height:39px !important; left:0; top:0; }
a.sp span, a.sp_act span { padding-left:33px; display: block; cursor: pointer; width: 155px !important; position: relative; }
a.sp span:before, a.sp_act span:before { content: ''; position: absolute; background-image: url(../themes/dsgn02/img/icons_small.png); background-repeat: no-repeat; width:33px !important; height:24px !important; left:0; top:0; }
.openModul { background-color: #c8d9f1; color:#333; display: block; font-weight:bold; font-size:12px; line-height: 24px !important; padding: 4px 1px 4px 7px; }
.openModul span { padding-left:33px; background-image: url(../themes/dsgn02/img/icons_small.png); background-repeat: no-repeat; display: block; width:159px !important; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.infoOnlineshop span {background-position: -200px -136px}
.infoImmovables span {background-position: -200px -160px}
.infodata_interface span {background-position: 0 -184px}
.infoWarenwirtschaft span {background-position: -200px -184px}
span.fBasesettings:before {background-position: 0 0}
span.fProjectprocessing:before {background-position: -200px 0}
span.fProjectinfo:before {background-position: -400px 0}
span.fOnlineshop:before {background-position: -600px 0}
span.fWarenwirtschaft:before {background-position: -200px -352px}
span.fExtramoduls:before {background-position: -800px 0}
span.fback:before {background-position: 0 -352px}
span.bFilemanager:before {background-position: 0 -40px}
span.bLayouteditor:before {background-position: -200px -40px}
span.bDesigngenerator:before {background-position: -400px -40px}
span.bProjectchoice:before {background-position: -600px -40px}
span.bMultilingual:before {background-position: -800px -40px}
span.bLanguageterms:before {background-position: 0 -64px}
span.bUsercontrol:before {background-position: -200px -64px}
span.bWelcomescreen:before {background-position: -400px -64px}
span.bProjectparameter:before {background-position: -600px -64px}
span.bLinkchecker:before {background-position: -800px -64px}
span.bWebmailer:before {background-position: 0 -88px}
span.bEditor:before {background-position: -200px -88px}
span.bMediamanager:before {background-position: -400px -88px}
span.bWastebasket:before {background-position: -600px -88px}
span.bProjectsdata:before {background-position: -800px -88px}
span.bProjectstats:before {background-position: 0 -112px}
span.bWebstats:before {background-position: 0 -112px}
span.bRanking:before {background-position: 0 -112px}
span.bSafeguard:before {background-position: -200px -112px}
span.bPrintsave:before {background-position: -400px -112px}
span.bFormulargenerator:before {background-position: -600px -112px}
span.bFormularcreator:before {background-position: -600px -112px}
span.bForum:before {background-position: -800px -112px}
span.bCalendarofevents:before {background-position: 0 -136px}
span.bOnlineshop:before {background-position: -200px -136px}
span.bDatabases:before {background-position: -400px -136px}
span.bNewsletter:before {background-position: -600px -136px}
span.bPressemitteilung:before {background-position: -800px -136px}
span.bUnternehmenDB:before {background-position: 0 -160px}
span.bImmovables:before {background-position: -200px -160px}
span.bWorkflow:before {background-position: -400px -160px}
span.bBannermanager:before {background-position: -600px -160px}
span.bPhotogallery:before {background-position: -800px -160px}
span.bdata_interface:before {background-position: 0 -184px}
span.bWarenwirtschaft:before {background-position: -200px -184px}
span.bGuestbook:before {background-position: -600px -303px}
span.bCitycontrol:before {background-position: -400px -208px}
span.bSocialnetwork:before {background-position: 0 -256px}
span.bRecipes:before {background-position: -800px -184px}
span.bProdukte:before {background-position: 0 -208px}
span.bVarianten:before {background-position: -200px -208px}
span.bHersteller:before {background-position: -400px -208px}
span.bSuppliers:before {background-position: -600px -208px}
span.bKunden:before {background-position: -800px -208px}
span.bMLM:before {background-position: -600px -184px}
span.bDealers:before {background-position: 0 -232px}
span.bWeitere:before {background-position: -200px -232px}
span.bBestellungen:before {background-position: -400px -232px}
span.bEinstell:before {background-position: -600px -232px}
span.bStatistik:before {background-position: -800px -232px}
span.bShopservice:before {background-position: 0 -256px}
span.bPreicechange:before {background-position: -200px -256px}
span.bInventory:before {background-position: -400px -256px}
span.bGutscheine:before {background-position: -800px -303px}
span.bTraveller:before {background-position: -400px -184px}
span.bLager:before {background-position: -400px -256px}
span.bStammdaten:before {background-position: -200px -232px}
span.bLieferanten:before {background-position: -600px -208px}
span.bArticle:before {background-position: 0 -208px}
span.mbObjekte:before {background-position: -600px -256px}
span.mbBenutzer:before {background-position: -800px -256px}
span.mbStammdaten:before {background-position: -200px -232px}
span.mbSettings:before {background-position: 0 -280px}
span.mbImmoexport:before {background-position: -200px -280px}
span.mbimport:before {background-position: -400px -280px}
span.mbexport:before {background-position: -600px -280px}
span.mbAdressen:before {background-position: 0 -160px}
span.mbEinkauf:before {background-position: -800px -280px}
span.mbLieferanten:before {background-position: -600px -208px}
span.mbProduktion:before {background-position: 0 -304px}
span.mbVerkauf:before {background-position: -200px -304px}
span.mbLager:before {background-position: -400px -304px}
span.mbArtikel:before {background-position: 0 -208px}
span.mbSonstiges:before {background-position: -800px -400px}
span.mbEinstellungen:before {background-position: -600px -232px}
.sdiv { width: 187px !important; padding: 0 0 5px 2px; overflow-y: auto; overflow-x: hidden; }
a.sp { display: block; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #c6c6c6; background-color: #f5f5f5; line-height: 24px !important; padding: 4px 1px 4px 7px; text-decoration: none; color: #333; font-size: 11px; font-weight:bold; }
a.sp_act { display: block; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #c6c6c6; background-color: #d3e4f3; line-height: 24px !important; padding: 4px 1px 4px 7px; text-decoration: none; color: #333; font-size: 11px; font-weight:bold; }
a.sp:hover, a.sp_act:hover { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #accae7; background-color: #d3e4f3; }
#vrCol { border-left: 1px solid #bebfc6; border-right: 1px solid #bebfc6; background-image: url(../themes/dsgn02/img/bg_vr.gif); background-repeat: repeat-y; background-color:#EEEEF1; display: block; text-align: center; width: 9px !important; height: 100%; float:right; }
#vrCol img { border: 0; vertical-align: text-bottom; }
#gPinImg { width: 17px !important; height: 15px !important; background-repeat: no-repeat; }
.pin_a { background-image: url(../themes/dsgn02/img/pin_a.gif); }
.pin_b { background-image: url(../themes/dsgn02/img/pin_b.gif); }
#vrCol a { display: block; height: 100%; line-height: 100%; background-repeat: no-repeat; background-position: center; }
#vrCol a.c { background-image: url(../themes/dsgn02/img/left_pt.gif); }
#vrCol a.o { background-image: url(../themes/dsgn02/img/left_pt_a.gif); }
#vrCol a:hover { background-color:#ecf3f8; opacity: 0.5; }
@keyframes hovericon { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
body, html { margin:0; padding:0; height:100%; background-color: #bfbfc0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#generalContent { position:relative; display: block; height:100%; background-color: #ccc; width:100%; max-width: 1280px; box-sizing:border-box; margin:0 auto; border-left:1px solid #617a8e; border-right:1px solid #617a8e; }
#generalContent[data-inhwidth="1024"] { max-width: 1024px; }
#generalContent[data-inhwidth="1152"] { max-width: 1152px; }
#generalContent[data-inhwidth="1344"] { max-width: 1344px; }
#generalContent[data-inhwidth="1600"] { max-width: 1600px; }
#generalContent[data-inhwidth="1680"] { max-width: 1680px; }
#generalContent[data-inhwidth="1920"] { max-width: 1920px; }
#generalContent[data-inhwidth="2048"] { max-width: 2048px; }
#mainFrame { position:absolute; display: table; width:calc(100% - 200px); height:calc(100% - 70px); top:70px; left:200px; background-color: #f6f7f9; border:0; }
#topFrame { position: relative; height:70px; width:100%; background: #abbdcf; background: linear-gradient(to bottom, #88a0bb 0%,#cfdae5 100%); }
#topFrameTab { display:table; width:100%; height:60px; }
#topFrameBar { display:block; border-top:1px solid #bebfc6; border-bottom:1px solid #bebfc6; height:8px; background-color:#e8e9ed; }
#topFrameBar.h { background-color:#AB147C; }
#cmsLogo, #topUserinfo, #topCountdown, #topProjectinfo, #topDesktop, #topMessenger, #topToWeb, #topToWebMobile, #topLogout, #topFrame.space { display:table-cell; vertical-align: middle; }
#topUserinfo, #topProjectinfo, #topDesktop, #topMessenger, #topToWeb, #topToWebMobile, #topLogout { width:70px; text-align: center; position: relative; }
#cmsLogo { width:200px; background-image:url(../themes/dsgn02/img/mdec-logo.svg); background-position: center; background-repeat: no-repeat; background-size: auto 72%; }
#topFrame a { text-decoration:none; }
#topCountdown { width:140px; text-align: center; position: relative; }
#topCountdown span{ display:inline-block; padding:3px; width:70px; margin:0 auto; background-color:#fff; border: 1px solid #9cb1c7; }
#topCountdown span.alarm { background-color:#ffd2bf; }
#topProjectinfo:after:first-line { font-weight: bold !important; }
#topProjectinfo span, #topUserinfo span { transition-duration: 0.3s; opacity:0; visibility:hidden; position:absolute; top:60px; left:-70px; line-height: 150%; width:200px; text-align:center; background-color:#d3e4f3; border: 1px solid #9cb1c7; color: #333; padding: 3px; font-size: 12px; z-index:2; }
#topProjectinfo:hover span, #topUserinfo:hover span { opacity:1; visibility:visible; }
#topUserinfo i { color:#008000; font-style: normal; }
*[data-info]:after{ transition-duration: 0.3s; opacity:0; content:attr(data-info); visibility:hidden; position:absolute; top:60px; left:-70px; line-height: 150%; width:200px; text-align:center; background-color:#d3e4f3; border: 1px solid #9cb1c7; color: #333; padding: 3px; font-size: 12px; z-index:2; }
#topCountdown[data-info]:after { width:270px; }
*[data-info]:hover:after { opacity:1; visibility:visible; }
#topUserinfo:before, #topProjectinfo:before, #topDesktop:before, #topMessenger:before, #topToWeb:before, #topToWebMobile:before, #topLogout:before { content:''; top:2px; left:5px; width:60px; height:54px; background-image: url(../themes/dsgn02/img/icons_top.png); background-repeat: no-repeat; cursor:pointer; position: absolute; }
#cmsLogo:hover, #topDesktop:hover:before, #topMessenger:hover:before, #topToWeb:hover:before, #topToWebMobile:hover:before, #topLogout:hover:before { animation: hovericon 0.3s linear 1; }
#topProjectinfo:before { background-position: -60px; }
#topDesktop:before { background-position: -120px; }
#topMessenger:before { background-position: -180px; }
#topToWeb:before { background-position: -240px; }
#topToWebMobile:before { background-position: -300px; }
#topLogout:before { background-position: -360px; }
#leftFrame { width:200px; overflow:hidden; height:calc(100% - 70px); background-color:#eee; }
#gNavig { height:100%; overflow: auto; }
#generalContent[data-framesetpos="1"] #vrCol a { background-image: url(../themes/dsgn02/img/left_pt.gif); }
#generalContent[data-framesetpos="0"] #leftFrame { width: 51px; }
#generalContent[data-framesetpos="0"] #vrCol a { background-image: url(../themes/dsgn02/img/left_pt_a.gif); }
#generalContent[data-framesetpos="0"] #gNavig, #generalContent[data-framesetpos="0"] #cBack { width:40px !important; overflow: hidden; }
#generalContent[data-framesetpos="0"] #mainFrame { width: calc(100% - 51px); left: 51px; }
#generalContent[data-framesetpos="0"] #gNavig a[data-title]:before, #generalContent[data-framesetpos="0"] #cBack a[data-title]:before { content:attr(data-title); position:absolute; left:52px; z-index:8; background-color:#d3e4f3; border: 1px solid #9cb1c7; color: #333; padding: 3px 15px; font-size: 12px; height: auto; font-weight: normal; line-height: 150%; opacity:0; visibility: hidden; transition-duration: 0.3s; }
#generalContent[data-framesetpos="0"] #gNavig a.hp[data-title]:before, #generalContent[data-framesetpos="0"] #gNavig a.hp_act[data-title]:before, #generalContent[data-framesetpos="0"] #cBack a.hp[data-title]:before { line-height: 240%; }
#generalContent[data-framesetpos="0"] #gNavig a[data-title]:hover:before, #generalContent[data-framesetpos="0"] #cBack a[data-title]:hover:before { opacity:1; visibility: visible; }
#generalContent[data-framesetpos="2"] #leftFrame { display: none; }
#generalContent[data-framesetpos="2"] #mainFrame { width: 100%; left: 0; }