/*-----------------------------------------------------------------------------------
	
	VAN EDE & PARTNERS - OUTPLACEMENT & LOOPBAANBEGELEIDING
	o n d e r n e m e n     m e t    j e    t a l e n t e n
	www.vanede.nl

-----------------------------------------------------------------------------------

	G R A F I S C H E   V O R M G E V I N G
	MEZZAluna grafischontwerp
	www.mezzaluna.nl
	
	B A S E   &   T E C H N I E K
	IMPRES INTERNETGROEP
	www.impres.nl

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	KALE TAGS
/*-----------------------------------------------------------------------------------*/

body {
    font-size: 12px;
    color: #000;
    font-family: Verdana, sans-serif;
    background:#9f9f9f;
	line-height:18px;

}

a:link, a:hover, a:active, a:visited {
    color: #cc092f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3 , h4 , h5, h6 { 
	font-family: Verdana, arial, serif;
	color:#7c7d7e;

	margin-bottom:0.8em;
	 }
	 
h1 {
	font-size:18px;
}


 	h1.nomargin {
 		margin-bottom:0px;
		padding-bottom:0px;
 	}

li {
	
}

b,strong { font-weight:bold; }

i,em { font-style:italic; }



/*
WRAPS 
*/


#container { position:relative; margin:10px auto; background:#fff url(../img/containerBg.jpg) top right repeat-y; width:1000px; }

#theyellowone {
		position:			absolute;
		bottom:				51px;
		left:				200px;
		height:				10px;
		width:				595px;
		background: 		#ffc82e;
}

#content-wrapper {	
	float:left;
	 width:595px;	
	min-height: 631px;	}


#left {
	float:left;
	width:200px;	
	
	padding-top:200px;
	background:#f7f7f7;
}

#content {
	width:575px;
	 _width:595px;
	padding:0px 10px 0px 10px;

	background:#fff;

}

#right {
	float:left;
	width:205px;
	
	background:#e8e8e8;
	border-top: 10px solid #9dce6b;

}


#logo {



    display: block;
    width: 595px;
    height: 107px;
	
	margin: 20px 0px 80px 0px;
    background: url(../img/logo.jpg) 120px 0 no-repeat;
	text-align:center;
    text-indent: -9000px;
	
	cursor:pointer;
}

/* 
TAAL SELECTIE
*/
ul#etc { font-size:10px; color:#595a5c; margin-bottom:35px; }
ul#etc li { background: url(../img/topRightBorderbottom.jpg) bottom left no-repeat; padding: 5px 0 5px 10px; }
ul#etc li a { display:block; }
ul#etc li a.gb { background: url(../img/en.jpg) top left no-repeat; padding-left: 30px; }
ul#etc li a.nl { background: url(../img/nl.jpg) top left no-repeat; padding-left: 30px; }
ul#etc li a.logintranet { background: transparent url(../img/listitem.png) 11px 3px no-repeat; padding-left: 30px;}
ul#etc li a:hover, ul#lang li a:active {  }
ul#etc li:hover, ul#lang li:active {  }
/* */

/*
ZOEKEN
*/
#search { 	float:right;	margin-right:15px; }
#search .text { 	float:left;    width: 211px;		_width:231px;	height: 28px;	padding: 0px 10px 0px 10px;	background: transparent url(../img/searchBg.png) top left no-repeat;	font-size:10px;	border:none;	color: #2f2f2f; }
#search .submit {	float:left;    width: 45px;	height:28px;    color: #fff;    border: none;    background: url(../img/searchIcon.png) top left no-repeat;	cursor:pointer; }
#search .submit:hover {	float:left;    width: 45px;	height:28px;    color: #fff;    border: none;    background: url(../img/searchIcon.png) bottom left no-repeat;	cursor:pointer; }
/* */


#topright {
	padding: 5px 0px 15px 0px;	
}

#bottomright {	
	
	padding: 20px 0px 15px 0px;
}

#right #news {	
	font-size:11px;
	color:#7c7d7e;
	line-height:18px;
	background:#fafafa;	
	padding:30px 10px; 
}

#right .newsItem {
	margin-bottom:25px;
}

#right span.newsTitle {
	font-weight:bold;
	width:190px;
	display:block;
}

#right span.newsDecription {
	line-height:17px;
	
	}
	
#right a.newsA {
	color:#cc092f;	
}

#right div.newsBox {
	margin-bottom:15px;
}
/* */

/*
 TOPMENU
 */

#menu {	margin:0; padding: 0px; width:180px; overflow: hidden; }
#menu>li { margin-left: 15px; }
#menu>li>a { width:162px; _width:180px; font-family: Verdana, sans-serif; font-size:12px; display: block; float:left; padding: 0px 0px 0px 18px; line-height: 24px; margin-bottom: 0px; text-decoration: none; text-align:left; background: transparent url(../img/listitem.png) left 7px no-repeat; color:#000; }
#menu li a:hover, #menu li a:active, #menu li a.clsLinkActive { background-position: left -55px; }
#menu li a:active {  background-position: left -55px;  }
#menu li a.clsLinkActive, #menu li a.clsLinkActiveTop { font-weight:bold; }

#menu li ul { 
	
	margin-top:0px;
	line-height:22px;
	display: none;
	border-top:			none;
	text-transform: lowercase;
	text-align:left;
	z-index:10;
}

#menu li.clsLinkActive ul,
#menu li.clsLinkActiveTop ul {
	display:block;
}

#menu li ul li {
	list-style: disc inside;
    text-decoration: none;
    color: #9d9ea0;
	margin-left: 15px;
}

#menu>li>ul>li>a {
	color:#000;
}
/* */

#quote_ct {
	position:relative;
	width:300px;
		margin: 0 auto;
	margin-top:50px;
	margin-bottom:50px;

	height:80px;
	padding:0px 20px;

}

.qtitle {
	position:absolute;
	top:-12px;
	left:110px;
	text-align:center;
	color:#7c7d7e;
	font-size:10px;
	z-index:99;
}

.quote {
	background: url(../img/quoteHaak.jpg) no-repeat;
	width:21px;
	height:64px;
	position:absolute;
}

.entry {
	margin: 0 auto;	
	margin-top:10px;
	text-align:center;
	padding:0px 15px;	
			
}

ul.images {
	list-style: none;
	margin: 5px 0 0 0;
	padding:0;
	position:relative;
}

ul.images>li.slide {
	position:absolute;
	top:0;
	left:0;
	list-style: none;
	margin:0;
	left:0;
}

.left {
	top:0;
	left:0;
	background-position:top left;
}

.right {
	top:0;
	right:0;
	background-position:bottom left;
}

.button {
	margin:0 auto;
	display:block;
	padding: 5px;
	width:170px;
		_width:180px;

	height:43px;
		_height:53px;
	color:#000 !important;
	font-size:9.5px;
	line-height:18px;
	background: transparent url(../img/btnBg.png) top left no-repeat;
	text-align:center;
}

.button span {
	width:170px;
	text-align:center;
	display:block;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	}
	
.button:hover {
	text-decoration:none;
}

.buttonsmall {
	margin:0 auto;
	display:block;
	padding: 5px;
	width:133px;
		_width:143px;

	height:38px;
		_height:48px;
	color:#000 !important;
	font-size:11px;
	line-height:32px;
	background: transparent url(../img/buttonSmall.png) top left no-repeat;
	text-align:center;	
}

#content>a.button {
	margin:0;
	padding:0;
	display:inline-block;
	width:125px;
	

	height:21px;
	
	color:#fff;
	font-size:11px;
	line-height:21px;
	background: transparent url(../img/contentbutton.png) top left no-repeat;
	text-align:center;
	text-decoration:none;
}

a.Cbutton {
	background:#C7DE96;
	color:#fff;
	padding: 5px 10px;
	height:25px;
	line-height:25px;
}

a.Cbutton:hover {
	background:#83B817;
}

#content>ul {
	margin: 0;
	padding:0;
}

#content>ul>li {
	list-style: disc inside;
	padding:0;
	margin:0;
}

#content a {
	color: #cc092f;
	text-decoration:underline;
}

#cnilanden a {
	color:	#000000;
}

#cnilanden a:hover {
	color:	#cc092f;
}
/*
 *Sitemap
 */

ul.sitemap {
	margin:0;
}

ul.sitemap li {
	list-style: disc inside;
}

ul.sitemap li ul {
	margin-left:10px;
}


.cni {
	display: 		block;
	width:			98px;
	height:			39px;
	background:		url(../img/cnilogo.jpg) left top no-repeat;
	text-indent:	-9000px;
	cursor:			pointer;
	border:			none;
	text-transform:	none;
	margin:			20px 0 0 15px;
}


#medewerker-directie a, #medewerker-cp a, #medewerker-om a {
	color:			#000;
}


/*
FOOTER 
*/

#footer {
	float:left;
	width:1000px;
		padding:0px;
	
	background: #3f3a66;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	line-height:30px;
	font-size:11px;
	text-align:center;

}

#footer a {
	color:#fff;
	margin-left:20px;
}
#footer ul {
	margin-left:10px;
	width:980px;
	height:30px;
}
#footer ul li {
	width:auto;
	text-align:center;
	margin:0;
	padding:0px 7px 0px 6px;
	display:inline;
	border-right: 1px solid #fff;
}

#footer ul li a {
	margin:0;
}

#footer #copy {
	width:100%;
	background:#9f9f9f;
	text-transform:none;
	padding-top:10px;
	line-height:11px;
}

#footer #copy a {
	text-transform: lowercase;
	border-right: 1px solid #fff;
	padding-right:5px;
	margin-right:5px;
}

/***************************************************************************
 * VAN EDE TEST
 **************************************************************************/

	.vanede-test .score {
		font-weight: bold;
		background: #eee;
		border: 1px solid #ccc;
		margin: 10px 0 15px 0;
		padding: 30px 5px;
	}

	.vanede-test .score span {
		font-size: 600%;
		color: #FFBEA7;
		vertical-align: middle;
	}

	.vanede-test p.error {
		padding: 5px;
		background: #FFBEA7;
		border: 1px solid #E57650;
		margin: 5px 0;
	}

	.vanede-test .intro {
		background: #BBDF81;
		color: #333;
		padding: 5px;
	}

	.questions li {
		margin: 5px 0;
		background: #eee;
		border: 1px solid #ccc;
		padding: 5px;
	}
	
	.questions li.error {
		border: 1px solid #ff0000;
		background: #FFBEA7;
	}
	
	.questions li em {
		display: block;
	}

	.questions-wrapper .submit {
		float: right;
		cursor: pointer;
		width: 180px;
		height: 53px;
		border: 0;
	}	

	button.submit span {
		font-size:16px;
		line-height:14px;
		padding-bottom:3px;
}
/* */

span.bigfont {
	font-size:22px;
	color:#9dce6b;
	
}

/* 
CLEARFiX ALL IN ONE POWER MEGA PACK TABLET
*/
.clearfix:before, .clearfix:after { content: "\0000"; display: block; height: 0; visibility: hidden; } 
.clearfix:after 				  { clear: both; }
.clearfix 						  { zoom: 1; }
.spacer							  { clear: both; }
/* */


/*** Route */

.route {
	display:block;
	width:	150px;
	background:#ff00ff;
	float:right;
}


/*** Plugin */
#scrollAddon {
	overflow:hidden;
	width:565px;
	_width:585px;

	padding: 10px 10px 1px 10px;
}
#scrollOptions {
	width: 575px;
	_width: 595px;
	padding: 0 10px 0 10px;
	height:24px;
	line-height:24px;
	background:#fff;
	border-top:1px solid #FFC82E;
}

#scrollOptions a.scrollOverzicht {
	color: #fd0000;
	float:right;
	font-size:11px;
}

#teamMember {
	margin: 10px 0 0 0;
	height:20px;
	width:170px;
	float:left;
	color:#7c7d7e;	
	line-height:6px;
}
.teamNumber {
	margin-left:25px;
	font-size:18px;
}

#teamLocation {
	float:left;
	color:#7c7d7e;
	line-height:14px;
}
.locationName {
	color:#000;
}

#teamLocation ul {
	overflow:		hidden;
}
#scrollNav {
	margin: 10px 10px 0 0;
	color:#7c7d7e;
	height:20px;
	float:right;
	font-size:11px;
}

a.scrollPrev {
	color:#7c7d7e;
	height:18px;
	background: url(../img/scrollPrev.jpg) top left no-repeat;
	padding-left: 25px;
	display:inline-block;
}

a.scrollNext {
	color:#7c7d7e;
	height:18px;
	background: url(../img/scrollNext.jpg) top right no-repeat;
	padding-right: 25px;
	display:inline-block;
}

#makeMeScrollable {
		width:100%;
		height: 62px;
		position: relative;
		background:#fff;
		border-top:1px solid #FFC82E;
		}
		
#makeMeScrollable div.scrollableArea img {	
		float:left;
		margin-right:7px;
		}
		
#profiel {
	overflow:hidden;
	width:575px;
	
}

div.medewerkerImg {
	width:150px;
	height:150px;
	float:left;
	display:inline;
}

span.medewerkerNaam {
	display:block;
	margin-bottom:4px;
	font-weight:bold;
}

div.medewerkerDsc {
	margin: 0 0 35px 15px;
	float:left;
	width:360px;
	font-size:13px;
}

div.werknemer {
		display:block;
		position: relative;
		width: 62px;
		float: left;
		margin: 0 4px 0 0;	
		font-size:11px;
}


/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: pointer;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.png);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: pointer;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.png);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

div.scrollableArea>a {
	overflow:hidden;
}

/* VESTIGINGEN */
#vestiging {
	overflow:hidden;
	margin-top: 25px;
}

#vestigingKaart {
	float:left;
	margin: 10px 0 0 25px;
}
#vestigingLinks {
	float:left; 
	width:160px; 
	margin-left:85px;
	padding: 0 0 0 20px;
	border-left: 1px solid #4d4e53; 
}

#vestigingLinks>a {
	display:block;
	color:#4d4e53;
	text-transform: uppercase;
	text-decoration: none;
	font-size:12px;
	line-height:26px;
}

#vestigingLinks>a:hover {
	color:#2D2358;
	text-decoration:underline;
}
div.driehoek{
    background-image: url("../images/triangle.png");
    background-repeat: no-repeat;
    height: 60px;
    padding-left: 10px;
    position: absolute;
    right: -2px;
    width: 60px;
}

div.werknemer{
	cursor:pointer;
}

.leftblock {
	width:360px;
}

div.vestiginginfo {
	overflow: hidden;
	margin: 0 20px 20px 0;
}

div.vestiginginfo span.att {
	display:inline-block;
	width: 80px;
}

div.vestigingsinfo span {
	display:inline-block;
}


/*** Route */

.leftblock {
	float:left;
}
.routebeschrijving {
	float:left;

}



ul#medewerker-directie {
    list-style-type: none;
	overflow:hidden;
    margin: 0;
    padding: 0;

}

ul#medewerker-directie li {
    float: left;
    width: 150px;
    height:200px;
    list-style-type: none;
    margin: 5px;
   
}

ul#medewerker-cp {
    list-style-type: none;
	overflow:hidden;
    margin: 0;
    padding: 0;
}

ul#medewerker-cp li {
    float: left;
    width: 150px;
    height:210px;
    list-style-type: none;
    margin: 5px;
   
}

ul#medewerker-om {
	overflow:hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#medewerker-om li {
    float: left;
    width: 150px;
    height:210px;
    list-style-type: none;
    margin: 5px;
   
}

ul#medewerker-directie li a, ul#medewerker-cp li a, ul#medewerker-om li a {
	text-decoration: none;
}


/* zoekresultaten */

.medewerker, .medewerker-dark {
    height: 142px;
    margin-bottom:10px;
    margin-top:10px;
    cursor:pointer;
}

.medewerker-dark{
    background-color:#e5e5e5;
}


.medewerker-img {
    float:left;
    overflow:hidden;
    width:138px;
    height:138px;
    border:2px solid #a67e7b;
;
}

.medewerker-content {
    padding-top:10px;
    float:left;
    width:410px;
    padding-left:10px;
    padding-right:10px;
}

.medewerker-title {
    font-weight:bold;
}

.medewerker-text {
}

/* zoeken */
input#searchfield {
   border:none; 
   background-image: url(../img/tekstvak.png);	
   height:26px;
   width:178px;
   float:left;
   background-color:#fff;
}

input#searchbutton{
    background-image: url(../img/vergrootglas.png);
    float:left;
    border:none;
    width:20px;
    height:27px;
    background-repeat:no-repeat;
    float:left;
    margin-left:10px;
    background-color:#fff;
    cursor:pointer;
}

div#searchform {
    height:80px;
}

div#searchtext {
	font-size:10px;
	text-align:center;
	border-bottom:1px solid #9f9f9f;
	margin-bottom:10px;
	margin-top:	10px;
	color: #9f9f9f;	
	width: 575px;
}