/*
	Paars:#55246c
	Groen:#B7C72A
	Bruin:#370C0B | #552C14
	text: bruin/ groen/ wit
*/


/* set de default values*/
html{
	overflow-y:scroll; 
	font-family:Tahoma, Geneva, sans-serif;
}
		
body {
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	overflow-y: visible;
}
#Main {
	
}

#outer {
	height:auto;
	background-color:#fff;
	display: table;
}
#Header{
	height: 148px;
	width: 100%;
	background-color: #B7C72A;
}
.hidden {
	display:none;
}
	.HeaderInline{
		height: 148px;
		width: 960px;
		margin: 0px auto;
		background-image: url("./images/header.gif");
		position: relative;
		overflow: visible;
		z-index: 100;
	}
	.Logo{
		width: 190px;
		height: 148px;
		background-image: url("./images/header_logo_bar_veilig.gif");
		position:absolute;
	}
	.Logo a{
		display: block;
		height: 148px;
	}
	.SearchContainer{
		position:absolute;
		width: 155px;
		height: 20px;
		z-index: 1000;
		display: none;
		top:20px;
		left:789px;
	}
	.SearchContainer input {
		width:126px;
		height:19px;
		padding:0px;
		padding-top:1px;
		padding-left:4px;
		margin:0px;
		background-image:url(images/search_bg.gif);
		background-repeat: no-repeat;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		float:left;
	}
	.SearchContainer .SearchLink{
		height:20px;
		width:17px;
		padding:0;
		margin:0;
		margin-left:8px;
		background-image:url(images/search_button.gif);
		background-repeat: no-repeat;
		display:block;
		float:left;
		cursor: pointer;
	}
	.SearchLink:hover{
		background-image:url(images/search_button_hover.gif);
	}
	.Buttons{
		position:absolute;
		left:336px;
		width: 616px;
		height: 28px;
		z-index: 1000;
		top:135px;
		
	}
#Container{
	height:auto;
	margin: 0px auto;
	display: table;	
	width: 960px;
	background-color: #fff;
	
}
	#LayoutColumn1{
		
	}
	#LayoutColumn2{
		
	}
	#LayoutColumn3{
		
	}
		.Left{
			width: 	344px;
			float: left;
		}
		.Content{
			width: 	600px;
			margin-right: 16px;
			float: left;
		}
		.PanelInhoud{
			margin-bottom: 100px;
			position:relative;
		}

#content_600 {
	width:600px;
	padding:0px;
	margin:0px;
	margin-top:33px;
	line-height:1.1em;
}
#content_600 h1, #BannerContainer h1 {
	font-size:14px;
	color:#B7C72A;
	margin:0px;
}
#content_600 h2, #BannerContainer h2 {
	font-size:12px;
	color:#552C14;
	margin:0px;
}
#content_600 p{
	width: 600px;
	font-size:12px;
	color:#552C14;
	margin:0px;
	margin-bottom:14px;
	text-align: justify;
}
#content_600 a{
	color:#b7c72a;
	text-decoration:none;
}
#content_600 a:hover{
	color:#55246c;
	text-decoration:none;
}
#content_600_foto {
	margin:0px;
}
#content_600_foto p {
	margin:0px;
}
#content_600_kruimelpad {
	font-size:10px;
	margin-bottom:8px;
	margin-top:8px;
}
#content_600_kruimelpad a {
	text-decoration:none;
	color:#552C14;
}
#content_600_kruimelpad a:hover {
	text-decoration:underline;
	color:#552C14;
}

#FadeBar{
	height:55px;
	background-image: url("./images/fade_balk.png");
	bottom: 55px;
	position: fixed;
	width:100%;
}
#WhiteBar{
	width:100%;
	height:10px;
	position: fixed;
	bottom: 45px;
	background-color: #ffffff;
}
#Footer{
	background-color: #55246c;
	height: 45px;
	width:100%;
	position: fixed;
	bottom: 0px;
	z-index:100;
}
	.FooterInline{
		margin: 0px auto;
		height: 45px;
		width: 960px;
		
	}
		.LogoFooter1{
			float:left;
			margin-left:36px;
			height: 45px;
			width: 97px;
			background-image: url("./images/footer_logo_trimbos.gif");
		}
		
		.LogoFooter2{
			height: 45px;
			float:left;
			height: 45px;
			width: 131px;
			margin-left:18px;
			background-image: url("./images/footer_logo_ccv.gif");
		}
		.LogoFooter1 a, .LogoFooter2 a  {
			display:block;
			height:45px;
		}
		
/*** footerlinks ***/

.FooterLinks{
	width: 662px;	
	float: left;
	text-align: right;
	color:#B7C72A;
	font-size: 11px;
	padding-top:15px;
}

.FooterLinks a{ 
	text-decoration: none;
	color:#B7C72A;
	font-size: 11px;	
	padding: 0;
}
.FooterLinks a:hover{ 
	color:#ffffff;
}

/* Now set the content of the left colum */	

/* start with the menu*/
#MenuContainer{
	display: table;
	margin: 20px 0 20px 52px;
}
#MenuContainer a{
	font-size: 12px;
	color:#552C14;
	text-decoration: none;	
}
#MenuContainer a:hover, #MenuContainer .active a{
	color:#B7C72A;
}
#MenuContainer .active ul a{
	color:#552C14;
}
#MenuContainer .active ul a:hover{
	color:#B7C72A;
}

#MenuContainer .active ul{
	margin-left: 25px;
}


#MenuContainer ul, #MenuContainer ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}
#MenuContainer #menu{
	list-style-image: url("./images/menu_arrow.gif");	
}
#MenuContainer ul{
		list-style-image: url("./images/menu_arrow_sub.gif");
}
#menu li ul{
	display: none;	
}	
#menu .active ul{
	display: block;	
}
#menu li{
	margin-top: 12px;
}
#menu .active li{
	margin-top: 12px;
}
#menu .active ul{
	margin-top: 10px;
	margin-bottom: 0px;
}
	
/** start with the banners **/
#BannerContainer{
	width: 270px;
	margin: 15px 0 0 36px;
}

.Buttons ul, .Buttons li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.Buttons ul{
	
}
.Buttons li{
	float: left;	
	width: 144px;
	margin-left: 8px
}
.buttonLink{
	background-image: url("./images/top_button_not_active.gif");	
	background-repeat:no-repeat;
	display: block;
	height: 23px;
	color:#B7C72A;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding:5px 0 0 0;
	text-align: center;
}

.buttonLink:hover{
	background-image: url("./images/top_button_active.gif");	
}

/*** vars for templates ***/

.PageBanner{
	width: 270px;	
}
#BannerContainer .PageBanner h1{
	clear: none;
	display: inline;
	margin-left: 25px;
}
.PageBanner p{
	width: 270px;
	font-size:12px;
	color:#552C14;
	margin:0px;
	margin-bottom:14px;
	text-align: justify;
	clear: none;
	line-height: 1.4em;
}
.PageBanner p:first-letter{
	margin-left: 25px;
}
.PageBanner a img{
	border: 0px;	
}


/*** uitgelicht ***/

.UitgelichtContainer {
	width:250px;
	height:334px;
	position:absolute;
	top:77px;
	left:290px;
	z-index:90;
	background-image:url(images/balloon.png);
	background-repeat: no-repeat;
	display: none;
}
.innerContent {
	padding:0px;
	padding-left:50px;
	padding-top:30px;
	width:164px;
	line-height:1.1em;
	position: relative;
}
.innerContent  h1 {
	font-size:14px;
	color:#FFF;
	margin:0px;
	margin-bottom:6px;
}
.innerContent  p {
	font-size:12px;
	color:#552c14;
	margin:0px;
	margin-bottom:14px;
	text-align: left;
}
.innerContent a {
	color:#552c14;
	text-decoration:none;
}
.innerContent a:hover {
	color:#fff;
	text-decoration:none;
}
.innerContent .Close{
	height: 21px;
	width: 21px;
	position: absolute;
	left: 187px;
	top:28px;
	display:block;
}

.innerContent .Auteur {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

ul{
	margin-left: 0px;
	padding-left: 15px;
}
ul li{
	font-size:12px;
	color:#552C14;
}