/* Inner styles */
@import url("innerstyles.css");

/* menubar styles */
@import url("menubar.css");


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#646464;
	behavior: url("csshover3.htc"); 
	background:url(images/page_bg.gif) repeat-x left top #cccccc;
	}

#wrapper {
	width:1000px;
	margin:0 auto;
	}
#header {
	width:955px;
	height:119px;
	clear:both;
	padding:22px 0 0 45px;
	/* background:url(images/content_topcurve.png) no-repeat left bottom */
	}
#content {
	width:980px;
	clear:both;
	overflow:hidden;
	background:#fff;
	padding:0 10px 15px 10px;
	}
#footer {
	width:1000px;
	clear:both;
	overflow:hidden;
	}
h2 {
	font-size:24px;
	color:#231f20;
	padding-bottom:5px;
	line-height:30px;
	}
h2 strong {
	color:#ea332f;
	}
h3 {
	font-size:18px;
	color:#231f20;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
	}
h4 {
	font-size:18px;
	color:#ea332f;
	font-weight:normal;
	margin-bottom:5px;
	}
	
	
/************ innerstyle.css********************************/

/*........header CSS .......*/
#header h1 {
	width:217px;
	height:97px;
	float:left;
	text-indent:-9999px;
	background:url(images/hrcentraal_logo.png) no-repeat left top;
	}
#header h1 a {
	width:217px;
	height:97px;
	float:left;
	}
/*........Footer CSS .......*/
#footer .topcurve_f {
	width:1000px;
	height:10px;
	clear:both;
	overflow:hidden;
	/*background:url(images/footerbg_top.png) no-repeat left top;*/
	}
#footer p.bottomcurve_f {
	width:1000px;
	height:24px;
	padding-bottom:50px;
	clear:both;
	overflow:hidden;
	/*background:url(images/footerbg_bottom.png) no-repeat left top;*/
	}
#footer .footer_c {
	width:1000px;
	clear:both;
	overflow:hidden;
	padding:10px 0 5px 0;
	background:url(images/footerbg.jpg) repeat-x left top #3e3f43;
	}
#footer .footer_c p {
	float:left;
	line-height:24px;
	color:#949494;
	padding:5px 25px;
	background:url(images/footer_devider.gif) repeat-y right top;
	}
#footer .footer_c p.last {
	background:none;
	}
#footer .footer_c p a {
	text-decoration:underline;
	color:#949494;
	}
#footer .footer_c p a:hover {
	text-decoration:none;
	}
#footer .footer_c p a.noborder {
	text-decoration:none;
	}
#footer .footer_c p a.noborder:hover {
	text-decoration:underline;
	}
/*......... Content CSS ........*/
.slogan_main {
	width:555px;
	height:224px;
	clear:both;
	overflow:hidden;
	line-height:24px;
	padding:30px 400px 15px 25px;
	background:url(images/slogan_main_bg.jpg) no-repeat left top;
	}
a.btn {
	width:117px;
	height:42px;
	float:left;
	margin-top:25px;
	background:url(images/slogan_btn.png) no-repeat left top;
	}
.content_bottom {
	width:100%;
	clear:both;
	overflow:hidden;
	background:url(images/content_bg.jpg) no-repeat center top;
	}
.content_bottom .box {
	width:284px;
	float:left;
	list-style:none;
	}
.content_bottom .padding1 {
	padding:0 55px 0 11px;
	}
.content_bottom .padding2 {
	padding:0 0 0 55px;
	}
.content_bottom a {
	text-decoration:underline;
	color:#ea332f;
	}
.content_bottom a:hover {
	text-decoration:none;
	}
	
/*........Inner Page CSS ......*/

.leftnav {
	width:402px;
	float:left;
	}
.leftnav a {
	text-decoration:underline;
	color:#ea332f;
	}
.leftnav a:hover {
	text-decoration:none;
	}
.slogan_main_bg_inner {
	width:227px;
	height:234px;
	clear:both;
	overflow:hidden;
	padding:30px 150px 15px 25px;
	background:url(images/slogan_main_bg_inner.jpg) no-repeat left top;
	}
.lt_txt {
	padding:0 0 0 10px;
	clear:both;
	}
	
.rightnav {
	width:540px;
	float:right;
	padding:15px 0 0 0;
	}
.rightnav p {
	padding-bottom:20px;
	}
.rightnav p.top_c1 {
	padding:0;
	background:url(images/top_c1.gif) no-repeat left bottom;
	width:540px;
	height:20px;
	}
.rightnav p.bottom_c1 {
	padding:0;
	background:url(images/bottom_c1.gif) no-repeat left top;
	width:540px;
	height:11px;
	}
.rightnav .mid_c1 {
	width:500px;
	clear:both;
	overflow:hidden;
	padding:2px 19px;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	background:url(images/mid_c1.gif) repeat-x left top #eaeaea;
	}
.rightnav .mid_c1 p {
	padding:0;
	}
.rightnav .mid_c1 p a {
	text-decoration:underline;
	color:#646464;
	}
.rightnav .mid_c1 p a:hover {
	text-decoration:none;
	}
	
/************ menu bar.css *****************************/


li .widget{list-style:none;}	
.inner_list{list-style:none; padding:0; margin:0;}
.inner_list li{list-style:none; padding:0; margin:0; font:normal 12px/24px Arial;}
.inner_list li a{ color:#646464; text-decoration:underline; background:url(images/innerlist_bullet.gif) 0 5px no-repeat; padding: 0 0 0 15px;}
.inner_list li a:hover{ text-decoration:none;}
.lt_txt li{list-style:none;}
.rightnav .wpcf7-form p{padding:0;}
.back{width:1000px;	height:10px;background:url(images/content_topcurve.png) no-repeat 0 0;}

/* navigation */
/*** DEMO SKIN ***/
#nav {width:547px; height:51px; float:right; margin-top:27px; padding:5px 0 0 5px; background:url(images/menu.png) no-repeat left top;	}
#nav li {
	background: url("images/nav.gif") 0 -33px no-repeat; padding: 0 0 0 12px;margin-left:5px;
}
#nav li a {
	border:0; padding:7px 12px 7px 0; font-size:18px;line-height:18px;  background: url("images/nav.gif") 100% -33px no-repeat;
	text-decoration:none;
}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff;
}

#nav li li {
	background:		#ea3430; font-weight:normal; font-size:14px;
}
#nav li li a{ color:#fff; font-size:14px; font-weight:normal;}
#nav li ul{ padding:5px 0;}
#nav li li li {
	background:		#ea3430;
}

#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {
	background:#f13f3b url(images/menu.png) no-repeat -10px -5px; color:#000;
	outline:		0;
}
#nav li li a:focus, #nav li li a:hover, #nav li li a:active {
	background: url(images/menu.png) no-repeat -10px -999px;
}
#nav li.active_nav a, #nav li.active_nav a:hover { color:#000; background:url("images/nav.gif") 100% 0 no-repeat;}
#nav li.active_nav, #nav li.active_nav { color:#000; background:url("images/nav.gif") 0 0 no-repeat;}
#nav li.active_nav li a, #nav li.active_nav li,
#nav li.active_nav li:hover a, #nav li.active_nav li a, #nav li.active_nav li a:hover{ background-image:none;}
#nav li.active_nav li a, #nav li.active_nav li{color:#fff;}
#nav li.active_nav a.current{color:#000000;}

.rightnav ul { margin-left:15px !important; margin-bottom:20px;}	

.rightnav ol li { list-style:none; }
.rightnav ol li.cf-box-title { clear:both; }
.rightnav ol li.cf-box-group { display:block; height:20px; margin-bottom:20px !important;}
.rightnav ol li.cf-box-group input, .rightnav ol li.cf-box-group label {float:left; width:auto!important; margin-bottom:0px}
.rightnav ol li.cf-box-group label { margin-right:15px;}
input, label, textarea { display:block; width:250px; }
input { margin-bottom:20px;}
.sendbutton {width:auto;}
.linklove { display:none;}
.success, .failure {border:1px solid #cccccc; background-color:#ffffcc; padding:5px; margin-bottom:20px; width:400px; color:#000000;}