html, body {
	margin:0;
	padding:0;
	}

body {
	font-family:"trebuchet MS", verdana, arial, sans-serif; 
	font-size:76%;
	background:#6b6b6b url('../images/css/body_bg.png') repeat-x;
	}

#container_out {
	width:879px;
	margin:20px  auto;
	background:url('../images/css/container_bg.png') repeat-y;
}	

#container_in {
	float:left;
	width:747px;
	}
	
#header {
	position:relative;
	}

#header img {
	margin:0px;
}	
#links {
	float:left;
	background:#ebebeb url('../images/css/paars.gif') repeat-y;
	width:189px;
	overflow:auto;
	}

#links p {
	color:#8557b9 ;
	margin-left: 35px;
	margin-top:160px;
	font-weight:bolder;
	}


#midden {
	float:right;
	width:538px;
	background-color:white;
	padding:10px;
	position:relative;
	}

#midden h1 {
	position:absolute;
	top:-85px;
	right:5px;
	margin:0;
	padding:0;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:-0.03em;
	color:#333;
	}

.verhuizen {
	position:absolute;
	top:-40px;
	right:5px;
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:-0.03em;
	color:#333;
	}

#midden h2 {
	font-size:1.8em;
	text-align:center;
	margin:20px 0;
	}

#midden h3 {
	color:#8557b9 ;
	margin:0px ;
	font-size:1.3em;
	}

#midden p {
	margin-top:0px ;
	line-height:1.25;
	}

#midden p.nospace {
	margin-bottom:0px ;
	}

#midden p.breadcrumbs {
	margin:0px;
	padding:0px;
	position:absolute;
	top:-25px;
	color:  #8557b9 ;
	font-size:90%;
	}
	
#midden p.breadcrumbs a {
	text-decoration:none;
	}	

#midden ul {
	margin-top:0;
	line-height:1.25;
	}	

#midden ul li {
	position:relative;
	}

#midden ul li span {
	position:absolute;
	left:35px;
	}
	
#midden ul.ulcheck {
	list-style-image: url('../images/css/check.png');
	}



#midden ul.ulcheck li em a {
	color:black;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	}

#midden ul.ulcheck li a {
	text-decoration:none;
	color:black;
}
	
#midden ul.ulcheck a:hover {
	color:white;
	background-color:#a186b9;
	text-decoration:none;
	}

#midden img.foto {
	float:left;
	margin:5px 10px 10px 0;
	padding:4px;
	border:1px black solid;
	}

	
a {	color:  #8557b9 ;}

a.stippel {
	color:black;
	border-bottom:1px black dashed ;
	text-decoration:none;
}

a:hover {
	color:white;
	background-color:#a186b9;
	border-bottom:none;
	text-decoration:none;
	}

a img {
	border:0;
	margin:0;
	}

a.adlinks img, #midden  img.adlinks {
	float:left;
	}

a.adrechts img, #midden img.adrechts {
	float: right ;
	}

a.adrechts2 img, #midden img.adrechts2 {
	float: right ;
	margin:15px 5px 0 0;
	}
	
#rechts {
	float:right;
	width:132px;
	}

#rechts img {
	margin:0;
	padding:0;
	border:0;
	margin-bottom:-5px;
	}
		
#footer {
	clear:both;
	color:#fefefe  ;
	text-align:center;
	font-size:0.9em;
	background:  #6b6b6b url('../images/css/footer_bg.gif') repeat-x;
	}

#footer a {
	color:#fefefe ;
	text-decoration:none;
	}

/* #home #footer p img, */
#about #footer p img {
	display:none;
	}

/*  navigatie  */
	
#nav {
	padding-left:20px;
	margin-left:15px;
	}

#nav li {
	list-style:none;
	line-height:25px;
	height:25px;
	margin:3px 0px;
	}

#nav a {
	text-decoration:none;
	color:black;
	font-size:1.1em;
	display:block;
	}
	
#nav a:hover {
	text-decoration:underline;
	background-color: transparent;
	}

#fp #navfp,
#vb #navvb,
#qs #navqs,
#bv #navbv,
#echt #navecht,
#home #navhome,
#slag #navslag,
#about #navabout {
	font-weight:bold;
	list-style-image:url('../images/css/blokje.gif');
	}


/*  tooltips  */

#midden a.tooltip {
	color:black;
	text-decoration:none;
	background-color:white;
	}

#midden a.tooltip img {
	margin-left:15px;
	}	
	
#midden a.tooltip b {
	display:none;
	}
	
#midden a.tooltip:hover {
	border:0; 
	position:relative; 
	z-index:500; 
	text-decoration:none;
	}
	
#midden a.tooltip:hover b {
	display:block; 
	position:absolute; 
	top:30px; 
	left:-70px; 
	width:550px;
	padding:5px; 
	font-weight:normal; 
	color:#000; 
	border:1px solid #000; 
	background: #fefdbf; 
	}


/* de buttons */
	
.button a {
	display:block;
	width:150px;
	height:35px;
	margin:10px 15px 10px 0 ;
	text-indent:-9999px;
	float:left;
	}

 .button .ouderschapsplan {background: url('../images/css/btn_ouderscapsplan.gif');}
 .button .convenant {background: url('../images/css/btn_convenant.gif');}
 .button .werkwijze {background: url('../images/css/btn_werkwijze.gif');}
 .button .kosten {background: url('../images/css/btn_kosten.gif');}
 .button .verzekering {background: url('../images/css/btn_verzekering.gif');}
 .button .stamrechtbv {background: url('../images/css/btn_stamrechtbv.gif');}
	
.button a:hover {
	background-position:0 -35px;
	}

/* kleine button */
.kader {
	display:block;
	text-decoration:none;
	width:75px;
	height:15px;
	border:1px black solid;
	float:left;
	text-align:center;
	margin-right:4px;
	}
	
/*   diverse */

.testversie {
	color:#c91953;
	font-weight:bold;
	}

.clear {clear:both;}
	
.centered {text-align:center;}

.boek {
	}

#midden p.ffpbanner {
	text-align:center;
	margin-top:20px;
	}


#midden .ffpbanner a {
	background-color: white ;
	text-decoration:none;
	}


/*====================== formulier ==========================*/

fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	background-color: #F2EFE9; 
	background-image: url('../images/css/fieldset_gradient.jpg');
	background-repeat: repeat-x;
}

legend {
	margin-left: 1em;
	padding: 0 3px;
	color: #000;
	font-weight: bold;
	font-size:1.1em;
}

fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}

label {
	position: relative;
	float: left;
	width: 10em;
	margin-right: 1em;
}

label em {
	position: absolute;
	left: 10em;
	top: 0;
}

textarea, input.text {
	font-family:  "Courier New", Courier, monospace;
	border: 1px #aab solid;
}

textarea:focus, input:focus {
	background-color:#FFFFCC;
}

fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
	background-image: none;
}


p.warning {
	color:red;
	font-weight:bold;
}

span.warning {
	color:red;
	position:absolute;
	left:305px;
	width:20em;
}