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

    CSS - Startseite - Tiercommunity

    Copyright: CoCo new media GmbH, München <www.coco-new-media.de>
    Authoren: Harald Klotzberg <hklotzberg@coco-new-media.de>
              Kai Spanka       <kspanka@coco-new-media.de>
    Version: 1.0
    Date: 27.07.2007
------------------------------------------------------------------- */


@media all {

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

    html {
        font-size: 12px;
        font-family: Arial, Verdana, Tahoma, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
        color: #333;
    }

    body {
        margin: 0;
        padding: 0;
        background-color: #ECF8D3;
    }

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

    img {
        border: none;
    }

    form {
        margin: 0;
        padding: 0;
    }

    a,
    a:link,
    a:visited{
        text-decoration: none;
        color: #666;
    }

    a:hover{
        text-decoration: underline;
    }



    #mainContainer {
        width: 1025px;
        margin: 10px 0px;
        padding: 0px;
    }
    
        #bannerTop{
            text-align: center;
        }

        #innerContainer {
            width: 800px;
            float: left;
            margin: 0px;
            padding: 0px;
        }

        #skyscraper {
            float: left;
            width: 160px;
            margin: 0 0 0 10px;
        }

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

        #ivwContainer {
            display: none;
        }

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

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

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

    #headerContainer #menueContainer {
        background: #FFF;
        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 {
            margin: 0;
            padding: 0;
            float: left;
            text-align: left;
            border: none;
            height: 26px;
        }

    #headerContainer #loginBox {
        background: #FFF url(images/ehft_background_searchbox.gif) top left no-repeat;
        width: 277px;
        height: 68px;
        float: left;
        padding: 10px 10px 10px 40px;
        margin: 0 5px 0 0;
        font-size: 11px;
    }

        #loginBox a,
        #loginBox a:link,
        #loginBox a:visited{
            color: #666;
            text-decoration: none;
        }

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

        #userlogin{
            padding: 4px 0 0 0;
            margin: 0;
        }

        #userlogin input{
            padding: 0;
            margin: 0;
        }

        #userlogin #registrierung{
            padding: 0;
            margin: 0;
        }

        #userlogin #pwforgotten{
            padding: 0;
            margin: 0;
        }

        #form_login{
            padding: 0;
            margin: 0;
        }

        #greetings{
            width: 145px;
            height: 21px;
            margin: 0;
            padding: 0;
            float: left;
            overflow: hidden;
            vertical-align: middle;
        }

        #member_type{
            text-align: right;
            width: 131px;
            float: left;
            margin: 0;
            padding: 0;
        }

        #member_options{
            width: 180px;
            margin: 2px;
            padding: 3px 0 0 0;
            float: left;
            padding: 0;
        }

        #logout{
            text-align: right;
            width: 89px;
            margin: 0;
            padding: 0;
            float: right;
        }


    /*
    # Screenreader Helper - invisible, but important for accessibility reasons.
    # Screenreaders need this to have a better pronunciation in Menues appending a dot
    # at the end of each menueitem */

    .screenreader {
        display: none;
        visibility: hidden;
    }

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

    #contentContainer {
        margin: 20px 0px 0px 0px;
        padding: 0px;
        float: left;
        width: 790px;
        display: inline;
    }

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

        #contentContainer #contentContainerRight {
            float: left;
            margin: 0px 0px 0px 14px;
            padding: 0px;
            display: inline;
        }

        #innerWrapper{
            margin: 0px;
            padding: 0px;
            display: inline;
        }

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

            #col1Content {
                width: 154px;
                float: left;
                margin: 0px 0px 0px 10px;
                padding: 0px;
                display: inline;
            }

            #col1Content a,
            #col1Content a:link,
            #col1Content a:visited{
                text-decoration: none;
                color: #666;
            }

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

            /* Suche                */
            /* -------------------- */
            /* Beginn */
            #col1Content #col1Search {
                background: #F3F3F3 url(images/suche_154.gif) top left no-repeat;
                padding: 30px 10px 0px 10px;
                margin: 0;
            }

            #col1Content #col1SearchField{
            }

            #col1SearchField #searchfield{
                border: 0px;
                height: 18px;
                vertical-align: middle;
                margin: 6px 0 2px 0;
                font-size: 11px;
                color: #666;
                width: 130px;
            }

            #col1Content #col1SearchButton{
                margin: 10px 0 0 5px;
                padding: 0;
            }

            #col1SearchButton span:hover{
                cursor: pointer;
            }

            #col1Content #col1SearchAdvanced{
                margin: 10px 0 0 0;
                padding: 0;
            }

            #col1Content #col1SearchBottom{
                background: url(images/box_154_unten.gif) top left no-repeat;
                height: 12px;
                margin: 0px 0px 20px 0px;
                padding: 0px;
            }
            /* Ende */
            /* -------------------- */

            /* Mitgliederliste      */
            /* -------------------- */
            /* Beginn */
            #col1MitgliederlisteTop{
                background: #FFF url(images/mitglieder_oben.gif) top left no-repeat;
                padding-top: 13px;
            }

            #col1Mitgliederliste{
                background: #FFF url(images/mitglieder_mitte.gif) top left repeat-y;
                padding: 5px 0px 5px 0px;
            }
            
                #col1MitgliederlisteHeader{
                    color: #81BB32;
                    margin-bottom: 20px;
                    padding: 0px 5px 0px 10px;
                    font-weight: bold;
                }

                #col1MitgliederlisteContent{
                }

                    .Mitglied{
                        cursor: pointer;
                        height: 36px;
                        margin-bottom: 3px;
                        padding: 3px;
                        /* border: 1px solid red; */
                    }

                    .Mitglied_popmenubutton{
                        background: #A1CC65 url(images/menu_action_down-padded.gif) right center no-repeat;
                        float: none;
                        height: auto;
                        width: auto;
                        padding: 3px;
                        text-align: left;
                        font-weight: normal;
                    }

                    .Mitgliedsname{
                        float: left;
                        width: 99px;
                        cursor: pointer;
                        line-height: 140%;
                        margin-top: 10px;
                        text-align: left;
                    }

                    .Mitgliedsname img{
                        vertical-align: middle;
                    }

                    .Mitgliedsphoto{
                        float: right;
                        height: 27px;
                        width: 27px;
                        margin: auto 10px auto 0px;
                        padding: 4px;
                        text-align: center;
                        border: 1px solid #CCC;
                    }

                    *html .Mitgliedsphoto{
                        margin: auto 5px auto 0px;
                    }

            #col1MitgliederlisteBottom{
                background: #FFF url(images/mitglieder_unten.jpg) top left no-repeat;
                padding-top: 14px;
            }
            /* Ende */
            /* -------------------- */

            #col1Content #col1Magazine {
                background: #FFF;
                padding: 0;
                margin: 0;
            }

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

            #col2Content {
                float: left;
                width: 294px;
                margin: 0;
                padding: 0;
                display: inline;
            }

            #col2MediumRectangleContainer{
                padding: 0;
                margin: 0 0 10px 0;
                /* border: 1px solid blue; */
            }

            /* Neuste Foreneinträge */
            /* -------------------- */
            /* Beginn */
            #col2Content #col2NewestForumTop{
                background: #FFF url(images/community_start_foreneintraege.gif) top left no-repeat;
                padding: 45px 10px 0 10px;
                margin: 0px;
            }

            #col2Content #col2NewestForum{
                background: transparent url(images/forum_streifen.gif) top left repeat-y;
                padding: 2px 10px 1px 10px;
                color: #666;
            }

            #col2NewestForum .col2NewestForumContent{
                padding-top: 5px;
            }

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

            .col2NewestForumContent_Content{
                margin-left: 10px;
                width: 250px;
                float: left;
            }

            .col2NewestForumContent_Content a,
            .col2NewestForumContent_Content a:link,
            .col2NewestForumContent_Content a:visited{
                font-weight: bold;
            }

            #col2Content #col2NewestForumBottom{
                background: url(images/forum_box_unten.gif) top left no-repeat;
                height: 10px;
                margin: 0 0 15px 0;
                padding: 0;
            }
            /* Ende */
            /* -------------------- */

            /* Neuste Videos        */
            /* -------------------- */
            /* Beginn */
            #col2NewestVideoContainer{
                margin: 0 0 50px 0;
            }

            #col2NewestVideoContainer a,
            #col2NewestVideoContainer a:link,
            #col2NewestVideoContainer a:visited{
                text-decoration: none;
                color: #666;
                font-weight: bold;
            }

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

            #col2NewestVideoContainer #col2NewestUserVideos{
                background: #ECF5E0 url(images/videos_neusten.gif) top left no-repeat;
                padding: 40px 8px 10px 8px;
            }

            *html #col2NewestVideoContainer #col2NewestUserVideos{
                padding: 40px 8px 10px 3px;
            }

            #col2NewestUserVideos .col2NewestUserVideosContent{
                padding: 0px;
            }

            .col2NewestUserVideosContentPhoto{
                background: #E1EFCF;
                float: left;
                text-align: center;
                height: 82px;
                width: 82px;
                margin: 5px;
                padding: 8px 0px 0px 0px;
                vertical-align: middle;
            }

            #col2NewestUserVideos #col2NewestUserVideosText{
                padding: 5px;
            }

            #col2NewestVideoContainer #col2BoxfooterNewestUserVideos{
                background: #ECF5E0 url(images/box_footer_user.gif) top left no-repeat;
                width: 183px;
                height: 32px;
                float: right;
                display: block;
            }

            #col2BoxfooterNewestUserVideos #col2BoxfooterNewestUserVideosLink{
                padding: 10px 5px 0px 40px;
            }

            #col2BoxfooterNewestUserVideos #col2BoxfooterNewestUserVideosLink a,
            #col2BoxfooterNewestUserVideos #col2BoxfooterNewestUserVideosLink a:visited{
                font-size: 100%;
                color: #333;
                text-decoration: none;
                display: block;
                font-weight: normal;
            }

            #col2BoxfooterNewestUserVideos #col2BoxfooterNewestUserVideosLink a:hover{
                text-decoration: underline;
            }
            /* Ende */
            /* -------------------- */

            /* Forumstatistik       */
            /* -------------------- */
            /* Beginn */
            #col2ForumStatistikTop{
                background: #ECF5E0 url(images/forum_stats_oben.gif) top left no-repeat;
                padding: 30px 10px 0 10px;
                margin: 0;
            }

            #col2ForumStatistik{
                background: #ECF5E0;
                padding: 10px 6px 1px 13px;
            }

                #col2ForumStatistikOnline,
                #col2ForumStatistikBirthdays{
                    margin: 0px 0px 20px 0px;
                }

                    #col2ForumStatistikOnlineHeader,
                    #col2ForumStatistikBirthdaysHeader,
                    #col2ForumStatistikInfoHeader{
                        margin-bottom: 5px;
                        color: #81BB32;
                        font-weight: bold;
                    }

                    #col2ForumStatistikOnlineContent{
                    }

                        #col2ForumStatistikOnlineContent p{
                            margin: 0px 0px 2px 0px;
                        }

                        #col2ForumStatistikOnlineContentHeader{
                            margin: 0px 0px 3px 0px;
                        }

                        #col2ForumStatistikOnlineContentUser{
                            margin: 0px 0px 10px 0px;
                        }

                #col2ForumStatistikBirthdays{
                }

                    #col2ForumStatistikBirthdaysHeader{}

                    #col2ForumStatistikBirthdaysContent{}

                        #col2ForumStatistikBirthdaysContentHeader{
                            margin: 0px 0px 3px 0px;
                        }

                #col2ForumStatistikInfo{
                }

                    #col2ForumStatistikInfoContent p{
                        margin: 0px 0px 1px 0px;
                    }

            #col2ForumStatistikBottom{
                background: #ECF5E0 url(images/forum_stats_unten.gif) top left no-repeat;
                padding: 14px 10px 0 10px;
                margin: 0;
            }
            /* Ende */
            /* -------------------- */

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

            #col3Content {
                width: 294px;
                float: left;
                margin: 0px 0px 0px 10px;
                padding: 0px;
                display: inline;
            }

            /* Registrierung        */
            /* -------------------- */
            /* Beginn */
            #col3Content #col3Registration {
                background: #FFF url(images/registrieren_teaser.gif) top left no-repeat;
                padding: 35px 10px 0 10px;
                margin: 0px 0px 20px 0px;
                color: #666;
            }
            /* Ende */
            /* -------------------- */

            /* Tags                 */
            /* -------------------- */
            /* Beginn */
            #col3Content #col3Tags {
                background: #F3F3F3 url(images/tags_294.gif) top left no-repeat;
                padding: 40px 10px 0px 10px;
                margin: 0px;
                font-weight: normal;
                min-height: 117px;
            }

                #col3Content #col3Tags a,
                #col3Content #col3Tags a:link,
                #col3Content #col3Tags a:visited{
                    font-weight: normal;
                }

                .tagcloud-tag1{
                    font-size: 100%;
                }

                .tagcloud-tag2{
                    font-size: 108%;
                }

                .tagcloud-tag3{
                    font-size: 116%;
                }

                .tagcloud-tag4{
                    font-size: 124%;
                }

                .tagcloud-tag5{
                    font-size: 132%;
                }

                .tagcloud-tag6{
                    font-size: 140%;
                }

                #col3TagsAll{
                    margin-top: 10px;
                }

            #col3Content #col3TagsBottom{
                background: url(images/box_294_unten.gif) top left no-repeat;
                height: 10px;
                margin: 0 0 15px 0;
                padding: 0;
            }
            /* Ende */
            /* -------------------- */

             /* Neuste Fotos        */
            /* -------------------- */
            /* Beginn */
            #col3NewestFotoContainer{
                margin: 0 0 50px 0;
            }

            #col3NewestFotoContainer #col3NewestUserFotos{
                background: #ECF5E0 url(images/fotos_die_neusten.gif) top left no-repeat;
                padding: 40px 8px 10px 8px;
            }
            
            *html #col3NewestFotoContainer #col3NewestUserFotos{
                padding: 40px 8px 10px 3px;
            }

            #col3NewestUserFotos .col3NewestUserFotosContent{
                padding: 0;
            }

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

            #col3NewestUserFotos #col3NewestUserFotosText{
                padding: 5px;
            }

            #col3NewestFotoContainer #col3BoxfooterNewestUserFotos{
                background: #ECF5E0 url(images/box_footer_user.gif) top left no-repeat;
                width: 183px;
                height: 32px;
                float: right;
                display: block;
            }

            #col3BoxfooterNewestUserFotos #col3BoxfooterNewestUserFotosLink{
                padding: 10px 5px 0 40px;
            }

            #col3BoxfooterNewestUserFotos #col3BoxfooterNewestUserFotosLink a,
            #col3BoxfooterNewestUserFotos #col3BoxfooterNewestUserFotosLink a:visited{
                font-size: 100%;
                color: #333;
                text-decoration: none;
                display: block;
                font-weight: normal;
            }

            #col3BoxfooterNewestUserFotos #col3BoxfooterNewestUserFotosLink a:hover{
                text-decoration: underline;
            }
            /* Ende */
            /* -------------------- */

            /* Neueste Blogeinträge  */
            /* -------------------- */
            /* Beginn */
            #col3Content #col3NeuesteBlogsTop{
                padding: 0;
                margin: 0;
            }

            #col3Content #col3NeuesteBlogs{
                /* background: #F3F3F3 url(images/community_start_neueste_blogs.gif) top left no-repeat; */
                background: #F3F3F3;
                padding: 5px 10px 1px 10px;
                margin: 0;
            }

                #col3NeuesteBlogs .col3NeuesteBlogsContentBlog{
                    padding-top: 10px;
                    margin: 0;
                }

                    .col3NeuesteBlogsContentBlog a,
                    .col3NeuesteBlogsContentBlog a:link,
                    .col3NeuesteBlogsContentBlog a:visited{
                        color: #81BB32;
                        font-weight: bold;
                    }

                        .col3NeuesteBlogsContentBlog a.notBold{
                            font-weight: normal;
                        }

                    .col3NeuesteBlogsContentBlogPhoto{
                        float: left;
                    }

                    .col3NeuesteBlogsContentBlogContent,
                    .col3NeuesteBlogsContentBlogContentNophoto{
                        margin-left: 10px;
                        width: 214px;
                        float: left;
                    }

                    .col3NeuesteBlogsContentBlogContentNophoto{
                        width: 260px;
                    }

                    hr.col2Line{
                        border: 1px solid #CCC;
                    }

            #col3Content #col3NeuesteBlogsBottom{
                background: url(images/box_294_unten.gif) top left no-repeat;
                height: 10px;
                margin: 0 0 20px 0;
                padding: 0;
            }
            /* Ende */
            /* -------------------- */


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

    #footerContainer {
        background: #FFF;
        padding: 0 0 0 10px;
        float: left;
        font-size: 100%;
    }

        #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;
                    }
}