/* --------------------------------------------------------------------------------------------------------------------- 
	css WEBSITE-LAYOUT _ nederlandse liga tegen epilepsie.v1.0
		author: Bas Buermans
		date: 	20 - 07 - 2009
*/
* { margin: 0; padding: 0; border: 0; }

/* HTML --------------------------------------------------------------------------------------------------------------------- */

html {
	 overflow: -moz-scrollbars-vertical;
}

html, body {
	height: 100%;
	} 

body { 
	background: url(../img/header_bg.gif) #fff top left repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	}

hr {
	border: 0;
	height: 1px;
	color: #000;
	background-color: #000;
	}
/* WRAPPER --------------------------------------------------------------------------------------------------------------------- */

#wrapper {
	position: relative;
	min-height: 100%;
	width: 1050px;
	margin: 0 auto 0 auto;
	background: url(../img/container_bg.gif) top no-repeat;
	}
	
	* html #wrapper {
		height: 100%;
	}
	
/* HEADER --------------------------------------------------------------------------------------------------------------------- */

#header {
	height: 113px;
	width: 1050px;
	background: url(../img/header.jpg) #fff top left no-repeat;
	position: relative;
	}
	
	#logo{
		height: 108px;
		width: 508px;
		margin-left: 57px;
		}

/* HEADER NAVIGATION --------------------------------------------------------------------------------------------------------------------- */

#header_nav {
	height: 50px;
	width: 1050px;
	position: relative;
	}
	
	.hnav {
		height: 31px;
		width: auto;
		list-style: none;
		padding-top: 14px;
		padding-left: 50px;
		}
		
		.hnav li {
			height: 31px;
			float: left;
			text-indent: 0px;
			white-space: nowrap;
			}
			
		.hnav li a, .hnav li a.active {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 16px;
			line-height: 20px;
			display: block;
			padding-left: 12px;
			padding-right: 20px;
			text-decoration: none;
			}
			
			.hnav li a:link { color: #000;}
			.hnav li a.active:link { color: #7ab51d;}
			.hnav li a:visited, .hnav li a.active:visited { color: #000;}
			.hnav li a:hover, .hnav li a.active:hover { color: #7ab51d;}
			.hnav li a:active, .hnav li a.active:active { color: #000;}

/* BREADCRUMB & FEATURED BOX --------------------------------------------------------------------------------------------------------------------- */

#featured {
	height: 232px;
	width: 950px;
	background: #fff;
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	}
	#featured_left {
		height: 232px;
		width: 351px;
		background: url(../img/featured_bg.jpg) #36a3ca top left no-repeat;
		float: left;
		}
		#featured_left_textbox {
			margin-top: 25px;
			margin-left:12px;
			width: 326px;
			}
			#featured_left_textbox span {
				display: inline;
				}
				.featured_txt { margin-top: 12px;}
			
	#featured_right {
		height: 232px;
		width: 599px;
		background: url(../img/featured_img.jpg) #36a3ca top left no-repeat;
		float: left;
		}
	
#breadcrumb {
	height: 31px;
	width: 950px;
	background: url(../img/breadcrumb_bg.gif) #36a3ca top left repeat-x;
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	}
	
	.crumb{
		height: 31px;
		width: auto;
		display: inline;
		list-style: none;
		}
		
		.crumb li {
			height: 31px;
			float: left;
			background:url(../img/crumb_bg.jpg) #36a3ca top right no-repeat;
			text-indent: 0px;
			white-space: nowrap;
			}
		
		.crumb li span, .crumb li a {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 18px;
			line-height: 22px;
			color: #fff;
			display: block;
			padding-top: 4px;
			padding-left: 12px;
			padding-right: 24px;
			text-decoration: none;
			}
			
			.crumb li a:link { color: #fff;}
			.crumb li a:visited { color: #fff;}
			.crumb li a:hover { color: #ccc;}
			.crumb li a:active { color: #fff;}
			
/* LEFT NAVIGATION --------------------------------------------------------------------------------------------------------------------- */

#left_wrapper {
	width: 220px;
	margin-left: 50px;
	float: left;
	display: inline;
	}
	
	#leftnav_featured {
		list-style-type:none;
		height: 57px;
		width: 220px;
		}
		#leftnav_featured a {
			display: block;
  			text-decoration: none;
			}
		
		#leftnav_featured li a {
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 16px;
			padding-top: 19px;
			padding-left: 12px;
			padding-bottom: 19px;
			padding-right: 50px; 
			color: #fff;
		}
		
		#leftnav_featured li a.coverimg:link {}
		#leftnav_featured li a.coverimg:visited {}
		#leftnav_featured li a.coverimg:hover {}
		#leftnav_featured li a.coverimg:active {}
		
		#leftnav_featured li{
			height: 57px;
			background: url(../img/featured_left_n.jpg) #36a3ca top left no-repeat;
			}
			
		#leftnav_featured li.coverimg{
			height: auto;
			background: none;
			padding-left:60px; /* defines padding cover image */
			}
		
		#leftnav_featured li a:hover{
			background: url(../img/featured_left_o.jpg) #36a3ca top left no-repeat;
			}
		#leftnav_featured li a.coverimg:hover{
			background: none;
			}
	
	#leftnav_top {
		height: 17px;
		background: url(../img/leftnav_top.jpg) #36a3ca top left no-repeat;
		}
	#leftnav_fill {
		background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
		}
	#leftnav_bottom {
		height: 29px;
		background: url(../img/leftnav_bottom.jpg) #36a3ca top left no-repeat;
		}
		
		ul.menu, ul.menu ul {
			list-style-type:none;
			margin: 0;
			padding: 0;
			width: 220px;
			}

			ul.menu a {
  				display: block;
  				text-decoration: none;	
				}

				ul.menu li {
					line-height:20px;
					}

				ul.menu li a {
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 14px;
  					background: url(../img/leftnav_bg_n.jpg) #36a3ca top left repeat-y;
  					color: #fff;
					padding-top: 4px; 
					padding-left: 12px;
					}

				ul.menu li a:hover {
 					background: url(../img/leftnav_bg_o.jpg) #36a3ca top left repeat-y;
					color: #ccc;
					}
					
					ul.menu li.nosub a {
						font-family: Tahoma, Geneva, sans-serif;
						font-size: 14px;
  						background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
  						color: #fff;
						padding-top: 4px; 
						padding-left: 12px;
						}

						ul.menu li.nosub a:hover {
 							background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
							color: #ccc;
							}
						
					ul.menu li.image {
						background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
						}
						ul.menu li.image a {
							background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
							padding-top: 0px;
							padding-right: 18px;
							padding-bottom: 10px;
							padding-left: 12px;
							}

					ul.menu li ul li a {
  						background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
  						padding-left: 24px;
						}

					ul.menu li ul li a:hover {
  						background: url(../img/leftnav_fill.jpg) #36a3ca top left repeat-y;
						color: #ccc;
						}

		
/* CONTENT --------------------------------------------------------------------------------------------------------------------- */

#content_wrapper {
	width: 730px;
	margin-right: 50px;
	float: right;
	display: inline;
	}
	
	#content_top {
		height: 17px;
		background: url(../img/content_top.jpg) #fff top left no-repeat;
		}
		
	.content {
		width: 670px;
		margin-left: 25px;
		margin-right: 25px;
		float: left;
		display: inline;
		}
	.content_end {
		margin-top: 30px;
		width: 730px;
		height:30px;
		background: url(../img/content_end.jpg) top left no-repeat;
		float: left;
		display: inline;
		}

	.content img { float:right ;
		}
		
	.nieuwitem {
		padding-bottom: 15px;
		margin-bottom: 25px;
		border-bottom: 1px solid #e3e3e3;
		overflow: hidden;
	}
	
	.nieuwitem img {
		float: right;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	
	.nieuwitem a {
		clear: both;
		float: right;
		font-size: 12px;
		font-weight: normal;
	}
	
	.nieuwitem a:hover {
		text-decoration: underline;
	}

/* FOOTER --------------------------------------------------------------------------------------------------------------------- */

#clearfooter {
	clear: both;
	padding-bottom: 120px;
	}

#footer_wrapper {
	position: relative;
	margin-top: -115px;
	height: 115px;
	width: auto;
	background: url(../img/footer.gif) #fff top repeat-x;
	
	}
	#footercontent {
		position: relative;
		top: 15px;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		}