/**
 *    Stripgenerator Layout
 *    Used on: -- / --
 *
 *    @author  David Panzalović
 *    @author  Frenk T. Sedmak Nahtigal
 *    @version 1.09
 **/

/* for displaying the vertical & horizontal grid */
/*@import url(../Tools/grids.css);

/* =Temp overlay
----------------------------------------------- */
#overlay,
#overlay_container {
    display: none;
}

/* =COMMON
----------------------------------------------- */
body, html {
    height: 100%;
    font-size: 12px;
}

wbr {
    display: inline-block;
}

/* =CONTAINERS
----------------------------------------------- */
#wrapper {
    width: 916px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

/* =header
----------------------------------------------- */
#header {
    width: 100%;
    padding: 24px 0 11px 0;
    float: left;
}

    #header > h1 {
        float: left;
    }

    #header > h1 a {
        width: 101px;
        height: 80px;
        margin-right: 19px;
        float: left;
        overflow: hidden;
    }

    #header > h2 {
        float: left;
        position: relative;
    }

        #header > h2 a {
            width: 246px;
            height: 65px;
            margin-right: 20px;
            float: left;
            position: relative;
            top: 8px;
        }

        #header > h2 span {
            width: 214px;
            padding: 0 10px;
            position: absolute;
            top: 52px;
            left: 12px;
        }

    #header > .striptistics {
        width: 208px;
        height: 36px;
        padding: 17px 5px 10px 20px;
        margin: 8px 20px 0 11px;
        float: left;
        position: relative;
    }

        #header > .striptistics > p {
            margin-bottom: 4px;
            font-size: 11px;
        }

        #header > .striptistics > p:first-child {
            font-size: 14px;
        }

        #header > .striptistics .bubble {
            width: 12px;
            height: 11px;
            position: absolute;
            top: 24px;
            left: -11px;
        }

    #header > .header_user {
        min-width: 214px;
        margin-top: 8px;
        float: right;
    }

        #header > .header_user .user {
            width: 60px;
            float: left;
            margin-right: 18px;
        }

            #header > .header_user .user > a {
                width: 60px;
                height: 60px;
                float: left;
            }

                #header > .header_user .user > a img {
                    width: 58px;
                    float: left;
                }

        #header > .header_user dl {
            float: left;
        }

        #header > .header_user dl dt {
            margin-bottom: 3px;
            float: left;
        }

            #header > .header_user dl dt a {
                height: 18px;
                position: relative;
                display: block;
                overflow: hidden;
            }

                #header > .header_user dl dt img {
                    position: relative;
                    top: 0;
                    display: block;
                }

            #header > .header_user dl dt a:hover img {
                top:-18px;
            }

        #header > .header_user dl dd {
            line-height: 16px;
            float: left;
            clear: left;
        }

        #header > .header_user dl dd a {
            float: left;
            clear: left;
        }

        #header > .header_user dl dd a.logout {
            font-size: 11px;
        }

    #header > .flash_placeholder {
        margin-right: 8px;
        float: left;
    }

/* =content
----------------------------------------------- */
#content {
    width: 100%;
    padding-bottom: 201px;
    float: left;
    position: relative;
}

#content h2 {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    float: left;
}

    #content h2 > img {
        padding-right: 20px;
    }

    #content h2 .label,
    #content h2 a {
        height: 20px;
        display: block;
        float: left;
        position: relative;
    }

    #content h2 a.up, #content h2 a.down {
        height: 20px;
        line-height: 20px;
        padding: 0 15px 0 20px;
        float: right;
    }

    #content h2 a.helpHund {
        width: 16px;
        height: 15px;
        line-height: 15px;
        padding: 0 0 0 10px;
        float: right;
        display: block;
    }

    #content .user > a {
        width: 60px;
        float: left;
        display: block;
    }

        #content .user > a p {
            position: relative;
            left: 0;
            bottom: 0;
        }

    /* Sidebar */
    #sidebar {
        width: 214px;
        float: right;
    }

        #sidebar div.ads {
            width: 200px;
            margin: 0 7px 56px 7px;
            float: left;
        }

        #merch_support {
            width: 100%;
            float: left;
        }

            #merch_support > a {
                width: 100%;
                margin-bottom: 59px;
                float: left;
            }

                #merch_support > a img {
                    margin: -6px 0 4px -9px;
                }

                #merch_support > a img.pack {
                    margin: 0 0 4px 0;
                }

            #merch_support > ul,
            #merch_support > ul li {
                width: 100%;
                line-height: 1.5;
                float: left;
            }

/* =footer
----------------------------------------------- */
#footer {
    width: 100%;
    margin-top: -121px;
    float: left;
    clear: both;
}

    #footer > div {
        width: 916px;
        height: 57px;
        padding: 32px 0;
        margin: 0 auto;
        position: relative;
    }

        #footer .merchandise {
            width: 98px;
            height: 106px;
            margin-left: -49px;
            display: none;
            position: absolute;
            top: -108px;
            left: 50%;
        }

        #footer ul {
            width: 557px;
            height: 57px;
            padding-left: 60px;
            float: left;
        }

            #footer li {
                height: 35px;
                line-height: 18px;
                padding: 10px 5px 10px 10px;
                float: left;
            }

            #footer li.copyright   { width: 130px }
            #footer li.contact_us  { width: 271px }
            #footer li.legal_stuff { width: 100px }

                #footer li dl {
                    width: 100%;
                    float: left;
                }

                    #footer li dt {
                        width: 83px;
                        float: left;
                        clear: both;
                    }

                    #footer li dd {
                        width: 188px;
                        float: left;
                    }

/* =search form
----------------------------------------------- */
form.search {
    width: 234px;
    padding-left: 45px;
    margin-left: 20px;
    float: left;
}

    form.search fieldset {
        width: 100%;
        float: left;
    }

        form.search label {
            width: 224px;
            height: 24px;
            line-height: 24px;
            float: left;
        }

        form.search input[type="text"] {
            width: 187px;
            height: 23px;
            padding: 4px 0 4px 10px;
            float: left;
        }

        form.search input[type="submit"] {
            width: 37px;
            height: 33px;
            padding: 0;
            margin: 0;
            float: left;
        }

/* =User level labels
----------------------------------------------- */
#header .user_level,
#content .user_level {
    width: 137px;
    height: 27px;
    padding: 0;
    margin: 6px 0 0 0;
    display: block;
    float: left;
}

#header .user_level.small,
#content .user_level.small {
    width: 60px;
    height: 12px;
}

/* =actionNotice
----------------------------------------------- */
#actionNotice {
    width: 100%;
    height: 32px;
    position: fixed;
    top: 0px;
    font-size: 16px;
}

    #actionNotice div {
        max-width: 876px;
        padding: 0 20px;
        margin: 0 auto;
        position: relative;
    }

        #actionNotice p {
            width: 100%;
            line-height: 32px;
        }

        #actionNotice .close {
            width: 12px;
            height: 12px;
            position: absolute;
            top: 10px;
            right: 0;
            text-indent: -9999px;
        }

/* =Loading
* ----------------------------------------------- */
#sidebar ul .selected .loading,
#content .loading,
.loading {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

#content > .loading {
    padding: 0 20px;
}

#sidebar ul .selected .loading_txt,
#content .loading_txt,
.loading_txt {
    width: 100%;
    height: 16px;
    padding-top: 32px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10001;
}

#content > .loading > .loading_txt {
    top: 300px;
}

/* =Ajax error
* ----------------------------------------------- */
#sidebar ul .selected .aerror, #content .aerror, .aerror {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

    #sidebar ul .selected .aerror > span, #content .aerror > span, .aerror > span {
        width: 60px;
        height: 23px;
        display: block;
        position: absolute;
        top: 8px;
        right: 0;
    }

    #sidebar ul .selected .aerror > div, #content .aerror > div, .aerror > div {
        height: 100%;
        padding: 0;
        margin-right: 54px;
    }

        #sidebar ul .selected .aerror > div > div, #content .aerror > div > div, .aerror > div > div {
            width: 100%;
            height: 72px;
            padding: 0;
            margin: -36px 0 0 -26px;
            position: absolute;
            top: 100px;
            left: 0;
            z-index: 10001;
        }

            .aerror > div > div .button {
                margin: 16px auto 0 auto;
            }