.teaser
{
    float: left;
    position: relative;
    clear: both;
}

.teaser a
{
    text-decoration: none;
}

.video-teaser
{
    position: relative;
    width: 340px;
    height: 329px;
    overflow: hidden;
}
    .video-teaser .background
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 340px;
        height: 329px;
        overflow: hidden;
        background: transparent url(../image/common/teaser.video.png) no-repeat;
        z-index: 0;
    }

        .video-teaser #youtube-videoplayer
        {
            position: absolute;
            top: 86px;
            left: 20px;
            z-index: 1;
            border: 1px solid #d9d9d9;
        }
        .video-teaser .arrow-link
        {
            position: absolute;
            bottom: 34px;
            left: 14px;
            #bottom: 31px;
            #left: 15px;
            z-index: 1;
        }

.news-teaser
{
    width: 331px;
    height: 304px;
    overflow: hidden;
    background: transparent url(../image/common/teaser.news.gif) no-repeat;
    position: relative;
}
    .news-teaser .teaser-content
    {
        padding: 26px 45px 0 34px;
        
    }
        .news-teaser .news-item
        {
            padding: 18px 0 0 0;
        }

            .news-teaser .news-item .date
            {
                font-size: 11px;
                line-height: 11px;
            }

            .news-teaser .news-item .news-headline
            {
                padding: 1px 0 0 0;
                font-size: 14px;
                line-height: 16px;
            }

            .news-teaser .news-item .news-text
            {
                padding: 2px 0 3px 0;
                font-size: 11px;
                line-height: 15px;
                word-wrap: break-word;
            }

        .news-teaser .arrow-link
        {
            position: absolute;
            bottom: 21px;
            left: 33px;
        }


.quiz-teaser
{
    width: 328px;
    height: 216px;
    overflow: hidden;
    background: transparent url(../image/common/teaser.quiz.gif) no-repeat;
}
    .quiz-teaser .teaser-content
    {
        padding: 42px 0 0 19px;
    }

        .quiz-teaser .teaser-questions
        {
            padding: 19px 0 0 0;
        }

        .quiz-teaser .teaser-questions .question
        {
            padding: 0 0 7px 0;
        }
            .quiz-teaser .teaser-questions .question .number
            {
                font-size: 18px;
                line-height: 18px;
                font-weight: bold;
                float: left;
                padding: 0 13px 0 0;
            }

            .quiz-teaser .teaser-questions .question .question-text
            {
                padding: 4px 0 0 0;
                font-size: 12px;
                line-height: 14px;
                float: left;
                width: 190px;
                word-wrap: break-word;
                overflow: hidden;
            }

            .quiz-teaser .teaser-questions .question .question-answers
            {
                padding: 13px 0 0 9px;
            }
                .quiz-teaser .teaser-questions .question .question-answers .answer
                {
                    float: left;
                    padding: 0 0 0 20px;
                    font-size: 12px;
                    line-height: 14px;

                }

            .quiz-teaser .arrow-link
            {
                padding: 10px 0 0 0;
            }


.rhymes-teaser
{
    width: 341px;
    height: 408px;
    overflow: hidden;
    background: transparent url(../image/common/teaser.popular.rhymes.gif) no-repeat;
}

.rhymes-teaser .teaser-content
{
    padding: 40px 0 0 10px;
}
    .rhymes-teaser .teaser-content .headline
    {
        padding: 0 0 0 15px;
    }

    .rhymes-teaser .rhyme-filters
    {
        float: right;
        background: transparent url(../image/rhyme/rhyme.filter.background.gif) no-repeat;
        width: 259px;
        height: 27px;
        margin: 15px 10px 10px 0;
        _margin-right: 5px;
    }
        .rhymes-teaser .rhyme-filters a
        {
            font-size: 12px;
            line-height: 14px;
            color: #ffffff;
            font-weight: bold;
            text-transform: uppercase;
        }

        .rhymes-teaser .rhyme-filters a.selected
        {
            text-decoration: underline;
        }

        .rhymes-teaser .rhyme-filters .filter-items
        {
            padding: 6px 0 0 0;
            width: 210px;
            margin: 0 auto;
        }

            .rhymes-teaser .rhyme-filters .most-votes
            {
                padding: 0 17px 0 0;
                float: left;
            }

            .rhymes-teaser .rhyme-filters .created
            {
                float: left;
            }

.teaser-rhyme-item
{
    padding: 10px 0 10px 0;
}

.teaser-rhyme-item td
{
    vertical-align: bottom;
    padding: 0 0 10px 0;
    #padding: 0 0 6px 0;
    _padding: 0 0 10px 0;
}

    .teaser-rhyme-item .rhyme
    {
        padding: 0 0 0 0;
        text-align: center;
    }

    .teaser-rhyme-item .rhyme-info
    {
        margin-left: 11px;
        background: transparent url(../image/rhyme/teaser.info.background.gif) no-repeat bottom left;
        width: 310px;
        min-height: 33px;
        font-size: 14px;
        line-height: 16px;
    }
        .teaser-rhyme-item .rhyme-info .author
        {
            padding: 0 0 0 3px;
            width: 98px;
            float: left;
            overflow: hidden;
            word-wrap: break-word;
        }
            
        .teaser-rhyme-item .rhyme-info .votes
        {
            width: 55px;
            float: left;
        }
            .teaser-rhyme-item .rhyme-info .votes .vote-count
            {
                padding: 4px 4px 0 0;
                font-size: 14px;
                line-height: 16px;
                font-weight: bold;
                float: left;
            }
            .teaser-rhyme-item .rhyme-info .votes .vote-icon
            {
                margin: -1px 0 0 0;
                width: 19px;
                height: 22px;
                background: transparent url(../image/rhyme/teaser.vote.hover.gif) no-repeat;
                float: left;
            }


            .teaser div.has-voted .rhyme-info .vote
            {
                visibility: hidden;
            }

        .teaser-rhyme-item .rhyme-info .vote
        {
            margin-left: 41px;
            _margin-left: 20px;
            width: 38px;
            float: left;
            cursor: pointer;

            padding: 0 0 2px 0;
        }


            .teaser-rhyme-item .rhyme-info .vote .label
            {
                padding: 6px 0 0 2px;
                float: left;
                color: #ac2222;
                font-size: 10px;
                line-height: 12px;
            }

            .teaser-rhyme-item .rhyme-info .vote .icon
            {
                float: left;
                margin: 0 auto;
                width: 15px;
                height: 18px;
                background: transparent url(../image/rhyme/teaser.vote.gif) no-repeat;
            }


            .teaser-rhyme-item .rhyme-info .vote .loader
            {
                display: none;
                padding: 0 0 0 6px;
            }


        .teaser-rhyme-item .rhyme-info .share
        {
            width: 83px;
            float: left;
            text-align: left;
            overflow: hidden;
            padding: 0 0 0 12px;
            _padding: 0 0 0 6px;
        }
            .teaser-rhyme-item .rhyme-info .share .share-items
            {
                padding: 0 0 1px 0;
            }


        .rhymes-teaser .arrow-link
         {
            padding: 4px 0 0 15px;
        }