Team:Freiburg Software/Team/Photos

@@ Line 64: / Line 64: @@
 height: 100%;
 border: 0;
+}
+/* Horizontal showcase ------------------------- */
+.showcase#horizontal {
+	margin: 20px auto 0 auto;
+	width: 836px;
+	height: 170px;
+}
+.showcase#horizontal a.controls {
+	top: 50%;
+	margin-top: -27px;
+}
+.showcase#horizontal a.next {
+	right: 0;
+	padding-top: 4px;
+}
+.showcase#horizontal a.controls:hover {
+	border-color: #2097FA;
+}
+.showcase#horizontal ul {
+	position: relative;
+	width: 700px;
+	height: 170px;
+	margin: 0 auto;
 }
@@ Line 136: / Line 166: @@
 <div id="main_area" style="height: 1000px;">
-<div class="showcase" id="diagonal" style="align: center; text-align: center;">
+<div class="showcase" id="horizontal" style="align: center; text-align: center;">
 <a href="#previous" class="controls previous" rel="previous" style="margin: 0px 0px 0px 0px; float: left;">&ndash;</a>
@@ Line 182: / Line 212: @@
 	<script type="text/javascript">
 		document.observe('dom:loaded', function () {
-			new Showcase.Diagonal($$('#diagonal ul li'), $$('#diagonal a.controls'), {duration: 0.3});
+			new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
 			});
 	</script>