/* 	Aanpassingen 26/3/09 M. Heijmans Servicesites 
	Vrijwilligerscentrale Peel & Maas
	BLW		20449A
	ORJ		F47E0E
	
	Kp		Trebuchet 16
	Tx		Verdana 11
*/


/* layout properties */
	html {overflow: -moz-scrollbars-vertical;}
	body{	height:100%;min-height:600px;text-align:center;
			margin:0;padding:0;font:11px Verdana, Arial, Helvetica, sans-serif;line-height:150%; /* MH */
			background:#20449A url(../layout/bg-body.jpg) repeat-x left top; /* MH */
	}
	body, td {color:#000;} /* MH */
	img {border:0;} /* MH */
	#mainholder{height:100%;min-height:700px;width:780px;margin:0 auto;text-align:left;background-color:#FFF;border:1px solid #FFF;}
	#header{	background:#20449A url(../layout/logo-vorkmeer.jpg) repeat-x right top;
				height:114px;overflow:hidden;position:relative; /* MH */}
	#header img {border:0;} /* MH */
	#header div {float:left;} /* MH */
	#header div.vorkmeer {padding:40px 10px 0 215px;} /* MH */
	#header div.vorkmeer img {width:245px;height:67px;} /* MH */

/* images left MH */
	div#leftone {background:url(../layout/bg-images-left.jpg) no-repeat 0 0;}	
	div#lefttwo {background:url(../layout/bg-images-left.jpg) no-repeat 0 -114px;margin:10px 0 20px;}
	div#leftthree {background:url(../layout/bg-images-left.jpg) no-repeat 0 -229px;margin:20px 0;}
	div#leftfour {background:url(../layout/bg-images-left.jpg) no-repeat 0 -344px;margin:10px 0 20px;}
	div#leftone img, div#lefttwo img, div#leftthree img, div#leftfour img {width:168px;height:114px;}

	h3{background:#20449A;margin:0;font:16px "trebuchet ms", verdana, arial, sans-serif;color:#FFF;padding:3px 10px;} /* MH */
	h3 span{padding:2px;}
	h3.mainname {border-right:1px solid #FFF;padding-left:18px;} /* MH */
	h3.oranjelink, h3.oranjelink2 {background-color:#F47E0E;height:22px;} /* MH */
	h3.oranjelink2 {margin:10px 0;} /* MH */
	h3.oranjelink2 a {color:#FFF;text-decoration:none;} /* MH */
	h3.oranjelink2 a:hover {text-decoration:underline;} /* MH */
	h3#vorkmeer-oranje {padding:0 10px;height:28px;margin-bottom:0;}
	.orange-line {border:1px solid #F47E0E;border-width:0 1px 1px;padding:10px;}

/* columns */	
	#leftcolumn{width:168px;clear:left;overflow:hidden;}
	#middlecolumn{width:442px;margin-left:1px;}
	#middlecolumn h2 {background:#20449A;border-right:1px solid #FFF;margin:0;font:16px "trebuchet ms", verdana, arial, sans-serif;color:#FFF;padding:3px 10px;} /* MH */
	#middlecolumn h3 {border-right:1px solid #FFF;} /* MH */
	#middlecolumn ul li {list-style-image:url(../layout/list-item.gif);margin:0 0 5px;} /* MH */
	#middlecolumninner{padding:0;} /* MH */
	/* uitlijning p in middencolumn */
	#middlecolumninner>p {padding:10px;} /* MH */
	#middlecolumninner form>p {padding:10px;} /* MH */
	#rightcolumn{width:169px;overflow:hidden;}
	
/* uitlijning */
	.fl {float:left;}
	.fr {float:right;}
	.cb {clear:both;font-size:0.1px;height:0px;}
	
/* content opmaak */
	h1{display:none;}
	h4{font-size:12px;font-weight:bold;}
	.jobtitle{font-size:14px;font-weight:bold;}
	.jobdescription{padding:5px;}
	.matchtitle{color:#000;font-size:12px;font-weight:bold;}
	p{}
	a{color:#20449A;}
	a:hover{text-decoration:underline;}
	.smalltext{font-size:9px;}
	.red, .orange {
		background:#EEE;
		border:1px solid #DDD;
		padding:10px;
		margin:0 8px;}
	.orange h4.jobtitle, .red h4.jobtitle {color:#20449A;}
	a.loginmenu{color:#000; text-decoration:none;}
	a.loginmenu:hover{text-decoration:underline;}
	.vacdetail{	border-bottom: 1px dashed #6495ED;}
	.match100{background:#AEE221;padding:10px;}
	.match80{background:#AEE221;padding:10px;}
	.match60{background:#FF9C08;padding:10px;}	
	.match40{background:#FF9C08;padding:10px;}
	.match20{background:#EE4D1C;padding:10px;}
	.message {border:1px solid #DDD !important;background-color:#EEE;padding:10px;margin:20px;} /* MH */
	.message legend {border:1px solid #DDD;background-color:#20449A;color:#FFF;padding:5px;} /* MH */

/* navigatie */
	#nav{margin:0;background:#F47E0E;border-collapse:collapse;border:1px solid #FFF;border-width:1px 0;width:780px;margin:0px;clear:both;}
	#nav1{}
	#nav2{}
	
	#nav td{padding:5px;width:156px;}
	#nav td a{font-size:11px;display:block;color:#FFF;text-decoration:none;width:100%;}
	#nav td a:hover{text-decoration:underline;}

/* inloggen */
	.blogin {background:#20449A;color:#FFF;}
	.blogin p,.blogin p a {color:#FFF;}
	.nobold {font-weight:normal;line-height:100%;}
	
	#login {display:inline;color:#FFF;padding:20px 0 0;}
	#login label {font-size:10px;}
	
 /*	.submitbtn{font-size:11px;font-weight:bold;margin:2px;margin-right:17px;} MH */
	
/* inschrijven */
	#inschrijven {margin:3px 0 0 0;list-style:none;padding:0;}
	#inschrijven a{	text-decoration:none;color:#20449A;background:url(../layout/list-item.gif) no-repeat 0 center;
					height:21px;display:block;padding:4px 0 0 15px;line-height:17px;font-size:15px; /* MH */}
	#inschrijven a:hover{text-decoration:underline;}
	#rightcolumn .bginschrijven{background:url(../images/bg_inschrijven.jpg) no-repeat;}
	
/* label content */
	a.lblpink2{color:#20449A;}
	.lblbody{height:auto;color:#000;font-size:11px;font-weight:bold;padding:2px 0 4px 7px;}
	.lblbottom{margin-bottom:10px;}

/* nieuwe vacatures */
	#newvaclist{margin:0;padding:0;list-style:none;}
	#newvaclist li {list-style-image:url(../layout/list-item.gif);margin-left:15px;padding:0 0 3px;} /* MH */
	#newvaclist li a{text-decoration:none;color:#20449A;}
	#newvaclist li a:hover{text-decoration:underline;}

	.disclaimer{color:#FFF;text-decoration:none;}
	
/* algemene opmaak */
	.bgdjv{background-color:#FFF;height:100%;}
	.margebottom{margin-bottom:10px;}
	.homebtn{width:200px;height:123px;display:block;float:left;}

/* datum */
	#mydate{}

/* forms*/
	textarea {width:400px;height:100px;}
	.biginput {width: 190px;}
	.smallinput {width: 90px;}

/*  snelzoeken */
	#snelzoeken {border:1px solid #20449A;width:439px;margin:0;} /* MH */
	#snelzoeken strong {color:#20449A;font-weight:normal;} /* MH */
	.pinkborder {border:0;}
	.pinkborder td {padding:3px 0;} /* MH */
	.pinkborder td select {margin:3px 0 0;} /* MH */
	.legendfsearch {font:bold 16px "trebuchet ms", verdana, arial, sans-serif;color:#F47E0E;padding:10px 0;} /* MH */
	.snelzoelbtn {float:right;margin-right:20px;margin-top:26px;}
	.snelzoekfield {width:180px;color:#A01114;}
	* html .pinkborder {padding:10px;} /* MH */
	*+html .pinkborder {padding:10px;} /* MH */
	* html .legendfsearch {margin-left:-5px;} /* MH */
	*+html .legendfsearch {margin-left:-5px;} /* MH */
	
	#snelzoeken input,#snelzoeken select {font-size:11px;color:#082D42;}
	
/* vacature overzicht opmaak */
	h4.vaclistheader {	padding:3px 10px;background-color:#20449A;height:22px;color:#FFF;font-size:11px;
						font:16px "trebuchet ms", verdana, arial, sans-serif;margin:0 0 10px;
						} /* MH */
	div.separator {height:8px;font-size:1px;}
	div.red p, div.orange p {padding:5px;}
	a.leesverder {margin:0;color:#20449A;text-decoration:underline;font-size:10px;}
	a:hover.leesverder {text-decoration:none;}
	.jobtitle {color:#FFF;font-size:14px;font-weight:bold;margin-top:3px;margin-bottom:8px;padding:5px;}

	form{width:440px;}

	/* MH */	
	#headerform {		float:left;width:440px;background:#000 url("../images/tabs/bg.gif") repeat-x bottom;
						line-height:normal;height:32px;overflow:hidden;
						font-family:arial, Helvetica, sans-serif;font-size:9px;}
	#headerform ul {	margin:0;padding:10px 0 0;list-style:none;}
	#headerform li {	list-style:none !important;float:left;
						background:url("../images/tabs/left.gif") no-repeat left top;
						margin:0;padding:0 0 0 5px;}
	#headerform a {		display:block;
						background:url("../images/tabs/right.gif") no-repeat right top;
						padding:7px 9px 5px 6px;text-decoration:none;font-weight:bold;color:#FFF;}
	#headerform a:hover {color:#FFF;}
	#headerform .active {background-image:url("../images/tabs/left_on.gif");}
	#headerform .active a {background-image:url("../images/tabs/right_on.gif");color:#000;padding-bottom:5px;}
	#headerform .active a:hover {color:#000;}

	.blockorange{background:#EEE;border:1px solid #DDD;padding:10px;}
	label.form{float:left;border-bottom:1px solid;display:block;}
	label.errorlbl{border-bottom:1px solid;color:#20449A;}
	#button{float:right;width:80px;}