/* 
   ----------------
   Reference 
   ----------------

COLOR SCHEME legenda

black		000000	[header & text]
red			E31818 	[logo]
			E52626	[headers & text]
grays		C7C8CA 	[logo]
			8C8D8D 	[subnav vervolg]
green		C9D024	[top navigation]

   ----------------
   Reset all styles 
   ----------------
*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
   ----------------
   Default 
   ----------------
*/

img {
	border: 0px;
}

body {
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left top;
}
/* 62.5% heeft tot gevolg dat 1em = 10px */

body.homepage{
	background-image: url(../images/template/background_homepage.gif);
}

body.vervolg{
	background-image: url(../images/template/background_vervolg.gif);
}

#wrapper{
	min-width:77em;
}

p{
	margin-bottom: 1.0em;
}

img.left{
	float: left;
	margin-right: 0.5em;
}

img.right{
	float: right;
	margin-left: 0.5em;
}

strong{
	font-weight: bold;
}

/*
   ----------------
   Header 
   ----------------
*/

#header {
	height:3.5em;
	background-color:#e21818;
}

/*
   ----------------
   Header Navigatie 
   ----------------
*/

#mainnav {
	float:left;
	margin-top: 1.5em;
}
	
#sitenav {
	float:right;
	margin-top: 1.5em;
}

#header li {
	display:inline;
}

#header a {
	color: #C9D024;
	padding-left:1em;
	padding-right:1em;
	font-size:1.2em;
	line-height: 1.2em;
	text-decoration:none;
}

#mainnav a {
	font-weight:bold;
}

#header a.current,
#header a:hover {
	color:#fff;
}

#navcolumn2 h1 {
	margin-left:.5em;
}
	
#nieuws  #navcolumn1 h1,
#overmensit #navcolumn1 h1,
#demensen #navcolumn1 h1{
	margin-top:-0.3em;
	font-size:1.8em;
}

#wonen #navcolumn1 h1 {
	margin-top:-0.3em;
	font-size:1.6em;
}

#navcolumn2 a, 
#navcolumn1 a{
	text-decoration:none;
}

.sIFR-alternate {
	display:none;
}

#navcolumn1{
	text-align:right;
}

h2 .sIFR-alternate a,
#navcolumn2 a {
	color:#8C8D8D;
/*	font-size:1.1em; ----kleiner*/
	font-size: 0.8em;
	line-height:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}
	
#navcolumn2 h2 {
	width:14em;
/*	margin-bottom:.8em; ----iets minder dicht op elkaar*/
	margin-bottom:.4em;
	margin-top:0em;
}

#navcolumn2 a.current,
#navcolumn2 a:hover {
	color:#E31818;
}

#navcolumn2 h2.current {
/*	height:1.6em; ----kleiner */
	height:1.0em;
	margin-top:-.3em;
	margin-bottom:0.7em;
}

/*
   ----------------
   Subheader 
   ----------------
*/

#subheader{
	background-repeat: no-repeat;
	background-position: left top;
}

.homepage #subheader{
	height: 185px;
	background-image: url(/images/template/headerimg_home.gif);
}

.vervolg #subheader{
	height: 158px;
	background-image: url(/images/template/headerimg_vervolg_mensen.gif);
}

img.logo{
	padding-left: 540px;
	padding-top: 17px;
}

/*
   ----------------
   Content homepage
   ----------------
*/

.homepage #content{
	width: 59em;
	float: left;
}

.homepage #homeimg{
	margin-left: 62em;
	height: 554px;
	clear: right;
	background-image: url(/images/template/springen.gif);
	background-repeat: no-repeat;
}

.vervolg #content{
	width: 40em;
	margin-left: 4.3em;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom:50px;
}

.push1, .push2, .push3 {
	width: 42em;
	padding-bottom:3.4em;
	padding-left:18.4em;
	xborder:1px solid red;
	overflow:hidden;
}

.push1 {
	height:20.7em;
}

.push2 {
	height:15.1em;
}
	
.push3 {
	height:21.6em;
}

.push3 h3 {
	font-size: 1.1em;
	line-height: 1.6em;
}

.homepage p{
	font-size: 1.1em;
	line-height: 1.6em;
}

img.homepagesprong{
	position: absolute;
	left: 61em;
	top: 17.6em;
	overflow: hidden;
}

img.sideimage{
	clear: left;
	position: absolute;
	left: 0px;
	/*top: 360px; liever met em's, zodat tekst niet onder plaatje schuift..*/
	top: 45.00em;
	z-index: 10;
	border: 0;
}

img.overmensit{
	clear: left;
	position: absolute;
	left: 0px;
	top: 310px;
	z-index: 10;
	border: 0;
}

#navcolumn1 {
	width:10em;
	margin-right:0.5em;
	padding-top:4em;
}

#navcolumn2 {
	width:14.9em;
	margin-right:0.5em;
	padding-top:.5em;
	z-index: 1;
}

.vervolg #navcolumn1,
.vervolg #navcolumn2,
.vervolg #content {
	float: left;
}

/*
   ----------------
   Headings
   ----------------
*/

	H1, H2, H3, H4, H5, H6 {
		font-weight:bold;
		margin: .5em 0em 0em 0em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1em;	
	}
	
	H1 {
		font-size:2em;
	}

	H2 {
		font-size:1em;	
	}

	.homepage H2 {
		font-size:1.7em;
		background-image:url(/images/template/red_block.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:2.1em;	
		margin-left:-4.6em;
		margin-top: 0.25em;
		line-height:1.5em;
		font-style:italic;
		letter-spacing:-1px;
	}

	H3 {
		font-size:1em;	
		color:#E52626;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-bottom:1em;
	}

	.homepage h3 {
		padding-bottom:.1em;
	}
	
	.vervolg h3{
	font-size: 1.1em;
	line-height: 1.6em;
	}

	H4 {
		font-size:1em;	
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	H5 {
		font-size:1em;	
	}

	H6 {
		font-size:1em;	
	}


/*
   ----------------
   Links
   ----------------
*/

	a {
		color:#000;
	}
	
	a:hover {
		color:#E31818;
	}

	a.returnlink:hover {
		color:#000;	
	}	
	
	a.returnlink {
		float:right;
		padding-right:30px;
		margin-right:1.5em;
		background-image:url(/images/template/red_block_small.gif);
		background-repeat:no-repeat;
		background-position:right 1em;
		color:#e31818;	
		height:2em;
		display:block;	
		padding-top:1em;
	}


/*
   ----------------
   Lists
   ----------------
*/

	ol,#content ul {
		padding:1em 0em 1em 1em;
	}

	#top9 #xinhoud li,
	li {
		list-style-image:none;
		list-style-type:none;
		margin-bottom:0em;
	}
	
	#content li {
	 	list-style-image:url(../images/template/red_block_smaller.gif);
		list-style-position:outside;
		margin-left:5px;
		margin-bottom:1em;
	}

	#top9 #xinhoud li {
		list-style-type:none;
		xbackground-image:url(/images/template/red_block_small.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:.5em;
		color:#fff;
		padding-bottom:1em;
		font-weight:bold;
		
	}
	
	#top9 #xinhoud li.box1 {
		background-image:url(/images/template/no1_red_block_small.gif);
	}

	#top9 #xinhoud li.box2 {
		background-image:url(/images/template/no2_red_block_small.gif);
	}

	#top9 #xinhoud li.box3 {
		background-image:url(/images/template/no3_red_block_small.gif);
	}

	#top9 #xinhoud li.box4 {
		background-image:url(/images/template/no4_red_block_small.gif);
	}

	#top9 #xinhoud li.box5 {
		background-image:url(/images/template/no5_red_block_small.gif);
	}

	#top9 #xinhoud li.box6{
		background-image:url(/images/template/no6_red_block_small.gif);
	}

	#top9 #xinhoud li.box7{
		background-image:url(/images/template/no7_red_block_small.gif);
	}

	#top9 #xinhoud li.box8{
		background-image:url(/images/template/no8_red_block_small.gif);
	}

	#top9 #xinhoud li.box9{
		background-image:url(/images/template/no9_red_block_small.gif);
	}

	#top9 #xinhoud ol {
			color:#fff;
			padding-left:0px;
			margin-left:0px;
	}

	#top9 #xinhoud li strong {
		color:#000;
		padding-left:1.8em;
	}
	
	#top9 #xinhoud li span {
		display:block;
		color:#000;
		margin-left:-5px;
		font-weight:normal;
	}
	
	dt {
		color:#E31818;
		width:8.25em;
		float:left;
		letter-spacing:1px;
		display:block;
	}
	
	dd {
		display:block;
		width:28em;
	}
	
	dd a {
		text-align:left;
	}
	
	dd a:hover {
		color:#E31818;		
	}
	
	dt,dd {
		line-height:2em;
	}

/*
   ----------------
   Forms
   ----------------
*/

	fieldset {
	}
	
	form {
	}

	label {
		font-weight:bold;
		padding-left:.5em;
	}	
	
	#top9 textarea {
		width:30em;
		height:7em;
	}
	
	.submit {
		float:right;
		padding: 0px 10px;
	}