#frontPageTeaserWrap {
height:300px;
overflow:visible;
width:100%;
background-image:url(/images/defaultteaser.jpg);
background-repeat:repeat-x;
background-position:center bottom;
background-color:#1a1a1a;
border-bottom:1px solid #ccc;
position:relative;
}
.frontPageTeaser {
width:980px;
}
#newsScroller {
clear:both;
display:block;
height:300px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:100%;
border-bottom:1px solid #fff;
}
div.scrollable {
height:300px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
position:relative;
width:980px;
}
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/pager-2.png);
background-position:-2px -2px;
background-repeat:no-repeat;
cursor:pointer;
cursor:hand;
}
#newsScroller .next:hover {
background-image:url(/images/pager-2.png);
background-position:-2px -68px;
background-repeat:no-repeat;
cursor:pointer;
cursor:hand;
}
#newsScroller .prev {
background-image:url(/images/pager-2.png);
background-position:-29px -2px;
background-repeat:no-repeat;
bottom:140px;
color:transparent;
height:60px;
left:0px;
position:absolute;
width:22px;
z-index:500;
overflow:hidden;
}
#newsScroller .next {
background-image:url(/images/pager-2.png);
background-position:-29px -68px;
background-repeat:no-repeat;
bottom:140px;
color:transparent;
height:60px;
position:absolute;
right:0px;
width:22px;
z-index:500;
overflow:hidden;
}
.navi {
top:4px;
position:absolute;
right:0px;
z-index:1000;
display:none;
}
.navi li {
border:1px solid #666;
color:#666;
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 {
border:1px solid #000;
color:ddd;
}
.navi li:hover {
border:1px solid white;
color:white;
cursor:pointer;
}
div.navi a.active {
}

/* ADMIN TEMPLATE */

.teaserItem, .teaserItem .active {
height:300px;
margin:0px 0px 0px 0px;
overflow:hidden;
position:relative;
width:980px;
background-repeat:repeat-x;
background-position:center bottom;
}

.teaserText{
color:#fff;
font-size:14px;
position:absolute;
top:8px;
left:400px;
width:428px;

}
.teaserText h1,
#dramaInner H1{
font-weight:normal;
padding-bottom:16px;
color:#fff;
font-size:28px;
}
.teaserMainImg{
position:absolute;
left:16px;
bottom:0px;
}
.teaserText .ctaButton{
-moz-box-shadow: 4px 4px 2px #222;
-webkit-box-shadow: 4px 4px 2px #222;
box-shadow: 4px 4px 2px #222;
font-weight:bold;
font-size:13px;
margin-top:12px;
}
.teaserText .ctaButton:hover{
text-decoration:none;
color:#111;
}

#teaserBoxBg{
position:absolute;
left:0px;
bottom:0px;
z-index:100;
}
#blackBg{
width:100%;
position:absolute;
left:0px;
bottom:1px;
height:52px;
z-index:100;
background-image:url(/images/black40.png);
}
#teaserEntry{
width:960px;
height:48px;
position:absolute;
left:0px;
bottom:0px;
padding-top:6px;
z-index:101;
text-align:center;
color:#999;

}
#teaserEntry span{
display:block;
padding-bottom:4px;
}
#teaserEntry a{
font-size:11px;
font-weight:bold;
padding-right:8px;
padding-left:8px;
padding-top:3px;
padding-bottom:4px;
color:#fff;
text-shadow:0px 1px 0px #000;
text-transform:uppercase;
}
#teaserEntry a:hover{
text-decoration:none;
color:#FFf!important;
background:#FF6600;
text-shadow:0px 1px 0px #000;
}