#pdflinks {
		float: right;	
		position: relative;		/* must use this (or fixed), else IE makes this div jump when clicking on navlinks! */
		top: 0;
		right: 0;
		width: 140px;			/* maximum width allowed for pdflinkscontent; = 700 - maincontent.width - 10 px space */
		max-width: 140px;
/*		overflow: visible;		/* since Opera does not recognize soft hyphens */
		padding-left: 1.2em;	/* so that it visually contains the arrows */
		text-align: right;
/*	border: 1px orange solid;*/
	}

#pdflinkscontent {
		float: right;
		max-width: 140px;
		padding-right: 0.8em;	/* so that the hyphen on the longest word may not dispappear (seen in de_) */
		padding-bottom: 1px;	/* so that the bottom-border of the link's last line may be seen */
		font-size: 0.8em;
		text-align: left;
		word-wrap: break-word;	/* is IE proprietary code, but too bad: at least one browser correctly takes care of the words */
/*	border: 1px red solid;*/
	}

#maincontent {					/* contains everything next to pdflinks and above BottomBar */
		position: relative;
		width: 540px;
		margin-bottom: 0;
		padding-bottom: 0;
/*	border: 1px gold solid;*/
	}

#introtextbox {
		float: left;
		width: 370px;
		margin-bottom: 3em;		/* put here and on #introimagebox (on both so that whichever is longer may push the div below them both) because 'margin-top' on the div below (#navlinksbix) was not recognized in FireFox */
/*	border: 1px black solid;*/
	}

#introimagebox {
		float: right;
		width: 160px;
		overflow: hidden;
		text-align: right;
		margin-bottom: 3em;		/* put here and on #introtextbox (on both so that whichever is longer may push the div below them both) because 'margin-top' on the div below (#navlinksbix) was not recognized in FireFox */
/*	border: 1px red solid;*/
	}

#introimg {
		max-width: 134px;		/* image will not be clipped at least in FireFox */
	}

#navlinksbox {
		clear: both;			/* makes the box stretch to its content's height in FireFox */
		width: 100%;
		margin-bottom: 3em;
		border-color: white;	/* else, margin not respected in Opera 9.51; make sure it reflects background color (if 'transparent' not supported)! */
/*	border: 1px transparent solid;*/
	}

#navlink1,
#navlink2,
#navlink3 {
		text-align: center;
		overflow: hidden;		/* better than ugly overlap when zooming, although IE would simply, without this, push down a float; now, it becomes hidden in IE */
		float: left;
		width: 180px;			/* = 540px/3 */
/*	border-left: 1px orange solid;*/
	}

#navlink1textbox,				/* set widths in []_fiber.html's as tight as possible for best centering */
#navlink2textbox,
#navlink3textbox {
		text-align: left;
		margin: 0 auto;			/* in case 'text-align: center' of containing element has no effect (as is the case in FireFox) */
		padding-top: 1px;
		padding-bottom: 1px;	/* without these two, the underline of the second line of the link text does not appear and the top of the link is missing (seen only when focussed) */
/*	border-top: 1px lime solid;*/
	}

#navlink2textbox,
#navlink3textbox {
		padding-left: 0.15em;	/* provides spacing if text goes all the way to the edge */
	}

#navlinksfooter {
		clear: both;			/* without this, #navlinksbox does not stretch to its content's height in FireFox */
		margin: 0;
		padding: 0;
	}

#toothpick {					/* keeps the BottomBar in same position as that in which it will be once the categories are displayed; the height is set in each []_fiber */
		display: none;			/* for JavaScript-disabled browsers */
		clear: both;
		width: 100%;
/*	border-left: 1px black solid;*/
	}

#mag,							/* the height is set in each []_fiber and is the minimal value possible to keep BB position constant */
#met,
#cer {
		display: block;			/* for JavaScript-disabled browsers; the "top" properties are set for each div in .html */
		width: 100%;
		padding-right: 0;
		margin-bottom: 0;
		padding-bottom: 0;
/*	border: 1px red solid;*/
	}

#met,
#cer {
		width: 350px;			/* are smaller because they contain no picture */
		margin-top: 2.5em;		/* for JavaScript-less browsers; is changed to zero in fiberCatView */
	}

#catimagebox {					/* using a div for the single image as a protection: in Opera 3.5, "floating an IMG to the right causes horizontal scrollbars to appear and the image to be placed partly off-screen" (http://www.eskimo.com/~bloo/indexdot/css/properties/classify/float.htm) */
		float: right;
		width: 134px;
		overflow: hidden;
/*	border: 1px red solid;*/
	}

#catimage img {
		width: 134px;
	}

.style17,
.style17 a:link {
		color: #ff0000;
		font-weight: bold;
	}

.style17 a:hover {
		color: #ff0000;
	}

img.spacer {
		width: 0.75em;
		vertical-align: middle;
	}

img.pdfarrow {
		width: 0.75em;
	}

img.rightarrow,
img.rightarrowoneline,
img.rightarrowtwolines,
img.rightarrowthreelines {
		display: block;			/* avoids underlining of image (link) */
		float: left;
		position: relative;
		left: -1.25em;
		top: 0.83em;			/* for 1em text over two lines */
		width: 5px;
		height: 9px;
		margin-right: -0.83em;
		padding: 0;
		vertical-align: middle;
	}

img.rightarrowoneline {
		top: 0.23em;
	}

img.rightarrowtwolines {
		top: 0.68em;
	}

img.rightarrowthreelines {
		top: 1.47em;
	}