/* STYLESHEET File for www.academixer.de */
/* developed by e-mojo.de                */

/* main teaser classes ----------------- */

#mainTeaserIndex          {position: relative; display: none; width: 469px; height: 280px; overflow: hidden; /*text-align: center;*/}
#mainTeaserIndex li       {float: left; width: 60px; height: 280px;}
#mainTeaserIndex li .item {position: relative; left: 0px; top: 0px;}
#mainTeaserIndex li .off  {position: absolute; left: 0px; top: 0px; text-align: center; width: 60px; overflow: hidden;}
#mainTeaserIndex li .on   {position: absolute; left: 0px; top: 0px; text-align: left; width: 229px; overflow: hidden; display: none;}

#mainTeaserIndex li .boxHeader {height: 14px; overflow: hidden;}
#mainTeaserIndex li .on .boxHeader {border-left: 1px dotted #CCB28B; border-right: 1px dotted #CCB28B;}
#mainTeaserIndex li .boxFooter {height: 14px; margin: 0px 1px 0px 1px; border-top: 0px; background-image: url("../img/mrk_tri_red.gif"); background-position: right bottom; background-repeat: no-repeat;}

#mainTeaserIndex li .border   {height: 78px; border: 1px solid #BBB5A6; margin: 0px 1px 0px 1px; padding: 5px;}
#mainTeaserIndex li .off .img {width: 46px; overflow: hidden;}
#mainTeaserIndex li .on .img  {width: 214px; overflow: visible;}

#mainTeaserIndex li .info1     {height: 34px; margin: 0px 1px 0px 1px; overflow: hidden; background-color: #FFFFFF; border: 0px solid #CCB28B; border-width: 0px 1px 0px 1px;}
#mainTeaserIndex li .info1 p   {padding-top: 3px;}
#mainTeaserIndex li .info1 p a {color: #9C1100; font-weight: normal;}
#mainTeaserIndex li .on .info1 p a span {font-weight: bold;}
#mainTeaserIndex li .off .info1 p span {display: block; font-weight: bold; text-transform: uppercase;}
#mainTeaserIndex li .off .info1 p span.year {display: none;}
#mainTeaserIndex li .on .info1 {font-weight: bold; color: #D5471E;}
#mainTeaserIndex li .info2   {height: 103px; margin: 0px 1px 0px 1px; overflow: hidden; background-color: #F7F2E5; border: 0px solid #CCB28B; border-width: 1px 1px 0px 1px; color: #333333;}
#mainTeaserIndex li .off .info2   {background-image: url("../img/trn_heute_sml.gif"); background-position: left bottom; background-repeat: repeat-x;}

#mainTeaserIndex li.active       {width: 229px;}
#mainTeaserIndex li.active .off  {display: none;}
#mainTeaserIndex li.active .on   {display: block;}