/*
   marketing-kaygo, version 1.0
   copyright 2009, cyne GmbH
   history:
      11.01.2009  1.0   webert                          initial version
 */
 
/**************** speziell Marketing ***************/
.marketingContent[class] {
   background: url(/pics/marketing/bg_marketing.png) no-repeat;
   }
.marketingAlertContent[class] {
   background: url(/pics/marketing/bg_marketing_alert.png) no-repeat;
   }
.marketingContent #playcontrol {
   position: absolute;
   left: 57.5em;
   top: 0.2em;
   }
.marketingContent #stagecontrol {
   position: absolute;
   /*left: 3.3em;*/
   top: 0em;   
   }
.marketingContent #stagecontrol img {
   display: block;
   float: left;
   cursor: pointer;
   }
.marketingContent #stagecontrol img.active {
   cursor: auto;
   }
.marketingContent img#play, .marketingContent .playing img#pause {
   display: block;
   cursor: pointer;
   }   
.marketingContent .playing img#play, .marketingContent img#pause {
   display: none;
   }
.marketingContent img, .teaserTable img {
   margin: 0;
   }
.marketingNavigation {
   position: relative;
   height: 1.45em;
   /*background: url(/pics/marketing/kay_ist.gif) no-repeat;*/
   }
.stage {
   position: relative;
   height: 23.4em;
   }
.stage .headline {
   position: absolute; left: 0.45em; top: 0.6em;
   }
.microStage {
   position: relative;
   height: 26em;
   border: 1px solid #DEDEDE;
   background: url(/pics/marketing/bg_microsite.gif) repeat-x #F5F5F5 left bottom;
   }
.microStage img {
   margin: 0;
   }
.microStage .headline { position: absolute; left: 0.45em; top: 0.6em; }
.microStage .naviback { position: absolute; right: 1em; top: 0.3em; }
.microStage .infopic {  position: absolute; left: 2.5em; top: 4em; }
.microStage .infotext { position: absolute; right: 0.8em; top: 3em; }

.microStage .infotext .marketingButton { position: absolute; right: 0.8em; bottom: 0.8em; }

.marketingBar {
   height: 11.2em;
   position: relative;
   }
.marketingBar h1 {
   margin: 0.7em 1em 0.7em 1em;
   }
.marketingBar p {
   margin-left: 1em;
   margin-right: 1em;
   }
.marketingBar p.hint {
   position: absolute;
   bottom: 0.8em;
   left: 0.8em;
   margin: 0;
   }
.marketingBar .teaser img, .teaserTable img {
   margin-top: 0.05em;   
   }
.marketingBar .teaser {
   float: left;
   width: 14.35em;
   border: 1px solid #E3E5E9;
   background: #fff;
   height: 10.7em;
   margin-top: 0.25em;
   margin-right: 0.25em;
   position: relative;
   }
.marketingBar .right {
   margin-right: 0;
   position: absolute;
   right: 0;
   }
.marketingBar .teaserKommunikationContainer {
   position: absolute;
   left: 29.15em;
   bottom: -1.59em;
   z-index: 10;
   }
.marketingBar .teaserKommunikationContainer .teaserKommunikation {
   height: 18.1em;
   width: 15.2em;
   }
.marketingBar .teaserKommunikationContainer .teaserKommunikation[class] {
   background: url(/pics/marketing/teaser/kommunikation.png) no-repeat;
   }
 .marketingBar .teaserKommunikationContainer .teaserKommunikationalert[class] {
   background: url(/pics/marketing/teaser/kommunikation_a.gif) no-repeat;
   height: 18.1em;
   width: 15.2em;
   }
.marketingBar .teaserKommunikationContainer .marketingButton {
   position: absolute;
   left: 2.2em;
   top: 17em;
   }
a.marketingButton {
   background: url(/pics/template/buttons/bg_marketing_button.gif) repeat #D5F6FF;
   border: 1px solid #94D2F6;
   color: #444444;
   font-size: 0.8em;
   line-height: 1em;
   padding: 0.45em 0.8em 0.6em 0.8em;
   }
a.marketingButton:hover {
   background: url(/pics/template/buttons/bg_marketing_button_over.gif) repeat #D5F6FF;
   text-decoration: none;
   }
a.back {
   padding: 0 0 0.2em 1em;
   background: url(/pics/template/bg_button_back.gif) no-repeat left center;
   font-size: 0.7em;
   color: #727272;
   }
img.kay {
   width: 9em;
   height: 23em;
   }
#marketinganimation img.kay[class] {   background: url(/pics/marketing/marketing/kay.png) no-repeat; }
#feuerwehranimation img.kay[class] {   background: url(/pics/marketing/feuerwehr/kay.png) no-repeat; }
#gourmetanimation img.kay[class] {     background: url(/pics/marketing/gourmet/kay.png) no-repeat; }
#handballanimation img.kay[class] {    background: url(/pics/marketing/handball/kay.png) no-repeat; }