/* common CSS styles for all tutorial pages */
img {
	border: 0px;
}
/* make sure that the <h1> content will not get rendered as links at all (page: tutorial.php) */
.page #header a.pagetop {
	color: red;
}
.page #header a.pagetop:link {
	text-decoration: none;
}
.page #header a.pagetop:visited {
	text-decoration: none;
}
.page #header a.pagetop:hover {
	text-decoration: none;
}
.page #header a.pagetop:active {
	text-decoration: none;
}

/* general link definitions for the mainContent div*/
.page #mainContent a:link {
	text-decoration: none;
	color: #0033CC;
}
.page #mainContent a:visited {
	text-decoration: none;
	color: #0033CC;
}
.page #mainContent a:hover {
	text-decoration: underline;
	color: red;
}
.page #mainContent a:active {
	text-decoration: none;
	color: #000000;
}
/* link definitions for the files download area (page: tutorial.php) */
.page #mainContent .filesavailable{
	background-color:#FFFF00;
	font-size:11px;
}
.page #mainContent a.files:link {
	color: #FF0000;
	text-decoration: none;
}
.page #mainContent a.files:visited {
	text-decoration: none;
	color: #FF0000;
}
.page #mainContent a.files:hover {
	text-decoration: underline;
	color: #000000;
}
.page #mainContent a.files:active {
	text-decoration: none;
	color: #000000;
}
/* link definitions for the disclaimer area (page: index.php) */
.page #mainContent a.disclaimer:link {
	color: #000000;
	text-decoration: none;
}
.page #mainContent a.disclaimer:visited {
	text-decoration: none;
	color: #000000;
}
.page #mainContent a.disclaimer:hover {
	text-decoration: underline;
	color: #FF0000;
}
.page #mainContent a.disclaimer:active {
	text-decoration: underline;
	color: #000000;
}
/* apply to hint texts: font color:red, size,11px */
.page #mainContent .redhint {
	font-size: 11px;
	color: red;
}
/* apply to "the displayed code can be obtained from" messages */
.page #mainContent .downloadcode{
	color:red;
	font-size:11px;
	font-weight:bold;
}