body { 
color: #222222; 
background-color: #ffffff; 
font-size: 11px; 
font-family: Helvetica, Arial, sans-serif; }

body, html { 
height: 98%; 
margin-left: 8px; 
margin-top: 2px; }

.titel { font-size: 12px; }
.small{ font-size: 10px; }

a:link {text-decoration: none; color: #a9a9a9; }
a:visited {text-decoration: none; color: #a9a9a9; }
a:hover {text-decoration: none; color: #000000; }
a:active {text-decoration: none; color: #000000; }

a.img:hover {opacity: 0.6;filter: alpha(opacity=60);-moz-opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); }
img {border: 0; }

#wn { 
position:relative; 
width:520px; 
height:70px; 
overflow:hidden; }

div#scrollbar { display:none; }

div#scrollbar { 
    position: relative;
    top: -3px; 
    width: 520px; 
    height: 11px;
    display: block; /* display: none initially */
    font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */ }

div#track { 
    position: absolute; 
    left: 12px; 
    top: 0;
    width: 495px; 
    height: 11px; 
    background: #eeeeee; }

div#dragBar {
    position:absolute; 
    left: 1px; 
    top: 1px;
    width: 50px; 
    height: 9px; 
    background-color: #333333; } 

div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size: 1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img { display:block; } 

div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }