/* SCROLLABLE TEASER FRONT PAGE */

#frontPageTeaserWrap{
width:100%;
height:380px;
overflow:visible;
background-image:url(/images/bg-teaser.png);
background-repeat:repeat-x;
background-position:left bottom;
border-top:1px solid #666;
}
.frontPageTeaser{
width:960px;

}

#newsScroller {
clear:both;
display:block;
height:417px;
/*
left:0;
position:absolute;
top:131px;
*/
width:100%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
background-image:url(/images/teaser-ornament.png);
background-repeat:no-repeat;
background-position:center top;
}
div.scrollable {
height:383px;
position:relative;
width:960px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
background:#fff;
margin-top:22px;
}
div.scrollable div.items {
position:absolute;
width:20000em;
}
div.scrollable div.items div {
float:left;
}

a.disabled {
visibility:hidden !important;
}
#newsScroller .prev, #newsScroller .next {

}
#newsScroller .prev:hover{
background-image:url(/images/pagination.png);
background-repeat:no-repeat;
background-position:left bottom;
cursor:pointer;
cursor:hand;
}
#newsScroller .next:hover {
background-image:url(/images/pagination.png);
background-repeat:no-repeat;
background-position:right bottom;
cursor:pointer;
cursor:hand;
}
#newsScroller .prev {
position:absolute;
left:10px;
bottom:174px;
width:28px;
height:28px;
background-image:url(/images/pagination.png);
background-repeat:no-repeat;
background-position:left top;
color:transparent;
z-index:500;
}
#newsScroller .next {
position:absolute;
right:10px;
bottom:174px;
width:28px;
height:28px;
background-image:url(/images/pagination.png);
background-repeat:no-repeat;
color:transparent;
background-position:right top;
z-index:500;
}
.navi {
position:absolute;
right:8px;
top:10px;
z-index:1000;
}
.navi li {
background:none repeat scroll 0 0 #D3D3D3;
border:1px solid #FFFFFF;
color:#999999;
display:inline-block;
float:left;
font-size:10px;
line-height:16px;
list-style:none outside none;
margin:1px 1px 1px 2px;
padding-left:4px;
padding-right:4px;
text-transform:uppercase;
}
.navi .active {
background:none repeat scroll 0 0 #000 !important;
border:1px solid white;
color:white;
}
.navi li:hover {
background:none repeat scroll 0 0 #D11100;
border:1px solid white;
color:white;
cursor:pointer;
}
div.navi a.active {
}
.teaserItem, .teaserItem .active {
height:368px;
position:relative;
width:944px;
background-color:#e8e8e8;
margin:6px;
margin-left:7px;
overflow:hidden;
border:1px solid #ccc;
}