/*Page related styles for you to view*/
#test3 {
width: 736px;
height: 131px;
overflow: auto;
/*IE overflow fix, position must be relative or absolute*/
position: absolute;
/*if you do not want the outline when focused on firefox and IE
use outline: none;, though not recommended as this may confuse
people who likes to do keyboard navigation */
outline: none;
margin-left:1px 

}
 #back1 {
width: 738px;
height: 131px;
overflow: auto;
background: url(/layout/naviscroll/3.gif); 
/*IE overflow fix, position must be relative or absolute*/
position: absolute;
/*if you do not want the outline when focused on firefox and IE
use outline: none;, though not recommended as this may confuse
people who likes to do keyboard navigation */
outline: none; 
}
 
/* general page style ends here */

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 0px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

 


/* Scroll Bar Master Styling Ends Here */

/* Extra sample styles */
 

#test3 .hscrollerbarbeg {
background: url(/layout/naviscroll/1.png);
height: 19px;
 width:19px;
}

#test3 .hscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(/layout/naviscroll/1.png);
height: 19px;
width:19px;
}

#test3 .hscrollerbase {
height: 19px;
background: white none;

}

#test3 .hscrollerbasebeg, #test3 .hscrollerbaseend {

height: 19px;
background: url(/layout/naviscroll/2.png);
 
}

#test3 .hscrollerbaseend{
border-width: 0; 
height: 19px; 
width: 0px;
}

#test3 .hscrollerbasebeg{
border-width: 0px 0px 0px 5px;
}

#test3 .hscrollerbar {
background-color: #8F9793;
padding: 33px;
}

/*style*/

#navigator a {
	float: left;
	margin-top: 12px;
	margin-left: 1px;
	background: url(/layout/naviscroll/a_norm.gif) no-repeat; 
	border: 0px;
	width: 249px;
	height: 97px; 
} 

#navigator a:hover { 
	background: url(/layout/naviscroll/b_norm.gif) no-repeat; 
	border: 0px;
}

.navi_over {
    color:#676767;
    font-weight: bold;
    font-size:16px;
}

.navi_poster {
	position: absolute;
	background: url(/layout/naviscroll/1-poster.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
}
.navi_leinwand {
	position: absolute;
	background: url(/layout/naviscroll/2-lein.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}
.navi_pvc{
	position: absolute;
	background: url(/layout/naviscroll/3-pvc.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}
.navi_hart{
	position: absolute;
	background: url(/layout/naviscroll/4-hart.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}
.navi_alu{
	position: absolute;
	background: url(/layout/naviscroll/5-alu.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}
.navi_acryl{
	position: absolute;
	background: url(/layout/naviscroll/6-acryl.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}
.navi_gall{
	position: absolute;
	background: url(/layout/naviscroll/7-gall.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}

.navi_klebe{
	position: absolute;
	background: url(/layout/naviscroll/8-klebe.gif) no-repeat; 
	top: 12px;
	padding-left:15px;
	padding-top:17px;
	left: 1px;
	width: 249px;
	height: 97px;
	border: 0px;
    color:#676767;
    font-weight: normal;
    font-size:12px;
    TEXT-DECORATION: none
}