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


#konsum-subnavi {
	position: absolute;
	width: 300px;
	top: 10px;
	height: 348px;	
}

#konsum-thumbs {
	width: 100%;
	height:250px;
	background: transparent url(/images/content/konsumgueter/test-subnavi.jpg) left top no-repeat;
}



.konsum-content {
	position:absolute;
	left: 320px;
	height: 100%;
	width: 418px;
}
.konsum-content h3 { position: absolute; margin: 0; }
.konsum-content ul { position: absolute; list-style-type: square; _padding-left: 20px; _margin-left: 10px;}
#konsum-content-default1 { width: 320px; height: 160px; top: 80px; left: 360px; }
#konsum-content-default1 p i { color: #4673b5; font-size: 1.1em; }
	
#konsum-content-benzol1 { background: transparent url(/images/content/konsumgueter/benzol1-bg.jpg) right bottom no-repeat; }
#konsum-content-benzol2 { background: transparent url(/images/content/konsumgueter/benzol2-bg.jpg) 140px 60px no-repeat; }
#konsum-content-benzol1 h3, #konsum-content-benzol2 h3 { top: 20px; left: 240px; }
#konsum-content-benzol1 ul, #konsum-content-benzol2 ul { top: 20px; }
#konsum-content-toluol1 { background: transparent url(/images/content/konsumgueter/toluol1-bg.jpg) right bottom no-repeat; }
#konsum-content-toluol2 { background: transparent url(/images/content/konsumgueter/toluol2-bg.jpg) right bottom no-repeat; }
#konsum-content-toluol1 h3, #konsum-content-toluol2 h3 { top: 80px; left: 220px; }
#konsum-content-toluol1 ul, #konsum-content-toluol2 ul { top: 20px; }
#konsum-content-xylol1  { background: transparent url(/images/content/konsumgueter/xylol1-bg.jpg) right bottom no-repeat; }
#konsum-content-xylol2  { background: transparent url(/images/content/konsumgueter/xylol2-bg.jpg) right bottom no-repeat; }
#konsum-content-xylol1 h3, #konsum-content-xylol2 h3 { top: 20px; left: 80px; }
#konsum-content-xylol1 ul, #konsum-content-xylol2 ul { top: 50px; }

#konsum-article {
	position: absolute;
}
#konsum-article p {
	line-height: 1.2em;
	font-size: 0.9em;
}
#konsum-article ul {
    width:30em;
	line-height: 1.3em;
	font-size: 0.9em;
	color: #646464;
}
#konsum-article h3 {
    width:10em;
	font-size: 1.25em;
	font-weight: bold;
}








#konsum-subnavi div a {
	display: block;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
#konsum-subnavi div a span {
	display: none;
}
#benzol1, #benzol2, #xylol1, #xylol2, #toluol1, #toluol2 {
	position:absolute;
}


#benzol1 { top: 75px; left: 214px; width: 84px; height: 126px; }
#benzol1 a                      { background-image: url(/images/content/konsumgueter/benzol1.jpg); }
#benzol1 a:hover, #benzol1 a.on { background-image: url(/images/content/konsumgueter/benzol1-hover.jpg); }

#benzol2 { top: 231px; left: 183px; width: 97px; height: 80px; }
#benzol2 a                      { background-image: url(/images/content/konsumgueter/benzol2.jpg); }
#benzol2 a:hover, #benzol2 a.on { background-image: url(/images/content/konsumgueter/benzol2-hover.jpg); }

#xylol1 { top: 75px; left: 31px; width: 71px; height: 126px; }
#xylol1 a                       { background-image: url(/images/content/konsumgueter/xylol1.jpg); }
#xylol1 a:hover, #xylol1 a.on   { background-image: url(/images/content/konsumgueter/xylol1-hover.jpg); }

#xylol2 { top: 45px; left: 136px; width: 47px; height: 82px; }
#xylol2 a                       { background-image: url(/images/content/konsumgueter/xylol2.jpg); }
#xylol2 a:hover, #xylol2 a.on   { background-image: url(/images/content/konsumgueter/xylol2-hover.jpg);}

#toluol1 { top: 159px; left: 101px; width: 112px; height: 72px;	}
#toluol1 a                      { background-image: url(/images/content/konsumgueter/toluol1.jpg); }
#toluol1 a:hover, #toluol1 a.on { background-image: url(/images/content/konsumgueter/toluol1-hover.jpg); }

#toluol2 { top: 239px; left: 31px; width: 126px; height: 67px; }
#toluol2 a                      { background-image: url(/images/content/konsumgueter/toluol2.jpg); }
#toluol2 a:hover, #toluol2 a.on { background-image: url(/images/content/konsumgueter/toluol2-hover.jpg); }