/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ position: relative; overflow:hidden; width:260px; height:340px; z-index:100; }
div#wn	{ position: relative; left:0; top:0; width:260px; height:340px; clip:rect(0 280px 200px 0); overflow:hidden; z-index:1; }
div#lyr1	{ text-align: right; position: relative; left:0; top:0; width:260px; height:340px; clip:rect(0 280px 200px 0); overflow:hidden; z-index:1; }
div.content { position:absolute; visibility:hidden; left:0; top:0; z-index:1; margin: 0; padding: 0; }

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { position:relative; left:0; top:0; width:15px; height:160px; font-size:1px; z-index:1; }
div#track { background-image: url(../images/track.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; position:absolute; left:0; top:12px; width:11px; height:136px; z-index:1; }
div#dragBar { background-color: #bbc84b; position:absolute; left:1px; top:1px; width:9px; height:9px; z-index:1; }  
div#up { position:absolute; left:0; top:0; z-index:2 ; }  
div#down { position:absolute; left:0; bottom:0; z-index:3 ; }  

/* Styles for demo, not necessary for scrolling layers */  
body  { color: white; font-size: 11px; font-family: arial; background-color: transparent; overflow:hidden; text-align:right; margin: 0; padding: 0; }
 td  { color: #fff; font-size: 11px; font-family: arial; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-align: left; }  
th	{ font-size:1.4em; text-align:right }	
a:link, a:visited, a:active { color:#bbc84b ; text-decoration: none; }
a:hover { color:#bbc84b ; text-decoration: underline; }
a img { border:none }
p { color: white; line-height: 12px; text-align: right; margin: 0 ; padding: 0; }
h1 { color: #12bdef; font-size: 11px; font-family: arial; font-weight: normal; line-height: 12px; text-decoration: none; margin: 0; padding: 0; }
h2 { font-size:1.2em; margin:0 0 .6em 0 }
h3 { font-size:1.1em; margin:0 0 .6em 0 }
div.content { text-align:right }
table.main { width:300px; margin:auto; text-align:right; height: 350px; border-width: 0; }
table.main td.text, table.main td.navs { vertical-align:top; text-align:right }
td#scrollLinks  { text-align: center; width:15px ; margin: 0; padding: 0; }
td.navs ul { margin:0; padding:0; list-style:none }
td.navs ul li { margin:0 0 .6em .4em }
td.navs ul li a { text-decoration:none }
td.navs ul li a:hover { text-decoration:underline }
.blauerlink { color: #12bdef; font-size: 11px; font-family: arial; text-align: left; }
.blauerlink a:link, a:visited, a:active { color: #12bdef; font-size: 11px; text-decoration: none; text-align: left; }
.blauerlink a:hover { color: #12bdef; font-size: 11px; text-decoration: underline; text-align: left; }
table { text-align: left; }
.ueberschrift { color: #bbc84b; font-size: 11px; text-decoration: none; text-transform: uppercase; text-align: left; margin: 0; padding: 0; }
.ueberschrift a:link, .ueberschrift a:visited, .ueberschrift a:active { color: #bbc84b; font-size: 11px; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0; }
.ueberschrift a:hover { color: #bbc84b; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: left; margin: 0; padding: 0; }
input { font-size: 11px; font-family: arial; width: 150px; border: solid 1px #dbdbdb; }
textarea { font-size: 11px; font-family: arial; width: 150px; border: solid 1px #dbdbdb; }