/* CSS Document */

/* 	ZWART yui-ge (75%-25%),	ZWART yui-gf (25%-75%),	ZWART yui-g  (50%) */
	.u-zw, .h2-zw, .u-wt, .h2-wt { background-color:#101212; color:#FFF; min-height:220px; position:relative;}
	*html .u-zw, .h2-zw, .u-wt, .h2-wt { height:200px;}
	
	.h2-zw { min-height:16px; padding-top:5px;}	
	*html .h2-zw { height:16px;}	
	
/* 	GRADIENT yui-ge (75%-25%),	ZWART yui-gf (25%-75%),	ZWART yui-g  (50%) */
	.u-grad, .h2-grad, .u-grad, .h2-grad { background-image:url(../img/layout/gradient_bg.png); color:#FFF; min-height:220px; position:relative;}
	*html .u-grad, .h2-grad, .u-grad, .h2-grad { height:220px;}
	
	.h2-grad { min-height:16px; padding-top:5px;}	
	*html .h2-grad { height:16px;}	


/* 	ACTION GRADIENT yui-ge (75%-25%),	ZWART yui-gf (25%-75%),	ZWART yui-g  (50%) */
	.u-ac, .h2-ac, .u-ac, .h2-ac { background-image:url(../img/layout/actie_bg.png); color:#FFF; min-height:220px; position:relative;}
	* html .u-ac, .h2-ac, .u-ac, .h2-ac { height:200px;}
	
	.h2-ac { min-height:16px; padding-top:5px;}	
	*html .h2-ac { height:16px; }	
	

/*	TRANS yui-ge (75%-25%), TRANS yui-gf (25%-75%), TRANS yui-g  (50%) */
	.u-tr, .h2-tr { color:#575658; }
	.h2-tr { min-height:18px; display:block; font-weight:bolder; padding:5px 0 0 3px; position:relative;}	
	.divider h2 { padding:0 0 0 0px;}	
	*html .h2-tr { height:18px; }	
	
	
/* occsGrijs yui-ge (75%-25%), TRANS yui-gf (25%-75%), TRANS yui-g  (50%) */
	.u-gs, .h2-gs { background-color:#B9BABB; color:#000; position:relative;}

	
/* BLAUW yui-ge (75%-25%), BLAUW yui-gf (25%-75%), BLAUW yui-g  (50%) */	
	.u-bl, .h2-bl { background-color:#898A8A; color:#FFF; position:relative;}
	.h2-bl { min-height:18px; padding-top:5px;}
	*html .h2-bl { height:18px;}

	
/* WITTIG yui-ge (75%-25%), WIT yui-gf (25%-75%), WIT yui-g  (50%) */	
	.u-wt, .h2-wt { background-color:#DBDCDC; color:#FFF; position:relative;}
	.h2-wt { min-height:18px; padding-top:5px;}	
	*html .h2-wt { height:18px;}	
	
	
/* WIT! yui-ge (75%-25%), WIT yui-gf (25%-75%), WIT yui-g  (50%) */	
	.u-wit, .h2-wit { background-color:#E7E5E5; color:#000; position:relative;}
	.h2-wit { min-height:18px; padding-top:5px;}
	*html .h2-wit { height:18px;}	
	
/* BackGround! yui-ge (75%-25%), WIT yui-gf (25%-75%), WIT yui-g  (50%) */	
  .u-bg, .h2-bg { background-color:#D2D3D4; color:#747474; position:relative;}
  .h2-bg { min-height:18px; padding-top:5px;}	
  *html .h2-bg { height:18px;}	
	
	

	.yui-g { min-height:177px;}
		

  .yui-g, .yui-gc, .yui-ge, .yui-gf { border-bottom:solid 1px #6B6B6C; padding-bottom:3px;}
  
  .yui-g .yui-g { border:none;}

/*
  Maten voor naadloze aansluiting gridunits overrulen van originele Yahoo grid
	div#custom-doc dient ter overruling, hoger niveau anders werkt het niet.
*/
	.yui-ge .yui-u { width:24.8%;}
	div#custom-doc .yui-ge .first { width:74.8%;}
	
	.yui-gf .yui-u { width:74.8%;}
	div#custom-doc .yui-gf .first { width:25%;}
	
	.yui-g .yui-u { width:49.9%;}
	.yui-g .yui-g {width:49.9%;}	
	  .yui-g .yui-g .yui-u { width:49.8%;}	
	
	.yui-gc .yui-u { width:32.9%;}
	div#custom-doc .yui-gc .first { width:65.9%;}
	
	yui-g