/* general layout  */
html,body{
	height:100%;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input, div,p, td{ 
	margin:0; 
	padding:0; 
}


body {
	color:#000;
	text-align:left;
}



h5,h6,pre,code {
	font-size:1em; 
}


/* general definitions  */

p, a, li, td, blockquote, ol, div, dd, dt, body, a{
	font: normal 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#3E4D57;
	line-height:15px;
}

p{
	padding:0 15px 0 0;
	line-height:14px;
}

ul{
	padding:0 15px 0 0;
	
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:0;
}

h1{
	font: bold 12pt "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#3E4D57;
	padding:0 0 30px 0;
}

h2{
	font: bold 16pt "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0063B4;	
	text-align:right;
	padding:0 20px 15px 0;
}

h3{
	font: bold 11pt "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0063B4;	
	padding:0 0 4px 0;
}

/*lijnen*/
.hr{
background:transparent url(../images/hr.gif) left bottom repeat-x;
height:1px;font-size:1px;margin:0 0 6px 0;
}

.hrgray{
background:transparent url(../images/hrgray.gif) left bottom repeat-x;
height:1px;font-size:1px;margin:0 0 6px 0;
}

/*kop*/
#qcollect{
	display:none;
}
/*tekst*/
#tekst{
	width:400px;
}

/*footer*/
#footer{
	display:none;
}

/*menu*/
ul#menu{
	display:none;
}

/*menu2*/
ul#menu2{
	display:none;
}

/*overige*/

.pad10{
	margin:10px 0 5px 0;
}
.leeg{
	height:250px;
}

.bottom0{
	margin-bottom:0;
	padding-bottom:0;
}
/*contact*/
address#contact{
	padding:0 0  0 90px;
	font: normal 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

address#contact span{
	font: bold 14px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.blue, table#contacttable a{
	color:#0063B4;	
	font: bold 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table#contacttable{
	padding:0 0 0 25px;
}

img#contactlogo{
	margin:0 0 0 15px;
}

/*groep*/
dd{
	margin:0 0 20px 0px;
}

dd a{
	color:#0063B4;	
	font: bold 11px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

dl img{
	margin:0 10px 0 5px;
}

dl .pad10{
	margin:20px 0 5px 0;
}
	dl>.pad10{
		margin:10px 0 5px 0;
	}

dt{
font: bold 14px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*links*/
ul.links{
	position:relative;
	padding:0 0 0 20px;
	margin:0px;
}

	ul.links li{
		list-style-type:none;
		padding:0 0 0 0px;
		margin:0px;
	}

	ul.links>li{
		margin:0px 0 0 -20px;/*in ie staat de li goed (aanpassing zie volgend ecommentaar) in andere browsers moet de li nog 20px verplaats worden*/
	}

		ul.links li.gray{
			background:#E5E5E5;
		}

		ul.links li a{
		color:#0063B4;
		display:block;
		font: bold 13px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		background:transparent url(../images/li.gif) left top no-repeat;
		margin:0 0 0 -24px;
		padding:6px 0 0 24px;
		}

		ul.links li .hr{
			padding:4px 0 0px 0;
			margin:0;
		}

		ul.links li span{
			margin: 0 4px 0 4px;
			display:block;
		}

#tekstlinks{
	width:456px;
}

	div>#tekstlinks{/*in IE moet alles opnieuw gepositioneerd worden, andere browsers blijft #tekstlinks hetzefde als $tekst*/
		width:436px;
	}


/*over*/
ul.over li{
	list-style-type:circle;
	list-style: url(../images/dot.gif);	
	margin-left:16px;
}


/*dienst*/
.diensttekst{
	display:none;
}

.image-map{
	position:absolute;
	left:0;
}

.image-map img{
	margin:15px 0 5px 0;
}

.image-map a{
	width:70px;
	height:39px;
	position:absolute;
	text-align:center;
	padding:11px 6px 0 0;
	background:#fff url(../images/imgmap.gif) top left no-repeat;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

	.image-map>a{
		width:64px;
		height:28px;
	}

.image-map a:hover, .image-map a.actief{
	text-decoration:none;
	background:#fff url(../images/imgmap_over.gif) top left no-repeat;
}




.image-map #accounting{display:none;}
.image-map #mediation{display:none;}
.image-map #rating{display:none;}
.image-map #billing{display:none;}
.image-map #billing:hover, .image-map #billing.actief{display:none;}
.image-map #invoicing{display:none;}
.image-map #invoicing:hover, .image-map #invoicing.actief{display:none;}
.image-map #dunning{display:none;}
.image-map #dunning:hover, .image-map #dunning.actief{display:none;}
.image-map #collection{display:none;}
.image-map #collection:hover, .image-map #collection.actief{display:none;}
.image-map #legalcollection{display:none;}
.image-map #legalcollection:hover, .image-map #legalcollection.actief{display:none;}
.image-map #precollection{display:none;}
.image-map #precollection:hover, .image-map #precollection.actief{display:none;}
.image-map #tracking{display:none;}
.image-map #tracking:hover, .image-map #tracking.actief{display:none;}
.image-map #validation{display:none;}
.image-map #validation:hover, .image-map #validation.actief{display:none;}
.image-map #matching{display:none;}
.image-map #matching:hover, .image-map #matching.actief{display:none;}
.image-map #credit{display:none;}
.image-map #credit:hover, .image-map #credit.actief{display:none;}