@charset "utf-8";

/**
 * image replacement
 */
.graphic,
#prevBtn,
#nextBtn {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}

img {
    border:none;
}

/**
 * DIV-Elemente
 */
#container {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 696px;
    /*background:#fff;*/
    margin-bottom: 2em;
}

#slider {margin: 0 auto;width:600px;}

#slider ul,
#slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider li {
    /**
     * define width and height of list item (slide)
     * entire slider area will adjust according to the parameters provided here
     */
    width: 600px;
    height: 247px;
    overflow: hidden;
}

#slider ul li img {
    float: left;
    margin-top: 10px;
    /*margin-left: 10px;*/
    margin-right: 10px;
}

/**
 * Buttons
 * Wenn keine Button zu sehen sein sollen,
 * einfach auskommentieren
 */
#prevBtn,
#nextBtn {
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: 0px;
    top: 145px;
}

#nextBtn{
    left: 674px;
}

#prevBtn a,
#nextBtn a {
    display: block;
    width: 30px;
    height: 77px;
    background: url(/images/easySlider/button_left.gif) no-repeat 0 0;
}

#nextBtn a {
    background: url(/images/easySlider/button_right.gif) no-repeat 0 0;
}

ol#sliderControls {
	margin: 0 auto;
	width:600px;
	height:28px;
	/*margin:1em 0;*/
	margin-top: 15px;
	padding:0;
}

ol#sliderControls li  {
	float:left;
	height:28px;
	line-height:28px;
	list-style:none outside none;
	margin:0 10px 0 0;
	padding:0;
}

ol#sliderControls li a  {
	border:1px solid #CCCCCC;
	color:#555555;
	float:left;
	height:28px;
	width:10x;
	padding:0 10px;
	text-decoration:none;
	-moz-border-radius:10px 10px 10px 10px;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../images/bg_box_gothic.png");
	background-position:left top;
	background-repeat:repeat;
	float:left;
	margin-right:10px;
}