/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
    cursor: default;
    list-style: none;
    font-size: 8pt;
    font-weight: bold;
    font-family: arial;
    text-align: center;
    margin: 0;
    padding: 0;
}



.hoverbox a
{
    cursor: default;
}

.hoverbox li .preview
{
    display: none;
}

.hoverbox li:hover .preview
{
    display: block;
    position: absolute;
    top: -90px; /*-10px*/
    left: -35px;
    z-index: 1;
    border: 4px solid #aaa;
}

.hoverbox li.first:hover .preview
{
    left: -9px; /* posicao horizontal da imagem com zoom */
}

.hoverbox li.first2:hover .preview
{
    left: -106px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first3:hover .preview
{
    left: -203px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first4:hover .preview
{
    left: -300px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first5:hover .preview
{
    left: -397px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first6:hover .preview
{
    left: -494px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first7:hover .preview
{
    left: -591px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first8:hover .preview
{
    left: -688px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first9:hover .preview
{
    left: -785px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.first10:hover .preview
{
    left: -882px; /* posicao horizontal da imagem com zoom*/
}

.hoverbox li.last:hover .preview
{
    left: -60px; /* posicao horizontal da imagem com zoom */
}

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

.hoverbox li
{
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    float: left;
    margin: 4px;
    padding: 3px;
    position: relative;
}

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

.hoverbox .preview
{
    border-color: #000;
    width: 150px; /*150*/
    height: 100px;
}

.one
{
    /*background:#404040; /*#404040*/
    width: 150px; /*150 fundo do canto com o link*/ /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); entfernt wg. Fehler im Validator*/
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.two
{
    width: 150px; /*150 linha do canto com o link*/
    color: #FFFFFF;
    text-align: left;
}

.two h4
{
    /*titulo do quadrado do canto*/
    margin: 0;
    padding: 0;
    font-size: 12pt;
    color: #fff;
    font-weight: bold;
    text-align: left; /*center*/
    padding-bottom: 2.5px;
    padding-top: 2.5px;
    padding-left: 5px;
    border-bottom: 1px solid #aaa;
}

.two p
{
    margin: 5px;
    padding: 0;
    color: #FFF;
    font-family: verdana;
    font-size: 8pt;
}

.two a
{
    font-family: verdana;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
    line-height: 15px;
}
.two a:visited
{
    font-family: verdana;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
    line-height: 15px;
}
.two a:hover
{
    font-family: verdana;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
}

.two a.hovlink
{
    font-weight: normal;
    text-decoration: none;
    line-height: 14px;
}
.two a.hovlink:visited
{
    font-weight: normal;
    text-decoration: none;
}
.two a.hovlink:hover
{
    font-weight: normal;
    text-decoration: none;
}




/****************** banners 150 pixels */

.hoverbox150
{
    cursor: default;
    list-style: none;
    font-size: 8pt;
    font-weight: bold;
    font-family: arial;
    text-align: center;
    margin: 0;
    padding: 0;
}



.hoverbox150 a
{
    cursor: default;
}

.hoverbox150 li .preview
{
    display: none;
}

.hoverbox150 li:hover .preview
{
    display: block;
    position: absolute;
    top: 0px; /* -10 */
    left: -25px;
    z-index: 1;
    border: 4px solid #aaa;
}

.hoverbox150 li.first:hover .preview
{
    left: -12px; /* posicao horizontal da imagem com zoom */
}

.hoverbox150 li.first2:hover .preview
{
    left: -172px; /* posicao horizontal da imagem com zoom */
}

.hoverbox150 li.first3:hover .preview
{
    left: -332px; /* posicao horizontal da imagem com zoom */
}

.hoverbox150 li.first4:hover .preview
{
    left: -492px; /* posicao horizontal da imagem com zoom */
}

.hoverbox150 li.first5:hover .preview
{
    left: -652px; /* posicao horizontal da imagem com zoom */
}

.hoverbox150 li.last:hover .preview
{
    left: -812px; /* posicao horizontal da imagem com zoom */
}

.hoverbox150 img
{
    background: #fff;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
    width: 136px;
    height: 60px;
}

.hoverbox150 li
{
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    float: left;
    margin: 3px;
    padding: 5px;
    position: relative;
}

.hoverbox150 li:hover
{
    display: block;
    font-size: 100%;
    z-index: 1;
}

.hoverbox150 .preview
{
    border-color: #000;
    width: 150px;
    height: 100px;
}

.one150
{
    /*background: #404040;*/
    width: 150px; /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); entfernt wg. Fehler im Validator*/
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.two150
{
    width: 150px;
    color: #FFFFFF;
    text-align: left;
}

.two150 h4
{
    margin: 0;
    padding: 0;
    font-size: 12pt;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding-bottom: 2.5px;
    padding-top: 2.5px;
    padding-left: 5px;
    border-bottom: 1px solid #aaa;
}

.two150 p
{
    margin: 5px;
    padding: 0;
    color: #FFF;
    font-family: verdana;
    font-size: 8pt;
}

.two150 a
{
    font-family: verdana;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
    line-height: 15px;
}
.two150 a:visited
{
    font-family: verdana;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
    line-height: 15px;
}
.two150 a:hover
{
    font-family: verdana;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
}

.two150 a.hovlink
{
    font-weight: normal;
    text-decoration: none;
    line-height: 14px;
}
.two150 a.hovlink:visited
{
    font-weight: normal;
    text-decoration: none;
}
.two150 a.hovlink:hover
{
    font-weight: normal;
    text-decoration: none;
}