@CHARSET "ISO-8859-1";
/**
* -----------------------------------------------------------------------------------
* cigni.nl screen stylesheet
* Creator: A. van Ettinger (akko.van.ettinger@webparking.nl)
* Date(mm-dd-yyyy): 07-29-2009
* -----------------------------------------------------------------------------------
*/

*{
	margin: 0px;
	padding: 0px;
}

body{
	background: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #626262;
}

a{
	color: white;
}
	a:hover{
		color: black;
	}

	
#container{
	width: 750px;
	min-height: 800px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10px;
}
#header{
	width: 750px;
}
	#headerTop{
		/*background: url(../assets/header_replaceme.jpg) no-repeat;*/
		height: 196px;
		margin-bottom: 10px;
	}
	#headerMenu{
		width: 750px;
		height: 24px;
		margin-left: auto;
		margin-right: auto;	
		background-color: #ACC1E2;
	}
		#headerMenu li{
			list-style: none;
			float: left;
			/*width: 148px;*/
			letter-spacing: 1px;
			margin-right: 1px;
			height: 24px;
		}
		#headerMenu li.firstLi,#cmsSubMenu li.firstLi{margin-left: 0px;}
		
			#headerMenu li a{
				text-decoration: none;
				display: block;
				font-weight: bold;
				font-size: 16px;
				text-align: center;
				/*padding-top: 6px;*/
				/*width: 10em;*/
				height: 24px;
			}
				#headerMenu li a:hover{
				color: white;
				}
			
			#headerMenu li.headerMenuItem_4{
				background: url(../assets/home.png) top no-repeat;
				width: 101px;
			}
			#headerMenu li.headerMenuItem_5{
				background: url(../assets/over_cigni.png) top no-repeat;	
				width: 133px;
			}
			#headerMenu li.headerMenuItem_6{
				background: url(../assets/diensten.png) top no-repeat;
				width: 123px;
			}
			#headerMenu li.headerMenuItem_7{
				background: url(../assets/kandidaten.png) top no-repeat;
				width: 129px;	
			}
			#headerMenu li.headerMenuItem_8{
				background: url(../assets/contact.png) top no-repeat;
				width: 116px;
				margin-right: 0px;
			}
			#headerMenu li.headerMenuItem_14{
				background: url(../assets/vacatures.png) top no-repeat;
				width: 143px;
			}
				#headerMenu li.headerMenuItem_4:hover,
				#headerMenu li#headerMenuItem_4.active{
					background: url(../assets/home.png) bottom no-repeat;
					width: 101px;
				}
				#headerMenu li.headerMenuItem_5:hover,
				#headerMenu li#headerMenuItem_5.active{
					background: url(../assets/over_cigni.png) bottom no-repeat;	
					width: 133px;
				}
				#headerMenu li.headerMenuItem_6:hover,
				#headerMenu li#headerMenuItem_6.active{
					background: url(../assets/diensten.png) bottom no-repeat;	
					width: 123px;
				}
				#headerMenu li.headerMenuItem_7:hover,
				#headerMenu li#headerMenuItem_7.active{
					background: url(../assets/kandidaten.png) bottom no-repeat;
					width: 129px;
				}
				#headerMenu li.headerMenuItem_8:hover,
				#headerMenu li#headerMenuItem_8.active{
					background: url(../assets/contact.png) bottom no-repeat;
					width: 116px;
				}
				#headerMenu li.headerMenuItem_14:hover,
				#headerMenu li#headerMenuItem_14.active{
					background: url(../assets/vacatures.png) bottom no-repeat;
					width: 143px;
				}
				
			/*#headerMenu li a:hover, #headerMenu li a.active{
				/*background: url(../assets/button.jpg) bottom no-repeat;	
				text-decoration: none;
				color: black;
			}*/
				#headerMenu li.headerSubMenuItem{
					width: 200px;
					background: #6686C0;
				}
					#headerMenu li.headerSubMenuItem a{
						font-weight: normal;
						text-align: left;
						padding-left: 23px;	
						padding-top: 2px;
						font-size: 12px;
					}
					#headerMenu li.headerSubMenuItem a:hover, 
					#headerMenu li.headerSubMenuItem a.active{
						background: #CDDCEF;
						color: #6E6F71;	
					}
			
			#headerMenu li.headerMenuItem_4 ul {
				position: absolute;
				width: 101px;
				left: -999em;
			}
			#headerMenu li.headerMenuItem_5 ul {
				position: absolute;
				width: 101px;
				left: -999em;
			}
			#headerMenu li.headerMenuItem_6 ul {
				position: absolute;
				width: 101px;
				left: -999em;
			}
			#headerMenu li.headerMenuItem_7 ul {
				position: absolute;
				width: 101px;
				left: -999em;
			}
			#headerMenu li.headerMenuItem_8 ul {
				position: absolute;
				width: 101px;
				left: -999em;
			}
			#headerMenu li.headerMenuItem_14 ul {
				position: absolute;
				width: 101px;
				left: -999em;
			}
			#headerMenu li:hover ul, #headerMenu li.sfhover ul {
				left: auto;
			}
#content_container{
	padding-top: 25px;
	letter-spacing: 0.05em;
}
#content{
	padding: 0px 10px 5px 10px;
	min-height: 400px;
	letter-spacing: 0.05em;
}
	#content h2.contentTitle,
	#content_container h2.contentTitle
	{
		margin-bottom: 15px;
		font-weight: 400;
	}
	#content a{
		color: black;
	}
		#content a:hover{
			color: blue;
		}
	#content #applicationForm input{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#content #applicationForm label{
		margin-bottom: 5px;
	}	
	
	#content ul{ padding-left: 15px;}

#clear{
	clear: both;
}
/***********************************************
* CSS for jobboxes
***********************************************/

#jobBoxes{
	width: 750px;
	clear: both;
}
	
	
.jobBox{
	/*float:left;*/
	border-bottom: #A9A9A9 1px solid;
	padding: 10px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
	.jobBox h3{
		margin-bottom: 10px;
	}
	.applyLinkBox{
		margin-left: 600px;	
		margin-top: 10px;
	}
		#content_container a.applyLink{
			background: #6686c0;
			color: white;
			text-decoration: none;
			padding: 5px;
		}
		#content_container a.applyLink:hover{
			background: #cddcef;
			color: #626262;
		}

/**********************************************/

#footer{
	background: url(../assets/footer_bg_gradient.jpg) repeat-x;
	height: 186px;
	width: 730px;
	color: white;
	padding: 10px 10px 0px 10px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.05em;
}
	#footerLeft{
		float: left;
	}
	#footerRight{
		float: right;
		text-align: right;
	}
	
/* *********************************************
* system messages and warning 
***********************************************/
.feedback { font-size: 11px;  padding: 1%; margin-bottom: 15px; margin-top: 15px; }
.feedback ul { margin-bottom: 5px; display: block;  }
.feedback li { list-style: none; margin-bottom: 3px; margin-left: 25px !important; display: block; }
.feedback li img { margin-left: -25px; margin-bottom: -2px; padding-right: 9px; }

.fbError { border: 1px solid #f41b1b; color: #f41b1b; /*background: #FFE5E5;*/ }
.fbError h5{ font-size: 12px;   margin-bottom:15px; margin-top: 0px; color: #f41b1b; }

.fbConfirm { border: 1px solid #42b81e; color: #42b81e; /*background: url(../assets/feedback_fbConfirm_ul_bg.jpg) bottom repeat-x;*/ }
.fbConfirm h5{ font-size: 12px;  margin-bottom:15px; margin-top: 0px;  color: #42b81e; }

.fbWarning { border: 1px solid #fd6500; color: #fd6500; /*background: url(../assets/feedback_fbWarning_ul_bg.jpg) bottom repeat-x;*/ }
.fbWarning h5{ font-size: 12px;   margin-bottom:15px; margin-top: 0px;  color: #fd6500; }

.fbNote { border: 1px solid #0088ba; color: #0088ba; /*background: url(../assets/feedback_fbNote_ul_bg.jpg) bottom repeat-x; */}
.fbNote h5{ font-size: 12px;  margin-bottom:15px; margin-top: 0px;  color: #0088ba; }

/* *********************************************
* field validation and comments 
***********************************************/
.required { border: 1px solid #f41b1b !important; /*background: #FFE5E5;*/ }
.requiredNote { color: #f41b1b; padding: 0px 0px 0px 5px; font-size: 11px; font-style: Verdana; }

/* *********************************************
	classes
***********************************************/
.jobBoxWidth{width: 700px;}
.extraWidth{width: 200px;}
.jobLinkLeftMargin{margin-left: 650px;}
.h1 {font-size: 15px; }
.h2 {font-size: 14px;}
.h3 {font-size: 13px;}