* {
	margin:0px;
	padding:0px;
	overflow-x:hidden; 
	}

body { 
	font:12px Arial;
	text-align:center;	
	background-color:#fff;
	overflow-x:hidden;
	}
	
body.mceContentBody {
    text-align :left;
}

body.mceEditorLocked {
    background-color : #e6e6e6;
}

#container {
	position:relative;
	margin:	0 auto;
	overflow:hidden;
	color:#3716FB;
	text-align:left;
	width:869px;
	}
	
/* ----- opmaak ----- */
h1 {
	font:24px Arial;
	font-weight:bold;
	color:#b1a7f3;
	margin-bottom:5px;
	}

h2 {
	font:12px Arial;
	font-weight:bold;
	color:#F95C16;
	margin-bottom:5px;
	}

h3 {
	font:12px Arial;
	color:#FF6622;
	margin-bottom:5px;
	}

h4 {
	font:11px Arial;
	color:#6757C2;
	font-weight:bold;
	}

p {
	font:12px Arial;
	color:#190d5b;
	}

table {
	font:12px Arial;
	color:#4D3EAC;
	}

a {
	color:#4D3EAC;
	cursor:pointer;
	}

a:hover {
	color:#4D3EAC;
	text-decoration:underline;
	cursor:pointer;
	}

.odd {
	}

.even {
	background-color:#EEE0F2;
	}
	
blockquote 
{
	clear:both;
	border-left:4px solid #89CDFB;
	color:#033C63;
	padding-left:10px;
	font-weight:normal;
	font-size:12px;
}

h6 {
	clear:both;
	border-left:4px solid #89CDFB;
	color:#033C63;
	padding-left:10px;
	font-weight:normal;
	font-size:12px;
	}	

ul {
	margin-left:15px;
	}
	
/* ----- header ----- */

#header {
	float:left;
	width:872px;
	height:105px;
	}

#logo {
	float:left;
	width:421px;
	height:77px;
	padding-top:15px;
	}

#uxnav {
	float:left;
	width:445px;
	text-align:right;
	padding-top:36px;
	margin-top:15px;
	color:#4D3EAC;
	}

#uxnav a {
	text-decoration:none;
	}
	
#guestnav {
	display:none;
	}

#ehulp {
	float:left;
	padding-top:12px;
	width:451px;
	height:26px;
	text-align:right;
	display:none;
	}

#uxlogin {
	float:left;
	width:445px;
	text-align:right;
	color:#B1A7F3;
	padding-top:4px;
	}

/* ----- content ----- */
#content {
	float:left;
	width:872px;
	}

.mijnkopie_big_top {
	width:872px;
	height:8px;
	background:url(../images/kopie_big_top.gif) no-repeat;
	}
	
.kopie_big {
	width:852px;
	background-color:#FAF2FF;
	background:url(../images/kopie_big.gif) repeat-y;
	padding-left:20px;
	padding-top:4px;
	}

.mijnkopie_big_bottom {
	width:872px;
	height:19px;
	background:url(../images/kopie_big_bottom.gif) no-repeat;
	margin-bottom:15px;
	}

.content_big_top {
	width:872px;
	height:8px;
	background:url(../images/content_big_top.gif) no-repeat;
	}
	
.project_big_top {
	width:857px;
	height:25px;
	background:url(../images/project_big_top.gif) no-repeat;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:4px;
	}

.project_big_top_portf {
	width:857px;
	height:25px;
	background:url(../images/project_big_top_portf.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	padding-left:14px;
	padding-top:4px;
	}

.content_big {
	width:852px;
	background-color:#FAF2FF;
	background:url(../images/content_big.gif) repeat-y;
	padding-left:20px;
	padding-top:4px;
	}

.content_big_portf {
	width:872px;
	background-color:#FAF2FF;
	background:url(../images/content_big_portf.gif) repeat-y;
	padding-top:4px;
	}

.content_big_bottom {
	width:872px;
	height:19px;
	background:url(../images/content_big_bottom.gif) no-repeat;
	margin-bottom:15px;
	}

.content_big_bottom_portf {
	width:872px;
	height:19px;
	background:url(../images/content_big_bottom_portf.gif) no-repeat;
	margin-bottom:20px;
	}

#profile_holder_left {
	float: left;	
	width: 550px;	
	margin-right: 8px;
	padding-bottom:30px;
	}

#profile_holder_right {	
	float: left;	
	width: 310px;
	}

/* ----- portf med ----- */

.project_med_top_portf {
	float:left;
	width:536px;
	height:25px;
	background:url(../images/project_med_top_portf.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	padding-left:14px;
	padding-top:4px;
	}

.content_med_portf {
	float:left;
	width:550px;
	background:url(../images/content_med_portf.gif) repeat-y;
	padding-top:4px;
	}

.content_med {
	float:left;
	width:520px;
	background-color:#FAF2FF;
	background:url(../images/content_med.gif) repeat-y;
	padding-left:30px;
	padding-top:4px;
	}

.content_med_bottom {
	float:left;
	width:550px;
	height:19px;
	background:url(../images/content_med_bottom_portf.gif) no-repeat;
	margin-bottom:15px;
	}

/* ----- Bedrijven klein ----- */

#content_bedr {
	padding-left:13px;		
	}

.bedr_top_portf {
	float:left;
	padding-left:14px;	
	padding-top: 4px;
	width:309px;
	height:29px;
	background:url(../images/bedr_klein_top.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	}

.content_bedr {
	float:left;
	width:309px;
	background-color:#FAF2FF;
	background:url(../images/content_bedr.gif) repeat-y;
	}

.content_bedr_bottom {
	float:left;
	width:309px;
	height:19px;
	background:url(../images/content_bedr_bottom.gif) no-repeat;
	padding-bottom:20px;
	}

/* ----- Matrix ----- */

.matrix_big_top {
	width:857px;
	height:29px;
	background:url(../images/matrix_big_top.gif) no-repeat;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:4px;
	}

.matrix_big {
	width:872px;
	background:url(../images/matrix_big.gif) repeat-y;
	}

.matrix_big_bottom {
	width:872px;
	height:19px;
	background:url(../images/matrix_big_bottom.gif) no-repeat;
	margin-bottom:15px;
	}

.steps_holder {
	width:839px;
	border-bottom:solid 1px #D4ABED;	
	}

.content_top {
	float:left;
	width:665px;
	height:34px;
	background:url(../images/content_top.gif) no-repeat;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:4px;
	}

.content_top_empty {
	float:left;
	width:679px;
	height:14px;
	background:url(../images/content_top_empty.gif) no-repeat;
	font-weight:bold;
	color:#fff;
	}

.content {
	float:left;
	width:651px;
	padding-left:28px;
	background:url(../images/content.gif) repeat-y;
	}

.content_bottom {
	float:left;
	width:679px;
	height:27px;
	background:url(../images/content_bottom.gif) no-repeat;
	margin-bottom:15px;
	}

.container_small {
	float:left;
	width:271px;
	}

.close_button_holder  {
	width:240px;
	padding-top:7px;
	}
	
.close_button img {
	float:right;
	border:none;	
	}
	
.filler {
	float:left;
	width:29px;
	height:50px;
	}

.content_small_top {
	width:257px;
	height:41px;
	background:url(../images/content_small_top.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	padding-left:14px;
	padding-top:4px;
	}

.content_small {
	width:271px;
	background:url(../images/content_small.gif) repeat-y;
	}

.content_small_bottom {
	width:271px;
	height:24px;
	background:url(../images/content_small_bottom.gif) no-repeat;
	margin-bottom:15px;
	}

/* ----- footer ----- */

#footer {
	height:60px;
	width:860px;
	clear:both;
	text-align:center;
	color:#000;
	font-size:10px;
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- login.aspx --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/


#loginDiv { /* ----- Deze div alignt loginscherm voor IE 8 + firefox!!  ----- */
	position:relative;
	margin:	0 auto;
	width:349px;
	}
	
#passwordDiv { /* ----- Deze div alignt loginscherm voor IE 8 + firefox!!  ----- */
	position:relative;
	margin:	0 auto;
	width:349px;
	}
	
.passWordtxt {
	padding-left:10px;
	
}

#loginForm{
	padding-top:50px;
	}
	
#message {
	width:295px;
	color:red;
	font-size:11px;
	}
	
#messagePass {
	width:295px;
	height:15px;
	padding-left:5px;
	color:#FF4E48;
	font-weight:bold;
	}

.coleage {
	float:left;
	cursor:pointer;
	}

#uxUsername {
	width:180px;
	color:#190D5B;
	}

#uxUsernameLogin {
	width:180px;
	color:#190D5B;
	border:solid 1px #804E9F;
	}

#uxPassword {
	width:180px;
	color:#190D5B;
	border:solid 1px #804E9F;
	}
	
#uxPasswordMessage {
	padding-top:10px;
	padding-bottom:5px;
	color:red;	
	width:290px;
	text-align:left;
	}

#login {
	margin: 40px auto;
	width: 336px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 11px;
	}
	
#login a {
	text-decoration:underline;
	}
	
.message_login {
	text-align:left;
	margin-top:10px;
	padding-left:10px;
	}
	
#password {
	display:none;
	margin: 140px auto;
	width: 336px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 11px;
	}
	
#password a {
	text-decoration:underline;
	}
	
#uxEmail {
	width:180px;
	color:#190D5B;
	border:solid 1px #804E9F;
	}

#voorwaarden {
	display:none;
	margin: 140px auto;
	width: 336px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 11px;
	}

.login_button {
	float:right;
	width:74px;
	height:25px;
	background-color:#F5EDFA;
	text-align:center;
	color:#6757C2;
	font-weight:bold;
	}

.container_login_small {
	float:left;
	width:336px;
	}

.filler {
	float:left;
	width:29px;
	height:50px;
	}

.content_login_small_top {
	width:336px;
	height:41px;
	background:url(../images/content_login_small_top.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	text-align:left;
	padding:4px 0 0 10px;
	}
	
.content_login_small_top2 {
	width:336px;
	height:41px;
	background:url(../images/content_login_small_top2.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	text-align:left;
	padding:4px 0 0 10px;
	}
	
.content_login_small_top3 {
	width:326px;
	height:38px;
	background:url(../images/content_login_small_top2.gif) no-repeat;
	font-weight:bold;
	color:#6657C2;
	text-align:left;
	padding-left:10px;
	padding-top:3px;
	}


.content_login_small {
	width:336px;
	background:url(../images/content_login_small.gif) repeat-y;
	}

.content_login_small_bottom {
	width:336px;
	height:24px;
	background:url(../images/content_login_small_bottom.gif) no-repeat;
	margin-bottom:15px;
	}
	
#uxsendform {
	text-align:left;
	width:300px;
	color:red;	
	min-height:0px;	
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- Default.aspx --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/


#searchfield {
	float:left;
	}

#uxsearchfield {
	width:728px;
	height:29px;
	border:1px solid #804E9F;
	font-size:22px;
	padding-left:5px;
	padding-top:2px;
	color:#342784;
	}

#searchfiller {
	float:left;
	width:686px;
	height:10px;
	}

#extended_search {
	float:right;
	width:150px;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
	}

/* ----- tagcloud ----- */
#uxtagcloud {
	width:813px;
	height:80px;
	text-align:center;
	}

a.size1 {
	font-size:28px;
	color:#FF4E00;
	text-decoration:none;
	margin-right:15px;
	}

a:hover.size1 {
	font-size:28px;
	color:#FF4E00;
	text-decoration:underline;
	margin-right:15px;
	}

a.size2 {
	font-size:25px;
	color:#679B01;
	text-decoration:none;
	margin-right:15px;
	}

a:hover.size2 {
	font-size:25px;
	color:#679B01;
	text-decoration:underline;
	margin-right:15px;
	}

a.size3 {
	font-size:22px;
	color:#8072D2;
	text-decoration:none;
	margin-right:15px;
	}

a:hover.size3 {
	font-size:22px;
	color:#8072D2;
	text-decoration:underline;
	margin-right:15px;
	}

a.size4 {
	font-size:19px;
	color:#679b01;
	text-decoration:none;
	margin-right:15px;
	}

a:hover.size4 {
	font-size:19px;
	color:#679b01;
	text-decoration:underline;
	margin-right:15px;
	}

a.size5 {
	font-size:16px;
	color:#679B01;
	text-decoration:none;
	margin-right:5px;
	}

a:hover.size5 {
	font-size:16px;
	color:#679B01;
	text-decoration:underline;
	margin-right:5px;
	}

/* ----- projecten ----- */
#uxprojects {
	padding-left:14px;
	}

.development  {
	padding:3px;
	vertical-align:top;	
	}
	
.tdwidth {
	width:166px;
	}
.tdwidth_name {
	width:270px;
	}
	
.tdwidth_s{
	width:106px;
	}

/* |||||||||||||||||-- Matrix --|||||||||||||||||*/
#matrix_top {
	background-image:url(../images/matrixtop.gif);
	width:841px;
	height:50px;
	}

#matrix_bottom {
	background-image:url(../images/matrixbottom.gif);
	width:841px;
	height:32px;
	}

/* -- Projectnaam -- */
#uxProjectname {
}

/* -- Nog geen projecten -- */
#uxnewproject {
	float:left;
	height:25px;
	width:771px;
	background-image:url(../images/btn_newproject.gif);
	/*display:none;*/
	}

.Projectname {
	float:left;
	height:25px;
	border-right:1px solid #D4ACED;
	padding-left:1px;
	padding-right:1px;
	width:64px;
	font-size:10px;
	}
	
.Projectname a {
	text-decoration:none;
	}

/* -- werken aan project -- */
.matrix {
	float:left;
	height:25px;
	border-right:1px solid #D4ACED;
	padding-left:1px;
	padding-right:1px;
	/*display:none;*/
	}

.uxMatrix0 	{
	width:20px;
	}

.uxMatrix1 {
	width:93px;
	}

.uxMatrix2 {
	width:112px;
	}

.uxMatrix3 {
	width:66px;
	}

.uxMatrix4 {
	width:109px;
	}

.uxMatrix5 {
	width:66px;
	}

.uxMatrix6 {
	width:134px;
	}

.uxMatrix7 {
	width:128px;
	}

.uxMatrix8 {
	width:61px;
	}

.uxMatrix9 {
	width:80px;
	}

.uxMatrix10 	{
	width:17px;
	background-image:url(../images/ico_delete_s.gif); 
    background-repeat:no-repeat;
	}

.done {
	background-position:center;
	background-image:url(../images/matrixcheck.gif); 
	background-repeat:no-repeat;
	background-color:#699C03;
	}

.pending {
	background-color:#FF7D43;
	}

.checkstep1 {
	background-position:center;
	background-image:url(../images/matrix_indien01.gif); 
	background-repeat:no-repeat;
	background-color:#fff;
	}

.checkstep2 {
	background-position:center;
	background-image:url(../images/matrix_indien02.gif); 
	background-repeat:no-repeat;
	background-color:#fff;
	}

.checkstep3 {
	background-position:center;
	background-image:url(../images/matrix_indien03.gif); 
	background-repeat:no-repeat;
	background-color:#fff;
	}

.step1finished {
	background-position:center;
	background-image:url(../images/matrix_indien01_goed.gif); 
	background-repeat:no-repeat;
	background-color:#699c03;
	}

.step2finished {
	background-position:center;
	background-image:url(../images/matrix_indien02_goed.gif); 
	background-repeat:no-repeat;
	background-color:#fff;
	}

.checkproject {
	background-position:center;
	background-image:url(../images/matrix_projingediend.gif); 
	background-repeat:no-repeat;
	background-color:#fff;
	}

.checkervaring {
	background-position:center;
	background-image:url(../images/matrix_ervariningediend.gif); 
	background-repeat:no-repeat;
	background-color:#fff;
	}


/* ----- matrix ET ----- */
.step_locked_et {
	background-color:#fa9c73;
	background-image:url(../images/matrixlock.gif); 
	background-position:center;
	background-repeat:no-repeat;
	}

/* ----- mijn portfolio ----- */


.back_icon {
	margin-bottom:25px;
	cursor:pointer;
	}
	
#uxprojects {
	padding-left:14px;
	}
	
.tdwidth_portf  {
	width:315px;
	}
	
.tdwidth_portfname {
	width:315px;	
	}
	
.tdwidth_portf_big  {
	width:367px;
	}
	
.tableFields td {

	}

.development_portf {
	vertical-align:middle;
	padding-left:10px;
	}
	
.development_homeportf {
	width:196px;
	padding-left:2px;
	vertical-align:middle;
	}
	
.development_init {
	width:100px;
	}

.development_aut2{
	width:98px;
	padding-left:2px;
	}

.development_aut3 {
	width:98px;
	padding-left:2px;
	}

.development_bezoeker{
	width:98px;
	padding-left:2px;
	}

.development_delete {
	width:60px;
	vertical-align:middle;
	}
	
.development_delete img {
	cursor:pointer;
	padding-left:20px;
	}
	
.development_date {
	width:218px;	
	padding-left:2px;
	}
		
.delete {
	vertical-align:middle;
	cursor:pointer;	
	}
	
.copy {
	vertical-align:middle;
	cursor:pointer;	
	padding-right:5px;
	}	
	
.odd_portf {
	height:20px;
	}
	
.even_portf {
	background-color:#EEE0F2;
	height:20px;
	}
	
.icons {
	width:230px;
	cursor:pointer;	
	}
	
.icons img {
	padding:4px;
	}
	
#mijnprofiel_01 {
	float:left;
	width:261px;
	}

#mijnprofiel_02 {
	float:left;
	width:261px;
	padding-left:10px;
	padding-right:10px;
	}

#mijnprofiel_03 {
	float:left;
	width:264px;	
	padding-left:10px;
	}
	
#mijninformatie_01 {
	float:left;
	width:261px;
	}

#mijninformatie_02 {
	float:left;
	width:261px;
	padding-left:10px;
	padding-right:10px;
	}

#mijninformatie_03 {
	float:left;
	width:264px;	
	padding-left:10px;
	}
	
	
#persoonlijk_left {
	float:left;
	width:220px;	
	}

#persoonlijk_right {
	float:left;
	width:95px;
	text-align:center;
	}
	
.profile_contentp {
	padding:4px 4px 4px 4px;
	background-color: #EEE0F2;
	}
	
.profile_contentp a {
	text-decoration:underline;
	}
	
.delete_icon {
	padding-left:10px;	
	}

.profile_noedit {
	border-top-style: none;	
	border-right-style: none;	
	border-left-style: none;	
	background-color: #EEE0F2;
	border-bottom-style: none;
	} 
	
input {
	font: 13px arial;	
	color:#000;
	}
	
textarea {
	font: 13px arial;	
	color:#000;
	}
	
	
 /*--- pop -up --- */
 #bedrijfscontact_popup  {
	position:absolute;
	top:50px;
	left:32%;
	width:681px;
	z-index:30;
	text-align:left;
	padding:10px;
	display:none;
	}
	
#bedrijfscontact_actie {
	position:absolute;
	top:650px;
	left:32%;
	width:681px;
	z-index:30;
	text-align:left;
	padding:10px;
	display:none;
	}
 
 .save {
	float:right;
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	margin-right:9px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}
	
 .toevoegen2 {
 	float:left;
	height:20px;
	width:85px;
	cursor:pointer;
	background-color:#6657C2;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}
	

 .genereren {
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}
	
 .annuleren {
	float:left;
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	margin-right:9px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	margin-right:40px;
	}
	
 .cancel {
	float:right;
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	margin-right:9px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	margin-right:40px;
	}
	
 .toekennen {
	float:left;
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	margin-right:9px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}
	
 .verwijderen {
	float:left;
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	margin-right:9px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
	}
	
 .nieuw {
	float:right;
	height:20px;
	width:80px;
	cursor:pointer;
	background-color:#6657C2;
	text-align:center;
	color:#fff;
	margin-right:10px;
	line-height:20px;
	font-weight:bold;
	}
	
.nieuw a {
	color:#fff;
	text-decoration:none;
	}
	
#changeData {
	position:absolute;
	top:50px;
	left:30%;
	width:681px;
	z-index:30;
	text-align:left;
	padding:10px;
	display:none;
	}
	
#trainingOverview {
	position:absolute;
	top:150px;
	left:32%;
	width:448px;
	z-index:30;
	text-align:left;
	padding:10px;
	display:none;
	}
	
#remainingTraining {
	position:absolute;
	top:150px;
	left:34%;
	width:448px;
	z-index:30;
	text-align:left;
	padding:10px;
	display:none;
	}

.popupData_top {
	float:left;
	height:46px;
	width:458px;
	background-image:url(../images/changedata_top.gif);
	background-repeat:no-repeat;
	color:#fff;
	padding-left:22px;
	padding-top:3px;
	font-weight:bold;
	}

.popupData_bottom {
	float:left;
	height:30px;
	width:458px;
	background-image:url(../images/changedata_bottom.gif);
	}
	
.popupData_content {
	float:left;
	width:448px;
	background-image:url(../images/changedata_content.gif);
	padding-left:10px;
	}

.popupData_top_big {
	float:left;
	height:46px;
	width:578px;
	background-image:url(../images/changedata_top_big.gif);
	background-repeat:no-repeat;
	color:#fff;
	padding-left:22px;
	padding-top:3px;
	font-weight:bold;
	}

.popupData_bottom_big {
	float:left;
	height:30px;
	width:588px;
	background-image:url(../images/changedata_bottom_big.gif);
	}
	
.popupData_content_big {
	float:left;
	width:578px;
	background-image:url(../images/changedata_content_big.gif);
	padding-left:10px;
	z-index:2;
	}	

/* ----- disclaimer  ----- */
#uxdisc_holder {
	position:absolute;
	width:500px;
	border:solid 1px #dbdbdb;
	left: 190px;	
	top: 100px;
	padding:20px;
	background-color:#fff;
	z-index:400;
	}

#backgroundFader_disc {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
	width:1000px;
	height:100%;
	background-color:#fff;
	z-index: 10;
	}	


#uxdisc_holder2 {
	z-index: 200;
	position: absolute;	
	left: 32%;	
	width: 538px;	
	top: 100px;
	display:none;
	}

#backgroundFader_disc2 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
	width:1000px;
	height:100%;
	background-color:#bbb;
	filter:alpha(opacity=80); 
    -moz-opacity: 0.80; 
    opacity: 0.80;
	z-index: 10;
	display:none;
	}	

#message_top_disc2 {
	background:url(../images/message_top_disc.gif) no-repeat;	
	width: 538px;	
	height:12px;
	}
	
#uxmessage_disc2 {
	width: 502px;	
	z-index:120;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;	
	}
	
#message_bottom_disc2 {
	background:url(../images/message_bottom_disc.gif) no-repeat;	
	width: 538px;	
	height:12px;	
	}
	
#filmpje {
	position:absolute;
	width:500px;
	border:solid 1px #dbdbdb;
	left: 190px;	
	top: 100px;
	padding:20px;
	background-color:#fff;
	display:none;
	z-index:400;
	}
	
#filmpje img {
	margin-bottom:20px;
	}
	
#introhuugh {
	float:left;
	}
	
#filmtekst {
	width:470px;
	text-align:right;
	padding:10px;
	}
		
/* 
------------------------------------------------------------------------
|||||||||||||||||||||||-- werkplaats algemeen --||||||||||||||||||||||||
------------------------------------------------------------------------
*/

img.content_button {
	vertical-align: middle;
	}

.cloudTag img {
	padding-top:1px;
	vertical-align:top;	
	}

#left {
	float:left;
	width:144px;
	padding-left:6px;
	padding-top:6px;
	padding-bottom:3px;
	margin-right:25px;
	}
		
#left a {
	text-decoration:none;
	}
	
.showCursor {
	cursor:pointer;
	text-decoration:underline;
	}

#menunav_top {
	background:url(../images/menunav_top.gif) no-repeat;
	width:138px;
	height:20px;
	margin-bottom:-1px;
	}

#menunav {
	background:url(../images/menunav.gif) repeat-y;
	width:137px;
	padding:13px 0 10px 1px;
	}
	
#project_title {
	display:block;	
	}

#project_title_kopie {
	display:none;
	}


#right {
	float:left;
	width:682px;
	margin-bottom:20px;
	padding-bottom:10px;
}

/* 
------------------------------------------------------------------------
||||||||||||||||||||||||||-- idee checken --||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/
#uxidea {
	display:none;
	}
	
#uxideaform {
	width:609px;
	}	

#uxideaform tr {
	}
	
.uxidea_strong {
	font-weight:bold;
	}	
	
#uxmessage_holder {
	position: absolute;	
	left: 40%;	
	top: 200px;	
	width: 344px;		
	z-index: 200;	
	display:none;
	}
	
#uxmessage_top {
	background:url(../images/message_top.gif) no-repeat;	
	width: 344px;	
	height:12px;
	}

#uxmessage {
	width: 308px;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;	
	}
	
#Projectmessages1_uxmessage_contents {
	width: 308px;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;
	color:#FF0000;	
	}
	
#Projectmessages1_uxmessage_contents p {
	color:#FF0000;	
	padding-bottom:8px;
	font-size:14px;
	}	
	
#ctl00_uxmessage_placeHolder {
	display:none;	
	}
	
#ctl00_uxmessage_contents p {
	color:#FF0000;	
	padding-bottom:8px;
	font-size:14px;
	}	
	
#ctl00_uxmessage_contents {
	width: 308px;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;
	color:#FF0000;	
	}
		
#uxmessage_bottom {
	background:url(../images/message_bottom.gif) no-repeat;	
	width: 344px;	
	height:12px;	
	}

.uxmessage_holder {
	position: absolute;	
	left: 250px;	
	top: 200px;	
	width: 344px;		
	z-index: 200;	
	display:none;
	}
	
.uxmessage_top {
	background:url(../images/message_top.gif) no-repeat;	
	width: 344px;	
	height:12px;
	}

.uxmessage {
	width: 308px;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;	
	}

.uxmessage_bottom {
	background:url(../images/message_bottom.gif) no-repeat;	
	width: 344px;	
	height:12px;	
	}
	
.checkideafield_disable {
	width:380px;
	border:1px solid #804E9F;
	margin-bottom:15px;
	font-family:Arial;
	background-color:#d4d0c8;
	}
	
.checkideafield {
	width:380px;
	border:1px solid #804E9F;
	margin-bottom:15px;
	font-family:Arial;
	color:#190D5B;
	}

.checkideafield_opm {
	width:380px;
	height:50px;
	border:1px solid #804E9F;
	margin-bottom:15px;
	font-family:Arial;
	color:#190D5B;
	}

.checkideafield_eopzet {
	width:380px;
	border:1px solid #804E9F;
	margin-bottom:15px;
	font-family:Arial;
	vertical-align:top;
	color:#808080; 
	background-color:#fff; 
	}

.checkideafield_auteur {
	width:329px;
	border:1px solid #804E9F;
	margin-bottom:15px;
	font-family:Arial;
	vertical-align:top;
	color:#808080; 
	background-color:#fff; 
	}

.checkideafield_beoordeling {
	position:absolute;
	top:266px;
	left:230px;
	border:1px solid #804E9F;
	font-family:Arial;
	color:#000; 
	background-color:#fff; 
	}
	
.checkideafield_beoordeling_i {
	position:absolute;
	top:266px;
	left:380px;
	}
	
.checkideafield_beoordeling2 {
	position:absolute;
	top:429px;
	left:230px;
	border:1px solid #804E9F;
	font-family:Arial;
	color:#000; 
	background-color:#fff; 
	}

.beoor_field1 {
	position:absolute;
	top:377px;	
	left:230px;
	background-color:#fff;
	width:246px;
	}
	
.beoor_field1_i {
	position:absolute;
	top:356px;
	left:310px;
	}	
	
.beoor_field2_i {
	position:absolute;
	top:430px;
	left:380px;
	}			
	
.beoor_field2 {
	position:absolute;
	top:402px;
	left:230px;	
	width:246px;
	background-color:#fff;
	}	

.idee_title {
	font-size:24px;
	padding-bottom:5px;
	color:#baafff;
	}
	
#preload_img {
	margin-top:20px;
	margin-left:145px;
	border:solid 1px #cac6cd;		
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||-- werkplaats beroep en opleiding --||||||||||||||||||
------------------------------------------------------------------------
*/

.beroep_table td  {
	vertical-align:top;	
	}

.beroep_table td textarea {
	vertical-align:top;	
	color:#ADADAD;
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- organisatie --||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/
#uxScheduleContainer {
	float:left;	
	background-color:#D8EFFE;
	}

.table_org_rooster {
	width:611px;
	height:18px;
	text-align:left;
	background-color:#D8EFFE;
	border:solid 1px #A3A3A3;
	}
	
.table_org_rooster textarea {
	font-family:Arial;
	color:#190D5B;
	}

.table_org_rooster tr td {
	padding-left:5px;
	padding-right:10px;
	}

.table_org_rooster_h1 { 
	font-weight:bold;
	color:#000;
	font-size:13px;
	}
	
.table_org_textarea {
	width:200px;
	height:50px;
	font-family:Arial;
	color:#190D5B;
	}

#A2 {
	background-color:#D8EFFE;
	}

#A2 img {	
	padding:10px;
	}
	
.table_org_rooster_h1 textarea {
	width:60px;	
	}

/* 
------------------------------------------------------------------------
||||||||||||||||||||-- beoordeling en evaluatie --||||||||||||||||||||||
------------------------------------------------------------------------
*/

#dropdownlist1_ondr {
	position:absolute;
	background-color:#fff;
	height:200px;
	top:402px;
	left:231px;
	z-index:100;
	border-right:solid 2px #804E9F;
	border-bottom:solid 2px #804E9F;
	border-left:solid 1px #804E9F;
	overflow-x:hidden;
	overflow-y:scroll;
	display:none;
	}

#dropdownlist1_ontw {
	position:absolute;
	background-color:#fff;
	height:200px;
	top:378px;
	left:231px;
	z-index:100;
	border-right:solid 2px #804E9F;
	border-bottom:solid 2px #804E9F;
	border-left:solid 1px #804E9F;
	overflow-x:hidden;
	overflow-y:scroll;
	display:none;
	}

#dropdownlist2_ondr {
	position:absolute;
	background-color:#fff;
	height:200px;
	top:378px;
	left:231px;
	z-index:100;
	border-right:solid 2px #804E9F;
	border-bottom:solid 2px #804E9F;
	border-left:solid 1px #804E9F;
	overflow-x:hidden;
	overflow-y:scroll;
	display:none;
	}
		
#dropdownlist2_ontw {
	position:absolute;
	background-color:#fff;
	height:200px;
	top:402px;
	left:231px;
	z-index:100;
	border-right:solid 2px #804E9F;
	border-bottom:solid 2px #804E9F;
	border-left:solid 1px #804E9F;
	overflow-x:hidden;
	overflow-y:scroll;
	display:none;
	}
	
/* 
------------------------------------------------------------------------
||||||||||||||||||||-- knoppen voor extra pagina --|||||||||||||||||||||
------------------------------------------------------------------------
*/

.locSubItem {
	margin-top:15px;
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||||||-- eerste en laatste stap --||||||||||||||||||||||
------------------------------------------------------------------------
*/

.firststep {
	background:url(../images/firststep.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;		
	}
	
.firststep_locked {
	background:url(../images/firststep_locked.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;		
	}
	
.firststep_busy {
	background:url(../images/firststep_busy.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;	
	}	
	
.firststep_active {
	background:url(../images/firststep_busy.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;	
	}
	
.firststep_done {
	background:url(../images/firststep_done.gif) no-repeat;
	width:94px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}
	
.firststep_active_busy {
	background:url(../images/firststep_busy_active.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}
	
.firststep_active_done {
	background:url(../images/firststep_done_active.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}		
	
.firststep_active a {
	color:#fff;
	}
	
.firststep_busy a {
	color:#fff;
	}

.firststep_done a {
	color:#fff;
	}
	
.firststep_busy_active a {
	color:#fff;
	}
	
/* laatste stap */	
.laststep {
	background:url(../images/laststep.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;	
	}
	
.laststep_locked {
	background:url(../images/laststep_locked.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;	
	}
	
.laststep_busy {
	background:url(../images/laststep_busy.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;		
	}

.laststep_active {
	background:url(../images/laststep_active.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;		
	}

.laststep_done {
	background:url(../images/laststep_done.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;	
	}		
	
.laststep_active_busy {
	background:url(../images/laststep_busy_active.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}

.laststep_active_done {
	background:url(../images/laststep_busy_active.gif) no-repeat;
	width:91px;
	height:49px;
	padding-top:14px;
	padding-left:24px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}
	
.laststep_done a {
	color:#fff;
	}
	
.laststep_busy a {
	color:#fff;
	}
	
.laststep_active_busy a {
	color:#fff;
	}
	
.laststep_active_done a {
	color:#fff;
	}

	
/* ----- tussenstappen ------ */

.step {
	background:url(../images/step.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;	
	padding-top:15px;
	}
	
.step_locked {
	background:url(../images/step_locked.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;	
	color:#fff;
	padding-top:15px;
	}
	
.step_busy {
	background:url(../images/step_busy.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;	
	color:#fff;
	padding-top:15px;
	}
	
.step_active {
	background:url(../images/step_active.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;	
	padding-top:15px;
	}
	
.step_done {
	background:url(../images/step_done.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-top:15px;
	}	
	
.step_active_busy {
	background:url(../images/step_busy_active.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-top:15px;
	}
	
.step_active_done {
	background:url(../images/step_done_active.gif) no-repeat;
	width:140px;
	height:63px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-top:15px;
}
	
.step a {
	display:block;
	width:69px!important; 
	margin:auto;
}

.step_locked a{
	display:block;
	width:69px!important; 
	margin:auto;
	color:#fff;
	}
		
.step_busy a{
	display:block;
	width:69px!important; 
	margin:auto;
	color:#fff;
	}
	
.step_active  a {
	display:block;
	width:69px!important; 
	margin:auto;
	}
	
.step_done a{
	display:block;
	width:69px!important; 
	margin:auto;
	color:#fff;
	}
	
.step_active_busy a{
	display:block;
	width:68px!important; 
	margin:auto;
	color:#fff;
	}
	
.step_active_done a {
	display:block;
	width:69px!important; 
	margin:auto;
	color:#fff;
	}
	
	
#pagelocked {
 display: none;  
    z-index:1001; 
    position: absolute;  
   top: 0%;  
   left: 0%;  
  width: 100%;  
   height: 100%;  
   background-color: white;  
    opacity:.00;  
    filter: alpha(opacity=00);  
}
	
	
	
/*subItems */
.subs {
	}	

.subItem {
	padding-left:32px;
	margin-bottom:10px;
	background:url(../images/ico_pagina.gif) no-repeat;
	text-decoration:underline;
	}

.subItem a {

	}

.subItem_active {
	padding-left:32px;
	margin-bottom:10px;
	background:url(../images/ico_pagina_active.gif) no-repeat;
	text-decoration:underline;
	}

/* indienen knoppen in het menu */
.indienen {
	width:136px;
	height:14px;
	padding-bottom:10px;
	background-image:url(../images/indienen_break.gif);
	background-repeat:no-repeat;
	}

.btn_indienen {
	width:136px;
	height:24px;
	background-image:url(../images/btn_indienen.gif);
	background-repeat:no-repeat;
	background-position:top center;
	cursor:pointer;
	}

.btn_indienen_unactive {
	width:136px;
	height:24px;
	background-image:url(../images/btn_indienen_unactive.gif);
	background-repeat:no-repeat;
	background-position:top center;
	}

.btn_indienen_done {
	width:136px;
	height:24px;
	background-image:url(../images/btn_indienen_done.gif);
	background-repeat:no-repeat;
	background-position:top center;
	}

#toLibrary {
	float:left;
	width:136px;
	height:86px;
	padding-bottom:20px;
	background-image:url(../images/btn_tolibrary.gif);
	background-repeat:no-repeat;
	}

/* menu items */		
#menunav_top2 {
	background:url(../images/menunav_top2.gif) repeat-y;
	width:137px;
	padding:15px 0 10px 1px;
	}
	
#menunav_top3 {	
	background:url(../images/menunav_top3.gif);
	width:137px;
	height:18px;
	}
	
#menunav_bottom1 {
	background:url(../images/menunav_bottom1.gif);
	width:137px;
	height:18px;
	padding:0 0 0 1px;
	}	
	
#menunav_bottom2 {
	background:url(../images/menunav_top2.gif) repeat-y;
	width:137px;
	padding:0 0 0 1px;
	}

#menunav_bottom3 {
	background:url(../images/menunav_bottom.gif) no-repeat;
	width:138px;
	height:14px;
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- search.aspx --||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#uxpersons {
	width:170px;	
	}

#stroke_hori {
	margin-top:10px;
	width:810px;
	height:3px;
	background:url(/images/ico_stroke.gif);	

	}
	
#stroke_verti {
	float:left;
	margin-top:10px;
	padding-right:20px;
	width:3px;
	height:450px;
	background:url(/images/ico_stroke_verti.gif);	
	background-repeat:repeat-y;
	}

#searchbutton {
	width:200px;
	padding-top:20px;
	}

#uxextendedsearch {
	float:left;
	width:480px;
	display:none;
	}
	
#uxextendedsearch_left {
	float:left;
	width:240px;
	}

#uxextendedsearch_right {
	float:left;
	width:240px;
	}
	
#uxextendedsearch2 {
	float:left;
	width:340px;
	display:none;
	}

.checkprojectfield {
	width:285px;
	border:1px solid #804E9F;
	font-family:Arial;
	color:#190D5B;
	}

.kopiediv {
	padding-top:10px;
	padding-bottom:15px;
	}
	
#uxmessage {
	width: 308px;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;	
	}
	
#preloader {
	width: 308px;	
	padding:15px 15px 15px 15px;
	border-left: #fff 3px solid;	
	border-right: #fff 3px solid;	
	background-color:#f3e8f9;	
	}

#uxmessage_bottom {
	background:url(../images/message_bottom.gif) no-repeat;	
	width: 344px;	
	height:12px;	
	}

.extendedcat_top {
	float:left;
	width:215px;
	height:30px;
	margin-top:20px;
	margin-right:40px;
	padding-left:22px;
	background:url(../images/extendedcattop.gif) bottom left no-repeat;
	}

.extendedcat {
	float:left;
	width:196px;
	padding-left:19px;
	margin-right:40px;
	background-color:#f4ecf6;
	color:#4D3EAC;
	}

.extendedcat_bottom {
	float:left;
	width:215px;
	height:14px;
	margin-right:40px;
	background-image:url(../images/extendedcatbottom.gif);
	}
	
.extendedsearchcat_top {
	float:left;
	width:215px;
	height:30px;
	margin-top:20px;
	margin-right:40px;
	padding-left:22px;
	background:url(../images/extendedsearchcattop.gif) bottom left no-repeat;
	}
	
.extendedsearchcat_top h2 {
	color:#6657c2;
	}

.extendedsearchcat {
	float:left;
	width:196px;
	padding-left:19px;
	margin-right:40px;
	background-color:#e8d0ee;
	color:#4D3EAC;
	}
	
.extendedsearchcat_bottom {
	float:left;
	width:215px;
	height:14px;
	margin-right:40px;
	background-image:url(../images/extendedsearchcatbottom.gif);
	}

.searchresult {
	width:560px;
	padding-left:10px;
	padding-top:3px;
	border-left:solid 1px #B9B1E9;
	border-right:solid 1px #B9B1E9;
	background-color:#fff;
	}

.search_t {
	float:left;
	width:99%;
	font-size:18px;
	color:#4D3EAC;
	}

.search_titel {
	float:left;
	padding-right:15px;
	font-size:20px;
	}

.search_titel a {
	text-decoration:underline;
	color:#699C03;
	}

.search_titel img {
	margin-right:1px;
	}

.search_ico {
	float:right;
	width:550px;
	padding-top:15px;
	}

.search_ico img {
	vertical-align:top;
	cursor:pointer;
	padding-left:4px;
	}

.bieb_ico {
	float:right;
	cursor:pointer;
	padding-right:6px;
	}
	
.ll_ico img {

	}
	
.projectmaker {
	float:right;
	padding-right:15px; 
	color:#8b80d8;
	}
	
.dcnt_ico {
	width:37px;
	}

.search_rank {
	float:left;
	width:100px;
	}	

.search_s {
	float:left;
	width:520px;
	font-size:12px;
	color:#190D5B;
	padding-top:5px;
	padding-bottom:5px;
	}

.search_l {
	float:left;
	width:520px;
	color:#190D5B;
	}

.search_l a, .search_l a:hover {
	color:#699c03;
	}

.search_icons img {
	margin-right:3px;
	}

#uxMainResult {
	border:1px solid #f0f;
	}

#searchresult_top {
	background-image:url(../images/search_top_bg.gif);
	background-repeat:no-repeat;
	height:11px;
	width:572px;
	}

#searchresult_bottom {
	float:left;
	background-image:url(../images/search_bottom_bg.gif);
	background-repeat:no-repeat;
	height:11px;
	width:572px;
	padding-bottom:10px;
	}

/* vinden */

.findtitle {
	color:#F95C15;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	height:30px;
	border-right:1px solid #C3BCE6;
	border-bottom:1px solid #C3BCE6;
	}

.findodd {
	height:40px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #C3BCE6;
	}

.findeven {
	height:40px;
	padding-left:10px;
	padding-right:10px;
	background-color:#F3E8F9;
	border-right:1px solid #C3BCE6;
	}

/* 
------------------------------------------------------------------------
||||||||||||||||||||||||||-- profielpagina --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

.profile_fields {
	width:272px;
	border:1px solid #804E9F;
	}

.profile_header {
	padding:4px 4px 4px 4px;
	color: #002a8f;	
	background-color: #C8C3EA;
	}
	
#changeupper a {
	color:#4C3CAF;	
	}

#uxProfile p {
	margin-bottom:10px;
	}

#profile_left {
	float:left;
	width:400px;
	}

#profile_right{
	float:left;
	width:311px;
	padding-left:50px;
	}

.profile_bottom_holder {
	margin-bottom:20px;
	}

.profile_bottom_holder_left {
	float:left;
	width:427px;
	margin-right:18px;
	}

.profile_bottom_holder_right {
	float:left;
	width:427px;
	}

.profile_top {
	width:427px;
	height:27px;
	background:url(../images/profile_top.gif) no-repeat;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:4px;
	}

.profile_content {
	width:427px;
	background:url(../images/profile_content.gif) repeat-y;
	padding-left:10px;
	}

.profile_bottom {
	width:427px;
	height:27px;
	background:url(../images/profile_bottom.gif) no-repeat;
	margin-bottom:15px;
	}

#pasportImage {
	position:absolute;
	top:176px;
	left:496px; 
	cursor:pointer; 		
	}

.pasportData {
	position:absolute;
	top:176px;
	left:586px;
	width:166px;
	line-height:21px;
	color:#3716FB;
	}
	
.share_tab {
	float:left;
	padding-top:20px;
	font-size:11px;
	}

.toevoegen {	
	height:25px;
	width:150px;
	cursor:pointer;
	background-color:#6657C2;
	margin-right:9px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-weight:bold;
}

#colleagues_holder {
	float:left;
	width:900px;
	}
	
#metadatering_profiel {
	position:absolute;
	text-align:left;
	left:35%;
	top:50px;
	width:503px;
	padding-top:10px;
	padding-left:20px;
	background-image:url(../images/meta_datering_profiel.jpg);	
	background-repeat:no-repeat;	
	z-index:900;
	display:none;
	}
	
#metadatering_profiel a {
	float:left;
	padding-top:240px;
	padding-left:20px;	
	}

#certificaat .coloms {
	width:95px;
	text-align:center;
	background-color:#f3e7fa;
	font-weight:bold;
	}

#certificaat01 .coloms {
	width:95px;
	text-align:center;
	background-color:#f3e7fa;
	font-weight:bold;
	}
	
#certificaat02 .coloms {
	width:95px;
	text-align:center;
	background-color:#f3e7fa;
	font-weight:bold;
	}
	
#certificaat03 .coloms {
	width:95px;
	text-align:center;
	background-color:#f3e7fa;
	font-weight:bold;
	}
	
#certificaat04 .coloms {
	width:95px;
	text-align:center;
	background-color:#f3e7fa;
	font-weight:bold;
	}

#certificaat05 .coloms {
	width:95px;
	text-align:center;
	background-color:#f3e7fa;
	font-weight:bold;
	}	

#uxMetaTitle {
	color:#686767;	
	}	

#uxMetaCustomer {
	color:#686767;	
	}
	
#uxMetaProduct {
	color:#686767;	
	}
	
#uxMetaCase {
	color:#686767;	
	}
	
#uxMetaProffesion {
	color:#686767;	
	}	


/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- helppanel --||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

.icon_info {
	margin-left:5px;	
	cursor:hand;
	}
	
.icon_info_menu {
	float:right;
	padding-right:7px;	
	cursor:hand;
	}
	
.icon_info_matrix {
	position:absolute;
	padding-top:6px;
	left:620px;	
	}

#helppanel {
	position:absolute;
	right:0px;
	z-index:900;	
	display:none;
	}

#btn_openhelp {
	position:fixed;
	top:328px;
	right:0px;
	height:47px;
	width:22px;
	background-image:url(../images/btn_openhelp.png);
	z-index:900;	
	cursor:pointer;
	}

#btn_closehelp {
	position:absolute;
	top:328px;
	right:1px;
	height:47px;
	width:22px;
	background-image:url(../images/btn_closehelp.gif);
	z-index:30;
	cursor:pointer;
	}

.btn_closetop {
	float:right;
	margin-right:20px;	
	text-decoration:none;
	}
	
#btn_opentop {
	float:right;
	margin-right:20px;	
	text-decoration:none;
	display:none;
	}	

#helptop {
	float:left;
	width:420px;
	height:278px;
	padding-left:25px;
	padding-top:10px;
	margin-top:5px;
	background-image:url(../images/help.png);
	text-align:center;
	}

#helpbottom {
	float:left;
	width:445px;
	min-height:90px;
	padding-top:15px;
	background-image:url(../images/help_info.png);
	}

#helpbottom_bg {
	float:left;
	width:445px;
	height:21px;
	background-image:url(../images/help_infobottom.png);
	background-position:3px bottom;
	background-repeat:no-repeat;
	}

#helpbottom_content {
	text-align:left;
	margin-left:40px;
	margin-right:40px;
	}

.caption {
	display:block;
	width:330px;
	padding:5px 15px 5px 15px;
	background-color:#F5EDFA;
	margin-bottom:5px;
	text-decoration:none;
	}

.caption:hover {
	text-decoration:none;
	}
		
.captionopen {
	display:block;
	width:330px;
	padding:10px 15px 10px 15px;
	background-color:#eee0f2;
	margin-bottom:5px;
	}

.caption:hover {
	background-color:#eee0f2;
	}

a.btn_elearning {
	display:block;
	float:right;
	padding:4px 7px 4px 7px;
	background-color:#4d3eac;
	color:#fff;	
	margin:0 5px 4px 0;
	text-decoration:none;
	}

a.btn_elearning:hover {
	text-decoration:underline;
	color:#fff;	
	}	

#helpbottom_content .title {
	font-size:12px;
	font-weight:bold;
	color:#f95c16;
	line-height:14px;
	}
	
/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||||-- Vrienden --|||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#colleagues {
    position:fixed;
	bottom:0px;
    width:864px;
	height:20px;
	background-color:#F1EDEC;
	border:1px solid #C8C8C8;
	border-bottom:0px;
	}

#colleaguesleft {
	float:left;
	width:502px;
	height:20px;
	border-right:1px solid #BFBFBF;
	}

#colleaguesright {
	float:left;
	width:154px;
	height:17px;
	border-left:1px solid #fff;
	text-align:center;
	padding-top:3px;
	color:#8D77FF;
	font-weight:bold;
	cursor:pointer;
	}
	
#colleaguesright2 {
	float:left;
	width:204px;
	height:17px;
	border-left:1px solid #fff;
	border-right:1px solid #BFBFBF;
	text-align:center;
	padding-top:1px;
	color:#8D77FF;
	font-weight:bold;
	cursor:pointer;
	}
	
#colleagues_extend {
	display:none;
	position:fixed;
	left:60%;
	bottom:20px;
	right:400px;
    width:254px;
	height:282px;
	background-color:#F1EDEC;
	border:1px solid #C8C8C8;
	border-bottom:0px;
	}
	
#extend_top {
	float:left;
	width:252px;
	height:25px;
	padding-left:8px;
	padding-top:5px;
	background-color:#4d3caf;
	color:#fff;
	}
	
#extend_scroll {
	float:left;
	width:252px;
	height:250px;
	overflow-y:scroll;
}	
	
#extend_txt1 {
	float:left;
	width:215px;
	}

#extend_txt2 a {
	float:left;
	width:25px;
	color:#fff;
	}

.coleage {
	float:left;
	display:block;
	width:254px;
	padding:8px;
	background-image:url(../images/colleages.gif);
	background-repeat:no-repeat;
	background-position:214px 10px;
	background-color:#fff;
	cursor:pointer;
	color:#4d3caf;
	margin-bottom:2px;
	}
	
.coleage_occupied {
	float:left;
	display:block;
	width:234px;
	padding:8px;
	background-image:url(../images/colleagesoccupied.gif);
	background-repeat:no-repeat;
	background-position:224px 10px;
	background-color:#fff;
	cursor:pointer;
	color:#4d3caf;
	margin-bottom:2px;
	}

.pasportHoover {
	position:absolute;
	top:37px;
	left:100px;
	}

/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||||-- rating --|||||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
	background: url(../images/star.gif) left -1000px repeat-x;
 }
 
.star-rating {
	position:relative;
	width:65px;
	height:13px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li {
	display: inline;
}

.star-rating a, 
.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:13px;
	line-height:13px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width:20%;
	z-index:6;
}

.star-rating a.two-stars {
	width:40%;
	z-index:5;
}

.star-rating a.three-stars {
	width:60%;
	z-index:4;
}

.star-rating a.four-stars {
	width:80%;
	z-index:3;
}

.star-rating a.five-stars {
	width:100%;
	z-index:2;
}

.star-rating .current-rating {
	z-index:1;
	background-position: left center;
}


/* 
------------------------------------------------------------------------
||||||||||||||||||||||||-- expertisecentrum --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#backgroundFader_et {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
	width:1000px;
	height:100%;
	background-color:#bbb;
	filter:alpha(opacity=55); 
    -moz-opacity: 0.55; 
    opacity: 0.55;
	display:none;	
	}	
	
#btn_save1 {
	text-align:right;	
	}
	
#btn_save1 img {
	cursor:pointer;
	}
	
.close_button {
	padding-left:130px;
	cursor:pointer;
	}

#eerste_opzet {
	position:absolute;
	top:10px;
	left:200px;
	padding:10px;
	border:solid 2px #fff;	
	background-color:#F3E8F9;
	z-index:200;
	display:none;	
	}

#uxideaform_et {	
	width:440px;
	}	

#project_opzet {
	position:absolute;
	top:100px;
	left:200px;
	padding:10px;
	border:solid 2px #fff;	
	background-color:#F3E8F9;
	z-index:200;
	display:none;	
	}
	
#uxprojectform_et {	
	width:440px;
	}

#project_biblio {
	position:absolute;
	top:100px;
	left:200px;
	padding:10px;
	border:solid 2px #fff;	
	background-color:#F3E8F9;
	z-index:200;
	display:none;	
	}
	
#uxbiblioform_et {	
	width:440px;
	}
	
/* 
------------------------------------------------------------------------
||||||||||||||||||||||||||-- usermanager --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#user_left {
	float:left;
	width:400px;
}

#user_right{
	float:left;
	width:400px;
}

	
/* 
------------------------------------------------------------------------
||||||||||||||||||||||||-- dummyproof divs --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/


/* dimmen homepage */
.backgroundFader_top {
	position:absolute;
	top:164px;
	left:0px;
	z-index:20;	
	height:230px;
	width:870px;
	background-color:#bbb;
	filter:alpha(opacity=0); 
    -moz-opacity: 0; 
    opacity: 0;
    cursor:default;
	}

.backgroundFader_bottom {
	position:absolute;
	bottom:20px;
	left:0px;
	z-index:20;	
	height:440px;
	width:870px;
	background-color:#bbb;
	filter:alpha(opacity=0); 
    -moz-opacity: 0; 
    opacity: 0;
    cursor:default;
	}
	
.backgroundFader_bottom a {
	float:left;
    cursor:hand;
	}		
	
.backgroundFader_idee {
	position:absolute;
	top:260px;
	left:175px;
	z-index:20;	
	height:110px;
	width:450px;
	background-color:#bbb;
	filter:alpha(opacity=0); 
    -moz-opacity: 0; 
    opacity: 0;
    cursor:default;
    }
	
	
.backgroundFader_profiel {
	position:absolute;
	top:84px;
	left:175px;
	z-index:20;	
	height:967px;
	width:691px;
	background-color:#bbb;
	filter:alpha(opacity=0); 
    -moz-opacity: 0; 
    opacity: 0;
    cursor:default;
    border:1px solid #f0f;
	}
	
.backgroundFader_beoordeling {
	position:absolute;
	top:84px;
	left:175px;
	z-index:20;	
	height:967px;
	width:691px;
	background-color:#bbb;
	filter:alpha(opacity=0); 
    -moz-opacity: 0; 
    opacity: 0;
    cursor:default;
    border:1px solid #f0f;
	}
	
#backgroundFader {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;	
	width:1000px;
	height:100%;
	background-color:#bbb;
	filter:alpha(opacity=80); 
    -moz-opacity: 0.80; 
    opacity: 0.80;
	display:none;
	}
	
#backgroundFader_search {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
	width:1000px;
	height:100%;
	background-color:#bbb;
	filter:alpha(opacity=80); 
    -moz-opacity: 0.80; 
    opacity: 0.80;
	display:none;
	}	
	
#backgroundFader_me {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;	
	width:1000px;
	height:100%;
	background-color:#bbb;
	filter:alpha(opacity=80); 
    -moz-opacity: 0.80; 
    opacity: 0.80;
	display:none;
	}	
	

	
/* 
------------------------------------------------------------------------
||||||||||||||||||||||||-- mijnBerichten --|||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#uxmsgnew {
	padding-top:35px;	
	}
	
#uxreply {
	padding-top:30px;	
	}
	
#uxmsgread {
	padding-top:31px;	
	}
	
#uxmsgpostin a {
	text-decoration:underline;	
	}
	
#uxmsgpostin a:hover {
	text-decoration:none;	
	}
	
.profile_header_read {
	background-color:#F6EEF8;	
	height:23px;
	padding-left:10px;
	}
	
.profile_contentp_read {
	padding:10px;
	}
	
#uxsendbutton {
	cursor:pointer;	
	}
	
.verzenden_knop {
	cursor:pointer;	
	}
	
#uxremessage{
	color:#190D5B;	
	}

#del_icon {
	cursor:pointer;	
	}
	
/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- winkeltje --||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#winkeltje_iframe {
	width:817px;
	height:548px;
	background-color:#fcf7ff;
	}
	
#trainingen_iframe {
	width:817px;
	height:548px;
	background-color:#fcf7ff;
	}
	
	
/* 
------------------------------------------------------------------------
|||||||||||||||||||||||||||-- nieuws --||||||||||||||||||||||||||||
------------------------------------------------------------------------
*/

#newsLeft {
	float:left;
	width:546px;
	color:#4d3eac;
	}
	
#newsLeft p {
	padding:5px;
	color:#644fff;
	}
	
#newsRight {
	float:left;
	width:274px;
	}
	
#newsRight h3 {
	font-weight:bold;
	}
	
#newsFaq {
	float:left;
	padding-top:20px;
	width:820px;	
	}
	
.news_subtitles {
	color:#4d3eac;
	font-weight:bold;
	margin-bottom:10px;
	}
	
.newsTableTitle {
	font-weight:bold;	
	margin-bottom:8px;
	color:#4d3eac;
	}
	
.newsTableContent {
	color:#644fff;
	padding-left:5px;	
	}
	
.newsTableStroke {
	height:22px;	
	background-image:url(../images/newsTableStroke.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
	
.newsPurpleBg {
	background-color:#eee0f2;
	background-image:url(../images/news_top5bg.gif);
	background-repeat:no-repeat;
	height:130px;
	width:266px;	
	margin-bottom:15px;
	}
	
.newsPurpleBg p {
	padding:0 0 3px 8px;
	color:#644fff;
}