body {
	margin: 0; padding-left: 54px;
	text-align: left;
	font: 12px Arial, sans-serif;
	background: url('../Webmasters/Images/bg_site.gif') left top repeat-x #e5e8f4;
	}

table {
	font: 12px Arial, sans-serif;
	}

/*** style for common elements ***/

a {
	color: #003e90;
	text-decoration: underline;
	}

	a:hover {
		text-decoration: 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;
	}

/*** style for headers ***/

h1 {
	margin: 16px 0; padding: 0;
	font-size: 16px;
	color: #003e90;
	}
	
	#apphome h1 {
		font-size: 20px;
		}

h2 {
	margin: 0 0 16px 0;
	font-size: 16px;
	}

	h2.extra {
		padding-top: 20px;
		background: url('../Webmasters/Images/dot.gif') left top repeat-x;
		}	

/*** style for layout ***/

#body, #bodyhome {
	margin: 0; padding: 0 48px 0 0;
	width: 907px!important; width: 955px;
	min-height: 800px;
	background: url('../Webmasters/Images/bg_body.jpg') no-repeat;
	}	

	#bodyhome {
		height: 800px;
		background: url('../Webmasters/Images/bg_bodyhome.jpg') no-repeat;
		}

#header {
	position: relative;
	padding: 0 90px 0 0;
	width: 822px!important; width: 912px;
	background: url('../Webmasters/Images/bg_newsheader.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: 30px;
	text-decoration: none;
	}	

	#newslink span {
		display: none;
		}								

#actionmenu {
	float: left;
	margin: 0; padding: 0;
	width: 120px;
	border: solid 1px red
	}

#app, #apphome {
	float: left;
	margin: 0; padding: 0;
	width: 699px;
	line-height: 16px;
	}	

	#apphome .content {
		float: left;
		width: 330px; height: 428px;
		}	

		#apphome .content a {
			padding-right: 15px;
			color: #003e90;
			font-weight: bold;
			background: url('../Webmasters/Images/link_arrow.gif') right center no-repeat;
			}	

			#apphome .content a:hover {
				text-decoration: none;
				}									
		
#infocolumn {
	float: right;
	margin: 0; padding: 0;
	width: 202px;
	}

/*** style for content ***/

.content {
	float: left;
	width: 560px;
	}	

	.content a img {
		border: solid 1px #003e90;
		}	

/*** style for crosslinkshome ***/

#crosslinkshome {
	clear: both;
	margin: 0; padding: 0;
	width: 710px;
	list-style: none;
	}

	#crosslinkshome li {
		float: left;
		margin: 0 3px 0; padding: 0;
		width: 170px; height: 50px;
		background: #ef4030;
		}

		#crosslinkshome li a {
			display: block;
			height: 44px;
			}			
	
		#crosslinkshome li.dotconnectfinance {
			background: url('../Webmasters/Images/cross_finance_btm.png') left bottom no-repeat;
			}
			
			#crosslinkshome li.dotconnectfinance a {
				background: url('../Webmasters/Images/cross_finance.gif') 10px 10px no-repeat #009ee0;
				}

		#crosslinkshome li.dotconnectcommunicatie {
			background: url('../Webmasters/Images/cross_communicatie_btm.png') left bottom no-repeat;
			}
			
			#crosslinkshome li.dotconnectcommunicatie a {
				background: url('../Webmasters/Images/cross_communicatie.gif') 10px 10px no-repeat #e79a23;
				}

		#crosslinkshome li.dotconnectmarketing {
			background: url('../Webmasters/Images/cross_marketing_btm.png') left bottom no-repeat;
			}				

			#crosslinkshome li.dotconnectmarketing a {
				background: url('../Webmasters/Images/cross_marketingsales.gif') 10px 10px no-repeat #96bf0d;
				}

		#crosslinkshome li.dotconnecthrrecruitment {
			background: url('../Webmasters/Images/cross_hr_btm.png') left bottom no-repeat;
			}
			
			#crosslinkshome li.dotconnecthrrecruitment a {
				background: url('../Webmasters/Images/cross_hr.gif') 10px 10px no-repeat #ef4030;
				}

			#crosslinkshome a span {
				display: none;
				}			

/*** style for externallinks ***/

#externallinks {
	float: right;
	margin: 250px 0 0 0; padding: 0;
	width: 202px;
	list-style: none;
	}

	#externallinks li {
		overflow: hidden;
		margin: 0 0 3px 0; padding: 0;
		height: 52px;
		}	

	#externallinks a {		
		display: block;
		width: 202px; height: 52px;
		cursor: pointer;		
		}	

		#externallinks a span {
			display: none;
			}			

		#externallinks #factsheet {
			height: 29px;
			}	

		#externallinks #factsheet a {
			padding: 6px 0 0 4px;
			width: 198px!important; width: 202px;
			height: 23px!important; height: 29px;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			background: #000;
			}

			#externallinks #factsheet span {
				display: block;
				}			

			#externallinks #factsheet a:hover {
				color: #000;
				background: #fff;
				}						
			
		#dotconnectfinance a {
			background: url('../Webmasters/Images/dotConnectFinance.gif') no-repeat;
			}

			#dotconnectfinance a:hover {
				background: url('../Webmasters/Images/dotConnectFinance_over.gif') no-repeat;
				}			

		#dotconnectmarketingsales a {
			background: url('../Webmasters/Images/dotConnectMarketing.gif') no-repeat;
			}
			
			#dotconnectmarketingsales a:hover {
				background: url('../Webmasters/Images/dotConnectMarketing_over.gif') no-repeat;
				}				

		#dotconnectcommunicatie a {
			background: url('../Webmasters/Images/dotConnectCommunicatie.gif') no-repeat;
			}

			#dotconnectcommunicatie a:hover {
				background: url('../Webmasters/Images/dotConnectCommunicatie_over.gif') no-repeat;
				}	

		#dotconnecthr a {
			background: url('../Webmasters/Images/dotconnecthr.gif') no-repeat;
			}

			#dotconnecthr a:hover {
				background: url('../Webmasters/Images/dotconnecthr_over.gif') no-repeat;
				}													

/*** style for news ***/

#news {
	position: relative;
	margin: 0; padding: 0;
	height: 473px; width: 202px;
	list-style: none;	
	}

	#news li {
		overflow: hidden;
		margin: 0; padding: 8px 9px 12px 9px;
		font-size: 10px;
		line-height: 14px;
		}

		#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 {
		display: block;
		margin-bottom: 6px;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		}

	#news p {
		margin: 0;
		display: inline;
		}

	#news a {
		display: inline;
		margin-left: 5px; padding-right: 15px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		background: url('../Webmasters/Images/link_arrow_white.gif') right center no-repeat;
		}									

/*** style for flexpots ***/

#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 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 tbody tr > td:first-child {	/* alignment fix for firefox */
				text-align: right;
				}				

		.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: 10px;
	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;
			}		

/*** 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;
	}		