@charset "utf-8";
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }

h1 { margin:0 0 5px 0; padding:0; font-size:20px; color:#3d6d86; }
	h1 a { text-decoration:none; }
h2 { margin:0; padding:0; font-size:17px; color:#3d6d86; }
	h2 a { text-decoration:none; }
h3 { margin:0; padding:0; font-size:15px; color:#3d6d86; }

a { color:#3d6d86; }
a:hover { color:#3d6d86; }

a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }

hr { margin:0; padding:0; height:1px; border:none; color:#3d6d86; background:#3d6d86;}

/* Id's */
#container { position:relative; width:941px; margin:auto; }
	#header { height:118px; overflow:hidden; position:relative; }
	#header_home { position:relative; }
		#wapen { position:absolute; left:24px; top:26px; }
		#logo { position:absolute; left:133px; top:20px; }
		
		#subnav { position:absolute; top:0; right:0; background:url(/static/img/layout/bg_left_topmenu.gif) 0 0 no-repeat; padding-left:6px; height:25px;}
			#subnav ul { margin:0; padding:0; list-style:none;}
			#subnav ul li { float:left; background:#fff; height:25px; line-height:25px;}
			#subnav ul li a { text-decoration:none; float:left; padding:0 10px; color:#000; height:25px; line-height:25px;}
			#subnav ul li a.active,
			#subnav ul li a:hover { text-decoration:underline;}
		
		#navbg { position:absolute; left:221px; bottom:0;}
		#nav { position:absolute; left:223px; bottom:0;}
			#nav ul { margin:0; padding:0; list-style:none;}
			#nav ul li { float:left;}
			#nav ul li a { text-decoration:none; float:left; color:#fff; height:25px; line-height:25px; width:125px; text-align:center; position:relative;}
			#nav ul li a span { position:absolute; color:#fff; top:-1px; left:-1px; width:125px; text-align:center; z-index:0; cursor:pointer; }
			#nav ul li a.shadow { color:#000; }
			
			#nav ul li a.active,
			#nav ul li a:hover { text-decoration:underline;}
				#nav ul li a.shadow.active,
				#nav ul li a.shadow:hover { color:#000; text-decoration:none; }
				#nav ul li a.active span,
				#nav ul li a:hover span { text-decoration:underline;}



	#main {}
		#left { float:left; width:182px; height:29px }
			.banner { margin-bottom:10px; position:relative; display:block;}
				.banner .hoek_lb { position:absolute; left:0; top:0; }
				.banner .hoek_lo { position:absolute; left:0; bottom:0; }
				.banner .hoek_rb { position:absolute; right:0; top:0; }
				.banner .hoek_ro { position:absolute; right:0; bottom:0; }
		
			.col_left { margin-top:15px;}
			.col_left .head { background:url(/static/img/layout/columnleft.gif) 0 0 no-repeat; height:34px; padding:0 17px; line-height:34px; }
			.col_left .head h2 { color:#fff; font-size:14px; }
			.col_left .head h2 a { color:#fff; font-size:14px; }
			.col_left .middle { background:url(/static/img/layout/columnleft.gif) -182px 0 repeat-y; padding:2px 5px; position:relative; }
			.col_left .foot { background:url(/static/img/layout/columnleft.gif) 0 -34px no-repeat; height:14px; }
			
			#menu,
			#menu ul { margin:0; padding:0; list-style:none; }
			#menu li { padding:2px 0; }
			#menu li a { color:#000; background:url(/static/img/layout/arrow.gif) 2px 4px no-repeat; padding-left:12px; text-decoration:none; display:block; }
			#menu li a:hover { text-decoration:underline; }
			#menu li a.active { color:#3d6d86; background:url(/static/img/layout/arrow.gif) -196px 4px no-repeat; }
			#menu li li { padding-left:12px; }
			#menu li li a { background:none; color:#5e5e5e; padding-left:0; }
			#menu li li a.active { text-decoration:underline; color:#5e5e5e; background:none; }
			#menu li li li { padding:2px 0 0 0; font-size:11px; }
			
		#middle { float:left; width:541px; margin:0 18px 19px 18px; }
			#content { background:url(/static/img/layout/bgcontent.gif) -1082px 0 repeat-y; }
			#content_gr { background:url(/static/img/layout/bgcontent.gif) 0 0 no-repeat; min-height:200px; padding:25px; }
			
			#content_foot { background:url(/static/img/layout/bgcontent.gif) -541px 0 no-repeat; height:12px;}
		
		#right { float:left; width:182px; }
			.col_right { margin-top:15px;}
			.col_right .head { background:url(/static/img/layout/columnright.gif) 0 0 no-repeat; height:34px; padding:0 15px; line-height:34px; }
			.col_right .middle { background:url(/static/img/layout/columnright.gif) -182px 0 repeat-y;  padding:2px 15px; }
			.col_right .foot { background:url(/static/img/layout/columnright.gif) 0 -44px no-repeat; height:12px; }
			
			.col_right .middle ul { margin:0; padding:0; list-style:none; }
			.col_right .middle ul li { display:block; padding:3px 0; line-height:18px;}
			.col_right .middle ul li.line { border-bottom:1px solid #fff; }
			.col_right .middle ul li a { display:block; color:#000; position:relative; padding:3px 0; text-decoration:none;}
			.col_right .middle ul li a span { text-decoration:underline; color:#3d6d86; display:block; font-size:11px; }
			.col_right .middle ul li small { display:block; font-size:11px; }


	#home_left { width:240px; float:left; margin-right:20px;}
	#home_right { width:220px; float:left;}



/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.input_veld { width:200px; padding:6px; border:1px solid #a7a7a7; margin:0; font-size:12px; }
textarea.input_veld { width:428px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.input_error { border-color:#f00;}
.input_long { width:492px; }
textarea.input_long { width:480px; }

.alpha { margin-bottom:20px; }
.alpha td { color:#999; font-size:15px; font-weight:bold; }

.company { margin-bottom:20px; }

	/* Mod-News */
	.newsitem { display:block; border-bottom:1px solid #3d6d86; padding:0 0 10px 0; margin-bottom:10px; }
	.newsitem .newsintro { display:block; font-weight:bold; }
	.newslist { margin:10px 0; padding:0; list-style:none;}
	.newslist li { display:block;}
	
	/* Mod-Agenda */
	ul.cal { margin:0; padding:0; list-style:none; }
	ul.cal li { display:block; padding:4px 0; }
	ul.cal li small { display:block; font-size:11px; }
	ul.cal li a { text-decoration:none; color:#000; display:block; }
	ul.cal li span { text-decoration:underline; color:#3d6d86; display:block; font-size:11px; }
	
	/* Mod-fotoalbum */
	.fotoalbum_files { margin:0; padding:0; list-style:none; }
	.fotoalbum_files li { float:left; width:140px; height:90px; display:block; border:1px solid #616161; text-align:center; margin:2px; padding:3px; }
	.fotoalbum_files li a { width:140px; height:90px; display:block;}
	.fotoalbum_files li img { }
	
	.fotoalbum_maps { margin:0; padding:0; list-style:none; }
	.fotoalbum_maps li { float:left; width:140px; height:100px; display:block; border:1px solid #616161; text-align:center; margin:2px; padding:3px; }
	.fotoalbum_maps li img { }

	/* Mod-gastenboek */
	.gast_msg { display:block; margin:19px 0;}
	.gast_msg h2 { display:block; }
	.gast_msg span { display:block; color:#666;}
	.gast_msg {}

	/* Mod-Formulieren */
	.custom_form { /* background:#eee; padding:3px; */ }
	.custom_form table {}
	.custom_form table td { padding:2px 0;}
	.custom_form table td.fieldname { font-weight:bold;}
	.custom_form table td.td_error { color:#f00; }
	.custom_form table td.linebreak label { display:block;  }

/* Rood */
.rood #header, 
.rood #header_home { border-bottom:2px solid #a92828; }
.rood .newsitem { border-bottom:1px solid #a92828; }
.rood h1 { color:#a92828; }
.rood h2, .rood h2 a { color:#a92828; }
.rood a,
.rood .col_right .middle ul li a span { color:#a92828; }

/* Geel */
.geel #header, 
.geel #header_home { border-bottom:2px solid #c2a936; }
.geel .newsitem { border-bottom:1px solid #c2a936; }
.geel h1 { color:#c2a936; }
.geel h2, .geel h2 a { color:#c2a936; }
.geel a,
.geel .col_right .middle ul li a span { color:#c2a936; }

/* Blauw */
.blauw #header, 
.blauw #header_home { border-bottom:2px solid #3d6d86; }
.blauw .newsitem { border-bottom:1px solid #3d6d86; }
.blauw h1 { color:#3d6d86; }
.blauw h2, .blauw h2 a { color:#3d6d86; }
.blauw a,
.blauw .col_right .middle ul li a span { color:#3d6d86; }

/* Groen */
.groen #header, 
.groen #header_home { border-bottom:2px solid #617707; }
.groen .newsitem { border-bottom:1px solid #617707; }
.groen h1 { color:#617707; }
.groen h2, .groen h2 a { color:#617707; }
.groen a,
.groen .col_right .middle ul li a span { color:#617707; }