/*  =reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;e
	
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #333;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Tabel zoekresultaat*/
table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table img {
	border:0;
	margin-top:.5em;
	}	
table {
	width:90%;
	border-top:1px solid #466c6d;
	border-right:1px solid #466c6d;
	margin:1em auto;
		border-collapse:collapse;
		background: #fff;
	}
caption {
	color: #9ba9b4;
background: #fff;
	font-size:.94em;
		letter-spacing:.1em;
		margin:0;
		padding:2px;
		caption-side:top;
		
	}	
tr.odd td	{
	background:#f2e7e7;
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#555;
	border-bottom:1px solid #466c6d;
	border-left:1px solid #466c6d;
	padding:.3em 1em;
	
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #466c6d;
	border-left:1px solid #466c6d;
	padding:.3em 0.84em;
	}

thead {margin:0;}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
/* Calendar */
	
table.calendarBG {margin:20px; border:1px solid #466c6d; width: 220px;}

table.calendarBG tbody {background:#eee;}
table.calendarBG tbody tr {background:#ddd;}
table.calendarBG td {padding:.2em 0.4em;}
.calendarHeader {background:#466c6d;}
.calendarDayHeading {background:#a1b93e; padding:0 5px;}
.calendarDayHeading, table.calendarBG .calendarHeader, table.calendarBG .calendarHeader a {color:#fff !important;}




/* =blocktext */
h2, h3, h4, h5, p, ul, ol, dl, form, address, div.vcard { 
margin : 0 20px; 
padding : 0.1em 0 0.3em 0; }
h1 { font-size:1.8em; color: #333; line-height: 1em; background: transparent;}  /* displayed at 36px */
h2 {font-size:1.6em; color: #466c6d; padding-bottom: 0.35em; }  
h3 {font-size:1.25em; color: #a1b93e;}  /* displayed at 15px */
h4, h5, h6 {font-size:1em; font-family: "Trebuchet MS", Verdana, sans-serif, Helvetica;}  /* displayed at 12px */
/*skipper*/
.tekstbrowser {
display: block;
overflow: hidden;
font-weight: bold;
text-indent: -600em;
text-decoration: none;
padding: 0.5em 0;
width:100%;
margin:0;
z-index: 10;
position: absolute;
left: 0;
top: 0;
/* IE */
/*filter: alpha(opacity=80);*/
/* CSS3 standard */
opacity: 0.8;
/* Mozilla FF */
-moz-opacity: 0.8; 
}
.tekstbrowser a {
	color: #fff;
}
.tekstbrowser:focus,
.tekstbrowser:hover,
.tekstbrowser:active {
text-indent: 3em;
background: #333;
color: #fff;

}



/* =a */
#inhoud a, #inhoud a:visited { 

background: transparent;
color : #555555; 
padding: 0.2em;
font-weight: bold;
 } 

#inhoud a:hover {
text-decoration : none;

	}
/*	Show access keys on hover or focus*/
/*	
a:hover:after, a:focus:after {
content: " [" attr(accesskey) "] ";
  }*/


input.radio,
input.checkbox {
	border: none;
}
label {
	cursor: pointer;
	
}

.noCss 
	{ position: absolute; left: -9999px; }
html, body {
height: 100%;
}
body {

font: 80%/170% Helvetica, "Trebuchet MS", Verdana, sans-serif;
border: 0;
background: #eaf1d6 url(../img/bg.png) repeat-x 0 0;
color: #333;
text-align: center;
}
#container
 {

	margin: 0 auto ;
	width: 980px;
	min-height: 611px;
text-align: left;
position: relative;
border: none;
min-height: 100%;
overflow: hidden; /*clear floated content + secundair*/
}
 h1#logo a {
	display: block;
	background:url(/img/logo.png) no-repeat 0 0;
	float: left;
	width: 310px;
	height: 55px;
	text-indent: -9999px;
	border: none;
	text-decoration: none;
margin:15px 0 0 0px;

}
#inhoud {clear: both;}

/*3 blokken homepage*/
#blok-a, #blok-b, #blok-c, #blok-d {float:left; width:300px; margin-left: 20px; min-height:400px; background: #eafed6; padding-top:10px; padding-bottom:30px; }
#blok-a {margin-left: 0;}
#blok-d {width:620px;}
.full #blok-d {width:980px;  margin-left: 0px;}

ul#navigatie {float:left; margin-top:25px; margin-left:0;}
ul#navigatie li {color: #EAF1D6; float:left; width:300px; padding-top:35px; } 
ul#navigatie li h2 {font-size: 135%; color: #EAF1D6; } 
#inhoud ul#navigatie li a {
color: #EAF1D6;
text-decoration: none;
padding-top:35px;
}

/* Knop 'meer nieuws' ed */

p.meer {margin:1em 20px; float:right;}
#inhoud p.meer a  {
    /* Sliding right image */
    background: transparent url(/img/button-right.png) no-repeat scroll right 2px ; 
display: block;
float: left;
height: 22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 10px;
padding-right: 21px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-size:12px;
font-weight:bold;
}
#inhoud p.meer a span {
/* Background left image */ 
background: transparent url(/img/button-left.png) no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0 2px 12px;
color: #fff;

} 



/*Navigatie*/

ul#navigatie li#nav-cc {margin-left:0;}

ul#navigatie li#nav-e{margin-left:20px;}

ul#navigatie li#nav-blog {margin-left:20px;}
ul#navigatie li#nav-cc a {
 background: url(/img/cc-icon.png) no-repeat 77px 6px;
margin-left: 15px;
}
ul#navigatie li#nav-cc a:hover, ul#navigatie li#nav-cc.active a{background: url(/img/cc-icon.png) no-repeat 77px -93px;}


ul#navigatie li#nav-e a{
 background: url(/img/echtscheiding-icon.png) no-repeat center top;
 margin-left: 60px;
}
ul#navigatie li#nav-e a:hover, ul#navigatie li#nav-e.active a{background: url(/img/echtscheiding-icon.png) no-repeat center -100px;}


ul#navigatie li#nav-blog a{
 background: url(/img/blog-icon.png) no-repeat 65px 11px;
 margin-left: 80px;
padding-right:45px;
}
ul#navigatie li#nav-blog a:hover, ul#navigatie li#nav-blog.active a{background: url(/img/blog-icon.png) no-repeat 65px -93px;}
li.active a {
	cursor: default;
}
/* Subnavigatie*/
/* Subnav binnen blokken*/
#inhoud ul.subnav {
	clear: both;
}
#inhoud ul.subnav a { display:block; width:90%; color:#466C6D; text-decoration:none; border-bottom:1px dotted #333; font-weight:normal;}

/* subnavigatie bovenaan */
ul#subnavigatie { position:absolute; top:0; left:310px; }
ul#subnavigatie li {display:inline; float:left; padding:0;}
ul#subnavigatie li a{display:block; color:#466C6D; background:#EAF1D6;margin-right:6px; padding:6px 16px; text-decoration:none; }
ul#subnavigatie li a:hover, ul#subnavigatie li.active a {color:#EAF1D6; background:#466c6d; }
/* Search */

#search {position:absolute; top:4px; right:0;}
#search p {display:inline;}
#search input.text {background:#eafed6; border: 1px solid #466c6d; padding 4px;}
#search input.submit-search {color:#eafed6; background: #466c6d; border: 1px solid #466c6d; cursor: pointer; padding 4px;}


#footer {clear:both;}
#footer li {
	display: inline;

	width: 10em;
	margin-left: 1.5em;
}
#footer li a {
	margin-left: 1.5em;
}
#footer li a.first {
	margin-left: 0;
}
/*BLOG */

.posted { border:1px solid #eaf1d6; border-width: 1px 0;margin:10px 20px;}
#blog h3.title a {color:#555;}
#inhoud #blok-a a {color:555;}
#inhoud #blok-a form {margin-left:0;}

.blog #inhoud #blok-a a {
color: #333;
font-size: 90%;	
}

#twitter {
	display: none;
}

/* Contact */

dl.contact {
width: 90%;
overflow: auto;
margin: 0 0 0.4em 20px;
clear: both;
}
dl.contact dt, dl.contact dd {background:transparent; font-size: 90%; }
dl.contact dt {
float: left;
padding-right: 3px;
color: #333;
font-weight:bold;
width:125px;
}
 dl.contact dd 
{
margin: 0 0 0 0;
width:250px;
clear:both;
}

#map-google {margin:18px; width:570px; height:300px; border:5px solid #eaf1d0;}
.flashembed {margin:18px;}

.flashembed img {
	border: border:2px solid #eaf1d0;
}



/*------------ CSS FORMULIER ALIMENTATIEBEREKENING ----------------*/
	#contact-wrapper {
	width:940px;
	
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:2px;
	font-size:12px;
	color:#333;
}

form#contactform input.submit {
	clear: both;
	float: right;
	background: #466c6d;
	color: #fff;
	padding:7px;
	cursor: pointer;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
form#contactform legend {
	font-size:100%; 
	font-weight:bold; 
	color:#466c6d; 
	padding-top:30px;
}
form#contactform fieldset {
	width:385px;
	padding:10px;
	margin:10px;
/*	float: left;   */ /*this breaks the panel toggle behaviour*/
	background:#DFE8BC;
}
ul#faq h3 {
	margin:20px 0 -10px 10px; 
	width:325px; 
	clear:both; 
	cursor: pointer; 
	background:#466c6d; 
	padding:4px; 
	border:1px solid #ddd;
}
form#contactform  label.radio,
form#contactform  input.radio {
	width:25px; 
	float:left;
}

form#contactform #keuze ul li {width:300px; float:left;}

label.error, input.error {
	color: #f03b58; border-bottom: 1px dotted #f03b58;
}

form#contactform  input.radio {
	margin-top:5px;
}
form#contactform div.radio span {
	display:block; clear:both; margin:7px 0;
}
div.radio p {
	margin-left:0;
}