body	{margin: 0; padding: 0; background-color: #999999; font-size: 80%; line-height: 1.5;}
body, form	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333;}
form,table,p, form *	{font-size: 100%;}

/* LAYOUT */
	
	#canvas	{width: 980px; margin: 0 auto; background-color: white}
	
	#head	{height: 215px; position: relative;
		background: url(../img/nts/NTS_topheader.gif) no-repeat top left;}
		
		/* Uitzondering header verschillende talen */
		#head.head-ch	{background-image: url(../img/vertaling/chinees/donor_header_chinees.jpg);}	
		#head.head-po	{background-image: url(../img/vertaling/donor_header_pools.jpg);}
		#head.head-en	{background-image: url(../img/vertaling/donor_header_engels.jpg);}
		#head.head-du	{background-image: url(../img/vertaling/donor_header_duits.jpg);}	
		#head.head-an	{background-image: url(../img/vertaling/donor_header_antilliaans.jpg);}
					
		#homelink	{position: absolute; top: 0; left: 0; width: 100%; height: 161px; display: block;}
	
		#head form	{position: absolute; right: 15px; bottom: 15px}
		#head form input[type=text]	{width: 100px}
		#head form button	{background-color: transparent; border: none; color: white}
		
		ul#topnav	{margin: 0; padding: 0; position: absolute; left: 15px; bottom: 15px}
		ul#topnav li	{display: inline; list-style-type: none;  padding: 0 15px 0 7px;
			background: url(../img/nts/NTS_bol_footer.gif) no-repeat right 5px;}
		ul#topnav li.curr a	{border-bottom: 2px solid white}
		ul#topnav li:last-child {background: none;}
		ul#topnav a		{color: white}
		
	#container	{overflow: auto; background: url(../img/nts/NTS_bg_shim.gif) repeat-y top left;}
	
		#menu		{float: left; padding: 20px 0; width: 234px; background-color: #cccccc}
		
			#menu ul	{margin: 7px 13px; padding: 0; border-top: 1px dashed white;}
			#menu li	{list-style-type: none; border-bottom: 1px dashed white; padding: 4px 0}

			#menu ul ul	{border: none}
			#menu li li	{border: none; padding: 2px 0}
			
			/* #menu ul li.curr {list-style-image: url(../img/nts/nav_menu_pijltje.gif)} pijl is te groot..
			#menu ul li.curr li {list-style-image: none} */
			
			#menu ul li.curr a	{color: #E51A3B;}
			#menu ul li.curr li a	{color: #0055A0;}
				
		#content	{margin-left: 234px; width: 716px; padding: 10px 15px;}
	
			#sidebar	{float: right; /* border: 1px solid #cccccc; border-width: 0 0 1px 1px;  */
				width: 243px; padding: 0; margin: 0 -13px 20px 20px;
				/*  */ /* padding-bottom: 40px;
				background: url(../img/nts/volg_schaduwkader.jpg) no-repeat bottom left; */}
			#sidebar #vulling	{border-left: 1px solid #cccccc; margin: 0; padding: 1px;}
			#sidebar #schaduw	{background: url(../img/nts/volg_schaduwkader.jpg) no-repeat top left; 
				height: 40px; margin: 0; padding: 0;}
			
			ul#crumbs	{margin: 0; padding: 0;}
			ul#crumbs li	{display: inline; list-style-type: none}
			ul#crumbs, ul#crumbs a	{font-size: 0.9em; color: #999999}
			
	#footer	{background-color: #666666; padding: 20px 1px; position: relative;}

		#footer ul	{margin: 0; padding: 0; text-align: center}
		#footer li	{display: inline; list-style-type: none; padding: 0 25px 0 20px;
			background: url(../img/nts/NTS_bol_footer.gif) no-repeat right 5px;}
		#footer li:last-child {background: none;}
		#footer a	{color: white; font-weight: bold;}
		
		#footer .addthis_toolbox	{position: absolute; right: 10px; bottom: 10px;}
		#footer .addthis_toolbox a		{width: 35px; height: 35px; background-repeat: no-repeat; display: block; margin-left: 5px}
		#footer .addthis_toolbox .fb	{background-image: url(../img/social/icon_facebook.png)}
		#footer .addthis_toolbox .tw	{background-image: url(../img/social/icon_twitter.png)}
		#footer .addthis_toolbox span	{display: none}
		
		#footer .socialico	{position: absolute; right: 10px; bottom: 10px;}
		#footer .socialico a	{width: 35px; height: 35px; background-repeat: no-repeat; display: block; margin-left: 5px; float: left;}
		#footer .socialico .fb	{background-image: url(../img/social/icon_facebook.png)}
		#footer .socialico .tw	{background-image: url(../img/social/icon_twitter.png)}
		#footer .socialico span	{display: none}
		
/* IN SIDEBAR */

	.multibanner {background: url(../img/nts/button_donorform.png) no-repeat; 
		margin: 20px auto 10px auto; width: 242px; height: 75px;}
		.multibanner a span	{display: none}
		.multibanner a		{display: block; width: 115px; height: 75px; float: left;}

/* HOMEPAGE (oude, 'tijdelijk' vervangen door 18jaar campagne) */

	body#circhome	{position: relative;}
	#homecontainer h1	{color: silver;}
	body#circhome #menu {background: url(../img/nts/NTS_home_zijkolom.jpg) no-repeat bottom left; 
		min-height: 471px; margin: 0; padding: 0;}
	
	#homecontainer #nieuws {float: left; width: 358px; padding-right: 20px;}
	#homecontainer #aandacht {float: right; width: 338px;}

	#homecontainer #stockfoto	{width: 338px; height: 257px;
		background: url(../img/nts/NTS_home_foto.jpg) no-repeat;}
					
	#vlaggen	{width: 219px; height: 17px; padding: 0; margin: 40px 0 0 4px;
		/* position: absolute; bottom: 80px;  */ bborder: 1px solid red;
		background: url(../img/nts/NTS_home_vlag.gif) no-repeat top left;}
	#vlaggen a	{display: block; float: left; width: 24px; height: 17px; margin: 0 2px 0 1px; bbackground-color: red;}
	#vlaggen span	{display: none}
	
	body#circhome .contactblok	{background-color: #e0e0e0; padding: 1px; 
		width: 334px; text-align: center; margin-top: 10px;}
		
/* aanpassingen homepage oktober 2011. mogelijk komen blokken ook elders. gaat via 18jaar circuit */
		
	#sidebarnew	{float: right; width: 244px; bborder: 1px solid blue; margin: -10px -15px 0 19px; padding: 0;
		/* background: #d4d4d4 url(../img/social/zijkolombg_shim.gif) repeat-x top center; height: 100% !important */}
				
	.socialblock	{margin: 10px auto; padding: 10px; background-color: white; font-size: 0.8em;
		-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	
	#sidebarbanner .socialblock	{width: 180px; bborder: 1px solid blue;}
	#sidebarnew .socialblock	{width: 200px; bborder: 1px solid red;}
	
	#youtube dl dt	{width: 80px; margin-right: 5px; padding-top: 3px}
	#youtube dl dd	{width: 100px; }

	#twitter a.subtiel	{color: gray;}

	/* #homecontainernew h1	{color: silver;} */
	
	/* uitzonderingen breda zegt ja.. */
		
	#circbredazegtja #sidebarnew .socialblock	{border: 1px solid #eaeaea;}
	#circbredazegtja #menu	{padding: 0 0 10px 0 !important}
	
	/* vertalingen */
	
	.vertaling #sidebar	{display: none}
	.vertaling h2	{background-color: #ebbac0; padding: 10px; margin: 30px 0 10px 0;}
	.vertaling .filmstrip	{text-align: center}
	.vertaling .paspoort	{background-color: #ebbac0; height: 305px; float: right}
	.vertaling .download	{float: right; margin: 20px 0 15px 25px}
	
/* ONDERDEEL VAN DE CONTENT */

	a		{color: #0055A0; text-decoration: none;}
	a:hover	{text-decoration: underline;}
	a img	{border: none;}
		
	h1	{font-size: 1.25em;}
	h2	{font-size: 1.15em; margin-bottom: 0px;}
	h3	{font-size: 1.05em;}
	
	.button, .block
		{border: 1pt solid black; background-color: #E51A3B;
		color: white; font-weight: bold;}
	button:hover	{cursor: pointer;}
	
	q	{/* font-style: italic; */}
	hr	{background: url(../img/nts/tussenbolletjes.gif) repeat-x; border:none; height: 7px; margin: 10px 0}
	th	{text-align: left; font-weight: bold;}

	Q:before {content: open-quote;}
	Q:after  {content: close-quote;}
	
	legend	{font-weight: bold; margin-bottom: 10px}
	fieldset	{padding: 10px 5px;}
	
	form dl, dl.naastelkaar	{overflow: auto}
	form dl dt, dl.naastelkaar dt {clear:both; width:120px; float:left;}
	form dl dd, dl.naastelkaar dd {float:left; width:66%; margin:0 0 0.5em 0.25em;}
	
	.clear	{clear:both;}
	
	.zoeken	{font-size: 80%; padding: 5px; font-weight: bold;}
	.zoeken a	{color: black;}
	.zoeken form	{margin: 0; padding: 0;}
	.zoeken .txtveld	{font-size: 85%; color: #CC3333;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
	table.stelling	{margin-bottom: 10px;}
	table.stelling td.head	{border-top:1px #cccccc solid; padding: 10px 0px 0px 10px;}
	table.stelling td.content	{padding: 5px;}
	table.stelling td.links	{border-bottom:1px cccccc solid;}
	
	.reacties		{background-color: #C9CCCB; margin: 5px 0px; padding: 10px 8px 10px 10px;}
	.subreacties	{background-color: #E9ECEC; margin: 5px 0px; padding: 10px 8px 10px 35px;}
	.reacties small, .subreacties small	{font-size: 80%; margin-top: 8px}
	.reacties small, .subreacties small, .reacties q, .subreacties q	{display: block}
	
	.zoekterm	{background-color: yellow} /* bij zoekresultaten bij vraag en antwoord */
	li.head	{font-weight: bold; list-style-type: none; margin-top: 15px;}
	
	.even	{background-color: white;}
	.oneven	{background-color: whitesmoke;}
	.extensie {text-transform: capitalize;}
	
	.links	{float: left; padding: 0 15px 15px 0;}
	.rechts	{float: right; padding: 0 0 15px 15px;}
	
	.klein	{font-size: 80%;}
	.hidden	{display: none;}
	
	#actieblok 	{clear: both}
	#actieblok a {color: black; width: 418px; height: 173px; 
		background-image: url(../img/home/registratie_banner.gif);
		background-repeat: no-repeat; background-position: top left;
		background-attachment: scroll; display: block; 
		/* onderstaande ivm verschuiving in firefox. snap niet waarom. */
		border: 1px solid white; padding: 1px}
	#actieblok a:hover	{text-decoration: none}
	#actieblok span	{margin-top: 135px; display: block; font-weight: bold; font-size: 120%}	
	strong.mega	{color: red; font-size: 120%;}
	
	/* table.winkeloverz	{font-size: 95%;} */
	
	table.cijfers	{border: 1px solid gainsboro; border-collapse: collapse; margin: 20px 0;}
	table.cijfers tr td, table.cijfers tr th {border: 1px solid gainsboro; border-width: 1px 0 0 1px; padding: 3px;}
	table.cijfers tr th	{background-color: whitesmoke;}
	
	ol.bzvragen a	{color: black}
	ol.bzvragen a:hover	{color: #FF0000; text-decoration: none;}
	
	table.bzbestel			{border: 1px solid gainsboro; border-collapse: collapse; margin: 20px 0;}
	table.bzbestel tr td 	{vertical-align: top; border: 1px solid gainsboro; border-width: 1px 0 0 1px; padding: 3px;}
	
	dl.bzverspreidt, dl.bznawform	{margin-bottom: 30px; overflow: auto;}
	dl.bzverspreidt dt	{width: 30px;}
	
	/* martine, vragenlijst burgerzaken (mv: tzt omzetten, iets met overerving..)  */
	dl.enquete{clear:none; float:none;}
	dt.enquete{clear:none; float:left;}
	dd.enquete{clear:none; float:none;}
	h2.enquete{font-size:100%;}