/* Teaser bar module */

#teaserBarWrapper 
{
    display:block;
    height: 130px; /*119px;*/
    left:49px;
    margin:0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    top:17px;
    width:261px;
}
.teaserNav
{
    width: 100%; 
    height: 100%; 
    display: block; 
    background-color: transparent;
}


.teaserBar
{
    position: relative;
    top: -4px;
    left: 0;
    margin: 0 0 52px 0;
    padding: 0;
    height: 65px;
    display: block;
}

.teaserBar li
{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 87px;
    height: 123px;
    display: block;
}

.teaserBar img
{
    display: block;
    border: 2px solid rgb(205,205,205);
}

.teaserBar span
{
    display: block;
    margin-top: 5px;
    padding-left: 8px;
    background: #fff url(arrow-gray.gif) no-repeat left 3px;
    font-size: 10px;
}

.teaserBar li a 
{
    text-decoration: none;
    display: block;
}

.teaserBar a:hover span
{
}














/**************/
/* teaser bar */
.teaserBar
{
  display:block;
  width: 261px;
  height: 119px;
  margin: 0px;
  padding: 0px;
}


.teaserBar li
{
  clear: both;
  position: absolute;
  display: inline;
  top: 0px;
  left: -200px; /* -> default Position ausserhalb des sichtbaren Bereichs 
                   -> korrekte Position wird per Javascript gesetzt wenn 
                      die Teaserbar zum ersten mal gescrollt wird */
  width: 85px;
  height: 130px; /*123px;*/ /*119px;*/
  padding-right: 9px;
  background:none;
}
.teaserBar li a
{
	display:block;
  width: 80px;
}
.teaserBar .teaser1, .teaserBar .teaser2, .teaserBar .teaser3
{
  left: auto;
  padding-right: 9px;
}

.teaserBar li a img, .teaserBar .teaser1 a img, .teaserBar .teaser2 a img, .teaserBar .teaser3 a img
{
  border: 0px black solid;
}
.teaserBar li a span, .teaserBar .teaser1 a span, .teaserBar .teaser2 a span, .teaserBar .teaser3 a span
{
  margin-top: 6px;
}
#teaserbarNavLeft, #teaserbarNavRight
{
}
#teaserbarNavLeft
{
}
#teaserbarNavRight
{
}
#teaserbarNavLeft a
{
}
#teaserbarNavLeft a:hover
{
}
#teaserbarNavRight a
{
}
#teaserbarNavRight a:hover
{
}
/**************/




.teaserBar .teaser1
{
    left: 0;
}

.teaserBar .teaser2
{
    left: 87px;
}

.teaserBar .teaser3
{
    left: 174px;
}