@charset "utf-8";
/* 
	document    : screen.css
	author		: Johannes Maas
	company		: TDC Lighthouse
	client		: Stichting PVP
*/
		
/*  
	reset styles 
*/
	body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ol, a, img {margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*  
	general: tagbased styles 
*/	
	html, body 	{ height: 100%; }

	html		{ background: url('../graphics/bg_repeat_x.gif') 0 0 repeat-x; } 
	body		{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:70%; color:#4d4d4d; background: url('../graphics/bg_line.gif') 50% 50% no-repeat}	
	a:link		{ color:#000000; text-decoration:none; }
	a:hover		{ color:#e6000a; }
	a:visited	{ text-decoration:none;}
	strong		{ font-weight:bold; }
	p			{ padding:0 0 15px 0; }
	em			{ font-style:italic; }
	textarea	{ font-family:Arial, Verdana, Helvetica, sans-serif; }

/*  
	grid 
*/
	#canvas			{width:980px;margin: 0 auto; min-height:100%; border:0px solid red;}
	#container-top	{width:980px;height:175px}
/*
	service menu
*/
	#service-nav				{border:0px solid black;height:29px; margin-top:30px; position:absolute;margin-left:797px;width:190px;}
	#service-nav ul				{list-style:none;}
	#service-nav li				{width:95px;height:29px;float:left;text-align:center;line-height:20px;}
	#service-nav li.item-a		{background:url('../graphics/buttons/btn_over_pvp.gif') no-repeat;}										
	#service-nav li.item-a a	{color:#135e99;text-decoration:none;padding: 0 0 0 20px;}
	#service-nav li.item-b		{background:url('../graphics/buttons/btn_sitemap.gif') no-repeat;}
	#service-nav li.item-b a	{color:#ffffff;text-decoration:none;padding: 0 0 0 20px;}									
/*
	branding
*/
	#branding h1				{height:135px;background:url('../graphics/bg_header_logo.gif') 0 44px no-repeat;}
	#branding h1 span			{display: none;}
	#branding h1 a				{display: block; height: 50px; width: 215px; margin-top:48px; position:absolute;}

/*
	quick searchbox
*/
	#search-box					{position:absolute; width:223px; height:25px;margin-top:60px;margin-left:480px;  background:url("../graphics/bg_search_box.gif") no-repeat;}
	#search-box	#searchquery	{float:left; height:18px; width:175px; border:0;border-color:white; margin-top:5px; margin-left:6px; font-size:1.0em;background-color:transparent;color:#bcbcbc}
	#search-box	#searchsubmit	{float:right; height:21px; width:28px; border:0;border-color:white; margin-top:2px; margin-left:8px;border:0px solid gray}


	
	#search-result-box					{position:relative; width:258px; height:25px;background:url("../graphics/bg_search_result_box.gif") no-repeat;margin:10px 0 10px 0}
	#search-result-box	#resultquery	{float:left; height:18px; width:175px; border:0;border-color:white; margin-top:5px; margin-left:6px; font-size:1.0em;background-color:transparent;color:#bcbcbc}
	#search-result-box	#resultsubmit	{float:right; height:21px; width:28px; border:0;border-color:white; margin-top:2px; margin-left:8px;border:0px solid gray}


/*
	top nav
*/
	#top-nav						{width:980px; border:0px solid black; height:41px;}
	#top-nav ul						{list-style:none}
	#top-nav li						{float:left;text-align:center;line-height:32px;}
	#top-nav li	a					{color:#8a8a8a;text-decoration:none}

	#top-nav li.home a					{background:url('../graphics/top_nav_home_passive.gif') no-repeat; display:block;width:53px;height:41px}
/*	#top-nav li.home a.active			{background:url('../graphics/top_nav_home_active.gif') no-repeat; display:block;width:53px;height:41px} */
	#top-nav li.home a.activeElement	{background:url('../graphics/top_nav_home_active.gif') no-repeat; display:block;width:53px;height:41px}
	#top-nav li.home a:hover			{background:url('../graphics/top_nav_home_active.gif') no-repeat; display:block;width:53px;height:41px}
	#top-nav li.home span					{display:none}
	#top-nav li.category a					{background:url('../graphics/top_nav_category_passive.gif') no-repeat; display:block;width:142px;height:41px}
	#top-nav li.category a.activeElement	{background:url('../graphics/top_nav_category_active.gif') no-repeat; display:block;width:142px;height:41px; color:#ffffff}
	#top-nav li.category a:hover	 		{background:url('../graphics/top_nav_category_active.gif') no-repeat; display:block;width:142px;height:41px; color:#ffffff}
/*
	main content and cols (homepage)
*/
	#container-main					{border:0px solid black; width:980px;margin:10px auto; float:left;}
	#container-main #teaser-column	{float:left;border:0px solid green;width:275px;}
	#container-main #sidebar		{float:right;border:0px solid purple;width:220px;background-color:#98b400}

/*
	theme content and cols (multypurpose)
*/
	#container-main #sidenav				{float:left;border:0px solid green;width:190px;background:url("../graphics/bg_sidenav.gif");padding-bottom:50px;padding-top:20px}
	#container-main #sidenavblankbox		{float:left;border:0px solid green;width:190px;padding-bottom:50px;padding-top:20px}
	#container-main	#content-theme			{float:left;width:540px;  margin:0 10px 0 14px; }
	#content-theme .shadow-top				{width:540px;height:2px; background:url("../graphics/shadow_top_type2.png") no-repeat; margin:0;padding:0;}
	#content-theme .content-body			{width:540px;background:url("../graphics/shadow_main_type2.png");}
	

	#content-theme .column-full				{margin:22px 30px 0 30px;clear:left;}
	#content-theme .column-full h3			{font-size:1.5em;font-weight:bold; color:#98b400; margin-bottom:5px;}
	#content-theme .column-full h4			{font-size:1.1em;font-weight:bold; color:#4d4d4d; margin-bottom:5px;}
	
	.main-article 								{border:0px solid red;width:100%;margin-bottom:20px;}

	div.image-left  							{float:left;margin:3px 5px 3px 0;padding-right:5px;}
/* moet anders IE */
	#content-theme .column-full > .image-left  	{float:left;margin:3px 5px 3px 0;padding-right:5px;}
	#content-theme .column-full >	ul			{list-style:square;margin-left:15px;display:block;}



	#content-theme .content-footer-row		{width:540px; min-height:155px; background:url("../graphics/shadow_bottom_type2.png") 0 0 no-repeat transparent;}
	#content-theme .content-footer-row div	{padding:0px 30px 0px 30px;}
	#content-theme .content-footer-row h3	{font-size:1.2em; color:#8c8c8c; font-weight:bold;margin-bottom:3px}


	#content-theme .content-footer-row a			{color:#98b400}
	#content-theme .content-footer-row a:visited	{color:#98b400}
	#content-theme .content-footer-row a:hover		{color:#a5bf17}

	#content-theme a.more-small				{display:block;background:url("../graphics/icons/more_small.gif") 0 center no-repeat;padding-left:12px; }
	#content-theme a.down-small				{display:block;background:url("../graphics/icons/down_small.gif") 0 center no-repeat;padding-left:12px; }
	#content-theme a.link-small				{display:block;background:url("../graphics/icons/link_small.gif") 0 center no-repeat;padding-left:12px; }
	#content-theme .top-margin				{margin-top:10px; display:block}

/*
	common
*/
	
	.list-internal-links					{margin:10px 0 0px 0;}
	
	.list-internal-links a					{display:block; background:url("../graphics/arrow_more_small_type1.gif") 0 center no-repeat;padding-left:12px; color:#98b400;}
	.list-internal-links a:visited			{color:#98b400;}
	.list-internal-links a:hover			{color:#a5bf17;}
	
	.list-external-links					{margin:10px 0 0px 0;}
	
	.list-external-links a					{display:block; background:url("../graphics/arrow_more_small_type1.gif") 0 center no-repeat;padding-left:12px; color:#98b400;}
	.list-external-links a:visited			{color:#98b400;}
	.list-external-links a:hover			{color:#a5bf17;}
	
	.list-document-links					{margin:10px 0 0px 0;}
	
	.list-document-links a					{display:block; background:url("../graphics/arrow_more_small_type1.gif") 0 center no-repeat;padding-left:12px; color:#98b400;}
	.list-document-links a:visited			{color:#98b400;}
	.list-document-links a:hover			{color:#a5bf17;}


	.column-container-type1					{background:url("../graphics/bg_vertical_type1.gif") center repeat-y; margin:15px 0 15px 30px;width:399px;float:left;border:0px solid red;}
	.column-container-type1 div.column-a	{margin:0; float:left;  width:180px;}
	.column-container-type1 div.column-b	{margin:0; float:right; width:180px;}

	.column-container-type2					{background:url("../graphics/bg_vertical_type1.gif") center repeat-y; margin:15px 0 15px 30px;width:480px;float:left;border:0px solid red;}
	.column-container-type2 div.column-a	{margin:0; float:left;  width:200px;}
	.column-container-type2 div.column-b	{margin:0; float:right; width:200px;}

	.line-type1								{height:1px; border-bottom:1px solid #cfcfcf;width:100%;margin:15px 0 15px 0 }
	.line-type1a							{height:1px; border-bottom:1px solid #cfcfcf;width:100%;margin:15px 0 0 0}
	.line-type2								{height:1px; border-bottom:1px solid #cfcfcf;width:100%;margin:0 0 15px 0 }
	.line-type3								{height:1px; border-bottom:1px solid #cfcfcf;width:100%;margin:15px 0 0 0 }

	/* obsolete */
	.hr-type1								{border:0;border-top:1px solid #cfcfcf;width:100%;height:1px;margin:0;margin:15px 0 0 0}
	.hr-type2								{border:0;border-top:1px solid #cfcfcf;width:100%;height:1px;margin:0;margin:0 0 15px 0;clear:left;padding:0;}
	.hr-type3								{border:0;border-top:1px solid #cfcfcf;width:100%;height:1px;margin:0;margin:15px 0 15px 0}
	
	.list-teaser li				{margin-bottom:15px;}
	.list-teaser li a	 		{font-size:1.1em; font-weight:bold; color:#98b400;text-decoration:none;display:block;margin-bottom:2px;}
	.list-teaser li a span		{background-image:url("../graphics/icons/arrow_more_type1.gif");background-repeat:no-repeat;background-position:right;padding-right:10px;}
	.list-teaser li a:visited	{color:#98b400}
	.list-teaser li a:hover	 	{color:#a5bf17}
	.list-teaser li.last		{margin-bottom:0;}

	.search-info				{clear:left;}
	.search-info div			{width:150px;float:left;}
	.search-info div.accent		{width:150px;float:left;color:#98b400;}
	.search-info span			{color:#d1d1d1}

	.search-result				{list-style:none}
	.search-result li			{margin-bottom:15px}
	.search-result li strong	{display:block}
	.search-result li a			{display:block;margin-top:5px}

/*
	.pager ul					{text-align: center;width:200px;;margin-left:50%;left:-100px:position:absolute}
	.pager ul li				{float:left;border:1px solid red;margin:3px;height:25px;width:25px}
*/	




	/* 
		Dit moet gefixt!
	*/

	.pageSelectorBox 			{ width:540px; min-height:155px;}

	.pageSelector				{ padding:0; margin:0 -25px; list-style-type:none; float:left; position:absolute; left:50%;}
	
	.pageSelector li			{ float:left; position:relative; right:50%; margin:1px}
	.pageSelector li a			{ width:auto; display:block; color:#fffff; text-decoration:none;height:25px; width:25px; text-align:center;line-height:22px}
	
	
	.pageSelector li a:link		{ color:#ffffff;  background:#98b41a;}
	.pageSelector li a:visited	{ color:#ffffff;  background:#98b41a;}
	.pageSelector li a:hover	{ color:#000000;  background:#d4d4d4;}

	.pageSelector li.activeElement a.activeElement	{ color:#000000;  background:#d4d4d4;}
	
/*
	sidenav
*/

	
	#container-main #sidenav ul				{list-style:none;width:181px;margin:0;padding:0}
	#container-main #sidenav ul li			{background:url("../graphics/bg_sidenav_main_top.gif") no-repeat; padding-top:1px;margin-bottom:1px;}
	#container-main #sidenav ul li span		{dipx;ay:block; background:url("../graphics/bg_sidenav_main_bottom.gif");height:1px; }
	#container-main #sidenav ul li a.active	{color:#98b400}
	#container-main #sidenav ul li a.activeElement	{color:#98b400}
	#container-main #sidenav ul li a		{display:block; background:url("../graphics/bg_sidenav_main.gif") top no-repeat; background-color:white;padding:10px 0 10px 0px; color:#8a8a8a;font-weight:bold;text-decoration:none;}	
	#container-main #sidenav ul li a:hover	{color:#98b400}
	#container-main #sidenav ul li a span	{background:url("../graphics/arrow_more_small_type1.gif") 25px center no-repeat; padding-left:35px;cursor:pointer; height:15px; float:left; display:block;}	

	/* 
		sidenav level 2
	*/

	#container-main #sidenav ul li ul				{list-style:none; width:165px; background:url("../graphics/bg_sidenav_level2_main.gif") repeat-x;list-style:none; border:0px solid red;margin:0;padding:0;min-height:0}
	#container-main #sidenav ul li ul li			{background:none;margin-bottom:0;padding-top:0; padding-right:7px;}
	#container-main #sidenav ul li ul li a.active	{color:white;background:url("../graphics/sidenav_active.gif") 20px center no-repeat;}
	#container-main #sidenav ul li ul li a.activeElement	{color:white;background:url("../graphics/sidenav_active.gif") 20px center no-repeat;}
	#container-main #sidenav ul li ul li a			{display:block;padding:5px 0 5px 45px;font-weight:normal;color:white;background:url("../graphics/sidenav_passive.gif") 20px center no-repeat;}	
	#container-main #sidenav ul li ul li a:hover	{color:white;background:url("../graphics/sidenav_active.gif") 20px center no-repeat;}	
	
	/*
		sidenav level3
	*/
	#container-main #sidenav ul li ul li ul				{list-style:none; width:150px; list-style:none; background:transparent;margin-left:15px;}
	#container-main #sidenav ul li ul li ul li			{background:none;margin-bottom:0;padding-top:0;border:0px solid red; }
	#container-main #sidenav ul li ul li ul li a.active	{color:white;background:url("../graphics/sidenav_active.gif") 20px center no-repeat;}
	#container-main #sidenav ul li ul li ul li a.activeElement	{color:white;background:url("../graphics/sidenav_active.gif") 20px center no-repeat;}
	#container-main #sidenav ul li ul li ul li a		{display:block;padding:5px 0 5px 45px;font-weight:normal;color:white;background:url("../graphics/sidenav_passive.gif") 20px center no-repeat;}	
	#container-main #sidenav ul li ul li ul li a:hover	{color:white;background:url("../graphics/sidenav_active.gif") 20px center no-repeat;}	



/*
	sidebar
*/
	#sidebar .sidebar-top			{border-bottom:1px dotted white; background:url('../graphics/bg_sidebar_top.gif') no-repeat; color:#ffffff; font-size:1.4em; font-weight:bold;padding:12px;}
	
	#sidebar .sidebar-content		{border-bottom:1px dotted white;;color:white; padding:10px}
	#sidebar .sidebar-content b		{font-weight:bold;font-size:1.0em; }
	#sidebar .sidebar-content div	{font-weight:bold;font-size:1.0em; background:url("../graphics/sidebar_label.gif") no-repeat;padding-left:80px;margin-left:-21px; height:22px; width:200px; position:absolute;line-height:22px}
	
	#sidebar .sidebar-content p			{margin-top:30px;margin-bottom:7px}
	#sidebar .sidebar-content span p	{margin-top:2px;margin-bottom:7px}

	#sidebar .sidebar-footer		{background:url('../graphics/bg_sidebar_gradient.gif') bottom repeat-x;color:white; padding:20px}
	#sidebar .sidebar-footer b		{font-weight:bold; font-size:1.1em;}
	
	#sidebar .sidebar-bottom		{background:url('../graphics/bg_sidebar_bottom.gif') no-repeat; background-position:bottom}

	#sidebar .phone					{background:url('../graphics/icons/phone.gif') no-repeat; padding-left:25px;margin:3px 0 6px 0}
	#sidebar .phone span			{color:#ddf558}
	#sidebar .email					{background:url('../graphics/icons/letter.gif') no-repeat; padding-left:25px;margin:3px 0 3px 0}
	#sidebar .email	a				{color:white; text-decoration:none}

	#sidebar img					{display:block;border-bottom:1px dotted white;} 
	
	#sidebar ul li					{border-bottom:1px dotted white;background:url("../graphics/bg_sidebar_gradient.gif") bottom repeat-x;}
	#sidebar ul li a				{background:url("../graphics/icons/arrow_more_type2.gif") 20px 50% no-repeat; padding:20px 0px 20px 40px; display:block; color:#ecf5b8;text-decoration:none}
	#sidebar ul li a:visited		{color:#ecf5b8;}
	#sidebar ul li a:hover			{color:#ffffff;}
	
/* 
	Homepage 2 colum short info boxes (teasers)
*/
	#content-main					{float:left;border:0px solid yellow;width:461px;margin:0 10px 0 7px; background:url("../graphics/shadow_main_type1.png")}
	#content-main .shadow-top		{width:461px;height:3px; background:url("../graphics/shadow_top_type1.gif") no-repeat;}
/*
	#content-main div.column-a		{margin:22px 0 15px 0; float:left;  width:231px;}
	#content-main div.column-b		{margin:22px 0 15px 0; float:right; width:230px;}
*/
	#content-main .content-row		{clear:both; width:461px; min-height:75px; background:url("../graphics/shadow_bottom_type1.gif");background-repeat:no-repeat;padding-top:15px}
	#content-main .content-row div	{margin:0px 30px 0px 30px;}
	#content-main .content-row h3	{font-size:1.2em; color:#8c8c8c; font-weight:bold;margin-bottom:3px}
/*
	#content-main ul 	 			{margin:0px 22px 0px 30px;}
	#content-main ul li	 			{margin-bottom:15px;}
	#content-main ul li a	 		{font-size:1.1em; font-weight:bold; color:#98b400;text-decoration:none;display:block;margin-bottom:2px;}
	#content-main ul li a span		{background-image:url("../graphics/icons/arrow_more_type1.gif");background-repeat:no-repeat;background-position:right;padding-right:10px;}
	#content-main ul li a:hover	 	{text-decoration:none;}
	#content-main ul li.last		{margin-bottom:0;}
*/
/*
	teaser column (homepage)
*/
	#teaser-column	div						{background-image: url('../graphics/bg_pattern_teaser.gif');margin-bottom:0px;margin-left:-10px;border-left:10px solid white;background-color:white;border-right:10px solid white;background-color:white;border-bottom:10px solid white;background-color:white;}
	
	#teaser-column	div.teaser-large a		{display:block;text-decoration:none;margin:11px;width:243px; padding:240px 0 22px 0px; position:absolute; background-image:url('../graphics/icons/arrow_more_type2.gif'); background-repeat:no-repeat; background-position:50px 242px}
	#teaser-column	div.teaser-large a span {padding-left:60px;color:#ffffff;font-size:18px;line-height:10px;}
	#teaser-column	div.teaser-large img	{margin:11px 11px 40px 11px;}
	
	#teaser-column	div.teaser-small 		{height:76px;border-top:10px solid white;}
	#teaser-column	div.teaser-small span	{padding:11px 11px 11px 120px;font-size:1.0em;display:block;}
	
	#teaser-column	div.teaser-small span a	{color:#98b400;font-weight:bold;text-decoration:none;background:url("../graphics/arrow_more_small_type1.gif") left center no-repeat; padding-left:8px;display:block}
	#teaser-column	div.teaser-small span a:visited	{color:#98b400}
	#teaser-column	div.teaser-small span a:hover	{color:#a5bf17}
	
	#teaser-column	div.teaser-small img	{margin:11px;position:absolute}
/*
	page footer
*/	
	#page-footer						{clear:both;background:url("../graphics/bg_page_footer.gif") no-repeat;height:49px;text-align:center;padding-top:15px}
	#page-footer .phone					{background:url('../graphics/icons/phone_type2.gif') no-repeat; padding-left:20px;margin:3px 3px 6px 0}
	#page-footer .direction				{background:url('../graphics/icons/directions.gif') no-repeat; padding-left:20px;margin:3px 3px 6px 0}

/*
	Sitemap
*/
	#sitemap, #sitemap ul, #sitemap li				{margin:0;padding:0;list-style:none;}
	#sitemap										{background:url(../graphics/icons/douloid/line1.gif) repeat-y;}
	#sitemap li										{line-height:20px;margin-top:1px;position:relative;width:100%;}

	/* IE leaves a blank space where span is added so this is to avoid that */
	* html #sitemap li								{float:left;display:inline;}
	#sitemap li a									{padding-left:28px;color:#98b400}
	#sitemap li span								{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
	#sitemap li span, #sitemap li span.collapsed	{background:url(../graphics/icons/douloid/collapsed.gif) no-repeat 0 0; } 
	#sitemap li span.expanded						{background:url(../graphics/icons/douloid/expanded.gif) no-repeat 0 0;}

	/* sub levels */
	#sitemap li ul									{margin-left:28px; background:url(../graphics/icons/douloid/line1.gif) repeat-y;}
	#sitemap li li									{background:url(../graphics/icons/douloid/line2.gif) no-repeat 0 0;}

	/* etc. */

	/* float fix */
	#sitemap:after, #sitemap ul:after				{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#sitemap, #sitemap ul							{display:block;}

	#sitemap, #sitemap ul							{min-height:1%;}
	* html #sitemap, * html #sitemap ul				{height:1%;}
	#sitemap ul										{display:none;}