#pagetitle {
	position: absolute;
	top: 20px;
	left: 370px;	
}

#products-subnavi {
	position: absolute;
	width: 350px;
	height: 100%;	
	background: #117EBD url(/images/content/hergestellte-produkte/hergestellte-produkte-bg.jpg) left top no-repeat;
}


#products-content {
	position:absolute;
	left: 370px;
	top: 50px;
	height: 288px;
	width: 348px;
	padding-right: 20px;
	overflow: auto;
	
	scrollbar-base-color: #cfcfcf;
    scrollbar-3d-light-color: #cfcfcf;
    scrollbar-arrow-color: gray;
    scrollbar-darkshadow-color: #cfcfcf;
    scrollbar-face-color: #cfcfcf;
    scrollbar-highlight-color: #cfcfcf;
    scrollbar-shadow-color: #cfcfcf;
    scrollbar-track-color: gray;  
	
}
#products-content h3 { font-size: 1.2em; font-weight: bold;}
#products-content h4 { color: #646464;}
#products-content ul { position: absolute; list-style-type: square; _padding-left: 20px; _margin-left: 10px;}
#products-content p {}








#products-subnavi div a {
	color: #A1CDE5;
	display: block;
	height: 100%;
	background: transparent url(/styles/basic/content-navi/bullet2.gif) left center no-repeat;
	padding-left: 20px;
}
#products-subnavi div a:hover, #products-subnavi div a.on {
	color: white;
	background: transparent url(/styles/basic/content-navi/bullet2-hover.gif) 5px center no-repeat;
}
#benzol, #xylol, #toluol, #arsol {
	position:absolute;
}

#products-subnavi div a span {
	position: absolute;
	display: block;
}

#benzol { left: 104px; top: 165px; }
#benzol a span                          { background: transparent url(/images/content/hergestellte-produkte/benzol.gif); left:-82px; top:-155px; width: 129px; height: 149px; }
#benzol a:hover span, #benzol a.on span { background: transparent url(/images/content/hergestellte-produkte/benzol-hover.gif); }

#toluol { left: 271px;  top: 190px; }
#toluol a span                          { background: transparent url(/images/content/hergestellte-produkte/toluol.gif); left:-90px; top:-176px; width: 129px; height: 184px; }
#toluol a:hover span, #toluol a.on span { background: transparent url(/images/content/hergestellte-produkte/toluol-hover.gif); }

#xylol { left: 178px; top: 230px; }
#xylol a span                           { background: transparent url(/images/content/hergestellte-produkte/xylol.gif);  left:-164px; top:-44px; width: 176px; height: 160px; }
#xylol a:hover span, #xylol a.on span   { background: transparent url(/images/content/hergestellte-produkte/xylol-hover.gif); }

#arsol { left: 270px; top: 245px; }
#arsol a span                           { background: transparent url(/images/content/hergestellte-produkte/arsol.gif);  left:-48px; top:15px; width: 71px; height: 80px; }
#arsol a:hover span, #arsol a.on span   { background: transparent url(/images/content/hergestellte-produkte/arsol-hover.gif); }

span.arsol-part1 {
	border: 1px solid #4673b5;
	padding:0px 2px
}
span.arsol-part2 {
	color:#fff;
	background-color:#4673b5;
	padding:0px 1px;
	border: 1px solid #4673b5;	
}