#portfolio {
  width:889px;
  height:714px;
  background:transparent url(/fileadmin/pics/products/cc-suite/cc-suite.jpg) top left no-repeat;
  position:relative;
  margin-top:20px;
}

#portfolio a { position:absolute; display:block; height:57px; }
#portfolio a:hover { background:url(/fileadmin/pics/products/cc-suite/cc-suite-over.jpg); }

#servicerufnummern { left:25px; top:155px; width:337px; }
#servicerufnummern:hover { background-position: -25px -155px !important; }

#callCenterSimulation { left:167px; top:500px; width:138px; }
#callCenterSimulation:hover { background-position: -167px -500px !important; }

#voicePortal { left:117px; top:235px; width:120px; }
#voicePortal:hover { background-position: -117px -235px !important; }

#ivr { left:242px; top:235px; width:120px; }
#ivr:hover { background-position: -242px -235px !important; }

#erms { left:368px; top:235px; width:81px; }
#erms:hover { background-position: -368px -235px !important; }

#socialMedia { left:449px; top:235px; width:66px; }
#socialMedia:hover { background-position: -449px -235px !important; }

#coBrowsing { left:515px; top:235px; width:75px; }
#coBrowsing:hover { background-position: -515px -235px !important; }

#selfServices { left:25px; top:316px; width:138px; }
#selfServices:hover { background-position: -25px -316px !important; }

#corporatePortal { left:167px; top:316px; width:137px; }
#corporatePortal:hover { background-position: -167px -316px !important; }

#acd { left:310px; top:316px; width:280px; }
#acd:hover { background-position: -310px -316px !important; }

#powerDialer { left:595px; top:316px; width:137px; }
#powerDialer:hover { background-position: -595px -316px !important; }

#messenger { left:737px; top:316px; width:137px; }
#messenger:hover { background-position: -737px -316px !important; }

#zaehlerstandserfassung { left:25px; top:377px; width:138px; }
#zaehlerstandserfassung:hover { background-position: -25px -377px !important; }

#paymentReminder { left:25px; top:438px; width:140px; }
#paymentReminder:hover { background-position: -25px -438px !important; }

#callCenterWallboard { left:468px; top:562px; width:120px; }
#callCenterWallboard:hover { background-position: -468px -562px !important; }

#callCenterCockpit { left:350px; top:562px; width:120px; }
#callCenterCockpit:hover { background-position: -350px -562px !important; }

#agentenClient { left:372px; top:438px; width:138px; }
#agentenClient:hover { background-position: -372px -438px !important; }

#voipSoftphone { left:595px; top:438px; width:137px; }
#voipSoftphone:hover { background-position: -595px -438px !important; }

#audioproduktion { left:737px; top:438px; width:137px; }
#audioproduktion:hover { background-position: -737px -438px !important; }

#filialfinder { left:25px; top:500px; width:138px; }
#filialfinder:hover { background-position: -25px -500px !important; }

#dataCheck { left:167px; top:438px; width:137px; }
#dataCheck:hover { background-position: -167px -438px !important; }

#crm { left:310px; top:500px; width:280px; }
#crm:hover { background-position: -310px -500px !important; }

#pep { left:595px; top:500px; width:137px; }
#pep:hover { background-position: -595px -500px !important; }

#callRecording { left:737px; top:500px; width:137px; }
#callRecording:hover { background-position: -737px -500px !important; }

#externAppl { left:25px; top:642px; width:707px; }
#externAppl:hover { background-position: -25px -642px !important; }

#qualitaetsCheck { left:737px; top:642px; width:138px; }
#qualitaetsCheck:hover { background-position: -737px -642px !important; }



/****************************************/
/****  MODCLIPS START-BUTTONS ***********/
/****************************************/

span.modClipStart, span.modClipStartHighlight {
  background:url(../pics/4com-ui.png); 
}
  
span.modClipStart { 
  width:23px; 
  height:27px; 
  position:relative;
  cursor:pointer;
  display:block;
  border:0;
  background-position:-245px -52px;
}
  
span.modClipStart:hover, span.modClipStartHighlight { background-position:-268px -52px !important; } 


#portfolio a span.modClipStart { left:118px; top:36px; }
#servicerufnummern span.modClipStart { left:319px !important; }
#voicePortal span.modClipStart, #ivr span.modClipStart { left:100px !important; }
#acd span.modClipStart, #crm span.modClipStart { left:262px !important; }
#voipSoftphone span.modClipStart { left:116px !important; }
#agentenClient span.modClipStart { left:120px !important; }


/****************************************/
/****  PAGE-WIDTH ( IE ) ****************/
/****************************************/

#content { width:895px; }