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

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

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

#wrapper
{
	min-height: 100%;
	margin: -90px 0 0 0;
	overflow: hidden;
	
	width: 1000px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	
	position: relative;
	
	background-image: url(/images/background_wrapper.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

	#header
	{
		height: 210px;
		
		padding: 90px 0 0 0;
	}
	
		#header #blikveld
		{
			position: absolute;
			
			top: 90px;
			left: 165px;
			
			z-index: 1;
		}
	
		#header #jeugdwerk
		{
			position: absolute;
			
			top: 102px;
			right: 0;
			
			z-index: 1;
		}
		
		#header #login, #header #logininfo
		{
			position: absolute;
			
			width: 162px;
			height: 114px;
			
			top: 150px;
			right: 55px;
			
			background-image: url(/images/background_login.png);
			background-repeat: no-repeat;
			background-position: left top;
			
			z-index: 2;
		}
		
		#header #logininfo
		{
			background-image: url(/images/background_login_info.png);
			z-index: 3;
		}
		
			#header #logininfo h2
			{
				color: #c50e0e;
				font-size: 10px;
				font-weight: bold;
				padding: 15px 10px 0 20px;
			}
		
			#header #logininfo p
			{
				color: #c50e0e;
				font-size: 10px;
				padding: 10px 10px 0 20px;
			}
			
				#header #logininfo p a
				{
					font-weight: bold;
					color: #c50e0e;
					text-decoration: underline;
				}
				
				#header #logininfo p a:hover
				{
					text-decoration: none;
				}
		
			#header #logininfo p.name
			{
				color: #000000;
			}
		
		#header #login .username
		{
			font-size: 11px;
			
			position: absolute;
			
			left: 15px;
			top: 11px;
			
			height: 18px;
			
			width: 130px;
			
			border: 0;
		}
		
		#header #login .password
		{
			font-size: 11px;
			
			position: absolute;
			
			left: 15px;
			top: 51px;
			
			height: 18px;
			
			width: 130px;
			
			border: 0;
		}
		
		#header #login .links, #header #logininfo .links
		{
			position: absolute;
			
			left: 15px;
			top: 78px;
			
			color: #ffffff;
		}
		
			#header #login .links a, #header #logininfo .links a 
			{
				font-size: 10px;
				
				color: #ffffff;
				text-decoration: underline;
			}
			
			#header #login .links a:hover, #header #logininfo .links a:hover
			{
				text-decoration: none;
			}
		
		#header #login #loginbutton
		{
			position: absolute;
			
			right: 7px;
			bottom: 44px;
			
			cursor: pointer;
		}
		
		#header ul
		{
			position: absolute;
			top: 90px;
			left: 0;
			list-style: none;
			z-index: 1;
		}
		
			#header ul li
			{
				position: relative;
				
				float: left;
				text-align: center;
				
				width: 147px;
				
				margin: 0 -10px 0 0;
			}
			
				#header ul li a
				{
					display: block;
					
					width: 147px;
					height: 19px;
					
					overflow: hidden;
					
					line-height: 17px;
					
					height: 28px;
					
					background-image: url(/images/background_menu_li.png);
					background-repeat: no-repeat;
					background-position: bottom center;
					
					color: #ffffff;
					font-size: 10px;
					font-weight: bold;
					text-decoration: none;
					
					cursor: pointer;
				}
				
				#header ul li a:hover, #header ul li a.active
				{
					padding: 10px 0 0 0;
				}
		
			#header ul ul
			{
				position: absolute;
				
				display: none;
				
				top: 0;
				left: 0;
				
				margin: 0;
				padding: 40px 0 15px 0;
				
				height: auto;
				width: 147px;
				
				background-image: url(/images/background_menu_ul.png);
				background-repeat: no-repeat;
				background-position: bottom center;
				
				z-index: -1;
			}
		
				#header ul ul li
				{
					text-align: left;
					
					margin: 0 0 0 0;
				}
		
					#header ul ul li a
					{
						background-image: none;
						color: #84a1a1;
						
						height: 18px;
						
						margin: 0 0 0 7px;
						padding: 0 0 0 11px;
						
						width: 122px;
					}
					
					#header ul ul li a:hover, #header ul ul li a.active
					{
						padding: 0 0 0 11px;
						color: #ffffff;
					}
					
					#header ul li.li_0_1 ul li.li_1_0 a:hover	{ color: #ffffff; background-color: #dd225c; }
					#header ul li.li_0_1 ul li.li_1_1 a:hover	{ color: #ffffff; background-color: #dd225c; }
					#header ul li.li_0_1 ul li.li_1_2 a:hover	{ color: #000000; background-color: #f1c103; }
					#header ul li.li_0_1 ul li.li_1_3 a:hover	{ color: #ffffff; background-color: #876f0b; }
					#header ul li.li_0_1 ul li.li_1_4 a:hover	{ color: #ffffff; background-color: #00a4cc; }
					#header ul li.li_0_1 ul li.li_1_5 a:hover	{ color: #ffffff; background-color: #ff6821; }
					#header ul li.li_0_1 ul li.li_1_6 a:hover	{ color: #f1c103; background-color: #000000; }
					#header ul li.li_0_1 ul li.li_1_7 a:hover	{ color: #ffffff; background-color: #0f54b2; }
					#header ul li.li_0_1 ul li.li_1_8 a:hover	{ color: #ffffff; background-color: #dd225c; }
					#header ul li.li_0_1 ul li.li_1_9 a:hover	{ color: #ffffff; background-color: #8d0b68; }
					#header ul li.li_0_1 ul li.li_1_10 a:hover	{ color: #ffffff; background-color: #ef1d00; }
					#header ul li.li_0_1 ul li.li_1_11 a:hover	{ color: #ffffff; background-color: #dd225c; }
					#header ul li.li_0_1 ul li.li_1_12 a:hover	{ color: #ffffff; background-color: #63cc22; }
					#header ul li.li_0_1 ul li.li_1_13 a:hover	{ color: #ffffff; background-color: #dd225c; }
					#header ul li.li_0_1 ul li.li_1_14 a:hover	{ color: #ffffff; background-color: #dd225c; }
	
	#center_wrapper
	{
		width: 100%;
		float: left;
		text-align: left;
	}
	
		#center_wrapper #center
		{
			margin: 35px 250px 15px 250px; /* Adjust according to left and right column width */
			
			padding: 0 0 0 10px;
		}
		
			
	#navigation
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 250px;
		margin-left: -1000px;
		float: left;
	}
	
		#navigation form
		{
			margin: 0;
			padding: 0;
			
			width: 158px;
			height: 35px;
			
			margin: 30px 0 0 20px; 
		}
		
			#navigation form .search
			{
				position: relative;
				
				width: 158px;
				height: 35px;
				
				background-image: url(/images/background_search.png);
				background-repeat: no-repeat;
			}
		
				#navigation form .search input
				{
					font-size: 11px;
					
					position: relative;
					
					margin: 12px 0 0 15px;
					padding: 0 0 0 0;
					border: 0;
					
					height: 18px;
					width: 110px;
				}
		
				#navigation form .search .searchbutton
				{
					position: absolute;
					
					top: 9px;
					right: 4px;
					
					cursor: pointer;
				}
		
		#navigation #tell_a_friend
		{
			position: absolute;
			
			left: 180px;
			top: 295px;
		}
		
		#navigation .blikopener
		{
			width: 233px;
			height: 280px;
			
			margin: 5px 0 30px 0;
			
			background-image: url(/images/background_blikopener.png);
			background-repeat: no-repeat;
			background-position: left top
		}
		
			#navigation .blikopener img
			{
				position: relative;
				
				left: 14px;
				top: 49px;
				
				width: 205px;
				height: 160px;
			}
		
			#navigation .blikopener .links
			{
				position: relative;
				
				left: 25px;
				top: 70px;
				
				font-weight: bold;
			}
		
				#navigation .blikopener .links .links1
				{
					color: #ffffff;
				}
		
					#navigation .blikopener .links .links1 a
					{
						color: #ffffff;
						text-decoration: underline;
					}
		
					#navigation .blikopener .links .links1 a:hover
					{
						text-decoration: none;
					}
		
				#navigation .blikopener .links .links2
				{
					padding: 8px 0 0 0;
					font-size: 9px;
				}
		
					#navigation .blikopener .links .links2 a
					{
						color: #000000;
						text-decoration: none;
					}
					
					#navigation .blikopener .links .links2 a:hover
					{
						color: #ffffff;
					}
			
	#sidebar
	{
		width: 250px;
		margin-left: -1000px;
		float: right;
	}
		
		#sidebar .sidebar
		{
			width: 250px;
			margin: 103px 0 0 0;
		}
		
			#sidebar .sidebar .block
			{
				width: 250px;
				height: auto;
				
				background-image: url(/images/background_block_pink.gif);
				background-repeat: repeat-y;
			}
			
				#sidebar .sidebar .block h2
				{
					background-color: #dd225c;
					color: #ffffff;
					
					text-transform: uppercase;
					
					width: 230px;
					height: 16px;
					
					font-family: Times New Roman;
					font-weight: bold;
					font-size: 13px;
					
					padding: 3px 0 3px 15px;
				}
				
				#sidebar .sidebar .block p.agendaitem
				{
					padding: 5px 0 0 10px;
				}
				
					#sidebar .sidebar .block p.agendaitem span.date
					{
						font-size: 8px;
						
						font-weight: bold;
						
						padding: 0 10px 0 0;
						
						letter-spacing: -1.0px;
					}
				
						#sidebar .sidebar .block p.agendaitem span.date span
						{
							color: #dd225c;
							padding: 0 2px 0 2px;
						}
	
			#sidebar .sidebar .footer
			{
				width: 250px;
				
				height: 6px;
				line-height: 3px;
			}
	
	
#footer
{
	height: 90px;
	width: 1000px;
	
	margin-left: auto;
	margin-right: auto;
	
	clear: both;
	
	background-image: url(/images/background_footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
	text-align: left;
}

	#footer #logo
	{
		position: absolute;
		
		width: 164px;
		
		line-height: 17px;
		
		text-align: center;
		
		font-size: 9px;
		font-weight: bold;
	}
	
	#footer #payoff
	{
		position: relative;
		
		top: 60px;
		left: 290px;
		
		width: 420px;
		height: 22px;
		line-height: 22px;
		
		font-weight: bold;
		font-size: 10px;
		
		letter-spacing: -0.5px;
		
		text-transform: uppercase;
		text-align: center;
		
		color: #ffffff;
		background-color: #000000;
	}
	
	#footer #realisation
	{
		position: relative;
		
		top: 40px;
		left: 800px;
		
		width: 200px;
		
		text-align: right;
		
		color: #777777;
		
		font-size: 10px;
	}
	
		#footer #realisation a
		{
			text-decoration: none;
			color: #777777;
		}
	
		#footer #realisation a:hover
		{
			text-decoration: underline;
			color: #dd225c;
		}