/*
-------------------------------------------------------------------
    
    CSS - Alle Tags Seit - Tiercommunity
    
    Copyright: CoCo new media GmbH, München <www.coco-new-media.de>
    Author: Kai Spanka <kspanka(at)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;
    }
    
    #bannerTop{
        text-align: center;
        /* height: 90px; */
    }

    #mainContainer {
        width: 1025px;
        float: left;
        margin: 10px 0;
    }

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

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

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

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

    img {
        border: none;
        margin: 0;
        padding: 0;
    }

    form {
        margin: 0;
        padding: 0;
    }

    #ivwContainer {
        display: none;
    }

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

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

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

        #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 0 0 0;
        padding: 0;
        float: left;
        width: 790px;
    }

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

            #colTags {
                width: 605px;
                float: left;
                margin: 0 0 0 10px;
                padding: 0;
                display: inline;
            }

                h3 {
                    margin: 10px 0 20px 10px;
                    padding: 0;
                }

                #colTagsContent {
                    margin: 5px 0 0 0;
                    padding: 5px 0 1px 0;
                }

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

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

                    .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%;
                    }

                .top {
                    float: right;
                    margin: 20px 10px 3px 5px;
                }

                .top a,
                .top a:link,
                .top a:visited{
                    text-decoration: none;
                    color: #333;
                }

                .top a:hover{
                    text-decoration: underline;
                }

            /* 
            #################################
             # col7Content				    #
            ################################# */

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

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

            #col7Content a:hover{
                text-decoration: underline;
            }
            
            #col7Content #col7Search{
                background: #F3F3F3 url(images/suche_154.gif) top left no-repeat;
                padding: 30px 10px 0 10px;
                margin: 0;
            }

            #col7Search #col7SearchField{
                margin: 0;
                padding: 0;
            }

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

            #col7Search #col7SearchButton{
                margin: 10px 0 0 5px;
                padding: 0;
            }

            #col7SearchButton span:hover{
                cursor: pointer;
            }

            #col7Search #col7SearchAdvanced{
                margin: 10px 10px 0 10px;
                padding: 0;
            }

            #col7Content #col7SearchBottom{
                background: transparent url(images/box_154_unten.gif) top left no-repeat;
                height: 12px;
                margin: 0;
                padding: 0;
            }


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

}