/* Main  */

* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	margin: 0;
	padding: 0;
	font: 14px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	line-height: 1.5;
	
	
}

textarea, input {
	font: 14px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}
a { color: #6d2978;}
a img { border: none; }
a:hover { color: #000; }





.clear {
	clear:both;
}

#mainDiv {
/*	background-color:#f0f0f0;
*/	margin:0 auto;
	width:812px;
	text-align:left;
	/*background:pink;*/
}

#headerDiv {
	font-size:1.6em;
	width:792px;
	margin:10px;
	/*background:lightblue;*/
}

#contentDiv {
	background:white;
	font-size:1.0em;
	width:792px;
	margin:0 10px;
	
}

#footerDiv {
	margin:10px;
	width:792px;
	float:left;
	
}



/* top  */
#headextra {
	background: url(images/logo_cib.jpg) no-repeat 0px 0px;
	float: left;
	width: 316px;
	height: 111px;

}
#headextra #ciblogo {
	float: left;
	width: 308px;
	height: 102px;
	left: 181px;
}
#headextra #ciblogo span {
	display: none;
}


#headmain {
	float: right;
	margin-top: 30px;
	width: 171px;
	height: 77px;
	background: url(images/infobox.jpg) no-repeat;
	
}
#stippellijn {
	float: left;
	width: 792px;
	height: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: url(images/stippellijn.jpg) repeat-x 0 50%;

}

#onderkant {
	margin-top: 14px;
	text-align:center;
	font-size: 11px;
	line-height: 1;
}

#sfeerbeeld {
	float: left;
	width: 792px;
	height: 159px;
}

body.home span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld1.jpg) no-repeat;
}
body.bedrijfsinformatie span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld2.jpg) no-repeat;
}
body.contact span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld3.jpg) no-repeat;
}
body.diensten span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld4.jpg) no-repeat;
}
body.eenmaligeincasso span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld5.jpg) no-repeat;
}
body.incassobureau-rotterdam span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld2.jpg) no-repeat;
}

body.incassobureau-den-haag span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld2.jpg) no-repeat;
}
body.incassobureau-amsterdam span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld2.jpg) no-repeat;
}
body.incassobureau-eindhoven span #sfeerbeeld {
	display: block; 
	background: url(images/sfeerbeeld2.jpg) no-repeat;
}





/* midden stuk */
#content-links {
	float: left;
	width: 480px;
	margin-top: 12px;
	
}

#content-rechts {
	float: right;
	width: 284px;
	margin-top: 12px;
	
}


#content-rechts UL.buttons li a {
	display: block;
	background-repeat: no-repeat;
	padding: 0;
	height: 40px;
	margin-top: 2px;
	margin-bottom: 3px;
}



#content-rechts UL.buttons li a span { display: none;}

#content-rechts UL.buttons LI.zie_kredietrapport {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_krediet.png);
	margin: 0 23px 0 0;
}
#content-rechts UL.buttons LI.zie_facturatie {
	list-style: none;
	width:285px;
	heigth:40px;
	background: url(images/button_facturatie.png);	
}#content-rechts UL.buttons LI.zie_verzekering{
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_verzekering.png);	
}#content-rechts UL.buttons LI.zie_slot {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_slot.png);	
}#content-rechts UL.buttons LI.zie_incasso {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_incasso.png);	
}
#content-rechts UL.buttons LI.zie_internationaal {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_internationaal.png);	
}#content-rechts UL.buttons LI.zie_verhaalsonderzoek {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_verhaalsonderzoek.png);	
}#content-rechts UL.buttons LI.zie_gerechtelijk {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_gerechtelijk.png);	
}#content-rechts UL.buttons LI.zie_juridisch {
	list-style: none;
	width:285px;
	heigth:40px;
	background: url(images/button_juridisch.png);	
}#content-rechts UL.buttons LI.zie_voorwaarden {
	list-style: none;
	width:285px;
	heigth:40px;
	background: url(images/button_voorwaarden.png);	
}












#content-rechts UL.buttons LI.zie_kredietrapport:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_krediet_up.png);	
}
#content-rechts UL.buttons LI.zie_facturatie:hover {
	list-style: none;
	width:285px;
	heigth:40px;
	background: url(images/button_facturatie_up.png);	
}#content-rechts UL.buttons LI.zie_verzekering:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_verzekering_up.png);	
}#content-rechts UL.buttons LI.zie_slot:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_slot_up.png);	
}#content-rechts UL.buttons LI.zie_incasso:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_incasso_up.png);	
}
#content-rechts UL.buttons LI.zie_internationaal:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_internationaal_up.png);	
}#content-rechts UL.buttons LI.zie_verhaalsonderzoek:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_verhaalsonderzoek_up.png);	
}#content-rechts UL.buttons LI.zie_gerechtelijk:hover {
	list-style: none;
	width:286px;
	heigth:40px;
	background: url(images/button_gerechtelijk_up.png);	
}#content-rechts UL.buttons LI.zie_juridisch:hover {
	list-style: none;
	width:285px;
	heigth:40px;
	background: url(images/button_juridisch_up.png);	
}#content-rechts UL.buttons LI.zie_voorwaarden:hover {
	list-style: none;
	width:285px;
	heigth:40px;
	background: url(images/button_voorwaarden_up.png);	
}


#titel h1 {
	font-size: 18px;
	color: #6d2978;
}



#tekst {
	padding-top:12px;
	
}


#tekst h2 {
	font-size: 14px;
	color: #6d2978;
	padding-bottom:0px;
}

#form {
	width:486px;
	background: url(images/form_midden.gif) repeat-y;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;	
}
#form_top {
	width:486px;
	height:19px;
	background: url(images/form_boven.gif) no-repeat;
	margin-top: 12px;
}
#form_bottom {
	width:486px;
	height:20px;
	background: url(images/form_onder.gif) no-repeat;
	margin-bottom: 12px;
}

#contact_box {
		background: url(images/contact_box.jpg) no-repeat;
		height: 151px;
		margin-bottom: 12px;	
}
#contact_box h1 {
	font-size: 15px;
	padding-top:10px;
	padding-left: 43px;
	color: #6d2978;
}
#contact_box p {
	font-size: 12px;
	line-height: 1.4;
	padding-top: 13px;
	padding-left: 44px;
	color: #000;
}
#voorstel {
		background: url(images/voorstel.gif) no-repeat;
		height: 403px;	
		margin-bottom: 12px;
}
#landelijkedekking {
		background: url(images/landelijkedekking.gif) no-repeat;
		height: 378px;
		margin-bottom: 12px;	
}
#landelijkedekking2 {
		background: url(images/landelijkedekking2.gif) no-repeat;
		height: 378px;
		margin-bottom: 12px;	
}



#webtool_box {
		background: url(images/info_webtool.png) no-repeat;
		height: 345px;
		margin-bottom: 12px;	
}

#webtool_box #inloggen {
	float: right;
	width: 286px;
	height: 63px;
		margin-top: 110px
	
}
#webtool_box #inloggen span {
	display: none;
		
}

#webtool_box #meerinfo {
	float: right;
	width: 286px;
	height: 63px;
		margin-top: 90px
	
}
#webtool_box #meerinfo span {
	display: none;
		
}




#webtool_button {
		background: url(images/button_inloggen.png) no-repeat;
		height: 63px;
		margin-bottom: 12px;	
}

#webtool_button #inloggen {
	float: right;
	width: 286px;
	height: 63px;
	
}
#webtool_button #inloggen span {
	display: none;
}





#krediet_button {
		background: url(images/button_krediet_opvragen.png) no-repeat;
		height: 65px;
		margin-bottom: 12px;	
}

#krediet_button #inloggen {
	float: right;
	width: 286px;
	height: 65px;
	
}
#krediet_button #inloggen span {
	display: none;
}





#dossier_box {
		background: url(images/dossier_box.jpg) no-repeat;
		height: 116px;
		margin-bottom: 12px;	
}

#dossier_box #inloggen {
	float: right;
	width: 280px;
	height: 116px;
	
}
#dossier_box #inloggen span {
	display: none;
}




#krediet_box {
		background: url(images/krediet_box.jpg) no-repeat;
		height: 116px;
		margin-bottom: 12px;	
}

#krediet_box #inloggen {
	float: right;
	width: 280px;
	height: 116px;
	
}
#krediet_box #inloggen span {
	display: none;
}




/* Main Nav */

#navholder {
	float: left;
	height: 26px;
	overflow: hidden;
	width: 100%;
	padding-top:10px;
}
#mainnav {
	float: left;
}
#mainnav li {
	float: left;
	display: block;
}
#mainnav li a {
	display: block;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	padding: 0;
	height: 26px;
}
#mainnav li a span { display: none;}
#mn_home		{ width: 83px; background-position: 0px 0px; margin: 0 23px 0 0; }
#mn_bedrijfsinformatie	{ width: 200px; background-position: -107px 0px; margin: 0 23px 0 0; }
#mn_diensten		{ width: 110px; background-position: -335px 0px; margin: 0 22px 0 0; }
#mn_eenmaligeincasso { width: 200px; background-position: -470px 0px; margin: 0 22px 0 0; }
#mn_contact		{ width: 109px; background-position: -690px 0px; margin: 0 0 0 0; }


#mn_home:hover		{ background-position: 0px -27px; }
#mn_bedrijfsinformatie:hover	{ background-position: -107px -27px; }
#mn_diensten:hover		{ background-position: -335px -27px; }
#mn_eenmaligeincasso:hover	{ background-position: -470px -27px; }
#mn_contact:hover		{ background-position: -690px -27px; }


#dienst {
	width:470px;
	height:83px;
	background: url(images/diensten.gif) no-repeat;	
	padding-top:7px;
	padding-bottom:4px;
	padding-left: 30px;	
}
#dienst2 {
	width:470px;
	height:73px;
	background: url(images/diensten2.gif) no-repeat;	
	padding-top:5px;
	padding-bottom:2px;
	padding-left: 30px;	
}

#landingpage {
	width:470px;
	height:auto;
	background: url(images/diensten2.gif) no-repeat;	
	padding-top:5px;
	padding-bottom:2px;
	padding-left: 30px;	
}

#dienst2 p {
		font: 12px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
}
a.incassobureau{text-decoration:none; font-weight:bold;}
#incassobureau-rotterdam {position: relative; top: 235px; left: 75px;}
#incassobureau-den-haag {position: relative; top: 195px; left: 32px;}
#incassobureau-amsterdam {position: relative; top: 130px; left: 45px;}
#incassobureau-eindhoven {position: relative; top: 200px; left: 90px;}


