/* scroller.css --- spezielle CSS-Datei für die Scroller-Jahreszahlenleiste */
div#jahresnavliste, div#jahresnavliste2	{ 
    border: 1px solid blue;
    background-color: silver; text-align: center;
    position: relative;         /* scroll area div must be positioned */
    width: 853px; height: 48px; /* width and height required. adjust to suit */
    overflow: hidden;           /* required! */
	}
/* safari, chrome, opera have very prominent outline by default
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design */
div#jahresnavliste:focus, div#jahresnavliste2:focus { outline: 1px dotted #E2DADA; }

div#scrolllayer ul, div#scrolllayer2 ul       { padding: 5px; list-style-type: none;                
                                                word-spacing: 25px;  /* margin + padding funktioniert nicht !!! */
                                                white-space:nowrap;  /* Wichtig */ }
div#scrolllayer ul li, div#scrolllayer2 ul li { display:inline; white-space:nowrap; /* Wichtig */ }
div#scrolllayer ul a, div#scrolllayer2 ul a   { color: lime; font-size: 2em; font-weight: bold; text-decoration: none;
                                                text-shadow: #0000FF 3px 2px 4px; }   
    /* Wegen mangelnder Browserunterstützung wird diese Eigenschaft in CSS 2.1 nicht übernommen werden. */
div#scrolllayer ul strong, div#scrolllayer2 ul strong   { color: #0000FF; font-size: 2em; text-shadow: none; }
div#scrolllayer ul a:hover, div#scrolllayer2 ul a:hover { color: #C8FAE1; text-decoration: none; text-shadow: none; }  
    
div#scroller, div#scroller2               { position:relative; }
div#scroller .left, div#scroller2 .left   { background-image:url(pfeil_dreieck-nach-links.png);
                                            background-repeat:no-repeat;
                                            width:31px; height:44px; /* specify width and height of your image */
                                            margin: 2px;
                                            float: left; }
div#scroller .right, div#scroller2 .right { background-image:url(pfeil_dreieck-nach-rechts.png);
                                            background-repeat:no-repeat;
                                            width:31px; height:44px; /* specify width and height of your image */
                                            margin: 2px;
                                            float: right; }
    
div#jahreslaufleiste, div#jahreslaufleiste2 { width: 925px; }