
#imageMenu {
	position: relative;
/* Die Hoehe deiner Bilder */
	height: 415px;
	overflow: hidden;
/* Die Hintergrundfarbe - setze hier einfach die Farbe deiner Seite ein (z.B. Rot: #ff0000 - dummes Beispiel, ich weiss) */
	background-color: none;
	padding: 0px 0 0px 0px;
	border-style: none;
	 margin: 0 auto;
/* Die Breite des gesamten Blocks (Anzahl der Bilder mal die Vorschaubreite (siehe unten)) */
  width: 1000px;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
/* nochmal die Hoehe deiner Bilder */
	height: 415px;
	padding: 0;
	}

/* Diese Werte solltest du besser nicht ändern (bringt naemlich nicht viel ;-)) */
#imageMenu ul li {
	float: left;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-top-style: solid;
	border-top-width: 0px;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#000000 none repeat scroll 0%;
	border-right: 0px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
/* Vorschaubreite (also die Breite des Teils der Bilder, den du siehst, bevor du mit der Maus drüberfährst) */
	width:164px;
/* nochmal die Hoehe der Bilder */
	height: 415px;
		margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Hier die Urls deiner Bilder - Bringe sie am besten im Ordner imageslider/images/ unter,
also da, wo auch die Beispielbilder sind */
/* Wenn du ein Bild hinzufuegen moechtest, musst du nur einen der Bloecke unten loeschen und
die entsprechende Codezeile in der Datei slider.html loeschen (beim Hinzufuegen eines Bildes 
einfach jeweils einen Block anfuegen, achte dabei aber auf die Nummerierung (bk6, bk7, bk8 usw)) */

#imageMenu ul li.bk1 a {
	background: url(images/schieber1.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk2 a {
	background: url(images/schieber2.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk3 a {
	background: url(images/schieber3.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk4 a {
	background: url(images/schieber4.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk5 a {
	background: url(images/schieber5.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk6 a {
	background: url(images/schieber6.jpg) repeat scroll 0%;
}

.clear {
	clear: both;
}



