/* GENERAL */
a									{text-decoration: none; color: #000;}
a:hover								{text-decoration: underline;}
small								{font-size: 9px;}
h4									{color: #0071bc; font-size: 16px;}
strong								{font-weight: bold;}

/* CONTAINERS */

#container							{width: 697px; margin: 0px auto; margin-top: /*54px;*/ 20px; font: 11px 'Arial', sans-serif;}

	#header							{position: relative;}
	#subnav							{margin-top: 7px; text-align: right;}
#middle								{margin-top: 18px; border: 1px solid #0071bd;}
	#nav							{position: relative; height: 140px; width: 140px; background: #0071bc;}

	#trail							{height: 20px; line-height: 20px;}
	#content						{float: left; margin-right: 25px; border-top: 1px solid #757677; padding-top: 10px;}
  
	#dynamic						{float: left; margin-right: 25px; border-top: 1px solid #757677; padding-top: 10px;}
	#rightcolumn				{float: left; width: 123px;}
  
  #content.normal, #dynamic.normal{width: 259px;}
	#dynamic.small					{width: 150px;}
	#dynamic.none					{display: none;}
	#content.big					{width: 371px;}
	#content.huge					{width: 546px;}
  
#footer								{text-align: right;}

/* HEADER */
#header div.unit					{position: absolute; top: -1px; left: 140px; font-size: 28px; color: #BBB; font-weight: bold;}

#microsoft  {/*float: right;*/ position:absolute; z-index:10000; top:200px; right:10px; text-align: 
center; font-size: 9px; /*color: #999; */ color:#000;
margin-top: 6px;}

#microsoft img                      {margin-top: 1px;}

/* SEARCH */
#search						{position: absolute; bottom: 4px; left: 4px;}
#search input					{background: #FFF; border: 1px solid #66a2c8; font: bold 11px 'Verdana', sans-serif; color: #0071bc; width: 85px; height: 15px; padding: 3px 3px 0px 5px;}
#search button					{border: none; background: none; font: bold 11px 'Verdana', sans-serif; color: #FFF; width: 15px; cursor: pointer;}

/* FORMS */
#bottom fieldset					{border: 1px solid #AAA; padding: 10px;}
#bottom label					{font-weight: bold;}
#bottom input					{font-size: 11px; padding: 2px; margin-bottom: 5px; width: 230px; background: #FFF; border: 1px solid #BBB;}
#bottom legend					{border: 1px solid #AAA; padding: 0px 5px; font-weight: bold; margin-bottom: 10px;}
#bottom textarea					{font: 11px 'Arial', sans-serif; width: 230px;}
#bottom button					{background: #0071bc; border: none; color: #FFF; margin-top: 10px; cursor: pointer; width: 230px;}
#bottom ul.errors					{list-style-type: none; margin: 0px; color: #F00; margin-bottom: 5px;}
#bottom p.klanten					{line-height: 160%; text-align: center;}
#bottom select					{margin-bottom: 5px;}
#bottom small.required				{color: #F00;}

/* SUBNAV */
#subnav ul						{float: right;}
#subnav li						{float: left;}
#subnav a						{font: bold 12px 'Verdana', sans-serif; line-height: 14px; border-right: 2px solid #4095cc; padding-right: 15px; margin-right: 15px;}
#subnav a.selected					{text-decoration: underline; cursor: default; color: #0071bc;}
#subnav li.last a					{border-right: none; padding-right: 0px; margin-right: 0px;}

/* NAV */
#nav, #nav a					{font: bold 12px 'Verdana', sans-serif; color: #FFF;}
#nav a						{display: block; height: 20px; line-height: 20px; padding: 2px 2px 1px 5px;}
#nav a:hover					{background: #FFF; color: #0071bc; text-decoration: none;}
#nav a.selected					{background: #FFF; cursor: default; color: #0071bc;}

/* BOTTOM */
#bottom a						{ text-decoration: underline; color:#0071bc;}
#bottom a.ln_title {color:#000; font-weight:bold;}
#bottom a.contact {color:#000; font-weight:bold;}
#bottom .product a { color:#000; font-weight:bold;}

#bottom a:hover					{text-decoration: none;}
#bottom p						{margin-bottom: 10px;}
#bottom h2					{font-weight: bold; font-size: 12px; margin-bottom: 2px;}
#bottom h2.eventhead				{padding-bottom: 2px; border-bottom: 1px solid #999;}
#bottom span.eventtime				{float: left; clear: both; width: 40px; font-weight: bold; color: #555; line-height: 160%;}
#bottom span.eventitem				{display: block; margin: 0px; padding-left: 40px; line-height: 160%;}
#bottom h3					{font-weight: bold; font-size: 11px; margin-bottom: 5px;}
#bottom ul					{margin-bottom: 10px; }
#bottom p.title					{margin-bottom: 0px;}
#bottom small.date					{font-style: italic;}
#bottom address					{line-height: 160%;}

#bottom ul li					{margin-bottom: 5px;}

/* SUBSUBNAV */
#bottom ul.subsubnav				{margin: 5px 0px; padding-left: 20px; list-style-type: disc;}
#dynamic ul ul 					{margin: 5px 0px; padding-left: 20px; list-style-type: disc; }

#dynamic ul 					{ padding-left:20px; list-style-type:disc;}
#dynamic ol 					{ padding-left:20px; list-style-type:decimal;}
#dynamic div.module ul,#dynamic div.module ul 	{ margin:0; padding:0; list-style-type:none;}
div.module_content ul 				{ margin:0; padding:0; list-style-type:none;}

#dynamic h3 					{ color: #0071bc; margin-bottom:0;}

#slideshow					{float: right; margin: 0px 0px 5px 5px;}
#slideshow img					{padding: 1px; border: 1px solid #AAA;}
#slideshow p					{text-align: center; color: #666;}

/* CONTENT */
#content ul					{margin-left: 25px; margin-bottom:15px; list-style-type: disc;}
#content ol					{margin-left: 25px; margin-bottom:15px; list-style-type:decimal;} 
#content ul li					{line-height: 160%;}
#content th					{font-weight: bold;}
#content th.big					{width: 100px;}							
#content table					{margin-bottom: 10px; border-collapse:collapse;}
#content table td 					{vertical-align:top; padding:7px 0px; border-bottom:1px solid #EEE;}
#content table td img 				{margin-right:5px;}

#dynamic table					{margin-bottom: 10px; border-collapse:collapse;}
#dynamic table td 					{vertical-align:top; padding:7px 0px; border-bottom:1px solid #EEE;}
#dynamic table td img 				{margin-right:5px;}


#zoekresultaat					{width: 520px; font-family: 'Arial', sans-serif;}
#zoekresultaat h2 a				{font-weight: bold; color: #0071bc; font-size: 11px; margin-bottom: 5px;}
#zoekresultaat p					{font-size: 11px; line-height: 160%;}
#zoekresultaat strong				{font-weight: bold;}
#zoekresultaat h3					{font-size: 11px;}
#zoekresultaat h1					{font-size: 12px; font-weight: bold;}
#zoekresultaat h2					{margin-top: 10px;}

#zoeken_navigatie					{margin-top: 15px; text-align: center; font-weight: bold;}
#zoeken_navigatie a				{letter-spacing: 2px;}

#kenniscentrum                      			{width: 520px;}

/* TRAIL */
#trail a						{font-weight: normal; color:#000;}

/* BANNERS */
#rightcolumn div.banner				{height: 100px; background: #0071bc; margin-bottom: 20px; color: #FFF; padding: 5px;} 
#rightcolumn a.banner				{height: 100px; background: #0071bc; margin-bottom: 20px; color: #FFF; padding: 5px;}
#rightcolumn a.banner				{display: block; text-decoration: none; font-size: 13px;}
#rightcolumn div.banner h2				{font-size: 13px; line-height: 160%;}
#rightcolumn div.banner a				{color: #FFF; line-height: 160%;}

#rightcolumn div.hetnieuwewerken    			{background: #FFF url('/kbenp/system/banner.gif') no-repeat;}
#rightcolumn div.hetnieuwewerken a.banner 		{background: transparent;}

#rightcolumn div.hetnieuwewerken1    		{background: #FFF url('/kbenp/system/banner1.gif') no-repeat;}
#rightcolumn div.hetnieuwewerken1 a.banner 		{background: transparent;}

#rightcolumn div.hetnieuwewerken2 			{ background: #FFF  url('/kbenp/system/kbenp_goo_thumb_new.jpg') no-repeat;}
#rightcolumn div.hetnieuwewerken2 a.banner 		{background: transparent;}

#rightcolumn div.event2009 {background: #FFF url('/kbenp/system/fotoalbum-event2009.jpg') no-repeat;border:1px solid #0071bc; margin-bottom:20px;}
#rightcolumn div.event2009 a.banner { background:transparent;}

#rightcolumn div#counter { position:relative; height: 109px;  margin:0; padding:0;padding-top:1px; margin-bottom: 20px; border:1px solid #0071bc; color: #0071bc; background-image:url('/kbenp/system/event2010.jpg');}
#rightcolumn div#counter a.banner {background: transparent;}
#rightcolumn div#counter p { margin:0; padding:2px 3px;}
#rightcolumn div#counter div#time { color:#FFF; width:120px; position:absolute; bottom:40px; } 

/* ERRORS */
.error img							{float: left;}
.error p							{font-weight: bold; line-height: 16px;}

/* Sitemap */
#sitemap ul li						{list-style-type: disc; margin-left: 20px;}
#sitemap ul.subpaginas li			{list-style-type: circle;}

#dynamic .module h2	{color: #0071bc;}
p.maatwerk							{text-align: center; margin-top: 10px; color: #666; font-style: italic;}

/* WEBSHOP */
#bottom h2.cat						{margin-bottom: 10px; margin-top: 10px;}
#bottom h5							{display: inline; font-size: 10px; margin: 0px;}
#bottom .product					{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #CCC;}
#bottom .product p					{margin: 0px; line-height: 150%;}
#bottom .product button				{float: right; width: 80px; font-size: 10px; padding: 0px; margin: 0px;}
#bottom h5 a						{font-size: 10px;}
#bottom table.info td				{padding-right: 5px;}
#bottom button.bestellen			{width: 259px; margin: 0px;}
#bottom input.aantal				{width: 20px; padding: 0px; margin: 0px;}
#bottom button.aanpassen			{width: 150px;}
#bottom td.prijs					{text-align: right;}
#bottom button.optie				{margin-right: 5px;}
#bottom fieldset.persoonlijk		{margin-top: 10px;}
#bottom fieldset.betaling			{margin-top: 10px;}
#bottom select.datum				{font-size: 10px;}

#bottom p.referentie				{height: 120px; float: left; text-align: center; margin: 10px;}
#bottom p.referentie img			{display: block;}

/* Blog */
#bottom div.module ul.blog li               {padding: 3px 0px;}
#bottom div.module ul.blog a.selected       {background: #666; color: #FFF; padding: 3px 5px; text-decoration: none;}

#bottom div.blogartikel {margin-bottom: 25px;}
#bottom div.blogartikel h1 {margin-bottom: 10px; border-bottom: 1px solid #0071bc;}
#bottom div.blogartikel h1 a {color: #0071bc; font-size: 14px; text-decoration: none; font-weight: normal;}
#bottom div.blogartikel h2 {margin-bottom: 10px; font-weight: normal;}
#bottom div.bloginfo {border-top: 1px solid #444; margin-top: 10px; padding-top: 5px;}

#reactieformulier button {margin-top: 0px;}
#reactieformulier input  {width: 310px;}
#reactieformulier a.cancel {display: block; margin-bottom: 10px;}
#reactieformulier textarea {width: 310px;}
#reactieformcontent table td{ margin:0; padding:0; border:0;}

#reactieformcontent_smal {border:1px solid #0000FF; padding:5px; margin-bottom:20px; background-image:url(kbenp/system/bg_zoeken.jpg);}
#reactieformcontent_smal input { width:102px; font-size:11px; padding-left:3px;}
#reactieformcontent_smal select{ width:108px;font-size:11px;}
#reactieformcontent_smal button { width:110px;}


#Nieuwsbrief 		{ border:1px solid #0000ff; background-color: #fff; padding:5px 2px; margin-bottom:20px;background-image:url(kbenp/system/nieuwsbrief.jpg); background-repeat:no-repeat; background-position:0 10px;}
#Nieuwsbrief label		{ margin-left:3px;}
#Nieuwsbrief button 	{ width:110px; cursor: pointer; background-color:#0071bc; color:#fFF;border:0; margin-top:2px; padding:0 3px;}
#Nieuwsbrief input	  	{ margin-left:3px; width:102px; font-size:11px; padding-left:3px;background-color:#FFF; }

#Nieuwsbrief input.submButton { width:114px; cursor: pointer; padding:0; margin:0; background-color:#0071bc; color:#fFF;border:0; margin-top:2px; padding-top:0;}

#bottom h2.alt {font-size: 14px; font-weight: normal; margin-top: 15px; margin-bottom: 10px;}
#bottom div.reactie {border-top: 1px solid #999; padding: 5px 0px; margin-bottom: 10px;}
#bottom div.reactie p.info {padding-bottom: 5px; border-bottom: 1px solid #BBB;}

#content div.categorie {line-height: 200%; padding: 5px; border: 1px solid #CCC; margin-bottom: 10px; background: #0071bc; color: #FFF;}
#content div.categorie a {color: #FFF;}
#content div.categorie div.last {float: right; width: 180px;}
#content div.categorie div.stats {float: right; width: 70px; font-weight: bold;}
#content div.categorie h2 a {font-size: 14px; font-weight: normal;}

#content h1.title {color: #0071bc; font-size: 14px; margin-bottom: 10px;}

#content div.topic {line-height: 200%; padding: 5px; border: 1px solid #CCC; margin-bottom: 10px; background: #DDD;}
#content div.topic div.last {float: right; width: 180px;}
#content div.topic div.stats {float: right; width: 70px; font-weight: bold;}

#content div.post {line-height: 160%; padding: 5px; border: 1px solid #CCC; margin-bottom: 10px; background: #EEE;}
#content div.post div.stats {}

div.controls {float: right; font-size: 10px; padding: 5px 0px; border-top: 1px solid #DDD; margin-top: 10px; border-bottom: 1px solid #DDD;}
div.controls a {color: #AAA;}
#bottom div.controls button {font-size: 10px; padding: 0px; margin: 0px; width: 100px;}

#bottom input.productselect {float: left; width: 10px; margin: 0px; border: 1px solid #F00; background: #FFF; margin-top: 1px; margin-right: 3px;}

div.message {background: #0071BC; color: #FFF; text-align: center; border: 1px solid #999; font-weight: bold; padding: 30px; margin: 10px 0px; font-size: 14px;}

#dynamic div.modulepagina h2 {color: #000;}
#dynamic div.modulepagina li {list-style-type: disc; line-height: 160%;}
#dynamic div.modulepagina ul {margin-left: 20px;}

/* HELPERS */
div.clear							{clear: both;}
.none								{display: none;}
div.logos							{text-align: center;}

#ace {float: left;}
strike.oudeprijs {color: #666;}
p.case {font-weight: bold; color: #666; margin-bottom: 0px; margin-top: 10px;}

#microsoft div {margin-bottom: 13px;}


#rightcolumn a#factor_inspiratie.banner {background: url('/kbenp/system/inspiratie.png') no-repeat; text-align: center;}
#rightcolumn a#factor_organisatie.banner {background: url('/kbenp/system/organisatie.png') no-repeat; text-align: center;}
#rightcolumn a#factor_cultuur.banner {background: url('/kbenp/system/cultuur.png') no-repeat; text-align: center;}
#rightcolumn a#factor_technologie.banner {background: url('/kbenp/system/technologie.png') no-repeat; text-align: center;}
#rightcolumn a#factor_all.banner {text-align: left; background: transparent; color: #000;}
#rightcolumn a#factor4.banner {background: url('/kbenp/system/factor4index_logo2.png') no-repeat; text-align: center; height:123px; margin-bottom:5px;}


#dynamic div.modules_HNW ul li .datum,
#content div.modules_HNW ul li .datum	{ display:block; width:50px; position:absolute; left:0;}
#dynamic div.modules_HNW ul	,
#content div.modules_HNW ul			{  list-style-type:none; margin-left:0; margin-bottom:15px; padding:0;}
#dynamic div.modules_HNW ul li,
#content div.modules_HNW ul li		{ position:relative; list-style-type:none; margin:0; padding:0;}
#dynamic div.modules_HNW ul li a,
#content div.modules_HNW ul li a 		{padding-left:50px; display:inline-block;}