@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; }
	
	
	#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: 100px; 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; 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}
	#service #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; }
	#service #form-search .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-search .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;  }

	#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-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 .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 .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 .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 .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												{ 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; float: left; 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: inline; 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 .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}