/* Easy Slider */ #slider, #slider2, #slider3, #slider4, #slider5, #slider6, #slider7, #slider8, #slider9, #slider10, #slider11, #slider12 { background: url(../img/projekte/slider_background2.jpg) no-repeat left top #f5f5f5; width: 100%; height: 100%; border: 1px solid #3c3c3d; -webkit-border-top-left-radius: 00px; -webkit-border-top-right-radius: 00px; -moz-border-radius-topright: 00px; -moz-border-radius-topleft: 00px; -o-border-radius: 00px; } #slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li, #slider5 ul, #slider5 li, #slider6 ul, #slider6 li, #slider7 ul, #slider7 li, #slider8 ul, #slider8 li, #slider9 ul, #slider9 li, #slider10 ul, #slider10 li, #slider11 ul, #slider11 li, #slider12 ul, #slider12 li { margin:0; padding:0; list-style:none; } #slider2, #slider3, #slider4, #slider5, #slider6, #slider7, #slider8, #slider9, #slider10, #slider11, #slider12 {margin-top:1em;} #slider li, #slider2 li, #slider3 li, #slider4 li, #slider5 li, #slider6 li, #slider7 li, #slider8 li, #slider9 li, #slider10 li, #slider11 li, #slider12 li { /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:800px; height:450px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider2next, #slider3next, #slider4next, #slider5next, #slider6next, #slider7next, #slider8next, #slider9next, #slider10next, #slider11next, #slider11next, #slider1prev, #slider2prev, #slider3prev, #slider4prev, #slider5prev, #slider6prev, #slider7prev, #slider8prev, #slider9prev, #slider10prev, #slider11prev, #slider1prev { display: block; width:58px; height:115px; position: relative; left:-70px; top:-300px; z-index: 1000; opacity: 1; text-indent: -9999px; } #nextBtn, #slider1next, #slider2next, #slider3next, #slider4next, #slider5next, #slider6next, #slider7next, #slider8next, #slider9next, #slider10next, #slider11next, #slider11next { left:752px; top: -415px; } #prevBtn a, #nextBtn a, #slider1next a, #slider2next a, #slider3next a, #slider4next a, #slider5next a, #slider6next a, #slider7next a, #slider8next a, #slider9next a, #slider10next a, #slider11next a, #slider12next a, #slider1prev a, #slider2prev a, #slider3prev a, #slider4prev a, #slider5prev a, #slider6prev a, #slider7prev a, #slider8prev a, #slider9prev a, #slider10prev a, #slider11prev a, #slider12prev a { display:block; position:relative; width:58px; height:115px; background:url(../img/projekte/p_slider_arrow.png) no-repeat 0 0; opacity: 0.5; } #nextBtn a, #slider1next a, #slider2next a, #slider3next a, #slider4next a, #slider5next a, #slider6next a, #slider7next a, #slider8next a, #slider9next a, #slider10next a, #slider11next a, #slider12next a { background:url(../img/projekte/p_slider_arrow.png) no-repeat -58px -0px; opacity: 0.5; } #prevBtn a:hover, #nextBtn a:hover, #slider1next a:hover, #slider2next a:hover, #slider3next a:hover, #slider4next a:hover, #slider5next a:hover, #slider6next a:hover, #slider7next a:hover, #slider8next a:hover, #slider9next a:hover, #slider10next a:hover, #slider11next a:hover, #slider12next a:hover, #slider1prev a:hover, #slider2prev a:hover, #slider3prev a:hover, #slider4prev a:hover, #slider5prev a:hover, #slider6prev a:hover, #slider7prev a:hover, #slider8prev a:hover, #slider9prev a:hover, #slider10prev a:hover, #slider11prev a:hover, #slider12prev a:hover { opacity: 1;; } #prevBtn a:active, #nextBtn a:active, #slider1next a:active, #slider2next a:active, #slider3next a:active, #slider4next a:active, #slider5next a:active, #slider6next a:active, #slider7next a:active, #slider8next a:active, #slider9next a:active, #slider10next a:active, #slider11next a:active, #slider12next a:active, #slider1prev a:active, #slider2prev a:active, #slider3prev a:active, #slider4prev a:active, #slider5prev a:active, #slider6prev a:active, #slider7prev a:active, #slider8prev a:active, #slider9prev a:active, #slider10prev a:active, #slider11prev a:active, #slider12prev a:active { background-position: 2px 2px; } #nextBtn a:active, #slider1next a:active, #slider2next a:active, #slider3next a:active, #slider4next a:active, #slider5next a:active, #slider6next a:active, #slider7next a:active, #slider8next a:active, #slider9next a:active, #slider10next a:active, #slider11next a:active, #slider12next a:active { background-position: -58px 2px; left: 2px; } /* numeric controls */ ol#controls1, ol#controls2, ol#controls3, ol#controls4, ol#controls5, ol#controls6, ol#controls7, ol#controls8, ol#controls9, ol#controls10, ol#controls11, ol#controls11 { padding:0; opacity: 0.8; margin-left: auto; margin-right: auto; padding-left: 6px; margin-top: -34px; color: #3c3c3d; } ol#controls1 li, ol#controls2 li, ol#controls3 li, ol#controls4 li, ol#controls5 li, ol#controls6 li, ol#controls7 li, ol#controls8 li, ol#controls9 li, ol#controls10 li, ol#controls11 li, ol#controls12 li { margin-right: 7px; padding:0; list-style: none; height:15px; width: 15px; border: 3px solid #ededed; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; display: inline-block; cursor: pointer; background-color: #3c3c3d; box-shadow:0px 0px 1px 1px #222; } ol#controls1 li a, ol#controls2 li a, ol#controls3 li a, ol#controls4 li a, ol#controls5 li a, ol#controls6 li a, ol#controls7 li a, ol#controls8 li a, ol#controls9 li a, ol#controls10 li a, ol#controls11 li a, ol#controls12 li a { float:left; color:#555; padding:0 0px; text-decoration:none; opacity: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; } ol#controls1 li.current a, ol#controls2 li.current a, ol#controls3 li.current a, ol#controls4 li.current a, ol#controls5 li.current a, ol#controls6 li.current a, ol#controls7 li.current a, ol#controls8 li.current a, ol#controls9 li.current a, ol#controls10 li.current a, ol#controls11 li.current a, ol#controls12 li.current a { background:#fff; height: 19px; font-size: 1px; width: 17px; left: -6px; margin: -2px -0px -0px -2px; line-height: 1px; opacity: 1; color: #ededed; } ol#controls1 li a:focus, ol#controls2 li a:focus, ol#controls3 li a:focus, ol#controls4 li a:focus, ol#controls5 li a:focus, ol#controls6 li a:focus, ol#controls7 li a:focus, ol#controls8 li a:focus, ol#controls9 li a:focus, ol#controls10 li a:focus, ol#controls11 li a:focus, ol#controls12 li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline:none; opacity: 1; }