@charset "utf-8";
/* --- layout.css / rmcmiddennederland.nl --- */

/* --- SITE DEFAULTS --- */

body {
	background: url(../images/bg_body.png) #dfd4ca repeat-x left top;
}
/** html body { height: auto; overflow: hidden; }*/

	#container {
		position: relative;
		width: 954px;
		min-height: 100%;
		margin: 0 auto;
		padding: 0 6px;
		overflow: hidden;
		background-color: #fff;
	}
	* html #container { height: 100%; overflow: visible; }

	.popup #container {
		width: 472px;
		padding: 16px;
	}
		
		
/* --- siteHeader --- */

#siteHeader {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	min-height: 35px;
	padding: 0 0 157px;
	background: url(../images/bg_siteheader.jpg) transparent no-repeat left bottom;
}
* html #siteHeader { height: 35px; }

.extranet #siteHeader {
	background-position: right bottom;
}

	#siteHeader :focus {
		outline-color: #8b0;
	}
	
	/* --- skipLinks --- */
	
	#skipLinks {
		position: absolute;
		right: 326px;
		top: -9999px;
		z-index: 1;
	}
	
		#skipLinks ul {
			
		}

			#skipLinks li {
				position: absolute;
				right: 0;
				top: 0;
				white-space: nowrap;
			}
			
				#skipLinks a {
					position: absolute;
					z-index: 1;
					display: block;
					text-decoration: none;
					padding: 3px;
				}
						
				#skipLinks a:focus {
					right: 0;
					top: 10007px;	/* 9999px + 8px */
				}
			

/* --- siteBody --- */

#siteBody {
	float: left;
	clear: both;
	width: 100%;
	padding: 18px 0 36px;
}

	/* --- contentBody --- */
	
	#contentBody {
		float: left;
		clear: left;
		width: 702px;
	}
	
	.home #contentBody {
		width: 714px;
	}
	
		/* ---- pageHeader --- */
		
		#pageHeader {
			float: right;
			clear: both;
			width: 486px;
			margin: 0 0 10px;
			background: url(../images/bg_pageheader.png) #e70 repeat-y 0 0;
		}
		
		.extranet #pageHeader,
		.nieuws #pageHeader,
		.tipsLinks #pageHeader,
		.vacatures #pageHeader {	/* green */
			background-color: #8b0;
			background-position: -1458px 0;
		}
		
		.werknemers #pageHeader,
		.leidinggevende #pageHeader,
		.producten #pageHeader,
		.trainingen #pageHeader {	/* blue */
			background-color: #0ba;
			background-position: -2916px 0;
		}
		
			#pageHeader div {
				float: left;
				clear: both;
				width: 100%;
				background: url(../images/bg_pageheader.png) transparent no-repeat -972px 100%;
			}
		
			.extranet #pageHeader div,
			.nieuws #pageHeader div,
			.tipsLinks #pageHeader div {	/* green */
				background-position: -2430px 100%;
			}
			
			.werknemers #pageHeader div,
			.leidinggevende #pageHeader div,
			.producten #pageHeader div,
			.trainingen #pageHeader div {	/* blue */
				background-position: -3888px 100%;
			}
		
				div#headerContent {
					color: #fff;
					width: 454px;
					min-height: 56px;
					padding: 15px 16px 1px;
					background-position: -486px 0;
				}
				* html div#headerContent { height: 56px; }
		
				.extranet div#headerContent,
				.nieuws div#headerContent,
				.tipsLinks div#headerContent {	/* green */
					background-position: -1944px 0;
				}
				
				.werknemers div#headerContent,
				.leidinggevende div#headerContent,
				.producten div#headerContent,
				.trainingen div#headerContent {	/* blue */
					background-position: -3402px 0;
				}
			
					#headerContent h1,
					#headerContent h2 {
						font-size: 1.45em;
						font-weight: normal;
						color: #fff;
						margin-bottom: 0.2em;
						background-color: transparent;
					}
					
						#headerContent .numOf {
							font-weight: bold;
						}
	
		/* --- mainContent --- */
		
		#mainContent {
			float: right;
			clear: right;
			width: 454px;
			padding: 12px 16px 0;
		}
		
		.home #mainContent {
			width: 714px;
			padding: 0;
		}
		
			/* --- column --- */
			
			.column {
				float: left;
				width: 234px;
				padding-left: 6px;
			}
			
			.firstCol {
				padding-left: 0;
			}
			
			.introCol {
				float: left;
				clear: both;
				width: 714px;
				margin: 0 0 12px;
				padding: 0;
				background: url(../images/bg_introcol.png) transparent repeat-y 0 0;
			}
				
				.introWrapper {
					float: left;
					clear: both;
					width: 100%;
					background: url(../images/bg_introcol.png) transparent no-repeat -1428px 100%;
				}
				
					.introContent {
						float: left;
						clear: both;
						width: 682px;
						min-height: 157px;
						padding: 12px 16px 0;
						background: url(../images/bg_introcol.png) transparent no-repeat -714px 0;
					}
					* html .introContent { height: 157px; }
			
						.introCol h2 {
							float: left;
							clear: left;
							font-size: 1.45em;
							font-weight: normal;
							line-height: 1.3em;
							color: #fff;
							width: 178px;
							padding: 2px 16px 0 0;
							background: url(../images/bg_introcol.png) #e70 repeat-y -16px 0;
						}
						
						.introCol h3, .introCol .modContent {
							float: right;
							clear: right;
							width: 472px;
						}
						
						.introCol h3 {
							font-size: 1.25em;
							font-weight: bold;
							color: #e70;
							line-height: 1.2em;	
							margin-bottom: 0.2em;
							padding-top: 0;
						}
		
			/* --- mod --- */
	
			#siteBody .mod {
				float: left;
				clear: both;
				width: 100%;
				margin-bottom: 18px;	/* 12px + 6px (compensating IE8 fix: #siteBody .border div .modContent) */
			}
			* html #siteBody .mod {margin-bottom: 12px; }	/* IE6 doesn't like IE8 fix */
			
			#vacature .mod {
				margin-bottom: 0;
			}
			
			#siteBody .border {
				width: 234px;
				background: url(../images/bg_mod.png) #fff repeat-y 0 0;
			}
			
			#siteBody .back {
				margin-bottom: 12px;
			}
			
				#siteBody .border div {
					float: left;
					clear: both;
					background: url(../images/bg_mod.png) transparent no-repeat -234px 0;
				}
				
					#siteBody .border div div {
						float: none;
						clear: none;
						background-image: none;
					}
				
					#siteBody .border div .modContent {
						float: left;
						clear: both;
						width: 210px;
						margin-bottom: -6px;	/* IE8 fix, compensated on: #siteBody .mod */
						padding: 8px 12px 0;
						background: url(../images/bg_mod.png) transparent no-repeat -468px 100%;
					}
					* html #siteBody .border div .modContent { margin-bottom: 0; /* IE6 doesn't like IE8 fix */ overflow: hidden; /* italics get 1px wider in this wonderful browser */ }
					
					#siteBody div.style3 .modContent {	/* blue */
						background-position: -702px 0;
						background-color: #fff;
					}
		
						.extranet h2,
						.nieuws h2,
						.tipsLinks h2,
						.vacatures h2 {	/* green */
							color: #8b0;
						}
						
						.werknemers h2,
						.leidinggevende h2,
						.producten h2,
						.trainingen h2 {	/* blue */
							color: #0ba;
						}
						
						#siteBody .border h2,
						#siteBody .border .style1 h2 {
							font-size: 1.25em;
							color: #fff;
							margin: 0;
							background: url(../images/bg_mod.png) #e70 repeat-y -936px 0;
						}
						#siteBody .border .style2 h2 { background-color: #8b0; background-position: -1872px 0; }
						#siteBody .border .style3 h2 { background-color: #0ba; background-position: -3042px 0; }
						
							#siteBody .border h2 span,
							#siteBody .style1 h2 span {
								display: block;
								padding: 5px 12px;
								background: url(../images/bg_mod.png) transparent no-repeat -1170px 0;
							}
							#siteBody .style2 h2 span { background-position: -2106px 0; }
							#siteBody .style3 h2 span { background-position: -3276px 0; }
							
							#siteBody .mod .icon span {
								padding-left: 36px;
							}
							#siteBody .style1 .icon1 span { background-position: -1404px 0; }
							#siteBody .style1 .iconBack span { background-position: -1638px 0; }
							#siteBody .style2 .icon1 span { background-position: -2340px 0; }
							#siteBody .style2 .iconBack span { background-position: -2574px 0; }
							#siteBody .style2 .iconLock span { background-position: -2808px 0; }
							#siteBody .style3 .icon1 span { background-position: -3510px 0; }
							#siteBody .style3 .iconBack span { background-position: -3744px 0; }
							
							#siteBody .back .iconBack span {
								width: 234px;
								padding: 0;
							}
							
								#siteBody .back .iconBack span a {
									display: block;
									color: #fff;
									text-decoration: none;
									padding: 5px 12px 5px 36px;
									background: url(../images/bg_mod.png) transparent no-repeat -3978px 100%;
								}
								
								#siteBody .back .iconBack span a:hover, #siteBody .back .iconBack span a:focus, #siteBody .back .iconBack span a:active {
									text-decoration: underline;
								}
								
							#siteBody .modContent h3 {
								padding-top: 0;
							}
							
				/* --- form --- */
				
				#sidebar .border div form.modContent {
					padding-top: 2px;
				}
				
					dl.form {
						float: left;
						clear: both;
						width: 100%;
					}
					
					#sidebar dl.form {
						margin-bottom: 0.8em;
					}
					
						.form dt {
							float: left;
							clear: left;
							margin: 0.5em 0 -0.19em;
						}
						
						#contentBody .form dt {
							width: 224px;
							margin: 0.55em 0 0;
							padding-right: 6px;
						}
						* html #contentBody .form dt { padding-right: 3px; }
						
							#mainContent .form dt label {
								display: inline;
							}
						
						.form dd {
							float: left;
							clear: right;
							margin: 0.4em 0 0;
						}
						* html .form dd { float: none; }
						*:first-child+html .form dd { float: none; }
						
						#mainContent .form dd {
							width: 224px;
						}
						
							.form dd input {
								width: 154px;
							}
							* html .form dd input { width: 148px; }
						
							#mainContent .form dd input {
								width: 224px;
							}
							* html #mainContent .form dd input { width: 218px; }
				
				/* --- pollTable --- */
				
				.pollTable {
					clear: both;
				}
				
				/* --- slideShow --- */
				
				.slideShow {
					float: left;
					clear: both;
					position: relative;
					margin: 0 -12px 12px;
				}
				
				.home .slideShow {
					width: 234px;
				}
				
					.slideShow .slides {
						margin: 0 auto;
					}
				
					.home .slideShow .slides {
						width: 184px;
					}
					
						.slideShow ul li {
							padding: 0;
							background-image: none;
						}
						
						.slideShow .slides li.hide {
							display: none;
						}
						
							.slideShow ul li * {
								display: block;
							}
							
					.slideShow .slidesNav {
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						width: 100%;
					}
					
						.slideShow .slidesNav li {
							position: absolute;
							top: 0;
						}
					
						.slideShow .slidesNav li.prev {
							left: 1px;
						}
					
						.slideShow .slidesNav li.next {
							right: 1px;
						}
						
							.slideShow .slidesNav li a:focus {
								outline-style: none;
							}
							
			/* --- siteSearch --- */
			
			#siteSearch {
				margin-bottom: 1.3em;
			}
				#siteSearch .jsOverLabelBlur .jsOverLabel {
					top: 3px;
					color: #654;
				}
			
				#siteSearch div input {
					width: 300px;
				}
				
				#siteSearch div input.button {
					width: auto;
				}
						
			/* ---- searchForm / vacaturebank / emailService / cvBank / email_form --- */
			
			#searchForm, .firstVacCol {
				width: 454px;
				margin: 0;
			}
			
			.firstVacCol {
				margin: -16px -16px 0;
				padding-left: 0;
				width: 486px;
			}
			* html .firstVacCol {
				margin: -12px -8px 0;
			}
			
				#searchForm .formCols {
					float: left;
					clear: both;
					width: 100%;
				}
			
					#searchForm .formCol,
					#emailService .formCol,
					#cvBank .formCol {
						float: left;
						width: 218px;
						padding-right: 6px;
					}
				
						#searchForm fieldset,
						#emailService .mod,
						#cvBank .mod,
						#email_form .mod {
							/*width: 203px;*/
							margin-bottom: 0;
							/*padding-left: 12px;
							padding-right: 12px;*/
						}
						* html #searchForm .formCol fieldset {
							margin-right: -7px;
						}
						
						#searchForm .formCol fieldset {
							margin-bottom: 1.3em;
						}
						
						#searchForm fieldset.genderField,
						#searchForm fieldset.booleanField,
						#searchForm fieldset.radioField,
						#searchForm fieldset.dateField,
						#searchForm fieldset.periodField,
						#searchForm fieldset.fileField {
							float: left;
							clear: both;
							width: 100%;
							margin-bottom: 1.4em;
						}
						
						#searchForm fieldset.periodField,
						#searchForm fieldset.dateField {
							margin-bottom: 0;
							padding-bottom: 0;
						}
						*:first-child+html #searchForm fieldset.dateField { margin-bottom: 1.4em; }
						
						#searchForm fieldset.booleanField,
						#searchForm fieldset.genderField {
							padding-bottom: 0;
						}
						
						#emailService fieldset,
						#cvBank fieldset,
						#email_form fieldset.mod {
							padding-left: 0;
							padding-right: 0;
						}
						
							#searchForm fieldset legend,
							#searchForm fieldset h2,
							#emailService h2,
							#cvBank h2 {
								font-size: 1.0em;
								font-weight: bold;
								padding: 1px 0 4px;
							}
						
							#searchForm.cvProfile fieldset legend,
							#searchForm.cvProfile fieldset h2 {
								font-weight: normal;
							}
							
							#searchForm fieldset.genderField legend,
							#searchForm fieldset.booleanField legend,
							#searchForm fieldset.radioField legend,
							#searchForm fieldset.dateField legend,
							#searchForm fieldset.periodField legend,
							#searchForm fieldset.fileField legend {
								font-size: 1.0em;
								font-weight: normal;
								padding: 0;
							}
							
								#searchForm fieldset legend span {
									display: block;
									white-space: normal;
									width: 203px;
									padding-top: 0.7em;
								}
							
							#searchForm fieldset legend.offScreen,
							#email_form fieldset legend.offScreen { padding: 0; }
						
							#searchForm fieldset ul.overview {
								
							}
							
								#searchForm fieldset .overview li {
									position: relative;
									clear: both;
									padding-top: 2px;
									padding-left: 20px;
								}
							
								#searchForm fieldset .overview li:hover,
								#searchForm fieldset .overview li.jsHover {
									z-index: 1;
								}
						
									#searchForm p {
										float: left;
										clear: both;
										width: 100%;
										margin-bottom: 1.4em;
									}
									
									#searchForm p.mod {
										margin-bottom: 0.7em;
									}
									
									#searchForm dl {
										
									}
									
										#searchForm dt {
											
										}
									
										#searchForm dd,
										#email_form dd {
											margin-bottom: 0.7em;
										}
						
									#searchForm fieldset label,
									#email_form fieldset label {
										display: block;
										float: left;
										color: #654;
									}
							
									#searchForm p.textareaField label,
									#searchForm p.textField label,
									#searchForm p.fileField label,
									#searchForm p.selectField label {
										float: left;
										clear: both;
									}
									
									#searchForm p.textField label,
									#searchForm p.textareaField label,
									#searchForm p.selectField label,
									#searchForm p.fileField label,
									#searchForm fieldset.fileField legend,
									#searchForm fieldset.dateField legend,
									#searchForm fieldset.periodField legend,
									#searchForm fieldset.genderField legend,
									#searchForm fieldset.booleanField legend,
									#searchForm fieldset.radioField legend,
									#searchForm fieldset.checkboxField legend,
									#searchForm.cvProfile label {
										padding: 0 0 4px;
									}
						
									#searchForm fieldset li label {
										display: inline;
										float: none;
										position: relative;
									}
									
									#searchForm p.textField input, #searchForm p.fileField input,
									#searchForm p.selectField select,
									#searchForm p.textareaField textarea,
									#searchForm fieldset.genderField ul.overview,
									#searchForm fieldset.booleanField ul.overview {
										float: left;
										clear: both;
										width: 300px;
									}
									
									#searchForm p.selectField select {
										width: auto;
									}
									
										#searchForm fieldset input,
										#searchForm fieldset textarea {
											width: 210px;
											margin: 0;
										}
										
										#searchForm fieldset.periodField label, #searchForm fieldset.periodField input,
										#searchForm fieldset.dateField label, #searchForm fieldset.dateField input, #searchForm fieldset.dateField input.year,
										#searchForm.cvProfile input#dagen {
											display: inline;
											float: none;
											clear: none;
											width: 50px;
										}
										
										#searchForm fieldset.dateField input {
											width: 25px;
										}
										
										#searchForm fieldset.booleanField li,
										#searchForm fieldset.genderField li {
											float: left;
											clear: none;
											padding-right: 15px;
										}
									
										#email_form fieldset input,
										#email_form fieldset textarea {
											width: 330px;
											margin: 0;
										}
										
										#searchForm.emailServiceProfile #dagen {
											width: 2.0em;
										}
									
										#searchForm fieldset li input {
											position: absolute;
											left: -20px;
											top: 1px;
											width: auto;
											margin: 0;
											padding: 0;
										}
										* html #searchForm fieldset li input { left: -23px; top: -1px; }
										*:first-child+html #searchForm fieldset li input { left: -23px; top: -1px; }
									
									#searchForm .infoLayer {
										position: relative;
										left: 2px;
										top: 2px;
										display: none;
										color: #654;
										width: 11px;
										height: 12px;
									}
									
									#searchForm .jsInfo .infoLayer {
										display: inline;
									}
									
										#searchForm .infoLayer a {
											padding: 3px;
										}
									
										#searchForm .infoLayer div {
											position: absolute;
											left: 18px;
											top: 10px;
											display: none;
											white-space: nowrap;
											background-color: #e0d6cc;
											border: 1px solid #654;
										}
									
										#searchForm .infoLayer:hover div,
										#searchForm .infoLayer.jsHover div{
											display: block;
										}
										
											#searchForm .infoLayer div p {
												margin: 0;
											}
										
												#searchForm .infoLayer div em {
													display: block;
													font-weight: bold;
													font-style: normal;
													color: #fff;
													margin: 0;
													padding: 3px 12px 4px;
													background-color: #654;
												}
										
											#searchForm .infoLayer div ul {
												padding: 4px 12px;
											}
											
												#searchForm .infoLayer div li {
													padding: 0;
												}
				
									/* --- cvPeriod --- */
									
									#cvPeriod {
										margin-top: 1.3em;
									}
									
										#searchForm #cvPeriod legend {
											font-weight: bold;
										}
										
											#searchForm #cvPeriod label {
												float: none;
												clear: both;
											}
													
											#searchForm.emailServiceProfile #finalDate,
											#searchForm.cvProfile #finalDate {
												/*display: block;*/
												font-weight: bold;
											}
													
											#searchForm.emailServiceProfile #finalDate {
												display: block;
											}
								
				#searchForm .formButtons,
				#email_form .formButtons {
					clear: both;
					width: auto;
					/*padding-left: 12px;*/
				}
								
				#searchForm.formCol .formButtons,
				#email_form .formButtons {
					padding-left: 0;
				}
				
				#emailService .jsRequest #login, #emailService .jsSwap #requestPassword,
				#cvBank .jsRequest #login, #cvBank .jsSwap #requestPassword {
					display: none;
				}
				
				#emailService .jsRequest #requestPassword,
				#cvBank .jsRequest #requestPassword {
					display: block;
				}
				
				.wrongVac p em {
					font-weight: bold;
					font-style: normal;
				}
				
				.wrongVac form {
					margin-top: 1.4em;
				}
				
				.required {
					position: absolute;
					right: 23px;
					font-size: 0.95em;
				}
				
				#sendPageDone {
					padding: 0;
				}
				
			/* --- login --- */
			
			#login {
				
			}
			
				#login fieldset label {
					float: none;
					clear: both;
				}
				
				#login fieldset input {
					width: 300px;
				}
				
			/* --- results --- */
			
			#results {
				
			}
			
				#results .overview {
					float: left;
					clear: both;
					color: #654;
					width: 100%;
					margin: 0 0 4px;
					border-bottom: 1px solid #cba;
				}
				
					#results .overview li {
						padding: 6px 12px 9px;
						border-top: 1px solid #cba;
					}
					
						#results .overview h3 {
							font-size: 1.25em;
							font-weight: bold;
							line-height: 1.2em;
							padding: 0 0 3px;
						}
						
							#results .overview h3 a {
								color: #000;
								text-decoration: none;
							}
							
							#results .overview .jsClickable:hover h3 a, #results .overview .jsClickableHover h3 a,
							#results .overview h3 a:hover, #results .overview h3 a:focus, #results .overview h3 a:active {
								text-decoration: underline;
							}
							
						#results .overview p {
							margin: 0;
						}
					
						#results .overview li em {
							font-style: normal;
						}
				
			/* --- resultsNav --- */
			
			.resultsNav {
				float: left;
				clear: both;
				font-family: Arial, Helvetica, sans-serif;
				color: #654;
				width: 486px;
				margin: 0 0 4px;
				background: url(../images/bg_pageheader.png) #cba repeat-y -4374px 0;
			}
			
				.resultsNav form {
					float: left;
					clear: both;
					width: 470px;
					padding: 2px 4px 2px 12px;
					background: url(../images/bg_pageheader.png) transparent no-repeat -4860px 0;
				}
			
				 .resultsNav form.bottom {
					background-position: -5346px 100%;
				}
				
					.resultsNav form fieldset {
						float: left;
						padding: 2px 0;
					}
					
						#siteBody .resultsNav form label {
							float: left;
							padding: 1px 0.2em 0 0;
						}
						* html #siteBody .resultsNav form label { padding-top: 2px; }
						*:first-child+html #siteBody .resultsNav form label { padding-top: 2px; }
					
						#siteBody .resultsNav form select {
							float: left;
							font-family: Arial, Helvetica, sans-serif;
							margin: 0 0.4em 0 0;
						}
				
						.resultsNav input {
							float: left;
							margin: 0;
							font-family: Arial, Helvetica, sans-serif;
						}
				
						.resultsNav .jsSelectNav input {
							display: none;
						}
				
				/* --- pagination --- */
				
				ul.pagination {
					float: right;
					padding-top: 3px;
				}
				
					ul.pagination li {
						float: left;
						padding: 0 8px 0 10px;
						background: url(../images/divider_pagination.png) transparent no-repeat 0 0.25em;
					}
				
					ul.pagination li.first {
						padding-left: 0;
						background-image: none;
					}
				
						ul.pagination a {
							color: #654;
						}
						
			/* --- applyVac --- */
				
			.applyVac dl {
				float: left;
				clear: both;
				width: 100%;
			}
			
				.applyVac dt {
					float: left;
					clear: both;
					width: 120px;
					padding-right: 4px;
				}
				
				.applyVac dd {
					float: right;
					width: 330px;
				}
				* html .applyVac dd { float: none; }
				*:first-child+html .applyVac dd { float: none; }
		
		/* --- sectionNav --- */
		
		#sectionNav {
			position: relative;
			float: left;
			clear: left;
			width: 213px;
			margin-left: -3px;
		}
		* html #sectionNav { margin-top: 78px; padding-left: 3px; }
		*:first-child+html #sectionNav { margin-top: 78px; }

		#sectionNav :focus {
			outline-color: #0ba;
		}
		
			#sectionNav h2 {
				position: absolute;
				left: -9999px;
			}
			
				#sectionNav h2 a {
					position: absolute;
					left: 9999px;
					bottom: 1.4em;
					color: #654;
					text-decoration: none;
					width: 195px;
					margin-top: -3px;
					padding: 3px 6px 4px 12px;
				}
				
				#sectionNav h2 a:hover, #sectionNav h2 a:focus, #sectionNav h2 a:active {
					color: #c02;
				}
		
			#sectionNav ul.nav {
				padding-top: 8px;
				border-bottom: 1px solid #ebe4dd;
			}
			
				#sectionNav .nav li {
					border-top: 1px solid #ebe4dd;
				}
				
					#sectionNav .nav a {
						display: block;
						color: #654;
						text-decoration: none;
						width: 195px;
						padding: 4px 6px 4px 12px;
						
					}
					
					#sectionNav .nav .selected a,
					#sectionNav .nav .selParent a,
					#sectionNav .nav .selParent ul .selected a {
						font-weight: bold;
					}
					
					#sectionNav .selParent a {
						color: #000;
					}
					
					#sectionNav .selected a,
					#sectionNav .nav .selParent ul .selected a,
					#sectionNav .nav a:hover, #sectionNav .nav a:focus, #sectionNav .nav a:active,
					#sectionNav .nav .selected a:hover, #sectionNav .nav .selected a:focus, #sectionNav .nav .selected a:active,
					#sectionNav .nav .selParent a:hover, #sectionNav .nav .selParent a:focus, #sectionNav .nav .selParent a:active {
						color: #c02;
					}
					
					#sectionNav .nav ul {
						
					}
			
						#sectionNav .nav ul li {
							border-top-style: none;
						}
				
							#sectionNav .nav .selected ul a,
							#sectionNav .nav .selParent ul a {
								font-weight: normal;
								color: #654;
								width: 185px;
								padding-left: 22px;
							}
							
	/* --- sidebar --- */
	
	#sidebar {
		float: right;
		clear: right;
		width: 234px;
	}
	
		/* --- site specific imgPopup --- */
		
		#sidebar .imgleft, #sidebar .imgPopUpleft,
		#sidebar .imgright, #sidebar .imgPopUpright,
		#sidebar .imgcenter, #sidebar .imgPopUpcenter,
		#sidebar .imgPopUpSub {
			margin: 8px 12px 0;
		}
		
		#sidebar .fullWidth {
			float: none;
			width: 210px;
			margin: 3px auto 1.4em;
		}
		
		/* --- vacSearchMethod --- */
		
		#vacSearchMethod .linkList {
			margin-bottom: 1.4em;
		}
		
			#vacSearchMethod .linkList .selected a {
				color: #c02;
			}
	
	
/* --- siteNav --- */

#siteNav {
	
}

	#siteNav :focus {
		outline-color: #8b0;
	}
	
	/* --- siteLogo --- */
	
	#siteLogo {
		position: absolute;
		right: 51px;
		top: 3px;
		margin: 0;
	}
	
		#siteLogo a {
			display: block;
			padding: 6px;
		}
		
			#siteLogo img {
				display: block;
			}
			
	/* --- mainNav --- */
	
	#mainNav {
		float: left;
		clear: both;
		width: 100%;
		background: url(../images/bg_sitefooter.png) #fff no-repeat right top;
	}
	
	.home #mainNav {
		margin-bottom: -14px;
		padding-top: 6px;
		background-image: none;
	}

	#mainNav :focus {
		outline-style: none;
	}
	
		#mainNav h3 {
			font-size: 1.25em;
			font-weight: bold;
			color: #0ba;
			padding: 10px 11px 6px;
		}
	
		#mainNav ul.nav {
			float: left;
			clear: both;
			width: 948px;
			padding: 0 8px 4px 3px;
		}
		
			#mainNav li {
				float: left;
				padding-left: 5px;
			}
		
				#mainNav li a {
					display: block;
					padding: 3px;
					text-decoration: none;
				}
				
	#mainNav.jsNav {
		position: absolute;
		left: 6px;
		top: 88px;
		float: left;
		clear: both;
		width: 210px;
		background: url(../images/bg_mainnav.png) transparent no-repeat -420px 100%;
	}
	
	*:first-child+html #mainNav.jsExpand {	/* IE7 fix */
		padding-bottom: 12px;
	}
	
		#mainNav.jsNav h3 {
			color: #fff;
			padding: 6px 0;
			background: url(../images/bg_mainnav.png) transparent no-repeat 0 0;
			cursor: pointer;
		}
		
		#mainNav.jsExpand h3 {
			color: #654;
			background-position: -210px 0;
		}
		
			#mainNav.jsNav h3 span {
				position: relative;
				display: block;
				line-height: 0.95em;
				padding: 0 1px;
				background-color: #0ba;
			}
			
			#mainNav.jsExpand h3 span {
				margin-bottom: -6px;
			}
			
				#mainNav.jsNav h3 span span {
					height: 1.0em;
					padding: 0 29px 1px 11px;
				}
			
				#mainNav.jsExpand h3 span span {
					padding-bottom: 7px;
					background-color: #99e4dd;
				}
		
					#mainNav.jsNav h3 span span span {
						position: absolute;
						right: 12px;
						top: 1px;
						text-indent: -9999px;
						width: 12px;
						height: 12px;
						margin: 0;
						padding: 0;
						background: url(../images/bg_mainnav.png) transparent no-repeat -852px 0;
					}
					
					#mainNav.jsExpand h3 span span span {
						background-position: -840px 0;
					}
		
		#mainNav.jsNav ul.nav {
			position: absolute;
			left: -9999px;
			font-size: 1.1em;
			font-weight: bold;
			width: 208px;
			margin-bottom: 12px;
			padding: 1px 1px 0;
			background: url(../images/bg_mainnav.png) #0ba no-repeat -630px 0;
		}
		
		#mainNav.jsExpand ul.nav {
			position: static;
		}
		
	* html #mainNav.jsNav,
	* html #mainNav.jsNav h3,
	* html #mainNav.jsNav h3 span span span,
	* html #mainNav.jsNav ul.nav { background-image: url(../images/bg_mainnav_ie6.png); }
	
			#mainNav.jsNav li {
				clear: both;
				width: 208px;
				padding: 0;
				border-bottom: 1px solid #66d6cc;
			}
			
				#mainNav.jsNav li a {
					color: #fff;
					width: 186px;
					padding: 4px 11px 5px;
				}
				
				#mainNav.jsNav li.selected a,
				#mainNav.jsNav li a:hover, #mainNav.jsNav li a:focus, #mainNav.jsNav li a:active {
					color: #654;
					background-color: #fff;
				}
				
				#mainNav.jsNav li.selected a {
					color: #c02;
				}
		
	/* --- shortcuts --- */
	
	.shortcuts {
		float: left;
	}
	
	#siteNav .shortcuts {
		position: absolute;
		top: 8px;
	}
	
		.shortcuts ul.nav {
			float: left;
			padding-left: 3px;
		}
	
		.shortcuts li {
			float: left;
			padding-left: 5px;
		}
		
		#loggedInUser {
			float: left;
			margin: 0;
			padding: 0 0.45em 0 3px;
		}
		
		.selected #loggedInUser {
			font-weight: bold;
			color: #c02;
		}
		
			#loggedInUser em {
				position: absolute;
				left: -9999px;
			}
	
		#logout {
			float: left;
			color: #654;
			margin: 0;
			padding-top: 3px;
		}
		
			.shortcuts li a {
				display: block;
				padding: 3px;
				text-decoration: none;
			}
		
			.shortcuts li.selected a {
				font-weight: bold;
				color: #c02;
			}
		
			#loggedInUser a {
				text-decoration: none;
				padding-left: 22px;
				background: url(../images/ico_loggedin.png) transparent no-repeat -397px 0.4em;
			}
		
			.selected #loggedInUser a {
				color: #c02;
				background-position: 3px 0.4em;
			}
			
			#loggedInUser a:hover, #loggedInUser a:focus, #loggedInUser a:active {
				text-decoration: underline;
				background-position: 3px 0.4em;
			}
	
			#logout a {
				display: inline;
				font-weight: normal;
				color: #654;
			}
			
			#logout a:hover, #logout a:focus, #logout a:active {
				color: #c02;
			}

			
/* --- siteFooter --- */

#siteFooter {
	clear: both;
	width: 100%;
	min-height: 20px;
	padding: 29px 0 21px;
	background: url(../images/bg_sitefooter.png) #fff no-repeat left top;
}
* html #siteFooter { height: 20px; }