/*
 * stylesheet for unsere-autos.de
 * timeline
 * (c) www.wegewerk.com
 * wwEdit CMS (www.wwedit.de)
 * created:      20090608 bms
 * lastmodified: 20090720 bms
 */

#page_body_left{
  display: none;
}

#page_body_main_container{
  width: auto;
  float: none;
  position: static;
  margin:0;
  padding: 0;
  background: transparent;
  border: 0;
}

.scrollable_dock_container{
  width: 898px;
  height: 378px;
  overflow: hidden;
  background: url(/static/img/vda10/timeline/bg_timeline.jpg) repeat-x;
  position: relative;
  margin-bottom: 5px;
  border: 1px solid #d9d9d9;
}

.scrollable_dock_list_container{
  width: 858px;
  height: 285px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 30px;
}

.scrollable_dock_list_container .wait{
   position: absolute;
   left: 421px;
   top: 80px;
   background: white;
}

.scrollable_dock_list_container ul{
  height: 285px;
}

.scrollable_dock_list_container li.scrollable_dock_item{
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 125px;
  height: 140px;
  border: 3px solid #fff;
  background: #fff;
  display: none;

  width: 110px;
  height: 129px;
}

.scrollable_dock_list_container .scrollable_dock_item img.teaser_img{
  width: 125px;
  height: 140px;
  width: 110px;
  height: 129px;
}

.msie6 .scrollable_dock_list_container .scrollable_dock_item img.teaser_img{
  margin-bottom: -3px;
}

.scrollable_dock_container .scrollable_dock_control{
  width: 858px;
  height: 64px;
  position: absolute;
  bottom: 10px;
  left: 20px;
}


.scrollable_dock_container .scrollable_dock_control .scrollbar{
  width: 858px;
  height: 64px;
  background: url(/static/img/vda10/timeline/bg_scrollbar.gif) repeat-x;
  position: absolute;
  top: 0;
}

.scrollable_dock_container .scrollable_dock_control .slider{
  position: absolute;
  top: 10px;
  height: 44px;
  width: 29px;
  background: url(/static/img/vda10/timeline/slider.gif) no-repeat;
}


.scrollable_dock_container .scrollable_dock_title_img{
  position: absolute;
  top: 0;
  z-index: 100;
}


#ajax_load_window{
   position: relative;
   margin-bottom: 5px;
   min-height: 335px;
}

.msie6 #ajax_load_window{
   height: 335px;
}

#ajax_load_window .wait{
   position: absolute;
   left: 442px;
   top: 10px;
}

#ajax_load_window .content_object{
  margin-bottom: 0;
}

#ajax_load_window .co_pos_first .co_head {
  width: 378px;
  height: 333px;
  border: 1px solid #d9d9d9;
  float: left;
  margin-right: 10px;
}

#ajax_load_window .co_pos_last .co_head,
#ajax_load_window .co_pos_inner .co_head {
}


.msie6 #ajax_load_window .content_object .co_head {
  margin-right: 7px;
}

#ajax_load_window .content_object .co_head .img_container{
  height: 333px;
  overflow: hidden;
  margin-bottom: 0px;
}

#ajax_load_window .content_object .co_head img{
/*
  width: 378px;
  height: 333px;
  */
  border: 0;
}

#ajax_load_window .content_object .co_body {
  width: 510px;
  float: right;
  position: relative;
}


#ajax_load_window .content_object .co_body h2{
  color: #fff;
  font-size: 1.9em;
  font-weight: normal;
}

#ajax_load_window .content_object .co_body_top{
  height: 198px;
  border: 1px solid #d9d9d9;
  width: 508px;
  background: url(/static/img/vda10/verlauf_klein.jpg);
  position: relative;
  margin-bottom: 5px;
}

#ajax_load_window .content_object .slogan_container{
  position: absolute;
  bottom: 0px;
  left: 20px;
}

#ajax_load_window .content_object .co_body_bottom {
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 10px 20px 2px 20px;
  min-height: 116px !important;
}

.msie7 #ajax_load_window .content_object .co_body_bottom {
  overflow: auto;
}

.msie6 #ajax_load_window .content_object .co_body_bottom {
  height: 116px; 
}

#ajax_load_window .co_pos_inner .video_container,
#ajax_load_window .co_pos_last .video_container
{
  display: block;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
#ajax_load_window .co_pos_last .video_container
{
  border-bottom: 1px solid #d9d9d9;
}

.video_container {
    text-align: center;
    margin-top: -2px;    
    width: 508px !important; 
}

.video_content {
    padding: 20px;
    background-Color: white;    
} 

#ajax_load_window .flashvideo {
    position: relative;
}

#ajax_load_window .flashvideo .co_head {
    display: none; 
}

.msie6 .video_content {
    margin-left: -2px; 
}

.co_pos_inner, .co_pos_last {
   display: none;
}

#ajax_load_window .content_object {
   display: block !important; 
}

#ajax_load_window .co_head {
   float: left;   
}    

#ajax_load_window .co_head img {
   height: auto !important;
}