$('a.glossarlink').each(function() {
    $(this).qtip({
        content: {
            url: '/glossar.ashx',
            data: { query: $(this).attr('query') },
            method: 'get'
        },
        position: {
            corner: {
                target: 'topRight',
                tooltip: 'bottomLeft'
            }
        },
        show: 'mouseover',
        hide: 'mouseout',
        style: {
            border: {
                color: '#0F396A'
            },
            'font-size': 12,
            background: '#0F396A',
            color: 'white',
            width: 250,
            tip: { // Now an object instead of a string
                corner: 'bottomLeft', // We declare our corner within the object using the corner sub-option
                color: '#0F396A',
                size: {
                    x: 10, // Be careful that the x and y values refer to coordinates on screen, not height or width.
                    y: 10 // Depending on which corner your tooltip is at, x and y could mean either height or width!
                }
            }
        }
    })
})