/*  ==========================================================================================
	Project: 					http://matching.stichtinglvo.nl/
   Stylesheet:					Matchingsite
	Company:						Stichting LVO
	Original authors :		Danny Voncken (d.voncken@nexwork.nl)
	                        Nexwork, Maastricht (www.nexwork.nl)	
 	------------------------------------------------------------------------------------------
	Last change by :			Danny, 21-04-05
	========================================================================================== */
  
  
  /*	-----------------------------------------------------------------------------------------
	Begin Body.
	------------------------------------------------------------------------------------------ */	

body{
  margin:0;
  padding:140px 0 20px 210px;
  background-image: url(../media/bg.gif);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-position: right;
  	scrollbar-3dlight-color: #F9F0F6;
	scrollbar-arrow-color: #F9F0F6;
	scrollbar-darkshadow-color: #F9F0F6;
	scrollbar-face-color: #882E68;
	scrollbar-highlight-color: #F9F0F6;
	scrollbar-shadow-color: #F9F0F6;
	scrollbar-track-color: #F9F0F6;
  
 }
 *html body{
 margin:0;
  padding:120px 0 20px 0px;
 }
form{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
 
 a{
	color: #4092C9;
	text-decoration: underline;
	font-weight: bold;
}
a:hover{
	color: #4092C9;
	text-decoration: none;
}	
   /*	-----------------------------------------------------------------------------------------
	End Body.
	------------------------------------------------------------------------------------------ */	
	
	
	/*	-----------------------------------------------------------------------------------------
	Begin Opmaak. Algemene zaken
	------------------------------------------------------------------------------------------ */
		
p	
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0px;
padding:0px;
margin-right:35px;
margin-bottom:16px;
}	

h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: Black;
	font-family: Arial;
	font-size: 14px;
}

h2
{
margin:0px;
padding:0px;
color:#2c84c0;

margin-right:35px;
font-family: Arial;
font-size:13px;
}
/*
#content td{
	text-transform: lowercase;
} */
#content li
{
margin-left: 3px;
list-style: square;
}

#content ul
{
margin-left: 35px;
list-style: square;
}

#content td ul { margin: 30;}

#content .terug{
	display: block;
	margin-bottom: 15px;
}

	/*	-----------------------------------------------------------------------------------------
	End Opmaak. Algemene zaken
	------------------------------------------------------------------------------------------ */	
	
	
  /*	-----------------------------------------------------------------------------------------
	Begin Header. headerbalk boven met images
	------------------------------------------------------------------------------------------ */	

div#header {

  position:absolute;
  top:0;
  left:0;
  width:100%;
  min-width: 800px;
  height:120px;
  background-image: url(../media/header_bg.gif);
}
 	
div#header .logo {
	background-image: url(../media/logo_lvo.gif);
	width: 200px;
	height: 120px;
	float: left;
}	

div#header .bg{
	width: 555px;
	height: 120px;
	background-image: url(../media/matchinglogo.gif);
	float: right;
}
 /*	-----------------------------------------------------------------------------------------
	End Header
	------------------------------------------------------------------------------------------ */	
 
 
/*	-----------------------------------------------------------------------------------------
	Begin Utilities. Printbutton, Mailbutton, Homebutton
	------------------------------------------------------------------------------------------ */	

#utilities{
	position: absolute;
	top: 57px;
	right: 0px;
	width: 150px;
	height: 32px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	margin-right: 35px;
	z-index: 0;
}

#utilities .printbutton{
	height: 33px;
	width: 33px;
	background-image: url(../media/printbutton.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 8px;
}		
					
#utilities .mailbutton{
	height: 33px;
	width: 33px;
	background-image: url(../media/mailbutton.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 8px;
}			
			
#utilities .homebutton{
	height: 33px;
	width: 33px;
	background-image: url(../media/homebutton.gif);
	background-repeat: no-repeat;
    float: right;
	padding: 4px;	
}
 /*	-----------------------------------------------------------------------------------------
	End Utilities
	------------------------------------------------------------------------------------------ */	
	
	
/*	-----------------------------------------------------------------------------------------
	Begin Menu. Navigatieopties voor diverse type pagina's
	------------------------------------------------------------------------------------------ */	
 #menu{
  position:absolute;
  border-right: 1px solid #DFB6D0;
  top:120px;
  left:0px;
  width:185px;
  height:100%;
  background-color: #F9F0F6;
 }
 #menu a{
 	text-decoration: none;
 }
 
#menuloginpage {

	width: 185px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-right: 0px solid #DFB6D0;
	background-color: #F9F0F6;
   font-family: Trebuchet MS, Arial, Verdana;
	font-size: 11px;
	color: #882E68;
	text-align: center;
}
#menuloginpage #menu2{
	
margin-top: 25px;
}
	*html #menuloginpage #menu2{
		margin-top: 40px;
	}
	
#menuloginpage .date{
	background-color: #F9F0F6;
	height: 20px;
	width: 185px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	letter-spacing: 0.2em;
	color: #67234F;
	margin-top: 5px;
	text-transform: uppercase;
}	
				#menuloginpage a { background-color: #F2E1EC; }
				#menuloginpage a:hover { background-color: #F2E1EC; }
				
				#menuloginpage .loginbuffer{
				height: 10px;
				width: 185px;
				height: 20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 15px;
				font-weight: bolder;
				}
				#menuloginpage .buffer{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				height: 20px;
				width: 185px;
				background-color: #F9F0F6;
				vertical-align: center;
				}
				#menuloginpage .publicbutton{
				height: 25px;
				width: 185px;
				background-image: url(/media/link_public_a.gif);
				float: left;
				text-indent: -1000px;
				}
				#menuloginpage .publicbutton:hover{
				background-image: url(../media/link_public_b.gif);
				float: left;
				text-decoration: none;
}
				#menuloginpage .opensollbutton{
				height: 25px;
				width: 185px;
				background-image: url(/media/link_opensollicitatie_a.gif);
				float: left;
				text-indent: -1000px;
				}
				#menuloginpage .opensollbutton:hover{
				background-image: url(../media/link_opensollicitatie_b.gif);
				float: left;
				text-decoration: none;
}								
				#menuloginpage .loginbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_login_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .loginbutton:hover{
				background-image: url(../media/link_login_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .internbutton{
				height: 25px;
				width: 185px;
				border-bottom: 0px solid #DFB6D0;
				background-image: url(../media/link_intern_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .internbutton:hover{
				background-image: url(../media/link_intern_b.gif);
				float: left;
				text-decoration: none;
}
				#menuloginpage .overigbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_overig_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .overigbutton:hover{
				background-image: url(../media/link_overig_b.gif);
				float: left;
				text-decoration: none;
}
				#menuloginpage .vacaturebutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_vacature_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .vacaturebutton:hover{
				background-image: url(../media/link_vacature_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .vacatureoverigbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_overig_vacature_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .vacatureoverigbutton:hover{
				background-image: url(../media/link_overig_vacature_b.gif);
				float: left;
				text-decoration: none;
}	

				#menuloginpage .scholenbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_scholen_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .scholenbutton:hover{
				background-image: url(../media/link_scholen_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .medewerkerbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_medewerker_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .medewerkerbutton:hover{
				background-image: url(../media/link_medewerker_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .userbeheerbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_userbeheer_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .userbeheerbutton:hover{
				background-image: url(../media/link_userbeheer_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .rapportagebutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_rapportage_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .rapportagebutton:hover{
				background-image: url(../media/link_rapportage_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .functiebeheerbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_functiebeheer_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .functiebeheerbutton:hover{
				background-image: url(../media/link_functiebeheer_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .uitloggenbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_uitloggen_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .uitloggenbutton:hover{
				background-image: url(../media/link_uitloggen_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .homebutton{
				height: 25px;
				width: 185px;
				background: #F2E1EC url(../media/link_home_a.gif) top left no-repeat;
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .homebutton:hover{

				background-image: url(../media/link_home_b.gif);
				float: left;
				text-decoration: none;
}	

				#menuloginpage .opensollibutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_opensolbeheer_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .opensollibutton:hover{
				background-image: url(../media/link_opensolbeheer_b.gif);
				float: left;
				text-decoration: none;
}	
				#menuloginpage .wijziggegevensbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_wijziggegevens_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .wijziggegevensbutton:hover{
				background-image: url(../media/link_wijziggegevens_b.gif);
				float: left;
				text-decoration: none;
}	

				#menuloginpage .verwijderaccountbutton{
				height: 25px;
				width: 185px;
				border-bottom: 1px solid #DFB6D0;
				background-image: url(../media/link_verwijderaccount_a.gif);
				float: left;
				text-indent: -1000px;
}
				#menuloginpage .verwijderaccountbutton:hover{
				background-image: url(../media/link_verwijderaccount_b.gif);
				float: left;
				text-decoration: none;
}	


#menuloginarea {
	width: 185px;
	height: 230px;
	border-bottom: 1px solid #DFB6D0;
	background-color: White;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 11px;
	text-align: center;
	padding: 20px 0 0 0;
}	
	#menuloginarea .input{
	background-color: #EAF9FF;
	border: 1pt solid #A5ACB2;
	width: 120px;
	height: 15px;
	text-align:left;
	font-size: 12px;
}
	#menuloginarea .send{
	width:81px;
	height: 21px;
	margin-top:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Black;
	font-weight: bold;
	background-color: #BBE2F2;
	border: 1px solid #507F92;
}
 /*	-----------------------------------------------------------------------------------------
	End Menu
	------------------------------------------------------------------------------------------ */	
 
 
 
  /*	-----------------------------------------------------------------------------------------
	Begin Tabellen opmaak
	------------------------------------------------------------------------------------------ */	
 /*
#tabel {
	background-position: left;
	position:absolute;
	left: 200px;
	top: 140px;
	float: left;
	min-width: 400px;
	max-width: 1024px;
	font: Arial;
	background-color: Maroon; /-*border: 1px solid Black;*-/
	margin: 10 10 10 10;
	padding: 20px 20px;
	font-family: arial verdana;
	font-size: 12px;
	/-*
	position: absolute;
	right: 9px;
	*-/
}


#tabel .generaltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal;
}
*/
 
 /*	-----------------------------------------------------------------------------------------
	End  Tabellenopmaak
	------------------------------------------------------------------------------------------ */	
 
 
 /*	-----------------------------------------------------------------------------------------
	Begin Footer. footerbalk beneden met disclaimerlinks
	------------------------------------------------------------------------------------------ */	
div#footer{
	position: absolute;
	bottom: -1px;
    left: 0px;
	width: 100%;
	height: 20px;
	background-color: #882E68;
	background-image: url(../media/bg_footer.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	font-weight: bolder;
	padding-top: 2px;

}
* html div#footer{ /* dit is een correctie voor IE. */
width:100%; 
}

#footer .a{
	color: #69CAF2;
	text-decoration: underline;
}
#footer .a:hover {
	color: #69CAF2;
	text-decoration: none;
}
/*	-----------------------------------------------------------------------------------------
	End Footer
	------------------------------------------------------------------------------------------ */	
	
	
/*	-----------------------------------------------------------------------------------------
	Begin Lay-out styles fixed positions !!!!! Belangrijk voor vaste positionering
	------------------------------------------------------------------------------------------ */
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#menu{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
  body>div#utilities{
  position:fixed;
  }
  body>#tabs{
  position:fixed;
  }
}
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  width: 96%;
  height:100%;
  overflow:auto;
  margin:0;
  padding:20px 0 20px 210px;

 }
div#content{
 width: 96%;
 }
 /*	-----------------------------------------------------------------------------------------
	End Lay-out styles fixed positions
	------------------------------------------------------------------------------------------ */

/* Main forms */
#content #pad {
	padding: 0 0 20px 0;
}
#content #formlink {
	padding: 0 0 20px 0;
}

#content #tblMain {background-color: #85C2D4;margin: 0;padding: 0;}

#content #tblMain th {
	background-color: #D8F4FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-align: left;
}
#content #tblMain td {background-color:#FFFFFF;padding: 5px 5px 5px 5px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: Black;font-weight: normal;}
#content #tblMain .lichtgrijs {background-color: #EFEFEF;}
#content #tblMain .nietactief {color: #FF0000;}
#content #tblMain .lichtgrijsalert {background-color: #EFEFEF;color: #FF0000;}
#content #tblMain .whitealert {color: #FF0000;}

#content #tblMain th .btn, .submitbtn 
{
	background-color: #BBE2F2;
	border: 1px solid #507F92;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	height: 22px;
	margin-left: 2px;
	margin-right: 2px;	
}

#content #tblMain span {
	margin-bottom: 5px;
	display: block;
	}

/* Detail forms */
#content #tblDetail span {
	margin-bottom: 5px;
	display: block;
	}

#content #tblDetail {
	background-color: #85C2D4;
	margin: 0;
	padding: 0;
}

#content #tblDetail th {
	background-color: #D8F4FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
	text-align: left;
	border: none;
}

#content #tblDetail th .tabhead {
	background-color: orange;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
	text-align: left;
}

#content #tblDetail th .btn {
	background-color: #BBE2F2;
	border: 1px solid #507F92;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	cursor: hand;
	margin-left: 2px;
	margin-right: 2px;
	height: 22px;
	text-transform: lowercase;	
}

#content #tblDetail td {background-color:#FFFFFF;padding: 5px 5px 5px 5px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: Black;font-weight: normal;vertical-align: top;}
#content #tblDetail td input, #content #tblDetail td textarea, #content #tblDetail td select {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
#content #tblDetail .lichtgrijs {background-color: #F4F4F4;}
#content #tblDetail .nietactief {color: #FF0000;}
#content #tblDetail .white {background-color: #FFFFFF;}

/*	-----------------------------------------------------------------------------------------
	Tabbladbuttons op open sollicitatieformulier
	------------------------------------------------------------------------------------------ */
/*
ul#tabs { height: 21px; position: relative; margin:0; padding:0; }
#tabs li { position: absolute; width: 102px; height: 21px; list-style: none; top: 1px;}

#tabs .personalia a { position: absolute; left: 10px; width: 102px; height: 20px; padding:0px; background-image:url(../media/bt_personalia_off.gif);}
#tabs .personalia a:hover {background-image: url(../media/bt_personalia_over.gif);}
 
#tabs .cv  a {  position: absolute; left: 117px; width: 102px; height:20px; padding:0px; background-image:url(../media/bt_cv_off.gif);}
#tabs .cv  a:hover {background-image: url(../media/bt_cv_over.gif);}

#tabs .voorkeuren  a {  position: absolute; left: 224px; width: 102px; height:20px; padding:0px; background-image:url(../media/bt_voorkeuren_off.gif);}
#tabs .voorkeuren  a:hover {background-image: url(../media/bt_voorkeuren_over.gif);}

#tabs .verzenden  a {  position: absolute; left: 331px;width: 102px; height:20px; padding:0px; background-image:url(../media/button_verzenden_off.gif);}
#tabs .verzenden  a:hover {background-image: url(../media/button_verzenden_over.gif);}

#tabs .persontab{ left:10px; background-image: url(../media/bt_personalia_on.gif); }
#tabs .cvtab {	left:117px; background-image: url(../media/bt_cv_on.gif);}
#tabs .voorkeurentab {left:224px; background-image: url(../media/bt_voorkeuren_on.gif);}
#tabs .verzendentab{left:331px;  background-image: url(../media/button_verzenden_on.gif);}

#tabs .personnoclick{ left:10px; background-image: url(../media/bt_personalia_noclick.gif);}
#tabs .cvnoclick { left:117px; background-image: url(../media/bt_cv_noclick.gif);}
#tabs .voorkeurennoclick { left:224px; background-image: url(../media/bt_voorkeuren_noclick.gif);clear:right;}
#tabs .verzendennoclick { left:331px; background-image: url(../media/button_verzenden_noclick.gif);}
*/
ul#tabs { height: 21px; margin:0 0 0 0; padding:0; position: relative; bottom: -2px;}
#tabs li { float: left; list-style: none; }

#tabs a.personalia {  text-indent: -9999px; text-decoration: none; float: left; width: 102px; height: 20px; padding:0px; background-image:url(../media/bt_personalia_off2.gif);}
#tabs a.personalia:hover {background-image: url(../media/bt_personalia_over.gif);}
 
#tabs a.cv {  text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px; padding:0px; background-image:url(../media/bt_cv_off2.gif);}
#tabs a.cv:hover {background-image: url(../media/bt_cv_over.gif);}

#tabs a.voorkeuren { text-indent: -9999px; text-decoration: none;  float:left; width: 102px; height:20px; padding:0px; background-image:url(../media/bt_voorkeuren_off2.gif);}
#tabs a.voorkeuren:hover {background-image: url(../media/bt_voorkeuren_over.gif);}

#tabs a.verzenden { text-indent: -9999px; text-decoration: none;  float: left; width: 102px; height:20px; padding:0px; background-image:url(../media/button_verzenden_off2.gif);}
#tabs a.verzenden:hover {background-image: url(../media/button_verzenden_over.gif);}

#tabs .persontab{ text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;  background-image: url(../media/bt_personalia_on.gif); }
#tabs .cvtab {	text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px; background-image: url(../media/bt_cv_on.gif);}
#tabs .voorkeurentab {text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;  background-image: url(../media/bt_voorkeuren_on.gif);}
#tabs .verzendentab{text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;   background-image: url(../media/button_verzenden_on.gif);}

#tabs .personnoclick{ text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;  background-image: url(../media/bt_personalia_noclick2.gif);}
#tabs .cvnoclick { text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;  background-image: url(../media/bt_cv_noclick2.gif);}
#tabs .voorkeurennoclick { text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;  background-image: url(../media/bt_voorkeuren_noclick2.gif);clear:right;}
#tabs .verzendennoclick { text-indent: -9999px; text-decoration: none; float: left; width: 102px; height:20px;  background-image: url(../media/button_verzenden_noclick2.gif);}