@charset "utf-8";
/* CSS Document */

/* Anpassen, wie in Content-Element angegeben */
#slider { width:660px; }
.scroll { height:280px;width:660px; }
.scrollContainer div.panel {
	margin: auto;
}




#slider {
	position: relative;
	width: 100%;
	padding: 0px;
	margin-left: 25px;
}
#slider h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #088537;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #088537;
	padding-bottom: 5px;
	text-align: center;
}

.scroll {
	overflow: auto;
	overflow-x:hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.scrollContainer div.panel {
	padding: 0px;
}
.scrollButtons {
	cursor:pointer;
}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
}

div#slider_nav {
	float:left;
	background:#fff url("../../../v10 - Kopie/ext/tan3_slider/nav_bottom.gif") repeat-x bottom;
}
ul.navigation li {
  float:left;
  margin: 5px 5px 0 0;  
  padding: 0;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
ul.navigation li.selected {
	border-bottom: 1px solid #fff;
}

ul.navigation a {
  float:left;
  display:block;
  color:#334;
  background:#ececec; 
  padding:1px 11px 1px 8px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  width: auto;
}

ul.navigation a:hover,
ul.navigation li.selected a {   
    background-color: transparent;
}

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

.scrollButtons {
    position: absolute;
    top: 60px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -25px;
}

.scrollButtons.right {
    right: -27px;
}