/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a img { border: none; }
a, a:hover { text-decoration: none; }
h1 { font-size: 14px; color: #003e76; }

#wrapper { position: absolute; width: 976px; min-height: 658px; width: 976px; margin: 0 0px 0px -488px; top: 0; left: 50%; text-align: left; overflow: none;  }

/* TAAL EN MENU BLOK */
#locCode1 { height: 41px; width: 976px; background: url("../../site-media/bg_locCode1.gif") repeat-y; }
#locCode1 ul { list-style: none; padding: 20px 0 0 0; margin: 0; font-weight: bold; color: #666666; letter-spacing: 1px;  }

	/* TAAL */
	ul#tpc_taal { float: left; margin-left: 125px; }
	ul#tpc_taal li { float: left;  margin-left: 2px;}
	ul#tpc_taal li a { color: #666666; }
	ul#tpc_taal li a:hover { color: #b2b2b2; }
	ul#tpc_taal li.sel { color: #668bad; }

	/* HOOFDMENU */
	ul#tpc_locCode1 { float: right; }
	ul#tpc_locCode1 li { float: left; margin: 0 8px 0 0; padding: 0 0 0 8px; border-left: 1px solid #ABABAB; text-transform: uppercase; height: 21px; }
	ul#tpc_locCode1 li.first { border-left: none; }
	ul#tpc_locCode1 li a { color: #666666; }
	ul#tpc_locCode1 li a:hover { color: #b2b2b2; }
	ul#tpc_locCode1 li a.selected { color: #668bad; }
	


/* HEADER EN BODY BLOK */
#wrapper2 { position: relative; min-height: 624px; width: 974px; background: url("../../site-media/bg_body.jpg") repeat-x; border: 1px solid #acacac; }
#cirkels { position: absolute; top: 0; right: 0; width: 420px; height: 437px; background: url("../../site-media/cirkels.png") no-repeat; }

	/* HEADER */
	#header { height: 113px; background: url("../../site-media/waves.gif") repeat-x; }
	#header #logo { float: left; width: 224px; height: 113px;  }
	#locCode2 { position: relative; float: right; width: 700px; height: 113px; }

		/* SUBMENU */
		ul#tpc_locCode2 { float: right; list-style: none; padding: 0; margin: 0 22px 0 0; font-weight: bold; color: #666666; letter-spacing: 0.1em; text-transform: lowercase; height: 13px; }
		ul#tpc_locCode2 li { float: left; border-left: 1px solid #9FC4E2; margin: 0 8px 0 0; padding: 6px 0 0 8px;  }
		ul#tpc_locCode2 li.first { border-left: none; }
		ul#tpc_locCode2 li a { color: #666666; }
		ul#tpc_locCode2 li a:hover { color: #134d82; }
		ul#tpc_locCode2 li a.selected { color: #7c9fbf; }

	/* BODY */
	#body { position: relative; top: 0; left: 0; width: 974px; min-height: 432px; background: url("../../site-media/bg_body.png") repeat-y; }
	
	#home-tekst { position: relative; margin-top: 13px; left: 20px; width: 949px; height: 234px; }
	#home-tekst p { margin: 0 0 16px 0; padding: 0; }
	.tekstblok {position: relative; width: 154px; height: 218px; background-color: #c4d7e8; padding: 8px 12px 8px 12px; line-height: 17px; float: left; margin-right: 11px; }
	.tekstblok2 {position: relative; width: 343px; height: 218px; background-color: #c4d7e8; padding: 8px 12px 8px 12px; line-height: 17px; float: left; margin-right: 11px;  }
	.tekstblok h1, .tekstblok2 h1 { font-size: 12px; color: #003e76; padding: 0; margin: 0; margin-bottom: 6px; }
	.tekstblok ul, .tekstblok2 ul { margin: 0 0 0 14px; padding: 0; }
	.tekstblok ul li, .tekstblok2 ul li { margin: 0; padding: 0; line-height: 17px;  }
	
	.tekstblok2 #flash { position: absolute; top: 11px; left: 9px; padding: 0; margin: 0; }
	
	#blokken { position: relative; margin-top: 12px; left: 9px; width: 945px; height: 342px; margin-bottom: 0px; }
	.blok { position: relative; float: left; width: 178px; height: 323px; margin-left: 11px; background: url("../../site-media/blok_small.png") no-repeat; }
	.blok img { position: absolute; top: 41px; left: 40px; width: 98px; height: 96px; border: none; }
	.blok ul { position: absolute; top: 195px; left: 28px; margin: 0; padding: 0; width: 140px; }
	.blok ul li { line-height: 17px; }
	.blok h1 { position: absolute; margin: 0; padding: 0; top: 12px; right: 58px; font-size: 14px; color: #34719d; text-transform: uppercase; }
	.blok h1 a { color: #003e76; }
	.blok h1 a:hover { color: #34719d; }


/* FOOTER */
#footer { position: relative; height: 70px; width: 974px; background: url("../../site-media/bg_footer.gif") no-repeat; font-variant: small-caps; font-size: 11px; }
#footer div { font-family: Helvetica, Verdana, Arial; color: #707070; font-weight: bold; float: left; line-height: 30px; background: url("../../site-media/divider_footer.gif") top right no-repeat; padding: 0 16px 0 12px; }
#footer div.last { background: none;  padding: 0 0 0 12px; font-weight: bold; line-height: 30px; font-family: Helvetica, Verdana, Arial; }
#footer div a { font-weight: bold;font-size: 11px; color: #707070; }
#footer div a:hover { color: #668bad; }

._ffbgforcer { clear: both; height: 0; overflow: hidden; margin-top: -1px; }