/* -----------------------------------------------------------------
	Main styles	
------------------------------------------------------------------*/

html {
}

body {
	margin						: 0px;
	padding						: 0px;
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	background-color			: #4ab9ed;	
}


/* -----------------------------------------------------------------
	Div styles	
------------------------------------------------------------------*/

#container {
	width						: 924px;
	margin						: 0px auto;
	padding						: 0px;
}

	#header {
		height						: 178px;
		clear						: both;
		background-image			: url(../images/header_bg.jpg);
		background-repeat			: no-repeat;
		background-position			: left bottom;
		margin						: 0px 0px 0px 0px;
		padding						: 0px 0px 0px 0px;
	}
		
		#logo {
			position					: absolute;
			left						: 50%;
			top							: 20px;
			margin						: 0px 0px 0px -430px;
			padding						: 0px 0px 0px 0px;
		}
		
		#logo h1 a {
			height						: 150px;
			display						: block;
			width						: 200px;
			background-image			: url(../images/logo.png);
			background-position			: left top;
			background-repeat			: no-repeat;	
		}
			
			#logo span {
				display					: none;
			}
		
		#tabs {
			float						: right;
			margin						: 20px 0px 0px 0px;
			padding						: 0px 4px 0px 0px;
			background					: url(../images/menu_bg.gif) no-repeat left top;
		}
		
		#bar {
			width						: 924px;
			height						: 42px;
			clear						: both;
			margin						: 0px 0px 0px 0px;
			padding						: 0px;
		}
			
			.yellow {
				background-image			: url(../images/bar_yellow.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}			
			
			.red {
				background-image			: url(../images/bar_red.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}
			
			.purple {
				background-image			: url(../images/bar_purple.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}
			
			.green {
				background-image			: url(../images/bar_green.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}
			
			.pink {
				background-image			: url(../images/bar_pink.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}
			
			.orange {
				background-image			: url(../images/bar_orange.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}
			
			.white {
				background-image			: url(../images/bar_white.jpg);
				background-repeat			: no-repeat;
				background-position			: left top;
			}
		
	#wrap {
		margin						: 0px;
		padding						: 0px;
		clear						: both;
		background-image			: url(../images/container_bg.jpg);
		background-repeat			: repeat-y;
		background-position			: left top;
	}
	
		#col1, #col2 {
			width					: 400px;
			float					: left;
		}
		
		#col2 {
			margin-left				: 35px;
		}
	
		#clearboth {
			width						: 924px;
			clear						: both;
			margin						: 0px;
			padding						: 0px;
		}
	
	#footer {
		margin						: 0px;
		padding						: 0px;
		clear						: both;
		height						: 220px;
	}
	
	#flashbanner {
		position					: relative;
		left						: -13px;
		margin						: 0px 0px 0px 0px;
		padding						: 0px;
		width						: 943px;
		height						: 180px;
	}
		
		#metamenu {
			margin						: 0px;
			padding						: 0px;
		}
/* -----------------------------------------------------------------
	Text styles	
------------------------------------------------------------------*/

h1 {
	margin						: 0px;
	padding						: 0px;
}

h2 {
	margin						: 0px 0px 0px 38px;
	padding						: 15px 0px 0px 0px;
	color						: #4ab9ed;
}

h3 {
	margin						: 0px 0px 0px 38px;
	padding						: 15px 0px 0px 0px;
	color						: #4ab9ed;
	font-size					: 14px;
}

p {
	margin						: 15px 0px 0px 38px;
	padding						: 0px;
	font-size					: 13px;
	line-height					: 19px;
}

img.blauwerand {
	padding						: 2px;
	border						: 2px solid #4ab9ed;
}

/* -----------------------------------------------------------------
	link styles	
------------------------------------------------------------------*/

a {
}

a:hover {
}

a img {
	border					: none;
}


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


/*------------------------------------------------------------------
	List styles
------------------------------------------------------------------*/

#tabs ul {
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

	#tabs li {
		margin					: 0px;
		padding					: 0px;
		float					: left;
		list-style				: none;
	}
	
		#tabs ul li span {
			display					: none;
		}
	
		#tabs li a {
			display					: block;
			height					: 113px;
			margin					: 0px;
			padding					: 0px;
		}
		
			#tabs li a.yellow {
				background-image		: url(../images/tab_yellow.jpg);
				width					: 87px;
			}
			
				#tabs li a.yellow:hover {
					background-image		: url(../images/tab_yellow_hover.gif);
				}
			
			#tabs li a.red {
				background-image		: url(../images/tab_red.jpg);
				width					: 88px;
			}
			
				#tabs li a.red:hover {
					background-image		: url(../images/tab_red_hover.gif);
				}
			
			#tabs li a.purple {
				background-image		: url(../images/tab_purple.jpg);
				width					: 89px;
			}
				#tabs li a.purple:hover {
					background-image		: url(../images/tab_purple_hover.gif);
				}
			
			#tabs li a.green {
				background-image		: url(../images/tab_green.jpg);
				width					: 87px;
			}
			
				#tabs li a.green:hover {
					background-image		: url(../images/tab_green_hover.gif);
				}
			
			#tabs li a.pink {
				background-image		: url(../images/tab_pink.jpg);
				width					: 91px;
			}
			
				#tabs li a.pink:hover {
					background-image		: url(../images/tab_pink_hover.gif);
				}
			
			#tabs li a.orange {
				background-image		: url(../images/tab_orange.jpg);
				width					: 86px;
			}
				#tabs li a.orange:hover {
					background-image		: url(../images/tab_orange_hover.gif);
				}
			
			#tabs li a.white {
				background-image		: url(../images/tab_white.jpg);
				width					: 76px;
			}
				#tabs li a.white:hover {
					background-image		: url(../images/tab_white_hover.gif);
				}
	
	
			
/* ---------------------------------------------------------------*/

#bar ul {
	margin					: 0px 0px 0px 314px;
	padding					: 0px;
}
	#bar li {
		margin					: 0px 5px 0px 0px;
		padding					: 0px;
		list-style				: none;
		float					: left;
		font-size				: 12px;
		line-height				: 32px;
		display					: block;
	}
		#bar li a {
			text-decoration 		: none;
			height					: 35px;
			padding					: 0px 6px 0px 6px;
			margin					: 0px;
			display					: block;
			float					: left;
			color					: #000;
			font-weight				: bold;
		}
		
			#bar li a:hover {
				background			: #4ab9ed url(../images/bar_li_a_hover.jpg) no-repeat left top;
				color				: #000;
			}



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

#metamenu ul {
	margin					: 0px;
	padding					: 15px 20px 0px 0px;
	float					: right;
}

	#metamenu li {
		margin					: 0px 5px 0px 0px;
		padding					: 0px;
		font-size				: 11px;
		float					: left;
		list-style				: none;
		color					: #FFF;
	}
		#metamenu li a {
			color					: #FFF;
			text-decoration			: none;
		}
			#metamenu li a:hover {
				text-decoration			: underline;
			}
		


/* -----------------------------------------------------------------
	Form styles	
------------------------------------------------------------------*/