body
{
    background:  url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kuko_bg.jpg);
    background-repeat:no-repeat;
    background-position:top center;
}

#footer
{
    background: #ccc;
}
#circles
{
    position: absolute;
    left:0px;
    top:230px;
    z-index:3;
}
.circle
{
    height: 100px;
    width: 100px;
    display:block;
    position: absolute;
    left:10px;
    top:10px;
    z-index: 4;
}

h1.ku_headline
{
    position: absolute;
    top:205px;
    left:30px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 3px;
    z-index:4;
    font-weight: normal;
}
h2.ku_channel
{
    font-size:16px;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 0;
    margin:  0 0 0 0;
    width:165px;
    line-height:16px;
    border: dashed 0px red;
}
h2.ku_channel a
{
    font-size:16px;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 0;
    margin:  0 0 0 0;
}
h3.ku_channel
{
    font-size:16px;
    color: #213EFF;
    text-decoration: none;
    padding: 0 0 0 0;
    margin:  0 0 0 0;
    width:165px;
    line-height:16px;
    text-align:right;
}
h3.ku_channel a
{
    font-size:16px;
    color: #213EFF;
    text-decoration: none;
    padding: 0 0 0 0;
    margin:  0 0 0 0;
}
h2.ku_channel a:hover
{
    color: #99001A;
}
h3.ku_channel a:hover
{
    color: #99001A;
}




#ku_li_img_1
{
    position:absolute;
    left:100px;
    top:100px;
}
#ku_navi
{
    position:absolute;
    top: 270px;
    left:100px;
    border:  solid 0px pink;
    width:800px;
    height:200px;
    z-index: 10;
}

#ku_navi .ku_li.active
{
    display:block;
}


/* ##################################################### */
.ku_li
{
    position: absolute;
    top:10px;
    left: 10px;
    display: block;
    height: 200px;
    width:210px;
    color: #fff;
    padding:0px;
    border: dashed 0px #ccc;
}
#ku_li_1
{
   left:100px;
   top:70px;
}
#ku_li_2
{
   left:290px;
   top:60px;
}
#ku_li_3
{
   left:480px;
   top:70px;
}
.ku_li_face
{
    position: absolute;
    left:140px;
    top:5x;
    background: url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kukoku-bullet_talk.png) no-repeat top left;
    height: 100px;
    width: 100px;
    display:block;
}
#ku_li_face_1
{

}
#ku_li_face_2
{

}
#ku_li_face_3
{

}
.ku_li_face.talk
{
    background: url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kukoku-bullet_talk.png) no-repeat top left;
}


.ku_li_mess
{

    height:120px;
    width:190px;
    background:  url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kukoku-bubble.png) no-repeat top left;

    position: absolute;
    top:40px;
    left:0px;
    padding-top:49px;
    padding-left:10px;
    cursor:pointer;
}
#ku_navi .ku_li_mess.active
{
    display:block;
}

.ku_li .ku_li_mess
{
    background: url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kukoku-bubble_default.png) no-repeat top left;
}
.ku_li .ku_li_mess:hover 
{
    background: url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kukoku-bubble.png) no-repeat top left;
}
.ku_li.active .ku_li_mess
{
    background: url(http://kunst-konstruktion.de/kabimba_layouts/kunst-konstruktion/pix/kukoku-bubble.png) no-repeat top left;
    z-index:11;
}

.ku_li.active
{
    z-index: 2000 !important;
}