/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	body {
		background: #fff; color: #333;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 0; padding: 0;
	}


/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	reader   = screen reader only  (eg skip links)
	print    = print only          (eg contact infos, references)
	nonprint = don't print         (eg navigation)
	*/

	.reader {
		display: none;
		visibility: hidden;
	}
	.print {
		display: block;
		visibility: visible;
	}
	.nonprint {
		display: none;
		visibility: hidden;
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h6, h5, h4, h3 {
		font-size: 1em; line-height: 1.6em; font-weight: bold;
		margin: 0; padding: 1em 0 0.8em 0;
		color: #333;
	}
	h2 {
		font-size: 1.2em; line-height: 1.3em; font-weight: bold;
		margin: 0; padding: 1em 0 1em 0;
		color: #555;
	}
	h1 {
		font-size: 1.5em; line-height: 1.2em; font-weight: bold;
		margin: 0; padding: 0 0 1em 0;
		color: #0065B3;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0;
		padding: 0.5em 0 1em 3em;
	}
	li {
		line-height: 1.6em;
		margin: 0 0 0.3em 0;
		padding: 0;
	}

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
		font-size: 1em; line-height: 1.6em;
		font-weight: normal;
		padding: 0.2em 1em 0.2em 0.2em;
	}

/* --------------------------
 * links
 * -------------------------- */

	a {
		color: #0066B1;
	}
	a:hover,
	a:focus {
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}


/* --------------------------------------------------------------------------------------
 * layout strucutre
 * -------------------------------------------------------------------------------------- */

	#sidebar {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * header
 * -------------------------------------------------------------------------------------- */

	#logo {
		display: none;
	}
	#topic {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * navigation
 * -------------------------------------------------------------------------------------- */

	#navigation {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * footer
 * -------------------------------------------------------------------------------------- */

	#footer {
		display: none;
	}


/* --------------------------------------------------------------------------------------
 * contact info
 * -------------------------------------------------------------------------------------- */

	#contact {
		margin-bottom: 40px;
	}
	#contact img {
		position: relative; left: -5px;
	}


/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	#content h1 {
		width: 450px;
	}