*
{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body
{
	width: 100%;
	height: 100%;
	font-family: Verdana;
	font-size: 10px;
	
	text-align: center;
}

body
{
	color: #000000;
	background-color: #ffffff;
	
	background-image: url(/images/homepage/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

	.shield
	{
		position: relative;
		
		margin-left: auto;
		margin-right: auto;
		
		width: 1000px;
		min-height: 400px;
		
		background-image: url(/images/homepage/background_shield.jpg);
		background-repeat: no-repeat;
		
		text-align: left;
	}
	
		.shield .container
		{
			position: relative;
			
			top: 190px;
			left: 93px;
			
			width: 267px;
			height: 263px;
			
			margin: 0 2px 0 0;
			
			float: left;
			
			z-index: 10;
		}
		
			.shield .container a.top
			{
				position: absolute;
				
				display: block;
				
				width: 200px;
				height: 20px;
				line-height: 20px;
				
				color: #ffffff;
				
				margin: 45px 0 0 30px;
				padding: 0 0 0 18px;
				
				font-size: 11px;
				font-weight: bold;
				
				text-transform: uppercase;
				text-decoration: none;
				
				overflow: hidden;
			}
			
			.shield .container a.top:hover
			{
				text-decoration: none;
			}
			
				.shield .container a.top img, .shield .container a.top span
				{
					position: absolute;
					display: block;
					
					left: 0;
					top: 5px;
					
					width: 13px;
					height: 11px;
				}
			
			.shield .container ul
			{
				position: absolute;
				
				top: 80px;
				left: 0;
				
				width: 260px;
				height: 165px;
				
				list-style: none;
			}
			
				.shield .container ul li
				{
					position: relative;
					
					width: 260px;
					height: 60px;
				}
				
					.shield .container ul li a
					{
						font-weight: bold;
						text-decoration: none;
						color: #ffffff;
					}
					
					.shield .container ul li a:hover
					{
						text-decoration: underline;
					}
						
						.shield .container ul li a img
						{
							float: left;
							
							width: 70px;
							height: 50px;
							
							margin: 0 5px 0 5px;
						}
						
							.shield .container ul li a span
							{
								display: block;
								padding: 5px 0 0 0;
								font-style: normal;
								font-weight: normal;
								text-decoration: none;
							}
							
							.shield .container_algemeen ul li a span	{ color: #c7c4bd;}
							.shield .container_voorjou ul li a span		{ color: #c5de99;}
							.shield .container_support ul li a span		{ color: #f8c399;}
							
								.shield .container ul li a span span
								{
									float: left;
									padding: 0 0 0 0;
								}
								
									.shield .container ul li a span span img
									{
										float: left;
										
										margin: 3px 5px 0 0;
										
										width: 10px;
										height: 8px;
									}
							.shield .container ul li a:hover span
							{
								color: #ffffff;
							}
							
							.shield .container ul li a span.quicklinkpayoff
							{
								position: static;
								display: inline;
								
								color: #ffffff;
								
								font-weight: normal;
							}
			
			.shield .container div
			{
				position: relative;
				top: 250px;
				
				width: 267px;
				height: auto;
				
				color: #ffffff;
				
				z-index: 2;
			}
			
			/*.shield .container_algemeen div	{ background-color: #726b5b; }
			.shield .container_voorjou div	{ background-color: #6eac00; }
			.shield .container_support div	{ background-color: #ee6a00; }*/
			
			.shield .container .block
			{
				position: absolute;
				
				padding: 0 0 0 0;
				margin: 40px 0 0 0;
				
				top: 250px;
			}
			
				.shield .container .block span
				{
					width: 227px;
					height: 25px;
					line-height: 15px;
					
					display: block;
					
					font-weight: bold;
					font-size: 11px;
					
					padding: 5px 0 0 25px;
					margin: 0 5px 0 5px;
					
					/* border-top: 1px solid #ffffff; */
				}
				
					.shield .container_algemeen div.block span	{ color: #726b5b;}
					.shield .container_voorjou div.block span	{ color: #6eac00;}
					.shield .container_support div.block span	{ color: #ee6a00;}
				
				.shield .container div div.content
				{
					position: static;
					margin: 0 0 0 0;
					padding: 0 0 30px 30px;
					
					width: 227px;
					
					line-height: 13px;
					
					color: #9dc0e0;
				}
				
					.shield .container div div.content h1
					{
						font-size: 12px;
						
						margin: 0 0 5px 0;
						padding: 0 0 0 0;
						
						color: #9dc0e0;
					}
					
					.shield .container div div.content h2
					{
						position: static;
						font-size: 10px;
						
						margin: 0 0 0 0;
						padding: 15px 0 5px 0;
						
						width: auto;
						height: auto;
						line-height: 10px;
							
						text-align: left;
						text-transform: uppercase;
						
						color: #9dc0e0;
					}
					
					.shield .container div div.content p, .shield .container div div.content ul
					{
						position: static;
						
						height: auto;
						width: auto;
						
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						
						color: #9dc0e0;
					}
					
						.shield .container div div.content ul li
						{
							position: static;
							
							height: auto;
							width: auto;
							
							margin: 0 0 0 0;
							padding: 0 0 0 0;
						}
						
							.shield .container div div.content ul li a
							{
								font-weight: normal;
							}
						
					.shield .container div div.content a
					{
						color: #9dc0e0;
						text-decoration: none;
					}
					
					.shield .container div div.content a:hover
					{
						color: #195389;
						text-decoration: underline;
					}
				
				.shield .container div.footer
				{
					clear: both;
					
					position: absolute;
					margin-top: 2px;
					
					width: 267px;
					height: 10px;
					
					overflow: hidden;
					
					background-repeat: no-repeat;
					background-position: bottom;
				}
				
				.shield .container div div.white-space
				{
					background-color: #ffffff;
					
					clear: both;
					
					position: static;
					top: 0;
					
					width: 267px;
					height: 30px;
				}
		
				.shield .container_algemeen div.footer	{ background-image: url(/images/homepage/footer_algemeen.gif); }
				.shield .container_voorjou div.footer	{ background-image: url(/images/homepage/footer_voorjou.gif); }
				.shield .container_support div.footer 	{ background-image: url(/images/homepage/footer_support.gif); }
			
			.shield .container h2
			{
				position: absolute;
				
				bottom: 0;
				
				color: #ffffff;
				font-size: 11px;
				font-weight: bold;
				
				text-transform: uppercase;
				
				width: 266px;
				height: 30px;
				line-height: 30px;
				
				text-align: center;
				
				margin: 0;
				padding: 0;
			}
		
		.shield form
		{
			position: absolute;
			
			left: 110px;
			top: 55px;
			
			width: 140px;
			height: 19px;
			
			overflow: hidden;
			
			z-index: 2;
		}
		
			.shield form div
			{
				height: 19px;
				width: 140px;
			}
			
				.shield form div input.text
				{
					height: 17px;
					width: 115px;
					border: 1px solid #214a71;
					
					float: left;
					
					padding: 0 0 0 4px;
				}
				
				.shield form div input.image
				{
					height: 19px;
					width: 19px;
					border: none;
					
					float: right;
				}
		
		.shield ul.topmenu
		{
			position: absolute;
			
			left: 255px;
			top: 55px;
			
			color: #214a71;
			list-style: none;
			
			height: 19px;
			line-height: 19px;
			
			z-index: 2;
		}
		
			.shield ul.topmenu li
			{
				float: left;
				
				height: 19px;
				line-height: 19px;
			}
			
				.shield ul.topmenu li a
				{
					color: #214a71;
					text-decoration: none;
					
					padding: 0 7px 0 7px;
					
					font-weight: bold;
					
					height: 19px;
					line-height: 19px;
				}
				
				.shield ul.topmenu li a:hover
				{
					color: #f38c00;
				}
		
		.shield .hgjb_logo
		{
			position: absolute;
			
			right: 45px;
			top: 0;
			
			z-index: 20;
		}
		
		.shield .button_steun_hgjb
		{
			position: absolute;
			
			left: 115px;
			top: 135px;
			
			width: 94px;
			width: 94px;
			
			z-index: 20;
		}
	
		.shield .slogan
		{
			position: absolute;
			
			left: 110px;
			top: 28px;
		}
		
		.shield .blokken
		{
			position: absolute;
			
			top: 160px;
			left: 80px;
			
			z-index: 1;
		}
		
		
		.shield .logo
		{
			width: 125px;
			height: 100px;
			
			border: none;
			
			position: absolute;
			top: 145px;
			
			z-index: 20;
		}
		
		.shield .logo_algemeen
		{
			left: 230px;
		}
		
		.shield .logo_voorjou
		{
			left: 500px;
		}
		
		.shield .logo_support
		{
			left: 740px;
		}
		
		.shield #flash
		{
			position: absolute;
			
			overflow: hidden;
			
			width: 930px;
			height: 245px;
			
			z-index: 0;
			
			top: 0;
			left: 0;
		}
		
		.shield #footer
		{
			position: absolute;
			
			left: 100px;
			
			text-align: left;
			
			width: 785px;
			height: 30px;
			line-height: 30px;
						
			z-index: 10;
			
			color: #9e9e9e;
		}
		
			.shield #footer span.FL { float: left; }
			.shield #footer span.FR { float: right; }
		
			.shield #footer a
			{
				color: #9e9e9e;
				text-decoration: none;
			}
		
			.shield #footer a:hover
			{
				text-decoration: underline;
			}