/* L A Y O U T */

*				{padding:0;margin:0}
body			{background:white}
img				{border:0}
.clear			{clear:both}
/*#cleardiv		{ clear:both }*/
.floater		{float:left}
/*br				{line-height:1;padding:0;margin:0}*/

.wrapper		{position:relative;margin:0 auto 0 auto; padding:0}
#wrapperA		{width:770px} /* ctrLeftA + ctrMiddleA + ctrRightA + borders */
#wrapperB		{width:950px} /* ctrLeftB + ctrMiddleB + ctrRightB + borders */

#colwrapper		{float:left;border:0;background:#D2DCEF url("../img/colwrapperBg.gif") repeat-y right bottom}

#ctrLeftA		{width:200px;float:left}
#ctrLeftB		{width:232px;float:left}

#ctrMiddleA		{width:393px;/*min-height:642px;*/border-width:0 1px 0 0;border-style:solid;border-color:white;float:left} /* 394 */
#ctrMiddleB		{width:555px;/*min-height:642px;*/border-width:0 1px 1px 1px;border-style:solid;border-color:#CCCCCC;float:left}

#ctrRightA		{width:176px;float:left} /* 176 */
#ctrRightB		{width:161px;float:left}

#footer			{clear:both;width:563px;padding:0 5px 0 0;border:1px solid #CCCCCC;background:white;text-align:right} /* width = #ctrMiddleA + ctrRightA */

#logoA			{width:200px;height:258px;padding:10px 0 0 0;}
#logoB			{width:165px;height:150px;padding:10px 0 0 0;}
#logoA ul, #logoB ul {padding:5px 0 0 18px;list-style-type:none}
	#logoA ul a.active, #logoB ul a.active {text-decoration:underline}
	li#orangeLeftTopLink a:link, li#orangeLeftTopLink a:visited {color:#F79A0E;font:11px verdana;font-weight:bold}
	li#orangeLeftTopLink a:hover, li#orangeLeftTopLink a:active {color:#F79A0E;font:11px verdana;font-weight:bold}
	li#blueLeftTopLink a:link, li#blueLeftTopLink a:visited {color:#003399;font:11px verdana;font-weight:bold}
	li#blueLeftTopLink a:hover, li#blueLeftTopLink a:active {color:#003399;font:11px verdana;font-weight:bold}
	li#orangeLeftTopLink {background:transparent url("../img/bullet_orange.gif") no-repeat 100% 50%}
	li#blueLeftTopLink {background:transparent url("../img/bullet_blue.gif") no-repeat 100% 50%}

#ctrLeftFtr		{background:#F79A0E}
#ctrLeftFtrBg	{background:#F79A0E url("../img/ctrLeftFtr.gif") no-repeat left bottom; height:50px}

.mainNav		{list-style-type:none;clear:both;vertical-align:top;height:28px}
#mainNavA		{width:393px}
#mainNavB		{width:555px}
#mainNavB2		{width:555px}
#search			{float:right;margin:3px 0 0 0}
#frmSearch1		{margin:4px 0 0 0;padding:0}
#frmSearch2	a	{margin:0;padding:0 8px 0 6px}
.inputbox		{border:1px solid black;padding:1px 0 1px 0}
#ctrContentA	{width:363px;padding:10px 15px 15px 15px;background:white} /* 393 */
#ctrContentB	{width:525px;padding:10px 15px 15px 15px; /*min-height:390px;*/background:white;overflow:auto}
#navpath		{height:20px;border-bottom:1px solid #A8A8A8;margin:0 0 15px 0}
#content ul li	{line-height:16px}

/* flashbanner containers */
#flashBannerA {	width:391px; height:268px; background:#F9FAFE; 
				border-width:0 1px 0 1px; border-style:solid; border-color:#CCCCCC; background: url("../img/flashbannerA_bg.gif") no-repeat} /* 393 */
#flashBannerB {	width:555px; height:90px; background: url("../img/flashbannerB_bg.gif") no-repeat}


/* side navigation */

.navHdrPadding {padding:7px 0 7px 18px;	border-bottom:1px solid white}
.navHdrNoPadding {padding:7px 0 7px 5px; border-bottom:1px solid white}

.navBlockNormal {list-style-type:none; padding:5px 0 15px 0; vertical-align:top; border-bottom:1px solid white}
.navBlockNormal li {line-height:20px; padding:0 0 0 18px}

.navBlockForm {list-style-type:none; padding:10px 0 10px 0; margin:0; vertical-align:top; border-bottom:1px solid white}
.navBlockForm li {line-height:20px; padding:0 0 0 5px}

.navBlockUnderline {list-style-type:none; padding:0; background:#8EA7D6; vertical-align:top}
.navBlockUnderline li {line-height:20px;padding:0 0 0 0;border-bottom:1px solid white}

.navBlockPointer {list-style-type:none; padding:0; background:#8EA7D6; vertical-align:top}
.navBlockPointer li {line-height:20px;padding:3px 5px;border-bottom:1px solid white;background:transparent url("../img/bullet_blue.gif") no-repeat 95% 50%;}

.navBlockList {list-style:none; padding:8px 0 8px 14px; margin:0 0 130px 0; background:white; vertical-align:top; border-width:0 0 0 1px; border-style:solid; border-color:#CCCCCC}
.navBlockList li {background:white url("../img/bullet.gif") no-repeat center left; line-height:20px; padding:0 0 0 12px; vertical-align:top}

#rightTopA {position:relative; height:300px; background:white}
#rightTopA_TOP {width:120px; position:absolute; top:0;right:0; text-align:right}
#rightTopA_TOP table {position:absolute; right:0}
#rightTopA_BOTTOM {position:absolute; bottom:0; width:100%}
#rightTopB {height:90px; padding:0 0 0 35px; background:white}

.klantcase {display:block; padding:0 0 1px 0; width:100%;height:83px}

#ctrContentA ul 	{margin:10px 0 10px 2px;list-style:none;}
#ctrContentB ul 	{margin:10px 0 10px 2px;list-style:none;}
#ctrContentA ul li 	{background:white url("../img/bullet2.gif") no-repeat top left;padding:0 0 0 15px;}
#ctrContentB ul li	{background:white url("../img/bullet2.gif") no-repeat top left;padding:0 0 0 15px;}
#ctrContentA ol 	{margin:10px 0 10px 23px;}
#ctrContentB ol 	{margin:10px 0 10px 23px;}


/* background colors */
.blueDeep	{background:#003399}
.blueDark	{background:#6F8FCA}
.blueMedium	{background:#8EA7D6}
.blueLight	{background:#D2DCEF}
.orange		{background:#F79A0E}
.green		{background:#009900}

/* exceptions */
#ctrLeftFtr ul.navBlockNormal.orange			{border:0;height:240px;} 
ul.navBlockNormal.orange li						{padding-left:5px;}
ul.navBlockNormal.blueLight						{border:0px}
ul.navBlockNormal.blueLight li					{padding-left:5px;color:#0729A7;}
#ctrLeftB ul.navBlockNormal.blueMedium			{height:175px}
ul.navBlockNormal								{height:150px}
ul.navBlockUnderline							{height:auto}

ul.navBlockUnderline.blueMedium li				{padding-left:18px;}
ul.navBlockUnderline.blueLight li				{padding-left:5px;}

li#zoekopdracht									{background:transparent url("/img/magnify.gif") no-repeat 80% 100%;}
li#zoekopdracht a								{display:block;height:50px;}
li#zoekopdracht a:hover							{text-decoration:underline}

/* feeds op portal */
#SOC ul a:link, #SOC ul a:visited {text-decoration:none}
#SOC ul a:hover, #SOC ul a:active {text-decoration:underline}
#ECO ul a:link, #ECO ul a:visited {text-decoration:none}
#ECO ul a:hover, #ECO ul a:active {text-decoration:underline}

