@charset "utf-8";
/* 
CSS Document voor Maat Financiele Dienstverlening
Datum: mei 2007
Media: Screen
Ontwikkelaar: Concept7 (www.concept7.nl)
Xhtml/css: Timothy van Sas

Kleurcodes

rood:						#b10043
paars balk navigatie:		#93587e
knoppen navigatie:			#c89bb2
grijs licht:				#e9e9e9
*/

/* Globals 
====================================================================== */
body,
html {
	background:#b10043;
	color:#000;
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
}

body { min-width:921px;}

img { border:0;}
*:focus { outline: none}

p { 
	line-height:150%;
	margin:0;
	padding:0 0 17px 0;
}

div#track1, div#track2, div#track3, div#track4, div#track5 {
	width:307px;
	height:15px;
	margin:6px 0 25px 20px;
	background:url(../../images/bg-slide.gif) repeat-x;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:25px;
	}

div#track1 p, div#track2 p, div#track3 p, div#track4 p, div#track5 p {
	margin:0!important;
	padding:5px 0 0 0!important;
	color:#000;
}

div#handle1, div#handle2, div#handle3, div#handle4, div#handle5 { 
	width:17px;
	height:15px; 
	cursor:move;
	background:url(../../images/bg-handle.gif) no-repeat;
}

#slider-form { padding:15px 0 0 0; }
#slider-form h2{ color:#000!important; }
#slider-form h2#bdh2 { color:#b10043!important; }

#slider-form2 { padding:15px 0 0 0; }
#slider-form2 h2{ color:#000!important; }
#slider-form2 h2#bdh2 { color:#b10043!important; }

/* Top (logo, service en zoeken) 
====================================================================== */
div#wraptop {
	background:#b10043;
	height:99px;
}

div#top {
	width:921px;
	margin:0 auto;
	padding:0;
	background:url(../../images/bg-service.gif) top right no-repeat;
	position:relative;
}

	div#top #estelle {
		position:absolute;
		left:12px;
		top:230px;
		width:78px;
		height:36px;
		}
	
	div#top #antionette {
		position:absolute;
		left:130px;
		top:230px;
		width:78px;
		height:36px;
	}
	
	.zoekform {
		position:absolute;
		right:16px;
		top:42px;
	}
	
	.zoekform fieldset {
		border:0;
		padding:10px 0 2px 6px;
		margin:0;
		width:239px;
		height:40px;
	}
	
	#frmZoeken {
		width:185px;
		padding:5px 15px 5px 26px;
		background:url(../../images/bg-frmVeld.gif) no-repeat;
		border:0;
		color:#666;
	}
	
	*html #frmZoeken { background-attachment:fixed;}
	
	#frmZoekknop {
		background:url(../../images/bg-zoekBtn.gif) right no-repeat;
		border:0;
		color:#fff;
		width:65px;
		height:26px;
		cursor:pointer;
		position:absolute;
		font-size:11px;
		margin:0 0 0 185px;
		font-weight:bold;
	}
	
	*:first-child+html #frmZoekknop { margin-top:1px;}
	*html #frmZoekknop { margin-top:1px;}

	div#top ul {
		margin:0;
		padding:5px 25px 0 0;
		float:right;
	}
	
	div#top ul li {
		list-style:none;
		display:inline;
	}
	
	div#top ul li a {
		color:#fff;
		text-decoration:none;
		padding-left:35px;
	}
	
	div#top ul li a:hover {
		color:#e3a3bb;
		text-decoration:none;
	}
	
	div#top ul li#servaan a {
		color:#e3a3bb;
	}

div#top #logo { 
	margin-top:9px;
	vertical-align:bottom;
	}

div#top #logoprint { display:none;}

div#wrapTopsec {
	border-bottom:1px solid #ccd3db;
	background:url(../../images/bg.gif) repeat-x;
}	

div#topsec {
	width:921px;
	margin:0 auto;
	padding:0;
	_height:197px;
	min-height:197px;
	background:url(../../images/dames.jpg) no-repeat 18px 0;
}

div#nav {
	padding:9px 0 6px 0;
	background:url(../../images/bg-nav.gif) no-repeat;
	margin:0 2px 0 287px;
}

	/* Main navigatie 
	====================================================================== */
	#mainmenu {
		margin:0;
		padding:0 0 0 36px;
		_height:36px;
		min-height:36px;
	}
		
	#mainmenu li {
		position:relative;
		float:left;
		height:35px;
		list-style:none;
	}
			
	#mainmenu a:link,
	#mainmenu a:visited,
	#mainmenu a:hover,
	#mainmenu a:visited:hover {
		display:block;
		float:left;
		height:35px;
		text-decoration:none;
	}
		
	#mainmenu a:link span,
	#mainmenu a:visited span,
	#mainmenu a:hover span,
	#mainmenu a:visited:hover span {
		display:block;
		float:left;
		height:25px;
		padding:10px 22px 0px 17px;
	}
		
	#mainmenu a:link,
	#mainmenu a:visited {
		color:#fff;
		background:transparent url(../../images/nav-bg.gif) no-repeat top left;
	}
		
	#mainmenu a:hover,
	#mainmenu a:visited:hover {
		color:#fff;
		background:transparent url(../../images/nav-bg-hover.gif) no-repeat top left;
	}
		
	#mainmenu a:link span,
	#mainmenu a:visited span {
		color:#000;
		background:transparent url(../../images/nav-bg-rechts.gif) no-repeat top right;
		cursor:pointer;
	}
		
	#mainmenu a:hover span,
	#mainmenu a:visited:hover span {
		color:#fff;
		background:transparent url(../../images/nav-bg-rechts-hover.gif) no-repeat top right;
		cursor:pointer;
	}
		
	#mainmenu a.select:link,
	#mainmenu a.select:visited {
		color:#b10043!important;
		background:#fff url(../../images/nav-bg-select.gif) no-repeat top left;
	}
		
	#mainmenu a.select:link span,
	#mainmenu a.select:visited span {
		color:#b10043;
		background:transparent url(../../images/nav-bg-rechts-select.gif) no-repeat top right;
		cursor:pointer;
	}
		
	#mainmenu a.select:hover,
	#mainmenu a.select:visited:hover {
		color:#b10043;
		background:transparent url(../../images/nav-bg-select.gif) no-repeat top left;
	}
		
	#mainmenu a.select:hover span,
	#mainmenu a.select:visited:hover span {
		color:#b10043;
		background:transparent url(../../images/nav-bg-rechts-select.gif) no-repeat top right;
		cursor:pointer;
	}
	
	div#sub {
		background:#fff;
		border-bottom:1px solid #c89bb2;
		border-left:1px solid #c89bb2;
		border-right:1px solid #c89bb2;
		padding:5px;
		display:block;
	}
	
	*:first-child+html div#sub { 
		background:#fff;
		border-bottom:1px solid #c89bb2;
		border-left:1px solid #c89bb2;
		border-right:1px solid #c89bb2;
		padding:5px;
		display:block;
		overflow:hidden;
	}
	
	div#sub:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	
	*html #sub { height:1%;}
	
	div#sub ul li { display: inline; }

	div#sub ul {
		margin:0;
		padding:0;
		font:normal 12px arial,verdana,sans-serif;
		}
	
	div#sub ul li a {
		padding:4px 8px;
		color:#000;
		text-decoration:none;
		float:left;
		border-right:1px solid #e9e9e9;
		}
	
	div#sub ul li a:hover {
		background:#e9e9e9;
		color:#000
		}
	
	div#sub li#select a {
		background:#b10043;
		color:#fff;
	}

div#letop { 
	clear:both;
	background:url(../../images/bg-letop.gif) repeat-y 0 20px;
	margin:10px 0 0 0;
	_height:125px;
	min-height:125px;
	padding:15px 25px 0 32px;
}

	div#letop h1 {
		margin:0;
		padding:0 0 2px 3px;
		color:#b10043;
		font:bold 20px Georgia, "Times New Roman", Times, serif;
	}
	
	div#letop p { 
		padding:0 0 11px 3px;}
	
	div#letop ul {
		margin:0;
		padding:0;
	}
	
	div#letop ul li { list-style:none;}
	
	div#letop ul li a {
		background:url(../../images/knop-hypo.gif) no-repeat;
		display:block;
		width:154px;
		height:36px;
		font:bold 12px Georgia, "Times New Roman", Times, serif;
		color:#fff;
		text-decoration:none;
		text-align:center;
		padding-top:10px;
	}
	
	div#letop ul li a:hover {
		background:url(../../images/knop-hypo-hover.gif) no-repeat;
	}

/* Blokken op home 
====================================================================== */
div#homeblokken {
	width:921px;
	margin:0 auto;
	padding:0;
	background:url(../../images/bg-blokken-home.gif) repeat-y;
	position:relative;
	overflow:hidden;
	display:block;
}

div#txtVervolg {
	width:921px;
	margin:0 auto;
	padding:26px 0 0 0;
	position:relative;
	overflow:hidden;
	display:block;
}

div#homeblokken a:link, div#txtVervolg a:link { 
	color:#b10043;
	text-decoration:underline;
}

div#homeblokken a:hover, div#txtVervolg a:hover {color:#06c;}
div#homeblokken a:visited, div#txtVervolg a:visited { color:#606;}
div#homeblokken a:visited:hover, div#txtVervolg a:visited:hover { color:#06c;}

div#wrapContent {
	background:#fff;
	overflow:hidden;
	display:block;
}

div#homeblokken:after, div#wrapContent:after, div#txtVervolg:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html #homeblokken, #wrapContent, #txtVervolg {
	height:1%;
}
	div#homeblokken h1 {
		margin:0;
		padding:8px 0;
		font:normal 18px Georgia, "Times New Roman", Times, serif;
		color:#b10043;
	}

.cliplinks {
	position:absolute;
	z-index:999;
	top:10px;
	left:16px;
	width:38px;
	height:60px;
}

.cliprechts {
	position:absolute;
	z-index:999;
	top:10px;
	right:16px;
	width:38px;
	height:60px;
}

	div#blok1 {
		float:left;
		border-top:26px solid #fff;
		width:278px;
		padding:12px;
	}
	
	div#blok2 {
		float:left;
		border-top:26px solid #fff;
		width:290px;
		margin:0 8px 0 7px;
		padding:12px 0 0 12px;
	}
	
	div#blok3 {
		float:left;
		border-top:26px solid #fff;
		width:290px;
		padding:12px 0 0 12px;
	}
	
	div#blok1 p, div#blok2 p, div#blok3 p { margin-right:12px;}
	
	div.imgBlok {
		width:278px;
		height:77px;
		overflow:hidden;
	}

div#linksblokken {
	width:921px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	display:block;
	height:57px;
	background:url(../../images/bg-links-home.gif) bottom no-repeat;
}

ul#link1 {
	margin:0;
	float:left;
	padding:0 0 0 12px;
	width:290px;
}

ul#link1 li, ul#link2 li, ul#link3 li { list-style:none;}
ul#link1 li a, ul#link2 li a, ul#link3 li a {
	background:url(../../images/btn-mInfo.gif) no-repeat;
	display:block;
	width:97px;
	height:24px;
	text-decoration:none;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:center;
	padding-top:11px
}

ul#link1 li a:hover, ul#link2 li a:hover, ul#link3 li a:hover {
	background:url(../../images/btn-mInfo-hover.gif) no-repeat;
}

ul#link2 {
	margin:0 8px 0 7px;
	float:left;
	padding:0 0 0 12px;
	width:290px;
}

ul#link3 {
	margin:0;
	float:left;
	padding:0 0 0 12px;
	width:290px;
}

/* Content vervolgpagina's 
====================================================================== */
div#cLinks {
	float:left;
	width:653px;
	margin-right:15px;
	background:url(../../images/bg-cLinks.gif) no-repeat;
}

	div#kopKruimel {
		background:#e9e9e9;
		height:90px;
		overflow:hidden;
		position:relative;
		margin-bottom:30px;
	}
	
		div#kopKruimel h1 {
			margin:0;
			padding:57px 0 15px 20px;
			font:bold 16px Georgia, "Times New Roman", Times, serif;
			color:#b10043;
			letter-spacing:-1px;
		}
	
		h1.hypo {background:url(../../images/bg-hypo.gif) top right no-repeat;}
		h1.finan {background:url(../../images/bg-euro.gif) top right no-repeat;}
		
		div#cLinks h2 {
			margin:0 0 4px 20px;
			padding:0;
			color:#b10043;
			font:bold 12px Georgia, "Times New Roman", Times, serif;
			clear:both;
		}	
		
		div#kopKruimel ul {
			position:absolute;
			margin:0;
			padding:12px 25px 0 70px;
			width:540px;
		}
		
		div#kopKruimel ul li {
			list-style:none;
			display:inline;
		}
		
		div#kopKruimel ul li a {
			padding:0 12px 0 0;
			margin-right:6px;
			background:url(../../images/bullet-kruimel.gif) right no-repeat;
		}
		
		div#kopKruimel ul li a:visited { color:#b10043;}
		div#kopKruimel ul li#waar { font-weight:bold;}
		
		div#cLinks p {
			margin:0 70px 0 20px;
		}
		
		div#cLinks div.afbR {
			float:right;
			position:relative;
			margin:6px 10px 8px 20px;
		}
		
		div#cLinks div.afbL {
			float:right;
			position:relative;
			margin:6px 20px 8px 0;
		}
		
			div.afbR img, div.afbL img { vertical-align:bottom;}
		
		.vergroot { 
			position:absolute;
			height:20px;
			width:20px;
			top:0;
			right:0;
		}
		
		div#cLinks div.afbR span, div#cLinks div.afbL span {
			display:block;
			background:#e9e9e9;
			padding:4px;
		}
		
		.wide {
			display:block;
			margin:0 0 5px 20px;
		}	

div#cRechts {
	float:left;
	width:200px;
	background:#e9e9e9 url(../../images/bg-rechts.gif) bottom no-repeat;
	padding:57px 21px 35px 29px;
	_height:411px;
	min-height:411px;
}

	div#cRechts div.blok {
		border-bottom:1px dashed #999;
		margin-bottom:25px;
		padding-bottom:8px;
	}
	
		div#cRechts div.blok p.mInfo {
			font-weight:bold;
			background:url(../../images/bullet-rechts.gif) no-repeat;
			background-position:0 4px;
			padding-left:25px;
		}
	
	div#cRechts div.blok h1 {
		margin:0;
		padding:0 0 10px 0;
		color:#b10043;
		font:bold 16px Georgia, "Times New Roman", Times, serif;
		letter-spacing:-1px;
	}

.contentlist {
	margin:0;
	padding:0 0 18px 34px;
}
	
.contentlist li {
	padding:0 0 3px 0;
	list-style-type:disc;
}

.contentlist li.antw {
	display:block;
	background:none!important;
	padding:8px 15px 20px 0!important;
}
	
.contentlist li ul li {
	padding-left:15px;
	background:url(../../images/clist-sub.gif) no-repeat 0 5px;
	list-style-type:none;
}

.feas {
	margin:20px 0 0 0;
	padding:21px;
	clear:both;
}

.feas li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 0px;
	font-weight:bold;
}

.feas li a { color:#000!important;}
.feas li a:hover { color:#00f!important;}

.printen {
	background:url('../../images/icon-print.gif') no-repeat;
	background-position:0 3px;
	padding:0px 22px 5px 25px;
	border-right:1px solid #999;
}
	
.mailen {
	background:url('../../images/icon-mail.gif') no-repeat;
	background-position:0 6px;
	padding:0px 0px 5px 25px;
}

/* Zoekresultaten
====================================================================== */
dl {
	margin:0 0 0 20px;
	padding:0;
}

dt {
	padding-top:5px;
	font-weight:bold;
}
	
dd {
	margin:0;
	padding:8px 0 10px 0;
}

dd.zoekkruimel {
	border-bottom:1px solid #e9e9e9;
	margin-bottom:25px;
}

/* Highslide (vergroten van de foto's) 
====================================================================== */
.highslide {
	cursor: url(../../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide img { border:2px solid #e1e1e1;}
.highslide:hover img { border:2px solid #999;}
.highslide-image { border:2px solid white;}
.highslide-image-blur {}

.highslide-caption {
    display:none;
    border:2px solid white;
    border-top:none;
	font:normal 12px arial,verdana,sans-serif;
    padding:5px;
    background-color:white;
}

.highslide-caption span {
	color:#b10043;
	font-weight:bold;
}
	
.highslide-loading {
    display:block;
	color:white;
	font-size:9px;
	font-weight: bold;
	text-transform:uppercase;
    text-decoration:none;
	padding:3px;
	border-top:1px solid white;
	border-bottom:1px solid white;
    background-color:black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

.highslide-move { cursor:move}
.highslide-overlay {display: none;}

.controlbar {	
	background:url(../../highslide/graphics/controlbar4.gif);
	width:167px;
	height:34px;
}

.controlbar a {	
	display:block;
	float:left;
	margin:0px 0 0 4px;
	height:29px;
	width:34px;
}

/* Noodzakelijk voor functionaliteit */
.highslide-display-block { display:block;}
.highslide-display-none { display:none;}

/* Documenten
=================================================================*/
div.documenten { margin-left:20px;}

.documenten a:link,
.documenten a:visited,
.documenten a:hover,
.documenten a:visited:hover {
	display:block;
	padding:2px 10px 6px 27px;
	margin:15px 0 15px 0;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	font-weight:bold;
}
	
.documenten a:link,
.documenten a:visited {
	background-repeat:no-repeat;
	background-position:0 3px;
}
	
.documenten a:hover,
.documenten a:visited:hover {
	background-color:#fff;
}
	
.docgif { background-image:url('../../images/icons/icon_gif.gif');}
.docjpg { background-image:url('../../images/icons/icon_jpg.gif');}
.docbmp { background-image:url('../../images/icons/icon_bmp.gif');}
.docpdf { background-image:url('../../images/icons/icon_pdf.gif');}
.docdoc { background-image:url('../../images/icons/icon_doc.gif');}
.docxls { background-image:url('../../images/icons/icon_xls.gif');}
.doczip { background-image:url('../../images/icons/icon_zip.gif');}
.doctxt { background-image:url('../../images/icons/icon_txt.gif');}
.docwmp { background-image:url('../../images/icons/icon_wmp.gif');}

.contactform {
	margin:0;
	padding:25px 0 0 0;
}

.contactform fieldset {
	border:0;
	margin:0;
	padding:15px 0;
}

.contactform label {
	cursor:pointer;
	width:145px;
	float:left;
	text-align:right;
	padding:5px 10px 0 0;
}

.contactform h3 {
	margin:0;
	padding:0 0 10px 20px;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#b10043;
}

.contactform div { padding-bottom:15px;}

.inputContact {
	font:normal 12px Arial, Helvetica, sans-serif;
	border:1px solid #b2b2b2;
	width:230px;
	padding:5px;
	color:#dd1311;
}

.berichtVeld {
	font:normal 12px Arial, Helvetica, sans-serif;
	border:1px solid #b2b2b2;
	width:230px;
	height:80px;
	overflow:auto;
	padding:5px;
	color:#dd1311;
}

.radMarg { margin-left:35px;}

.contactform div.labelRads { padding-bottom:0!important;}

.contactform div.labelRads label {
	float:none;
	padding:0!important;
	}

#knopBestel {
	background:url(../../images/btn-mInfo.gif) no-repeat;
	border:0;
	width:97px;
	height:35px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin-left:153px;
}

/* Calculator 
====================================================================== */
div#wrap-percentage { width:100px; float:left; }
div#wrap-bedrag { width:250px; float:left; height:120px; }
div#wrap-bedrag2 { width:250px; float:left; height:80px; }
div#exclusief { width:250px; float:left; height:20px; display:block; clear:both;}
div#exclusief i { border:0; font-weight:normal; font-size:12px; width:25px; padding:0 0 20px 19px; }

#percentage { border:0; font-weight:bold; font-size:14px; padding-left:19px; width:35px; }
#bedrag { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }
#bedrag2 { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }
#bedrag3 { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }
#bedrag4 { background:#e6c0bf; border:1px solid #b10043; color:#62383a; font-size:24px; font-weight:bold; padding:10px 10px 10px 0; margin:5px 0 0 77px; width:138px; text-align:right; }

ul#calculator-afsrpaak {
		margin:0 0 0 174px;
		padding:0;
		clear:both;
	}
	
	ul#calculator-afsrpaak li { list-style:none;}
	
	ul#calculator-afsrpaak li a {
		background:url(../../images/knop-hypo.gif) no-repeat;
		display:block;
		width:154px;
		height:36px;
		font:bold 12px Georgia, "Times New Roman", Times, serif;
		color:#fff!important;
		text-decoration:none!important;
		text-align:center;
		padding-top:10px;
	}
	
	ul#calculator-afsrpaak li a:hover {
		background:url(../../images/knop-hypo-hover.gif) no-repeat;
	}

/* Footer 
====================================================================== */
div#footer {
	border-top:35px solid #fff;
}

div#footer p {
	width:897px;
	margin:0 auto;
	color:#d880a1;
	padding:30px 24px 0 0;
	text-align:center;
	background:url(../../images/bg-footer.gif) no-repeat;
	_height:70px;
	min-height:70px;
}

div#printAdres { display:none;}