/* =Skitter styles
----------------------------------------------- */
.box_skitter {
    position: relative;
    width: 998px;
    height: 295px;
}
.box_skitter img {
    max-width: none;
    width: 998px;
    height: 295px;
}
/* Tip for stildv */
.box_skitter ul {
    display: none;
}
.box_skitter .container_skitter {
    overflow: hidden;
    position: relative;
}
.box_skitter .image {
    overflow: hidden;
}
.box_skitter .image img {
    display: none;
}
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20;
}
.box_skitter .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url(../../img/dcru/main/prev.png) no-repeat left top;
}
.box_skitter .next_button {
    position: absolute;
    top: 51%;
    right: 10px;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden; 
    text-indent: -9999em;
    margin-top: -25px;
    background: url(../../img/dcru/main/next_1.png) no-repeat left top;
}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {
    width: 998px;
    height: 295px;
}



/* =Skitter styles
----------------------------------------------- */
.event {
    position: relative;
    width : 105px;
    height: 105px;
    top : 10px;
}
.event img {
    max-width: none;
    overflow : hidden;
}
/* Tip for stildv */

.event .event2 {
    overflow: hidden;
    position: relative;
}
.event .image {
    overflow: hidden;
}
.event .image img {
    display: none;
    margin-top:0px;
}
/* =Box clone
-------------------------------------------------------------- */
.event .box_clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20;
}
.event .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
/* =Navigation
-------------------------------------------------------------- */
.event .prev_button {
    position: absolute;
    top: 0%;
    left: 35px;
    z-index: 0;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    display : none;
}
.event .next_button {
    position: absolute;
    top: 50%;
    right: 35px;
    z-index: 0;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
}
/* =Dots
-------------------------------------------------------------- */
.event .info_slide_dots {
    position: absolute;
    top:-20px;
    margin-left: 60px;
    z-index: 151;
}
.event .info_slide_dots .image_number {
    background: #dedede;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    width: 8px;
    height: 8px;
    text-indent: -9999em;
    overflow: hidden;
}
.event .info_slide_dots .image_number_select {
    background: #ffbd1f;
    float: left;
    margin: 0 5px 0 0;
}
/* =Example for dimenions
-------------------------------------------------------------- */