/*
-------------------------------------------------------------------

    CSS - Startseite - Ein Herz f?re

    Copyright: CoCo new media GmbH, M? <www.coco-new-media.de>
    Author: Harald Klotzberg <hklotzberg@coco-new-media.de>
    Version: 1.0
    Date: 23.10.2006
------------------------------------------------------------------- */


@media all {

    /*
    #################################
    # General Properties            #
    # Container                     #
    ################################# */

    html {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #333333;
    }

    body {
        margin: 0;
        padding: 0;
        background: #F0200F;
    }

    #container {
        background: #FFFFFF;
        width: 790px;
        margin: 5px 0 0 10px;
    }

    .cleaner {
        clear: both;
        height: 1px;
        font-size: 1px;
        border: 0px none;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    img {
        border: none;
    }

    #ivwContainer {
        display: none;
    }

    h1 .csc-firstHeader {
        color: #333333;
        font-weight: bold;
        font-size: 100%;
    }

    h1 {
        color: #333333;
        font-weight: bold;
        font-size: 100%;
    }

    h2 {
        color: #333333;
        font-weight: bold;
        font-size: 100%;
    }

    h3, .ro-title , h3 a {
        color: #333333;
        font-weight: bold;
        font-size: 100%;
    }

    h3 a {
        text-decoration: none;
    }

    a {
        color: #000;
        text-decoration: none;
        font-size: 100%;
				outline:none
    }

    a:hover {
        text-decoration: underline;
    }

    #weiterempfehlen a {
        color: #666666;
        font-size: 90%;
        text-align: right;
    }


    /*
    #################################
    # headerContainer               #
    ################################# */

    #headerContainer #logo, #headerContainer #signet {
        float: left;
        padding: 0;
        margin: 0;
    }

    #headerContainer #loginBox {
        /* background: #FFFFFF url(images/ehft_background_searchbox.jpg) top left no-repeat; */
        width: 277px;
        height: 68px;
        float: left;
        padding: 10px 10px 10px 40px;
    }

    #headerContainer #menueContainer {
        background: #999999;
        width: 646px;
        height: 26px;
        float: left;
    }

    #weiterempfehlen {
        float: right;
        text-align: right;
        width: 200px;
        padding-right: 10px;
    }

    /*
    #################################
    # contentContainer              #
    ################################# */

    #contentContainer {
        margin: 0;
        padding: 10px 0 0 0;
        float: left;
        width: 610px;
    }

        /*
        #################################
        # contentContainer              #
        ################################# */

        #contentContainer #contentContainerLeft {
            margin: 0;
            padding: 0;
        }

            /*
            #################################
            # col1Content                   #
            ################################# */

            #col1Content {
                float: left;
                width: 290px;
                padding: 0 0 0 10px;
            }

            #col1Content #col1Redaktionsblog {
                background: #FDDED8 url(images/box_top_redaktionsblog.jpg) top left no-repeat;
                width: 270px;
                padding: 10px 10px 0px 10px;
            }

            #col1Content #col1RedaktionsblogBottom {
                background: url(images/box_bottom_redaktionsblog.jpg) top left no-repeat;
                width: 290px;
                height: 15px;
                margin: 0 0 20px 0;
            }

            #col1Content #col1UserBlogAndForumTop {
                background: url(images/box_top_blog_und_forum_blog.jpg) top left no-repeat;
                width: 290px;
                height: 45px;
            }

            #col1Content #col1UserBlogAndForum {
                background: url(images/box_middle_blog_und_forum.jpg) top left repeat-y;
                width: 270px;
                padding: 10px 10px 10px 10px;
            }

            #col1Content #col1UserBlogAndForumBottom {
                background: url(images/box_bottom_blog_und_forum.jpg) top left no-repeat;
                float: left;
                width: 290px;
                height: 10px;
                margin: 0 0 20px 0px;
            }

            #col1Content #col1SurveyTop {
/*                background: #F1F1F1 url(images/box_top_umfrage.jpg) top left no-repeat; */
                width: 290px;
                height: 40px;
                margin-top: 30px;
            }

            #col1Content #col1Survey {
/*                background: #F1F1F1 url(images/box_middle_umfrage.jpg) top left repeat-y; */
                width: 270px;
                padding: 1px 10px 0 10px;
            }

            #col1Content #col1SurveyBottom {
/*                background: url(images/box_bottom_umfrage.jpg) top left no-repeat; */
                width: 290px;
                height: 15px;
                margin: -10px 0 20px 0;
            }

            #col1FacebookFanbox {
                text-align:center;
                background: url(images/box_fb_middle.gif) top left repeat-y;
                padding: 0px 10px 0px 10px;                    
}
           
            #col1FacebookFanboxTop {
	            background: url(images/box_fb_top.gif) top left no-repeat;
                height: 35px;
                margin-top: 10px;
}

            #col1FacebookFanboxBottom {
	            background: url(images/box_fb_bottom.gif) top left no-repeat;
                height: 17px;
                margin-bottom: 20px;
}

            

            /*
            #################################
            # col2Content                   #
            ################################# */

            #col2Content {
                float: left;
                width: 290px;
                margin: 0 0 0 15px;
            }

            #col2Content #col2Search {
                /*background: #F1F1F1 url(images/box_top_grey.jpg) top left no-repeat;
                padding: 10px 10px 0 10px;
                margin: 0;*/
            }

            #col2Content #col2SearchBottom {
                /*background: url(images/box_bottom_grey.jpg) top left no-repeat;
                height: 10px;
                margin: 0 0 20px 0;
                padding: 0;*/
            }

            #col2Content #col2ContentContainer {
                background: #F1F1F1 url(images/box_top_grey.jpg) top left no-repeat;
                padding: 1px 10px 1px 10px;
            }
            
            *html #col2Content #col2ContentContainer {
                padding: 10px 10px 1px 10px;
            }

            #col2Content #col2ContentContainerBottom {
                background: url(images/box_bottom_grey.jpg) top left no-repeat;
                margin: 0 0 20px 0;
                height: 10px;
            }

            #col2FotoContainer {
                margin: 0 0 50px 0;
            }

            #col2FotoContainer #col2UserFotos {
                background: #ECF5E0 url(images/box_top_foto.jpg) top left no-repeat;
                padding: 40px 7px 10px 7px;
            }

            * html #col2FotoContainer #col2UserFotos {
                background: #ECF5E0 url(images/box_top_foto.jpg) top left no-repeat;
                padding: 40px 0px 10px 2px;
            }

            #col2VideoContainer {
                margin: 0 0 50px 0;
            }


            #col2VideoContainer #col2UserVideos {
                background: #ECF5E0 url(images/box_top_video.jpg) top left no-repeat;
                padding: 40px 7px 10px 7px;
            }

            * html #col2VideoContainer #col2UserVideos {
                background: #ECF5E0 url(images/box_top_video.jpg) top left no-repeat;
                padding: 40px 0px 10px 2px;
            }

            #col2FotoContainer #col2BoxfooterUserFotos,
            #col2VideoContainer #col2BoxfooterUserVideos {
                background: #ECF5E0 url(images/box_footer_userfotos.jpg) top left no-repeat;
                width: 183px;
                height: 32px;
                float: right;
                display: block;
            }

            #col2BoxfooterUserFotos .col2BoxfooterUserFotosSetter {
                margin: 8px 0 0 50px;
            }

            #col2BoxfooterUserFotos .col2BoxfooterUserFotosSetter,
            #col2BoxfooterUserVideos .col2BoxfooterUserVideosSetter  {
                margin: 8px 0 0 50px;
            }

            /*
            #################################
            # col3Content                   #
            ################################# */

            #col3Content {
                font-size: 90%;
                float: right;
                padding: 20px 10px 0 0;
            }

            #col3Content #col3Tags {
            #    background: #F1F1F1 url(images/box_top_tags.jpg) top left no-repeat;
            #    width: 134px;
            #    padding: 31px 10px 1px 10px;
            #}

            #col3Content #col3TagsBottom {
            #    background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
            #    width: 154px;
            #    height: 10px;
            #    margin: 0 0 10px 0;
            #}

            #col3Content #col3Magazin {
                background: #F1F1F1 url(images/box_top_magazin.jpg) top left no-repeat;
                width: 134px;
                padding: 30px 10px 1px 10px;
            }

            #col3Content #col3MagazinBottom {
                background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
                width: 154px;
                height: 10px;
                margin: 0 0 10px 0;
            }

            #col3Content #col3MoreMagazines {
                background: #F1F1F1 url(images/box_top_grey_col3.jpg) top left no-repeat;
                width: 134px;
                padding: 5px 10px 1px 10px;
            }

            #col3Content #col3MoreMagazinesBottom {
                background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
                width: 154px;
                height: 10px;
                margin: 0 0 10px 0;
            }

            #col3Content #col3ShopTop {
                background: url(images/box_top_shop.jpg) top left no-repeat;
                width: 154px;
                height: 50px;
            }

            #col3Content #col3Shop {
                background: #EAE9EE url(images/box_middle_shop.jpg) top left repeat-y;
                width: 134px;
                padding: 1px 10px 1px 10px;
            }

            #col3Content #col3ShopBottom {
                background: url(images/box_bottom_shop.jpg) top left no-repeat;
                width: 154px;
                height: 25px;
                margin: 0 0 10px 0;
            }

            #col3Content #col3Newsletter {
                background: #F1F1F1 url(images/box_top_newsletter.jpg) top left no-repeat;
                width: 134px;
                padding: 30px 10px 1px 10px;
            }

            #col3Content #col3NewsletterBottom {
                background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
                width: 154px;
                height: 10px;
                margin: 0 0 10px 0;
            }

    /*
    #################################
    # col4Content                   #
    ################################# */

    #col4ContentTop {
        background: #FFFFFF url(images/box_top_bottomContainer.jpg) top left no-repeat;
        width: 596px;
        height: 25px;
        margin: 15px 0 0 10px;
    }

    #col4Content {
        background: transparent url(images/background_bottomContainer.jpg) top left repeat-y;
        width: 596px;
        margin: 1px 1px 40px 10px;
    }

    #col4Content #col4ContentLeft {
        width: 182px;
        float: left;
    }

    #col4Content #col4ContentLeft ul {
        list-style: none;
        margin: 5px 0 5px 0;
        padding: 0 0 0 7px;
    }

    #col4Content #col4ContentMiddle {
        width: 192px;
        float: left;
        margin-left: 15px;
    }

    #col4Content #col4ContentMiddle ul {
        list-style: none;
        margin: 5px 0 5px 0;
        padding: 0 0 0 7px;
    }

    #col4Content #col4ContentRight{
        width: 192px;
        float: left;
        margin-left: 15px;
    }

    #col4Content #col4ContentRight ul {
        list-style: none;
        margin: 5px 0 5px 0;
        padding: 0 0 0 7px;
    }

    #col4Content ul li a,
    #col4Content ul li a:visited {
        text-decoration:none;
        color: #333333;
    }


    #col4Content ul li a:hover,
    #col4Content ul li a:active {
        text-decoration: underline;
    }


    /*
    #################################
    # footer & footerMenue      #
    ################################# */

    #footerContainer {
        display: inline;
        background: #FFF;
        float: left;
        font-size: 100%;
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer {
        margin: 10px 0 5px 0;
        color: #888;
        float: left;
    }

    #footerLine {
        width: 770px;
        margin: 0 0 5px 0;
        padding: 0;
        float: left;
    }

    #footerLine hr{
        border: 1px solid #CCC;
    }

    #footerCompany {
        float: left;
        padding: 5px 0 10px 0;
        width: 200px;
    }

    #footerMenue {
        margin: 0;
        padding: 5px 0 10px 0;
        float: left;
    }

    #footerMenue ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    #footerMenue ul li {
        float: left;
        text-align: left;
        padding: 0 10px 0 0;
    }

    #footerMenue ul li a,
    #footerMenue ul li a:link,
    #footerMenue ul li a:visited {
        float: left;
        text-align: left;
        text-decoration:none;
        color: #888;
    }

    #footerMenue ul li a:active,
    #footerMenue ul li a:hover {
        float: left;
        text-align: left;
        text-decoration: underline;
    }

    #footerBrand{
        float: right;
        padding: 5px 10px 10px 0;
        white-space: nowrap;
    }

    #footerBrand a,
    #footerMenue a:link,
    #footerBrand a:visited{
        text-decoration: none;
        color: #888;
    }

    #footerMenue a:active,
    #footerBrand a:hover{
        text-decoration: underline;
    }

    /*
    #################################
    # Navigation - navL1            #
    ################################# */

    #headerContainer #menueContainer {
        margin: 0;
        padding: 0;
        width: 646px;
        height: 26px;
        float: left;
        text-align: left;
        display: block;
    }

    #headerContainer #menueContainer ul {
        margin: 0;
        padding: 0;
        display: block;
            list-style: none;
            float: left;
        text-align: left;
        margin-left: auto;
        width: 646px;
        height: 26px;
    }

    #headerContainer #menueContainer ul li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        text-align: left;
        height: 26px;
    }

    #headerContainer #menueContainer a,
    #headerContainer #menueContainer img {
        float: left;
        text-align: left;
        border: none;
        height: 26px;
    }

    /*
    #################################
    # Suche Startseite          #
    ################################# */

    #searchboxContainer input {
        width: 130px;
        font-size: 11px;
        height: 18px;
        border: 0px;
    }



    /*
    #################################
    # Random Objects - ro           #
    ################################# */

    .ro-listblock {
        padding-top: 15px;
        padding-bottom: 5px;
        /* height: 80px; */
        display: block;
    }

    .ro-image {
        max-width:80px;
        float: left;
        padding-right: 10px;
    }

    .ro-info {
        float: left;
        width: 170px;
    }

    .ro-title {
        padding-left: 3px;
        color: #333333;
        float: left;
        font-weight: bold;
        font-size: 100%;
        width: 170px;
    }

    .ro-description {
        float: left;
        padding-left: 3px;
        padding-bottom: 7px;
        text-align: left;
        width: 170px;
    }


    /*
    #################################
    # Redaktionsblog Startseite     #
    ################################# */

    .news-latest-item {
        padding: 0px;
        margin: 0px;
    }


    .news-latest-item {
        float: left;
        margin: 0;
    }

    .news-latest-item a {
        float: left;
    }

    .news-latest-item img {
        margin: 0 20px 0 0;
    }

    .news-latest-morelink a {
        text-decoration: none;
    }


    /*
    #################################
    # Neuste Photos Startseite      #
    ################################# */

    #col2NewestUserFotos .col2NewestUserFotosContent{
        padding: 0px;
    }

    .col2NewestUserFotosContentPhoto{
        float: left;
        text-align: center;
        height: 82px;
        width: 82px;
        margin: 5px;
        padding: 0px;
        vertical-align: middle;
    }

    /*
    #################################
    # Neuste Blogs Startseite       #
    ################################# */

    #col1UserBlogAndForum #col1NeuesteBlogs .col1NeuesteBlogsContentBlog{
        padding-top: 10px;
    }

    #col1UserBlogAndForum .col1NeuesteBlogsContentBlogPhoto{
        float: left;
        width: 50px;
    }

    #col1UserBlogAndForum .col1NeuesteBlogsContentBlogContent{
        margin-left: 10px;
        width: 200px;
        float: left;
    }

    hr.col2Line{
        border: 1px solid #CCC;
        margin-bottom: 15px;
    }

    #col1UserBlogAndForum .noPhoto{
        width: 255px;
    }

    #col1UserBlogAndForum a,
    #col1NeuesteBlogsContentBlog a:link,
    #col1NeuesteBlogsContentBlog a:visited{
        text-decoration: none;
        color: #81BB32;
        font-weight: bold;
    }

    #col1UserBlogAndForum a:hover{
        text-decoration: underline;
    }


    /*
    #################################
    # Neuste Forums Startseite       #
    ################################# */


    #col1Content #col1NewestForum{
        background: transparent url(images/forum_streifen.gif) top left repeat-y;
        padding: 5px 10px 1px 10px;
    }

    #col1NeuesteBlogs .col1NewestForumContent{
        padding-top: 10px;
    }

    .col1NewestForumContentPic{
        float: left;
        margin-top: 3px;
    }

    .col1NewestForumContent_Content{
        margin-left: 10px;
        width: 200px;
        float: left;
    }

    /*
    #################################
    # Tagcloud                      #
    ################################# */

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag1{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 90%;
        color: #000;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag2{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 100%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag3 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 120%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag4 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 140%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag5 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 160%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 form {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    .tx-timtabtagcloud2-pi1 form {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    .tx-timtabtagcloud-pi1 a:hover {
        text-decoration: underline;
    }

    /*
    #################################
    # Banner                        #
    ################################# */

    #bannerTopStartseite {
        padding-top:5px;
        text-align: center;
    }

    #mainContainer {
        width: 1025px;
    }

    #innerContainer {
        width: 800px;
        float: left;
    }

    #skyscraperStartseite {
        float: left;
        width: 200px;
        margin: 5px 0px 0px 10px;
    }

    #mediumRectangle {
        padding: 0px;
        border: 0px;
        margin: 0 0 20px 150px;
        width: 290px;
    }
    
    *html #mediumRectangle {
        padding: 0px;
        border: 0px;
        margin: 0 0 20px 150px;
        width: 290px;
    }
		
/*
#################################
# T.E. Briefing ChangeReq       #
################################# */
/*Nachrichten*/
#content2cols,
#content2cols_red {margin:0 5px 0 10px; width:595px; overflow:hidden;}

#content2cols_red #content2cols {margin:0 !important; width:595px; overflow:hidden;}
#content2cols_red #col1Redaktionsblog {background: #FDDED8 url(images/box_top_redaktionsblog_xl.jpg) top left no-repeat;width: 575px;padding: 5px 10px 0px 10px;margin-top:10px;}
#content2cols_red #col1RedaktionsblogBottom {background: url(images/box_bottom_redaktionsblog.jpg) top left no-repeat;width: 595px;height: 15px;margin: 0 0 10px 0;}	
#col1RedaktionsblogContent {width:700px; height:250px}
#col1RedaktionsblogContent .contentItem {width:280px; height:125px; margin:0 10px 5px 0; float:left; overflow:hidden}
#col1RedaktionsblogContent .contentItem p a {color:#333; font-size:12px;display:block; padding-left:18px; height:16px; clear:both; background:url(images/ehft_btn_arr_transparent.gif) no-repeat 0 1px; }
/*old*/
#content2cols_red .news-latest-item {width:270px; float:left; height:135px;margin:10px 0 0 12px}
#content2cols_red .news-latest-item h3 {height:33px; padding:0; margin:0}
#content2cols_red .news-latest-item p	{margin-top:0; padding:0 0 0 0}
/*optional right column*/
#rightContent {background: #F1F1F1 url(images/box_top_grey_col3.jpg) top left no-repeat;width: 134px;padding: 5px 10px 1px 10px;margin: 0 0 10px 0;}
#rightBottom {background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;width: 154px;height: 10px;margin:0 0 -2px -10px}

/*Suche*/
/*#col3Content #col3Search {background: #F1F1F1 url(images/box_top_grey_col3.jpg) top left no-repeat;width: 134px;padding: 5px 10px 1px 10px;}
#col3Content .searchHeader {font-weight: bold;color: #666666;}
#col3Content #col3SearchBottom {background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;width: 154px;height: 10px;margin: 0 0 10px 0;}*/			
/*Blog & Forum*/
#col1UserBlogAndForum {background: url(images/box_top_green_forum.gif) top left no-repeat;width: 575px;padding: 40px 10px 0px 0;margin:20px 0 0 0;}
#col1UserBlogAndForumBottom {background: url(images/box_bottom_green.gif) top left no-repeat;width: 595px;height: 15px; margin-top:-15px; clear:both}
#forumBlogCol2Wrapper #col1BlogWrapper2,
#forumBlogCol2Wrapper #col1ForumWrapper2 {width:275px; float:left; margin-left:12px;}
#forumBlogCol2Wrapper {background:#ecf5e0}
/*Survey entfernt ao 2010-11-04
#col2Content #col1SurveyTop {background: #F1F1F1 url(images/box_top_umfrage.jpg) top left no-repeat;width: 290px;height: 40px;margin-top: 0px;}
#col2Content #col1Survey {background: #F1F1F1 url(images/box_middle_umfrage.jpg) top left repeat-y;width: 270px;padding: 1px 10px 10px 10px;}
#col2Content #col1SurveyBottom {background: url(images/box_bottom_umfrage.jpg) top left no-repeat;width: 290px;height: 15px;margin: 0 0 20px 0;} */
/*Videos*/
#video4Teaser {background: #f1f1f1 url(images/box_top_grey_videos.gif) top left no-repeat;width: 575px;overflow:hidden; padding: 5px 10px 0px 10px;height:135px;}
#video4TeaserHeadline {display:block; height:20px; width: 575px;border-bottom:5px solid #f1f1f1; clear:both;}
#video4TeaserContent {width:670px;}
#video4Teaser .contentItem {width:120px; float:left; margin:0 30px 0 0px}
#video4Teaser .contentItem a {display:block; height:35px; width:120px;}
#video4Teaser .contentItem h1 {height:35px; width:120px; font-weight:normal; text-align:center; position:absolute; margin-top:80px;}
#video4Teaser .contentItem:hover h1{background:#d7d7d7; text-decoration:underline}
html #video4Teaser div.csc-textpic,
html #video4Teaser div.csc-textpic-center,
html #video4Teaser div.csc-textpic-above {background:#999; width:120px; height:80px; overflow:hidden}
#video4TeaserBottom {background: url(images/box_bottom_grey.gif) top left no-repeat;width: 595px;height: 15px; clear:both}


/*nav top*/
/*hide old one*/
#menueContainer {display:none}
#navtop {width:646px; float:right;margin-right:10px; background:#999999}
#navtop ul,
#navtop li {margin:0; paddin:0; list-style:none;float:left; margin:0;padding:0}
#navtop li {float:left}
#navtop ul {height:26px;overflow:hidden}
}