div.illustration
{
    background-image:url('images/illu/background.jpg');
    width:950px;
    height:710px;
    background-repeat:no-repeat;
}

div.illustration div
{
    position:relative;
    background-repeat:no-repeat;
}

div.illustration #besucher
{
    background-image:url('images/illu/besucher.gif');
    width:202px;
    height:163px;
    left:91px;
    float:left;
    top:70px;
}

div.illustration #a
{
    background-image:url('images/illu/a-anim.gif');
    width:108px;
    height:4px;
    float:left;
    top:175px;
    left:75px;
}

div.illustration #www
{
    width:195px;
    height:141px;
    left:75px;
    float:left;
    top:78px;
}

div.illustration div.www-inaktiv
{
    background-image:url('images/illu/www-herkoemmlich-over.gif');
}

div.illustration div.www-aktiv
{
    background-image:url('images/illu/www-ueberblendung.gif');
}

div.illustration #a2
{
    background-image:url('images/illu/a2-anim.gif');
    width:108px;
    height:4px;
    float:left;
    top:175px;
    left:57px;
}

div.illustration #b
{
    width:247px;
    height:26px;
    float:left;
    top:181px;
    left:-191px;
}

div.illustration div.b-aktiv
{
    background-image:url('images/illu/b-anim2.gif');
} 

div.illustration #webmaster
{
    background-image:url('images/illu/webmaster.gif');
    width:202px;
    height:163px;
    left:660px;
    top:70px;
}

*html div.illustration #webmaster
{
    left:152px;
    top:44px;
}

div.illustration #c
{
    width:4px;
    height:60px;
    left:475px;
    top:56px;
}

*html div.illustration #c
{
    top:30px;
} 

div.illustration div.c-aktiv
{
    background-image:url('images/illu/c-anim.gif');
} 

div.illustration #mitglied
{
    background-image:url('images/illu/mitglieder.gif');
    width:202px;
    height:163px;
    left:91px;
    float:left;
    top:35px;
}

*html div.illustration #mitglied
{
    top:5px;
}

div.illustration #d
{
    width:108px;
    height:4px;
    float:left;
    left:76px;
    top:136px;
}

*html div.illustration #d
{
    top:110px;
}

div.illustration div.d-inaktiv
{
    background-image:url('images/illu/d.gif');
}

div.illustration div.d-aktiv
{
    background-image:url('images/illu/d-anim.gif');
}

div.illustration #bw
{
    width:177px;
    height:141px;
    left:75px;
    float:left;
    top:43px;
}

*html div.illustration #bw
{
    top:17px;
}

div.illustration div.bw-inaktiv
{
    background-image:url('images/illu/bw-up.gif');
}

div.illustration div.bw-aktiv
{
    background-image:url('images/illu/bw-over.gif');
}

div.illustration #h
{
    width:110px;
    height:224px;
    float:left;
    left:75px;
    top:136px;
}

div.illustration div.h-inaktiv
{
    background-image:url('images/illu/h.gif');
}

*html div.illustration #h
{
    top:110px;
}

div.illustration div.h-aktiv
{
    background-image:url('images/illu/h-anim.gif');
}

div.illustration div.h-aktiv-e
{
    background-image:url('images/illu/e-anim.gif');
}

div.illustration div.h-aktiv-f
{
    background-image:url('images/illu/f-anim.gif');
}
div.illustration #statistik
{
    width:177px;
    height:141px;
    left:672px;
    top:43px;
}

*html div.illustration #statistik
{
    top:17px;
    left:71px;
}

div.illustration div.statistik-inaktiv
{
    background-image:url('images/illu/statistik-up.gif');
}

div.illustration div.statistik-aktiv
{
    background-image:url('images/illu/statistik-over.gif');
}

div.illustration #g
{
    width:4px;
    height:60px;
    left:475px;
    top:43px;
}

*html div.illustration #g
{
    top:17px;
    left:-126px;
}

div.illustration div.g-inaktiv
{
    background-image:url('images/illu/g.gif');
}

div.illustration div.g-aktiv
{
    background-image:url('images/illu/g-anim.gif');
}

div.illustration #pagerank
{
    width:176px;
    height:149px;
    left:-212px;
    float:left;
    top:30px;
}

*html div.illustration #pagerank
{
    top:4px;
}

div.illustration div.pagerank-inaktiv
{
    background-image:url('images/illu/pagerank-up.gif');
}

div.illustration div.pagerank-aktiv
{
    background-image:url('images/illu/pagerank-over.gif');
}

div.illustration #ranking
{
    width:177px;
    height:141px;
    left:672px;
    top:39px;
}

*html div.illustration #ranking
{
    margin-top:-175px;
    /*top:-137px;*/
}

div.illustration div.ranking-inaktiv
{
    background-image:url('images/illu/votes-up.gif');
}

div.illustration div.ranking-aktiv
{
    background-image:url('images/illu/votes-over.gif');
}



/* TOOL TIP */
#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 0px solid #BF0A0A;
    padding: 2px;
    background-color: transparent;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden !important;
    display:none;
}

#dhtmltooltip .small {
    color:#666666;
    font-family:Arial;
    font-size:11px;
    font-style:normal;
}

#tooltipBlase{

}

#dhtmltooltip #ttb1{
    background-image:url('images/tooltip/ecke-ol.gif');
    width:28px;
    height:25px;
}

#dhtmltooltip #ttb2{
    background-color:white;
    border-top:2px solid #BF0A0A;    
}

#dhtmltooltip #ttb3{
    background-image:url('images/tooltip/ecke-or.gif');
    width:28px;
    height:25px;
}

#dhtmltooltip #ttb4{
    background-color:white;
    border-left:2px solid #BF0A0A;
}

#dhtmltooltip #ttb5{
    background-color:white;
}

#dhtmltooltip #ttb6{
    background-color:white;
    border-right:2px solid #BF0A0A;
}

#dhtmltooltip #ttb7{
    background-image:url('images/tooltip/ecke-ul.gif');
    width:28px;
    height:25px;
}

#dhtmltooltip #ttb8{
    background-color:white;
    border-bottom:2px solid #BF0A0A;
}

#dhtmltooltip #ttb9{
    background-image:url('images/tooltip/ecke-ur.gif');
    width:28px;
    height:25px;
}