/* Created Idar Creative: www.idar.nl */
* {margin:0;padding:0;}
BODY { background:#ffffff url(images/bg.gif) top left repeat-x;
		 line-height:18px; font-size:12px; }
HTML {overflow:auto;}
HTML, BODY {height:100%; width: 100%;margin: 0;padding: 0;border: none;} 
BODY,TD,A,FONT,LI,P,BLOCKQUOTE,DIV, SPAN
{font-family: verdana, "Trebuchet MS", Tahoma, sans-serif; font-size:11px; color:#003300; margin:0px;line-height:18px;}

H1,H2,H3,H4 {padding-bottom:8px;}
/*H1,H2,H3 {color:#9ed241;}*/
H1 {font-weight: normal; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica; background-color: transparent; font-size: 150%;}
H2 {font-size:130%;font-weight: normal; color:#085521;}
H3 {font-size:120%;font-weight: normal;margin-bottom:0px;}

P { padding-bottom:8px;}
UL {list-style:none;list-style: url(images/arrow.gif); margin:0px 8px 8px 8px; margin-left:24px;}
OL {margin:0px 8px 8px 8px; margin-left:24px; color:#669933;}
A  { color:#669933;text-decoration:underline;}
A:hover { color:#669933;text-decoration:none;}
INPUT, SELECT, TEXTAREA{ FONT-FAMILY: Tahoma, arial, verdana, sans-serif; border:solid 1px #9ed241;
/* #e3f0d2;*/ 
} 

OPTION { padding:2px;}

#siteContainer	{ position:relative; width:100%;}
#siteGradient	{ position:relative;float:left; width:100%; margin:auto; background: url(images/bg_gradient.png) no-repeat 50% 100%;}
#siteLayout    { position:relative;width:900px; margin:auto; background:#ffffff url(images/bg_content.gif) repeat-x right bottom;}

#leftContainer		{position:relative; float:left; width:190px; min-height:500px; height:100%;}
td.left 				{ background:#ffffff url(images/bg_nav.gif) no-repeat left bottom; }
td.middle 			{ width:200px; min-height:500px; height:100%; background:#9ed241 url(images/bg_middle.gif) no-repeat left bottom;}
#rightContainer	{position:relative; float:right; width:510px;min-height:500px; height:100%;}
td.right 			{}

#logoContainer {position:relative; float:left; width:190px;padding-bottom:25px;}
#navContainer {position:relative; float:left; width:190px;padding-bottom:20px;
					background: url(images/bg_sep2.gif) left bottom no-repeat; }
UL#nav	{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; overflow: hidden;list-style:none;}
UL#nav LI {list-style: none; list-style-image: none;}
UL#nav A, UL#nav A:link, UL#nav A:visited, UL#nav A:active{display:block; padding: 24px 0px 0px 0px; overflow: hidden;height: 0px !important;}

#nav a:hover,#nav a:active, #nav a.selected {background-position: 0 -24px;}
UL#subnav {margin:0px 0px 0px 8px; padding-top:10px; padding-bottom:10px; background: url(images/bg_sep.gif) bottom center no-repeat;}
UL#subnav LI {list-style: none; list-style-image: none;}
UL#subnav A, UL#subnav A:link, UL#subnav A:visited, UL#subnav A:active
		{color:#ffffff; background: url(images/li_sub_o.gif) 8px 50% no-repeat;text-decoration: none; text-transform: uppercase; line-height:28px;
		width:164px; display:block;padding-left:20px;margin-top:1px;}
UL#subnav a:hover,UL#subnav a:active, UL#subnav a.selected
						{color:#669933;text-decoration: none; background:#B3DC6B url(images/li_sub.gif) 8px 50% no-repeat;}
UL#subnav A:hover {color:#669933;text-decoration: none; background:#B3DC6B url(images/li_sub.gif) 8px 50% no-repeat;}

UL#leftnav A {color:#085521; text-decoration: none;border-bottom:solid 1px #669933;}
UL#leftnav a:hover,UL#leftnav a:active, UL#leftnav a.selected
						 {color:#669933; text-decoration: none; border-bottom:solid 1px #085521;}
UL#leftnav A:hover {color:#669933;text-decoration: none; border-bottom:solid 1px #085521;}

#home a 							{background: url(images/l_home.gif) top left no-repeat;}
#hennywerter a 				{background: url(images/l_henny.gif) top left no-repeat;}
#Projecten a 					{background: url(images/l_projecten.gif) top left no-repeat;}
#De_ontkokerde_jongere a	{background: url(images/l_jongeren.gif) top left no-repeat;}
#Klanten a 						{background: url(images/l_klanten.gif) top left no-repeat;}
#Publicaties a 				{background: url(images/l_publicaties.gif) top left no-repeat;}
#Nieuws a 						{background: url(images/l_nieuws.gif) top left no-repeat;}
#Contact a 						{background: url(images/l_contact.gif) top left no-repeat;}
#IRO a 						{background: url(images/l_iro.gif) top left no-repeat;}

	
#leftContentContainer {position:relative; float:left;width:170px; padding-left:10px;  padding-top:20px;}

#imageContainer {height:287px;}
#middleContentContainer {}
#middleSubContainer 		{padding-top:10px; padding-left:10px; height:140px;}
#middleSubContainer P {color:#ffffff;} 
#middleSubContainer A {color:#ffffff;}

h3#contact_adres {height:140px;}

#headerContainer {position:relative; float:left; width:510px; padding-bottom:25px;}
#contentContainer {position:relative; float:left; width:490px;padding:0px 10px 0px 10px;}


#endContainer 					{ position:relative;width:100%;height:95px;margin:auto; float:left;background: url(images/bg_footer.png) no-repeat 50% 0%;}
#footerContainer 				{position:relative;width:900px; margin:auto;margin-top:5px;}
#disclaimerContainer			{ position:relative;float:right;margin-right:10px;}
#disclaimerContainer SPAN	{ font-size:10px; font-family: verdana;color:#669933;}
#disclaimerContainer A		{ font-size:10px; font-family: verdana;color:#669933; text-decoration:underline;}
#disclaimerContainer A:HOVER { text-decoration: none;}

.green {color:#085521;}

/**********************************************
sIFR
************************************************/
.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;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}
.sIFR-hasFlash h1 {visibility: hidden;line-height:26x;height:26px;}
/*.sIFR-hasFlash h2 {visibility: hidden;line-height:20px;height:20px;}*/
.sIFR-hasFlash h3 {visibility: hidden;line-height:26px;height:26px;}
/*.sIFR-hasFlash UL#nav A {visibility: hidden;}*/


.csc-mailform {padding:10px;position:relative;margin-bottom:10px; border:none;}
.csc-mailform-field LABEL{position:absolute; text-align:left; float:left;}
.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, .csc-mailform-field SELECT  {margin:1px; margin-left:100px;font-size:8pt;padding:2px; color:#085521;}
.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA {width:250px;}
.csc-mailform-field SELECT {width:224px;}
INPUT.csc-mailform-submit {background:#085521; cursor:pointer; margin-left:100px;text-transform:uppercase; width:100px;color:#ffffff;}
INPUT.csc-mailform-submit:HOVER {text-decoration:underline;color:#ffffff;}
.csc-mailform-label {font-weight:bold;font-size:7pt;}



.tx-indexedsearch-searchbox td {}
.tx-indexedsearch-searchbox TABLE {width:350px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT {width:250px;margin:1px;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button
   {background:#085521; cursor:pointer;text-transform:uppercase;width:80px;color:#ffffff;font-size:8pt;padding:2px; border:none;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {font-size:8pt;padding:2px;}

.tx-indexedsearch-whatis {position:relative;float:left;width:100%;}
.tx-indexedsearch-res{position:relative;float:left;width:100%;margin-top:20px;}
.tx-indexedsearch-browsebox {position:relative;float:left;height:50px;}
.browsebox LI {ist-style: none;float:left;margin-right:30px;}