/* ====================================================================================== */
/* Common stylesheet for the entire website                                               */
/* ====================================================================================== */
html	{
		font-family:			Verdana, Helvetica, Arial, sans-serif;
		color:					hsl(60, 100%, 15%);
		font-size:				0.80em;
		}

body 	{
		margin:					0px;
		background-color:		hsl(60, 100%, 27%);
		}

header	{
		}

nav		{
		display:				block; /*default */
		}

main	{
		background-color:		white;
		color:					hsl(60, 100%, 15%);
		padding:				5px 5px 5px 5px;
		clear:					both;
		margin: 				auto;
		max-width: 				1000px;
		}

main.i	{
		width: 					80%;
		background-color:		inherit;
		color:					hsl(60, 100%, 15%);
		padding:				10px;
		clear:					both;
		margin: 				auto;
		max-width: 				1000px;
		}

footer	{
		}

/* --- Image and figure formatting --- */
/* General image size has to be 3:2, mostly 960x640, 480x320, 300x200 or 180x120 */
/* The LOGO picture has a special size of 1200x200 */
img		{	/* base class attributes */
		width: 					100%;
		max-width: 				320px;
		min-width: 				120px;
		margin:					1px;
		}

img.logo	{	/* only used for LOGO */
		max-width: 				1200px;
		margin:					0px; /* overwrite*/
		}

img.p960	{	/* only used in index.html */
		max-width: 				960px;
		border:					10px solid white;
		margin:					0px; /* overwrite*/
		}

img.frame	{	/* only used in frame.html */
		max-width: 				320px;
		}

figure	{
		display:				inline-block;
		margin:					2px;
		text-align:				center;
		font-size:				1.00em;
		padding:				1px;
		}

/* --- Divider and paragraph formatting --- */
div		{
		display:				block;
		text-align:				center;
		}

div.h	{	/* Used to format headers in all pages */
		width: 					100%;
		}

div.frame	{	/* Used to format main on frame.html */
		font-size:				1.80em;
		}

div.m	{	/* Used to format general main parts in all pages */
		}

div.f	{	/* Used to format tabs within frame.html */
		display:				inline-block;
		margin:					3px;
		padding:				2px;
		}

/*	---	Formatting of top link line to subpages and all footers --- */
div.ll	{	/* Used to format overall link parts within NAV tabs in all pages */
		display:				block;
		padding:				inherit 3px;
		width: 					100%;
		text-align:				center;
		}
div.l	{	/* Used to format each link part within NAV and FOOTER tabs in all pages */
		display:				inline-block;
		margin:					3px;
		font-size:				1.25em;
		}

/* --- Anchor formatting --- */
a		{
		text-decoration:		none;
		color:					hsl(60, 100%, 10%);
		}

a.b		{
		text-decoration:		none;
		color: 					white;
		}

/* --- Corrections formatting printout --- */
@media only print {
	html	{
			color:				black;
			}

	a, a.f	{
			color:				black;
			}
		}
/* ====================================================================================== */