
 
@media only screen and (min-width: 1000px) {  
    body { background-image: url("/images/design/background/gothic3dat.jpg"); }

    #logo
    {
        top: 15px;
        left: 10px;
        width: 404px;
        height: 177px;
    }

    #logo a { background-image: url("/images/design/logo_gothic3dat.png"); }

    /* npc */
    div.g3npc-detail .image { float: left; width: 450px; margin-right: 10px; }
    div.g3npc-detail .data { float: left; width: 470px; }
    #colorbox-wrapper div.g3npc-detail .data { width: 408px; }

    





    div.fg_citat
    {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        position: relative;
        min-height: 70px;
        border-top: 1px solid #666;
        padding-top: 2px;
    }

    div.fg_citat .image
    {
        position: absolute;
        top: 2px; left: 0;
        width: 60px;
    }

    div.fg_citat .comment
    {
        margin-left: 70px;
        color: #bbb;
    }

    div.fg_citat .body
    {
        margin: 5px 0 5px 70px;
        font-style: italic;
    
    }

    div.fg_citat .body table
    {
        border-collapse: collapse;
        width: 100%;
    }

    div.fg_citat .body td
    {
        vertical-align: top;
        margin: 0;
        padding: 3px;
    }

    div.fg_citat .body td.name
    {
        width: 90px;
    }
}
