/* Global styles. for the use of repetetive elements */

/* em calculation. target ÷ context = result */

/* -- global layout -- */
html { overflow-y: scroll;  }
body { font: normal 100% Verdana; background:url(../img/body-background.jpg) repeat-x top center; }

	.wrapper { width:100%; min-height:100%; height:auto !important; height:100%; }
	.wrapper .page-container { width:960px; margin:0 auto; position:relative; }

		/* navigation */
		.page-navigation { position:absolute; top:168px; left:0; width:100%; height:35px; background:url(../img/navigatin-ul-background.gif) repeat-x top left; }
		.page-navigation ul { height:25px; width:792px; margin:0 auto; padding:0 0 0 168px;  }
		.page-navigation ul li { position:relative; float:left; height:25px; width:130px; background:url(../img/navigation-li-background.gif) no-repeat top left; line-height:21px; }
		.page-navigation ul li a { font:11px Verdana; color:#21303b; text-decoration:none; padding:0 0 0 10px; }
		.page-navigation ul li a:hover { color:#666677; }
			
			/* subnavigation */
			.page-navigation ul li ul { position:absolute; z-index:2; top:23px; left:-2px; margin:0; padding:0; width:137px; display:none;  }
			.page-navigation ul li ul li { width:137px; height:23px; background:url(../img/subnav-li-bg.png) no-repeat top left; }
			.page-navigation ul li ul li.first { height:25px; background:url(../img/subnav-li-first-bg.png) no-repeat top left; }
			.page-navigation ul li ul li.first a { margin:2px 0 0 0; } /* added slight margin */
			.page-navigation ul li ul li.last { height:28px; background:url(../img/subnav-li-last-bg.png) no-repeat top left; }
			.page-navigation ul li ul li a { font:11px Verdana; color:#21303b; text-decoration:none; padding:0 0 0 10px; }
			.page-navigation ul li ul li a.has-sub { display:block; width:120px; height:23px; line-height:21px; background:url(../img/subnav-has-sub-bg.gif) no-repeat center right; }
			
			/* subnavigation, 2e level */
			.page-navigation ul li ul li ul { position:absolute; z-index:3; top:-2px; left:132px; width:137px; display:none; }
			.page-navigation ul li ul li ul li { float:none; width:137px; height:23px; background:url(../img/subnav-li-bg.png) no-repeat top left; line-height:1px; font-size:1px; }
			.page-navigation ul li ul li ul li.first { height:25px; background:url(../img/subnav-li-first-bg-2e.png) no-repeat top left; line-height:1px; font-size:1px; }
			.page-navigation ul li ul li ul li.first a { line-height:25px; }
			.page-navigation ul li ul li ul li.last { height:28px; background:url(../img/subnav-li-last-bg.png) no-repeat top left; line-height:1px; font-size:1px; }
			.page-navigation ul li ul li ul li a { font:11px Verdana; line-height:21px; color:#21303b; text-decoration:none; padding:0 0 0 10px; }


		/* content */
		.page-body { margin:218px 0 15px 166px; width:520px; float:left; display:inline; /* display inline added to counter IE6 double margin bug */ }
		.page-body .page-content-top { width:520px; height:10px; background:url(../img/page-content-top-bg.png) no-repeat top left; /* resetting line-height and font-size to counter certain browsers adding default line-height to a empty div */ font-size:1px; line-height:1px;}
		.page-body .page-content { position:relative; width:480px; min-height:290px; height:auto !important; height:290px;  padding:10px 20px 10px 20px; background:url(../img/page-content-bg.png) repeat-y top left; }
			/* styles within content are defined in project styles */
		.page-body .page-content-bottom { width:520px; height:6px; background:url(../img/page-content-bottom-bg.png) no-repeat top left; }
		
		/* breadcrumb */
		.page-breadcrumb { position:absolute; top:201px; left:180px; }
		.page-breadcrumb ul { }
		.page-breadcrumb ul li { float:left; font:10px Verdana; color:#9999a4; margin:0 5px 0 0; }
		.page-breadcrumb ul li a { font:10px Verdana; color:#9999a4; text-decoration:none; background:url(../img/breadcrumb-active-page-bg.gif) no-repeat top left; padding:0 0 0 10px; }
		.page-breadcrumb ul li a.home { background-image:none; padding:0; }

		/* cases */
		.page-information { float:left; width:274px; margin:218px 0 15px 0; display:inline; /* display inline added to counter IE6 double margin bug */ }
		.page-information .case, .page-information .contact { width:274px; }
			.case .case-top, .contact .contact-top { width:274px; height:11px; background:url(../img/case-top-bg.png) no-repeat top center; /* resetting line-height and font-size to counter certain browsers adding default line-height to a empty div */ line-height:1px; font-size:1px; }
			.case .case-content, .contact .contact-content { width:274px; background:url(../img/case-content-bg.png) repeat-y top center; }
				/* styles within content are defined in project styles */
			.case .case-bottom, .contact .contact-bottom  { width:274px; height:11px; background:url(../img/case-bottom-bg.png) no-repeat top center; /* resetting line-height and font-size to counter certain browsers adding default line-height to a empty div */ line-height:1px; font-size:1px; }
		
		/* archives */
		.page-information-bg { width:274px; height:2px; background:url(../img/archive-bottom-bg.png) no-repeat bottom center; line-height:1px; font-size:1px; }
		.archive-decorative { width:274px; height:161px; background:url(../img/archive-decorative-bg.png) no-repeat bottom center; }

		.page-information ul.archive-selector { height:24px; }
		.page-information ul.archive-selector li { text-align:left; float:left; }
			li.nieuws { width:94px; height:24px; background:url(../img/li-nieuws.png) no-repeat top left; }
			li.nieuws-active { background:url(../img/li-nieuws-active.png) no-repeat top left !important; }
			li.uit-de-pers { width:90px; height:24px; background:url(../img/li-pers.png) no-repeat top left; }
		    li.uit-de-pers-active { background:url(../img/li-pers-active.png) no-repeat top left !important; }
			li.events { width:90px; height:24px; background:url(../img/li-events.png) no-repeat top left; }
			li.events-active { background:url(../img/li-events-active.png) no-repeat top left !important; }
			li.vacatures { width:138px; height:24px; background:url(../img/li-vacatures.png) no-repeat top left; }
			li.vacatures-active {background:url(../img/li-vacatures-active.png) no-repeat top left !important; }
			li.open-sollicitatie { width:135px; height:24px; background:url(../img/li-open-sollicitatie.png) no-repeat top left; }
			li.open-sollicitatie-active { background:url(../img/li-open-sollicitatie-active.png) no-repeat top left !important; }

		.page-information ul.archive-selector li a { display:block; font:11px Verdana; color:#cd0006; text-decoration:none; }
			li a.nieuws { margin:6px 0 0 10px; }
			li a.uit-de-pers { margin:6px 0 0 5px; }
			li a.events { margin:6px 0 0 5px; }

		.page-information ul.archive-items { background:url(../img/archive-items-ul-bg.png) repeat-y top center; padding:26px 0 0 0; margin:0 0 0 0; }
		.page-information ul.archive-items li { }
		.page-information ul.archive-items li:hover { background:url(../img/archive-li-bg-active.gif) repeat-y top left; margin:0 0 0 0; }
		.page-information ul.archive-items li.active { background:url(../img/archive-li-bg-active.gif) repeat-y top left; margin:0 0 0 0; }
		.page-information ul.archive-items li a { border-top:1px solid #e5e5e8;  display:block; min-height:23px; height:auto !important; height:23px; font:11px Verdana; color:#4c4c60; text-decoration:none; line-height:14px; padding:3px 10px 3px 10px; margin:0 3px 0 4px; }
		.page-information ul.archive-items li a.first { border:none !important; }
		

		/* footer */
		.footer { width:950px; margin:0px auto; clear:both; height:34px; border-top:1px solid #ccccd2; background:url(../img/page-footer-bg.png) no-repeat top center;  }
		.footer ul { margin:0 0 0 163px; }
		.footer ul li { float:left; font:11px Verdana; color:#9999a4; line-height:24px; width:730px; }
		.footer ul li.top { text-align:right; width:30px; background:url(../img/anchor-top.gif) no-repeat top left; }  
		.footer ul li.top a {  }
		.footer ul li a { font:11px Verdana; color:#9999a4; line-height:24px; text-decoration:none; }

		/* search */
		.page-search { position:absolute; top:0; right:0; width:144px; height:28px; background:url(../img/search-bg.gif) no-repeat top right; }
		.page-search ul { margin:5px 0 0 20px;  }
		.page-search ul li { float:left; font:10px Verdana; color:#00001c; margin:0 3px 0 0; }
		.page-search ul li a { font:10px Verdana; color:#00001c; text-decoration:none; }
		.page-search ul li a.active { color:#cc0000; text-decoration:underline; background-image:none; }
		.page-search ul li a.not-active { color:#9999A4; }
		
		.page-search p, .page-search form, .page-search input { line-height:13px; height:13px; font:10px Verdana; color:#00001c; vertical-align:top; text-align:left; }
		.page-search input.search-field { background:url(../img/search-form-bg.gif) no-repeat top left; width:100px; margin:0 0 0 75px; }
		.page-search input.submit { cursor:pointer; }

		/* header */
		.header { width:960px; margin:0px auto; position:absolute; top:0; left:0; }

		/* decorative */
		.page-decorative { position:absolute; z-index:1; top:154px; left:0; }
		.page-decorative .page-decorative-curl { width:175px; height:21px; background:url(../img/page-curl.gif) no-repeat top left; line-height:1px; font-size:1px; }
		.page-decorative .page-decorative-image { height:300px; width:175px; background:url(../img/page-decorative-bg.png) no-repeat top left; line-height:1px; font-size:1px; }

		/* global tabular data */
		table td { border:1px solid #fff; vertical-align:top; margin:0 10px 20px 0; padding:5px; font:10px Verdana; color:#191932; width:100px; text-align:left; }
		table td.heading { background-color:#d64343; }
		table td.second-row, table td.forth-row { background-color:#e2cfd1; }
		table td.third-row { background-color:#d64343; }
		table td.blanc { background-color:Transparent; width:250px; vertical-align:bottom;}

		table td strong { font-weight:bold; font-size:12px; }
		table td strong a { font-weight:bold; font-size:12px; text-decoration:none; color:#000; }
		table td strong a:hover { font-weight:bold; font-size:12px; text-decoration:none; color:#000; }
		
		/* print logo */
		.print-logo { display:none; }

/* -- typography -- */
h1, h2, h3, h4, h5, h6 { font-family:Verdana; }
h1 { color:#cd0006; font-size:20px; line-height:26px; }
h2 { color:#666677; font-size:20px; line-height:26px; }
h3 { color:#cd0006; font-size:14px; }
h4 { color:#666677; font-size:14px; }
h5 { color:#666677; font-size:14px; }
h6 { color:#666677; font-size:14px; }

p { font:11px Verdana; color:#191932; line-height:21px; padding:0 0 10px 0; }
blockquote { padding:10px 0 10px 0; color:#191932; font:14px Verdana; font-style:italic; }
cite { font-style:italic !important; display:inline; }

a { font:11px Verdana; color:#4C4C60; text-decoration:underline; }
a:hover { color:#666677; }
a:visited { }
a:active { }
a:link { }
a:focus { }

/* form elements */