body {
	margin: 0; padding-left: 48px;
	text-align: left;
	font: 12px Arial, sans-serif;
	background: url('../Webmasters/Images/bg_site.gif') left top repeat-x #edf7fd;
	}

table {
	font: 12px Arial, sans-serif;
	}

/*** style for common elements ***/

a {
	color: #00275e;
	text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
		}
	a img 
	{
		border: none;
	}

col {
	background: none;
	}

select, textarea {
	padding-left: 5px;
	color: #020169;
	font: 12px Trebuchet MS, sans-serif;
	background: #e6e7e9;
	}

/*** style for common classes ***/

.radiocheck input {
	border: none;
	background: none;
	}

.button {
	color: #000;
	cursor: pointer;
	border: solid 1px #7fd2ee;		
	background: #fff;
	}

.btn_save {
	width: 110px;
	color: #000;
	cursor: pointer;
	border: solid 1px #7fd2ee;		
	background: #e1f5ff;
	}

.btn_del {
	width: 110px;
	color: #000;
	cursor: pointer;
	border: solid 1px #fe6c6e;		
	background: #ffdddc;
	}

.error {
	color: red;
	font-style: italic;
	text-align: left;
	}

.doticon {
	position: relative;
	top: 4px;
	}

/*** style for headers ***/

h1 {
	margin: 16px 0; padding: 0;
	font-size: 16px;
	color: #00275e;
	}
	
	#apphome h1 {
		font-size: 20px;
		}

	h1.column {
		margin-bottom: 6px;
		}		

h2 {
	margin: 0 0 16px 0;
	font-size: 14px;
	color: #00275e;
	}

	h2.extra {
		padding-top: 20px;
		background: url('../Webmasters/Images/dot.gif') left top repeat-x;
		}	

	h2.column {
		font-weight: normal;
		}	

	h2.multipage {
		color: #000080;
		font-size: medium; 
		font-weight: normal		
		}

h3 {
	color: #00275e;
	font-size: medium;
	}						

/*** style for layout ***/

#body, #bodyhome {
	position: relative;
	margin: 0; padding: 0 0 0 6px;
	width: 958px!important; width: 964px;
	min-height: 600px; height: auto!important; height: 600px;
	background: url('../Webmasters/Images/bg_body.jpg') no-repeat;
	}	

#header {
	position: relative;
	margin-left: 6px;
	padding: 0 90px 0 0;
	width: 822px!important; width: 912px;
	height: 150px;
	background: url('../Images/nieuwshond.jpg') right 2px no-repeat;
	}

	#logo {
		margin: 0;
		border: none;
		}	

	#header a, #header a:hover {
		text-decoration: none;
		}			

	#payoff {
		position: absolute;
		left: 313px; top: 77px;
		}

#newslink {
	position: absolute;
	right: 35px; top: 82px;
	width: 140px; height: 65px;
	text-decoration: none;
	}	

	#newslink span {
		display: none;
		}								

#actionmenu {
	float: left;
	margin: 0; padding: 0;
	width: 120px;	
	}

#app, #apphome {
	margin: 0; padding: 0;
	}

	#app {
		float: left;
		line-height: 16px;
		}

#apphome {
	position: relative;
	width: 699px; height: 455px;
	}

	#apphome .content {
		float: left;
		width: 578px; height: 455px;		
		font-size: 11px;
		line-height: 16px;
		}	

		#apphome .content a {
			padding-right: 20px;
			color: #c10226;
			font-weight: bold;
			background: url('../Webmasters/Images/link_arrow_red.png') 100% 60% no-repeat;
			text-decoration: none;
			}	

			#apphome .content a:hover {
				}

/*** jquery carrousel ***/

#carrousel {
	position: absolute;
	left: 0; top: 0;
	width: 699px; height: 455px;
	background: #fff;
	}

#slides {
	position: relative;
	margin: 0; padding: 0;
	height: 455px;
	overflow: hidden;
	}

	#slides div {
		position: absolute;
		left: 0; top: 0;
		width: 699px; height: 455px;
		z-index: 8;
		text-align: left;
		color: #fff;
		background-position: left top;
		background-repeat: no-repeat;
		}

		#slides div #text {
			position: absolute;
			left: 275px; top: 226px;
			width: 415px; height: 100px;
			color: #000;
			font-size: 29px;
			font-weight: bold;
			}

			#slides div #text p {
				margin: 0;
				}

			#slides div #text em {
				color: #bf0027;
				font-style: normal;
				text-shadow: 0px 0px 5px #fff08a; /* hor vert blur */
				}

	#containeroverlay {
		clear: both;
		position: absolute;
		left: 0; top: 0;
		z-index: 999;
		}														
		
#infocolumn {
	position: absolute;
	top: 0; right: 19px;
	margin: 0; padding: 0;
	width: 235px;
	}

#footer {
	clear: both;
	padding: 6px 2px 0;
	font-size: 15px;
	font-weight: bold;
	color: #888;
	}

/*** style for content ***/

.content {
	position: relative;
	float: left;
	width: 580px;
	}	

	.content a img {
		border: solid 1px #003e90;
		}	

.text {
	position: absolute;
	left: 0;	bottom: 12px;
	width: 192px; /* height: 123px; */
	}

	.text p 	{
		margin: 0;
		}

.freepagecolumn1, .freepagecolumn2 
{
	float: left;
	width: 282px;
	margin-right: 16px;
}

.freepagecolumn2 
{
	margin-right: 0;
}

.column1 
{
	float: left;
	width: 400px;
	margin-right: 10px;
}

.column2 
{
	float: left;
	width: 160px;
}
/*** style for column ***/

#columntext {
	float: left;
	width: 400px;
	}	

#columnist {
	float: left;
	margin: 30px 0 0 15px;
	width: 160px;
	}

	#columnist p {
		margin-top: 5px;
		}	
		
	#columnist strong {
		font-size: 13px;
		}	
	
/*** style for advantage pages ***/

.advantageheader {
	position: relative;
	height: 139px;
	}

	.advantageheader div {
		margin: 0 0 0 230px; padding: 15px 0 0;
		width: 320px; height: 100px!important;height: 115px;
		font-weight: bold;
		font-size: 14px;
		color: #003e90;
		overflow: hidden;
		}

.advantages {
	float: left;
	width: 400px;
	}

.advantage {
	padding: 15px 0 0;
	clear: both;
	}

	.advantage .count	{
		float: left;
		width: 35px;
		margin: -6px 0 0;
		font-size: 40px;
		font-weight: bold;
		line-height: normal;
		color: #00275e;
		}
	
	.advantage .advantagecontent {
		float: left;
		width: 365px;
		}
	
	.advantage h2 {
		margin: 0;
		}	

.images {
	float: left;
	width: 180px;
	}

#advantagemenu {
	margin: 0!important;margin: 15px 0 0; 
	padding: 15px 0 0!important;padding: 0;
	list-style: none;
	clear: both;
	}

	#advantagemenu li {
		float: left;
		overflow: hidden;
		margin: 0 3px 0 0; padding: 0;
		width: 100px;
		}	

	#advantagemenu li.last {
		border: none;
		}	

	#advantagemenu a {		
		display: block;
		height: 22px;
		padding: 2px 20px 0 7px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		background: #00275e url('../Webmasters/Images/link_arrow_white.png') 97% 50% no-repeat;
		}	

		#advantagemenu a.active, #advantagemenu a:hover {
			color: #6f88b0;
			background: #edf0f5 url('../Webmasters/Images/link_arrow.png') right center no-repeat;
			}

/*** style for multipage ***/

.multipageheader {
	position: relative;
	margin-bottom: 9px;
	/*height: 162px;*/
	}

	.multipageheader p {
		margin: 0;
		}

	.multipageheader img {
		border-bottom: solid 2px #053581;
		}

#multipagemenu {
	margin: 0!important;margin: 15px 0 0; 
	padding: 15px 0 0!important;padding: 0;
	list-style: none;
	clear: both;
	}

	#multipagemenu li {
		float: left;
		overflow: hidden;
		margin: 0 3px 0 0; padding: 0;
		width: 106px;
		}	

	#multipagemenu li.last {
		border: none;
		}	

	#multipagemenu a {		
		display: block;
		padding: 1px 20px 0 7px;
		height: 33px!important; height: 34px;		
		color: #6f88b0;
		text-decoration: none;
		font-weight: bold;
		background: #edf0f5 url('../Webmasters/Images/link_arrow.png') 90px center no-repeat;
		}	

		#multipagemenu a.active, #multipagemenu a:hover {
			color: #fff;
			background: #00275e url('../Webmasters/Images/link_arrow_white.png') 90px center no-repeat;
			}
		
/*** style for externallinks ***/

/*** style for crosslinkshome ***/

#crosslinkshome {
	position: absolute;
	left: 200px;
	bottom: 12px;
	margin: 0; padding: 0 7px;
	width: 144px!important;width: 158px;
	list-style: none;
	background: #fff;
	}

	#crosslinkshome li {
		margin: 0; padding: 0;
		border-bottom: solid 1px #b5b5b5;
		}

		#crosslinkshome li.last 
		{
			border: none;
		}
		
		#crosslinkshome li a {
			display: block;
			height: 30px;
			padding: 0;
			line-height: 0;
			}			
	
		#crosslinkshome li.dotconnectfinance 
		{
			}
			
			#crosslinkshome li.dotconnectfinance a {
				background: url('../Webmasters/Images/cross_finance.gif') 0 0 no-repeat;
				}

		#crosslinkshome li.dotconnectcommunicatie {
			}
			
			#crosslinkshome li.dotconnectcommunicatie a {
				background: url('../Webmasters/Images/cross_communicatie.gif') 0 0 no-repeat;
				}

		#crosslinkshome li.dotconnectmarketing {
			}				

			#crosslinkshome li.dotconnectmarketing a {
				background: url('../Webmasters/Images/cross_marketingsales.gif') 0 0 no-repeat;
				}

		#crosslinkshome li.dotconnecthrrecruitment {
			}
			
			#crosslinkshome li.dotconnecthrrecruitment a {
				background: url('../Webmasters/Images/cross_hr.gif') 0 0 no-repeat;
				}

			#crosslinkshome a span {
				display: none;
				}			

/*** style for externallinks ***/

#externallinks {
	margin: 0 0 6px 0; padding: 0 7px;
	list-style: none;
	background: #fff;
	}

	#externallinks li {
		overflow: hidden;
		margin: 0; padding: 0;
		border-bottom: solid 1px #b5b5b5;
		}	

	#externallinks li.last {
		border: none;
		}	

	#externallinks a {		
		display: block;
		height: 30px;
		padding: 0;
		line-height: 0;
		background: url('../Webmasters/Images/link_arrow.png') right center no-repeat;
		}	

		#externallinks a span {
			display: none;
			height: 1px;
			font-size: 0;
			}			

		#externallinks #factsheet {
			}	

		#externallinks #factsheet a {
			}

			#externallinks #factsheet span {
				display: block;
				}			

			#externallinks #factsheet a:hover {
				color: #000;
				background: #fff;
				}						
			
		#dotconnectfinance {
			background: url('../Webmasters/Images/dotConnectFinance.gif') no-repeat;
			}
/*
			#dotconnectfinance a:hover {
				background: url('../Webmasters/Images/dotConnectFinance_over.gif') no-repeat;
				}			
*/
		#dotconnectmarketingsales {
			background: url('../Webmasters/Images/dotConnectMarketing.gif') no-repeat;
			}
/*			
			#dotconnectmarketingsales a:hover {
				background: url('../Webmasters/Images/dotConnectMarketing_over.gif') no-repeat;
				}				
*/
		#dotconnectcommunicatie {
			background: url('../Webmasters/Images/dotConnectCommunicatie.gif') no-repeat;
			}
/*
			#dotconnectcommunicatie a:hover {
				background: url('../Webmasters/Images/dotConnectCommunicatie_over.gif') no-repeat;
				}	
*/
		#dotconnecthr {
			background: url('../Webmasters/Images/dotconnecthr.gif') no-repeat;
			}

		#rent-a-recruiter {
			background: url('../Webmasters/Images/rent-a-recruiter.gif') no-repeat;
			}

/*** style for news ***/

#news {
	position: absolute;
	right: 12px;
	bottom: 12px;
	overflow: hidden;
	width: 186px!important;width: 200px;
	height: 123px;
	margin: 0; padding: 0 7px;
	list-style: none;
	background-color: #fff;
	}

	#news li {
		padding: 5px 0;
		border-bottom: solid 1px #b5b5b5;
		line-height: 12px;
		}

		#news li.last {
			border: none;
			}
		
		#news li.newsitem_1 {
			background: url('../Webmasters/Images/newsitem_1.gif') left bottom no-repeat #a5b6da;
			}
			
		#news li.newsitem_2 {
			color: #fff;			
			background: url('../Webmasters/Images/newsitem_2.gif') left bottom no-repeat #003d8f;
			}	

		#news li.newsitem_3 {
			background: url('../Webmasters/Images/newsitem_1.gif') left bottom no-repeat #a5b6da;
			}	

		#news li.newsitem_4 {
			color: #fff;			
			background: url('../Webmasters/Images/newsitem_2.gif') left bottom no-repeat #003d8f;
			}																

	#news img {
		float: right;		
		}									

	#news strong {
		color: #003e90;
		}

	#news p {
		margin: 0;
		display: inline;
		}

	#apphome .content #news a {
		display: block;
		padding-right: 15px;
		font-size: 11px;
		color: #343238;
		font-weight: normal;
		background: url('../Webmasters/Images/link_arrow.png') right bottom no-repeat;
		}		

		#apphome .content #news a.actie {
			color: #e69000;
			}										

/*** style for flexpots ***/

.flexhome {
	margin: 0 0 4px 0; padding: 7px 8px;
	background: #d5e6f3;
	}

	.flexhome h2 {
		margin: 0;
		font-size: 14px;
		color: #043382;
		}
	
	.flexhome a {
		display: block;
		padding-right: 15px;
		font-size: 12px;
		color: #000;
		text-decoration: none;
		background: url('../Webmasters/Images/link_arrow_dark.png') 205px 3px no-repeat;
		}

.flexhome2 {
	margin: 0 0 5px 0; padding: 7px 8px;
	background: #043382;
	}

	.flexhome2 h2 {
		margin: 0;
		font-size: 14px;
		color: #fff;
		}
	
	.flexhome2 a {
		display: block;
		padding-right: 15px;
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		background: url('../Webmasters/Images/link_arrow_white.png') 205px 3px no-repeat;
		}

.download {
	margin: 0 0 5px 0; padding: 7px 8px;
	background: #c10226;
	}

	.download a	{
		display: block;
		padding-right: 15px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		background: url('../Webmasters/Images/link_arrow_white.png') 205px 3px no-repeat;
		}

#related {
	margin: 0 0 8px;
	background-color: #d5e6f3;
	}

	#related ul	{
		margin: 0; padding: 3px 0 8px;
		list-style: none;
		}

		#related ul li {
			padding: 0 7px;
			}
		
		#related ul li a {
			display: block;
			height: 20px!important;height: 24px;
			padding-top: 5px;
			padding-right: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #043382;
			background: url('../Webmasters/Images/link_arrow.png') 205px 8px no-repeat;
			border-bottom: 1px solid #fff;
			}
			
			#related ul li a:hover 
			{
				text-decoration: underline;
			}
.flexpot 
{
	margin-bottom: 8px;
	background-color: #d5e6f3;
}

	.flexpot h2, #related h2 
	{
		margin: 0px;
		padding: 4px 8px;
		height: 17px!important;height: 23px;
		background-color: #043382;
		color: #fff;
		font-size: 14px;
	}
	
	.flexpot div 
	{
		padding: 8px;
	}

	.flexpot .image 
	{
		display: block;
		margin-bottom: 8px;
	}

	.flexpot a.readmore
	{
		display: block;
		padding-right: 15px;
		text-decoration: none;
		background: url('../Webmasters/Images/link_arrow.png') bottom right no-repeat;
	}


#flexpots {
	clear: both;
	padding-left: 18px;
	}

	#flexpots div {
		position: relative;
		float: left;
		margin-right: 8px; padding: 5px 14px 0 14px;
		width: 188px!important; width: 216px; height: 129px!important; height: 134px;
		background: url('../Webmasters/Images/label_finance.gif') no-repeat;
		}

		#flexpots div strong {
			color: #fff;
			}
			
		#flexpots div p {
			margin-top: 8px;
			font-size: 10px;
			line-height: 14px;
			}

		#flexpots div .readmore {
			position: absolute;
			right: 8px; bottom: 3px;
			padding-right: 15px;
			color: #fff;
			font-weight: bold;
			background: url('../Webmasters/Images/link_arrow_white.gif') right center no-repeat;
			}							

		#flexpots .flexpot2 {
			background: url('../Webmasters/Images/label_marketing.gif') no-repeat;
			}

		#flexpots .flexpot3 {
			background: url('../Webmasters/Images/label_communicatie.gif') no-repeat;
			}		

/*** style for testimonial ***/
.testimonial 
{
	margin: 0 0 6px 0;
	padding: 8px;
	background-color: #043382;
}

	.testimonial a 
	{
		display: block;
		padding-right: 15px;
		font-size: 11px;
		color: #fff;
		text-decoration: none;
		background: url('../Webmasters/Images/link_arrow_white.png') right bottom no-repeat;
	}

	.testimonial blockquote 
	{
		margin: 0 0 8px 0;
		font-size: 16px;
		line-height: 20px;
	}			
/*** style for loginform ***/

.form {
	width: 100%;
	}

	.loginform thead td {
		padding-left: 13px;
		text-align: left;
		border-bottom: solid 1px #7fd2ee;
		}

	.loginform tbody td {
		height: 25px;
		}

	.loginform tfoot td {
		padding-bottom: 10px;
		}						

	.loginform a {
		color: #fff;
		}							

/*** style for dotline ***/

.dotlinetop {
	padding: 15px 0;
	background: url('../Webmasters/Images/dot.gif') left top repeat-x;
	}

/*** style for profile ***/
				
.profile {
	margin-top: 10px;
	table-layout: fixed;
	background: #fff
	}

	.details {
		margin-top: 10px;		
		background: #fff;
		}
		
	.profile table.details td, .details td  {
		padding-bottom: 8px;
		}

	.profile table.details label, .details label {
		padding-right: 5px;
		color: #000;
		}						

	.profile table.details2 td, .details2 td  {
		padding-bottom: 4px;
		}

	.profile table.details2 label, .details2 label {
		padding-right: 5px;
		color: #000;
		}						
								
	.profile thead th {
		padding-bottom: 5px;
		text-align: left;
		font-weight: bold;
		background: url('../Webmasters/Images/dot.gif') left 95% repeat-x;	
		}
				
	.profile th {
		padding-top: 10px;
		text-align: left;
		font-weight: bold;
		background: url('../Webmasters/Images/dot.gif') left 5px repeat-x;	
		}

		.profile th.first, .first {
			padding-top: 0;
			text-align: left;
			background: none;	
			}					

		.profile th.subheader, .subheader {
			padding-top: 5px;
			padding-left: 40px;
			text-align: left;
			background: none;	
			}					
				
		.profile tbody td {
				background: #fff;
				}	

		.profile .topalign, .topalign {
				vertical-align: top; 
				padding-top: 2px;
				}
				
		.topalign2 {
				vertical-align: top;
				}

#contactoption {
	text-align: left;
	}
				
	#contactoption input {	
		margin: 0 3px 0 0; padding: 0;		
		background: none;
		}
				
.profile .border {
	padding-top: 5px;
	background: url('../Webmasters/Images/dot.gif') left top repeat-x;	
	}	

/*** style for news ***/

.newsoverview {
	padding-top: 0;
	/*background: url('../Webmasters/Images/dot.gif') left top repeat-x;*/
	}

	.newsoverview dt {
		font-weight: bold;
		}

	.newsoverview dd {
		margin: 0;
		}

		.newsoverview dd.last {
			margin-bottom: 10px; padding-bottom: 5px;
			/*background: url('../Webmasters/Images/dot.gif') left bottom repeat-x;*/
			}		

.newspage 
{
	margin: 0 0 20px;
}

	.newspage ul 
	{
		margin: 0;
		padding-left: 0;
		list-style: none;
	}
	
	.newspage h2 
	{
		margin: 0 0 10px;
		padding: 0 0 6px;
		border-bottom: dotted 1px #a3abb1;
		/*background: url('../Webmasters/Images/dot.gif') left bottom repeat-x;*/
	}
	
	.newspage ul a 
	{
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	
		.newspage ul a:hover 
		{
			text-decoration: underline;
		}

.newslettersubscription 
{
	margin: 15px 0 8px;
	table-layout: fixed;
}

	.newslettersubscription th
	{
		padding: 2px;
		text-align: left;
	}

	.newslettersubscription td 
	{
		padding: 2px;
	}
	
	.newslettersubscription div 
	{
		padding: 0;
	}
	
	.newslettersubscription input 
	{
		border: none;
	}
	
	
/*** style for box ***/

.box {
	padding: 0;
	background: url('../Webmasters/Images/bg_box-top.gif') left top repeat-x;
	}

	.box .top {		
		border: none;
		height: 8px;
		font-size: 0;
		background: url('../Webmasters/Images/bg_box-topleft.gif') left top no-repeat;
		}
	
		.box .top div {
			height: 8px;
			font-size: 0;
			border: none;
			background: url('../Webmasters/Images/bg_box-topright.gif') right top no-repeat;
			}
		
	.box .boxcontent {
		padding: 15px;
		text-align: left;
		border-right: solid 1px #003e90;
		border-left: solid 1px #003e90;		
		}

	.box .bottom {
		height: 8px;
		font-size: 0;
		border: none;
		background: url('../Webmasters/Images/bg_box-top.gif') left bottom repeat-x;
		}
	
	.box .bottom div {
		height: 8px;
		font-size: 0;
		border: none;
		background: url('../Webmasters/Images/bg_box-bottomright.gif') right bottom no-repeat;
		}
		
	.box .bottom div span {
		display: block;
		height: 8px;
		font-size: 0;
		border: none;
		background: url('../Webmasters/Images/bg_box-bottomleft.gif') left bottom no-repeat;
		}

	.box a {
		text-decoration: none;
		font-weight: normal;
		}

		.ogbox a:hover {
			text-decoration: underline;
			}

.arrow, .arrowfinance, .arrowmarketing, .arrowcommunicatie, .arrowhr {
	display: block;
	margin: 0 0 5px 0; padding: 2px 0 0 22px;
	height: 18px!important; height: 18px;
	background: url('../Webmasters/Images/arrow.gif') no-repeat;
	}

.arrowfinance {
	color: #00a4d6;
	background: url('../Webmasters/Images/arrowfinance.gif') no-repeat;
	}
	
.arrowmarketing {
	color: #97be0d;
	background: url('../Webmasters/Images/arrowmarketing.gif') no-repeat;
	}	

.arrowcommunicatie {
	color: #e89800;
	background: url('../Webmasters/Images/arrowcommunicatie.gif') no-repeat;
	}	

.arrowhr {
	color: #ef4030;
	background: url('../Webmasters/Images/arrowhr.gif') no-repeat;
	}			

.profile th {
	text-align: left;
	}