/* @override http://www.focus-hrgroup.be/stylesheets/default.css */

/* @override http://www.focus-hrgroup.be/stylesheets/default.css */

/* @override 
	http://www.focus-hrgroup.be/stylesheets/default.css
	http://www.focusinterim.be/stylesheets/default.css
*/

/*
oranje: #ff6911;
beige: #66523d
*/
/* reset all */

@import url("reset.css");
@import url("newsticker.css");

/* @group main */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-size: 12px;
	line-height: 160%;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
}

h1,
h2,
h3,
h4 {
	color: #ff6911;
	font-size: 1.82em;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 0 0 .6em 0;
	margin: 0;
	line-height: 120%;
}

h2 {
	font-size: 1.5em;
	padding: 0 0 .4em 0;
}

h3 {
	font-size: 1.25em;
	padding: 0 0 .2em 0;
}

h4 {
	font-size: 1em;
	padding: 0 0 .2em 0;
}


p, ol, ul {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 1em;
}

#page ul {
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 0;
}

a:link {
	color: #ff6911;
}
a:visited {
	color: inherit;
}
a:hover {
	color: inherit;
	color: inherit;
}
a:active {}

hr {
	width: 100%;
	height: 2px;
	border: 0;
	background-color: #d5d5d5;
	margin: 2em 0;
}

/* @end */

/* @group pagesetup */

/* @group bg */
.home {
	background: #dfdee4 url(/images/bg_01.jpg) no-repeat center top;
}
/* @end */

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 160px 0 0 0;
	clear: both;
	position: relative;
}

#topnav {
	width: 300px;
	position: absolute;
	left:  200px;
	top:  20px;
}

#page {
	width: 900px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}


#resultpage {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	left: 30px;
	top: 130px;
}

/* @end */

/* @group page */

/* @group vacaturezoek */

.vacaturezoek div.roundedMiddle {
	min-height: 410px;
	height: auto !important;
	height: 410px; /*voor IE6 */
}

.vacaturezoek input[type="checkbox"],
.vacaturezoek input.kruiske {
	float: left;
}

.vacaturezoek label {
	display: block;
	margin: 0 0 0 26px;
	font-size: 12px;
	color: #333;
}

.vacaturezoek div.kruiskeLabel {
	margin-bottom: 6px;
	overflow: hidden;
	width: 100%;
}

.vacaturezoek h2  {
	font-size: 1.2em;
	padding-bottom: 1em;
}
.vacaturezoek h2 strong {
}


/* @end */

/* @group zoeken */

#middenBreed, #zoeken, .vacatures {
	width: 900px;
	margin: 0 auto;
}

#middenBreed div.roundedTop, #zoeken div.roundedTop, .vacatures div.roundedTop {
	background: url(img/bg_rounded_shadows_resultpage_top.png) no-repeat center top;
	display: block;
	width: 900px;
	height: 35px;
}

#middenBreed div.roundedMiddle, #zoeken div.roundedMiddle, .vacatures div.roundedMiddle {
	background: url(img/bg_rounded_shadows_resultpage_middle.png) repeat-y center bottom;
	display: block;
	width: 820px;
	padding: 0 40px 40px 40px;
	margin: 0;
}

#middenBreed div.roundedBottom,
#zoeken div.roundedBottom,
.vacatures div.roundedBottom {
	background: url(img/bg_rounded_shadows_resultpage_bottom.png) no-repeat center bottom;
	display: block;
	width: 900px;
	height: 45px;
	margin: 0;
}


/* @end */

/* @group 1 kol */

#midden {
	display: block;
	width: 640px;
	margin: 0 auto;
}

#midden div.roundedTop {
	background: url(img/bg_rounded_shadows_middenTop.png) no-repeat center top;
	display: block;
	width: 650px;
	height: 35px;
}

#midden div.roundedMiddle {
	background: url(img/bg_rounded_shadow_middenMiddle.png) repeat-y center bottom;
	display: block;
	width: 570px;
	padding: 0 40px 40px 40px;
	margin: 0;
}

#midden div.roundedBottom {
	background: url(img/bg_rounded_shadows_middenBottom.png) no-repeat center bottom;
	display: block;
	width: 650px;
	height: 45px;
	margin: 0;
}



/* @end */

/* @group 2 kol */

#links,
#rechts {
	display: block;
	width: 450px;
}

#links {
	float: left;
}

#rechts {
	float: right;
}

#links div.roundedTop,
#rechts div.roundedTop {
	background: url(img/bg_rounded_shadow_top.png) no-repeat center top;
	display: block;
	width: 450px;
	height: 35px;
}

#links div.roundedMiddle,
#rechts div.roundedMiddle {
	background: url(img/bg_rounded_shadow_middle.png) repeat-y center bottom;
	display: block;
	width: 370px;
	padding: 0 40px 40px 40px;
	margin: 0;
}

#links div.roundedMiddle h2,
#rechts div.roundedMiddle h2 {
	margin-top: 0;
	padding-top: 0;
}

#links div.roundedBottom,
#rechts div.roundedBottom {
	background: url(img/bg_rounded_shadow_bottom.png) no-repeat center bottom;
	display: block;
	width: 450px;
	height: 45px;
	margin: 0;
}

#rechts h2 {
	color: #66523d ;
}



/* @end */

/* @group 3kol */
#kol01,
#kol02,
#kol03 {
	display: block;
	width: 298px;
	margin: 0 1px;
}

#kol01 {
	float: left;
}

#kol02 {
	float: left;
}

#kol03 {
	float: right;
}

#kol01 div.roundedTop,
#kol02 div.roundedTop,
#kol03 div.roundedTop {
	background: url(img/bg_rounded_shadows_3kol_top.png) no-repeat left top;
	display: block;
	width: 298px;
	height: 35px;
}

#kol01 div.roundedMiddle,
#kol02 div.roundedMiddle,
#kol03 div.roundedMiddle {
	background: url(img/bg_rounded_shadows_3kol_middle.png) repeat-y left bottom;
	display: block;
	width: 218px;
	padding: 0 40px 40px 40px;
	margin: 0;
}

#kol01 div.roundedMiddle h2,
#kol02 div.roundedMiddle h2,
#kol03 div.roundedMiddle h2 {
	margin-top: 0;
	padding-top: 0;
}

#kol01 div.roundedBottom,
#kol02 div.roundedBottom,
#kol03 div.roundedBottom {
	background: url(img/bg_rounded_shadows_3kol_bottom.png) no-repeat left bottom;
	display: block;
	width: 298px;
	height: 45px;
	margin: 0;
}


/* @end */

/* @group diensten */

body.startpagina {
	background: #dfdee4 url(../images/bg_anouk.jpg) no-repeat center top;
}

body.diensten {
	background: #dfdee4 url(../images/bg_09.jpg) no-repeat center top;
}


#inleiding {
	display: block;
	width: 820px;
	margin: 0 auto;
	margin-bottom: 2em;
	font-size: 1.2em;
	line-height: 160%;
}

/*#kol01,
#kol02,
#kol03 {
	display: block;
	width: 298px;
	margin: 0 1px;
}

#kol01 {
	float: left;
}

#kol02 {
	float: left;
}

#kol03 {
	float: right;
}

#page.diensten #kol01 div.roundedTop,
#page.diensten #kol02 div.roundedTop,
#page.diensten #kol03 div.roundedTop {
	background: url(img/bg_rounded_shadows_diensten_topInterim.png) no-repeat left top;
	display: block;
	width: 298px;
	height: 80px;
}

#page.diensten #kol02 div.roundedTop {
	background: url(img/bg_rounded_shadows_diensten_topHR.png) no-repeat left top;
}

#page.diensten #kol03 div.roundedTop {
	background: url(img/bg_rounded_shadows_diensten_topPro.png) no-repeat left top;
}



#page.diensten #kol01 div.roundedMiddle,
#page.diensten #kol02 div.roundedMiddle,
#page.diensten #kol03 div.roundedMiddle {
	background: url(img/bg_rounded_shadows_diensten_middle.png) repeat-y left bottom;
	display: block;
	width: 218px;
	padding: 0 40px 40px 40px;
	margin: 0;
}

#page.diensten #kol01 div.roundedMiddle h2,
#page.diensten #kol02 div.roundedMiddle h2,
#page.diensten #kol03 div.roundedMiddle h2 {
	margin-top: 0;
	padding-top: 0;
}

#page.diensten #kol01 div.roundedBottom,
#page.diensten #kol02 div.roundedBottom,
#page.diensten #kol03 div.roundedBottom {
	background: url(img/bg_rounded_shadows_diensten_bottom.png) no-repeat left bottom;
	display: block;
	width: 298px;
	height: 45px;
	margin: 0;
}*/

#hidden01,
#hidden02,
#hidden03 {
	display: none;
}

#hidden01 p,
#hidden02 p,
#hidden03 p {
	margin: 0;
}

#hidden01 h4,
#hidden02 h4,
#hidden03 h4 {
	margin-top: 1em;
	margin-bottom: .3em;
}

body.diensten #links div.roundedTop,
body.diensten #rechts div.roundedTop {
	background: url(img/bg_rounded_shadow_top.png) no-repeat center top;
	display: block;
	width: 450px;
	height: 40px;
}

/* @end */


/* @end */

/* @group Apple searchbox */

#searchform {
	margin: 0;
	padding: 0;
	background: transparent;
}

#searchform fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#searchform label {
	color: #999;
	display: none;
}

#searchform input {
	width: 180px;
	color: #222;
}

#searchform #submitquery {
	display: none;
}

/* @end */

/* @group footer */

#footer {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #66523d;
	font-size: .85em;
}

#footer a {
	text-decoration: none;
	color: #66523d;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

#legal a {
	border-bottom: 1px dotted #66523d;
	text-decoration: none;
}

/* @end */

/* @group navigatie */

h1 {
	padding: 0;
	margin: 0;
}

h1 a {
	display: block;
	width: 100px;
	height: 25px;
	text-indent: -8000px;
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	left: 120px;
	top: 52px;
	z-index: 10;
}

#topnav #mainnav {
	width: 200px;
	margin-left: 27px;
	margin-top: 4px;	
}

#topnav #mainnav ul,
#topnav #mainnav ul li {
	padding: 0;
	margin: 0;
	line-height: 125%;
}

#topnav #mainnav ul li a {
	text-decoration: none;
	font-size: .8em;
	color: #000;
	padding: 0;
}

#topnav #mainnav ul li.active a,
#topnav #mainnav ul li a:hover {
	color: #ff6911;
}

/* @end */

/* @group content */

a.btn {
	display: block;
	float: left;
	z-index: 100;
}

/* @end */

/* @group tablesorter */
table.tablesorter {
	background-color: #fff;
	margin:0 0 15px;
	font-size: .9em;
	width: 540px;
	text-align: left;
	border: 2px solid #fff;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #bcb5ae;
	border: 1px solid #FFF;
	font-size: .9em;
	padding: 4px;
	color: #fff;
}
table.tablesorter thead tr .header {
	background-image: url(sorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody {
	border: none;
}
table.tablesorter .functie {
	font-weight: bold;
	color: #000;
}

table.tablesorter tbody td {
	padding: 4px;
	background-color: #fff;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color: #ebebeb;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(sorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(sorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ff6911;
}



/* @end */

/* @group vacturesList */
div#vacturesList {
	overflow: auto;
	list-style-type: none;
}

div#vacturesList div#left {
	float: left;
}
div#vacturesList div#right {
	display: block;
	width: 240px;
	padding: 4px;
	float: right;
}

div#vacturesList div#right .group {
	border-top: 2px solid #ebebeb;
	padding: 4px 0 2px;
	margin-bottom: 4px;
	border-color: #66523d;
}

div#vacturesList div#right .group ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

div#vacturesList div#right h4 {
	padding: 2px 0 5px 0;
}


div#vacturesList div#right h5 {
	font-size: .9em;
	color: #66523d;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-color: #574634;
	text-align: left;
}

div#vacturesList div#right a.alles {
	display: block;
	background: transparent url(img/bg_alles.png) no-repeat left center;
	padding: 2px 7px 3px 9px;
	color: #fff;
	margin: 2px 0;
	font-size: 9px;
}
div#vacturesList div#right a.alles:hover {
	color:  #000;
}

div#vacturesList div#right a {
	color: #2d2d2d;
	text-decoration: none;
	font-weight: normal;
	font-size: 9px;
}

div#vacturesList div#right a:hover{
	color: #ff6911;
}

div#vacturesList div#right li.selected {
	background: transparent url(img/bg_filter.png) no-repeat center center;
	padding: 0 9px 1px 9px;
}
div#vacturesList div#right li.selected a {
	color: #fff;
}



/* @end */

/* @group vacatures */

div.vacatureDetail {
	background-color: #fff;
	border: 1px solid #ff6911;
	padding:  20px;
	width: 640px;
	margin:  0 auto;
	position: relative;
}

div.vacatureDetail a.terug {
	display: block;
	position: absolute;
	right: 0;
	top:  0;
	text-align: right;
	padding: 4px 8px;
	border: 1px solid #ff6911;
	border-right: 0 ;
	border-top-width: 0 ;
	text-decoration: none;
	color: #ff6911;
	background-color: #fff1e8;
}

div.vacatureDetail a.terug:hover {
	color: #fff;
	background-color: #ff6911;
}

div.vacatureDetailHead {
	overflow: auto;
	margin-bottom: 1em;
	clear: ;
}

div.vacatureDetailHead h2 {
	font-size: 2em;
	padding: 0;
	margin-bottom: .5em;
}

div.vacatureDetailHead h4 {
	color: #66523d;
	margin-bottom: 1.5em;
}

div.vacatureDetailHead span.datumPublicatie {
	font-size: .8em;
	color: #66523d;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #66523d;
}

div.vacatureDetailBody {
	margin-bottom: 1em;
}

div.vacatureDetailBody div.group,
div.vacatureDetailContact div.group {
		border-top: 1px solid #d1d1d1;
		padding-top: 1em;
}

div.vacatureDetailBody h5,
div.vacatureDetailContact h5 {
	color: #66523d;
	font-size: .8em;
	float: left;
}

div.vacatureDetailBody p,
div.vacatureDetailContact p {
	font-weight: normal;
	margin-left: 180px;
}

#page div.vacatureDetailBody ul,
#page div.vacatureDetailContact ul {
	margin-left: 197px;
	list-style-type: square;
	font-weight: normal;
}

div.vacatureDetailFooter p {
	font-weight: normal;
	font-size: .75em;
}

/* @group aanpassing */

body.vacatures #page {
	width: 910px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

body.vacatures #kol02,
body.vacatures #kol03 {
	display: block;
	width: 450px;
}

body.vacatures #kol02 {
	float: left;
}

body.vacatures #kol03 {
	float: right;
}

body.vacatures #kol02 div.roundedTop,
body.vacatures #kol03 div.roundedTop {
	background: url(img/bg_rounded_shadow_top.png) no-repeat center top;
	display: block;
	width: 450px;
	height: 35px;
}

body.vacatures #kol02 div.roundedMiddle,
body.vacatures #kol03 div.roundedMiddle {
	background: url(img/bg_rounded_shadow_middle.png) repeat-y center bottom;
	display: block;
	width: 370px;
	padding: 0 40px 40px 40px;
	margin: 0;
}

body.vacatures #kol02 div.roundedMiddle h2,
body.vacatures #kol03 div.roundedMiddle h2 {
	margin-top: 0;
	padding-top: 0;
}

body.vacatures #kol02 div.roundedBottom,
body.vacatures #kol03 div.roundedBottom {
	background: url(img/bg_rounded_shadow_bottom.png) no-repeat center bottom;
	display: block;
	width: 450px;
	height: 45px;
	margin: 0;
}

body.vacatures #kol03 h2 {
	color: #66523d ;
}


/* @end */

/* @end */

/* @group vestigingen */

#route {
	overflow: auto;
	width: 100%;
}

#Vestiging1,
#Vestiging2,
#Vestiging3,
#Vestiging4 {
	width: 185px;
	padding: 5px 10px 10px 0px;
	float: left;
	margin-left: 9px;
}

#Vestiging1,
#Vestiging2,
#Vestiging3 {
	border-right: 1px solid #66523d;
}

#route address {
	font-style: normal;
}




/* @end */