@charset "UTF-8";
/**
*
* Horizontal Slider
*
* @copyright	Copyright 2010-2011 | MEN AT WORK
* @link 		http://www.men-at-work.de
* @license		LGPL
*/

@media screen, projection
{

  .slider {
    display:block;
    position:relative;
    padding:0 20px;
    margin:0 auto;
  }

  /*---------------------------------------------------------------------------*/
  /* Style forward/backward button if navigation is active */
  /* Navigation gestalten wenn Sie im Backend aktiviert ist */

  .js-slider .slider .fwd,
  .js-slider .slider .bk {
    display:block;
    position:absolute;
    cursor:pointer;
    width:25px;
    height:25px;
    top:50%;
    margin-top:-13px;
    text-indent:-99999px;
    z-index:111;
    background-repeat:no-repeat;
    background-position:center center;
  }

  .js-slider .slider .fwd {
    right:5px;
    background-image:url(../images/forward_horizontal.png);
  }

  .js-slider .slider .bk {
    left:5px;
    background-image:url(../images/back_horizontal.png);
  }

  .slider .fwd,
  .slider .bk {
    display:none;
  }

  /*---------------------------------------------------------------------------*/

  .slider_inner {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    padding:0;
  }

  .slider_items {
    display:block;
    position:relative;
    overflow:hidden;
  }

  .slider_items .block {
    position:relative;
    float:left;
  }

  /*--------------------------------------------------------------------------*/

  .slider .bulletlist {
    display:block;
    text-align:center;
  }

  .slider .bulletlist .bullet {
    width:10px;
    height:10px;
    display:inline-block;
    border:1px solid #000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    behavior:url("plugins/css3pie/PIE.htc");
  }

  .slider .bulletlist .bullet.active {
    background-color:#000;
  }

}