/*force firefox to always show a vertical scrollbar*/
html
	{
	overflow: -scrollbars-vertical;
	}
body
	{
	background-image:url(../images/verloop_01.jpg);
	background-repeat:repeat-x;
	background-color:#0076a3;
	font-family:Helvetica;
	font-style:normal;
	font-weight:lighter;
	font-size:small;
	text-align:center;
	color:#0076a3;
	}
	
	
/*navigatie*/
#nav .navigatie li
	{
	display:inline;
	position:relative;
	float:left;
	color:#993399;
	border:none;
	}
#nav .navigatie li a
	{
	font-weight:100;
	text-decoration:none;
	color:#007FAD;
	}
	
#autoheight
	{
	clear:both;
	}	
/*tabblad 1 jobconnector / youmotion aktief*/
.navigatie li a.tab1aktief
	{
	position:relative;
	background-image:url(../images/tab1aktief_07.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:118px;
	display:block;
	border:none;
	}
.navigatie li a.tab2sl
	{
	position:relative;
	background-image:url(../images/tabhome_04.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:122px;
	display:block;
	border:none;
	}	
.navigatie li a.tab3gew
	{
	position:relative;
	background-image:url(../images/tabhome_05.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:142px;
	display:block;
	border:none;
	}	
/*einde tabblad 1 jobconnector aktief*/

/*tabblad 2 jobconnector/ youmotion aktief*/
.navigatie li a.tab1sr
	{
	position:relative;
	background-image:url(../images/images/navigatie_05.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:118px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab2aktief
	{
	position:relative;
	background-image:url(../images/images/navigatie_06.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:122px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab3sl
	{
	position:relative;
	background-image:url(../images/images/navigatie_07.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:142px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab4gew
	{
	position:relative;
	background-image:url(../images/images/navigatie_08.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:123px;
	display:block;
	border:none;
	}	
/* sluit tabblad 2 jobconnector / youmotion aktief*/
/* tabblad 3 jobconnector / youmotion aktief*/
.navigatie li a.tab1gew
	{
	position:relative;
	background-image:url(../images/tab1gew_03.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:118px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab2sr
	{
	position:relative;
	background-image:url(../images/tab3actief_04.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:122px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab3aktief
	{
	position:relative;
	background-image:url(../images/tab3actief_05.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:142px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab4sl
	{
	position:relative;
	background-image:url(../images/tab3actief_06.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:123px;
	display:block;
	border:none;
	}	
/* sluit tabblad 3 jobconnector / youmotion aktief*/
/* tabblad 4 jobconnector / youmotion aktief*/
.navigatie li a.tab2gew
	{
	position:relative;
	background-image:url(../images/tabhome_04.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:122px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab3sr
	{
	position:relative;
	background-image:url(../images/tab4actief_05.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:142px;
	display:block;
	border-top:none;
	}
.navigatie li a.tab4aktief
	{
	position:relative;
	background-image:url(../images/tab4actief_06.jpg);
	background-repeat:no-repeat;
	height:59px;
	width:123px;
	display:block;
	border:none;
	}	
/* sluit tabblad 4 jobconnector / youmotion aktief*/
#nav
	{
	position:relative;
	display:inline-block;
	margin:0 auto;
	height:105px;
	width:750px;
	}
/*einde navigatie*/

/*logoheader*/
#logo
	{
	position:relative;
	float:left;
	background-image:url(../images/logo_03.jpg);
	background-repeat:no-repeat;
	height:108px;
	width:245px;
	}
/*einde logoheader*/

/*bovenbalk met subnavigatie*/
#pad
	{
	position:relative;
	float:left;
	width:505px;
	height:36px;
	color:#FFFFFF;
	text-align:left;
	border:none;
	display:inline-block;
	padding-top:10px;
	}
#pad ul 
	{
	display:inline-block; 
	list-style-image:none; 
	list-style-type:none; 
	font-size:11px;
	word-spacing:2px;
	position:relative;
	}
#pad ul li
	{
	display:inline;
	}
#pad ul li a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
/*einde bovenbalk met subnavigatie*/

/*contentvak, wrapper ed*/
#wrapper
	{
	position:relative;
	top:31px;
	margin:0 auto;
	width:100%;
	height:auto;
	}
#contentcontainer
	{
	position:relative;
	background-color:#FFFFFF;
	margin:0 auto;
	width:750px;
	height:auto;
	}
#content	
	{
	position:relative;
	margin:0 auto;
	background-color:#FFFFFF;
	width:750px;
	max-width:750px;
	min-height:500px;
	height:auto;
	}
#kruimelpad
	{
	position:relative;
	margin:0 auto;
	top:20px;
	background-image:url(../images/kruimelpad_03.jpg);
	background-repeat:no-repeat;
	width:710px;
	height:28px;
	text-align:left;
	padding-left:14px;
	padding-top:6px;
	font-size:10px;
	color:#0079A6;
	}
#kruimelpad a
	{
	color:#0079A6;
	}
#content h1
	{
	text-align:left;
	color:#0076A3;
	font-size:16px;
	padding-top:20px;
		}
#content p table
	{
	font-size:11px;

	}
#content p
	{
	position:relative;
	text-align:left;
	color:#0076A3;
	font-size:11px !important;
	font-weight:normal !important;
	font-family:Helvetica !important;
	font-style:normal !important;
	
	}
#content a
	{
	color:#0076A3;
	}

#contenttekst
	{
	width:330px;
	text-align:left;
	padding-left:20px;
	font-family:Helvetica !important;
	font-style:normal !important;
	font-weight:lighter !important;
	font-size:small !important;
	padding-right:20px;
	}	
	
#contenttekst li 
{
	text-align:left;
	color:#0076A3;
	font-size:11px;
	font-weight:normal;
}
		
#contenttekst ul
{
	font-size:11px;
	font-family:Helvetica;
}


#contenttekst1
	{
	min-height:700px;
	width:330px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	}
#afbeelding/*rechterkant contentvak met afbeelding*/
	{
	position:relative;
	float:right;
	min-height:386px;
	width:368px;
	top:-14px;
	right:25px;
	}
#video/*rechterkant contentvak met video*/
	{
	position:relative;
	float:right;
	min-height:386px;
	top:20px;
	width:368px;
	right:15px;
	}
#ondertekst/*tekst met schaduw onder afbeelding*/
	{
	width:361px;
	height:117px;
	float:right;
	}
#ondertekstvideo p/*tekst onder video en solliciteren link*/
	{
	text-align:center;
	font-size:11px;
	}
/*einde contentvak*/

/*footer bestanden inclusief kruimelpad footer*/
#footer
	{
	position:relative;
	margin:0 auto;
	background-image:url(../images/footer_10.jpg);	
	background-repeat:no-repeat;
	background-color:#ffffff;
	height:28px;
	width:710px;
	text-align:center;
	}
#kruimelfoot
	{
	display:inline-block;
	height:28px;
	width:380px;
	position:relative;
	float:left;
	padding-left:13px;
	top:3px;
	text-align:left;
	}
#kruimelfoot a
	{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	}
#icoon
	{
	display:inline-block;
	height:28px;
	width:140px;
	float:right;
	right:5px;
	top:3px;
	position:relative;
	border:none;
	margin:0 auto;
	}
#icoon img
	{
	display:inline;
	float:right;
	border:none;
	}
/*einde footer bestanden inclusief kruimelpad footer*/

/*ronde onderkant scherm*/

#onderkant
	{
	background-image:url(../images/images/navigatie_11.jpg);
	background-repeat:no-repeat;
	float:left;
	width:750px;
	height:30px;
	}

/*einde ronde onderkant scherm*/

/*banners organisatie*/
#bannerorg
	{
	position:relative;
	text-align:left;
	max-width:180px;
	heigth:auto;
	}
/*banners organisatie*/

.fieldset 
	{
	border:0;
	padding:0 0 2em 0;
	text-align:center;
	float:left;
	width:320px;
	display:inline;
}


form 
	{
	width:320px;
	background:#fff center center no-repeat;
	border:none;
	float:left;
}

button 
	{
	margin:1.5em 0 1em 15.5em;
	background-color:#fff;
	color:#0076a3;
	padding:2px 3px;
	border:1px outset #0076a3;
	float:left;
}

input, select 
	{
	float:left;
	margin:2px 0 2px 0;
	background-color:#fff;
	color:#0076a3;
	padding:1px;
	font-family:Helvetica;
	font-size:11px;
	border: 1px solid #0076a3;
	}
	
.noborder
{
	border:none;
	color:#009999;
}

input:focus, select:focus 
	{
	background-color:#CCCCCC;
	border: thin solid #0076a3;
	}

legend 
	{
	color:#0076a3;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	}

label 
	{
	margin:3px;
	width:15em;
	float:left;
	text-align:right;
	clear:left;
	cursor: pointer; 	
	display:inline; 
	color:#0076a3;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	}

fieldset.check label {
	clear:none;
	text-align:left;
	}
/* beheerpagina html/css */

#beheertekst
	{
	margin:0 auto;
	width:700px;
	text-align:left;
	background-color:#FFF;
	}
#beheertekst1
	{
	min-height:850px;
	margin:0 auto;
	width:700px;
	text-align:left;
	background-color:#FFF;
	}	
	
#content_list_header
	{
	width: 680px;
	height: 28px;
	background-color: #fff;
	margin: 0;
	}

#content_list_header_title
	{
	float: left;
	width: 120px;
	height: 22px;
	background-image:url(../images/images/lijsttab_03.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
	}

#content_list_header_link
	{
	float: right;
	width: 164px;
	height: 28px;
	background-image: url(../images/btn_list_link_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	}

#content_list_header_link a
	{
	display: block;
	width: 164px;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 0px;
	text-decoration: none;
	color: #003e8f;
	}
	
#content_list_results
	{
	background-color: #fff;
	background-image: url(../images/list_header_bg.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px solid #e5ebf3;
	width:680px;
	margin:0 auto;
	}

#content_list_results table
	{
	width: 680px;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 90%;
	}

#content_list_results table #table_header
	{
	font-weight: bold;
	text-align:left;
	}

#table_header a
	{
	padding-right: 8px;
	/*background-image: url(../images/btn_sort_bg.gif);*/
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-decoration: none;
	color: #003e8e;
	}
	
#content_list_results table #table_row_even
	{
	background-color: #e5f1f6;
	text-align:left;
	}
#content_list_results table #table_row_even td input, radio
	{
	background-color:#e5f1f6;
	}	

#content_list_results table #table_row_uneven
	{
	background-color: #FFF;
	text-align:left;
	}

#content_list_results table tr
	{
	/*cursor: pointer; */
	}

#content_list_results table tr td
	{
	padding-top: 3px;
	padding-left: 12px;
	padding-bottom: 3px;
	}

#content_list_results table tr td a
	{
	text-decoration: none;
	color: #003e8e;
	}
#content_list_footer
	{
	background-color: #fff;
	background-image: url(../images/list_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding-bottom: 44px;
	padding-top:15px;
	}

#content_list_footer_btn
	{
	width: 182px;
	height: 30px;
	background-image:url(../images/button_03.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 24px;
	margin-right: 24px;
	list-style: none;
	}

#content_list_footer_btn a
	{
	display: block;
	width: 182px;
	height: 30px;
	padding-top: 6px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}

.btn_left
	{
	float: left;
	}

.btn_right
	{
	float: right;
	}
.checkbox_row_uneven
	{
	border:none;
	background-color:#e5f1f6;
	}
.checkbox_row_even
	{
	border:none;
	background-color:#FFFFFF;
	}
.menu_right ul li
	{
	list-style-image:none; 
	list-style-type:none;
	list-style:none;
	font-family:helvetica;
	font-size:11px;
	padding-top:5px;
	}
.menu_right
	{
	width:240px;
	height:104px;
	background-image:url(../images/images/menu_right_03.jpg);
	background-repeat:no-repeat;
	}
#input_field input
	{
	border: 1px solid #ced9e9;
	width: 182px;
	height: 15px;
	font-size: 8pt;
	color: #003e8f;
	}
#input_field2 input
	{
	border: 1px solid #ced9e9;
	width: 300px;
	height: 20px;
	font-size: 8pt;
	color: #003e8f;
	}
.input_label
	{
	width:50px;
	}
/*einde beheerpagina html/css*/
/*inlogscherm*/
.inlog
	{
	/*border:1px solid #ced9e9;*/
	}


/*einde inlogscherm*/


/* added by remco */

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 1px 0;
	padding: 1px;
	background-color: #FFFFFF;
	color : #FF3300;
	text-align:right;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.requireddata{
	margin-top:25px;
	border: 3px solid #FF3300;
	color : #FF3300;
}

#table_header1 a
{	
	padding-right: 8px;
	background-position: 100% 5px;
	text-decoration: none;
	color: #003e8e;
}              

#table_header1
{
    background-color:#e5f1f6;
}

#grafiek
{
	/*(background-image:url(/images/grafiek.jpg);*/
	background-repeat:no-repeat;
	width:350px;	
	height:200px;	
	float:right;	
	position:relative;	
	clear:both;	
}
#competence_test
{
	padding-top:30px;
	margin-left:10px;
}
#competence_test .message {
	color:red;
}
#competence_test form
{
		width:728px;
}
#competence_test .comptitle
{
}
#competence_test .compsubtitle
{
	font-style:italic;
}

#competence_test .comphead
{
	font-weight:bold;
}

#competence_test .subcomp
{
	width:400px;
}
#competence_test input[type=radio]
{
	float:none;
}
#competence_test input[type=submit]
{
	float:right;
	margin-bottom:10px;
}

#competence_test .compfooter
{
	border-bottom:1px solid #0076A3
}