body{
	margin:0;
  	color:#505050;
	font:14px/20px Arial, Helvetica, sans-serif;
}
img{border-style:none;}
a{
	color:#1558a8;
	text-decoration:underline;
}
a:hover{color:#b3d66f;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

.formerror_hidden { display: none;  }
.formerror_show { display: block; color: #AF1010; }
.formerror { color: #AF1010; }
.formerror_field { background-color: #FEE; }

.pagewidth {
	width:100%;
	overflow:hidden;
}
#wrapper {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
#main-holder {
	width:100%;
	display:table;
}
#header {
	width:100%;
	display:table-header-group;
}
#header .pagewidth {
	padding:15px 0 0;
}
#nav {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0 0 0 10px;
}
#nav li a {
	display:block;
	background:url(../images/bg-nav.gif) no-repeat;
	width:121px;
	height:27px;
	color:#4e97d1;
	padding:6px 0 0 19px;
	font-weight:bold;
	text-decoration:none;
}
#nav li a:hover {
	color:#b3d66f;
}
#nav li.active a,
#nav li.active a:hover {
	color:#fff;
	background-position:0 -33px;
}
.login label {
	float:left;
	color:#909090;
	font-size:14px;
	margin:0 6px 0 0;
	font-weight:bold;
}
.login .text {
	float:left;
	color:#909090;
	font-size:12px;
	line-height:14px;
	margin:0 4px 0 0;
	width:105px;
	padding:3px 5px 2px;
	border:1px solid #8faac2;
	background:#eef6fc;
}
.login .image {
	float:left;
}
#loginbox {
	width:600px;
	float:left;
	padding:18px 0 25px 26px;
	background:#b3d66f url(../images/bg-visual-side.gif) no-repeat 0 100%;
}
#loginbox h1 {
    background: url('../images/sleutel.gif') left top no-repeat;
    padding-left:   45px;
	height:			39px;
	padding-top:	10px;
	color:			white;
}
.loginerror {
	color:#ff2222;
	font-weight:bold;
}
.loginmessage {
		font-weight:bold;
}
#promo {
	background:#6cb9dd url(../images/bg-promo2.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
	position:relative;
	min-height:109px;
}
* html #promo {
	overflow:visible;
	height:109px;
}
#promo.home {
	background:#6cb9dd url(../images/bg-promo.gif) no-repeat 0 100%;
}
#promo .section {
	float:left;
	width:345px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	line-height:20px;
	text-align:center;
	padding:114px 0 0 167px;
	position:relative;
}
#promo .section  p{
	margin:0;
}
.text-jobfeed {
	position:absolute;
	left:37px;
	top:36px;
	background:url(../images/text-jobfeed.png) no-repeat;
	width:431px;
	height:220px;
	text-indent:-9999px;
	overflow:hidden;
}
.text-jobfeed-small {
	position:absolute;
	left:20px;
	bottom:0;
	background:url(../images/text-jobfeed2.gif) no-repeat;
	width:262px;
	height:97px;
	text-indent:-9999px;
	overflow:hidden;
}
#promo .demo {
	float:left;
	width:387px;
	position:relative;
	margin:22px 0 0 28px;
}
#promo .demo a {
	top:69px;
	left:81px;
	position:absolute;
	background:url(../images/bg-demo.png) no-repeat;
	width:207px;
	height:128px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#promo .demo a {
	top:69px;
	left:81px;
	position:absolute;
	background:url(../images/bg-demo.png) no-repeat;
	width:207px;
	height:128px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#promo .demo a:hover {
	background:url(../images/bg-demo-rell.png) no-repeat;
}
#promo .tabset {
	position:absolute;
	right:20px;
	bottom:0;
	margin:0;
	padding:0;
	list-style:none;
}
* html #promo .tabset {
	bottom:-1px;
}
#promo .tabset li {
	float:left;
	margin:0 0 0 10px;
}
#promo .tabset a {
	float:left;
	background:#31357f url(../images/bg-tabset.gif) no-repeat 100% 0;
	height:25px;
	color:#a2d2f6;
	font-weight:bold;
	text-decoration:none;
	padding:5px 31px 0 13px;
}
#promo .tabset a:hover {
	color:#b3d66f;
}
#promo .tabset a.active,
#promo .tabset a.active:hover {
	color:#fff;
}
#main {
	width:100%;
	display:table-footer-group;
}
#visual {
	padding:20px 0 0;
}
#visual .holder {
	border:solid #c3c3c3;
	border-width:0 1px 1px;
	height:1%;
	padding:0 39px 10px 19px;
	overflow:hidden;	
}
#visual #content {
	float:right;
	width:552px;
	padding:6px 0 0;
}
.text-nieuwe {
	margin:0 0 17px;
	background:url(../images/text-nieuwe.gif) no-repeat;
	width:537px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
}
.diagram {
	background:url(../images/dot.gif) repeat-x;
	padding:20px 0 0;
}
#visual #sidebar {
	width:284px;
	float:left;
	padding:18px 0 25px 26px;
	background:#b3d66f url(../images/bg-visual-side.gif) no-repeat 0 100%;
}
.text-betekent {
	margin:0 0 26px;
	background:url(../images/text-betekent.gif) no-repeat;
	width:228px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:10px;
}
#visual #sidebar ul {
	margin:0;
	padding:0 0 12px 3px;
	list-style:none;
}
#visual #sidebar ul li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 10px;
}
#visual #sidebar ul span {
	background:url(../images/bg-round.gif) no-repeat;
	width:18px;
	height:16px;
	float:left;
	color:#000;
	font-size:12px;
	margin:2px 9px 0 0;
	text-align:center;
	line-height:15px;
	padding:2px 0 0;
}
#visual #sidebar ul a {
	float:left;
	color:#505050;
	font-size:16px;
	line-height:19px;
	text-decoration:none;
}
#visual #sidebar ul a:hover {
	text-decoration:underline;
}
a.btn-verder {
	float:right;
	background:url(../images/btn-verder.gif) no-repeat;
	width:120px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 27px 0 0;
}
a.btn-verder:hover {
	background-position:0 -31px;
}
#twocolumns {
	width:977px;
	overflow:hidden;
	border:solid #c3c3c3;
	border-width:0 1px 1px;
	margin:22px 0 0;
	padding:0 0 20px;
	min-height:640px;
	position:relative;
}
* html #twocolumns {
	overflow:visible;
	height:940px;
}
#twocolumns.contact-holder {
	min-height:0;
}
* html #twocolumns.contact-holder {
	height:auto;
}
#sidebar {
	float:left;
	width:400px;
}
#sidebar .section {
	margin:0 0 20px;
	border:solid #a4d3f7;
	border-width:1px 0 0 1px;
	padding:17px 0 0 22px;
}
#sidebar .section h3 {
	color:#31357f;
	margin:0 0 2px;
	font-size:18px;
	font-weight:normal;
}
#sidebar em.date {
	display:block;
	margin:0 0 10px;
	color:#909090;
	font-size:11px;
	font-style:normal;
}
#sidebar img {
	display:block;
}
#sidebar .demo {
	width:384px;
	position:relative;
	border:8px solid #a4d3f7;
}
#sidebar .demo img {
	border:1px solid #70bbdf;
}
#sidebar .demo a {
	top:41px;
	left:91px;
	position:absolute;
	background:url(../images/bg-demo.png) no-repeat;
	width:207px;
	height:128px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#sidebar .demo a:hover {
	background:url(../images/bg-demo-rell.png) no-repeat;
}
#content {
	float:left;
	width:499px;
	font-weight:bold;
	padding:10px 31px 20px 28px;
}
#content .tab-content {
	width:100%;
}
#tab-2 {
	font-size:13px;
	font-weight:normal;
}
.tab-content {
	color:#000;
}
.text-betekent-jobfeed {
	margin:0;
	background:url(../images/text-betekent-jobfeed.gif) no-repeat;
	width:482px;
	height:24px;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
.text-werkt-jobfeed {
	margin:0;
	background:url(../images/text-werkt-jobfeed3.gif) no-repeat;
	width:280px;
	height:24px;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
#content .heading {
	margin:0 0 21px;
	background:url(../images/dot.gif) repeat-x 0 100%;
	padding:0 0 10px;
	position:relative;
}
#content p {
	margin:0 0 19px;
}
#content .visual {
	margin:-14px 0 34px;
	position:relative;
}
#tab-2 .visual {
	margin:0 0 28px;
}
#content .visual h2 {
	margin:0;
	background:#b3d66f url(../images/bg-feature-head.gif) repeat-x 0 100%;
	color:#fff;
	font-size:18px;
	padding:7px 0 10px 13px;
}
#content .visual ul {
	margin:0;
	padding:16px 0 5px 19px;
	list-style:none;
	background:#fafff2 url(../images/bg-feature.gif) repeat-x;
	border:1px solid #eff9dd;
	border-width:0 1px 1px;
}
#tab-2 .visual ul {
	padding-right:50px;
}
#content .visual ul li {
	padding:0 0 10px 14px;
	background:url(../images/bg-feature-list.gif) no-repeat 0 7px;
	color:#000;
	font-size:13px;
	font-weight:normal;
}
#content h3 {
	margin:0 0 23px;
	color:#1b7eab;
	font-size:20px;
	font-weight:normal;
}
#content .actions {
	background:url(../images/dot.gif) repeat-x;
	bottom:20px;
	left:28px;
	width:499px;
	position:absolute;
}
#content .actions .holder {
	height:1%;
	overflow:hidden;
	background:url(../images/dot.gif) repeat-x 0 100%;
	padding:7px 0 1px;
}
a.btn-contact {
	float:left;
	background:url(../images/btn-contact.gif) no-repeat;
	width:90px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 11px 0 0;
}
a.btn-contact:hover {
	background-position:0 -35px;
}
a.btn-uitproberen {
	float:left;
	background:url(../images/btn-uitproberen.gif) no-repeat;
	width:134px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px 0 0;
}
a.btn-uitproberen:hover {
	background-position:0 -34px;
}
.text-werkt-jobfeed a {
	float:right;
	background:url(../images/text-werkt-jobfeed2.gif) no-repeat;
	width:235px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px 0 0;
}
.text-jobfeed-voor a {
	float:right;
	background:url(../images/text-werkt-jobfeed.gif) no-repeat;
	width:222px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px 0 0;
}
#content-news {
	float:left;
	width:598px;
	font-weight:normal;
	padding:13px 62px 3px 27px;
	position:static;
	min-height:0;
}
.text-nieuws {
	margin:0 0 8px;
	font-size:0;
	background:url(../images/text-nieuws.gif) no-repeat;
	width:248px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}
.news {
	background:url(../images/dot.gif) repeat-x;
	padding:16px 5px 9px 0;
	font-size:13px;
	color:#000;
}
.news h2 {
	margin:0 0 3px;
	color:#1b7eab;
	font-size:20px;
	line-height:24px;
	font-weight:normal;
}
.news h2 a {
	color:#1b7eab;
	text-decoration:none;
}
.news h2 a:hover {
	color:#b3d66f;
}
.news em.date {
	display:block;
	color:#909090;
	margin:0 0 23px;
	font-size:11px;
	line-height:13px;
	font-style:normal;
}
.news p {
	margin:0 0 10px;
}
#content-news .actions {
	background:url(../images/dot.gif) repeat-x 0 100%;
	bottom:auto;
	left:auto;
	width:598px;
	position:relative;
	padding:37px 0 0;
}
#content-news .actions .holder {
	background:url(../images/dot.gif) repeat-x;
	padding:6px 0 2px;
	overflow:hidden;
	height:1%;
}
a.btn-news {
	float:right;
	background:url(../images/arrow.gif) no-repeat 100% 60%;
	padding:0 9px 0 0;
	margin:5px 0 0;
	font-size:13px;
}
#twocolumns .aside {
	float:left;
	width:270px;
}
#twocolumns .aside .section {
	margin:0 0 26px;
	border:solid #a4d3f7;
	border-width:1px 0 0 1px;
	padding:17px 0 0 22px;
	overflow:hidden;
	height:1%;
}
#twocolumns .aside .section h3 {
	color:#31357f;
	margin:0 0 4px;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
}
#twocolumns .aside .section .pagewidth {
	width:270px;
	margin:0 -16px 0 0;
}
#twocolumns .aside .section ul {
	margin:0 17px 0 0;
	padding:0 0 5px;
	list-style:none;
	float:left;
	width:116px;
	background:url(../images/dot.gif) repeat-x 0 100%;
}
#twocolumns .aside .section ul li {
	background:url(../images/dot.gif) repeat-x;
	padding:8px 0 9px;
	height:1%;
	vertical-align:middle;
	position:relative;
}
#twocolumns .aside .section ul li:after {
	clear:both;
	content:'';
	display:block;
}
#twocolumns .aside .section ul li.wide-logo img {
	margin:0 0 0 -22px;
}
#twocolumns .aside .section ul img {
	position:relative;
}
.mail {
	padding:0 0 7px;
}
.mail img {
	float:right;
	padding-right:17px;
}
.mail .pagewidth {
	width:100% !important;
	margin:0 0 24px !important;
}
.email fieldset {
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.email .text {
	float:left;
	width:193px;
	border:1px solid #8faac2;
	background:#fff;
	padding:3px 5px 2px;
	color:#909090;
	font-size:12px;
	line-height:14px;
	margin-right:4px;
}
.email .image {
	float:left;
}
a.btn-afmelden {
	background:url(../images/arrow2.gif) no-repeat 100% 50%;
	padding:0 10px 0 0;
	font-size:11px;
	line-height:13px;
}
#twocolumns .aside .demo {
	width:256px;
	border:7px solid #a4d3f7;
	position:relative;
}
#twocolumns .aside .demo a {
	top:39px;
	left:37px;
	position:absolute;
	background:url(../images/bg-demo2.png) no-repeat;
	width:186px;
	height:116px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#twocolumns .aside .demo a:hover {
	background:url(../images/bg-demo-rell2.png) no-repeat;
}
.column {
	float:left;
	width:451px;
	color:#000;
	font-size:13px;
	padding:6px 0 22px 24px;
}
.text-contact {
	margin:0 0 10px;
	font-size:0;
	background:url(../images/text-contact.gif) no-repeat;
	width:152px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}
.column .heading {
	background:url(../images/dot.gif) repeat-x 0 100%;
	margin:0 0 17px;
	height:1%;
	overflow:hidden;
}
.column h2 {
	margin:0 0 19px;
	color:#31357f;
	font-size:18px;
	font-weight:normal;
}
.column p {
	margin:0 0 22px;
}
.contacts {
	height:1%;
	overflow:hidden;
}
.contacts img {
	float:left;
	border:1px solid #a4d3f7;
}
.contacts .address {
	height:1%;
	overflow:hidden;
	padding:0 0 0 24px;
}
.contacts strong {
	display:block;
	line-height:18px;
}
.contacts address {
	display:block;
	padding:0 15px 20px 0;
	font-style:normal;
}
.contacts dl {
	margin:0 0 21px;
}
.contacts dl dt {
	display:inline;
}
.contacts dl dd {
	display:inline;
	margin:0;
	font-weight:bold;
}
a.email-lnk {
	background:url(../images/ico-email.gif) no-repeat 0 50%;
	padding:0 0 0 22px;
}
.text-uitproberen {
	background:url(../images/text-uitproberen.gif) no-repeat;
	width:236px;
	height:30px;
	margin:0 0 10px;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}
.contact-form fieldset {
	width:403px;
	border:solid #a7d4f7;
	border-width:1px 0 0 1px;
	padding:23px 0 0 27px;
}
.contact-form .row {
	width:100%;
	overflow:hidden;
	margin:0 0 2px;
}
.contact-form .telefoon {
	margin:0 0 26px;
}
.contact-form .area {
	float:right;
	width:243px;
}
.contact-form label {
	float:left;
}
.contact-form .text {
	float:right;
	width:178px;
	background:#eef6fc;
	border:1px solid #8faac2;
	color:#909090;
	padding:3px 5px 2px;
	margin:0 53px 0 0;
}
.contact-form .area .text {
	float:left;
	margin:0 !important;
}
.contact-form .text.small {
	width:61px;
	margin:0 60px 0 0;
}
.contact-form  label.note {
	margin:3px 0 0 8px;
}
.contact-form  label.radio-label {
	margin-right:9px;
}
.contact-form .area label {
	color:#909090;
	font-size:11px;
	line-height:13px;
}
.contact-form .area label.radio-label {
	color:#000;
	font-size:13px;
	line-height:12px;
}
.contact-form .radio {
	float:left;
	margin:0 2px 0 0;
	padding:0;
	width:16px;
	height:15px;
}
.contact-form .submit {
	float:right;
	width:104px;
	margin:16px 53px 0 0;
}
.contact-form select {
	width:191px;
	float:right;
	margin:0 52px 0 0;
}
#footer {
	width:100%;
	overflow:hidden;
	padding:20px 0 28px;
}
#footer .by {
	float:right;
	background:url(../images/bg-by.gif) no-repeat;
	width:171px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}
#footer ul {
	overflow:hidden;
	margin:0;
	padding:8px 0 0;
	list-style:none;
}
#footer ul li {
	float:left;
	background:url(../images/devider.gif) no-repeat 0 50%;
	padding:0 4px 0 5px;
	margin:0 5px 0 -5px;
	color:#909090;
	font-size:11px;
	line-height:13px;
}
.subtleright {
	float:right;
	color:#909090;
	font-size:11px;
	line-height:13px;
	padding-right: 1em;
}
#loginbox a:hover {
	color:#000000;
}