#slider {
    width: 478px;
    margin: 0 auto;
    position: relative;
	padding-top: 10px;
}

.scroll {
    height: 380px;
    width: 478px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer{
	position: relative;
}

.scrollContainer div.panel {
    padding: 1px 0 0 0;
    height: 380px;
	position: relative;
    width: 478px;
}

.mainimg {
	background-color: #FDFDFD;
    height: 1%;
	position: relative;
}
	
	.mainimg .main {
		background-color: #000;
		opacity: .6;
		filter: alpha(opacity=60);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		height: 45px;
		position: absolute;
		left: 0px;
		top: 212px;
		width: 478px;
	}
	.mainimg h1{
		color: #fff;
		font-size: 20px;
		padding: 12px 15px;
		position: absolute;
		left:5px;
		top: 212px;
	}

div.panel .anriss{
	position: absolute;
	left:0px;
	top: 269px;
}	

ul.navigation {
	background: url(../img/slider_navibg.gif) bottom left repeat-x;
    list-style: none;
    margin: 0;
    padding: 0 0 3px 3px;
}

ul.navigation li {
    display: inline;
    margin-right: 1px;
}

ul.navigation a {
	background-color: #f5f5f6;
	border: 1px solid #e1e1e1;
    padding: 2px 12px;
    color: #a5a5a5;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #fdfdfd;
	color: #555;
	text-decoration: none;
}

ul.navigation a.selected {
    background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #555;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
	position: absolute;
	top: 7px;
    cursor: pointer;
	z-index: 1;
}

.scrollButtons.left {
	left: 410px;
}

.scrollButtons.middle {
	left: 435px;
}


.scrollButtons.right {
	left: 460px;
}

.hide {
    display: none;
}