@import url(default.css);
@import url(form.css);




html, body {	
	padding:0;
	width: 100%;	
}
html {
	
}
body {	
	background: #e6f1ef;
	margin-top: 44px;	
	margin-bottom: 20px;
}



/****** (  css )****************************/

#wrapper {	
	position: relative;
	margin: 0 auto;	
	background: #ffffff;
	width: 939px;	
	z-index: 48;		
}	


#logo {
	position: absolute;
	top: -44px;  left: 778px;	
	z-index: 49;	
	}
	#logo h2 a { 	/* let op!!, pas deze stijl toe op de 'a' */
		display: block;
		width: 106px;	height: 191px;	
		background: url(/img/logo.png) no-repeat left top;
		text-indent: -999em;	
		z-index: 50;	
	}
	* html #logo h2 a { 	/* let op!!, pas deze stijl toe op de 'a' */
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png');	 
		cursor: pointer;	
	}
	

.container {
	height: 531px;
	overflow: hidden;	
	}	
	.container .content_main {
		width: 263px;	height: 531px;				
		}
		.menu{
			position: relative;
			width: 263px;
			height: 129px;
			background: #fff url(/img/menu_bg.png) no-repeat;
			}
			.menu a {
				color: #fff;
				font-weight: bold;
				}
			.menu a:hover,.menu li.active a {
				text-decoration: underline;
				color: #fff;
				}
				.menu a:hover,.menu li.active li a {
					text-decoration: none;
					}
					.menu li li a:hover,.menu li li.active a {
						text-decoration: underline;
						color: #fff;
						}
			.menu ul {
				width: 117px;
				height: 117px;
				position: absolute;
				left: 8px;
				top: 8px;
				}
				.menu ul ul {
					position: absolute;
					top: 0px;
					left: 134px;
					}
					.menu ul ul {
						display: none;
						}
						.menu ul li.active ul {
							display: block;
							}
			
		
		.container .content_main .content{
			width: 263px;
			height: 402px;
			overflow: auto;
			}
			.container .content_main .content .inner{
				padding: 24px 12px 12px 12px;
			}
			.container .content_main .content h1 small {
				color: #555;
				font-weight: normal;
				font-size: 11px;
				}
			.container .content_main .content li {
				margin-left: 16px;
				list-style: circle;
				}
			.container .content_main .content .nieuwsoverzicht {
				}
				.container .content_main .content .nieuwsoverzicht li {
					margin-left: 0px;
					list-style: none;
					}
					.container .content_main .content .nieuwsoverzicht li strong {
						width: 40px;
						float: left;
						}
					.container .content_main .content .nieuwsoverzicht li span {
						width: 195px;
						float: left;
						font-weight: normal;
						}
						.container .content_main .content .nieuwsoverzicht li a:hover span {
							text-decoration: underline;
							}
					.container .content_main .content .nieuwsoverzicht li br {
						clear: both;
						}
			
			
			
	.container .colomn_2 {
		width: 262px;	height: 531px;
		margin-left: 4px;		
		
		}	
		.container .colomn_2 .visual_sub {
			position: relative;
			width: 262px;	height: 263px;
			margin-bottom: 4px;		
			overflow: hidden;
			z-index: 1;
			}
			.container .colomn_2 .visual_sub .mask_vis_small_absolute {
				position: absolute;
				top: 0px; left: 0px;
				width: 262px;	height: 263px;	
				background: url(/img/mask_vis_small.png) no-repeat left top;			
				overflow: hidden;
				z-index: 25;
			}
			* html .container .colomn_2 .visual_sub .mask_vis_small_absolute {
				background: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mask_vis_small.png'); 				
			}
			
			
		
		.container .colomn_2 .extras_a {
			width: 262px;	height: 129px;
			margin-bottom: 4px;			
			text-align: center;	
			}	
			.container .colomn_2 .extras_a .banner {
				width: 129px;	height: 129px;
				margin-right: 4px;		
				}	
				.container .colomn_2 .extras_a .banner a {
					display: block;
					width: 129px;
					height: 129px;
					background: url(/img/banner/aanmelden_wk.png) no-repeat left top;
					padding-top: 12px;					
					text-decoration: none;
					}
					.container .colomn_2 .extras_a .banner h2 {
						margin-bottom: 5px;
						}
			.container .colomn_2 .extras_a .contact_us{
				width: 129px;	height: 129px;	
				}	
				.container .colomn_2 .extras_a .contact_us a{
					display: block;
					width: 129px;	height: 129px;	
					padding-top: 12px;					
					background: url(/img/bg_neem_contact_met_ons_op.gif) no-repeat left top;
					text-decoration: none;
					}		
					.container .colomn_2 .extras_a .contact_us h2 {
						margin-bottom: 5px;
						}
		.container .colomn_2 .nieuws {
			width: 262px;	height: 131px;
			margin-bottom: 4px;		
			background: url(/img/bg_nieuwbrief_aanmelden.gif) no-repeat left top;
			}	
			.container .colomn_2 .inner {
				padding: 38px 0 0 16px;
				line-height: 20px;
				}	
				.container .colomn_2 .nieuws ul {
					}
					.container .colomn_2 .nieuws li {
						}
						.container .colomn_2 .nieuws a {
							font-weight: normal;
							color: #fff;
							}
							.container .colomn_2 .nieuws a strong {
								padding-right: 4px;
								}
			
	.container .visual_main {
		position: relative;		
		width: 406px;	height: 531px;
		margin-left: 4px;	
		z-index: 1;		
		}	
		.container .visual_main .mask_vis_big_absolute{
			position: absolute;
			top: 0px; left: 0px;
			width: 406px;	height: 531px;			
			background: url(/img/mask_vis_big.png) no-repeat left top;			
			overflow: hidden;
			z-index: 25;		
		}	
		* html .container .visual_main .mask_vis_big_absolute {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mask_vis_big.png'); 				
		}



.footer {
	height: 53px;
	overflow: hidden;
	background: url(/img/bg_footer.gif) no-repeat left top;	
	}	
	.footer .inner {
		padding: 11px 0 0 18px;
		}
		.footer .inner ul {
			
			}		
			.footer .inner ul li {
				float: left; display: inline;
				margin-right: 10px;
			}	
			.footer .inner ul li a {
				font-size: 10px;
			}