/* Algemeen */

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

form, table, td {font-size: 10px;}

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

/* 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; }
.blokGreen h1{font-size:11px; text-transform:uppercase; font-weight:normal;}
.blokGreen p{margin-bottom: 0px;}
.blokGreen ul{margin-left: 10px; padding-left:5px;}
.blokGreen li{list-style:square; padding-left: 0px; margin-left: 0px;}
.blokGreen ul li ul li{list-style: circle; padding-left: 3px;}

.blokLightGreen p{color: #1a7202;}
.blokLightGreen a{color: #123d02; text-decoration: none;}
.blokLightGreen ul{list-style:none; margin:0px; padding: 5px;}
.blokLightGreen li{padding: 0px;}

.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;}

.textGreen a, .textGreen a b{color: #35a60e; text-decoration: underline;}
.textGreen a:hover, .textGreen a:hover b {text-decoration: none;}


.text h1 {font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 0px;}
.text h2 {font-size: 12px; font-weight: bold; margin-bottom: 10px; 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: 8px 0px 8px 0px; padding: 0px; font-size: 10px;}
.text b, .text strong{font-weight: bold;}
.text ul{padding-bottom:10px;}

.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;}

.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;}

/* Siteopmaak ABC */
#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;}

.blokStart {width: 231px; min-height: 193px; }

#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: #35a60e; }
#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; min-height: 330px;}
#contentRight { width: 494px; min-height: 330px; height: 330px;}

#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;}

#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-contact {background: url(../images/fotos/groen_contact.jpg) no-repeat top; }
.fotoTop-over-ons {background: url(../images/fotos/groen_overons.jpg) no-repeat top; }
.fotoTop-nieuws {background: url(../images/fotos/groen_nieuws.jpg) no-repeat top; }
.fotoTop-vacatures {background: url(../images/fotos/groen_vacatures.jpg) no-repeat top; }
.fotoTop-testimonials {background: url(../images/fotos/groen_testimonials.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;}
.image_start_top {padding-bottom: 12px; background: white;}

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

#imageNieuws a, #imageVacatures a{width: 100%; height: 100%; display: block;}

.leftOrange {background: url(../images/layout/bg_start_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-dnc-ict {background: white url(../images/layout/logos/logo_dnc_ict.gif) no-repeat top left;}
	.logo-dnc-finance {background: white url(../images/layout/logos/logo_dnc_finance.gif) no-repeat top left;}
	.logo-dnc-legal {background: white url(../images/layout/logos/logo_dnc_legal.gif) no-repeat top left;}
	.logo-dnc-ms {background: white url(../images/layout/logos/logo_dnc_ms.gif) no-repeat top left;}
	.logo-dnc-info {background: white url(../images/layout/logos/logo_dnc_info.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;}

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

#middleBottom {
	width: 747px;
	height: 16px;
	margin-left: 9px;
}

#middleBottom-new {
	width: 747px;
	height: 17px;
	margin-left: 9px;
	margin-top: 10px;
}

		/* 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;}
		.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;}
.rightOrange {background: url(../images/layout/bg_blokken_oranje.gif) repeat-y top;}
.rightGreen {background: url(../images/layout/bg_blokken_groen.gif) repeat-y top;}


/* 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);}


#siteContainer { width: 780px; position: relative; left: 50%; margin-left: -390px;}
.spacer {width: 12px; height: 12px;}
#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; 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; margin-bottom: 0px;}
#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 ul ul ul{width: 100%; margin: 0px; padding: 0px; list-style: circle;}
#submenu ul ul ul li {width: 100%; height: 20px; font-size: 10px; text-transform: none; margin-bottom: 0px;}
#submenu ul ul ul li a{display: block; width: 206px; height: 16px; color: #d595ff; text-decoration: none; padding: 4px 5px 0px 30px;}
#submenu ul 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 ul ul ul ul{width: 100%; margin: 0px; padding: 0px; list-style: circle;}
		#submenu-new ul ul ul ul li {width: 100%; height: 20px; font-size: 10px; text-transform: none; margin-bottom: 0px;}
		#submenu-new ul 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 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;}

.testimonial_btn_group{width:100%; margin:0px; padding:0px;}
.testimonial_btn_group li{list-style: none; margin: 0px; padding: 0px; float: left; }
.testimonial_button{cursor: pointer;}
.testimonial{width: 100%; margin:0px; padding:0px;}
.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 b, .testimonial strong {color: #35a60e;}

.testimonial_summary{
	font-size:11px;
	font-weight: bold;
	padding-left: 10px;
	vertical-align:text-top;
}
.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;
}

.text {width: 474px; margin: 10px 0px 10px 10px;}
.text ul {list-style: disc; margin: 0px 0px 0px 20px; padding: 0px;}
.text ul li {font-size: 10px;}

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: #35a60e;}
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: #35a60e;}	
ul.breadcrumbs li.crumb h1 a:hover, ul.breadcrumbs li.crumb a:hover {font-size: 10px; text-decoration: none;}