/* 
######################################################
####  Algemeen  ######################################
######################################################
*/

body {background: url(../images/layout/bg_website.gif) repeat top left;}
body, html {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.clear { clear: both; }
img {border: none;}

#div, table, td, tr {font-size: 10px;}

/* 
######################################################
####  Teksten  #######################################
######################################################
*/

h3 {margin: 0px; padding: 0px; color: white; text-transform: uppercase; font-size: 12px; font-weight: normal;}

.blokBlue a{color: #9ca2db; text-decoration: none;}
.blokLightBlue a{color: #0457b4; text-decoration: none;}
.blokOrange a{color: #fab593; text-decoration: none;}
.blokLightOrange p{color: #9d3401;}
.blokLightOrange a{color: #b24a18; text-decoration: none;}
.blokGreen a{color: #a5e38e; text-decoration: none;}
.blokLightGreen p{color: #1a7202;}
.blokLightGreen a{color: #123d02; text-decoration: none;}

.textBlue h1, .textBlue h2, .textBlue h3  {color: #0457b4;}
.textGreen h1, .textGreen h2, .textGreen h3 {color: #35a60e;}
.textOrange h1, .textOrange h2, .textOrange h3 {color: #f15103;}
.textPurple h1, .textPurple h2, .textPurple h3 {color: #6506a4;}
.text h1 {font-size: 16px; font-weight: bold; margin: 0px; padding: 0px;}
.text h2 {font-size: 12px; font-weight: bold; margin: 0px; padding: 0px;}
.text.vacatures h1, .text.vacatures h2 {font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;}
.text.vacatures h2.multiple {margin: 0px;}
.text p {margin: 0px 0px 8px 0px; padding: 0px; font-size: 10px;}

.textPurple a, .textPurple a b{color: #6506a4; text-decoration: underline;}
.textPurple a:hover, .textPurple a:hover b {text-decoration: none;}

.text b{font-weight: bold; color: #0457b4;}
.textBlue input.submit {width: 64px; height: 26px; border: 1px solid #0457b4; background: #689ad3; padding: -10px; color: white;}

.blokLeft a{width: 100%; height: 100%; display: block;}
.blokRight {font-size: 10px;}
.blokRight h2{font-size: 11px; font-weight: bold;}

.blokRightOrange {color: #9d3401;}
.blokRightOrange ul {list-style: none; margin: 10px 0px 0px 0px; padding: 0px;}
.blokRightOrange ul li {width: 161px; height: 15px; margin-bottom: 2px; background: url(../images/layout/list_orange.gif) no-repeat top left; padding: 2px 0px 0px 10px;}
.blokRightOrange ul li a {width: 100%; height: 100%; color: #bc4002; text-decoration: none; display: block; font-weight: bold;}
.blokRightOrange ul li a:hover {color: #822c01;}

.blokRightGreen {color: #1c4000;}
.blokRightGreen ul {list-style: none; margin: 10px 0px 0px 0px; padding: 0px;}
.blokRightGreen ul li {width: 161px; height: 15px; margin-bottom: 2px; background: url(../images/layout/list_green.gif) no-repeat top left; padding: 2px 0px 0px 10px;}
.blokRightGreen ul li a {width: 100%; height: 100%; color: #237e04; text-decoration: none; display: block; font-weight: bold;}
.blokRightGreen ul li a:hover {color: #154d02;}

.blokRightBlue {color: #03335d;}
.blokRightBlue ul {list-style: none; margin: 10px 0px 0px 0px; padding: 0px;}
.blokRightBlue ul li {width: 161px; height: 15px; margin-bottom: 2px; background: url(../images/layout/list_blue.gif) no-repeat top left; padding: 2px 0px 0px 10px;}
.blokRightBlue ul li a {width: 100%; height: 100%; color: #064387; text-decoration: none; display: block; font-weight: bold;}
.blokRightBlue ul li a:hover {color: #022955;}

.blokStart {padding: 5px 5px 0px 5px; color: white; font-size: 10px;}
.blokStart p{margin: 0px; padding: 0px;}
.blokStart.blok-lichtoranje p{margin: 0px; padding: 0px;}
.blokStart.blok-lichtgroen p{margin: 0px; padding: 0px;}
.blokStart a:hover {color: white;}

.blokTekst {padding: 5px 3px 0px 3px; text-align: justify;}
.blokTekst p {margin: 0 0 10px 0;}
.blokTekst a:hover {text-decoration: none;}
.blokTekst h1{font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; text-align: left;}
.blokTekst h2{font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; text-align: left; text-transform: uppercase;}
.blokTekst h3{font-size: 14px; font-weight: bold; margin: 15px 0; padding: 0px; text-align: left; text-transform: none;}


/* 
######################################################
####  Siteopmaak ABC  ################################
######################################################
*/

#blokTop {
	width: 100%;
	padding: 0px;
	height: 9px;
	background: url(../images/frontpage/blok-top.gif) no-repeat;
	position: absolute;
}

#blokBottom {
	width: 100%;
	height: 8px;
	background: url(../images/frontpage/blok-bottom.gif) no-repeat;
}

.blokContent {
	width: 241px;
	margin-top: 9px;
	color: white;
}

.blokContent-link {width: 51px; height: 130px; float: left;}
.blokContent-link a{width: 100%; height: 100%; display: block; }
.blokContent-text {width: 180px; float: left; margin-top: 20px;}

	/* blokken kleurtjes */
	.blokTTP {background: #f15103 url(../images/frontpage/blok-ttp.gif) no-repeat top left;}
	.blokDNC {background: #35a60e url(../images/frontpage/blok-dnc.gif) no-repeat top left;}
	.blokPERCON {background: #0457b4 url(../images/frontpage/blok-percon.gif) no-repeat top left;}

.blokTekst {
	width: 235px;
}

#bottom {
	width: 100%;
	height: 15px;
	background: url(../images/layout/bg_bottom.png);
}

.blokBlue {background: url(../images/layout/bg_top_blue.gif) no-repeat top;}
.blokLightBlue {background: url(../images/layout/bg_top_lightblue.gif) no-repeat top; padding-top: 43px;}
.blokOrange {background: url(../images/layout/bg_top_orange.gif) no-repeat top;}
.blokLightOrange {background: url(../images/layout/bg_top_lightorange.gif) no-repeat top; padding-top: 43px;}
.blokGreen {background: url(../images/layout/bg_top_green.gif) no-repeat top;}
.blokLightGreen {background: url(../images/layout/bg_top_lightgreen.gif) no-repeat top; padding-top: 43px;}

.blokLeft {float: left; width: 52px;}
.blokRight {float: left; margin: 5px; width: 174px; padding-top: 10px;}
.blokLeft-contact {float: left; width: 42px;}
.blokRight-contact {float: left; margin: 5px; width: 180px; padding-top: 10px;}
.blokStart {width: 231px; min-height: 193px; }

/* ttp style box */ 
.csscombox-holder-ttp{position:relative; padding-bottom:20px; margin:0px; display:block;}
.csscombox-holder-ttp p{margin:0px 0px 5px 0px; text-transform:uppercase; color:#f15103; font-weight:bold; font-size:11px;}
.csscombox-holder-ttp .csscombox li{ background-color: #fbd3c0; color:#b23d04;}
.csscombox-holder-ttp .csscombox li a.combox-btn{ background: #d7643b url(../images/layout/selectbox_arrow_orange.gif) no-repeat; width:20px; height:20px;}
.csscombox-holder-ttp .csscombox :hover a.combox-btn{ background: #d7643b url(../images/layout/selectbox_arrow_orange_over.gif) no-repeat;}
.csscombox-holder-ttp .csscombox li ul{border-top:1px solid #d7643b;}
.csscombox-holder-ttp .csscombox li ul li{background-color:#fce0d2;}
.csscombox-holder-ttp .csscombox li ul li a { text-decoration: none; color: #b23d04; display: block; width: 100%;}
.csscombox-holder-ttp .csscombox li ul li a:hover { background-color: #f15103; color: #fff; }

.csscombox-holder-dnc{position:relative; padding-bottom:20px; margin:0px; display:block;}
.csscombox-holder-dnc p{margin:0px 0px 5px 0px; text-transform:uppercase; color:#35a60e; font-weight:bold; font-size:11px;}
.csscombox-holder-dnc .csscombox li{ background-color: #cce9c3; color:#2c8a0b;}
.csscombox-holder-dnc .csscombox li a.combox-btn{ background: #35a60e url(../images/layout/selectbox_arrow_green.gif) no-repeat; width:20px; height:20px;}
.csscombox-holder-dnc .csscombox :hover a.combox-btn{ background: #35a60e url(../images/layout/selectbox_arrow_green_over.gif) no-repeat;}
.csscombox-holder-dnc .csscombox li ul{border-top:1px solid #35a60e;}
.csscombox-holder-dnc .csscombox li ul li{background-color:#def6d7;}
.csscombox-holder-dnc .csscombox li ul li a { text-decoration: none; color: #2c8a0b; display: block; width: 100%;}
.csscombox-holder-dnc .csscombox li ul li a:hover { background-color: #35a60e; color: #fff; }

.csscombox-holder-percon{position:relative; padding-bottom:20px; margin:0px; display:block;}
.csscombox-holder-percon p{margin:0px 0px 5px 0px; text-transform:uppercase; color:#0457b4; font-weight:bold; font-size:11px;}
.csscombox-holder-percon .csscombox li{ background-color: #c0d5ec; color:#053f7f;}
.csscombox-holder-percon .csscombox li a.combox-btn{ background: #7a97d0 url(../images/layout/selectbox_arrow_blue.gif) no-repeat; width:20px; height:20px;}
.csscombox-holder-percon .csscombox :hover a.combox-btn{ background: #7a97d0 url(../images/layout/selectbox_arrow_blue_over.gif) no-repeat;}
.csscombox-holder-percon .csscombox li ul{border-top:1px solid #7a97d0;}
.csscombox-holder-percon .csscombox li ul li{background-color:#d4e3f4;}
.csscombox-holder-percon .csscombox li ul li a { text-decoration: none; color: #053f7f; display: block; width: 100%;}
.csscombox-holder-percon .csscombox li ul li a:hover { background-color: #0457b4; color: #fff; }

#csscombox-01 { z-index: 200; }
#csscombox-02 { z-index: 201; }
#csscombox-03 { z-index: 202; }

.level2{position:absolute; z-index:110; padding-top: 15px; height:auto;}
.level2 p{margin: 5px 0px 5px;}

.csscombox { position: relative; margin: 0px 0px 10px 0px; padding:0px; width: 100%; text-indent: 3px;}
.csscombox li { line-height: 20px; list-style-type: none; cursor:pointer; width:230px;}
.csscombox li ul { left: 0; margin: 0px; padding: 0px; width: 100%;} 
.csscombox li ul li{}
.csscombox li ul li a { text-decoration: none; color: black; display: block; width: 100%;}
.csscombox li ul li a:hover { background-color: #fcc613; color: #fff; }
.csscombox a.combox-btn { position: relative; width: 20px; height: 20px; margin: -20px 0 0 0; text-decoration: none; font-size: 1px; line-height: 1px; display: inline; float: right;}

.csscombox .first {position:absolute; z-index:105;}
.csscombox .orange{position:absolute; z-index:106;}
.csscombox .green{position:absolute; z-index:107;}
.csscombox .blue{position:absolute; z-index:108;}


#contentual_mailthis h1 {font-size: 13px;}
#contentual_mailthis h2 {font-size: 10px; color: black;}
#contentual_mailthis fieldset {border: none; margin-bottom: 10px; }
#contentual_mailthis legend {margin-left: -7px; padding: 0; font-weight: bold; font-size: 11px; color: #6506a4; }
#contentual_mailthis label {width: 150px; float: left; padding-top: 5px;}
#contentual_mailthis label#lbl_message {margin-top: 10px;}
#contentual_mailthis #div {margin-bottom: 10px;}

#contentLeft { width: 241px; }
#contentRight { width: 494px;}

#copyright {width: 16px; height: 51px; background: url(../images/layout/copyright.png); left: 50%; margin-left: -406px; position: absolute; z-index: 101; margin-top: -81px; top: 100%;}
#copyright a{width: 100%; height: 100%; display: block;}

#dncBanner {
	width: 230px;
	height: 180px;
	position: absolute;
	z-index: 101;
	left: -130px;
	top: 90px;
	cursor: default;
}

		/* ##### In de media - online - flashbestanden ####### */
		.item-indemedia {border: 1px solid purple; color: white;}
		#item-beleggersbelangen, #item-volkskrantbanen, #item-nu {width: 336px; height: 280px; margin-left: 60px;}
		#item-emailing {background: url(/c.files/dnc/in_de_media_downloads/online/emailing/emailing.jpg); width: 472px; height: 759px;}
		#item-vacature-overzicht {width: 234px; height: 60px; margin-left: 111px; margin-top: 100px;}
		#item-volkskrantbanen-nieuwsbrief {
			width: 336px; 
			height: 280px; 
			margin-left: 60px;
			background: url(/c.files/dnc/in_de_media_downloads/online/volkskrantbanen-nieuwsbrief/336x280-rectangle-banner.gif);
		}
		

#flash_topsecretaries {
	width: 168px;
	height: 89px;
	position: absolute;
	z-index: 101;
	left: 680px;
	top: 170px;
}


#fotoTop-vervolg {width: 494px; height: 98px; margin-bottom: 10px; position: relative;}
.fotoTop-text { width: 241px; height: 60px; position: relative; vertical-align: bottom;}
.fotoTop-text h1 {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 0px 0px 10px; padding: 0px; }

.fotoTop-major-accounts {background: url(../images/fotos/paars_major_accounts.jpg) no-repeat top; }
.fotoTop-investor-relations-v1 {background: url(../images/fotos/paars_investor_v1.jpg) no-repeat top; }
.fotoTop-investor-relations-v2 {background: url(../images/fotos/paars_investor_v2.jpg) no-repeat top; }
.fotoTop-investor-relations-v3 {background: url(../images/fotos/paars_investor_v3.jpg) no-repeat top; }
.fotoTop-disclaimer {background: url(../images/fotos/paars_disclaimer.jpg) no-repeat top; }
.fotoTop-privacy-statement {background: url(../images/fotos/paars_privacy_statement.jpg) no-repeat top; }
.fotoTop-video {background: url(../images/fotos/paars_video.jpg) no-repeat top; }
.fotoTop-media {background: url(../images/fotos/paars_media.jpg) no-repeat top; }
.fotoTop-nieuws {background: url(../images/fotos/portal_nieuws.jpg) no-repeat top; }
.fotoTop-engineering-technical {background: url(../images/fotos/paars_engineering.jpg) no-repeat top;}
.fotoTop-science {background: url(../images/fotos/paars_science.jpg) no-repeat top;}
.fotoTop-over-dnc {background: url(../images/fotos/paars_over_dnc.jpg) no-repeat top; }
.fotoTop-white-paper {background: url(../images/fotos/paars_white-paper.jpg) no-repeat top; }

#header-start {width: 747px; height: 90px; margin: 0px 0px 12px 9px; background: url(../images/layout/payoff.gif) no-repeat bottom right;}

.imageBig {height: 233px; background: white;}
#imageBig {height: 233px;}
.image_start_top {padding-bottom: 12px; background: white;}

		/* images top groot */
		#imageBig.image-portal-profiel {width: 494px; background: url(../images/fotos/portal_bedrijfsprofielen.jpg) no-repeat;}
		#imageBig.image-portal-contact {width: 494px; background: url(../images/fotos/portal_contact.jpg) no-repeat;}

#imageVacatures {position: absolute; margin-left: -15px; margin-top: -48px;}
#imageNieuws { margin: 3px 0px 0px 0px;}

#interne-vacatures {
	width: 479px; 
	height: 19px; 
	background: url(../images/layout/bg-interne-vacature.gif); 
	color: white; 
	text-transform: uppercase; 
	padding: 4px 0px 0px 15px; 
	font-size: 12px;
	margin-bottom: 12px;
}
#interne-vacatures a{font-weight: bold; text-decoration: none; color: white;}
#interne-vacatures a:hover{text-decoration: underline;}

.leftOrange {background: url(../images/layout/bg_start_orange.gif) repeat-y top;}
.leftOrangeContact {background: url(../images/layout/contact/bg_contact_orange.gif) repeat-y top;}

#logo {
	width: 100%;
	height: 235px;
}

	/* Logo's  */
	.logo-percon {background: white url(../images/layout/logos/logo_percon.gif) no-repeat top left;}
	.logo-dnc {background: white url(../images/layout/logos/logo_dnc2.gif) no-repeat top left;}
	.logo-ttp {background: white url(../images/layout/logos/logo_ttp.gif) no-repeat top left;}
	.logo-portal {background: white url(../images/layout/logos/logo_dnc.gif) no-repeat top left;}

#menu-vakgebieden {float: left; position: absolute; list-style: none; padding: 0; margin: 0 0 0 1px;}
#menu-vakgebieden li {float: left; height: 24px; padding: 0 20px; margin: 0; border-left: 2px solid #ffab10;}
#menu-vakgebieden li.noborder {border-left: none;}
#menu-vakgebieden li.first-item {padding: 0px 20px 0px 0px;}
#menu-vakgebieden li.last-item {padding: 0px 0px 0px 20px;}

#menu-vakgebieden li ul {float: left; display: none; width: 150px; position: absolute; list-style: none; padding: 0; margin: -2px 0 0 -22px;}
#menu-vakgebieden li ul li {width: 141px; border-left: 2px solid #ffab10; padding: 0px 0px 0px 20px;}
#menu-vakgebieden li ul li.noborder {border-left: none; padding-left: 24px;}
#menu-vakgebieden li:hover ul, #menu-vakgebieden li.sfhover ul {display: block;}


#menu-vakgebieden-flash {
	width: 747px;
	height: 75px;
	overflow-x: hidden;
}
#menu-vakgebieden-flash, #menu-vakgebieden-flash * {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
#menu-vakgebieden-flash, #menu-vakgebieden-flash a {
	color: #000000;
	text-decoration: none;
}
#menu-vakgebieden-flash li a {
	font-size: 17px;
}
#menu-vakgebieden-flash ul li a {
	font-size: 10px;
	display: block;
	width: 100%;
	height: 100%;
}
#menu-vakgebieden-flash li, #menu-vakgebieden-flash li ul {
	float: left;
	position: relative;
	padding: 0 20px 0 20px;
	border-left: 2px solid #ffab10;
}
#menu-vakgebieden-flash li ul {
	padding-top: 10px;
	position: absolute;
	left: -2px;
	top: 20px;
	width: 300px;
	display: none;
}
#menu-vakgebieden-flash li.first-item {
	padding: 0px 20px 0px 0px;
}
#menu-vakgebieden-flash li.first-item ul {
	left: 0;
	padding: 10px 20px 0px 0px;
}
#menu-vakgebieden-flash li.last-item {
	padding: 0px 0px 0px 20px;
}
#menu-vakgebieden-flash li.last-item ul {
	padding: 10px 0px 0px 20px;
}
#menu-vakgebieden-flash ul li, #menu-vakgebieden-flash li.noborder, #menu-vakgebieden-flash li.noborder ul {
	border-left: none;
}
#menu-vakgebieden-flash li:hover ul, #menu-vakgebieden-flash li.sfhover ul {
	display: block;
}
#menu-vakgebieden-flash li ul li {
	float: none;
	padding: 0;
}
#menu-vakgebieden-flash li ul li a:hover {
	color: #f15103;
}

#middle {
	width: 100%;
	min-height: 400px;
	margin: 0px;
	position: relative;
	background: url(../images/layout/bg_middle.png) repeat-y;
	background-repeat: repeat;
}

#middenBottom {
	width: 747px;
	height: 17px;
	margin: 20px 0px 0px 9px;
}

		/* onderkant per kleur */
		.middenbottom-portal {background: url(../images/frontpage/page-bottom.gif);}

#middleBottom {
	width: 747px;
	height: 16px;
	margin-left: 9px;
}
		/* onderkant content */
		#middleBottom.vervolg {background: url(../images/layout/content-bottom-vervolg.gif);}
		.middleBottomBlue {background: url(../images/layout/bottom_blok_blue.gif) no-repeat;}
		.middleBottomStart {background: url(../images/layout/bottom_orange_green_blue.gif) no-repeat;}
		.middleBottomContact {background: url(../images/layout/contact/bottom_contact.gif) no-repeat;}
		.middleBottomOrange {background: url(../images/layout/bottom_blok_orange.gif) no-repeat;}
		.middleBottomGreen {background: url(../images/layout/bottom_blok_green.gif) no-repeat;}
		.middleBottomPurple {background: url(../images/layout/bottom_blok_purple.gif) no-repeat;}

#nav {list-style: none; padding: 0px; margin: 25px 0px 12px -10px; text-align:center;}
#nav li {padding-top: 3px; display: inline; text-transform: uppercase;}
#nav li.no-button {margin: 0px; padding-top: 0px; display: inline;}
#nav li a{font-size: 12px; color: #6506a4; text-decoration: none; font-weight: bold; display: inline;}
#nav li a:hover {color: #fcc613;}

#navBottom-holder { width: 500px; float: right; margin-right: 15px; margin-bottom: 10px;}
#navBottom {margin: 0; padding: 0; list-style: none; float: right;}
#navBottom li{float: left; padding: 0 9px; border-right: 1px solid black;}
#navBottom li.lastItem { padding: 0 0 0 9px; border-right: none;}
#navBottom li a {color: black; text-decoration: none;}
#navBottom li a:hover {text-decoration: underline;}

.navSpacer { margin: 0px 9px; width: 1px; display: inline; border-left: 1px solid #fcc613;}

#payoff {
	width: 747px;
	height: 71px;
	margin-left: 9px;
	background: url(../images/layout/payoff.gif) no-repeat bottom right;
}
#payoff #logo_adecco {margin-top: 10px; width: 69px; height: 60px; background: url(../images/layout/logos/logo-adecco.gif);}
#payoff #logo_adecco a {width: 100%; height: 100%; display: block;}

.rightBlue {background: url(../images/layout/bg_blokken_blauw.gif) repeat-y top;}
.rightGreenBlue {background: url(../images/layout/bg_start_green_blue.gif) repeat-y top;}
.rightGreenBlueContact {background: url(../images/layout/contact/bg_contact_green_blue.gif) repeat-y top;}
.rightOrange {background: url(../images/layout/bg_blokken_oranje.gif) repeat-y top;}
.rightGreen {background: url(../images/layout/bg_blokken_groen.gif) repeat-y top;}

#siteContainer {width: 780px; position: absolute; left: 50%; margin-left: -390px;}
.spacer {width: 12px; height: 12px;}

/* soliciteer button op vacature pagina */
.buttons{position:relative; width:484px; height: 30px;}
.firstButton {margin-right: 12px;}
.solliciteren{position:absolute; left:-10px; width:241px; height:30px;}
.solliciteren a{display:block; width:100%; height:30px;  background-image:url(../images/buttons/solliciteren.gif); background-repeat:no-repeat;} 
.solliciteren a:hover{background-image:url(../images/buttons/solliciteren_over.gif);}
.contactgegevens{position:absolute; right: 0px; width:241px; height:30px;}
.contactgegevens a{display:block; width:100%; height:30px;  background-image:url(../images/buttons/contactgegevens.gif); background-repeat:no-repeat;} 
.contactgegevens a:hover{background-image:url(../images/buttons/contactgegevens_over.gif);}

#submenu {width: 100%; background: #6506a4 url(../images/layout/bg_top_purple.gif) no-repeat top;}

#submenu ul {width: 100%; list-style: none; margin: 0px; padding: 3px 0px 0px 0px;}
#submenu ul li {width: 238px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 0px;}
#submenu ul li a{display: block; width: 228px; height: 18px; color: white; text-decoration: none; padding: 2px 5px 0px 8px;}
#submenu ul li a:hover {background: #fcc613; color: #6506a4;}

#submenu ul ul{width: 100%; list-style: none; margin: 0px; padding: 0px;}
#submenu ul ul li {width: 100%; height: 20px; font-size: 10px; text-transform: none;}
#submenu ul ul li a{display: block; width: 216px; height: 16px; color: white; text-decoration: none; padding: 4px 5px 0px 20px;}
#submenu ul ul li a:hover {background: #fcc613; color: #6506a4;}

#submenu.vacatures  ul li form select {width: 220px; font-size: 11px; text-transform: uppercase; color: #2c0248; background: #9c24eb; border: 1px solid #a93df0; display: block;}
#submenu.vacatures ul li form select option{border-left: 1px solid #a93df0; border-right: 1px solid #a93df0; border-top: none; border-bottom: none;}
#submenu.vacatures ul li form select option.optionLast{border-left: 1px solid #a93df0; border-right: 1px solid #a93df0; border-bottom: 1px solid #a93df0;}
#submenu.vacatures ul li form select option.optionFirst{border: 1px solid #a93df0;}

#submenu.vacatures ul li {width: 228px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 2px 5px 0px 8px;}
#submenu.vacatures ul li ul li {width: 228px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 2px 5px 0px 8px;}
#submenu.vacatures ul li ul li input.submit {background: url(../images/layout/button_submit.gif); width: 64px; height: 17px; border: none; padding-top: -2px;}

		/* nieuwe stijl */
		#submenu-new {width: 100%; min-height: 100px; *height: 100px; background: url(../images/layout/bg_top_purple.gif) no-repeat top;}
		#submenu-bottom {width: 100%; height: 11px; background: url(../images/layout/submenu-bottom.gif) no-repeat bottom; border: none;}
		#submenu-holder {background: #6506a4;  margin-bottom: 10px; position: relative;}

		#submenu-new ul {width: 100%; list-style: none; margin: 0px; padding: 3px 0px 0px 0px;}
		#submenu-new ul li {width: 238px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 0px;}
		#submenu-new ul li a{display: block; width: 228px; height: 18px; color: white; text-decoration: none; padding: 2px 5px 0px 8px;}
		#submenu-new ul li a:hover {background: #fcc613; color: #6506a4;}
		
		#submenu-new ul ul{width: 100%; list-style: none; margin: 0px; padding: 0px;}
		#submenu-new ul ul li {width: 100%; height: 20px; font-size: 10px; text-transform: none; margin-bottom: 0px;}
		#submenu-new ul ul li a{display: block; width: 216px; height: 16px; color: white; text-decoration: none; padding: 4px 5px 0px 20px;}
		#submenu-new ul ul li a:hover {background: #fcc613; color: #6506a4;}
		
		#submenu-new ul ul ul{width: 100%; margin: 0px; padding: 0px; list-style: circle;}
		#submenu-new ul ul ul li {width: 100%; height: 20px; font-size: 10px; text-transform: none; margin-bottom: 0px;}
		#submenu-new ul ul ul li a{display: block; width: 206px; height: 16px; color: #d595ff; text-decoration: none; padding: 4px 5px 0px 30px;}
		#submenu-new ul ul ul li a:hover {background: #fcc613; color: #6506a4;}

		#submenu-new.vacatures  ul li form select {width: 220px; font-size: 11px; text-transform: uppercase; color: #2c0248; background: #9c24eb; border: 1px solid #a93df0; display: block;}
		#submenu-new.vacatures ul li form select option{border-left: 1px solid #a93df0; border-right: 1px solid #a93df0; border-top: none; border-bottom: none;}
		#submenu-new.vacatures ul li form select option.optionLast{border-left: 1px solid #a93df0; border-right: 1px solid #a93df0; border-bottom: 1px solid #a93df0;}
		#submenu-new.vacatures ul li form select option.optionFirst{border: 1px solid #a93df0;}
		
		#submenu-new.vacatures ul li {width: 228px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 2px 5px 0px 8px;}
		#submenu-new.vacatures ul li ul li {width: 228px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 2px 5px 0px 8px;}
		#submenu-new.vacatures ul li ul li input.submit {background: url(../images/layout/button_submit.gif); width: 64px; height: 17px; border: none; padding-top: -2px;}

#submenu.vacaturesPercon  ul li form select {width: 220px; font-size: 11px; text-transform: uppercase; color: #2c0248; background: #9c24eb; border: 1px solid #a93df0; display: block;}
#submenu.vacaturesPercon ul li form select option{border-left: 1px solid #a93df0; border-right: 1px solid #a93df0; border-top: none; border-bottom: none;}
#submenu.vacaturesPercon ul li form select option.optionLast{border-left: 1px solid #a93df0; border-right: 1px solid #a93df0; border-bottom: 1px solid #a93df0;}
#submenu.vacaturesPercon ul li form select option.optionFirst{border: 1px solid #a93df0;}
#submenu.vacaturesPercon ul li {width: 220px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 2px 5px 0px 8px;}
#submenu.vacaturesPercon ul li ul li {width: 220px; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; color: white; padding: 0px;}
#submenu.vacaturesPercon ul li ul li input.submit {background: url(../images/layout/button_submit.gif); width: 64px; height: 17px; border: none; padding-top: -2px;}

.textBlue h1, .textBlue h2, .textBlue b, .textBlue strong, .textBlue a{color: #0457b4;}
.textGreen h1, .textGreen h2, .textGreen b, .textGreen strong, .textGreen a{color: #35a60e;}
.textOrange h1, .textOrange h2, .textOrange b, .textOrange strong, .textOrange a{color: #f15103;}
.textPurple h1, .textPurple h2, .textPurple b, .textPurple strong, .textPurple a{color: #6506a4;}

.text {width: 474px; margin: 10px 0px 10px 10px;}
.text ul {list-style: disc; margin: 0px 0px 0px 20px; padding-bottom: 10px; font-size: 10px;}
.text ol {list-style: decimal; margin: 0px 0px 0px 30px; padding-bottom: 10px; font-size: 10px;}
.text h1 {font-size: 16px; font-weight: bold; margin: 0px; padding: 0px;}
.text h2 {font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 0px;}
.text p {margin: 8px 0px 8px 0px; padding: 0px; font-size: 10px;}
.text a {text-decoration: underline;}
.text a:hover {text-decoration: none;}
.text b, .text strong{font-weight: bold;}

.text table {font-size: 10px;}

.testimonial_btn_group{width:100%; margin:0px; padding:0px; background-color:#000066; }
.testimonial_btn_group li{list-style: none; margin: 0px; padding: 0px; float: left; }
.testimonial_button{cursor: pointer;}
.testimonial{width: 100%; margin:0px 0px 8px 0px; padding:0px; background-color:#003300;}
.testimonial td{vertical-align:text-top; vertical-align:top; text-align: left; }
.testimonial td h1{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	margin: 0px;
	margin-top:15px;
}
.testimonial td h2{
	color:#000000;
	font-style: 11px;
	font-style:normal;
	font-weight:normal;
	margin:0px;	
}
.testimonial_summary{
	font-size:11px;
	font-weight: bold;
	padding-left: 10px;
}
.testimonial_icon{
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 185px;
}

#top {
	width: 780px;
	height: 9px;
	position: relative;
	background: url(../images/layout/bg_top.png);
	background-position: top;
}


ul.breadcrumbs {list-style: none; margin: 10px 0px 10px 0px; padding: 0px;}
ul.breadcrumbs li.crumb {display: inline; margin-right: 5px; font-size: 10px; color: #6400ac;}
ul.breadcrumbs li.crumb h1 {display: inline; font-size: 10px;}	
ul.breadcrumbs li.crumb h1 a, ul.breadcrumbs li.crumb a  {font-size: 10px; color: #6400ac;}	
ul.breadcrumbs li.crumb h1 a:hover, ul.breadcrumbs li.crumb a:hover {font-size: 10px; text-decoration: none;}