/*Dieses Stylesheet sorgt bei entsprechend klassierten Bildern für ein PopUp-Bild beim Mausdrüberfahren*/

/*für Bilder, die im fließtext rechts liegen und wo sich die Bilder nach unten-links öffnen*/
.hoverbox-r
{
        cursor:default;
        list-style: none;
        float:right;
}

.hoverbox-r a .preview
{
        display: none;
}

.hoverbox-r a:hover .preview
{
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
}

.hoverbox-r img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        margin-left: 5px;
        vertical-align: top;
}

.hoverbox-r .preview
{
        border-color: #000;
}

/* IE-fixes */

.hoverbox-r a
{
        position: relative;
}

.hoverbox-r a:hover
{
        display: block;
        font-size: 100%;
        z-index: 1;
}

.hoverbox-r li
{
        position: static;
}
/*für Bilder, die im fließtext rechts liegen und wo sich die Bilder nach oben-links öffnen*/
.hoverbox-ro
{
        cursor:default;
        list-style: none;
        float:right;
}

.hoverbox-ro a .preview
{
        display: none;
}

.hoverbox-ro a:hover .preview
{
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 1;
}

.hoverbox-ro img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        margin-left: 5px;
        vertical-align: top;
}

.hoverbox-ro .preview
{
        border-color: #000;
}

/* IE-fixes */

.hoverbox-ro a
{
        position: relative;
}

.hoverbox-ro a:hover
{
        display: block;
        font-size: 100%;
        z-index: 1;
}

.hoverbox-ro li
{
        position: static;
}

/*für Bilder, die im fließtext links liegen und sich nach unten-rechts öffnen*/
.hoverbox-l
{
        cursor:default;
        list-style: none;
        float:left;
}

.hoverbox-l a .preview
{
        display: none;
}

.hoverbox-l a:hover .preview
{
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
}

.hoverbox-l img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        margin-right: 5px;
        vertical-align: top;
}

.hoverbox-l .preview
{
        border-color: #000;
}

/* IE-fixes */

.hoverbox-l a
{
        position: relative;
}

.hoverbox-l a:hover
{
        display: block;
        font-size: 100%;
        z-index: 1;
}

.hoverbox-l li
{
        position: static;
}
/*für Bilder, die im fließtext links liegen und sich nach oben-rechts öffnen*/
.hoverbox-lo
{
        cursor:default;
        list-style: none;
        float:left;
}

.hoverbox-lo a .preview
{
        display: none;
}

.hoverbox-lo a:hover .preview
{
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
}

.hoverbox-lo img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        margin-right: 5px;
        vertical-align: top;
}

.hoverbox-lo .preview
{
        border-color: #000;
}

/* IE-fixes */

.hoverbox-lo a
{
        position: relative;
}

.hoverbox-lo a:hover
{
        display: block;
        font-size: 100%;
        z-index: 1;
}

.hoverbox-lo li
{
        position: static;
}