/*div.caption {
    font-weight: bold;
}*/

#search_form-minimum_term_of_lease-slider {
    background-image: url(../../img/suche/control_m-dauer.gif);
}

#search_form-destination_maximum_distance-slider {
    background-image: url(../../img/suche/control_km2.gif);
}

#id_destination_address {
    width: 94px;
    background-image: url(../../img/suche/input_location2.gif);
}

#search_form-number_of_rooms-slider {
    background-image: url(../../img/suche/controller_zimmer.gif);
}

#search_form-price-slider {
    background-image: url(../../img/suche/control_preis.gif);
}

div.slider {
    width: 171px;
    height: 26px;
    float: left;
    background-repeat: no-repeat;
    background-position: bottom left;
}

div.slider div.handle {
    position: absolute;

    width: 18px;
    height: 18px;
    background-image: url(../../img/suche/control-button.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: move;

}

div.slider-container.disabled div.slider div.handle {
    background-image: url(../../img/suche/control-button-gray.gif);
}
div.slider-container.disabled div.buttonnormal, div.slider-container.disabled div.buttoncalendar {
    color: #DDD;
}

#search_form-price-handle, #search_form-number_of_rooms-handle {
    padding-left: 0;
}

#search_form-destination_maximum_distance-handle {
    padding-left: 13px;
}

#search_form-rental_from_date-handle, #search_form-minimum_term_of_lease-handle {
    padding-left: 0;
}

div.slider_out {
    width: 200px;
}

div.slider_out > div.slider_out_left {   
    float:left;
}
div.slider_out > div.slider_out_right {   
    float:right;
}


/**** MAP ***/
#searchmap {
    padding-right: 4px;
    margin-right: 4px;
    width: 136px;
    height: 90px;
    float: left;

}
.searchmap {
    position: absolute;
    left: 0;
    top: 0;
}


.criterion.space {
    margin-top: 12px;
}


/** DATESLIDER **/

div#dateslider-container {
    width: 281px;
    border:1px solid #000000;
    height: 30px;
    overflow:hidden;
    background-color:#FFFFFF;
    float: left;
}

div#datesliderbar {
    position:absolute;
    background: url(../../img/slidebg.gif) repeat-x;
    background-position:0px 6px;
    width:300px;
    height:30px;
    cursor:pointer;
}

div.slideYear {
    position:relative;
    height:23px;
    float:left;
    border:0px solid #BEBEBE;
    border-left-width:1px;
    top:3px;
    font-size: 0.6em;
    font-family:verdana;
    font-weight:bold;
    color:#888888;
}

div.slideMonth {
    height:16px;
    border:0px solid #BEBEBE;
    border-left-width:1px;
    position:absolute;
    float:left;
    top:7px;
    font-size:0.7em;
    font-family:verdana;
    font-weight:bold;
}

div.firstMonth {
    border-left-width:0px;
}

span#lefthandle, span#righthandle {
    background-color:#F2964B;
    position:absolute;
    top:0px;
    width:5px;
    cursor:w-resize;
    height:27px;
    display:block;
    z-index:1;
}

div#shiftpanel {
    top:3px;
    position:absolute;
    height:20px;
    background-color:#0000FF;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
    z-index:0;
}

div.zoomPanel {
    width:102px;
    position:absolute;
    height:12px;
    background-color:#FFF;
    right:0px;
    top:0px;
    opacity:.85;
    filter:alpha(opacity=85);
    border:1px solid #EEE;
    border-width:0px 0px 1px 1px;
    font-size:10px;
    padding:2px;
    padding-top:0px;
}

div.zoomPanel a.zoom {
    text-decoration:none;
    color:#000;
}