html, body {
	font-size: 0.90em;
}

body {
	max-width: 60em;
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, sans-serif;
	color: #663300;
	background-color: #CC9900;
}

/* Shows links in black text, after link is clicked
it will show in the default text color (dark brown). */
A:link {color: Black; text-decoration: underline}
A:visited {color: #663300; text-decoration: underline}
A:hover {background: #663300; color: White; text-decoration: underline}
A:active {background: #663300; color: White; text-decoration: none}

/* Use cellspacing="0" in table-tag to remove all extra space 
used by a table, the settings below do not remove cellspacing. */ 
table, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	/* Makes round corners for latest CSS3-compatible browsers */
	border-radius: 4px;
	/* Makes round corners for FireFox */
	-moz-border-radius: 4px;
	/* Makes round corners for Safari and Chrome */
	-webkit-border-radius: 4px;
	/* Makes round corners for Linux browsers */
	-khtml-border-radius: 4px;
	/* Makes round corners for Internet Explorer. 
	Unfortunately, makes background wrong color (black) for tables.
	And also mis-places the bottom-bar on the sponsor-page (FireFox).
	*/
	/* behavior:url(/border-radius.htc); */
}

pre, code {
	font-size: 1.1em;
	color: black;
}

.titlebar {
	width: 98%;
	text-align: center;
	margin: 5px 1% 0px 1%;
/* Top-Right-Bottom-Left, see also http://webdesign.about.com/cs/css/qt/tipcsstrbl2.htm */
}
.titlebar td {
	width: 32%;
}

.mainmenu {
	text-align: center;
	margin: 5px 1%;
	padding: 2px;
	font-weight: bold;
	background-color: White; /* #FFF8F0 */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
/* Disable link-underlinnes in mainmenu.html */
.mainmenu A:link {color: Black; text-decoration: none}
.mainmenu A:visited {color: #663300; text-decoration: none}
.mainmenu A:hover {background: #663300; color: White; text-decoration: underline}
.mainmenu A:active {background: #663300; color: White; text-decoration: none}

.inlineImg {
	border: 0;
	float: right;
	margin: 5px;
/* 
 Forces an image below another image with the same float-property (left/right)
 When an image extends below the last line of text, enclose the imagine within a pagraph (<p>)
 or use this line before the closing div of article:
 <div style="clear:both"></div>
 */	
}

.article {
	margin-left: 1%;
	margin-right: 1%;
	padding: 10px;
	background-color: White; /* #F8EFE0 */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

/* Disable link-underlinnes in docs-links.html */
.docs A:link {color: Black; text-decoration: none}
.docs A:visited {color: #663300; text-decoration: none}
.docs A:hover {background: #663300; color: #FFFFFF; text-decoration: none}
.docs A:active {background: #663300; color: #FFFFFF; text-decoration: none}

.bottombar {
	margin-top: 5px;
	margin-bottom: 5px;
	color: White;
	font-size: 0.75em;
	width: 100%;
}
.bottombar td {
	text-align: center;
	padding: 0px 5px;
}

/* Shows a table with a grid */
table.gridtable {
	border: 1px outset #CC9966;
	margin: 3px 2px;
}
table.gridtable th{
	border: 1px outset #CC9966;
	padding: 2px;
}
table.gridtable td {
	border: 1px outset #CC9966; /* #663300; */
	padding: 2px 3px;
}