html {
	font-size		:100.1%;
	height			:100%;
	width			:100%;
	padding			:0;
	margin			:0;
	font-size		:100%;
}

body {
	height			:100%;
	padding			:0;
	margin			:0;
	color			:#dddddd;
	background		:#000000;
	font-family		:Arial, Helvetica, sans-serif;
	/*font-size		:1em;*/
	font-size		:11px;
	line-height		:1.2em;
	letter-spacing	:0;
}

div, img,
table, tr, th, td,
p, h1, h2, h3, h4, h5, hr, blockquote,
dl, dt, dd  {
	margin			:0;
	padding			:0;
	border			:none;
	text-align		:left;
	font-size		:1.0em;
}


ul, ol, li {
	margin-top		:0;
	margin-bottom	:0;
	padding-top		:0;
	padding-bottom	:0;
	border			:none;
	text-align		:left;
	font-size		:1.0em;
}

table {
	empty-cells		:show;
	border-spacing	:0;
	border-collapse	:collapse;
}

tr, th, td {
	vertical-align	:top;
}

form, input, select, textarea, fieldset, legend, label {
	margin			:0;
	padding			:0;
	font-size		:1.0em;
}

fieldset, legend, label {
	border			:0;
}

.clear {
	clear			:both;
	line-height		:0;
}

.markred {
	color			:#b23316;
	font-weight		:bold;
}

.hide {
	display			:none;
}

.print {
	display			:none;
}

/* ----------------------------------------------------------------------------------- TAGS */


p,
h1, h2, h3, h4, h5, h6, table, form {
	margin			:0 0 1em 0;
}

ul, ol, dl {
	margin-bottom	:1em;
}



small {
	font-size		:0.9em;
}



em {
	font-style		:italic;
}

i {
	font-style		:italic;
}

hr {
	display			:none;
}

abbr,
acronym,
span.tx-acronymmanager {
	border			:0;
	text-decoration	:underline;
	cursor			:help;
}

q,
cite {
	font-style	:normal;
	font-weight	:inherit;
}

address[title],
q[title],
cite[title]  {
	cursor		:help;
}




/* ----------------------------------------------------------------------------------- LINKS */


a {
	color			:#ffffff;
	text-decoration	:none;
	font-weight		:bold;
}

a:hover, a:focus, a:active {
	text-decoration	:underline;
}

.normal a,
.right a {
	font-weight		:bold;
}

/* --------------------- LAYOUT -----------------------------------   */


#main {
	height			:100%;
}

#header {
	padding			:12% 0 2% 0;
	background		:#333333;
}

#logo {
	width			:760px;
	margin			:0 auto;
	padding			:0
}

#logo img {
	height			:48px;
}
/* ------------------   NAVIGATIE MET PLAATJES   ------------------ */

#iconnav {
	width			:776px;
	margin			:2em auto;
	font-size		:1em;
	text-transform	:lowercase;
}
#iconnav dl {
	margin			:0;
}
#iconnav dd {
	display			:block;
	float			:left;
	padding			:0;
	width			:97px;
	height			:110px;
	text-align		:center;
}
#iconnav a {
	display			:block;
	white-space		:nowrap;
	text-decoration	:none;
	text-align		:center;
}

#iconnav a span {
	display			:block;
	margin-top		:0.25em;
	text-align		:center;
}

/* grootte plaatje is 90 x 90 px Dit item zorgt dat er een rand van 4px binnenin wordt weergegeven */
/* wanneer je met de muis over het plaatje (een link) beweegt */
#iconnav a span img {
	width			:82px;
	height			:82px;
	border			:solid 4px #000000;
}

/* wanneer je met de muis over een link (tekst) beweegt  komt er geen streep onder */
#iconnav a:hover{
	text-decoration	:none;
}




/* wanneer je met de muis over het plaatje beweegt  komt er een gekleurde rand binnenin van 4 px */

#iconnav a.l1:active span img,
#iconnav a.l1:hover span img,
#iconnav a.l1:focus span img {
	border-color	:#80FF00;
}

#iconnav a.l2:active span img,
#iconnav a.l2:hover span img,
#iconnav a.l2:focus span img {
	border-color	:#009900;
}

#iconnav a.l3:active span img,
#iconnav a.l3:hover span img,
#iconnav a.l3:focus span img {
	border-color	:#00B9E4;
}

#iconnav a.l4:active span img,
#iconnav a.l4:hover span img,
#iconnav a.l4:focus span img {
	border-color	:#1F379F;
}

#iconnav a.l5:active span img,
#iconnav a.l5:hover span img,
#iconnav a.l5:focus span img {
	border-color	:#9966CC;
}

#iconnav a.l6:active span img,
#iconnav a.l6:hover span img,
#iconnav a.l6:focus span img {
	border-color	:#CC0000;
}

#iconnav a.l7:active span img,
#iconnav a.l7:hover span img,
#iconnav a.l7:focus span img {
	border-color	:#FF7900;
}

#iconnav a.l8:active span img,
#iconnav a.l8:hover span img,
#iconnav a.l8:focus span img {
	border-color	:#FFCC00;
}

#iconnav a.act,
#iconnav a.cur {
}

/* ------------------   INHOUD   ------------------ */

#content {
	clear			:both;
	width			:738px;
	margin			:5em auto;
	line-height		:1.25em;
	border			:solid 1px #ffffff;
	padding			:11px;
}

.left {
	clear			:both;
	float			:left;
	width			:49%;
}
.right {
	float			:right;
	width			:49%;
}



/* ------------------   VOETNOOT   ------------------ */



#footer {
	clear			:both;
	width			:760px;
	margin			:0 auto;
	text-transform	:lowercase;
}

#madeby {
	float			:left;
}

#imprint {
	float			:right;
}