@charset "utf-8";

/* default.css voor itelco.com */



html {

	min-height:100%;

	margin-bottom:1px;

}



body {

	background:#fff url(img/back_body2.jpg) top left repeat-x;

	margin:0;

	padding:0;

	}



body.Intro {

	background:#cfcfcf url(img/back_intro.jpg) 0 52px repeat-x;

	}



a {outline:none;}



/* algemene terugkerende classes */



.Holder { clear:both; }



.Center { text-align:center; }	

.Centered { margin:0 auto; text-align:left; }



.Column { float:left;}

.ColumnRight { float:right;}



.Span-14 { width:990px; }

.Span-10 { width:715px; }

.Span-7 { width:595px; }

.Span-4 { width:275px; }

.Span-3 { width:115px; }



/* Holders */



/*Join-us button */

#joinUs {

		position:absolute;

		left:750px;

		top:44px;

		background:url(img/btn-joinus.jpg) center center no-repeat;

		height:76px;

		width:128px;

		display:block;

		text-indent:-9999px;

}



#HeaderHolder {

	height:53px;

	}



#Header {

	position:relative;

	height:52px;

	background-position:-430px 0;

	}



#Header #AlgNav {

	margin:0;

	margin-left:270px;

	padding:0;

	padding-top:18px;

}



#Header #navJoinUs {

	position:absolute;

	top:10px;

	right:0;

}



#Header #navJoinUs img {

	border:0;

}



#Header #AlgNav ul {

	margin:0;

	padding:0;

	list-style:none;

}



#Header #AlgNav li {

	margin-left:10px;

	list-style:none;

	display:block;

	float:left;

}



#Header #AlgNav li a {

	color:#fff;

	text-decoration:none;

	height:19px;

	line-height:18px;

	display:block;

	float:left;

}



#Header #AlgNav li a span {

	float:left;

}



#ContentHolder {

	min-height:350px;

	_height:350px;

}



/* ict resourcing */



body.ict-resourcing-oplossingen #Header #AlgNav li a,

body.ict-resourcing-solutions #Header #AlgNav li a {

	padding-left:2px;

	background:url(img/main_resourcing_left.gif) left center no-repeat;

}



body.ict-resourcing-oplossingen #Header #AlgNav li a span,

body.ict-resourcing-solutions #Header #AlgNav li a span {

	padding:0 7px 0 5px;

	background:url(img/main_resourcing_right.gif) right center no-repeat;

	height:19px;

	display:block;

}



body.ict-resourcing-oplossingen #Header #AlgNav li a:hover,

body.ict-resourcing-solutions #Header #AlgNav li a:hover,

body.ict-resourcing-oplossingen #Header #AlgNav li.Current a,

body.ict-resourcing-solutions #Header #AlgNav li.Current a {

	background:url(img/main_resourcing_left_active.gif) left center no-repeat;

}



body.ict-resourcing-oplossingen #Header #AlgNav li a:hover span,

body.ict-resourcing-solutions #Header #AlgNav li a:hover span,

body.ict-resourcing-oplossingen #Header #AlgNav li.Current a span,

body.ict-resourcing-solutions #Header #AlgNav li.Current a span {

	background:url(img/main_resourcing_right_active.gif) right center no-repeat;

}







/* project-solutions */



body.project-solutions #Header #AlgNav li a {

	padding-left:2px;

	background:url(img/main_contracting_left.gif) left center no-repeat;

}



body.project-solutions #Header #AlgNav li a span {

	padding:0 7px 0 5px;

	background:url(img/main_contracting_right.gif) right center no-repeat;

	height:19px;

	display:block;

}



body.project-solutions #Header #AlgNav li a:hover,

body.project-solutions #Header #AlgNav li.Current a {

	background:url(img/main_resourcing_left_active.gif) left center no-repeat;

}



body.project-solutions #Header #AlgNav li a:hover span,

body.project-solutions #Header #AlgNav li.Current a span {

	background:url(img/main_resourcing_right_active.gif) right center no-repeat;

}



/* permanent-recruitment */

body.permanent-recruitment #Header #AlgNav li a {

	padding-left:2px;

	background:url(img/main_permanent_left.gif) left center no-repeat;

}



body.permanent-recruitment #Header #AlgNav li a span {

	padding:0 7px 0 5px;

	background:url(img/main_permanent_right.gif) right center no-repeat;

	height:19px;

	display:block;

}



body.permanent-recruitment #Header #AlgNav li a:hover,

body.permanent-recruitment #Header #AlgNav li.Current a {

	background:url(img/main_resourcing_left_active.gif) left center no-repeat;

}



body.permanent-recruitment #Header #AlgNav li a:hover span,

body.permanent-recruitment #Header #AlgNav li.Current a span {

	background:url(img/main_resourcing_right_active.gif) right center no-repeat;

}





/* executive-search */





body.executive-search #Header #AlgNav li a {

	padding-left:2px;

	background:url(img/main_executive_left.gif) left center no-repeat;

}



body.executive-search #Header #AlgNav li a span {

	padding:0 7px 0 5px;

	background:url(img/main_executive_right.gif) right center no-repeat;

	height:19px;

	display:block;

}



body.executive-search #Header #AlgNav li a:hover,

body.executive-search #Header #AlgNav li.Current a {

	background:url(img/main_resourcing_left_active.gif) left center no-repeat;

}



body.executive-search #Header #AlgNav li a:hover span,

body.executive-search #Header #AlgNav li.Current a span {

	background:url(img/main_resourcing_right_active.gif) right center no-repeat;

}











/* join us */



body.joinus #Header #AlgNav li a,

body.joinus #Header #AlgNav li a {

	padding-left:2px;

	background:url(img/main_joinus_left.gif) left center no-repeat;

}



body.joinus #Header #AlgNav li a span,

body.joinus #Header #AlgNav li a span {

	padding:0 7px 0 5px;

	background:url(img/main_joinus_right.gif) right center no-repeat;

	height:19px;

	display:block;

}



body.joinus #Header #AlgNav li a:hover,

body.joinus #Header #AlgNav li.Current a {

	background:url(img/main_resourcing_left_active.gif) left center no-repeat;

}



body.joinus #Header #AlgNav li a:hover span,

body.joinus #Header #AlgNav li.Current a span {

	background:url(img/main_resourcing_right_active.gif) right center no-repeat;

}













.Intro #HeaderHolder{ 

	background:url(img/back_flash.jpg) top center no-repeat;

}



body.joinus #HeaderHolder {

	background:url(img/back_top_joinus.jpg) top center no-repeat;

}



.ict-resourcing-oplossingen #HeaderHolder, .ict-resourcing-solutions #HeaderHolder{

	background:url(img/back_top_resourcing.jpg) top center no-repeat;

	}



.ict-resourcing-oplossingen #Header, .ict-resourcing-solutions #Header{

	background-image:url(img/back_top_resourcing.jpg);

	}



.project-solutions #HeaderHolder{

	background:url(img/back_top_contracting.jpg) top center no-repeat;

	}

	

.project-solutions #Header{

	background-image:url(img/back_top_contracting.jpg);

	}

	

.permanente-aanwerving #HeaderHolder, .permanent-recruitment #HeaderHolder{

	background:url(img/back_top_recruitment.jpg) top center no-repeat;

	}



.permanente-aanwerving #Header, .permanent-recruitment #Header{

	background-image:url(img/back_top_recruitment.jpg);

	}



.executive-search #HeaderHolder{

	background:url(img/back_top_executive.jpg) top center no-repeat;

	}



.executive-search #Header{

	background-image:url(img/back_top_executive.jpg) ;

	}

	

#FlashHolder {

	background:#4c4c4c;

	height:206px;

	width:100%

}



#Footer {

	margin:0 auto;

	height:45px;

	width:990px;

}

#FooterHolder {  /* privacy statement */

	clear:both;

	margin-bottom:10px;

	padding:20px 0;

	height:20px;

	}



#FooterHolder a {

	float:right;

	}

a.Wax {

	background:url(img/wax_logo.jpg) center center no-repeat;

	width:25px;

	height:20px;

	text-indent:-9999px;

	display:block;

	float:right;

	position:fixed;

	bottom:10px;

	right:10px;

}



/* End FooterNav */



/* info */



#info_wrapper {

	background:transparent url(img/back_footer.gif) repeat-x center top;

	clear:both;

}



#info {

	margin:0 auto;

	padding-left:280px;

	width:710px;

	height:110px;

	clear:both;

}



#info p {

	margin:0;

	padding:0;

	padding:15px 0 10px 0;

	font-size:0.9em;

	color:#AAC1CC;

}



#info a {

	color:#AAC1CC;

	text-decoration:none;

}



#info ul {

	margin:0;

	padding:0;

	font-size:0.9em;

	color:#AAC1CC;

	list-style:none;

}



#info ul li {

	width:120px;

	display:inline;

	float:left;

}



#info ul li ul {

	list-style:none;

}



#info ul li ul li {

	padding:3px 0;

	display:block;

	float:none;

}



/* end info */





/* logo's */



.Logo { 

	display:block;

	text-indent:-9999px;

	width:120px;

	height:48px;

	background-position:center;

	background-repeat:no-repeat;

	left:114px;

	outline:none;

	position:absolute;

	float:left;

	}



.ict-resourcing-oplossingen .Logo, .ict-resourcing-solutions .Logo {

	background-image:url(img/logo_resourcing.gif);

	}



.project-solutions .Logo {

	background-image:url(img/logo_contracting.gif);

	}



.permanente-aanwerving .Logo, .permanent-recruitment .Logo {

	background-image:url(img/logo_recruitment.gif);

	}

	

.executive-search .Logo {

	background-image:url(img/logo_executive.gif);

	}

	

.joinus .Logo {

	background-image:url(img/logo_joinus.gif);

}



/* Header Strong */



#Header strong {

	font:1.4em normal "Trebuchet MS";

	color:#FFFFFF;

	position:absolute;

	top:17px;

	left:265px;

	}



/* MainNav default */

	

#MainNav {

	position:relative;

}



#MainNav ul.Language {

	margin:0;

	padding:0;

	position:absolute;

	top:20px;

	right:0;

}



#MainNav ul.Language li a {

	text-transform:uppercase;

	text-align:center;

	vertical-align:middle;

}

	

#MainNav ul{

	list-style:none;

	margin:20px 0 0 0;

	padding:0;

}

	

#MainNav ul li {

	float:left;

	padding-bottom:4px;

	background-position:47% 100%;

	background-repeat:no-repeat;

	margin:0 7px 0 0;

	}



#MainNav ul li a, a.More {

	display:block;

	background-position:top left;

	background-repeat:no-repeat;

	padding:0 0 0 5px;

	text-decoration:none;

	color:#7e9ba8;

	}



#MainNav ul li a span, a.More span {

	float:none;

	display:block;

	padding:4px 12px 6px 7px;

	background-position:top right;

	background-repeat:no-repeat;

	}

	

#MainNav ul li a:hover, #MainNav ul li a:focus, #MainNav ul li.Current a, #MainNav ul li:hover a, a.More:hover, a.More:focus  {

	background-position: 0 -24px;

	color:#fff;

	}



#MainNav ul li a:hover span, #MainNav ul li a:focus span, #MainNav ul li.Current a span, #MainNav ul li:hover a span, a.More:hover span, a.More:focus span {

	background-position: 100% -24px;

	color:#fff;

	}



a.More { background-image:url(img/tab_main_left.gif); width:88px; margin-top:-15px; float:right; }

a.More span { background-image:url(img/tab_main_right.gif) }



/* MainNav variabel */



.ict-resourcing-oplossingen #MainNav ul li.Current {

	background-image:url(img/li_green.gif);

	}



.ict-resourcing-oplossingen #MainNav ul li a, .ict-resourcing-solutions #MainNav ul li a {

	background-image:url(img/tab_green_left.gif)

	}

	

.ict-resourcing-oplossingen #MainNav ul li a span, .ict-resourcing-solutions #MainNav ul li a span{

	background-image:url(img/tab_green_right.gif)

	}

	

.project-solutions #MainNav ul li.Current {

	background-image:url(img/li_yellow.gif);

	}



.project-solutions #MainNav ul li a {

	background-image:url(img/tab_yellow_left.gif)

	}

	

.project-solutions #MainNav ul li a span{

	background-image:url(img/tab_yellow_right.gif)

	}



.permanente-aanwerving #MainNav ul li.Current, .permanent-recruitment #MainNav ul li.Current{

	background-image:url(img/li_blue.gif);

	}



.permanente-aanwerving #MainNav ul li a, .permanent-recruitment #MainNav ul li a{

	background-image:url(img/tab_blue_left.gif)

	}

	

.permanente-aanwerving #MainNav ul li a span, .permanent-recruitment #MainNav ul li a span{

	background-image:url(img/tab_blue_right.gif)

	}



.executive-search #MainNav ul li.Current {

	background-image:url(img/li_grey.gif);

	}



.executive-search #MainNav ul li a {

	background-image:url(img/tab_grey_left.gif)

	}

	

.executive-search #MainNav ul li a span{

	background-image:url(img/tab_grey_right.gif)

	}

.joinus #MainNav ul li.Current {

	background-image:url(img/li_purple.gif);

}



.joinus #MainNav ul li a {

	background-image:url(img/tab_purple_left.gif)

}



.joinus #MainNav ul li a span {

	background-image:url(img/tab_purple_right.gif)

}



/* end MainNav */



#LeftNav {

	/*height:430px;*/

	margin:20px 0 0;

	}



/* voorlopig */



#Content { position:relative; }



#RealContent {

	margin-bottom:10px;

}



#RealContent .manager {

	position:relative;

	margin:0;

	padding:10px;

	margin-top:15px;

	border-bottom:1px solid #AAC1CC;

	font-size:12px;

	width:330px;

	height:150px;

	float:left;

}



#RealContent .manager p {

	margin:0;

	padding:0;

}



#RealContent .manager .rmore {

	position:absolute;

	bottom:10px;

	width:330px;

	clear:both;

}



#RealContent .manager a,

#RealContent .manager .rmore a {

	color:#8DA8B5;

	text-decoration:none;

}



#RealContent .manager img {

	margin:0 10px 10px 0;

	border:1px solid #999;

	padding:2px;

	background-color:#FFFFFF;

	float:left;

}



#RealContent .manager .team-naam {

	padding-bottom:10px;

	font-size:14px;

	font-weight:bold;

}



#RealContent .even {



	margin-left:10px;

}



#RealContent .news_item {

	margin:0;

	padding:20px 0 10px;

	font-size:12px;

	color:#77A9BF;

}



#RealContent .news_item .date {

	text-transform:uppercase;

	font-size:12px;

	color:#AAC1CC;

}



#RealContent .news_item h3 {

	margin:0;

	padding:10px 0;



}



#RealContent .news_item p {

	line-height:normal;



}



#RealContent .news_item a {

	text-decoration:none;

	color:#7193a2;

}



#RealContent #contact {

	margin:0;

	padding:0;

}



#RealContent #contact li {

	margin:0;

	padding:0;

	margin-bottom:10px;

	clear:both;

}



#RealContent #contact li .title {

	padding:7px 20px;

	background-color:#7193A2;

}



#RealContent #contact li .title h3 {

	margin:0;

	padding:0;

	color:#fff;

}



#RealContent #contact li .content {

	margin:0;

	padding:0;

	padding:0 20px;

}



#RealContent #contact li .content .divide {

	width:325px;

	float:left;

}





#RealContent .contact_item {

	text-align:center;

	margin:20px 30px 20px 0;

	border:0;

	width:250px;

	height:100px;

	float:left;

}



#RealContent .contact_item a {

	display:block;

}



#RealContent .contact_item img {

	border:0;

}



#AdminBar {

	position:absolute;

	background:#fff;

	padding:5px 8px;

	right:0;

	top:0;

	}

	

/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.Clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.Clearfix{display: inline-block;}

* html .Clearfix {height: 1%;}

.Clearfix {display: block;}



/***************** Intro */



#Intro {

position:relative;

top:27px;

	}



/*.Cans {

	width:926px;

	height:419px;

	background:url(img/blikjes.jpg) top left no-repeat;

	position:relative;

	}*/

	

	.Cans {

		background:transparent url(img/blikjes.jpg) no-repeat scroll left top;

		height:323px;

		position:absolute;

		left:110px;

		top:220px;

		width:920px;

	}



a.Can {

	width:110px;

	height:280px;

	position:absolute;

	top:0;

	}



#Resourcing { left:235px; }



#Contracting { left:46px; }



#Recruitment { left:422px; }



#Executive { left: 612px; }



/*.IntroTekst {

	background:url(img/introtekst.gif) top center no-repeat;

	width:990px;

	height:182px;

	margin:30px 0 0 0;

	}*/

	

	.IntroTekst {

		position:absolute;

		top:0px;

		left:200px;

		background:transparent url(img/krullewieten.jpg) no-repeat scroll center top;

		height:250px;

		width:550px;

	}

	

/********************* News */



ul.accordeon_parent { margin:0; padding:0; font-size:inherit !important; list-style:none; padding-left:0; margin-right:0 !important; }

ul.accordeon_parent li.Item { font-size:inherit !important; list-style:none; padding-left:0; margin-bottom:1.6em; border-bottom:2px solid #E1E9EC; }

ul.accordeon_parent li ul li { border:0; }



ul.accordeon_parent li .title { cursor:pointer ; }



#vacancie_wrapper .accordeon_parent li,

#RealContent #news li { margin-top:10px; border-bottom:2px solid #E1E9EC; }



#vacancie_wrapper .accordeon_parent li ul li,

#RealContent #news li ul li { margin:0; padding:0; border:0; list-style:square; }



ul.accordeon_parent h3 { margin:0.5em 0; }



ul.accordeon_parent .date { /*text-transform:uppercase;*/ }



/******************** Vacatures */



.tab { clear:both; }



#Content #RealContent #preview {

	margin-top:50px;

}



#Content #RealContent #vacancie_wrapper {

	position:relative;

}



#Content #RealContent #filter {

	position:absolute;

	top:0;

	right:0;

	width:230px;

	text-align:right;

}



#Content #RealContent #filter select {

	margin:0 0 0 5px;

	font-size:0.9em;

	width:150px;

	color:#96ACB6;

}



#Content #RealContent #filter_resourcing {

	padding:10px 0;

	border-bottom:1px solid #e1e9ec;

}



#Content #RealContent #filter_resourcing select {

	margin:0 25px 0 5px;

	font-size:0.9em;

	width:150px;

	color:#96ACB6;

}



ul.tab_parent {

	list-style:none;

	clear:both;

	padding-left:0;

	border-bottom:1px solid #e1e9ec;

	line-height:1em !important;

	font-size:inherit !important;

	margin:20px 0 20px !important;

	padding:0 0 21px;

	}



ul.tab_parent li {

	float:left;

	padding-bottom:4px;

	background-position:47% 100%;

	background-repeat:no-repeat;

	margin:0 7px 0 0;

	}



ul.tab_parent li a {

	display:block;

	background-image:url(img/tab_main_left.gif);

	background-position:top left;

	background-repeat:no-repeat;

	padding:0 0 0 5px;

	text-decoration:none;

	color:#7e9ba8;

	}



ul.tab_parent li a:hover, ul.tab_parent li a:focus, ul.tab_parent li a.active { background-position:0 -24px; color:#fff; border-bottom:1px solid #7193a1 }



ul.tab_parent li a span {

	float:none;

	display:block;

	padding:5px 12px 4px 7px;

	background-image:url(img/tab_main_right.gif);

	background-position:top right;

	background-repeat:no-repeat;

	}

	

ul.tab_parent li a:hover span, ul.tab_parent li a:focus span, ul.tab_parent li a.active span { background-position:100% -24px; color:#fff; }









/* FORMS */



/* job form */





#jobcontactForm,

#jobcontactForm dl,

#jobcontactForm dt,

#jobcontactForm dd {

	margin:0;

	padding:0;

}



#jobcontactForm dt,

#jobcontactForm dd {

	margin-left:10px;

	clear:both;

}



#jobcontactForm dd {

	position:relative;

}



#jobcontactForm dt label {

	font-weight:normal;

	color:#7E9BA8;

}



#jobcontactForm dd input {

	margin:5px 20px 10px 0;

	padding:3px 5px 3px 5px;

	font-family: "Lucida Grande CE", Verdana;

	font-size:0.9em;

	color:#96ACB6;

	border:1px solid #7E9BA8;

	width:200px;

	float:left;

}



#jobcontactForm dd textarea {

	margin:5px 0 5px 0;

	padding:3px 5px 3px 5px;

	color:#96ACB6;

	font-family: "Lucida Grande CE", Verdana;

	font-size:0.9em;

	width:400px;

	border:1px solid #7E9BA8;

	height:140px;

}



#jobcontactForm dd #xyz {

	border:1px solid #7E9BA8;

	height:28px;

	width:140px;

	color:#7E9BA8;

	background-color:#eee;

}



#jobcontactForm #attachment {

	border:0;

}



#jobcontactForm ul.errors {

	margin:0;

	padding:0;

	margin:6px 0 6px 0;

	list-style:none;

	font-size:0.95em;

	color:#FF0000;

	float:left;

}



/* end job form */