@charset "utf-8";
/* CSS Document */

/*sr-home*/
#sr-home{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	margin-right:4px;
	overflow:hidden;
}

#sr-home a, #sr-home a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
}

#sr-home a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#sr-home span.bg-color{
	display:block;
	float:left;
	background-color:#99b9ff;
}

/*bg-pic bottom*/
#sr-home span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/smartreading.jpg) bottom left no-repeat;
}

#sr-home a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#sr-home span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#sr-home span.fullwidth{
	width:359px; /*full width*/
}

#sr-home span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#sr-home span.position{
	left:349px; /*full width - 10px*/
}

#sr-home span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#sr-home span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#sr-home a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #sr-home span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #sr-home a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#sr-home span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#sr-home a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#sr-home span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#sr-home a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#sr-home span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:20px;
	line-height:0px;
	font-size:0px;
	width:300px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#sr-home a:hover span.click{
	background:url(../images/buttons/shadow/click-sr.png) top left no-repeat;
}

/*st-home*/
#st-home{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}

#st-home a, #st-home a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
}

#st-home a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#st-home span.bg-color{
	display:block;
	float:left;
	background-color:#99b9ff;
}

/*bg-pic bottom*/
#st-home span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/smarttyping.jpg) bottom left no-repeat;
}

#st-home a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#st-home span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#st-home span.fullwidth{
	width:359px; /*full width*/
}

#st-home span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#st-home span.position{
	left:349px; /*full width - 10px*/
}

#st-home span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#st-home span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#st-home a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #st-home span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #st-home a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#st-home span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#st-home a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#st-home span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#st-home a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#st-home span.click{
	display:block;
	position:absolute;
	bottom:4px;
	right:0px;
	height:20px;
	line-height:0px;
	font-size:0px;
	width:300px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#st-home a:hover span.click{
	background:url(../images/buttons/shadow/click-st.png) top left no-repeat;
}

/*communicatie-home*/
#communicatie-home{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	margin-top:4px;
	overflow:hidden;
}

#communicatie-home a, #communicatie-home a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:480px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1em;
}

#communicatie-home a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#communicatie-home span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#communicatie-home span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:480px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/communicatie.jpg) bottom left no-repeat;
}

#communicatie-home a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#communicatie-home span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#communicatie-home span.fullwidth{
	width:480px; /*full width*/
}

#communicatie-home span.rightpos{
	right:460px; /*full width - (2 * 10px)*/
}

#communicatie-home span.position{
	left:470px; /*full width - 10px*/
}

#communicatie-home span.width{
    width:460px; /*full width - (2 * 10px)*/
}

#communicatie-home span.bg-pos-right{
	background-position:470px 0px; /*full width - 10px*/
}

#communicatie-home a:hover span.bg-pos-right{
	background-position:474px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #communicatie-home span.bg-pos-right{
	background-position:474px 0px; /*full width - 10px + 4px*/
}

* html #communicatie-home a:hover span.bg-pos-right{
	background-position:478px 0px; /*full width - 10px + 4px + 4px*/
}

#communicatie-home span.bg-pos-right-fill{
	background-position:466px 0px; /*full width - 10px - 4px*/
}

#communicatie-home a:hover span.bg-pos-right-fill{
	background-position:470px 0px; /*full width - 10px*/
}

#communicatie-home span.bg-pos-left{
	background-position:466px 0px; /*full width - 10px - 4px*/
}

#communicatie-home a:hover span.bg-pos-left{
	background-position:470px 0px; /*full width - 10px*/
}

#communicatie-home span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/c.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#communicatie-home a:hover span.categorie{
	top:0px;
	right:0px;
}

#communicatie-home span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#communicatie-home a:hover span.click{
	background:url(../images/buttons/shadow/click-comm.png) top left no-repeat;
}

/*effectiviteit-home*/
#effectiviteit-home{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	margin-top:4px;
	overflow:hidden;
}

#effectiviteit-home a, #effectiviteit-home a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:480px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1em;
}

#effectiviteit-home a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#effectiviteit-home span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#effectiviteit-home span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:480px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/effectiviteit-v2.jpg) 0px 4px no-repeat;
}

#effectiviteit-home a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#effectiviteit-home span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#effectiviteit-home span.fullwidth{
	width:480px; /*full width*/
}

#effectiviteit-home span.rightpos{
	right:460px; /*full width - (2 * 10px)*/
}

#effectiviteit-home span.position{
	left:470px; /*full width - 10px*/
}

#effectiviteit-home span.width{
    width:460px; /*full width - (2 * 10px)*/
}

#effectiviteit-home span.bg-pos-right{
	background-position:470px 0px; /*full width - 10px*/
}

#effectiviteit-home a:hover span.bg-pos-right{
	background-position:474px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #effectiviteit-home span.bg-pos-right{
	background-position:474px 0px; /*full width - 10px + 4px*/
}

* html #effectiviteit-home a:hover span.bg-pos-right{
	background-position:478px 0px; /*full width - 10px + 4px + 4px*/
}

#effectiviteit-home span.bg-pos-right-fill{
	background-position:466px 0px; /*full width - 10px - 4px*/
}

#effectiviteit-home a:hover span.bg-pos-right-fill{
	background-position:470px 0px; /*full width - 10px*/
}

#effectiviteit-home span.bg-pos-left{
	background-position:466px 0px; /*full width - 10px - 4px*/
}

#effectiviteit-home a:hover span.bg-pos-left{
	background-position:470px 0px; /*full width - 10px*/
}

#effectiviteit-home span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/e.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#effectiviteit-home a:hover span.categorie{
	top:0px;
	right:0px;
}

#effectiviteit-home span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#effectiviteit-home a:hover span.click{
	background:url(../images/buttons/shadow/click-eff.png) top left no-repeat;
}

/*workshops-home*/
#workshops-home{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	margin-top:4px;
	overflow:hidden;
}

#workshops-home a, #workshops-home a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:480px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1em;
}

#workshops-home a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#workshops-home span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#workshops-home span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:480px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/workshops.jpg) bottom left no-repeat;
}

#workshops-home a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#workshops-home span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#workshops-home span.fullwidth{
	width:480px; /*full width*/
}

#workshops-home span.rightpos{
	right:460px; /*full width - (2 * 10px)*/
}

#workshops-home span.position{
	left:470px; /*full width - 10px*/
}

#workshops-home span.width{
    width:460px; /*full width - (2 * 10px)*/
}

#workshops-home span.bg-pos-right{
	background-position:470px 0px; /*full width - 10px*/
}

#workshops-home a:hover span.bg-pos-right{
	background-position:474px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #workshops-home span.bg-pos-right{
	background-position:474px 0px; /*full width - 10px + 4px*/
}

* html #workshops-home a:hover span.bg-pos-right{
	background-position:478px 0px; /*full width - 10px + 4px + 4px*/
}

#workshops-home span.bg-pos-right-fill{
	background-position:466px 0px; /*full width - 10px - 4px*/
}

#workshops-home a:hover span.bg-pos-right-fill{
	background-position:470px 0px; /*full width - 10px*/
}

#workshops-home span.bg-pos-left{
	background-position:466px 0px; /*full width - 10px - 4px*/
}

#workshops-home a:hover span.bg-pos-left{
	background-position:470px 0px; /*full width - 10px*/
}

#workshops-home span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/w.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#workshops-home a:hover span.categorie{
	top:0px;
	right:0px;
}

#workshops-home span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#workshops-home a:hover span.click{
	background:url(../images/buttons/shadow/click-works.png) top left no-repeat;
}

/*unvisible heading*/
div.heading{
	position:absolute;
	top:-2000px;
}

div.heading h2{
	font-size:1px;
	line-height:1px;
	height:0px;
}

/*three equal height colums*/
span.left {
	display:block;
    float:left;
    width:10px;
    position:relative;
    overflow:hidden;
	line-height:1px;
	font-size:1px;
}
span.mid {
	display:block;
    float:left;
    position:relative;
    overflow:hidden;
}
span.right {
	display:block;
    float:left;
    width:10px;
    position:relative;   
    overflow:hidden;
	line-height:1px;
	font-size:1px;
}

span.containermiddle {
	display:block; float:left; position:relative; right:10px;
}

/*title*/
span.title{
	display:block;
	padding-top:4px;
	padding-left:0px;
	padding-right:4px;
	padding-bottom:10px;
	text-align:left;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:1.143em;
	font-weight:bold;
	line-height:1em;
}

a:hover span.title{
	padding-top:0px;
	padding-left:4px;
	padding-right:0px;
	padding-bottom:10px;
}

span.smallTitle {
	font-size:0.8em;
}

/*content*/
span.content{
	display:block;
	padding-top:4px;
	padding-left:0px;
	padding-right:4px;
	padding-bottom:4px;
	text-align:left;
}

a:hover span.content{
	padding-top:4px;
	padding-left:4px;
	padding-right:0px;
	padding-bottom:8px;
}

#communicatie-home span.content, #effectiviteit-home span.content, #workshops-home span.content, #comm-cat span.content, #eff-cat span.content, #works-cat span.content, #comm-cat-margin span.content, #eff-cat-margin span.content{
	font-family:Arial;
	font-size:1em;
	line-height:1.214em;
}

span.noBR{
	display:none;
}

/*fill (title)*/
span.fill{
	background:#9DA0A2;
}

span.fill-blue{
	background:#00467F;
}

span.fill-red{
	background:#93342F;
}

span.fill-yellow{
	background:#C0792A;
}

/*right*/

span.containerright {
	display:block; float:left; background:url(../images/buttons/shadow/grey/r.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-fill {
	display:block; float:left; background:url(../images/buttons/shadow/grey/r-fill.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-blue {
	display:block; float:left; background:url(../images/buttons/shadow/blue/r.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-blue-fill {
	display:block; float:left; background:url(../images/buttons/shadow/blue/r-fill.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-red {
	display:block; float:left; background:url(../images/buttons/shadow/red/r.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-red-fill {
	display:block; float:left; background:url(../images/buttons/shadow/red/r-fill.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-yellow {
	display:block; float:left; background:url(../images/buttons/shadow/yellow/r.png) repeat-y; overflow:hidden; position:relative;
}

span.containerright-yellow-fill {
	display:block; float:left; background:url(../images/buttons/shadow/yellow/r-fill.png) repeat-y; overflow:hidden; position:relative;
}

/*left*/

span.containerleft {
	display:block; float:left; background:url(../images/buttons/shadow/grey/l.png) repeat-y; position:relative;
}

span.containerleft-fill {
	display:block; float:left; background:url(../images/buttons/shadow/grey/l-fill.png) repeat-y; position:relative;
}

span.containerleft-blue {
	display:block; float:left; background:url(../images/buttons/shadow/blue/l.png) repeat-y; position:relative;
}

span.containerleft-blue-fill {
	display:block; float:left; background:url(../images/buttons/shadow/blue/l-fill.png) repeat-y; position:relative;
}

span.containerleft-red {
	display:block; float:left; background:url(../images/buttons/shadow/red/l.png) repeat-y; position:relative;
}

span.containerleft-red-fill {
	display:block; float:left; background:url(../images/buttons/shadow/red/l-fill.png) repeat-y; position:relative;
}

span.containerleft-yellow {
	display:block; float:left; background:url(../images/buttons/shadow/yellow/l.png) repeat-y; position:relative;
}

span.containerleft-yellow-fill {
	display:block; float:left; background:url(../images/buttons/shadow/yellow/l-fill.png) repeat-y; position:relative;
}

/*a:hover -> top bottom topleft topright bottomleft bottomright*/
a:hover span.t, a:hover span.t-blue, a:hover span.t-red, a:hover span.t-yellow, a:hover span.b, a:hover span.b-blue, a:hover span.b-red, a:hover span.b-yellow, a:hover span.tl, a:hover span.tl-blue, a:hover span.tl-red, a:hover span.tl-yellow, a:hover span.tr, a:hover span.tr-blue, a:hover span.tr-red, a:hover span.tr-yellow, a:hover span.bl, a:hover span.bl-blue, a:hover span.bl-red, a:hover span.bl-yellow, a:hover span.br, a:hover span.br-blue, a:hover span.br-red, a:hover span.br-yellow{
	background-position:bottom left;
}

/*top*/

span.t{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/grey/t.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

span.t-blue{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/blue/t.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

span.t-red{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/red/t.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

span.t-yellow{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/yellow/t.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

/*bottom*/

span.b{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/grey/b.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

span.b-blue{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/blue/b.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

span.b-red{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/red/b.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

span.b-yellow{
	float:left; display:block; height:10px; background:url(../images/buttons/shadow/yellow/b.png) repeat-x; background-position:top left; line-height:1px; font-size:1px;
}

/*topleft*/

span.tl{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/grey/tl.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

span.tl-blue{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/blue/tl.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

span.tl-red{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/red/tl.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

span.tl-yellow{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/yellow/tl.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

/*topright*/

span.tr{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/grey/tr.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

span.tr-blue{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/blue/tr.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

span.tr-red{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/red/tr.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

span.tr-yellow{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/yellow/tr.png) no-repeat; background-position:top left; line-height:1px; font-size:1px;
}

/*bottomleft*/

span.bl{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/grey/bl.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

span.bl-blue{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/blue/bl.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

span.bl-red{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/red/bl.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

span.bl-yellow{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/yellow/bl.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

/*bottomright*/

span.br{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/grey/br.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

span.br-blue{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/blue/br.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

span.br-red{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/red/br.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}

span.br-yellow{
	float:left; display:block; height:10px; width:10px; background:url(../images/buttons/shadow/yellow/br.png) no-repeat; background-position:top left;  line-height:1px; font-size:1px;
}


/*CATEGORIE PAGINA SHADOW*/

/*works-cat*/
#works-cat{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}

#works-cat a, #works-cat a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1.071em;
}

#works-cat a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#works-cat span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#works-cat span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/workshops-small.jpg) bottom left no-repeat;
}

#works-cat a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#works-cat span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#works-cat span.fullwidth{
	width:359px; /*full width*/
}

#works-cat span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#works-cat span.position{
	left:349px; /*full width - 10px*/
}

#works-cat span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#works-cat span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#works-cat a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #works-cat span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #works-cat a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#works-cat span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#works-cat a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#works-cat span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#works-cat a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#works-cat span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#works-cat a:hover span.click{
	background:url(../images/buttons/shadow/click-works.png) top left no-repeat;
}

#works-cat span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/w.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#works-cat a:hover span.categorie{
	top:0px;
	right:0px;
}


/*eff-home*/
#eff-cat{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}

#eff-cat-margin{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	margin-right:4px;
	overflow:hidden;
}

#eff-cat a, #eff-cat a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1.071em;
}

#eff-cat a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#eff-cat span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#eff-cat span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/effectiviteit-v2-small.jpg) bottom left no-repeat;
}

#eff-cat a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#eff-cat span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#eff-cat span.fullwidth{
	width:359px; /*full width*/
}

#eff-cat span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#eff-cat span.position{
	left:349px; /*full width - 10px*/
}

#eff-cat span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#eff-cat span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#eff-cat a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #eff-cat span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #eff-cat a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#eff-cat span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#eff-cat a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#eff-cat span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#eff-cat a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#eff-cat span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#eff-cat a:hover span.click{
	background:url(../images/buttons/shadow/click-eff.png) top left no-repeat;
}

#eff-cat span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/e.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#eff-cat a:hover span.categorie{
	top:0px;
	right:0px;
}

#eff-cat-margin a, #eff-cat-margin a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1.071em;
}

#eff-cat-margin a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#eff-cat-margin span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#eff-cat-margin span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/effectiviteit-v2-small.jpg) bottom left no-repeat;
}

#eff-cat-margin a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#eff-cat-margin span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#eff-cat-margin span.fullwidth{
	width:359px; /*full width*/
}

#eff-cat-margin span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#eff-cat-margin span.position{
	left:349px; /*full width - 10px*/
}

#eff-cat-margin span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#eff-cat-margin span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#eff-cat-margin a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #eff-cat-margin span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #eff-cat-margin a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#eff-cat-margin span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#eff-cat-margin a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#eff-cat-margin span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#eff-cat-margin a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#eff-cat-margin span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#eff-cat-margin a:hover span.click{
	background:url(../images/buttons/shadow/click-eff.png) top left no-repeat;
}

#eff-cat-margin span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/e.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#eff-cat-margin a:hover span.categorie{
	top:0px;
	right:0px;
}

/*comm-home*/
#comm-cat{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}

#comm-cat-margin{
	display:block;
	float:left;
	position:relative;
	margin:0px auto;
	margin-right:4px;
	overflow:hidden;
}

#comm-cat a, #comm-cat a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1.071em;
}

#comm-cat a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#comm-cat span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#comm-cat span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/communicatie-small.jpg) bottom left no-repeat;
}

#comm-cat a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#comm-cat span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#comm-cat span.fullwidth{
	width:359px; /*full width*/
}

#comm-cat span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#comm-cat span.position{
	left:349px; /*full width - 10px*/
}

#comm-cat span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#comm-cat span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#comm-cat a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #comm-cat span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #comm-cat a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#comm-cat span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#comm-cat a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#comm-cat span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#comm-cat a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#comm-cat span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#comm-cat a:hover span.click{
	background:url(../images/buttons/shadow/click-comm.png) top left no-repeat;
}

#comm-cat span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/c.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#comm-cat a:hover span.categorie{
	top:0px;
	right:0px;
}

#comm-cat-margin a, #comm-cat-margin a.visited{
	display:block;
	text-decoration:none;
	color:#000000;
	width:359px;
	line-height:1.143em;
	font-family:Verdana;
	font-size:1.071em;
}

#comm-cat-margin a:hover{
	text-decoration:none;
	color:#000000;
	border:none;
}

/*bg-color content*/
#comm-cat-margin span.bg-color{
	display:block;
	float:left;
	background-color:#FFFFFF;
}

/*bg-pic bottom*/
#comm-cat-margin span.bg-pic{
	display:block;
	float:left;
	margin:0px auto;
	width:359px; /*width picture + 4px*/
	height:104px; /*height picture + 4px*/
	background:url(../images/pics/blocks/communicatie-small.jpg) bottom left no-repeat;
}

#comm-cat-margin a:hover span.bg-pic{
	background-position: 4px 0px;
}

/*width and position vars*/

#comm-cat-margin span.pic-height{
	height:94px; /*height picture - 10px + 4px*/
}

#comm-cat-margin span.fullwidth{
	width:359px; /*full width*/
}

#comm-cat-margin span.rightpos{
	right:339px; /*full width - (2 * 10px)*/
}

#comm-cat-margin span.position{
	left:349px; /*full width - 10px*/
}

#comm-cat-margin span.width{
    width:339px; /*full width - (2 * 10px)*/
}

#comm-cat-margin span.bg-pos-right{
	background-position:349px 0px; /*full width - 10px*/
}

#comm-cat-margin a:hover span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

/* IE6 bg-pos-right + hover*/
* html #comm-cat-margin span.bg-pos-right{
	background-position:353px 0px; /*full width - 10px + 4px*/
}

* html #comm-cat-margin a:hover span.bg-pos-right{
	background-position:357px 0px; /*full width - 10px + 4px + 4px*/
}

#comm-cat-margin span.bg-pos-right-fill{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#comm-cat-margin a:hover span.bg-pos-right-fill{
	background-position:349px 0px; /*full width - 10px*/
}

#comm-cat-margin span.bg-pos-left{
	background-position:345px 0px; /*full width - 10px - 4px*/
}

#comm-cat-margin a:hover span.bg-pos-left{
	background-position:349px 0px; /*full width - 10px*/
}

#comm-cat-margin span.click{
	display:block;
	position:absolute;
	bottom:4px;
	left:4px;
	height:40px;
	line-height:0px;
	font-size:0px;
	width:200px;
	background:none;
	margin:0px auto;
	z-index:600;
}

#comm-cat-margin a:hover span.click{
	background:url(../images/buttons/shadow/click-comm.png) top left no-repeat;
}

#comm-cat-margin span.categorie{
	display:block;
	height:34px;
	width:34px;
	background:url(../images/symbols/c.png) top right no-repeat;
	position:absolute;
	top:4px;
	right:4px;
	margin:0px auto;
	z-index:600;
}

#comm-cat-margin a:hover span.categorie{
	top:0px;
	right:0px;
}

#works-cat span.minheight, #eff-cat span.minheight, #comm-cat span.minheight, #eff-cat-margin span.minheight, #comm-cat-margin span.minheight{
	min-height:210px;
	height:auto !important;
	height:210px;
}