@charset "utf-8";

	/* 
		document    					: screen.css
		author								: Harm Jan Luth
		company						: TDC Lighthouse
		client								: Nierstichting
	 */
	 
	/* 
		kleuren								: blauw { #221a76: #908cba(50%) } - rood { #e31a22 }
	*/

/*  reset styles 					*/
	html,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-html-repeatxy.png) 0 0 repeat; }
	body							{ font-family: Arial, Helvetica, sans-serif; font-size:70%; }
	a								{ text-decoration: none; color: #221a76; }
	a:hover							{ color: #e31a22; }
	strong							{ font-weight:bold; }
	p								{ }
	em								{ font-style:bold; }
	textarea						{ font-family:Verdana, Arial, Helvetica, sans-serif; }
	a span.color-red				{ display: inline; color: #e31a22; } 
	a span.accent-basic 			{ display: inline; color: #e31a22; }
	.printonly						{ display: none; }
	input:focus 					{ outline:none; }
	select:focus 					{ outline:none; }
	
	
	#sidebar .entry ul 				{ list-style-type:disc; list-style-position:inside }
	#sidebar .entry ol 				{ list-style-type:decimal; list-style-position:inside }
	
	.faq-section .answer ul 		{ list-style-type:disc; list-style-position:inside }
	.faq-section .answer ol 		{ list-style-type:decimal; list-style-position:inside }
	
	.content-block a, #sidebar .entry a, .faq .answer a { text-decoration: underline;  color: #221a76; }
	.content-block a:hover, .content-block a:visited:hover, #sidebar .entry a:hover, #sidebar .entry a:visited:hover, .faq .answer a:hover, .faq .answer a:visited:hover { color: #e31a22; }
	.content-block a:visited, #sidebar .entry a:visited, .faq .answer a:visited		 { color: #000000; }
	
	.sidetext li a 					{ padding:0 0px 0 0; }
	.sidetext li span.arrow			{ background: url('../graphics/icons/icon-arrow-small-red.gif') bottom right no-repeat; padding:0 9px 0 0;border:0px solid red }									
	
	/*
	.sidebar-childlinks li a {background: url('../graphics/icons/icon-arrow-small-red.gif') bottom right no-repeat; padding:0 9px 0 0 }									
	*/
	.sidebar-childlinks li a		{ background: transparent url(../graphics/navmain-subsuba-bg.gif) no-repeat scroll 0 0.45em; padding: 0 0 0.3em 0.7em;}
	
	a span.nav-accent				{ display: inline; color: #e31a22; font-size:80%}
	.title-one 						{ font-size:1.5em; font-weight:bold;color:#e31a22}
	.float-left						{ float: left; }
	
	em 								{ font-style:italic}
	
/*  general: class styles 			
	.accessibility,
	.print,
	ul li a span					{ display:none; }
*/
	#landing-top-text-container {width:930;height: 255px} 
	
/*  grid 							*/
	#full-background				{ width: 100%; min-height: 100%; background: url(../graphics/bg-body-repeaty.png) 50% 0 repeat-y; z-index: -10; float:left; }
	#gradient-top					{ background: url(../graphics/gradient-top.png) 0 0 repeat-x; width: 100%; height: 432px; position: absolute; left:0; }
	#canvas							{ width: 930px; margin: 0 auto; padding: 0 33px 0 33px; position: relative; }
	#header							{ height: 120px; background:url(../graphics/nsn-logo.gif) 43px 12px no-repeat; }
	#content						{ width: 100%; float: left; clear: both; padding: 0 0 22px 0; }
	#branding						{ padding-bottom: 15px; }

	#header h1 a					{ display: block; width: 200px; height: 100px; }
	#header h1 a span				{ display: none; }

/*	service-menu top right */
	#service									{ position: absolute; z-index: 10; top: 4px; left: 772px;}
	#service ul li 								{ float: left; } /* for ie spacing */
	#service ul li a							{ color: #908cba; display: block; float: left; height: 17px; width: 17px; margin: 0 0 0 4px; }
	
	#service ul li a span						{ display: none; }
	#service ul li a.service-collectanten		{ width: auto; padding: 0 27px 0 5px; margin: 0 0 0 8px; line-height: 1.5em; }
	#service ul li a.service-home				{ background: url(../graphics/icons/icon-home.gif) 0 0 no-repeat; }
	#service ul li a.service-sitemap			{ background: url(../graphics/icons/icon-sitemap.gif) 0 0 no-repeat; }
	#service ul li a.service-login				{ background: url(../graphics/icons/icon-login.gif) 0 0 no-repeat; }
	
	#service #form-service select					{ width: 189px; border: 1px solid #908cba; position: absolute; left: 0; margin: 23px 0 0 0; font-size: 100%; color: #908cba; padding: 3px; }
	#service #form-service .search-query			{ width: 112px;  border: 1px solid #908cba; position: absolute; margin: 50px 0 0 0; left: 0; padding: 4px 0 4px 4px; font-size: 100%; color: #908cba;}
	#service #form-service .service-search-submit	{ width: 68px; height: 25px; background: url(../graphics/buttons/btn-search.gif) 0 0 no-repeat;  border: 0; cursor: pointer; position: absolute; left: 0; margin: 50px 0 0 121px;  }	
	.search-box 									{ text-align: right}
	.search-block									{ width: 207px; height:56px; background: url(../graphics/nsn-background-blok-search.png) 0 0 no-repeat; margin-left: -8px;}
	.search-block a #nav-accent 					{ color: #e31a22; display:inline;}
	
	#search-top 									{ position: absolute; margin: -23px 0px 0px 300px;}
	#search-top #form-search select					{ width: 189px; border: 1px solid #908cba; position: absolute; left: 0; margin: 23px 0 0 0; font-size: 100%; color: #908cba; padding: 3px; }
	#search-top #form-search .search-query			{ width: 350px; height: 25px; border: 1px solid #D3D1E4; position: absolute; margin: 42px 0 0 0; left: 0; padding: 4px 0 4px 4px; font-size: 100%; color: #211975;}
	#search-top #form-search .service-search-submit	{ width: 69px; height: 25px; background: url(../graphics/buttons/btn-nsn-zoeken.png) 0 0 no-repeat;  border: 0; cursor: pointer; position: absolute; left: 0; margin: 47px 0 0 284px;  }

	#subsearch 									{ margin:0 0 10px 0; position:relative;height:30px}
	#subsearch .search-query  					{ width: 112px; border: 1px solid #908cba; padding: 4px 0 4px 4px; font-size: 100%; color: #908cba; position:absolute; top:0;left:0}
	#subsearch .service-search-submit 			{ width: 68px; height: 25px; background: url(../graphics/buttons/btn-search.gif) 0 0 no-repeat;  border: 0; cursor: pointer;  position:absolute; left:120px;top:0}
	

/*	content */
	#content-main								{ width: 720px; float: left; padding: 0 0 0 10px; border:0px solid black}
	#content-main h3							{ color: #e31a22; font-size: 275%; font-weight: bold; }
	#content-main h4							{ color: #221a76; font-size: 130%; font-weight: bold; }
	#content-main h5							{ color: #221a76; font-size: 100%; font-weight: bold; }
	#content-main .subtitle						{ color: #e31a22; font-size: 120%; font-weight: bold; padding-top:3px;}
	#content-main p								{ padding: 0 0 20px 0; }
	#content-main p.footer-comment				{ font-style: italic; }
	/* #content-main img					{ float: left; padding: 0 15px 10px 0; } */
	#content-main img.align-right				{ float: right; border: 3px solid #eae9f1; padding: 0; margin: 0 0 0 10px; } 
	
	#content-main .page-end 					{margin-left:5px; height:13px; widht:13px; float:left}
	#content-main img.page-end					{ display: inline; padding: 0; float: none; } 
	#content-main img.page-end-standalone 		{ display: inline; padding: 15px 0 15px 0; float: none; } 
	
	#content-main div.paragraph					{margin-bottom:20px}
	/* set margin to "0 auto 30px" to center it */
	#content-main div.quote						{ width: 559px;  margin: 0 40px 20px ; padding: 14px 19px 14px 19px; border: 1px solid #908cba; font: bold italic 120% Arial; color: #221a76; text-align:center }
	
	#content-main .content-block ul				{ list-style: disc outside; display:inline}
	#content-main .content-block ul li			{margin:0 0 0 15px;}
	
	#content-main .content-block, #content-main .datum {font-size:110%; margin-bottom:20px; margin-top:10px; clear: both}
	
	#content-main ul.content li					{ margin: 0 0 0 15px; list-style: disc; }
	
	#content-main ol							{list-style-position:outside; }
	#content-main ol li							{margin: 0 0 0 18px; }
	
	#content-main .image-default				{float:left;margin:0px 20px 0 0;}
    #content-main .image-default img			{border:0px solid #231a77; display:block}
	#content-main .image-default .caption 		{padding:8px; background-color:#231a77; font-weight:bold; font-style:italic; color:#ffffff; text-align:center;margin:0 0 20px 0;clear:both; width:247px}
	
	.page-endicon 								{display:inline}
	
	#content-main ul.page-end					{ margin-top: 20px; list-style: none;}
	#content-main ul.page-end li				{ float: left; } /* for ie spacing */
	#content-main ul.page-end li a				{ display: block; float: left; padding: 0 16px 0 21px; height: 17px; line-height: 1.5em; color: #bcbad6; }
	#content-main ul.page-end li a:hover		{ color: #221a76; }
	
	#content-main ul.page-end li a.back			{ background: url(../graphics/icons/icon-arrow-back.gif) 0 0 no-repeat; }
	#content-main ul.page-end li a:hover.back	{ background: url(../graphics/icons/icon-arrow-back-hover.gif) 0 0 no-repeat; }
	#content-main ul.page-end li a.top			{ background: url(../graphics/icons/icon-arrow-up.gif) 0 0 no-repeat; }
	#content-main ul.page-end li a:hover.top	{ background: url(../graphics/icons/icon-arrow-up-hover.gif) 0 0 no-repeat; }
	
	#content-main .latest-news					{ clear: both; float: left; width: 100%; padding: 20px 0 20px 0; }
	#content-main .latest-news-column			{ width: 198px; padding: 0 19px 0 0; display: block; float: left; border-right: 1px solid #e11a22; margin: 0 15px 0 0; }
	#content-main .latest-news-column.last		{ width: 198px; display: block; float: left; border: none; }
	#content-main .latest-news-column .datum			{ color: #7b7b7b; }
	#content-main .latest-news-column a			{ font-weight: bold; display: block; font-size: 110%; text-decoration: underline; }
	#content-main .latest-news-column span		{ color: #7b7b7b; }
	#content-main .latest-news-column p			{ padding: 0 0 10px 0; }
	#content-main .latest-news-column img		{ float: left; border: 3px solid #eae9f1; padding: 0; margin: 0 5px 0 0; }
	#content-main .latest-news-column ul		{ margin: 0; }
	#content-main .latest-news-column ul li a 	{ text-decoration: none; }
	#content-main .latest-news-column a span 	{ color: #e31a22; }
	
	#content-main .childlinks ul 					{ list-style: disc; font-size:1.1em;margin-left:15px}
    #content-main .childlinks ul li 					{  }
    

	#content-main .search-results				{ padding: 0 0 20px 0; }
	#content-main .news-items					{ clear: both; }
	
	
	#content-main .news-items .entry, 
	#content-main .search-results .entry 		{ display: block; width: 100%;  padding: 10px; }
	
	#content-main .news-items .entry a,
	#content-main .search-results .entry a 		{ font-weight: bold; }
	
	#content-main .news-items .entry p,			
	#content-main .search-results .entry p		{ padding: 0; }
	
	#content-main .news-items .entry span,				
	#content-main .search-results .entry span	{ color: #7b7b7b; }
	
	#content-main .news-items .bgcolor,	 		
	#content-main .search-results .bgcolor 		{ background-color: #f4f3f8; }

	#content-main .news-items ul				{ list-style: none; }
	#content-main .search-results ul			{ list-style: none; }

	#content-main .search-results ul li .entry 	{ border: 1px solid #ffffff; } 
	#content-main .news-items ul li .entry 	 	{ border: 1px solid #ffffff;} 

	#content-main .search-results ul li:hover .entry { border: 1px solid #d5d3e5; } 
	#content-main .news-items ul li:hover .entry 	 { border: 1px solid #d5d3e5; } 
	
	
	#content-main .pager 			 			{ display: table; margin: 0 auto; text-align:center; }
	#content-main .pager ul#pager    			{ min-width: 400px; list-style: none; padding: 20px 0 0 0; } 	
	#content-main .pager ul#pager li 			{ display: inline; font-size: 130%; font-weight: bold; color: #adadad; }
	#content-main .pager ul#pager a	 			{ padding: 3px 6px 3px 6px; text-decoration: underline; }
	
	#content-main .pager ul#pager a.next 		{ text-decoration: none; }
	#content-main .pager ul#pager a.selected	{ text-decoration: none; background-color: #221a76; color: #FFF; }
	
	#branding ul#breadcrumbs					{ position: absolute; margin: -28px 0 0 0; background-color: #fff; opacity:.50; filter: alpha(opacity=50); display: block; float: left; padding: 5px 0 6px 11px; width: 919px; }
	#branding ul#breadcrumbs li					{ margin: 0 3px 0 0; color: #000; float: left; }
	#branding ul#breadcrumbs li a				{ padding: 0 3px 0 0; color: #000; font-size: 100%; float: left; }

	#branding .second-breadcrumbs ul#breadcrumbs 		{ background: none; filter: none; opacity:1;}
	#branding .second-breadcrumbs ul#breadcrumbs li		{ margin: 0 3px 0 0; color: #ffffff; float: left; }
	#branding .second-breadcrumbs ul#breadcrumbs li a	{ color: #ffffff; font-size: 100%; float: left; }

	#alt-nav 								{ display: block; width: 100%; float: left; margin-bottom: 20px; color: #FFF; }
	#alt-nav h2								{ display: block; background: #e11a22; color: #FFF; font-size: 14px; font-weight: bold; padding: 5px 0 5px 11px; background: #e11a22; }
	#alt-nav ul#breadcrumbs					{ display: block; float: left; padding: 5px 0 6px 11px;  color: #fff; background: #e11a22; }
	#alt-nav ul#breadcrumbs li				{ margin: 0 3px 0 0; color: #fff; }
	#alt-nav ul#breadcrumbs li a			{ padding: 0 3px 0 0; color: #fff; font-size: 100%; }
	
	#alt-nav ul								{ padding: 9px 0 9px 11px; width: 919px; float: left; }
	#alt-nav ul li 							{ float: left; }
	#alt-nav ul li a 						{ float: left; display: block; font-size: 120%; padding: 0 50px 0 0; }
	#alt-nav ul li ul						{ display: block; clear: both; position: absolute; padding: 0; width: 200px; background-color: #00CC99; margin: 25px 0 0 0; }
	#alt-nav ul li ul li					{ float: none; clear: both; }
	

	#sidebar								{ width: 183px; float: right; border-bottom: 9px solid #eae9f1; }
	#sidebar.initial             			{ border-bottom: 0; }
	#sidebar img							{ border-bottom: 14px solid #221a76; display: block; float:left; }
	#sidebar ul.top-nav li					{ float: left; margin: 0 0 14px 0; } /* for ie spacing */
	#sidebar ul.top-nav li a				{ display: block; float: left; padding: 0 16px 0 21px; height: 17px; line-height: 1.5em; color: #bcbad6; }
	#sidebar ul.top-nav li a:hover			{ color: #221a76; }
	#sidebar .entry-image					{ clear: both; }
	#sidebar .entry							{ background-color: #eae9f1; padding: 9px 9px 0 9px; float: left; color: #221a76; width:165px; }
	#sidebar .entry .subtitle				{ font-weight: bold; text-transform: uppercase; }
	#sidebar .entry .title					{ color: #221a76; font-size: 130%; font-weight: bolder; text-transform: uppercase; }
	#sidebar .entry-white					{ margin: 15px 0 0 0; }
	
	#sidebar ul.top-nav li a.contact		{ background: url(../graphics/icons/icon-contact.gif) 0 0 no-repeat; }
	#sidebar ul.top-nav li a:hover.contact	{ background: url(../graphics/icons/icon-contact-hover.gif) 0 0 no-repeat; }
	#sidebar ul.top-nav li a.print			{ background: url(../graphics/icons/icon-print.gif) 0 0 no-repeat; }
	#sidebar ul.top-nav li a:hover.print	{ background: url(../graphics/icons/icon-print-hover.gif) 0 0 no-repeat; }
	
	#sidebar .childlinks 					{ margin-bottom: 5px; clear: left; }
	#sidebar .childlinks ul 				{ list-style: none; margin-left:0px;}
    #sidebar .childlinks ul li 				{  }
    #sidebar .childlinks h4 				{margin: 0xp; padding: 0px; color: #221a76; text-transform: uppercase; font-weight: bold; font-size: 120%; }	
		
	
/*	footer */
	#footer										{ width: 100%; min-height: 150px; background: url(../graphics/footer-bg.jpg) 0 0 no-repeat; clear: both; padding: 0 0 20px 0; float: left; }
	#footer .footer-column						{ width: 297px; float: left; padding: 13px 0 0 13px; }
	
	#footer a span								{ display: none; }
	#footer a span.color-red					{ display: inline; }
	#footer .footer-column a.collectant-worden 			{ background: url(../graphics/link-collectant-worden.gif) 0 0 no-repeat; display: block; width: 153px; height: 15px; }
	#footer .footer-column a.doneren-kan-direct			{ background: url(../graphics/link-doneren-kan-direct.gif) 0 0 no-repeat; display: block; width: 157px; height: 15px; } 
	#footer .footer-column a.ontvang-onze-nieuwsbrief	{ background: url(../graphics/link-ontvang-onze-nieuwsbrief.gif) 0 0 no-repeat; display: block; width: 201px; height: 18px; } 
	#footer .footer-column .actie-banner 				{ margin: 0 0 1.5em; }
	#footer .footer-column .anbo		 				{ float:left; margin-top: 11px; margin-left: -10px;}

	#footer .footer-column-double						{ width:605px; float:left; padding: 13px 0 0 13px; }
	#footer .footer-column-double .teasers 				{ width:270px; display:block; float:left; }
	#footer .footer-column-double .teasers .teaser h3 	{ background: url(../graphics/teaser-title-border.gif) bottom left no-repeat; padding: 0 0 3px 0; margin: 0 0 3px 0; }
	.teaser p 											{font-size:110%}
	
	.footer-quote 										{font-size:120%;font-weight:normal}
	
	#footer .footer-column-double .quote ul.social-media		{ width:307px; height:25px; float:right;}	
	#footer .footer-column-double .quote ul.social-media li		{ margin-right:5px; width:23px; height:23px; float:left; }
	#footer .footer-column-double .quote ul.social-media .volg-ons		{ margin-right:25px; width:100px; height:23px; float:left; }
	#footer .footer-column-double .quote ul.social-media .bekijk-tweets	{ margin-right:25px; width:100px; height:23px; float:left; }

	#footer .quote #twitter_update_list			{margin-top:0px; display:block; width:30px; heigth:110px; padding:0;}
	#twitter_update_list li 					{font-size:95%; list-style-type:none; width:300px; heigth:50px; margin-left:5px; margin-bottom:10px;} 
	
	#twtr-widget-1  							{float:left; width:300px; height:140px; padding:0 0 0 0; margin:0 10px 0 0; }
	#footer #twtr-widget-1 img					{position:relative; right:0; margin:0px; padding-right:10px;}
	#twtr-widget-1 .twtr-doc 					{width:300px; height:140px; padding:0 0 0 0; margin:0 0 0 0;}
	#twtr-widget-1 .twtr-hd 					{display:none; padding:0 0 0 0; margin:0 0 0 0;}
	#twtr-widget-1 .twtr-ft 					{display:none; padding:0 0 0 0; margin:0 0 0 0;}
	#twtr-widget-1 .twtr-bd 					{width:300px; height:140px; padding:0 0 0 0; margin:0 0 0 20px;}
	#twtr-widget-1 .twtr-tweet-text				{font-family: Arial, Helvetica, sans-serif;}
			
	#footer .footer-column-double .teasers a.de-nierstichting   { background: url(../graphics/link-de-nierstichting.gif) 0 0 no-repeat; display: block; width: 130px; height: 18px; }
	#footer .footer-column-double .teasers a.voor-professionals { background: url(../graphics/link-voor-professionals.gif) 0 0 no-repeat; display: block; width: 151px; height: 18px; }
	
	
	#footer .subtitle							{ clear: both; }
	#footer .quote p							{ padding: 1.5em 0 0 2.2em; width: 180px; line-height: 1.5em; float: left; }
	#footer .quote p .name						{ font-weight: bold; color: #221a76; display: block; padding: 1.5em 0 0 0; }
	#footer .quote p .function					{ font-weight: bold; }
	#footer .quote img							{ position: absolute; right: 0; margin: 0 33px 0 0; }
	#footer .quote .social-media img 			{ position: static; display: block; margin: 0 33px 0 0; }
	#footer .quote .social-media p				{padding:0;}
	#canvas #footer .quote .social-media .twtr-img a img 	{ float:left; border: 1px solid #ff0000;}

	
	
	#footer .footer-column .contact 					{ /*background: url(../graphics/logo-cbf-keur.gif) 0 3px no-repeat; display: block; padding: 0 0 0 60px;*/ }
	#footer .footer-column .contact	ul li				{ color: #7f7f7f; }
	#footer .footer-column .contact	.bold				{ font-weight: bold; }
	#footer .footer-column .contact	.account-number 	{ font-variant: small-caps; font-weight: bold; color: #e31a22; }
	
	#nav-footer							{ display: block; clear: both; height: 30px; padding: 15px 0 0 0; }
	#nav-footer ul li					{ float: left; } /* for ie spacing */
	#nav-footer ul li a					{ display: block; float: left; padding: 0 16px 0 0; }
	
/*  sIFR styles  */
	.sIFR-flash 						{ visibility: visible !important; margin: 0; }
	.sIFR-replaced 						{ visibility: visible !important; }
	span.sIFR-alternate 				{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	
/*  entries */
	.teaser								{ color: #000; margin: 0 0 1.5em 0; }
	.teaser h3							{ font-size: 18px; }
	.red-title h3 a						{ color: #e31a22; }
	.blue-title h3 a					{ color: #221a76; }

/*  form styles  */

	/* form into text */
	#form-canvas div.paragraph strong				{font weight:bold; font-size:100%}
	#form-canvas div.paragraph 						{font weight:normal; font-size:100%}

	#form-canvas 									{ display: block; clear: both; width: 100%; padding: 15px 0 0 0; float: left; border:0px solid black; margin:0 0 12px 0}
	#form-canvas .intro								{ font-weight: normal; color: #221a76;font-size: 100%; margin-bottom:20px;padding-left:20px}
	#form-canvas .intro .info						{ float:right;font-size:100%;margin:7px 0 7px 0;font-weight: bold;}
	
	#form-canvas .form								{ padding: 0 0 0 20px; float: left; width:680px}		
	#form-canvas .form p							{ font-weight: bold; color: #221a76; padding: 10px; width: 680px; font-size: 110%; }
	#form-canvas span.required 						{ float: right; font-weight: bold; color: #221a76; font-size: 110%; clear: both; }
	
	#form-canvas fieldset							{ margin: 10px 0 0 0; width: 100%; border: 1px solid #deddeb; float: left; clear: both; }

	#form-canvas .legend 							{ display: block;  height: 22px;  width: 100%; float: left; padding: 0px 0 0 16px; font-size: 140%; font-weight: bold; color: #221a76; margin:12px 0 0 0}
	#form-canvas .legend .checkbox					{ background: url(../graphics/icons/icon-checkbox-legend.gif) 0 1px no-repeat; padding: 0 0 0 20px; }
	
	#form-canvas .form .form-row-blank				{ height:15px; background:#ffffff; width:100%;}
	#form-canvas .form .form-row 					{ display: block; clear: both; padding: 3px 0 3px 10px; font-size: 110%; color: #221a76; }
	#form-canvas .form .form-row label.inline		{ width: 132px; color: #221a76; font-size: 105%; padding: 3px 3px 0 3px; display:inline;float:none}
	#form-canvas .form .form-row label				{ width: 132px; float: left; color: #221a76; font-size: 105%; padding: 3px 0 0 0; }

	
	/* underline links */
	#form-canvas .form .form-row 	a				{ text-decoration:underline}
	#form-canvas .form .form-row 	a:visited		{ text-decoration:underline}
	
	#form-canvas .form  .padded-row					{ padding-top:7px}
	#form-canvas .form .form-row .required			{ font-weight: bold; }
	#form-canvas .form .form-row .textfield			{ width: 212px; border: 1px solid #bcbad6; padding: 3px;color: #908cba}
	#form-canvas .form .form-row .textarea			{ border: 1px solid #bcbad6; padding: 3px;color: #908cba; font-size:100%}
	#form-canvas .form .form-row .optionselect		{ border: 1px solid #bcbad6; padding: 3px; color: #908cba}
	#form-canvas .form .form-row .radiobutton 		{ margin: 0 5px 0 0; }
	#form-canvas .form .form-row .textmini 			{ width: 30px; color: #908cba}
	#form-canvas .form .form-row .textshort 		{ width: 56px; color: #908cba}
	#form-canvas .form .form-row .medium 			{ width: 92px; color: #908cba}
	#form-canvas .form .form-row .large 			{ width: 118px; color: #908cba}
	#form-canvas .form .form-row .textfieldbig 		{ width: 400px; color: #908cba}
	#form-canvas .form .form-row .explainingtext 	{ font-style:italic;padding-left:16px}

	#form-canvas .form .form-row .field_s			{width: 46px;}
	#form-canvas .form .form-row .field_m			{ width: 56px;}
	#form-canvas .form .form-row .field_l 			{ width: 100px;}

	#form-canvas .form .form-row  .voorletters		{ width: 56px; } 
	#form-canvas .form .form-row  .tussenvoegsel	{ width: 46px; } 
	#form-canvas .form .form-row  .achternaam		{ width: 100px; }

	#form-canvas .form .form-row.bgcolor			{ background: #f4f3f8; }
	#form-canvas .form .form-row.odd				{ background: #f4f3f8;clear:both}
	#form-canvas .form .form-row.even				{ background: #ffffff;clear:both}
	
	#form-canvas .form .form-row .col-1				{ width: 42px; float:left;;padding: 3px 0 3px 10px;}
	#form-canvas .form .form-row .col-2				{ margin-left:45px;padding: 3px 0 3px 10px;}
	
	.form-heading 									{font-family:Verdana,Arial,Helvetica,sans-serif}
	
	#form-canvas .form .form-row.text-var			{ background: #c8c6dd; font-weight: bold; font-size: 105%; padding: 4px 4px 4px 10px; }
	#form-canvas .form .form-row.text-var-large		{ background: #c8c6dd; font-weight: bold; font-size: 120%; padding: 4px 4px 4px 10px; }
	
	#form-canvas .form .form-row.text				{ background: #c8c6dd; font-weight: bold; font-size: 105%; padding: 4px 0 0 10px; height: 24px; }
	#form-canvas .form .confirm-row					{ color: #221a76; font-size: 105%; font-weight: bold; float: left; clear: both; width: 670px; padding: 20px 0 0 10px; margin-bottom:10px;}
	#form-canvas .form .confirm-row .checkbox		{ margin: 0 5px 0 0; line-height: 1.5em; }
	#form-canvas .form .confirm-row .btn-send		{ border: 0; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-send.gif) 0 0 no-repeat; cursor: pointer; }
	
	.btn-send2										{ border: 0; display: block; width: 82px; height: 25px; float: right; background: url(../graphics/buttons/btn-verzenden.gif) 0 0 no-repeat; cursor: pointer; }
	
	#form-canvas .form .confirm-row .btn-cancel		{ border: 0; display: block; width: 88px; height: 25px; float: left; background: url(../graphics/buttons/btn-cancel.gif) 0 0 no-repeat; cursor: pointer; }
	#form-canvas .form .confirm-row .btn-next 		{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-forward.gif) 0 0 no-repeat; cursor: pointer;}
	#form-canvas .form .confirm-row .btn-prev 		{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: left; background: url(../graphics/buttons/btn-back.gif) 0 0 no-repeat; cursor: pointer;}
	#form-canvas .form .confirm-row .btn-confirm	{ border: 0px solid gray; display: block; width: 85px; height: 25px; float: right; background: url(../graphics/buttons/btn-confirm.gif) 0 0 no-repeat; cursor: pointer;}
	.btn-send-request 								{ border: 0px solid gray; display: block; width: 145px; height: 25px; float: right; background: url(../graphics/buttons/btn-send-request.gif) 0 0 no-repeat; cursor: pointer;}
	
	#form-canvas .form  .btn-edit			{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-edit.gif) 0 0 no-repeat; cursor: pointer;}
	 .btn-adjust							{ border: 0px solid gray; display: block; width: 75px; height: 25px; float: right; background: url(../graphics/buttons/btn-adjust.gif) 0 0 no-repeat; cursor: pointer;margin:5px}
	
	#form-canvas .btn-pay					{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-pay.gif) 0 0 no-repeat; cursor: pointer;}

	#form-canvas .btn-order					{border: 0; display: block; width: 79px; height: 25px; float: right; background: url(../graphics/buttons/btn-order.gif) 0 0 no-repeat; cursor: pointer;}
	#form-canvas .btn-add-award				{border: 0; display: block; width: 167px; height: 25px; float: right; background: url(../graphics/buttons/btn-add-award.gif) 0 0 no-repeat; cursor: pointer;margin-right:5px}

	#form-canvas .form-row-area				{ height:210px; width:670px}
	#form-canvas .form-row-area textarea	{ height:200px; width:100%; border:1px solid gray;margin:3px;font-size:100%}
	.clear									{ clear:both } 
	
	#form-canvas input#prefix				{ width: 46px; } 
	#form-canvas input#infix				{ width: 46px; } 
	#form-canvas input#lastname				{ width: 100px; } 
	#form-canvas input#postal				{ width: 56px; }
	#form-canvas input#phone				{ width: 136px; }
	#form-canvas input#date-day,
	#form-canvas input#date-month			{ width: 27px; }
	#form-canvas input#date-year			{ width: 30px; }
	
	#form-canvas input#voorletters			{ width: 56px; } 
	#form-canvas input#tussenvoegsel		{ width: 46px; } 
	#form-canvas input#achternaam			{ width: 100px; } 
	#form-canvas input#postal				{ width: 56px; }
	#form-canvas input#phone				{ width: 136px; }
	#form-canvas input#date-day,
	#form-canvas input#date-month			{ width: 27px; }
	#form-canvas input#date-year			{ width: 30px; }
		
	.date-control							{ width: 30px; text-align:center}
	
/* data rows */
	
	#data-canvas 							{ display: block; clear: both; width: 100%; padding: 15px 0 0 0; float: left; border:0px solid black; margin:0 0 12px 0}
	#data-canvas .form-intro				{ font-weight: bold; color: #221a76;font-size: 110%; width:680px}
	#data-canvas .form						{ padding: 0 0 0 20px; float: left; width:680px}		
	#data-canvas span.required  			{ float: right; font-weight: bold; color: #221a76; font-size: 110%; clear: both; }
	#data-canvas fieldset					{ margin: 10px 0 10px 0; width: 100%; border: 1px solid #deddeb; clear: both; }
	
	#data-canvas .intro						{ font-weight: bold; color: #221a76;font-size: 110%; margin-bottom:20px;padding-left:20px}
	#data-canvas .intro .info				{float:right;font-size:115%;margin:7px 0 7px 0}

	#data-canvas .legend 					{ width: 100%; float: left; padding: 0px 0 0 16px; font-size: 140%; font-weight: bold; color: #221a76; margin:0px 0 0 0}
	#data-canvas .data-row					{clear:both; padding: 3px 0 3px 10px; font-size: 110%; color: #221a76; min-height: 24px;margin-bottom:5px;}
	#data-canvas .data-block				{padding: 0 0 0 20px; float: left; width:680px; border:0px solid green }
	#data-canvas .data-row .data-label 		{width:132px; border:0px solid black;float:left;height:100%;height: 24px; }
	#data-canvas .data-row .data-value 		{float: left; }
	#data-canvas .data-row.text				{ background: #c8c6dd; font-weight: bold; font-size: 105%; padding: 4px 0 0 10px; }


	#data-canvas  .btn-edit					{ border: 0px solid gray; display: block; width: 79px; height: 25px; float: right; background: url(../graphics/buttons/btn-edit.gif) 0 0 no-repeat; cursor: pointer;padding:0;margin:5px}
	#data-canvas .btn-pay					{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-pay.gif) 0 0 no-repeat; cursor: pointer;}

	#data-canvas .confirm-row				{ color: #221a76; font-size: 105%; font-weight: bold; float: left; clear: both; width: 670px; padding: 20px 0 0 10px; margin-bottom:10px; }
	#data-canvas .confirm-row .checkbox		{ margin: 0 5px 0 0; line-height: 1.5em; }
	#data-canvas .confirm-row .btn-send		{ border: 0; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-send.gif) 0 0 no-repeat; cursor: pointer; }
	#data-canvas .confirm-row .btn-next 	{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: right; background: url(../graphics/buttons/btn-forward.gif) 0 0 no-repeat; cursor: pointer;}
	#data-canvas .confirm-row .btn-prev 	{ border: 0px solid gray; display: block; width: 68px; height: 25px; float: left; background: url(../graphics/buttons/btn-back.gif) 0 0 no-repeat; cursor: pointer;}
	
	.padded-infobox 						{padding:5px}
	.general-form-infobox 					{clear:both}


/*	sitemap */
	#content-main.sitemap						{ padding: 0; width: 730px; }
	#content-main.sitemap h3					{ padding: 0 0 10px 10px; }
	#content-main.sitemap h4					{ color: #000; padding: 30px 0 20px 0; clear: both; margin: 0; width: 100%; }
	#content-main.sitemap .sitemaps				{ padding: 0 0 0 10px; clear: both; }
	#content-main.sitemap ul.page-end			{ padding: 15px 0 0 10px; clear: both; }
	#content-main.sitemap .top-block-nav					{ width: 215px; padding: 10px; margin: 0 10px 0 0; background: #f4f3f8; float: left; display: block;  font-weight: bold; font-size: 110%; color: #221a76; min-height: 75px; }
															  
	#content-main.sitemap .top-block-nav.last				{ margin: 0; }
	#content-main.sitemap .top-block-nav .inline-links a	{ font-weight: normal; }
	
	#content-main.sitemap .sitemaps ul li				{ display: block; float: left; width: 165px; border-right: 1px solid #DDD; margin: 0 17px 0 0; }
	#content-main.sitemap .sitemaps ul li.last			{ margin: 0; border: none; }
	#content-main.sitemap .sitemaps ul li ul li			{ display: block; clear: both; }
	#content-main.sitemap .sitemaps ul li.last ul li	{ margin: 0; border: none; } 
	
	#content-main.sitemap .sitemaps ul li a				{ font-weight: bold; font-size: 110%; }
	#content-main.sitemap .sitemaps ul li ul li			{ border: none; width: 158px; margin: 0; } 
	#content-main.sitemap .sitemaps ul li ul li a		{ padding: 0 0 0 7px; display: block; }
	#content-main.sitemap .sitemaps ul li ul li ul li a	{ font-weight: normal; padding: 0 0 0 22px; background: url(../graphics/sitemap-lvl-arrow.gif) 8px 3px no-repeat; }
	#content-main.sitemap .sitemaps ul li ul li ul li ul li a { padding: 0 0 0 36px; background: url(../graphics/sitemap-lvl-arrow.gif) 23px 3px no-repeat;}
	
	.overview-table 						{border-collapse:collapse}
	.overview-table th 						{padding:5px; font-weight:bold; font-size:110%; padding-bottom:10px;border-bottom:1px solid gray}
	.overview-table td 						{padding:5px;border-bottom:1px solid gray}
	.overview-table tr:hover 				{background-color:#e2e2e2}
	
	.field-error-widget						{position:relative;}	
	.field-error-widget a					{position:relative;display:inline}
	.field-error-widget img					{float:none;padding:0}
	.field-error-widget a:hover				{background:white; color:#3b54a2}
	.field-error-widget a span				{display:none; text-align:left;padding:5px;}
	.field-error-widget a:hover span 		{display:block; width:200px; background:#ffffff; border:1px solid #3b54a2; position:absolute;top:-8px; right:22px;color:#e31a22}
	
/* FAQ */
	#faq-canvas h4							{ margin-bottom: 10px; }
	#faq-canvas .faq-section				{ margin-top: 10px; margin-bottom: 20px; }
	#faq-canvas .odd 						{ background: #E9E8F0;}
	#faq-canvas .even 						{ background: #DFDDEB;}
	#faq-canvas .faq 						{ padding: 10px 10px 10px 24px; width: 687px; position: relative; }
	#faq-canvas .faq .question 				{ font-weight: bold; font-size: 120%;}
	#faq-canvas .faq .answer 				{ display: none; font-size: 110%; }
	#faq-canvas .faq a 						{ cursor: pointer;}
	#faq-canvas .faq-section .faq .gutter	{ position: absolute; top: 10px; left: 10px; }
	#faq-canvas img.collapsed				{ display: inline; }
	#faq-canvas img.expanded				{ display: none; }
	
	
	

	#branding .landing 								{ height: 255px; padding: 0px; vertical-align: bottom; }
	#branding .landing .text 						{ float: left; width: 470px; font-size: 130%; color: #ffffff; padding-left: 10px; padding-top: 10px; }
	#branding .landing .first-sentence				{ font-size: 120%; }
	#branding .landing .text p						{ margin-bottom: 6px; font-weight: bolder; }
	#branding .landing .text h1 					{ font-size: 180%; font-weight: bold; margin-bottom: 8px;}
	
	#branding .main									{ background: #231A77; }
	#branding .second 								{ background: #e11a22; }
	
	#branding .landing-3 .text h1 					{ font-size: 130%; font-weight: bolder;margin-bottom: 8px;}
	#branding .landing-3 							{ background: #e11a22; }
	#branding .landing-3 							{ height: 235px; padding: 0px; vertical-align: bottom; }
	#branding .landing-3 .text 						{ float: left; width: 470px; font-size: 130%; color: #ffffff; padding-left: 10px; padding-top: 5px; }

	#branding .landing-3e .text h1 					{ font-size: 130%; font-weight: bolder;margin-bottom: 8px;}
	#branding .landing-3e 							{ background: #e11a22; }
	#branding .landing-3e							{ height: 290px; padding: 0px; vertical-align: bottom; }
	#branding .landing-3e .text 					{ float: left; width: 470px; font-size: 130%; color: #ffffff; padding-left: 10px; padding-top: 5px; }

	#branding .landing-3e-notopimage .text h1 		{ font-size: 130%; font-weight: bolder;margin-bottom: 8px;}
	#branding .landing-3e-notopimage 				{ background: #e11a22; }
	#branding .landing-3e-notopimage				{ height: 90px; padding: 0px; vertical-align: bottom; }
	#branding .landing-3e-notopimage .text 			{ float: left; width: 470px; font-size: 130%; color: #ffffff; padding-left: 10px; padding-top: 5px; }

	#nav-main 										{ width:700px; height:80px; margin-top:39px; }
	#nav-main .heading 								{ font-size: 120%; vertical-align: middle; display:block; height:40px; }
	
	span.customfont									{ font-weight: bold; }
	.non-breaking 									{ white-space: nowrap; }

   table#fancyTable									{ width: 100%; background-image: none; border-top-color: #c5c1da; border-right-color: #c5c1da; border-bottom-color: #c5c1da; border-left-color: #c5c1da; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float: none; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-collapse: separate;  cellpadding:2; frame:void; rules:none; cellspacing:2 }
   table#fancyTable th 								{ height: 40px; background-color: #c4c2da; background-image: none; text-align: left; vertical-align: middle; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
   table#fancyTable th td 							{ width: 25%; background-image: none; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
   table#fancyTable tr 								{}
   table#fancyTable tr td 							{ background-color: #ededf5; background-image: none; border-top-color: #c4c0db; border-right-color: #c4c0db; border-bottom-color: #c4c0db; border-left-color: #c4c0db; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
   	
	table#calendar									{ width: 100%; }
	table#calendar .date, table#calendar .location	{ width: 20%; } 
	table#calendar .info 							{ width: 60%; }
	table#calendar .details 						{ display: none; }
	table#calendar th 								{ font-weight: bold; }
	table#calendar tbody tr							{ vertical-align: top; }
	table#calendar td, table#calendar th 			{ padding: 4px; }
	table#calendar tr.odd							{ background: #f4f3f8; }
	table#calendar tr.even							{ background: #ffffff; }
	table#calendar .details table					{ margin-top: 10px; }
	table#calendar .details table td, table#calendar .details table th  { padding-left: 0px; padding-bottom: 0px; }
	table#calendar .details tbody th 				{ font-weight: normal; text-transform: lowercase; }
	table#calendar .heading 						{ font-weight: bold; }
	
	table#calendar .details .image  				{ display:block; float: right; }
	table#calendar .details .image .caption 		{ font-style: italic; display: block; }
	
	table#calendar .info div.heading 				{ position: relative; } 
	table#calendar .info div.heading img.collapsed 	{ position: absolute; left: -10px; top: 2px; display: inline; }
	table#calendar .info div.heading img.expanded 	{ position: absolute; left: -10px; top: 2px; display: none; }

	.search-results a 								{ font-weight: bold; text-decoration: underline; }

	div#canvas.minimal div#content-main  			{width: 880px;}
	div#canvas.minimal div.form, div#canvas.minimal div.confirm-row  {width: 100%;}

	#alt-nav 										{ margin-bottom: 40px; }


	/* TODO: FIXME */

	#sidebar .childlinks h4 				{margin: 0xp; padding: 0px; color: #221a76; text-transform: uppercase; font-weight: bold; font-size: 120%; }	
	#sidebar .childlinks ul 				{list-style: none; padding: 0px; margin: 0px; }
	#sidebar .childlinks ul li 				{padding: 0px; margin: 0px;font-size: 120%;}
	
	.with-navigation 						{ padding-top: 65px; }
	
	
	#nav-sub-enhanced	 > li				{float:left}
	
	.hide 									{display : none;}
	.show 									{display : block;}
	
	/* symposium functie-anders styles */
	.functieAndersLeftbox 					{width: 132px; float: left; height: 28px;}
	.functieAndersMiddlebox 				{width: 124px; float: left;}
	.functieAndersRightbox					{width: 212px; float: left; margin-right: 2px;}
	.functieAndersHiddenbox					{height: 25px;}