@font-face {
    font-family: 'CronosProBold';
    src: url('/fonts/cronospro-bold-webfont.eot');
    src: url('/fonts/cronospro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cronospro-bold-webfont.woff') format('woff'),
         url('/fonts/cronospro-bold-webfont.ttf') format('truetype'),
         url('/fonts/cronospro-bold-webfont.svg#CronosProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CronosProBoldCaption';
    src: url('/fonts/cronospro-boldcapt-webfont.eot');
    src: url('/fonts/cronospro-boldcapt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cronospro-boldcapt-webfont.woff') format('woff'),
         url('/fonts/cronospro-boldcapt-webfont.ttf') format('truetype'),
         url('/fonts/cronospro-boldcapt-webfont.svg#CronosProBoldCaption') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CronosProDisplay';
    src: url('/fonts/cronospro-disp-webfont.eot');
    src: url('/fonts/cronospro-disp-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cronospro-disp-webfont.woff') format('woff'),
         url('/fonts/cronospro-disp-webfont.ttf') format('truetype'),
         url('/fonts/cronospro-disp-webfont.svg#CronosProDisplay') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CronosProSemibold';
    src: url('/fonts/cronospro-semibold-webfont.eot');
    src: url('/fonts/cronospro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cronospro-semibold-webfont.woff') format('woff'),
         url('/fonts/cronospro-semibold-webfont.ttf') format('truetype'),
         url('/fonts/cronospro-semibold-webfont.svg#CronosProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CronosProSubhead';
    src: url('/fonts/cronospro-subh-webfont.eot');
    src: url('/fonts/cronospro-subh-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cronospro-subh-webfont.woff') format('woff'),
         url('/fonts/cronospro-subh-webfont.ttf') format('truetype'),
         url('/fonts/cronospro-subh-webfont.svg#CronosProSubhead') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArchitectsDaughterRegular';
    src: url('/fonts/ArchitectsDaughter-webfont.eot');
    src: url('/fonts/ArchitectsDaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ArchitectsDaughter-webfont.woff') format('woff'),
         url('/fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('/fonts/ArchitectsDaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* +---------------------------------------------------------------------+
// | STYLESHEET                                          				 |
// +---------------------------------------------------------------------+
// | Copyright © 2010, Mediavisie Concepts, Enschede                     |
// |                                                                     |
// | Alle rechten voorbehouden .                                         |
// | Niets uit deze uitgave mag worden gekopieerd, gepubliceerd en/of    |
// | verspreid in welke vorm dan ook, zonder voorafgaande toestemming    |
// | van de uitgever.                                                    |
// +--------------------------------------------------------------------*/

html, body {
	border: none;
	}

body {
	background:url('/img/backgrounds/achtergrond<br />
<b>Notice</b>:  Undefined index:  sector_css in <b>C:\Inetpub\vhosts\ontdekhoutsite.roc.nl\httpdocs\css\styles.inc.css</b> on line <b>17</b><br />
.jpg') repeat center top fixed;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #313234;
	overflow-y: scroll;
	}

a, a:hover {
	text-decoration: none;
	color: #000;
	cursor: pointer;
	outline: none;
	}

a:hover {
	text-decoration: underline;
	}

a.nolink, a:hover.nolink {
	text-decoration: none;
	color: #000000;
	}

img {
	border: none;
	}

form {
	margin: 0;
	padding: 0;
	}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	}

td {
	vertical-align: top;
	}

img.loader {
	margin: 2px 10px -1px 0;
	}

img.texticon {
	margin: 2px 5px -2px 0;
	}

p {
	margin: 0;
	padding: 0;
	}

.transparant {
	}


/* Headings */
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #0065B3;
	}

h1 {
	font-size: 14pt;
	line-height: 17pt;
	}

h2 {
	font-size: 12pt;
	line-height: 15pt;
	}

h3 {
	font-size: 10pt;
	line-height: 12pt;
	}

tr.spacer td {
	padding-top: 22px;
	}


/* Horizontal rule */
.hr {
	display: block;
	width: 606px;
	margin-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px #000;
	}

.hr hr {
	display: none;
	}


/* Formulieren */
input,
textarea,
select {
	vertical-align: middle;
	margin: 1px 0;
	padding: 2px 1px 2px 2px;
	border: solid 1px #999999;
	font: 8pt/9pt Verdana, Helvetica, sans-serif;
	color: #000000;
	outline: none;
	}

select {
	margin: 2px 0 0 0;
	padding: 1px 1px 1px 0;
	}

input.radio,
input.checkbox {
	margin: 2px 4px 4px 0;
	padding: 0;
	border: none;
	background: none;
	line-height: normal;
	}

textarea {
	line-height: 13pt;
	}

.button {
	margin: 0;
	line-height: 10pt;
	vertical-align: middle;
	height: 21px;
	padding: 0 5px 0 4px;
	border: solid 1px #cccccc;
	border-color: #cccccc #333333 #333333 #cccccc;
	background: #ebebeb;
	color: #000000;
	}
/*
input.button {
	width: auto;
	overflow: visible;
	}
*/
input.minibutton {
	height: 19px;
	}

/*
a.button,
a:hover.button {
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	color: #000000;
	}
*/
table.formtable td {
	padding: 2px 0;
	}

table.formtable tr.spacer td {
	padding-top: 22px;
	}

table.formtable td.label {
	padding: 3px 0 2px 0;
	}

table.formtable td label {
	vertical-align: middle;
	display: inline-block;
	text-align: right;
	}

table.formtable td.label label {
	vertical-align: top;
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	}

table.formtable td.submit {
	padding-top: 22px;
	}


/* Meldingen */
.required {/*
	display: none;
	font-weight: bold;
	*/
	}

.not_sent .required,
.no_error .required,
.error .required {
	display: inline;
	}

.error,
.PMS399 .blockcontent h3.error,
.error_big,
.not_sent .required {
	color: #ff0000;
	}

.oke,
.oke_big {
	color: #669900;
	}

.error_big,
.oke_big {
	display: block;
	padding: 5px 10px 5px 26px;
	border: 1px solid #669900;
	background: #f0f5e6 url(./../img/icons/oke.gif) 6px 5px no-repeat;
	font-weight: bold;
	}

.error_big {
	border-color: #cc0000;
	background: #fae6e6 url(./../img/icons/error.gif) 6px 6px no-repeat;
	color: #cc0000;
	}


/* Lijsten */
.lijst td {
	padding: 4px 5px;
	border: dotted #cccccc;
	border-width: 1px 0;
	}

.lijst td.icon {
	width: 16px;
	padding: 4px;
	}

.lijst td.kop {
	background: #ebebeb;
	font-weight: bold;
	}

.lijst td.kop a {
	padding-right: 12px;
	text-decoration: none;
	color: #000000;
	}


/* list-items */
ul,ol {
	margin: 0 0 0 18px;
	padding: 0;
	}
	
.fader {
	position: relative;
	z-index: 1;
}

.fader a {
	position: absolute;
	top: 0;
	left: 0;
}.jquerycssmenu						{ float: right; width: 600px; padding: 0px; word-spacing: 2px; }
.jquerycssmenu ul					{ padding:0px; margin:0px; list-style:none; height:42px; float: right; }

/*Top level list items*/
.jquerycssmenu ul li				{ position: relative; display: inline; float: left; z-index:999; margin-bottom:0px;  }

/*Top level menu link items style*/
.jquerycssmenu ul li a				{ font-family: CronosProBold; display: block; text-align:center; padding:15px 9px 11px 10px; color:#FFF; font-size:13px; }
.jquerycssmenu ul li a:hover		{ text-decoration:underline; }
	
/*1st sub level menu*/
.jquerycssmenu ul li ul				{ position: absolute; left: -3000px; display: block;   }

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li			{ display: list-item; float: none; padding-left:1px;  }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul		{ top: 0; z-index:994; }

/* Sub level menu links style */
.jquerycssmenu ul li ul li a		{ margin: 0; height:auto; border-bottom:#fff 1px dashed ; font-size:12px; background:#2d9aed url(../img/iFace/bg_sub_ul.jpg) bottom repeat-x; }

/*sub menus hover style*/
.jquerycssmenu ul li ul li a:hover	{ }

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass						{ position: absolute; top: 7px; right: 5px; }
.rightarrowclass					{ position: absolute; top: 5px; right: 5px; }
/* Interface */
#iFace {
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}



#bottom {
	clear:left;
	width: 1014px;
	height: 40px;
	margin: 0px auto;
	padding: 0px;
}

#bottom2 {
	clear:left;
	width: 1014px;
	height: 40px;
	margin: 0px auto;
	padding: 0px;
	background:url(../img/iFace/bg_body_bottom2.gif) center;
}

.button {
	background:#8dc63f;
	color:#fff;
	border:none;
	padding:3px 5px;
	white-space:nowrap;
}
input.button, input.button:hover {
	padding-top: 0;
}

.button:hover {
	cursor:pointer;
}

.button_magenta {
	background:#cf128c;
	color:#fff;
	border:none;
	padding:3px 5px;
}

.button_magenta:hover {
	cursor:pointer;
}

.datum {
	font-size:18px;
	color:#363636;
}

a.print {
	display:block;
	width:30px;
	height:26px;
	background:url(../img/iFace/print.gif) no-repeat;
	text-decoration:none;
	float:right;
}

.navigation {
	text-align:center;
}

.not_hidden_print {
	display:none;
}

/* Interface: Header */
#iFaceHeader {
	position: relative;
	width:960px;
	height:342px;
	padding:0px;
	margin:0px;
	z-index:1;
}

#iFaceHeader .home {
	float:left;
	width:200px;
	height:42px;
	margin: 0px;
	padding: 0px;
}

#iFaceHeader a {
	text-decoration:none;
}

#iFaceHeader .headeritems {
	position: absolute;
	top: 45px;
	left: 0;
	width:800px;
	height:140px;
	margin: 0px;
	padding: 0px;
}

#iFaceHeader .logo {
	position: absolute;
	top: 40px;
	left: 80px;
	display: block;
	width: 232px;
	height: 114px;
}

#iFaceHeader .attractor {
	position: absolute;
	top: 50px;
	left: 420px;
	width: 227px;
	height: 106px;
	background: url(/img/iFace/arrow_empty.png);
}

	#iFaceHeader .attractor div {
		position: absolute;
		bottom: 17px;
		width: 150px;
		left: 12px;
		color: #FFF;
		font-size: 14px;
	}
#iFaceHeader .banner {
	position: absolute;
	top: 177px;
	left: 0;
	background:#fff;
	width:950px;
	height:160px;
	border: 5px solid #000;
	border-bottom: 0;
}

#iFaceHeader .sectoren {
	position: relative;
	width: 338px;
	height: 246px;
	
	
	top: 0px;
	left: 619px;
	
	margin: 0;
	padding: 0;
	
	z-index:20;
}


/* Interface: Content */
#iFaceContent {
	float:left;
	margin:0px;
	text-align:left;
	border: 5px solid #000;
	background: url(/img/backgrounds/iFaceContent.png);
	position: relative;
}

#iFaceContent .left {
	float:left;
	background:#fff;
	width:645px;
	border-right: 5px solid #000;
}

#iFaceContent .left .breadcrumb {
	float:left;
	background:#fff;
	width:625px;
	padding-left:20px;
	height:15px;
	border-bottom:#000 5px solid;
	font-family: arial;
	font-size: 10px;
}

#iFaceContent .left .breadcrumb a {
	color: #D2252B;
	text-decoration: underline;
	font-family: arial;
	font-size: 10px;
}

#iFaceContent .inhoud {
	float:left;
	font-family:arial;
	font-size:12px;
	color:#000;
	margin: 20px 0 20px 20px;
	line-height:18px;
	padding-right: 20px;
}

#iFaceContent .left .inhoud h2,
#agendaPopup .inhoud h2 {
	font-family: CronosProBoldCaption;
	font-weight: bold;
	font-size:23px;
	color:#000;
	margin-bottom:15px;
}

#iFaceContent .left .inhoud h3,
#agendaPopup .inhoud h3 {
	font-family: CronosProSubhead;
	font-weight: bold;
	font-size:18px;
	color:#000;
	margin-top: 15px;
}

#iFaceContent .left .inhoud p {
	margin-bottom:20px;
}

#iFaceContent .right {
	float:left;
	width:300px;
	min-height:297px;
	font-family:Arial;
	font-size:11px;
	position: relative;
}

.right h1,
.right h2,
.right h3,
.right h4,
.right h5,
.right h6 {
	color: #000;
	font-family: CronosProSubhead;
	font-size: 18px;
}

#iFaceContent .right .woodenBoxWrapper {
	width:300px;
	height:300px;
	background: url(../img/iFace/woodenBox.gif) no-repeat left top;
}

#iFaceContent .right .woodenBoxWrapper .agenda {
	padding: 54px 40px;
}

#iFaceContent .right .agenda h1 {
	margin-left: 40px;
	font-family:CronosPro_Subh;
	color:#000;
	font-size:25px;
	letter-spacing:2px;
}

#iFaceContent .right .agenda ul {
	margin:8px 0 0 9px;
	padding:0px;
	list-style:none;
}

#iFaceContent .right .agenda ul li {
	margin-bottom:20px;
	font-weight:bold;
}

#iFaceContent .right .agenda .datum {
	color:#D1020E;
	font-family:Arial;
	font-size:11px;
}

#iFaceContent .videos {
	clear:left;
	float:left;
	width:950px;
	height:92px;
	border-top: 5px solid #000;
	background-color: #000;
}

	.videos img {
		width: 154px;
		height: 92px;	
	}


#viewer {
	float:left;
	height:92px;
	width:950px;
	overflow:hidden;
}

#viewer a {
	float:left;
	position:relative;
	display:block;
	margin:0px;
	margin-left:0px;
}

#viewer li {
	float:left;
	height:92px;
	list-style:none;
	margin:0;
	text-align:center;
	border-right: 5px solid black;
}

/* Intercae: Content - Specifiek voor Sectorpagina's */

.sector_timmerindustrie_introductie {
	color: #D1010E;
}

	.background_timmerindustrie {
		background-color: #D1010E;
	}

.sector_meubelindustrie_introductie {
	color: #8D0075;
}

	.background_meubelindustrie {
		background-color: #8D0075;
	}
	
.sector_houthandel_introductie {
	color: #005A9F;
}
	.background_houthandel {
		background-color: #005A9F;
	}

.sector_parketbranche_introductie {
	color: #7DB713;
}
	.background_parketbranche {
		background-color: #7DB713;
	}
	
.sector_meubelstofferen_introductie {
	color: #EEA119;
}
	.background_meubelstofferen {
		background-color: #EEA119;
	}
	

.sectorOpleidingbox {
	width: 566px;
	margin-bottom: 20px;
	padding: 20px;
	color: #FFF;
	background-color: #1B1C20;
	font-family: CronosProSubhead;
	font-size: 12px;
	color: #FFF;
}

.sectorOpleidingbox h4 {
	font-family: CronosProSubhead;
	font-size: 14px;
	color: #FFF;
}

/* Specifiek voor de agende sidebar */
.sb_agenda {
	margin-bottom: 20px;
}

.sb_agenda .items {
	position: relative;
	top: 15px;
	padding: 0 20px;
}

.sb_agenda h3 {
	color: #000;
	font-family: CronosProSubhead;
	font-size: 18px;
	padding-top: 15px;
}

.sb_agenda .datum {
	color: #DA2027;
	font-size: 11px;
}

.sb_agenda hr {
	border: 0;
	width: 270px;
	color: #000;
	background-color: #000;
	height: 1px;
}

.sb_agenda .lees_verder {
	position: relative;
}

.sb_agenda p {
	margin: 5px 0;
}

/* Specifiek voor klusclub */



.klusclub table ul {
	list-style-type: none;
}

.sb_klusclub {
	padding: 80px 46px 0 63px;
}

.sb_klusclub ul {
	list-style-type: none;
	margin-left: 0;
}

.sb_klusclub ul li {
	line-height: 20px;
}

.sb_klusclub ul li a {
	font-size: 12px;
	text-decoration: underline;
}

.sb_klusclub ul li a:hover {
	text-decoration: underline;
	color: #CE010D;
}


.sb_beroepen ul {
	list-style-type: none;
}
	.sb_beroepen ul li {
		margin: 10px 0;
	}



/* Specifiek voor de activiteiten detailpagina */
.activiteit .meta {
	font-family: CronosProSubhead;
	font-size: 14px;
	font-weight: bold;
}

/* Interface: Bottom */
#iFaceBottom {
	clear:left;
	float:left;
	width:960px;
	padding:0px;
	padding-bottom: 40px;
	margin:0px;
	position: relative;
}


#iFaceBottom .socialMediaHolder {
	position: absolute; 
	right: 0;
	width: 69px;
}

	#iFaceBottom .socialMediaHolder a {
		position: absolute;
		top: 15px;
	}

	#iFaceBottom .socialMediaHolder a.youtube {
		left: 50px;
	}
	
	#iFaceBottom .socialMediaHolder a.addthis_button_hyves {
		left: 25px;
	}
	
	#iFaceBottom .socialMediaHolder .addthis_button_facebook {
		position: absolute;
		top: 15px;
		border: none;
		overflow: hidden;
		width: 85px;
		height: 35px;
	}

#iFaceBottom ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:CronosPro_Subh;
	font-weight:bold;
	font-size:12px;
}

#iFaceBottom li {
	float:left;
}

#iFaceBottom li a {
	color:#fff;
	display:block;
	padding:11px 5px 14px 5px;
}

#iFaceBottom li a.klusclub {
	color:#fff;
	display:block;
	padding:11px 5px 14px 30px;
	width:73px;
	background:url(../img/iFace/bg_klusclub_bottom.png) no-repeat;
}

/* styles */
.red {
	color:#D1000C;
}

.button, .button:hover {
	background:url(../img/buttons/bg_button.gif) repeat-x;

	height:26px;
	display: inline-block;
	padding-left:10px;
	padding-right: 10px;
	padding-top:6px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

.button:hover {
	background:url(../img/buttons/bg_button_hover.gif) repeat-x;
}


.smallButton {
	background:url(../img/buttons/bg_button.gif) repeat-x;
	font-face: CronosProSubhead; 
	font-size: 11px;
	margin: 0;
	line-height: 10pt;
	vertical-align: middle;
	padding: 0 10px 1px 9px;
	color: #FFF;
}

.smallButton:hover {
	background:url(../img/buttons/bg_button_hover.gif) repeat-x;
	color: #FFF;
}



.handwriting {
	font-family: ArchitectsDaughterRegular;
}

.slideInner table tr td {
	width: 260px;
	margin: 0; padding:0;
}

#slidestripContainer #upControl {
	top: 130px;
	left: 0;
}

#slidestripContainer #downControl {
	top: 130px;
	right: 0;
}

.clear {
	clear: both;
}

.samenwerkingsverbandenWrapper {
	position: relative;
	width: 390px;
	height: 484px;
	
	margin: 0 auto;
}

	.samenwerkingsverbandenBackground {
		position: absolute;
		width: 390px;
		height: 484px;
		top: 0;
		left: 0;
	}
	
	.samenwerkingsverbandenWrapper .dot_red, 
	.samenwerkingsverbandenWrapper .dot_green, 
	.samenwerkingsverbandenWrapper .dot_purple, 
	.samenwerkingsverbandenWrapper .dot_blue {
		position: absolute;
		width: 16px;
		height: 16px;
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
		text-align: center;
	}
	
	.samenwerkingsverbandenWrapper .dot_red {
		background-image: url(/img/samenwerkingsverbanden/red.png);
	}
	
	.samenwerkingsverbandenWrapper .dot_green {
		background-image: url(/img/samenwerkingsverbanden/green.png);
	}
	
	.samenwerkingsverbandenWrapper .dot_purple {
		background-image: url(/img/samenwerkingsverbanden/purple.png);
	}
	
	.samenwerkingsverbandenWrapper .dot_blue {
		background-image: url(/img/samenwerkingsverbanden/blue.png);
	}
	
	
.samenwerkingsverbandinfo {
	position: relative;
	height: auto;
	width: 260px;
	display: none;
	padding-top: 15px;
}

.lerenindepraktijk_r_box {
	background: #F3D01A url('/img/samenwerkingsverbanden/back.png') top left repeat-x;
	color: #FFFFFF;
	margin: 5px;
	padding: 10px;
}

	.lerenindepraktijk_r_box ul li,
	.lerenindepraktijk_r_box ol li {
		color: #D42411;
		font-size: 15px;
		font-weight: bold;
	}
	
	.lerenindepraktijk_r_box ul li span,
	.lerenindepraktijk_r_box ol li span {
		font-size: 11px;
		color: #FFFFFF;
	}
		
.talentWrapper {
	position: relative; 
	height: 200px; 
	width: 645px;
}

	.talentBackground {
		position: absolute; 
		top: 20px; 
		left: 0; 
		height: 120px; 
		width: 645px; 
		z-index: 100;
	}
	
		.textWrapper {
			float: right; 
			position: relative;
			width: 260px; 
			z-index: 1000;
			margin-top: 20px;
			padding: 20px;
		}
		
			.textWrapper h3 {
				font-family: CronosProBoldCaption;
				font-weight: bold;
				font-size:21px;
				color: #FFF;
			}
			
			.textWrapper a {
				display: block;
				position: absolute;
				top: 90px;
			}
	
		.imageWrapper {
			position: relative;
			float: left;
			width: 340px;
			height: 200px;
			z-index: 1000;
		}
		
			.imageBorder {
				position: absolute; 
				width: 150px; 
				height: 140px; 
				background: url(/img/TalentenfilterAchtergrond.png) center center no-repeat; 
			}
			
				.image {
					position: absolute;
					top: 15px; 
					left: 22px;
					width: 110px; 
					height: 110px; 
				}
.competentieLinks a {
	font-family: CronosProBold;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}

.competentieLinks a.active {
	text-decoration: none;
	color: #D1010D;
	padding-left: 20px;
	background: url(/img/icons/red_arrow_down.png) left center no-repeat;
}/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/img/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

input, select, textarea {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1em;
}

select {
	padding-right: 2px;
}
/*
input.button {
	padding: 2px 10px;
}*/

.formtable td {
	padding: 4px 0px;
}

.formtable td.field {
	padding: 3px 0px;
}

.formtable td.label {
	padding-right: 10px;
	text-align: right;
}

.formtable td.label label,
.formtable td.multiple label {
	display: block;
}

.formtable td.twocols label {
	display: inline-block;
	width: 180px;
}


label .required {
	padding-left: 2px;
}


fieldset {
	margin-top: 20px;
	border: solid 1px #cccccc;
	padding: 7px;
}

fieldset legend {
	padding: 0px 10px;
	margin-left: 0;
	margin-left: 10px  !important;
	border: solid 1px #cccccc;
}

fieldset.empty {
	padding: 0;
	margin: 0;
	border: none;
}

fieldset.nostyle {
	border: none;
}

.error,
.required {
	color: #FF0000;
}

.noerror .required {
	color: #3B95CA;
}

.required {
	font-weight: bold;
}

.info-box, .success-box, .warning-box, .error-box, .validation-box {
	margin: 10px 0px;
	padding: 10px 10px 10px 40px;
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 8px 6px;
	/*
    font: bold 100% Helvetica, Arial, sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	*/
}

.info-box {
	color: #3D1942;
	/* background-color: #f5f5f5; /*background-color: #BDE5F8;*/
	/* background-image: url(../img/icons/info_big.png); */ 
	border-color: #cccccc;
}

.success-box {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url(../img/icons/success_big.png);
}

.warning-box {
	color: #9F6000;
	/* background-color: #FEEFB3; */
	background-image: url(../img/icons/warning_big.png);
}

.error-box {
	color: #D8000C;
	/* background-color: #FFBABA; */
	background-image: url(../img/icons/error_big.png);
}

.validation-box {
	color: #D63301;
	/* background-color: #FFCCBA; */
	background-image: url(../img/icons/validation_big.png);
}




/* +---------------------------------------------------------------------+
// | STYLE REWRITES FOR PRINT-MODE                                       |
// +--------------------------------------------------------------------*/
@media print {
	html,
	body,
	#iFace,
	#iFaceNonFooter,
	#iFaceContent,
	#iFaceContent .left,
	#iFaceContent .left .inhoud {
		margin: 0;
		padding: 0;
		width: auto;
		height: auto;
		border: none;
	}
	
	body {
		overflow: visible;
	}
	
	* {
		background: none;
		color: #000000;
	}
	
	.noprint,
	#iFaceHeader,
	#iFaceContent .breadcrumb,
	#iFaceContent .right,
	#iFaceBottom,
	.lijst td.icon,
	#iFace div.sectorlinks,
	#iFaceContent div.videoscroller {
		display: none;
	}
	
	.infofield {
		display: block;
	}
		
	.hidden_print	{	
		display: none; 
	}
	
	.not_hidden_print	{	
		display: block; 
	}

}