Pfade zu den heruntergeladenen Scriptdateien

 

 

je nach Accordion-Version könnte hier auch 2,3 oder 4 stehen

 

 

Textgröße und Textfarbe für die Text-Inhalte

 

 

Formatierung Überschriften (Größe, Font, Abstand oben + unten, Farbe)

 

 

Panel-Beschriftung (Schriftstärke,Font, Farbe)

 

 

Beschriftung des aktiven Panels (Farbe)

 

 

Farbe der Panel-Beschriftung bei mausover

 

 

Schriftfarbe des aktiven Panels bei mausover

 

 

Panelnummer (Schriftfarbe und -stärke)

 

 

Panelnummer des aktiven Panels (Farbe)

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/
jquery.min.js"></script>
<script type="text/javascript"
src="../scripts/jquery.easyAccordion.js"></script>
<script type="text/javascript"
src="../scripts/utility.js"></script>

<style type="text/css">
        
/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE
FOLLOWING RULES */
     
.easy-accordion{display:block;position:relative;
overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{margin-bottom:0;margin-left:0;
z-index:5;/* Safari */ -webkit-transform: rotate(-90deg);
/* Firefox */ -moz-transform: rotate(-90deg);
-moz-transform-origin: 21px 0px; 
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage
(rotation=3);cursor:pointer;}
.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;top:0px;font-weight:normal;font-size:1.1em;
/* fix chrome bug */-webkit-backface-visibility: hidden;
/* CSS3 */ transform: rotate(90deg);
/* Opera */ -o-transform: rotate(90deg);
/* Webkit */ -webkit-transform: rotate(90deg);
/* Firefox */ -moz-transform: rotate(90deg);
/* Internet Explorer 9 */ -ms-transform: rotate(90deg);
}
.lteIE8 .easy-accordion
.slide-number{ /* Internet Explorer <9*/ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */

#accordion-1{width:947px;height:384px;background:url(../assets/images/SliderBG.png) 50% 50% no-repeat;
padding:21px 20px 19px 20px;}
#accordion-1 p{font-size:14px;color:#2B2B2B;}
#accordion-1 h2{font-size: 24px;font-family:verdana;margin-top:0px;margin-bottom:15px;color:#DE7D22;}
#accordion-1 dl{max-width:947px;height:384px;}
#accordion-1 dt{height:54px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:14px;font-weight:normal;font-family:verdana;text-transform:uppercase;
letter-spacing:1px;background:url(../assets/images/Panel.png)
98% 50% no-repeat;color:#fcfcfc}
#accordion-1 dt.active{cursor:pointer;color:#fff;background:
url(../assets/images/Panel_aktiv.png) 98% 50% no-repeat;}
#accordion-1 dt.hover{color:#FDE1C7;}
#accordion-1 dt.active.hover{color:#fff}
#accordion-1 dd{padding:25px;max-width:575px;max-height:328px;background:url(../assets/images/BG.png) 50% 50%
no-repeat;margin-top:2px;margin-left:2px;}
#accordion-1 .slide-number{color:#68889b;padding-left:6px;
font-weight:bold}
#accordion-1 .active .slide-number{color:#fff}
#accordion-1 a{color:#68889b}
#accordion-1 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px} 

</style>