/************************************************************
	MAIN GEDEELTE
/************************************************************/

	body
	{
		font-size: 75%;
		background: #32acc1; 
		line-height: 140%;
		margin: 0;
		padding: 0;
	}
	
	body, a 
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #000036;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	#container {
		width: 993px;
		background: #fff;
		margin: 0 auto;
		margin-top: 15px;
		padding-bottom: 20px;
		border: 1px solid #036;
		position: relative;
	}
	
	#header {
		height: 145px;
		background: #036;
		display: block;
		width: 100%;
		position: relative;
		color: #fff;
	}

	#main {
		margin-top: 30px;

	}
	
	#content {
		width: 480px;
		float: left;
		margin-left: 40px;
		overflow: hidden;
		display: inline;
	}
	.dd #content {
		overflow: visible;
	}
	#extra {
		width: 380px;
		float: left;
		display: inline;
		margin-left: 40px;
		
	}
	.weblog #extra,
	.agenda #extra	{
		width: 410px;
		float: right;
		margin-left: 0;
		margin-right: 40px;
	}
	.agenda #extra {
		width: 360px;
	}
	
	#pagetypeimg {
		position: absolute;
		right: 5px;
		top: 190px;
	}	
	
/************************************************************
	HEADER + NAVIGATION 
/************************************************************/	
	#logo-han {
		position: absolute;
		top: 30px;
		left: 10px;
	}
	#logo-sensor {
		position: absolute;
		top: 10px;
		left: 360px;
	}
	#slogan {
		position: absolute;
		right: 20px;
		top: 30px;
		width: 220px;
		font-weight: bold;
		text-align: right;
		font-size: .9em;
		line-height: 100%;
	}
/************************************************************
	NAVIGATION 
/************************************************************/	
	#menu {
		position: absolute;
		top: 107px;
	}
	#menu ul {
		margin-left: 10px;
	}
	#menu ul li {
		float: left;
		height: 54px;
	}
	#menu li a {
		display: block;
		height: 54px;
		overflow: hidden;
	}
	#menu li a span {
		margin-left: -9999px;
	}
	#menu li a#nav-home { background: url(images/menu_home.gif) no-repeat 0 2px; width: 131px; }
	#menu li a#nav-actueel { background: url(images/menu_actueel.gif) no-repeat 0 2px; width: 136px; }
	#menu li a#nav-archief { background: url(images/menu_archief.gif) no-repeat 0 2px; width: 146px; }
	#menu li a#nav-agenda { background: url(images/menu_agenda.gif) no-repeat 0 2px; width: 146px; }
	#menu li a#nav-contact { background: url(images/menu_contact.gif) no-repeat; width: 152px; }
	#menu li a#nav-video { background: url(images/menu_video.gif) no-repeat 0 2px; width: 133px; }
	#menu li a#nav-fotos { background: url(images/menu_fotos.gif) no-repeat 0 2px; width: 137px; }
	
	
/************************************************************
	CONTENT GEDEELTE
/************************************************************/	
	
	#news {
		width: 250px;
		padding: 10px;
		background: #eef4f9;
		margin-right: 20px;
	}
	
	#headline {
	
	}

	#footer {
		margin: 10px auto;
		width: 900px;
		text-align: center;
		color: #fff;
	}
	#footer ul li {
		display: inline;
		padding:  0 1em;
		border-right: 1px solid #fff;
	}
	#footer ul li.last {
		border: none;
	}
	#footer a {
		color: #fff;
	}
	
/************************************************************
	ALGEMEEN GEDEELTE
/************************************************************/	
	h1 {
		color: #0B2345;
		font-size: 14px;
	}
	.agenda h1 { color: #993399; }
	
	h1, h2, h3, h4 {
		font-weight: bold;
	}
	h2 {
		font-size: 1.2em;
		color: #000;
		margin-bottom: 10px;
	}

	strong {
		font-weight: bold;
	}
	
	#main a {
		font-weight: bold;
		text-decoration: none;
	}
	#main a:hover {
		text-decoration: underline;
	}
	.clear {
		height: 1px;
		clear: both;
		width: 100%;
	}
	
	.nieuws h1 {
		color: #ee0077;
	}
	
	.newsdate {
		color: #777;
		font-size: .9em;
		margin-bottom:5px;
	}
	
	#main ul li {
		list-style: inside disc;
	}
	#main ul li li{
		margin-left: 30px;
		list-style: circle;
	}
	table {
		width: 100%;
	}
	
/************************************************************
	TAble GEDEELTE
/************************************************************/	
	table {
		margin-bottom: 10px;
		border: 0;
	}
	table,
	table td,
	table th	{
		font-size: 1em;
		border: 0;
	}
	tr {
		height: auto;
	}
	td,th {
		padding: 0 5px 0 0;
		vertical-align: top;
		height: 10px!important;
	}
	th {
		font-weight: bold;
	}
	.headerimg {
		margin-bottom: 10px;
	}
	img.left {
		float: left;
		margin: 0 10px 10px 0;
	}
	hr {
		border: none;
		border-top: 1px solid #000;
		margin: 15px 0;
	}
	.nieuws hr  { border-top: 1px solid #ee0077; }
	.agenda hr  { border-top: 1px solid #993399; }
	.fotos hr  { border-top: 1px solid #32acc0; }
	.video hr  { border-top: 1px solid #df0000; }