html,
body {
   margin:0;
   padding:0;
   height:100%;
   
   background-image:url('/images/bkgnd.gif');
   background-repeat:repeat-x;
   background-position:top;
   background-color:#77B839;
   font-family:Helvetica, "Myriad Pro", "DejaVu Sans Condensed", Arial, sans-serif;
   min-width:950px;
}

A {
	color:#87C353;	
}
#container {
   min-height:100%;
   position:relative;
   width:950px;
   background-color:#FFF;
   left:calc(50% - 950px/2);
}
#header {
   background:#FFF;
   position:relative;
   height:200px;
   padding-bottom:30px;
}

	#headerslider{
		width:800px;
		position:relative;
		margin-left:30px;
	}

	#headerslider .slide_item{
		position:absolute;
		left:0;
		text-wrap:no-wrap;
		color:#257DAE;
		text-transform:uppercase;
		min-width:500px;
		text-align:right;	
	}
	
	#headerslider .active_slide{
		display:block !important;	
	}

	#header #logo {
		z-index:50;
		margin-left:20px;
		position:relative;
		box-shadow:0px 0px 10px #333;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		width:315px;
		overflow:hidden;
		height:90px;
	}
	
	
	#header #koe {
		z-index:50;
		position:absolute;
		right:40px;
		height:170px;
		bottom:39px;
	}
	
	#header #koe IMG{		
		height:170px;
		
	}
	
		#header #logo IMG {
			width:315px;
			height:90px;	
		}
	#header #afbeelding {
		
		z-index:1;
		width:100%;
		height:140px;
		position:absolute;
		bottom:30px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;	
		background-image:url('/images/top_background.gif');
		background-size:cover;
		background-position:bottom;
	}
	
		#header #afbeelding .tags {			
			width:240px;
			text-align:center;
			margin-left:400px;
		}
		
		#header #afbeelding .tags H3 {
			background-color: rgb(255, 255, 255);
		    background-color: rgba(255, 255, 255, 0.6);
			border-radius:20px;
			font-weight:normal;
			font-style:italic;
			color:#257DAE;
			text-transform:uppercase;							
		}
		

	#header .menu {
		z-index:1;
		width:100%;	
		background-color:#257DAE;
		float:left;
		position:absolute;
		bottom:0px;
	}
	
		#header .menu LI  {
			list-style:none;
			float:left;
			border-right:1px solid #479AC8;
		}
			#header .menu LI A {
				float:left;
				padding:10px 20px;
				color:#FFF;	
				text-decoration:none;
			}
		
#body {
   padding-bottom:60px;   /* Height of the footer */
}

	#body #sidebar {
		float:left;
		width:215px;	
	}
	#body #sidebar #top{
		width:100%;
		height:20px;
		background-color:#257DAE;
		border-bottom-right-radius:20px;
	}
	
	#body #sidebar #submenu {
		position:relative;	
	}
	
		#body #sidebar #submenu LI {
			position:relative;	
			float:left;
			width:100%;
			border-bottom:1px solid #ECECEC;
			list-style:none;
		}
		
		#body #sidebar #submenu LI A {
			position:relative;	
			float:left;
			width:100%;
			padding:5px 5px;
			box-sizing:border-box;
			color:#666;
			text-decoration:none;			
		}
			#body #sidebar #submenu LI A:hover {
				color:#000;	
			}
	#body #content {
		margin-left:215px;
		width:735px;
		background-color:#FFF;
		padding:10px;
		box-sizing:border-box;	
		border:none;
	}
	
	.box_header {
		color:green;	
	}
	#footer #slider {
		position:absolute;
		bottom:95px;
		width:210px;
		margin-left:2px;
		background-color:#FFF;
		height:120px;	
		border-radius:15px;
		overflow:hidden;
	}
	
	#footer #zoeken {
		position:absolute;
		bottom:40px;
		width:210px;
		background-color:#097909;
		height:45px;	
		left:2px;
		border-radius:15px;
		padding:8px;
		box-sizing:border-box;
	}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:30px;   /* Height of the footer */
   background:#1868AF;
   border-top-left-radius:15px;   
   border-top-right-radius:15px;
 
}
	#footer #adres{
		font-size:12px;
		color:#FFF;
		width:100%;
		text-align:center;
		padding-top:5px;	
	}