body{
	margin: 25px auto; 
	background-image: url(../images/template/body_bg.jpg); 
	background-color: #c6e3f7; 
	background-repeat: repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 10px; 
	color:#FFFFFF;
}

a:link {
	color: #00214a; 
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#00214a; 
}
a:hover {
	text-decoration: none;
	color: #00214a; 
}
a:active {
	text-decoration: none;
	color: #00214a; 
}

/************************************************************* BEGIN - OPBOUW *********/

/************************************************************* BEGIN - OPBOUW-top *********/


.bg_maintab{
	margin: 0 auto;
	height: 25px; 
	background: url(../images/template/main_tab_bg.jpg) bottom no-repeat;
	width: 731px;
	padding-left: 260px !important;
	padding-left: 242px;
}
.main_tab_left{
	background-image: url(../images/template/main_tab_left.jpg);
	background-repeat:no-repeat;
	height: 25px;
	width: 10px;
	float:left;
	cursor: pointer;
	margin-left: 3px;
}
.main_tab_middle{
	background-image: url(../images/template/main_tab_middle.jpg);
	background-repeat: repeat-x;
	height: 20px;
	min-width: 60px;
	float:left;
	color: #00a6d0;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
.main_tab_right{
	background-image: url(../images/template/main_tab_right.jpg);
	background-repeat:no-repeat;
	height: 25px;
	width: 10px;
	float:left;
	cursor: pointer;
}
/************************************* schaduw ******************************/
.main_tab_left_shadow{
	background-image: url(../images/template/main_tab_left_shadow.gif);
	background-repeat:no-repeat;
	height: 25px;
	width: 10px;
	float:left;
	cursor: pointer;
	margin-left: 3px;
}
.main_tab_middle_shadow{
	background-image: url(../images/template/main_tab_middle_shadow.gif);
	background-repeat: repeat-x;
	height: 20px;
	min-width: 60px;
	float:left;
	color: #00a6d0;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
.main_tab_right_shadow{
	background-image: url(../images/template/main_tab_right_shadow.gif);
	background-repeat:no-repeat;
	height: 25px;
	width: 10px;
	float:left;
	cursor: pointer;
}

/************************************************************* END - OPBOUW-top *********/

/************************************************************* BEGIN - OPBOUW-mainframe *********/

.main_content_frame {	
	background: #FFFFFF;
	width: 814px;
	text-align: center;
	margin: 0 auto;
	min-height: 300px;
	padding-bottom: 13px;
}
.main_bg_rounding_top{
	background-image: url(../images/template/main_bg_rounding_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 6px;
	width: 814px;
}
.main_bg_rounding_bottom{
	background-image: url(../images/template/main_bg_rounding_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 6px;
	width: 814px;
	margin: 0 auto;
}

/************************************************************* END - OPBOUW-mainframe *********/

/************************************************************* BEGIN - OPBOUW-leftframe *********/


.left_frame{
	width: 160px;
	background: url(../images/template/logo_small.jpg) top no-repeat;
	padding-top: 107px;
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
	margin-top: 11px;
}
.profile_frame{
	background: #72b3e1;
	width: 150px;
	text-align: left;
	padding: 10px 5px 10px 5px;	/* padding greater than corner height|width */
	font-size: 10px;
	font-weight:normal;
}
.info_frame_title{
	font-weight:bold;
	background: url(../images/template/infoIcon.gif) no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
}
.info_frame a{
	color: #FFFFFF;
}
.info_frame{
	background-color: #72b3e1;
	width: 150px;
	text-align: left;
	padding: 10px 5px 10px 5px;	/* padding greater than corner height|width */
	font-size: 10px;
	font-weight:normal;
}
.info_image{
	float:left;
	margin-right: 5px;
}
.info_frame_top{
	width: 160px;
	height: 7px;
	background-color: #72B3E1;
	background: url(../images/template/hulpvenster_top.gif) no-repeat #72B3E1 top;
}
.info_frame_bottom{
	width: 160px;
	height: 7px;
	background: url(../images/template/hulpvenster_bottom.gif) no-repeat;
}

.logout{
	width: 160px;
	height: 20px;
	background-image: url(../images/template/logout.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	cursor: pointer;
}
.view_cv{
	width: 160px;
	height: 20px;
	background-image: url(../images/template/view_cv_btn.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	cursor: pointer;
}

.profile_frame_action{
	 height:21px; 
	 color:#FFFFFF;
	 font-size:11px;
	 font-weight:bold;
	 padding-left: 30px;
	 padding-top: 5px;
	 cursor: pointer;
	 text-align: left;
}
.separatorFotoColom{
	margin-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px #FFFFFF solid;
	width: 93%;
}

/************************************************************* END - OPBOUW-leftframe *********/

/************************************************************* BEGIN - OPBOUW-contentframe *********/

.content_frame{
	margin-left: 178px;
	width: 620px;
	margin-right: 1px !important;
	margin-right: 3px;
	min-height: 425px;
}
.content_title{
	background: url(../images/template/content_title.jpg) repeat-y;
	width: 100%;
	color: #00214a;
	font-size: 10px;
	padding-top: 3px;
	padding-left: 3px;
	text-align: left;
	height: 16px;
	margin-top: 10px;
	text-transform: uppercase;
}
.content{
	text-align: left;
	border: 1px #00a6d0 solid;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #00214a;
}
.content a{
	text-decoration: underline;
}


/************************************************************* END - OPBOUW-contentframe *********/

/************************************************************* END - OPBOUW *********/


/************************************************************* BEGIN - TABLE *********/

.indexTable{
	text-align: left;
	margin-left: 8px;
	width: 93%;
	color: #00214a;
	border-collapse: collapse;
	font-size: 10px;
	font-weight: normal;
}
.indexTable th{
	text-align:left;
	width: 120px;
	vertical-align: top;
	font-size: 10px;
	color: #00214a;
}
/*  layout van zoekresultaten, berichten inbox, vacature overzicht, etc...  */
.indexTable2{
	text-align: left;
	margin-left: 8px;
	color: #00214a;
	margin-right: 8px;
	border-collapse: collapse;
	font-size: 10px;
	font-weight: normal;
	
}
.indexTable2 th{
	text-align:left;
	vertical-align: top;
	font-size: 10px;
	color: #00214a;
}

/************************************************************* END - TABLE *********/

/************************************************************* BEGIN - buttons *********/

.edit_btn{
	width: 133px;
	height: 28px;
	background-color: #CBE6F1;
	background-repeat:no-repeat;
	border: hidden;
	cursor: pointer;
	border: 0px solid #000000;
	vertical-align:middle;
}

.buttons{
	width: auto;
	height: 19px;
	background-color: #00A6D0;
	background-repeat:no-repeat;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 11px;
	padding-bottom: 2px;
	font-weight:normal;
	margin-bottom: 10px;
	margin-top: 5px;
}

/************************************************************* END - buttons *********/

.openClose{
	padding-right: 2px;
	padding-top: 2px;
	font-size: 10px;
	margin-left: 10px;
}

/************************************************************* BEGIN - FORMS *********/
.form{
	margin: 0;
	padding: 0;
}

.form_zoeken{
	font-size:10px;
	color: #00214a;
}
.input{
	text-align:left;
	width: 120px;
	font-size: 12px;
	color: #00214a;
	background-color: #FFFFFF;
	border: 1px solid #ABADB3;
	padding-left:2px;
}
.input_anders{
	text-align:left;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #ABADB3;
	padding-left:2px;
	width:226px;
	color: #00214a;
	height:15px !important;
	height: 17px;
	margin-bottom:0px;
}
.input[disabled="disabled"]{
	text-align:left;
	width: 120px;
	font-size: 12px;
	color: #00214a;
	background-color: #C0DEF6;	
	border: 1px solid #ABADB3;	
	padding-left:2px;
}
.search_input{
	text-align:left;
	width: 200px;
	font-size: 12px;
	color: #00214a;
}
.textarea{
	width: 450px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00214a;
	border: 1px solid #abadb3;
}


/************************************************************* END - FORMS *********/
.hulptekst{
	background-image: url(../images/template/star.gif);
	background-repeat:no-repeat;
	padding-left: 15px; 
	padding-right: 5px; 
	font-weight:normal; 
	font-size:11px;
	color: #00214a;
	margin-bottom: 10px;	
}
#uitleg {
	position:absolute;
	width:200px; 
	visibility:hidden;
	border: 1px #ff6600 dotted;
	padding: 10px 5px 10px 5px;
	color: #ff6600;
	margin-top: 4px;
	background-color:#FFFFFF;
	font-size: 12px;
	font-weight:normal;
}
#uitlegcursus{
	position:absolute;
	width:200px; 
	visibility:hidden;
	border: 1px #ff6600 dotted;
	padding: 10px 5px 10px 5px;
	color: #ff6600;
	margin-top: 4px;
	background-color:#FFFFFF;
	font-size: 12px;
	font-weight:normal;
}
.question{
	border: 1px #ff6600 dotted;
	padding: 2px 5px 2px 5px;
	width: 7px;
	font-size: 12px;
	font-weight:bold;
	cursor: help;
}
.colofon{
	font-size: 9px;
	color: #00748F;
	text-align: center;
	padding-top: 8px;
	font-weight:normal;
}
.colofon a:hover{
	text-decoration: underline;
}

	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:202px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		color:#00214a;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#3399FF;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
/* Opmaak voor het functiegedeelte van cv_beheren.php */

.branche_frame{
	 height:250px; 
	 width: 260px; 
	 overflow: auto; 
	 border: 1px #72B3E1 solid; 
	 margin-right: 10px; 
	 margin-left:10px; 
}
.function_frame{
	height:250px;
	width: 260px; 
	overflow: auto; 
	border: 1px #72B3E1 solid;
}
.branche_main_option{
	padding-left: 5px;
	padding-top: 3px;
	height: 16px;
	cursor: pointer;
}
.branche_sub_option{
	cursor: pointer;
	height: 19px;
}
.checkbox{
	margin: 3px 3px 3px 3px ;
	padding: 0 0 3px 0;
}