/* main */

*{
	margin:0;
	padding:0;
	outline:none;
}

img {
	float:left;
}

html {height: 100%;}
.clear {clear : both;}

body {
	font-family: Verdana, Geneva, sans-serif;
	height: 100%;
	background-color: #fff;
}

#container {
	position:relative;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
}

/* font */

img.actie_foto{
	float:right;
}

p {
	font-size:11px;
	color:#5f5f5f;
	line-height: 19px;
}

a {
	color:#5f5f5f;
	font-size:11px;
	text-decoration: underline;	
}

a.line {
	text-decoration: none;	
}

a.line:hover {
	text-decoration: underline;	
}

ul li
{
	list-style:none;
}

h3{
	font-size:15px;
	color: #666;
	font-weight: lighter;
	padding:5px 0px 10px 5px;
}

/* header */

#header {
	height:197px;
	background:#ffffff url(../img/header_bg.jpg) repeat-x scroll 0 0;
}

#header .wrapper{
	height:160px;
	width:950px;
	margin:0 auto;
	position:relative;
}

#header .logo{
	height:160px;
	width:500px;
	float:left;
}

#header .fill{
	height:160px;
	width:450px;
	float:left;
}

#header .nav{
	height:35px;
	width:910px;
	float:left;
	background-image: url(/hunterz.nl/img/nav_balk.jpg);
	margin:0px 0px 0px 40px;
}

#header .nav ul li
{
	height:35px;
	list-style:none;
}

#header .nav li a 
{
	display:block;
	height:35px;
}

#header .nav li span
{
	display:none;
}

#header .nav .links{
	height:35px;
	width:300px;
	float:right;
}

#header .nav .links .soc_button {
	width:26px;
	height:27px;
	float:right;
	margin:5px 10px 0px 0px;
}

#header .nav .links .soc_button img {
	border: 0;
}

#header .nav .links .soc_text {
	width:120px;
	height:27px;
	float:right;
	margin:10px 3px 0px 0px;
	color: #e5e5e5;
	font-size: 11px;
}


li.home{
	width:75px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/home.jpg);
	float: left;
}

li.home a:hover{
	width:75px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/home_ho.jpg);
	float: left;
}

li.partners{
	width:91px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/partners.jpg);
	float: left;
}

li.partners a:hover{
	width:91px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/partners_ho.jpg);
	float: left;
}

li.over{
	width:119px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/over.jpg);
	float: left;
}

li.over a:hover{
	width:119px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/over_ho.jpg);
	float: left;
}

li.contact{
	width:83px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/contact.jpg);
	float: left;
}

li.contact a:hover{
	width:83px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/contact_ho.jpg);
	float: left;
}

li.werkgevers{
	width:110px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/werkgevers.jpg);
	float: left;
}

li.werkgevers a:hover{
	width:110px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/werkgevers_ho.jpg);
	float: left;
}

li.flexindex{
	width:90px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/flexindex.jpg);
	float: left;
}

li.flexindex a:hover{
	width:90px;
	height:35px;
	background-image: url(/hunterz.nl/img/nav/flexindex_ho.jpg);
	float: left;
}

.subnav{
	height:35px;
	width:910px;
	float:left;
	background-image: url(../img/sub_nav_balk.jpg);
	margin:20px 0px 0px 40px;
}

.subnav ul li
{
	height:25px;
	list-style:none;
	float:left;
	margin:8px 0px 0px 20px;
}

.subnav li a 
{
	display:block;
	height:25px;
	font-size: 15px;
	color: #666;
	text-decoration: none;
}

.subnav li a:hover
{
	text-decoration: underline;
}

/* main */

#content {
	min-height: 100%;
	height:auto !important;
	height:100%;
}

#content .wrapper{
	min-height: 100%;
	height:auto !important;
	height:100%;
	width:950px;
	margin:0 auto;
	position:relative;
}

#homeblok{
	width:950px;
	height:260px;
	float:left;
	margin:10px 0px 0px 0px;
}

#homeblok_vervolg{
	width:290px;
	height:260px;
	float:right;
	margin:10px 0px 0px 0px;
}

#homeblok .vacature_zoeken{
	width:660px;
	height:260px;
	float:left;
	background-image: url(/hunterz.nl/img/vacature_blok_bg.jpg);
}

#homeblok .vacature_zoeken .text{
	width:300px;
	height:90px;
	float:left;
	margin:160px 10px 0px 20px;
}

#homeblok .vacature_zoeken .text p{
	margin:20px 0px 0px 0px;
	font-style: italic;
	font-size:10px;
}

#homeblok .vacature_zoeken .text .aanhaling{
	width:65px;
	height:90px;
	float:left;
	background-image: url(/hunterz.nl/img/aanhaling.jpg);
}

#homeblok .vacature_zoeken .holder{
	width:245px;
	height:175px;
	float:left;
	margin:80px 0px 0px 70px;
}

#homeblok .vacature_zoeken .holder input{
	width:238px;
	height:16px;
	float:left;
	border: 1px solid #bbbbbb;
	colour:#bbbbbb;
	font-size: 11px;
	background-color: #FFF;
	padding:3px 0px 0px 5px;
}

#homeblok .vacature_zoeken .holder select{
	width:245px;
	height:20px;
	float:left;
	font-size: 11px;
	padding:2px 0px 0px 5px;
	margin:10px 0px 0px 0px;
}

#homeblok .vacature_zoeken .holder #search_button{
	width:80px;
	height:24px;
	float:right;
	border:none;
	margin:5px 0px 0px 0px;
}

#homeblok .plaats_cv{
	width:290px;
	height:260px;
	float:left;
	background-image: url(/hunterz.nl/img/cv_blok_bg.jpg);
}

#homeblok .plaats_cv .text{
	width:220px;
	height:125px;
	float:left;
	margin:90px 0px 0px 55px;
}

#homeblok .plaats_cv .btns{
	width:220px;
	height:24px;
	float:left;
	margin:0px 0px 0px 55px;
}

#homeblok .plaats_cv .btns .btn{
	height:24px;
	float:left;
	margin:0px 10px 0px 0px;
}

.vacature_zoeken_klein{
	width:270px;
	height:260px;
	float:right;
	background-image: url(../img/vacature_blok_klein_bg.jpg);
	margin:0px 0px 20px 0px;
}

.vacature_zoeken_klein .holder{
	width:210px;
	height:155px;
	float:left;
	margin:90px 0px 0px 55px;
}

.vacature_zoeken_klein .holder input{
	width:192px;
	height:16px;
	float:left;
	border: 1px solid #bbbbbb;
	colour:#bbbbbb;
	font-size: 11px;
	background-color: #FFF;
	padding:3px 0px 0px 5px;
}

.vacature_zoeken_klein .holder select{
	width:200px;
	height:20px;
	float:left;
	font-size: 11px;
	padding:2px 0px 0px 5px;
	margin:7px 0px 0px 0px;
}

.vacature_zoeken_klein .holder #search_button{
	width:80px;
	height:24px;
	float:right;
	border:none;
	margin:15px 20px 0px 0px;
}

/* main */

#main{
	width:950px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	float:left;
	margin:10px 0px 0px 0px;
}

#main .content{
	width:650px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	float:left;
	margin:10px 0px 0px 0px;
}

#main .large_content{ width: 950px;}

#main .content .head{
	width:650px;
	height:58px;
	float:left;
}

#main ul{
	list-style-image:url(/hunterz.nl/img/ul_item.jpg);
	margin:0px 0px 0px 20px;
}

#main ul li{
list-style-image:url(/hunterz.nl/img/ul_item.jpg)
}

#main .content .inhoud{
	width: 650px;
	min-height: 260px;
	height:auto !important;
	height:100%;
	float:left;
	background:#ffffff url(/hunterz.nl/img/main_bg.jpg) no-repeat scroll;
}

#main .large_content .inhoud{ width: 950px;}

#main .content .inhoud .holder{
	width: 570px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	float:left;
	margin:20px 0px 0px 65px;
}

#main .large_content .inhoud .holder { width: 870px;}

#main .balk{
	width:270px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	float:right;
	margin:10px 0px 0px 0px;
}

#main .balk .partners{
	width:270px;
	height:155px;
	float:left;
	background-image: url(/hunterz.nl/img/partners_bg.jpg);
}

#main .balk .partners .bedr_pres{
	width:228px;
	height:109px;
	float:left;
	margin:20px 0px 0px 22px;
}

#main .balk .button{
	width:270px;
	height:155px;
	float:left;
	margin:20px 0px 0px 0px;
}

/* footer */

#footer {
	height:350px;
	background-color: #292929;
	margin:30px 0px 0px 0px;
}

#footer .top{
	height:40px;
	margin:0px 0px 0px 0px;
	background:#1d1d1d url(/hunterz.nl/img/footer_top_bg.jpg) repeat-x scroll 0 0;
}

#footer .top .middle{
	height:40px;
	width:950px;
	margin:0 auto;
	position:relative;
	background-image: url(/hunterz.nl/img/footer_top_middle.jpg);
}

#footer .content{
	height:310px;
	width:950px;
	margin:0 auto;
	position:relative;
}

#footer .content .colom{
	width:180px;
	margin:20px 0px 0px 0px;
	float:left;
}

#footer .content .coloms{
	margin:0px 0px 0px 45px;
	float:left;
}

#footer .content .colom strong{
	color:#bbbbbb;
	font-size:11px;
	font-weight:bold;
}

#footer .content  p{
	color:#bbbbbb;
	font-size:11px;
}

#footer .content .colom a{
	color:#bbbbbb;
	font-size:11px;
	text-decoration: none;
}

#footer .content .gegevens a{
	color:#bbbbbb;
	font-size:11px;
	text-decoration: underline;
}

#footer .content .colom a:hover{
	color:#bbbbbb;
	font-size:11px;
	text-decoration: underline;
}

#footer .content .gegevens{
	width:180px;
	height:280px;
	margin:20px 0px 0px 0px;
	float:right;
}

#footer .btn{
	margin:0px 0px 5px 0px;
	float:left;
}


/* contact */

#contact_form input[type="text"]{
	width:200px;
	height:15px;
	float:left;
	border: 1px solid #bbbbbb;
	colour:#bbbbbb;
	font-size: 11px;
	background-color: #FFF;
	padding:0px 0px 0px 0px;
}

#contact_form .textarea{
	float:left;
	border: 1px solid #bbbbbb;
	colour:#bbbbbb;
	font-size: 11px;
	background-color: #FFF;
	padding:0px 0px 0px 0px;
}

#error{
	font-size:12px;
	margin: 10px;
}

#contact_form input[type="submit"]{
	width:100px;
	height:30px;
	float:left;
	padding:0px 0px 0px 0px;
}

.getnoticed{
	margin:10px 40px 0px 0px;
	float:right;
}



.bedr_pres				{ float: left; width: 120px; margin-left: 35px; margin-top: 6px;}
.bedr_pres ul			{ display: inline; float: left; margin: 0; padding: 0;}
.bedr_pres ul li		{ display: block; width: 120px; height: 112px; margin: auto auto;}
.bedr_pres ul li a 		{ background: none; margin: 0; }
.bedr_pres ul li a img	{ border: 1px solid #7d0694; }

#spot_vac {width: 586px; float: right; border: 1px solid #e0e0e0; background-color: #f0f0f0; margin-top: 10px; margin-right: 11px;}
#i_spot_vac {margin:10px;}
#i_spot_vac h2 {text-indent: 2px; font-size: 11px;}
.vac_line {margin: 0px; width: 100%;}
.vac_line .vl_titel {width: 342px; display:block; float:left; overflow:hidden;margin:2px;}
.vac_line .vl_bedrijf {width: 210px;  display:block; float:left; overflow:hidden;margin:2px;}
.vac0 {float: left; overflow: hidden; border: 1px solid #7f0594; background-color: #bebebe; margin: 2px; display: inline-block; margin-left: 0px;}
.vac1 {float: left; overflow: hidden; border: 1px solid #7f0594; background-color: #cb9ed3; margin: 2px; display: inline-block; margin-left: 0px;}
.vac_line a {text-decoration: none; color: #3c3c3c;}

.partner { width: 580px; }
.partner_logo {float: left; width: 210px; }
.partner_logo img {border: 2px solid #7f0594;}
.partner_intro {float: left; width: 300px; margin-left: 8px;}
.introtekst {	float: left;	width: 518px;	padding: 30px 30px 0 30px;	font-weight: bold;}
.introtekst2 {	float: left;	width: 518px;	padding: 30px 30px 0 30px;	margin: 0 0 30px 0;	font-weight: bold;}
.vervolgtekst {	float: left;	width: 518px;	padding: 30px 30px 0 30px;	display: none;}
.leesmeer {	float: left;	width: 518px;	margin: 0 0 20px 0;}
.leesmeer a {	text-decoration: none; float: right;	margin: 15px 10px 5px 0;	display: block;	height: 11px;	line-height: 8px;	padding: 0 17px 0 0;	font-weight: bold;	background-image: url(/hunterz.nl/img/leesmeerknop.png);	background-position: top right;	background-repeat: no-repeat;}
.leesmeer a.active {	width: 11px;	overflow: hidden;	padding: 0;	text-indent: -1000px;	background-position: bottom right;}
.uitklapblok {}

/***************overview**********************/
#overview {	width: 100%;	}
#overview p { margin: 2px; padding: 0; display: inline-block;	}
#overview p label {	overflow: hidden; float: left; display: block; width: 100px;}
#overview p .lab_small { width: 50px;}
#overview p .lab_large { width: 250px;}
#overview p .lab_datum { width: 75px;}
#overview .head { background-color: #727271; color: #FFF; height: 18px; padding: 2px;}
#overview .p_1 { background-color: #F8F7CE;	}
#overview .p_2 { background-color: #F7F5B7;	}


/******************vacatures**************************/
#va_av_but{
	width:159px;
	height:90px;
	float:left;
	background:url(/hunterz.nl/img/va_av.jpg);
	margin:0px 10px 0px 0px;
}

.va_sd {
	width:159px;
	height:90px;
	float:left;
	margin:0px 10px 0px 0px;
}

.va_sd img{
	border:none;
	outline:none;
}

.social_media {
	width: 80px;
	margin-left: 10px;
}

#va_av_but .va_bn2{
	margin:12px 5px 2px 10px;
	font-size: 14px;	
	color:#8a3795;
	font-weight:bold;
}

#va_av_but .va_bn2 a{
	font-size: 14px;	
	color:#8a3795;
	text-decoration:none;
	font-weight:bold;
}

#va_av_but .va_bn{
	margin:0px 0px 0px 10px;
}

#va_av_but .va_bn a{
	font-size: 12px;	
	colour:#959595;
	text-decoration:none;
}

.v0 {float: left; width: 100%; height: 120px; overflow: hidden; background:#fff url(/hunterz.nl/img/back_v0.jpg) no-repeat scroll; margin-bottom: 12px;}
.v1 {float: left; width: 100%; height: 120px; overflow: hidden; background:#fff url(/hunterz.nl/img/back_v1.jpg) no-repeat scroll; margin-bottom: 12px;}
.vi {float: left; margin: 5px; }
.vi_l { float: left; width: 106px; height: 106px; background-color: #fff; }
.vi_t { float: left; margin-left: 7px; width: 442px; height: 106px; margin-top:1px;}
.vi_s { float: left; margin-left: 7px; width: 0px; height: 106px;}

.va_topper {float: left; width: 700px; display: inline-block; height: 110px;}
.va_logo { float: left; width: 200px; height: 200px; height: 100px; margin-right: 15px; }
.va_logo img { border: 1px solid #959595; }
.va_bi { float:left; width: 480px; height: 200px; overflow: hidden; vertical-align: bottom;}

.vac_link {text-decoration: none; color: #000;}

/*.pages { width:100%; height: 35px; }
.pages a { display: block; padding:5px; margin: 2px; float:left; border: 1px solid #5f5f5f; background-color: #ddc6e1; color:#7d0694; text-decoration: none;}
.current { display: block; padding:5px; margin: 2px; float:left; border: 1px solid #7d0694; background-color: #CB9ED3; color:#7d0694;}
.button_a { display: block; padding:5px; margin: 2px; float:left; border: 1px solid #7d0694; background-color: #CB9ED3; color:#7d0694;}*/

.pages { width:100%; height: 35px; }

.current{
	background-image: url(../img/th_act.png);
	float:left;
	width:17px;
	height:21px;
	color:#fff;
	padding:4px 0 0 8px;
	margin:0px 7px 0px 0px;
	font-size:14px;
}

.pages a{
	background-image: url(../img/th.png);
	float:left;
	width:17px;
	height:20px;
	color:#464646;
	padding:5px 0 0 8px;
	margin:0px 7px 0px 0px;
	text-decoration:none;
	font-size:12px;
}

.pages b{
	font-weight:lighter;
	
}

.nextprev {
	background-image: url(../img/th_long.png) !important;
	float:left;
	width:66px !important;
	height:20px;
	color:#464646;
	padding:5px 0 0 7px !important;
	margin:0px 7px 0px 0px!important;
	text-decoration:none;
	font-size:12px;
}

#page_10, #page_11, #page_12, #page_13, #page_14, #page_15, #page_16, #page_17{
	background-image: url(../img/th.png);
	float:left;
	width:21px;
	height:20px;
	color:#464646;
	padding:5px 0 0 4px;
	margin:0px 7px 0px 0px;
	text-decoration:none;
	font-size:12px;
	
}




/******contact*****************************************/
#contact_form p { margin: 2px; padding: 0; padding-top: 0px; display: inline-block; float:left; width:580px;}
#contact_form p label { display: block; float: left; width: 150px;}
#contact_form p input { display: block; float: left; width: 200px;}
#contact_form h3 {display: block; float: left; height: 22px; width: 580px;}
#contact_form p textarea { width: 350px; height: 100px;}

/*****************orderform*****************************/
#orderform p {margin: 2px; padding:0; display: inline-block; float: left; width: 600px;}
#orderform p label {display: block; float: left; width: 160px;}
#orderform p .large_label {width: 400px;}
#orderform p input, select {display: block; float: left; width: 200px;}
#orderform p #postcode {display: block; float:left; width: 100px; margin-right: 32px;}
#orderform p #huisnr {display: block; float:left; width: 60px; margin-right: 10px;}
#orderform p .button {width: auto;}
#orderform p .titel {font-size: 13px; font-weight: bold;}
#orderform p textarea {width: 362px; height: 60px;}

/**************login****************************/
#login { width: 400px;}
#inner_login { margin: 10px; }
#inner_login p {margin: 2px; padding:0; display: inline-block; width:380px;}
#inner_login p label {display: block; float: left; width: 160px;}
#inner_login p input, select {display: block; float: left; width: 200px;}
#inner_login p .login_button {width: auto;}

#header #colom{
	width:180px;
	height:197px;
	float:right;
	margin:0px 60px 0px 0px;
}

#header #colom .promo {
	width:180px;
	height:42px;
	float:left;
}

#header #colom .volg {
	width:180px;
	height:20px;
	float:left;
	background-image: url(/hunterz.nl/img/volg_ons.jpg);
	margin:42px 0px 0px 0px;
}
#header #colom  a img {border: 0;}



.partner_promotie{
	width:165px;
	height:auto !important;
	height:100%;
	float:left;
	margin:0px 0px 25px 0px;
}

.partner_promotie .logo_holder{
	height:138px;
	width:138px;
	float:left;
	border:1px solid #cccccc;
}

.partner_promotie .logo_holder img{
	border:none;
}


.partner_promotie .logo_holder .holder_logo{
	height:130px;
	width:130px;
	float:left;
	margin:4px;
	overflow:hidden;
}