/* CSS Document */

body
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0px;
padding:0px;
color:#333333;
}

#containter
{
margin:0px auto;
text-align:left;
width:984px;
position:relative;
}

#header
{
background-image:url(images/bcgrnd_header.gif);
background-repeat:repeat-x;
height:64px;
position:relative;
}

#inputzoek
{
	border:1px #999 solid;
	position:absolute;
	width:190px;
	left: 670px;
	top: 35px;
	height:15px;
}

#buttonzoek
{
	position:absolute;
	left: 870px;
	top: 34px;
	right: 34px;
}

#contact
{
	background-image:url(images/btn_home.gif);
	position:absolute;
	left: 835px;
	top: 0px;
	color:#FFF;
	height:19px;
	width:110px;
	padding-left:20px;
	padding-top:4px;
	
}

#contact a
{
text-decoration:none;
color:#FFF;
}


/* MENU */

#menu
{
background-image:url(images/bcgrnd_menu.jpg);
background-repeat:repeat-x;
height:36px;
}

#menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
padding-top:6px;
padding-left:3px;
}

#menu ul li
{
float:left;
/*padding-right:43px;*/
}

#menu ul li a
{
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;
display:block;
text-align:center;
}

#menu_leren:hover
{
color:#d1d1d1;
}

#menu_ontplooien:hover
{
color:#d1d1d1;
}

#menu_leven:hover
{
color:#d1d1d1;
}

#menu_groeien:hover
{
color:#d1d1d1;
}

#menu_ontmoeten:hover
{
color:#d1d1d1;
}

	a#menu_leren{
	width:80px;
		height:28px;
		margin-left:20px;
	}
	.active a#menu_leren
	{
	background-image:url(images/leren_actief.png);
	

	}
	a#menu_ontplooien{
		width:85px;
	height:28px;
		margin-left:20px;
		}
	
	.active a#menu_ontplooien
	{
	background-image:url(images/ontplooien_actief.png);
	}
	
		a#menu_leven{
		width:55px;
	height:28px;
		margin-left:20px;
		}
	
	.active a#menu_leven
	{
	background-image:url(images/leven_actief.png);
	}
	
	a#menu_groeien{
	width:63px;
	height:28px;
		margin-left:20px;
		}
	
	.active a#menu_groeien
	{
	background-image:url(images/groeien_actief.png);
	}
	
		a#menu_ontmoeten{
	width:90px;
	height:28px;
		margin-left:20px;
		}
	
	.active a#menu_ontmoeten
	{
	background-image:url(images/ontmoeten_actief.png);
	}


#content_home
{
margin:0px;
padding:0px;
background-image:url(images/bcgr_home.gif);
background-repeat:repeat-y;
}

#content
{
margin:0px;
padding:0px;
margin-top:29px;
}

#footer
{
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
height:24px;
margin-top:-18px;
color:#FFFFFF;
padding-top:5px;
padding-left:24px;
}

#footer a
{
text-decoration:none;
color:#FFFFFF;
}

#wf
{
position:absolute;
left: 815px;
}

#nieuws
{
position:absolute;
top:72px;
left:670px;
color:White;
}

#nieuws a
{
text-decoration:none;
color:White;
}

/* HOME  */

.home_sub a
{
color:#FFFFFF;
font-size:13px;
text-decoration:none;
padding-left:5px;
display:block;
}

.home_sub a:hover
{
display:block;
}

.home_sub
{
padding-top:5px;
}

#content_home img
{
padding-top:77px;
}

#leren_home
{
background-image:url(images/top_leren.jpg);
background-position:top;
background-repeat:no-repeat;
margin-left:24px;
float:left;
width:184px;
min-height:447px;

height:447px;
background-color:#BBA800;
display:inline;
}

#leren_home .home_sub a:hover
{
background-color:#857800;
}



#ontplooien_home
{
background-image:url(images/top_ontplooien.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#B9D300;
margin-left:4px;
float:left;
width:184px;
display:inline;
}

#ontplooien_home .home_sub a:hover
{
background-color:#849600;
}

#leven_home
{
background-image:url(images/top_leven.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#62BD19;
margin-left:4px;
float:left;
width:184px;
height:100%;
display:inline;
}

#leven_home .home_sub a:hover
{
background-color:#468712;
}

#groeien_home
{
background-image:url(images/top_groeien.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#007856;
margin-left:4px;
float:left;
width:184px;
display:inline;
}

#groeien_home .home_sub a:hover
{
background-color:#00553D;
}

#ontmoeten_home
{
background-image:url(images/top_ontmoeten.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#009543;
margin-left:4px;
float:left;
width:184px;
display:inline;
}

#ontmoeten_home .home_sub a:hover
{
background-color:#006A30;
}


/* SUBMENU */

#submenu_leren
{
	height:35px;
	width:984px;
	background-color:#BBA901;
	position:absolute;
	top:96px;
}

#submenu_ontplooien
{
	height:35px;
	width:984px;
	background-color:#B9D300;
	position:absolute;
	top:96px;
}

#submenu_leven
{
	height:35px;
	width:984px;
	background-color:#62BD19;
	position:absolute;
	top:96px;
}

#submenu_groeien
{
	height:35px;
	width:984px;
	background-color:#007856;
	position:absolute;
	top:96px;
}

#submenu_ontmoeten
{
	height:35px;
	width:984px;
	background-color:#009543;
	position:absolute;
	top:96px;
}

#submenu_leren ul, #submenu_ontplooien ul, #submenu_leven ul, #submenu_groeien ul, #submenu_ontmoeten ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:50px;
}

#submenu_leren ul li, #submenu_ontplooien ul li, #submenu_leven ul li, #submenu_groeien ul li, #submenu_ontmoeten ul li
{
	float:left;
	padding-right:50px;
	padding-top:10px;
}

#submenu_actief
{
	font-weight:bold;
	text-decoration:underline;
}

#submenu_leren ul li a, #submenu_ontplooien ul li a, #submenu_leven ul li a, #submenu_groeien ul li a, #submenu_ontmoeten ul li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}

/* content_detail */

#subsub
{
margin-left:24px;
float:left;
width:184px;
}

#subsub_top
{
min-height:105px;
height:auto !important;
height:105px;	
}

#kleur_leren #subsub_bottom
{
	min-height:100px;
height:auto !important;
height:100px;
	background-color:#BBA901;
}

#kleur_ontplooien #subsub_bottom
{
	min-height:116px;
height:auto !important;
height:116px;
	background-color:#B9D300;
}

#kleur_leven #subsub_bottom
{
	min-height:116px;
height:auto !important;
height:116px;
	background-color:#62BD19;
}

#kleur_groeien #subsub_bottom
{
	min-height:116px;
	height:auto !important;
	height:116px;
	background-color:#007856;
}

#kleur_ontmoeten #subsub_bottom
{
	min-height:116px;
	height:auto !important;
	height:116px;
	background-color:#009543;
}

#subsub ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:10px;
}

#subsub li
{
	padding-top:4px;
padding-bottom:4px;
	
}


#subsub ul li a
{
font-size:14px;
color:#FFFFFF;
text-decoration:none;
padding-left:25px;
display:block;
}

#kleur_leren #subsub ul li a:hover
{
	background-color:#857800;
	display:block;
}

#kleur_ontplooien #subsub ul li a:hover
{
	background-color:#849600;
	display:block;
}

#kleur_leven #subsub ul li a:hover
{
background-color:#468712;
display:block;
}

#kleur_groeien #subsub ul li a:hover
{
	background-color:#00553D;
	display:block;
}

#kleur_ontmoeten #subsub ul li a:hover
{
	background-color:#006A30;
	display:block;
}

#detail
{	float:left;
	width:655px;
	margin-left:45px;
}

#detail ul#sitemap li a
{
	text-decoration:none;
	font-size:21px;
	font-weight:bold;
	margin-left:0px;
	padding-left:0px;
}

#detail ul#sitemap
{
	margin:0px;
	padding:0px;
}

#detail ul#sitemap ul
{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	padding-left:5px;
}

#detail ul#sitemap ul ul
{
	margin:0px;
	padding:0px;
	padding-left:15px;
}

#detail ul#sitemap li ul li a
{
color:#333333; padding:0px; margin:0px; text-decoration:none; font-size:15px; 
}

#detail ul#sitemap li ul li ul li a
{
padding:0px; margin:0px; font-size:14px; color:#333333; text-decoration:none; font-weight:normal;
}

/* kleuren detailpagina*/

#kleur_leren
{
	background-image:url(images/bcgrnd_subsub_leren.gif);
	background-repeat:repeat-y;
	}


#kleur_ontplooien
{
		background-image:url(images/bcgrnd_subsub_ontplooien.gif);
	background-repeat:repeat-y;
}

#kleur_leven
{
		background-image:url(images/bcgrnd_subsub_leven.gif);
	background-repeat:repeat-y;
}

#kleur_groeien
{
		background-image:url(images/bcgrnd_subsub_groeien.gif);
	background-repeat:repeat-y;
}

#kleur_ontmoeten
{
		background-image:url(images/bcgrnd_subsub_ontmoeten.gif);
	background-repeat:repeat-y;
}

#kleur_leren #subsub
{
	background-color:#BBA901;
}

#kleur_ontplooien #subsub
{
	background-color:#B9D300;
}

#kleur_leven #subsub
{
	background-color:#62BD19;
}

#kleur_groeien #subsub
{
	background-color:#007856;
}

#kleur_ontmoeten #subsub
{
	background-color:#009543;
}

#kleur_leren #detail a
{
	color:#BBA901;
	text-decoration:underline;
}

#kleur_ontplooien #detail a
{
	color:#B9D300;
	text-decoration:underline;
}

#kleur_leven #detail a
{
	color:#62BD19;
	text-decoration:underline;
}


#kleur_groeien #detail a
{
	color:#007856;
	text-decoration:underline;
}


#kleur_ontmoeten #detail a
{
	color:#009543;
	text-decoration:underline;
}

#kleur_leren h1
{
margin-top:2px;
font-size:21px;
color:#BBA901;
}

#kleur_ontplooien h1
{
font-size:21px;
color:#B9D300;	
}

#kleur_leven h1
{
font-size:21px;
color:#62BD19;	
}

#kleur_groeien h1
{
font-size:21px;
color:#007856;	
}

#kleur_ontmoeten h1
{
font-size:21px;
color:#009543;	
}

#kleur_leren h2
{
font-size:17px;
color:#BBA901;
}

#kleur_ontplooien h2
{
font-size:17px;
color:#B9D300;	
}

#kleur_leven h2
{
font-size:17px;
color:#62BD19;	
}

#kleur_groeien h2
{
font-size:17px;
color:#007856;
}

#kleur_ontmoeten h2
{
font-size:17px;
color:#009543;	
}



#kleur_leren #detail ul, #kleur_ontplooien #detail ul,  #kleur_leven #detail ul,  #kleur_groeien #detail ul, #kleur_ontmoeten #detail ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:35px;
	margin-bottom:20px;
}

#kleur_leren #detail ul li
{
color:#BBA901;
font-size:14px;
}

#kleur_ontplooien #detail ul li 
{
color:#b9d300;
font-size:14px;
}

#kleur_leven #detail ul li 
{
color:#62bd19;
font-size:14px;
}

#kleur_groeien #detail ul li
{
color:#007856;
font-size:14px;
}

#kleur_ontmoeten #detail ul li 
{
color:#009543;
font-size:14px;
}

#kleur_leren #detail ul li a
{
color:#BBA901;
}

#kleur_ontplooien #detail ul li a
{
color:#B9D300;
}

#kleur_leven #detail ul li a
{
color:#62BD19;
}

#kleur_groeien #detail ul li a
{
color:#007856;
}

#kleur_ontmoeten #detail ul li a
{
color:#009543;
}

/* TEKST HOME */
.tekst_top_leren
{
	color:#FFF;
	position:absolute;
	left: 33px;
	top: 108px;
}

.tekst_top_ontplooien
{
	color:#FFF;
	position:absolute;
	left: 220px;
	top: 108px;
}

.tekst_top_leven
{
	color:#FFF;
	position:absolute;
	left: 410px;
	top: 108px;
}

.tekst_top_groeien
{
	color:#FFF;
	position:absolute;
	left: 784px;
	top: 108px;
}

.tekst_top_ontmoeten
{
	color:#FFF;
	position:absolute;
	left: 599px;
	top: 108px;
}

.deel
{	
font-size:34px;
}

.klein
{
	font-size:13px;
	display:block;
}

/* CLASSES */

.clear
{
clear:both;
}

input
{
	border:#009543 solid 1px;
}

h3
{
	color:#333333;
	font-weight:bold;
	font-size:15px;
}

#sitemap
{
	margin:0px;
	padding:0px;
	padding-left:0px;
}

#sitemap table tr td.nodeLevel1
{
	text-decoration:none;
	font-size:21px;
	font-weight:bold;
	margin-left:0px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	padding-left:5px;
}

#sitemap table tr td.nodeLevel2
{
	color:#333333; 
	padding:0px;
	margin:0px; 
	text-decoration:none; 
	font-size:15px; 
	font-weight:bold;
	margin-bottom:10px;
	padding-left:5px;
}

#sitemap table tr td.nodeLevel3
{
	padding:0px; 
	margin:0px; 
	font-size:14px; 
	color:#333333;
	text-decoration:none; 
	font-weight:normal;
	padding-left:15px;
}

/* FCK Editor */
#eEditorArea
{
    text-align: left;
}

/* HIGHLIGHT */

#kleur_leren .highlight
{
	color:Silver;
	background-color:#BBA800;
	padding:2px;	
}

#kleur_ontplooien .highlight
{
	color:Silver;
	background-color:#B9D300;
	padding:2px;
}

#kleur_leven .highlight
{	
	color:Silver;
	background-color:#62BD19;
	padding:2px;
}

#kleur_groeien .highlight
{
	color:Silver;
	background-color:#007856;
	padding:2px;
}

#kleur_ontmoeten .highlight
{
	color:Silver;
	background-color:#009543;
	padding:2px;
}

