@charset "UTF-8";

/* CSS Document */
* {
	margin:				0px;
	padding:			0px;
}

html {
	overflow:			scroll;
}

img {
	border:				none;
}

body {
	background-color:	#121212;
	font:				normal 62.5% Arial;
}

/* Structuur */
#wrapper {
	margin: 			0 auto;
	width: 				900px;
}

#wrapper #chose {
	color:				#FFFFFF;
	height:				40px;
}

#wrapper #chose p {
	float:				right;
	margin-top:			27px;
	margin-right:		15px;
}

/* ------------------------------*/

#wrapper #blue {
	float:				left;
}

#wrapper #blue a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/blue.gif);
}

#wrapper #blue a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/blue_over.gif);
}

/* ------------------------------*/

#wrapper #pink {
	float:				left;
}

#wrapper #pink a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/pink.gif);
}

#wrapper #pink a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/pink_over.gif);
}

/* ------------------------------*/

#wrapper #darkgreen {
	float:				left;
}

#wrapper #darkgreen a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/darkgreen.gif);
}

#wrapper #darkgreen a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/darkgreen_over.gif);
}

/* ------------------------------*/

#wrapper #yellow {
	float:				left;
}

#wrapper #yellow a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/yellow.gif);
}

#wrapper #yellow a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/yellow_over.gif);
}

/* ------------------------------*/

#wrapper #orange {
	float:				left;
}

#wrapper #orange a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/orange.gif);
}

#wrapper #orange a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/orange_over.gif);
}

/* ------------------------------*/

#wrapper #white {
	float:				left;
}

#wrapper #white a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/white.gif);
}

#wrapper #white a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/white_over.gif);
}

/* ------------------------------*/

#wrapper #red {
	float:				left;
}

#wrapper #red a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/red.gif);
}

#wrapper #red a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/red_over.gif);
}

/* ------------------------------*/

#wrapper #gray {
	float:				left;
}

#wrapper #gray a {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/gray.gif);
}

#wrapper #gray a:hover {
	color:				#121212;
	height:				208px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/gray_over.gif);
}

/* ------------------------------*/

#wrapper #purple {
	float:				left;
}

#wrapper #purple a {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/purple.gif);
}

#wrapper #purple a:hover {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/purple_over.gif);
}

/* ------------------------------*/

#wrapper #brown {
	float:				left;
}

#wrapper #brown a {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/brown.gif);
}

#wrapper #brown a:hover {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/brown_over.gif);
}

/* ------------------------------*/

#wrapper #green {
	float:				left;
}

#wrapper #green a {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/green.gif);
}

#wrapper #green a:hover {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/green_over.gif);
}

/* ------------------------------*/

#wrapper #darkblue {
	float:				left;
}

#wrapper #darkblue a {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/darkblue.gif);
}

#wrapper #darkblue a:hover {
	color:				#121212;
	height:				236px;
	width:				225px;
	text-decoration: 	none;
	display:			block;
	background-image: 	url(../introimg/darkblue_over.gif);
}