/* em-values get bigger if the user chooses a bigger font-size in his browser */
/* px-values in this doc are used when font-sizes can or must be fix */

body {
	font-family: Georgia, serif;
	font-size: 0.9em; /*14px*/
	}
	
ul {
	list-style-type: square;
	}
	
ul p {
	color: #000;
	}

img {
	border: none;
	}

a:link, a:visited {
	font-style: italic;
	text-decoration: none;
	color: #000;
	}
	
a:hover {
	text-decoration: underline;
	}	
		
/* TOP general, Navigation*/
#top #topnav {	
	background-color: #260251;
	}

	
#top a:link, #top a:visited,
#top {
	font-style: normal;
	color: #fff;
	}
		
.mz_block,
.mt_block,
.ma_block {
	position: relative;
	top: -3px;
	font-size: 1px;
	padding: 2px 3px;
	background-color: #00DBFF;
	}
.mz_list {
	color: #00DBFF;
	}
.mt_block {
	background-color: #FF3100;
	}
.mt_list {
	color: #FF3100;
	}
.ma_block {
	background-color: #7CDD00;
	}
.ma_list {
	color: #7CDD00;
	}

#top h1 {
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
	}

#top #subnav h4 {
	font-weight: normal;
	font-size: 1.7em; /*24px*/
	}

#top #subnav h5 {
	font-weight: normal;
	font-size: 1em; /*14px*/
	}

#top #keywords h5 {
	font-weight: normal;
	font-style: italic;
	word-spacing: 1.1em;
	font-size: 1.3em; /*1.3em 18px*/
	line-height: 1.6em; /*1.6em 30px*/
	}


/*content: #index, levels, tools*/
#indextext, #level, #tools {
	font-size: 1em; /*1em 14px*/
	line-height: 1.3em; /*1.3em 18px */
	}


/*INDEX*/
#levellist h1 a:link, #levellist h1 a:visited,
#levellist h2 {
	font-size: 48px;
	font-weight: normal;
	font-style: italic;
	color: #000;
	}

#levellist h2 {
	font-size: 30px;
	}	
	

/*LEVELS*/
#levels #toollist h2 {
	font-size: 2.2em; /*2.2em 30px*/
	font-weight: normal;
	}
		
#levels a:link, #levels a:visited {
	color: #000;
	}

/*TOOLS*/
#tools #left {
	font-size: 1.7em; /*1.7em, 24px*/
	line-height: 1.7em;
	}
#tools #left h2 {
	font-size: 1em; /*1 em, 24px*/
	font-weight: normal;
	font-style: italic;
	}
#tools #right h2 {
	font-size: 1.7em; /*1.7em, 24px*/
	font-weight: normal;
	font-style: italic;
	}

/*colofon*/
#title .colofon, #tools .colofon .color1, #tools .colofon .color1 a,
#title .colofon, #tools .colofon .color2, #tools .colofon .color2 a,
#title .colofon, #tools .colofon .color3, #tools .colofon .color3 a {
	color: #333;
	}
	
/*training*/
#title .training, #tools .training .color1,
#title .training, #tools .training .color2, 
#title .training, #tools .training .color3 {
	color: #fc0;
	}
	
	
/*MEZELF*/
#mezelf #top .color1 {
	background-color: #00DBFF;
	}
#mezelf #top .color2 {
	background-color: #0000E6;
	}
#mezelf #top .color3 {
	background-color: #008EFF;
	}

#mezelf #tools .color1, #mezelf #tools .color1 a:hover {
	color: #00DBFF;
	}
#mezelf #tools .color2, #mezelf #tools .color2 a:hover {
	color: #0000E6;
	}
#mezelf #tools .color3, #mezelf #tools .color3 a:hover {
	color: #008EFF;
	}
	
/*METHODE*/
#methode #top .color1 {
	background-color: #FF3100;
	}
#methode #top .color2 {
	background-color: #E61318;
	}
#methode #top .color3 {
	background-color: #FF6600;
	}
	
#methode #tools .color1, #methode #tools .color1 a:hover{
	color: #FF3100;
	}
#methode #tools .color2, #methode #tools .color2 a:hover{
	color: #E61318;
	}
#methode #tools .color3, #methode #tools .color3 a:hover{
	color: #FF6600;
	}
	
/*MAATSCHAPIJ*/
#maatschapij #top .color1 {
	background-color: #7CDD00;
	}
#maatschapij #top .color2 {
	background-color: #47AD00;
	}
#maatschapij #top .color3 {
	background-color: #00E60B;
	}
	
#maatschapij #tools .color1, #maatschapij #tools color1 a:hover{
	color: #7CDD00;
	}
#maatschapij #tools .color2, #maatschapij #tools color2 a:hover{
	color: #47AD00;
	}
#maatschapij #tools .color3, #maatschapij #tools color3 a:hover{
	color: #00E60B;
	}