/* MODULES */

/* S-BUTTON (SECTOR BUTTON) */
.s-button {
  position: relative;
	width: 354px;
	height: 80px;
	margin-bottom: 10px;
	cursor: pointer;
}
.s-button-left {
	float: left;
	padding-right: 10px;
}
.s-button-right {
	float: left;
}
.s-button .s-button-container {
 	position: absolute;
	width: 354px;
	height: 80px;
}
.zorg-en-welzijn .s-button .s-button-container { 
	background: url(../img/s-button.gif) no-repeat;
}
.techniek .s-button .s-button-container { 
	background: url(../img/s-button-blue.gif) no-repeat;
}
.economie .s-button .s-button-container { 
	background: url(../img/s-button-brown.gif) no-repeat;
}
.groen .s-button .s-button-container { 
	background: url(../img/s-button-green.gif) no-repeat;
}
.s-button .heading {
	display: block;
	height: 50px;
	width: 269px;
	padding-top: 30px;
	padding-left: 85px;	
	color: #fff;
	font-weight: bold;
}
.s-button .s-button-afbeelding{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px;
}

/* O-BUTTON (ORGANISATION BUTTON) */
.o-button {
	position: relative;
  width: 355px;
	height: 136px;
	margin-bottom: 10px;
	display: block;
}
.o-button-left {
	float: left;
}
.o-button-right {
	float: right;
}
.o-button-container {
  position: absolute;
	top: 0px;
	left: 0px;
  width: 355px;
	height: 136px;
}
.o-button-zorg-en-welzijn{
  background: url(../img/o-button.gif) no-repeat;
}
.o-button-economie {
	background: url(../img/o-button-brown.gif) no-repeat;
}
.o-button-techniek {
	background: url(../img/o-button-blue.gif) no-repeat;
}
.o-button-groen {
	background: url(../img/o-button-green.gif) no-repeat;
}
.o-button .o-button-container .heading {
	display: block;
	width: 100%;
}
.o-button .o-button-container .text {
	color: #000000;
	font-size: 11px;
	display: block;
	margin-top: -15px;
	padding-right: 20px;
}
.o-button .o-button-container a {
	display: block;
	height: 123px;
	width: 255px;
	padding-top: 13px;
	padding-left: 100px;	
	font-size: 130%;
	color: #fff;
	font-weight: bold;
}
.o-button .o-button-afbeelding {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 80px;
  height: 80px;
}


/* D-BUTTON (BEROEPEN-ABC BUTTON)*/
.d-button {
	position: relative;
	width: 198px;
	height: 60px;
	padding-top: 15px;
	cursor: pointer;
}
.d-button-left {
	float: left;
}
.d-button-right {
	float: right;
}
.d-button .frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 198px;
	height: 60px;
	background: url(../img/d-button-frame.gif) no-repeat;
}
.d-button .picture {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
}
.d-button .title {
	position: absolute;
	top: 15px;
	left: 8px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.d-button .level {
	position: absolute;
	font-size: 12px;
	color: #fff;
	top: 42px;
	left: 8px;
}
/*
OLD AUTOGROW VERSION
.d-button .top {
	background: url(../img/d-button-top.gif) no-repeat;
	height: 32px;
	width: 198px;
}
.d-button .middle {
	background: url(../img/d-button-middle.gif) repeat-y;
	height: auto;
	min-height: 10px;
	width: 198px;
}
.d-button .bottom {
	background: url(../img/d-button-bottom.gif) no-repeat;
	height: 20px;
	width: 198px;
}
*/

/* T-BOX (BUTTON EVALUATIE/REFLECTIE) */
.t-box {
	width: 198px;
	height: 20px;
	background: url(../img/t-box-frame-pink.gif) no-repeat;
	padding-bottom: 10px;
	cursor: pointer;
}
.t-box-first {
	background: url(../img/t-box-first-pink.gif) no-repeat;
}
.t-box .heading {
	padding: 3px 0px 0px 40px;
	color: #fff;
	font-size: 11px;
	display: block;
}
.techniek .t-box{
	background: url(../img/t-box-frame-blue.gif) no-repeat;
}
.techniek .t-box-first{
	background: url(../img/t-box-first-blue.gif) no-repeat;
}
.groen .t-box{
	background: url(../img/t-box-frame-green.gif) no-repeat;
}
.groen .t-box-first{
	background: url(../img/t-box-first-green.gif) no-repeat;
}
.economie .t-box{
	background: url(../img/t-box-frame-brown.gif) no-repeat;
}
.economie .t-box-first{
	background: url(../img/t-box-first-brown.gif) no-repeat;
}



/* M-BOX (SECTORDEEL BUTTON EXPLORERS*/
.m-box {
	width: 172px;
	height: 20px;
	background: url(../img/m-box-frame.gif) no-repeat;
	padding-bottom: 10px;
	cursor: pointer;
}
.m-box-first {
	background: url(../img/m-box-first.gif) no-repeat;
}
.m-box .heading {
	padding: 3px 0px 0px 40px;
	color: #fff;
	font-size: 11px;
	display: block;
	font-weight: bold;	
}
.techniek .m-box {
	background: url(../img/m-box-frame-blue.gif) no-repeat;
}
.techniek .m-box-first {
	background: url(../img/m-box-first-blue.gif) no-repeat;
}
.groen .m-box {
	background: url(../img/m-box-frame-green.gif) no-repeat;
}
.groen .m-box-first {
	background: url(../img/m-box-first-green.gif) no-repeat;
}
.economie .m-box {
	background: url(../img/m-box-frame-brown.gif) no-repeat;
}
.economie .m-box-first {
	background: url(../img/m-box-first-brown.gif) no-repeat;
}


/* L-BOX (BRANCHE BUTTON EXPLORERS*/
.l-box {
	width: 198px;
	height: 48px;
	cursor: pointer;
	background: transparent url(../img/l-box-frame.gif) no-repeat;
}
.l-box-first {
	background: transparent url(../img/l-box-first.gif) no-repeat;
}
.l-box-last {
	background: transparent url(../img/l-box-last.gif) no-repeat;
}
.l-box-single {
	background: transparent url(../img/l-box-single.gif) no-repeat;
}
.l-box .heading {
	padding: 5px 0px 0px 45px;
	color: #000;
	display: block;
	font-weight: bold;
}
.l-box .download {
	color: #fff;
	display: block;
	margin-top: 5px;
	margin-left: 45px;
}
.techniek .l-box {
	background: url(../img/l-box-frame-blue.gif) no-repeat;
}
.techniek .l-box-first { 
	background: url(../img/l-box-first-blue.gif) no-repeat;
}
.techniek .l-box-last {
	background: url(../img/l-box-last-blue.gif) no-repeat;
}
.techniek .l-box-single {
	background: url(../img/l-box-single-blue.gif) no-repeat;
}

.groen .l-box {
	background: url(../img/l-box-frame-green.gif) no-repeat;
}
.groen .l-box-first { 
	background: url(../img/l-box-first-green.gif) no-repeat;
}
.groen .l-box-last {
	background: url(../img/l-box-last-green.gif) no-repeat;
}
.groen .l-box-single {
	background: url(../img/l-box-single-green.gif) no-repeat;
}

.economie .l-box {
	background: url(../img/l-box-frame-brown.gif) no-repeat;
}
.economie .l-box-first { 
	background: url(../img/l-box-first-brown.gif) no-repeat;
}
.economie .l-box-last {
	background: url(../img/l-box-last-brown.gif) no-repeat;
}
.economie .l-box-single {
	background: url(../img/l-box-single-brown.gif) no-repeat;
}




/* K-BOX (BEROEP BUTTON EXPLORERS*/
.k-box {
	width: 198px;
	height: 59px;
	position: relative;
	cursor: pointer;	
	background: url(../img/k-box-frame.gif) no-repeat;
}
.k-box-first {
	background: url(../img/k-box-first.gif) no-repeat;
}
.k-box-last {
	background: url(../img/k-box-last.gif) no-repeat;
}
.k-box-single {
	background: url(../img/k-box-single.gif) no-repeat;
}
.k-box .heading {
	padding: 5px 0px 0px 45px;
	color: #000;
	display: block;
	font-weight: bold;	
}
.k-box .download {
	color: #fff;
	display: block;
	bottom: 8px;
	left: 45px;
	position: absolute;
}
.techniek .k-box {
	background: url(../img/k-box-frame-blue.gif) no-repeat;
}
.techniek .k-box-first { 
	background: url(../img/k-box-first-blue.gif) no-repeat;
}
.techniek .k-box-last {
	background: url(../img/k-box-last-blue.gif) no-repeat;
}
.techniek .k-box-single {
	background: url(../img/k-box-single-blue.gif) no-repeat;
}

.groen .k-box {
	background: url(../img/k-box-frame-green.gif) no-repeat;
}
.groen .k-box-first { 
	background: url(../img/k-box-first-green.gif) no-repeat;
}
.groen .k-box-last {
	background: url(../img/k-box-last-green.gif) no-repeat;
}
.groen .k-box-single {
	background: url(../img/k-box-single-green.gif) no-repeat;
}

.economie .k-box {
	background: url(../img/k-box-frame-brown.gif) no-repeat scroll 8px 0px;
}
.economie .k-box-first { 
	background: url(../img/k-box-first-brown.gif) no-repeat;
}
.economie .k-box-last {
	background: url(../img/k-box-last-brown.gif) no-repeat;
}
.economie .k-box-single {
	background: url(../img/k-box-single-brown.gif) no-repeat;
}




/* SECTOR-BUTTON (EXPLORERS) */
.sector-button {
	width: 140px;
	height: 20px;
	padding-bottom: 20px;
}
.sector-button-economie {
	background: url(../img/sector-button-economie.gif) no-repeat;
}
.sector-button-techniek {
	background: url(../img/sector-button-techniek.gif) no-repeat;
}
.sector-button-groen {
	background: url(../img/sector-button-groen.gif) no-repeat;
}
.sector-button-zew {
	background: url(../img/sector-button-zew.gif) no-repeat;
}

/* H-BOX (BEROEP HEADING WITH PICTURE) */
.h-box {
	position: relative;
	width: 356px;
	height: 160px;
}
.h-box .h-box-picture {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
}
.h-box .h-box-frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 355px;
	height: 160px;
	background: url(../img/h-box-frame.gif);
}
.h-box .h-box-titlebar {
	position: absolute;
	top: 80px;
	left: 90px;
	width: 261px;
	height: 43px;
	font-size: 120%;
/*	line-height: 43px;*/
	background: url(../img/h-box-titlebar.gif);
}
.h-box .h-box-titlebar .heading {
	margin-top: 3px;
	margin-left: 10px;
	font-size: 120%;
	font-weight: bold;
	color: white;
}
.h-box .h-box-level {
	margin-top: 125px;
	margin-left: 160px;
	font-weight: bold;
	font-size: 13px;
}

.techniek .h-box .h-box-titlebar {
	background: url(../img/h-box-titlebar-blue.gif);
}
.techniek .h-box .h-box-frame {
	background: url(../img/h-box-frame-blue.gif);
}

.groen .h-box .h-box-titlebar {
	background: url(../img/h-box-titlebar-green.gif);
}
.groen .h-box .h-box-frame {
	background: url(../img/h-box-frame-green.gif);
}

.economie .h-box .h-box-titlebar {
	background: url(../img/h-box-titlebar-brown.gif);
}
.economie .h-box .h-box-frame {
	background: url(../img/h-box-frame-brown.gif);
}


/* P-BUTTON (SMALL ORGANISATION BUTTON) */
.p-button {
	width: 308px;
	height: 32px;
	margin-bottom: 10px;
	position: relative;
}
.p-button-container {
  position: absolute;
	width: 308px;
	height: 32px;
	top: 0px;
	left: 0px;
	background: url(../img/p-button.gif) no-repeat;	
}
.p-button-img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 32px;
  height: 32px;
}
.p-button .heading {
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 16px;
	padding-left: 50px;
	font-size: 130%;
	display: block;
}
.techniek .p-button-container {
	background: url(../img/p-button-blue.gif) no-repeat;	
}
.economie .p-button-container {
	background: url(../img/p-button-brown.gif) no-repeat;	
}
.groen .p-button-container {
	background: url(../img/p-button-green.gif) no-repeat;	
}




/* I-BUTTON (ICON BUTTON) */
.i-button .i-button-zorg-en-welzijn
{
	margin-bottom: 10px;
	width:  354px;
}
.i-button .i-button-content a {
	/*color: #98005d; needs to be more specific */
}
.i-button .i-button-top {
	position: relative;
	width: 354px;
	height: 32px;
	background: url(../img/i-button-top.gif);
}
.i-button .i-button-top-home {
  background: url(../img/i-button-top-home.gif);
}
.i-button .i-button-top-watdoeje {
  background: url(../img/i-button-top-watdoeje.gif);
}
.i-button .i-button-top-watis {
  background: url(../img/i-button-top-watis.gif);
}
.i-button .i-button-top-lesmateriaal {
  background: url(../img/i-button-top-lesmateriaal.gif);
}
.i-button .i-button-top-nogmeer {
  background: url(../img/i-button-top-nogmeer.gif);
}
.i-button .i-button-top-werk {
  background: url(../img/i-button-top-werk.gif);
}
.i-button .i-button-top-opleiding {
  background: url(../img/i-button-top-opleiding.gif);
}
.i-button .i-button-top-toekomst {
  background: url(../img/i-button-top-toekomst.gif);
}
.i-button .i-button-content .heading {
	margin-top: -10px;
	font-size: 130%;
}
.i-button .bold {
	font-weight: bold;
}
.i-button .i-button-top .heading {	
	position: absolute;	
	left: 10px;
	font-size: 130%;
	top: 8px;
	width: 350px;
	height: 30px;
	display: block;
	color: white;
}
.i-button .i-button-content {
	width: 324px;
	padding: 15px;
	height: auto;
	background: url(../img/i-button-mid.gif) repeat-y;
}
.i-button .i-button-bottom {
	width: 354px;
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/i-button-bottom.gif);
}

.techniek .i-button .i-button-top { 
	background: url(../img/i-button-top-blue.gif);
}
.techniek .i-button .i-button-top-home {
	background: url(../img/i-button-top-home-blue.gif);
}
.techniek .i-button .i-button-top-watdoeje {
	background: url(../img/i-button-top-watdoeje-blue.gif);
}
.techniek .i-button .i-button-top-watis {
	background: url(../img/i-button-top-watis-blue.gif);
}
.techniek .i-button .i-button-top-lesmateriaal {
	background: url(../img/i-button-top-lesmateriaal-blue.gif);
}
.techniek .i-button .i-button-top-nogmeer {
	background: url(../img/i-button-top-nogmeer-blue.gif);
}
.techniek .i-button .i-button-top-werk {
	background: url(../img/i-button-top-werk-blue.gif);
}
.techniek .i-button .i-button-top-opleiding {
	background: url(../img/i-button-top-opleiding-blue.gif);
}
.techniek .i-button .i-button-top-toekomst {
	background: url(../img/i-button-top-toekomst-blue.gif);
}
.techniek .i-button .i-button-content {
	background: url(../img/i-button-mid-blue.gif) repeat-y;
}
.techniek .i-button .i-button-bottom { 
	background: url(../img/i-button-bottom-blue.gif);
}

.groen .i-button .i-button-top { 
	background: url(../img/i-button-top-green.gif);
}
.groen .i-button .i-button-top-home {
	background: url(../img/i-button-top-home-green.gif);
}
.groen .i-button .i-button-top-watdoeje {
	background: url(../img/i-button-top-watdoeje-green.gif);
}
.groen .i-button .i-button-top-watis {
	background: url(../img/i-button-top-watis-green.gif);
}
.groen .i-button .i-button-top-lesmateriaal {
	background: url(../img/i-button-top-lesmateriaal-green.gif);
}
.groen .i-button .i-button-top-nogmeer {
	background: url(../img/i-button-top-nogmeer-green.gif);
}
.groen .i-button .i-button-top-werk {
	background: url(../img/i-button-top-werk-green.gif);
}
.groen .i-button .i-button-top-opleiding {
	background: url(../img/i-button-top-opleiding-green.gif);
}
.groen .i-button .i-button-top-toekomst {
	background: url(../img/i-button-top-toekomst-green.gif);
}
.groen .i-button .i-button-content {
	background: url(../img/i-button-mid-green.gif) repeat-y;
}
.groen .i-button .i-button-bottom { 
	background: url(../img/i-button-bottom-green.gif);
}

.economie .i-button .i-button-top { 
	background: url(../img/i-button-top-brown.gif);
}
.economie .i-button .i-button-top-home {
	background: url(../img/i-button-top-home-brown.gif);
}
.economie .i-button .i-button-top-watdoeje {
	background: url(../img/i-button-top-watdoeje-brown.gif);
}
.economie .i-button .i-button-top-watis {
	background: url(../img/i-button-top-watis-brown.gif);
}
.economie .i-button .i-button-top-lesmateriaal {
	background: url(../img/i-button-top-lesmateriaal-brown.gif);
}
.economie .i-button .i-button-top-nogmeer {
	background: url(../img/i-button-top-nogmeer-brown.gif);
}
.economie .i-button .i-button-top-werk {
	background: url(../img/i-button-top-werk-brown.gif);
}
.economie .i-button .i-button-top-opleiding {
	background: url(../img/i-button-top-opleiding-brown.gif);
}
.economie .i-button .i-button-top-toekomst {
	background: url(../img/i-button-top-toekomst-brown.gif);
}
.economie .i-button .i-button-content {
	background: url(../img/i-button-mid-brown.gif) repeat-y;
}
.economie .i-button .i-button-bottom { 
	background: url(../img/i-button-bottom-brown.gif);
}
/* C-BUTTON (CAREER-BUTTON) */

.c-button {
	width: 150px;
	padding-bottom: 15px;
	cursor: pointer;
	-overflow: hidden;
}
.c-button .c-button-container {
	position: relative;
}
.c-button .c-button-img {
	position: absolute;
	left: 118px;
	width: 32px;
	height: 32px;
}

.c-button .c-button-top {
	background: url(../img/c-button-top2.gif) no-repeat;
	width: 150px;
	padding-top: 32px;
	position: relative;
	z-index: 4;
}
.c-button-white .c-button-top {
	background: url(../img/c-button-top3.gif) no-repeat;
}

.c-button .c-button-middle {
	position: relative;
	background: url(../img/c-button-middle.gif) repeat-y;
	width: 150px;
	min-height: 5px;
	height: auto;
}
.c-button .c-button-top .c-button-heading {
	font-size: 10px;
	font-weight: bold;
	width: 108px;
	padding: 0px 0px 10px 10px;
	display: block;
	margin-top: -15px;
	
	
}
.c-button .c-button-bottom {
	background: url(../img/c-button-bottom.gif) no-repeat;
	width: 150px;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 10px;
}
.c-button .c-button-bottom .c-button-level {

}


.c-button.left{
	float: left;
  clear: both;
}
.c-button.right {
	float: right;
	padding-right: 10px;
}

/* E-BUTTON (C-BUTTON UPGRADE FOR CAREER-DETAIL ) */

.e-button {
	width: 294px;
	padding-bottom: 15px;
	cursor: pointer;
	-overflow: hidden;
}
.e-button .e-button-container {
	position: relative;
}
.e-button .e-button-img {
	position: absolute;
	left: 262px;
	width: 32px;
	height: 32px;
}
.e-button .e-button-top {
	background: url(../img/e-button-large-top-pink.gif) no-repeat;
	width: 294px;
	padding-top: 32px;
	position: relative;
	z-index: 4;
}
.e-button .e-button-middle {
	position: relative;
	background: url(../img/e-button-mid.gif) repeat-y;
	width: 194px;
	min-height: 5px;
	height: auto;
}
.e-button .e-button-top .e-button-heading {
	font-size: 11px;
	font-weight: bold;
	width: 220px;
	padding: 0px 0px 10px 10px;
	display: block;
	margin-top: -15px;
}
.e-button .e-button-bottom {
	background: url(../img/e-button-bottom.gif) no-repeat;
	width: 294px;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 10px;
}
.economie .e-button .e-button-top {
	background: url(../img/e-button-large-top-brown.gif) no-repeat;
}
.economie .e-button .e-button-middle {
	background: url(../img/e-button-mid-brown.gif) repeat-y;
}
.economie .e-button .e-button-bottom {
	background: url(../img/e-button-bottom-brown.gif) no-repeat;
}

.groen .e-button .e-button-top {
	background: url(../img/e-button-large-top-green.gif) no-repeat;
}
.groen .e-button .e-button-middle {
	background: url(../img/e-button-mid-green.gif) repeat-y;
}
.groen .e-button .e-button-bottom {
	background: url(../img/e-button-bottom-green.gif) no-repeat;
}

.techniek .e-button .e-button-top {
	background: url(../img/e-button-large-top-blue.gif) no-repeat;
}
.techniek .e-button .e-button-middle {
	background: url(../img/e-button-mid-blue.gif) repeat-y;
}
.techniek .e-button .e-button-bottom {
	background: url(../img/e-button-bottom-blue.gif) no-repeat;
}

/* F-BUTTON (C-BUTTON UPGRADE FOR BEROEPEN ABC) */

.f-button {
	width: 413px;
	padding-bottom: 15px;
	cursor: pointer;
	-overflow: hidden;
}
.f-button .f-button-container {
	position: relative;
}
.f-button .f-button-img {
	position: absolute;
	left: 381px;
	width: 32px;
	height: 32px;
}

.f-button .f-button-top {
	background: url(../img/f-button-large-top-pink.gif) no-repeat;
	width: 413px;
	padding-top: 32px;
	position: relative;
	z-index: 4;
}
.f-button .f-button-middle {
	position: relative;
	background: url(../img/f-button-mid-pink.gif) repeat-y;
	width: 413px;
	min-height: 5px;
	height: auto;
}
.f-button .f-button-top .f-button-heading {
	font-size: 12px;
	font-weight: bold;
	width: 371px;
	padding: 0px 0px 10px 10px;
	display: block;
	margin-top: -15px;
}
.f-button .f-button-bottom {
	background: url(../img/f-button-bottom-pink.gif) no-repeat;
	width: 413px;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 10px;
}
.economie .f-button .f-button-top {
	background: url(../img/f-button-large-top-brown.gif) no-repeat;
}
.economie .f-button .f-button-middle {
	background: url(../img/f-button-mid-brown.gif) repeat-y;
}
.economie .f-button .f-button-bottom {
	background: url(../img/f-button-bottom-brown.gif) no-repeat;
}

.groen .f-button .f-button-top {
	background: url(../img/f-button-large-top-green.gif) no-repeat;
}
.groen .f-button .f-button-middle {
	background: url(../img/f-button-mid-green.gif) repeat-y;
}
.groen .f-button .f-button-bottom {
	background: url(../img/f-button-bottom-green.gif) no-repeat;
}

.techniek .f-button .f-button-top {
	background: url(../img/f-button-large-top-blue.gif) no-repeat;
}
.techniek .f-button .f-button-middle {
	background: url(../img/f-button-mid-blue.gif) repeat-y;
}
.techniek .f-button .f-button-bottom {
	background: url(../img/f-button-bottom-blue.gif) no-repeat;
}


/* BOX (BOX FOR CONTENT)*/
.box {
	padding-top: 15px;
}
.box .top .tc {
	height: 36px;
	background: url(../img/large-tc.gif) repeat-x ;
}
.box .top .tl {
	background: url(../img/large-tl.gif) no-repeat top left;
 	width: 5px;
	height: 30px;
}
.box .top .tr {
	background: url(../img/large-tr.gif) no-repeat top right;
	width: 5px;
	height: 30px;
}
.box .center {
	-float: left;
	margin-top: -6px;
	background-color: #fff;
	overflow: hidden;
}
.box .center .cl {
	background: url(../img/large-cl.gif) repeat-y center left;
	width: 5px;
	float: left;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}
.box .center .cr {
	background: url(../img/large-cr.gif) repeat-y center right;
	width: 5px;
	float: right;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}
.box .bottom .bc {
	background: transparent url(../img/large-bc.gif) repeat-x bottom left;
	font-size: 0;
	height: 5px;
}
.box .bottom .bl {
	background: url(../img/large-bl.gif) no-repeat bottom left;
	width: 5px;	
	height: 5px;
}
.box .bottom .br {
	background: url(../img/large-br.gif) no-repeat bottom right;
	width: 5px;
	height: 5px;
}

.box .top .heading {
	color: #fff;
	font-weight: bold;	
	font-size: 18px;
	padding-left: 10px;
}
.box .center .content {
	padding: 15px 10px 15px 15px;
}
.box-content .center .content {
	padding: 5px 10px 15px 15px;
}



/* BOX (BOX FOR EVALUATIE)*/
.box {
	padding-top: 15px;
}
.box .top .tc {
	height: 36px;
	background: url(../img/large-tc.gif) repeat-x ;
}
.box .top .tl {
	background: url(../img/large-tl.gif) no-repeat top left;
 	width: 5px;
	height: 30px;
}
.box .top .tr {
	background: url(../img/large-tr.gif) no-repeat top right;
	width: 5px;
	height: 30px;
}
.box .center {
	-float: left;
	margin-top: -6px;
	background-color: #fff;
	overflow: hidden;
}
.evaluatie .box .center .cc {
	background: url(../img/evaluatie-bg2.gif) repeat-y center left;
	width: 752px;
	float: left;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

.box .bottom .bc {
	background: transparent url(../img/large-bc.gif) repeat-x bottom left;
	font-size: 0;
	height: 5px;
}
.box .bottom .bl {
	background: url(../img/large-bl.gif) no-repeat bottom left;
	width: 5px;	
	height: 5px;
}
.box .bottom .br {
	background: url(../img/large-br.gif) no-repeat bottom right;
	width: 5px;
	height: 5px;
}

.box .top .heading {
	color: #fff;
	font-weight: bold;	
	font-size: 18px;
	padding-left: 10px;
}
/*.evaluatie .box .center .content {
	padding: 0px;
} */
.evaluatie .box-content .center .content {
	padding: 0px;
} 


/* BOX - PINK */

.zorg-en-welzijn .top .tc {
	background: url(../img/pink-tc.gif) repeat-x;
}
.zorg-en-welzijn .top .tl {
	background: url(../img/pink-tl.gif) no-repeat top left;
}
.zorg-en-welzijn .top .tr {
	background: url(../img/pink-tr.gif) no-repeat top right;
}
.zorg-en-welzijn .center .cl {
	background: url(../img/pink-cl.gif) repeat-y center left;
}
.zorg-en-welzijn .center .cr {
	background: url(../img/pink-cr.gif) repeat-y center right;
}
.zorg-en-welzijn .bottom .bc {
	background:  url(../img/pink-bc.gif) repeat-x bottom left;
}
.zorg-en-welzijn .bottom .bl {
	background: url(../img/pink-bl.gif) no-repeat bottom left;
}
.zorg-en-welzijn .bottom .br {
	background: url(../img/pink-br.gif) no-repeat bottom right;
}

/* BOX - BLUE */

.techniek .top .tc {
	background: url(../img/blue-tc.gif) repeat-x;
}
.techniek .top .tl {
	background: url(../img/blue-tl.gif) no-repeat top left;
}
.techniek .top .tr {
	background: url(../img/blue-tr.gif) no-repeat top right;
}
.techniek .center .cl {
	background: url(../img/blue-cl.gif) repeat-y center left;
}
.techniek .center .cr {
	background: url(../img/blue-cr.gif) repeat-y center right;
}
.techniek .bottom .bc {
	background:  url(../img/blue-bc.gif) repeat-x bottom left;
}
.techniek .bottom .bl {
	background: url(../img/blue-bl.gif) no-repeat bottom left;
}
.techniek .bottom .br {
	background: url(../img/blue-br.gif) no-repeat bottom right;
}

/* BOX - GREEN */

.groen .top .tc {
	background: url(../img/green-tc.gif) repeat-x;
}
.groen .top .tl {
	background: url(../img/green-tl.gif) no-repeat top left;
}
.groen .top .tr {
	background: url(../img/green-tr.gif) no-repeat top right;
}
.groen .center .cl {
	background: url(../img/green-cl.gif) repeat-y center left;
}
.groen .center .cr {
	background: url(../img/green-cr.gif) repeat-y center right;
}
.groen .bottom .bc {
	background:  url(../img/green-bc.gif) repeat-x bottom left;
}
.groen .bottom .bl {
	background: url(../img/green-bl.gif) no-repeat bottom left;
}
.groen .bottom .br {
	background: url(../img/green-br.gif) no-repeat bottom right;
}

/* BOX - BROWN */

.economie .top .tc {
	background: url(../img/brown-tc.gif) repeat-x;
}
.economie .top .tl {
	background: url(../img/brown-tl.gif) no-repeat top left;
}
.economie .top .tr {
	background: url(../img/brown-tr.gif) no-repeat top right;
}
.economie .center .cl {
	background: url(../img/brown-cl.gif) repeat-y center left;
}
.economie .center .cr {
	background: url(../img/brown-cr.gif) repeat-y center right;
}
.economie .bottom .bc {
	background:  url(../img/brown-bc.gif) repeat-x bottom left;
}
.economie .bottom .bl {
	background: url(../img/brown-bl.gif) no-repeat bottom left;
}
.economie .bottom .br {
	background: url(../img/brown-br.gif) no-repeat bottom right;
}

/* BOX - SMALL */

.small .top .tc {
	height: 15px;
	background: url(../img/small-tc.gif) repeat-x;
	padding-bottom: 4px;
}
.small .top .tl {
	height: 15px;
	background: url(../img/small-tl.gif) no-repeat top left;
}
.small .top .tr {
	height: 15px;
	background: url(../img/small-tr.gif) no-repeat top right;
}
.small .center {
	margin-top: -5px;
}
.small .center .cl {
	background: url(../img/small-cl.gif) repeat-y center left;
}
.small .center .cr {
	background: url(../img/small-cr.gif) repeat-y center right;
}
.small .bottom .bc {
	background: url(../img/small-bc.gif) repeat-x bottom left;
}
.small .bottom .bl {
	background: url(../img/small-bl.gif) no-repeat bottom left;
}
.small .bottom .br {
	background: url(../img/small-br.gif) no-repeat bottom right;
}

.small .small-title {
	padding-left: 8px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;	
}
.small .content {
	padding: 8px;
}