@import url("content.css");
@import url("navigatie.css");
@import url("subnavigatie.css");
@import url("ticker.css");
@import url("zoeken.css");
@import url("zoekendetail.css");
@import url("solliciteer_online.css");
@import url("logos.css");
@import url("application.css");

/* Algemeen -----------------------------------------------------------*/
body, div, img, h1, h2, h3, h4, p, ul, li, span, hr {
margin				: 0px;
padding				: 0px;
border				: 0px solid #FFFFFF;
font-family			: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size			: 11px;
color   			: #444444;
line-height			: 16px;
}

a {
color				: #000000;
text-decoration		: none;
}

a:hover {
text-decoration		: underline;
}

hr {
clear				: both;
border				: none;
height				: 1px;
margin				: 0px 0px 0px 0px;
background-color	: #DBDBDB;
}

body {
text-align			: center;
background-image	: url(../img/bgmain.gif);
background-repeat	: repeat-x;
background-color	: #FFFFFF;
}

#maincontainer {
width				: 911px;
margin				: auto;
background-image	: url(../img/bgmaincontainer.gif);
background-repeat	: no-repeat;
background-color	: #FFFFFF;
text-align			: left;
}

a.poll {
	font-size		: 20px;
	font-weight		: 20px;
	line-height		: 40px;
	padding			: 5px;
	border			: 1px solid #888888;
}

a.poll:hover {
	text-decoration	: none;
	border			: 1px solid #333333;
}

/* Header -----------------------------------------------------------*/

#headertopleft {
background-color	: #B8B8B8;
width				: 675px;
height				: 21px;
float				: left;
padding				: 4px 0px 0px 26px;
}

#headertopleft ul {
list-style-type		: none;
}

#headertopleft li {
display 			: inline;
float				: left;
padding-right		: 6px;
width				: 28px;
}

#headertopleft a {
display				: block;
height				: 16px
}

#headertopleft a:hover {
background-position	: 0 -16px;
}

#headertopleft .selected {
background-position	: 0 -16px;
}

#headertopleft a span {
display				: none ;
}

#flaguk, #flaguk a 	{ background: url("../img/flaguk.gif") no-repeat}
#flaghk, #flaghk a 	{ background: url("../img/flaghk.gif") no-repeat}
#flagnl, #flagnl a 	{ background: url("../img/flagnl.gif") no-repeat}

#choose_lang	{
background		: url("../img/button_language.gif") no-repeat;
width			: 184px;
}
#choose_lang span {
display			: none;
}


#headertopright {
background-color	: #C6C6C6;
width				: 210px;
height				: 25px;
float				: left;
}

#headerleft {
background-color		: #FFFFFF;
width				: 701px;
height				: 101px;
float				: left;
}

#headerleft img {
float				: left;
display				: inline;
padding				: 15px 0px 0px 26px;
}

#headerright {
background-color		: #ffc20e;
width				: 180px;
padding				: 0px 15px;
height				: 101px;
float				: left;
display				: inline;
}

/* Afbeelding -----------------------------------------------------------*/

#imageblock {
position				: relative;
width				: 911px;
height				: 132px;
float				: left;
}

#imageblock img.left {
position				: absolute;
z-index				: 1;
}

#imageblock img.right {
position				: absolute;
width				: 209px;
height				: 72px;
top					: 30px;
right				: 0px;
z-index				: 10;
}

/* Content -----------------------------------------------------------*/

#contentmaincontainer {
width				: 911px;
float				: left;
background-color	: #FFFFFF;
background-image	: url(../img/bgmaincontent.gif);
background-repeat	: repeat-y;
}

#contentcontainer {
width				: 701px;
float				: left;
background-color	: #FFFFFF;
}

#logoblock {
width				: 157px;
float				: left;
border-left			: 1px solid #DBDBDB;
background-color		: #FFFFFF;
padding				: 20px 26px 0px 26px;
}

#content {
width				: 701px;
float				: left;
margin				: 23px 0px 0px 0px;
}

#footer {
width				: 644px;
float				: left;
color				: #000000;
padding				: 20px 0px 20px 37px;
}

.leesverder {
color				: #000000;
text-align			: right;
}

/* ContentBlokken ----------------------------------------------------------- */

#contentleft {
width				: 336px;
border-right			: 1px solid #DBDBDB;
padding-bottom			: 30px;
float				: left;
display				: inline;
}

#contentright {
width				: 340px;
padding				: 0px 0px 30px 23px;
float				: left;
display				: inline;
}

#contentfollowleft {
width				: 516px;
border-right			: 1px solid #DBDBDB;
padding-bottom			: 30px;
float				: left;
}

#full_contentfollowleft {
width				: 701px;
padding-bottom			: 30px;
float				: left;
}

#full_contentfollowleft #advsearch_layout form {
margin              	: 0 0 0 37px;
}

.headerblock {
float				: left;
display				: inline;
padding-left			: 30px;
background-image		: url(../img/blokje.gif);
background-repeat		: no-repeat;
width				: 306px; /*336px*/
height              	: 20px;
}

.headerblock img {
float               	: left;
}

.subheaderblock {
float				: left;
width               	: 400px;
padding				: 15px 0px 20px 37px;
font-size				: 13px;
font-weight			: bold;
color				: #7F7F7F;
letter-spacing			: 1px;
}

#contenttext {
float				: left;
padding		        	: 0px 20px 0px 37px;
}

#contenttext p {
padding:0px 0px 15px 0px;
}

#contenttext img{
margin				: 0px 0px 3px 5px;
}

/* BLOK: zoek vac's -----------------------------------------------------------*/

#zoekvacature {
padding				: 0px 0px 20px 37px;
text-align			: left;
width               	: 299px;
float              		: left;
display				: inline;
}

#zoekvacature ul {
list-style-type		: none;
color				: #000000;
padding				: 14px 0px 14px 0px;
margin				: 0px;
float               	: left;
display				: inline;
}

#zoekvacature li {
margin-bottom			: 5px;
}

#zoekvacature li a {
display				: block;
}

#zoekvacature li a:hover {
background-position		: 0 -19px;
}

.zoekbutton, .zoekbutton a {
width				: 46px;
height				: 19px;
background			: url("../img/buttonzoek.gif");
float				: right;
}

.searchbutton, .searchbutton a {
width				: 60px;
height				: 19px;
background			: url("../img/button_search.gif");
float				: right;
}
/* BLOK: laatste 5 vac's -----------------------------------------------------------*/


#laatste5 {
padding				: 0px 20px 20px 37px;
text-align			: left;
float               	: left;
display				: block;
width				: 200px;
}

#laatste5 ul{
width				: 280px;
list-style-type		: none;
padding				: 0px;
margin				: 0px;
}

#laatste5 li {
margin-top 			: 10px;
}

.functie {
color				: #000000;
font-weight			: bold;
}

.morejobsbutton, .morejobsbutton a {
width				: 86px;
height				: 19px;
background			: url("../img/button_more-jobs.gif");
float				: right;
}

.morejobsbutton a:hover {
background-position	: 0 -19px;
}


/* BLOK: Chamber of Commerce Hong Kong alleen op de HK-site -----------------------------------------------------------*/

#chamber_HK {
padding				: 20px 20px 0px 37px;
}

/* BLOK: case -----------------------------------------------------------*/

#case {
padding				: 10px 36px 10px 38px;
line-height			: 18px;
float               : left;
}

#case img{
float				: right;
margin				: 0px 0px 3px 5px;
}

.caseheaderblock {
background-image	: url(../img/blokje.gif);
background-repeat	: no-repeat;
padding				: 0px 0px 12px 30px;
letter-spacing		: 1px;
width               : 306px;
}

.caseheaderimage {
float				: left;
}

.caseheader {
float				: left;
margin				: 0px 0px 12px 0px;
line-height			: 13px;
font-size			: 13px;
font-weight			: bold;
color				: #7F7F7F;
width				: 200px;
}
/* Iframes ----------------------------------------------------------- */

#iframe {
border				: 3px solid #8a8a8a;
width				: 630px;
height				: 600px;
margin				: 20px 10px 10px 36px;
}

/* BLOK: txt op home -----------------------------------------------------------*/

.home_txt {
padding				: 0 20px 40px 20px;
}
.home_txt a {
font-weight			: bold;
}
.home_txt p {
padding-top			: 8px;
}

/* BLOK: upload CV -----------------------------------------------------------*/
#uploadcv {
padding				: 10px 36px 20px 38px;
line-height			: 18px;
float               : left;
}

#uploadcv img{
border				: 0px;
float				: right;
margin				: 0px 0px 5px 10px;
}

#uploadcv ul {
list-style-type		: none;
color				: #000000;
padding				: 14px 35px 14px 0px;
}

#uploadcv li {
margin-bottom		: 5px;
}

#uploadcv li a {
display				: block;
}

#uploadcv li a:hover {
background-position	: 0 -19px;
}

.plaatsbutton, .plaatsbutton a {
width				: 96px;
height				: 19px;
background			: url("../img/button_plaats_je_cv.gif");
float				: right;
}

.uploadbutton, .uploadbutton a {
width				: 113px;
height				: 19px;
background			: url("../img/button_upload_your_cv.gif");
float				: right;
}

/* BLOK: nieuws -----------------------------------------------------------*/

#nieuws {
padding				: 10px 36px 20px 38px;
line-height			: 18px;
float               : left;
}

#nieuws ul {
list-style-type		: square;
color				: #000000;
padding				: 0px 35px 14px 0px;
}

#nieuwsblader {
padding-left:36px;
padding-right:15px;
}

#nieuwsblader a {
display			: block;
}

#nieuwsblader a:hover {
background-position	: 0 -15px;
}

#nieuwsblader_pages {
text-align			: center;
color				: #000000;
}
#nieuwsblader_pages .selected {
background-color	: #000000;
color				: #FFF;
font-weight			: bold;
}

#nieuwsblader_pages a {
padding				: 0 2px 0 2px;
display				: inline;
}


/* worden niet gebruikt */
#nieuwsblader_vorige, #nieuwsblader_vorige a {
width				: 12px;
height				: 15px;
background			: url("../img/buttonvorige_small.gif");
float				: left;
}

#nieuwsblader_volgende, #nieuwsblader_volgende a {
width				: 12px;
height				: 15px;
background			: url("../img/buttonvolgende_small.gif");
float				: right;
}
/* Formulieren ----------------------------------------------------------- */

form {
margin: 0; padding: 0;
}

input.gray {
border				: 3px solid #8a8a8a;
height				: 13px;
margin-left			: 9px;
width				: 157px;
font-family			: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size				: 11px;
color				: #000000;
padding-left			: 3px;
}

select.gray {
border				: 3px solid #8a8a8a;
margin-left			: 9px;
width				: 165px;
font-family			: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size				: 11px;
color				: #000000;
padding-left			: 3px;
}

/* BLOK: quick search -----------------------------------------------------------*/

#quicksearch {
width				: 180px;
padding				: 0px;
text-align			: right;
}

#quicksearch ul {
list-style-type		: none;
padding				: 8px 0px 14px 0px;
border-top			: 1px solid #000000;
}

#quicksearch li {
margin-bottom		: 5px;
color				: #FFFFFF;

}

#quicksearch li a {
display				: block;
color				: #000000 !important;
}

#quicksearch li a:hover {
background-position	: 0 -19px;
}

#quicksearch input {
width				: 92px;
margin-left			: 4px;
}

#headerright img {
padding				: 10px 0px 2px 0px;
}

#quicksearch .zoekbutton input {
border				: 3px solid #8a8a8a;
}

.zoekbutton {
width				: 46px;
height				: 19px;
background			: url("../img/buttonzoek.gif");
float				: right;
}

.zoekbutton a {
width				: 46px;
height				: 19px;
background			: url("../img/buttonzoek.gif");
float				: right;
}

.uitgebreidzoeken {
float:left;
padding-top:2px;
}

/* Survey (aanmelden) --------------------------------------------------------*/

#survey {
margin-left			: 10px;
}
#survey .vraag_check {
margin-left			: 10px;
margin-top			: 10px;
}
#survey span {
font-weight			: bold;
}

.survey_answers input {
margin-left			: 20px;
}
/* Sitemap -----------------------------------------------------------*/
#sitemap ul {
list-style-type:none;
padding-top:0px;
padding-left:0px;
}

#sitemap li {
font-weight:bold;
text-transform:uppercase;
padding-left:0px;
}

#sitemap ul ul{
padding-left:10px;
}
#sitemap ul ul ul{
padding-left:10px;
}



#sitemap li li{
font-weight:normal;
text-transform:none;
border-bottom:1px solid #DBDBDB;
}

#sitemap li a {
text-decoration:none;
}

#sitemap li a:hover {
text-decoration:none;
background-color:#b3b3b3;
display:block;
}

#contenttext #sitemap img {
border:none;
float:none;
padding: 0px 0px 15px 0px;
margin:0px;
}

.sitemap-nl {
float: left;
width: 205px;
border-right:1px solid #DBDBDB;
}

.sitemap-en {
float: left;
padding-left: 15px;
width: 205px;
border-right:1px solid #DBDBDB;
}

.sitemap-zh-hk {
float: right;
width: 205px;
}

/* losse elementen -----------------------------------------------------------*/

#advsearch_layout {
text-align          : left;
}

#advsearch_layout form {
float               : left;
width               : 265px;
}

#advsearch_layout ul {
list-style-type		: none;
padding				: 14px 0px 14px 0px;
}

#advsearch_layout li{
margin				: 0px 0px 5px 0px;
padding				: 0px;
xfloat               	: left;
}

#advsearch_layout li label {
width               : 90px;
float               : left;
display			: inline;
height              : 15px;
padding			: 0px;
margin			: 0px;
}



.route {
border				: 3px solid #8a8a8a;
width				: 450px;
}

/* uitbreiding splash ------------------------------------------------------*/

#splash_container {
display				: none;
cursor				: default;
}

#splash {
position			: absolute;
z-index				: 3;
top					: 0px;
left				: 0px;
border				: 1px solid #14518A;
width				: 800px;
height				: 250px;
background			: #FFF url(../img/bg_splash.gif) no-repeat center top;
text-align			: left;
}
#splash p {
margin				: 10px 0;
padding				: 0;
text-align			: left;
}

#splash_bg {
position			: absolute;
z-index				: 1;
top					: 3px;
left				: 3px;
border				: 1px solid #BFBFBF;
width				: 800px;
height				: 250px;
background-color	: #BFBFBF;
}

.blok_werving {
float				: left;
width				: 360px;
padding				: 20px;
}

.blok_werving p {
font-family			: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color				: #7F7F7F;
line-height			: 20px;
font-size			: 11px;
margin				: 0px;
padding				: 15px 5px 25px 36px;
}

.btn_werving {
padding-left		: 100px;
}

.btn_werving a {
background			: url(../img/btn_werving.gif) no-repeat;
background-position : 0px 0px;
width				: 216px;
height				: 20px;
display				: block;
}

.btn_werving a:hover {
background-position : 0px -20px;
}

.btn_detachering {
padding-left		: 100px;
}

.btn_detachering a {
background			: url(../img/btn_detachering.gif) no-repeat;
background-position : 0px 0px;
width				: 245px;
height				: 20px;
display				: block;
}

.btn_detachering a:hover {
background-position : 0px -20px;
}

#subnavbalk {
float				: left;
width				: 701px;
height				: 27px;
background-color	: #14518a;
}

#subnavbalk ul {
list-style			: none;
padding-left		: 25px;
dsplay				: inline;
margin				: 0px;
}

#subnavbalk li {
float				: left;
margin				: 0px;
padding				: 0px;
line-height			: 0px;
}

li.nav_detachering a {
background			: url(../img/nav_detachering.gif) no-repeat;
background-position : 0px 0px;
width				: 187px;
height				: 27px;
display				: block;
}

li.nav_detachering a:hover,
li.nav_detachering a.selected  {
background-position : 0px -27px;
}

li.nav_werving a {
background			: url(../img/nav_werving.gif) no-repeat;
background-position : 0px 0px;
width				: 162px;
height				: 27px;
display				: block;
}

li.nav_werving a:hover,
li.nav_werving a.selected {
background-position : 0px -27px;
}

/* RSS Feed ------------------------------------------------------*/
#feed {
	float: left;
	position		: relative;
	xleft			: 10px;
	xtop				: 20px;
	xwidth:170px /*210px;*/;
	padding: 10px;
}

.feedbox {
	width			: 167px;
	border			: 1px solid #999999;
	padding			: 10px;
	margin-bottom	: 1em;
}

/* Knopjes HEADHUNTER ------------------------------------------------------*/
/* oud ------------------------------------------------------
.headhunter_button {
	display			: block;
	font-family		: Verdana;
	font-size		: 18px;
	font-weight		: 1;
	text-decoration	: none;
	color			: #FFFFFF;
	xwidth			: 300px;
	border			: 3px solid #888888;
	background		: #585858;
	padding-top		: 1px;
	padding-bottom	: 4px;
}

.headhunter_button:hover {
	color			: #585858;
	background		: #FFFFFF;
	text-decoration	: none;
}*/

a.headhunter_button  {
	background-repeat	: no-repeat;
	display			: block;
	width			: 280px;
	height			: 50px;
	background-position	: 0px 0px;
}

a.headhunter_button:hover {
	background-position	: 0px -50px;
}

.btn_2008	{ background-image: url("../img/banner_headhunters2008.gif"); }
.btn_2009	{ background-image: url("../img/banner_headhunters2009.gif"); }