html, body {
	height: 100%;
	margin: 0 auto; /* horizontaal centreren */
	text-align: center; /* margin auto werkt niet om te centreren in IE6; dit wel. Op de wrapper zetten we het weer terug op left */
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #0888A0;
	letter-spacing: 0.3px;
	line-height: 150%;
	word-spacing: 0.1em;
	background-image: url(images/diagonale_strepen.jpg);
	background-repeat: repeat-x;
	background-color: #004670;
}
/* TEKST ----------------------------------------------------------------------------------------------------------------- */

h1, h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0;
}
p{
	margin: 9px 0;
}
a {
		color: #0888A0;
		font-weight: bold;
}
a:hover {
	color: #86b8e9; /* lichtblauw */
}
img {
	border: 0;
}
div#inhoud div#rechterkolom img {
	height: 230px;
	width: 306px;
	margin: 6px 0 0 7px;
	padding: 0;
}
div#inhoud  div.nieuwsitem a img {
	float: left;
	height: 134px;
	width: 179px;
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
}
div#inhoud div.nieuwsitem h2,
div#inhoud div.nieuwsitem h2 a,
div#inhoud div.nieuwsitem h2 a:hover,
div#inhoud div.nieuwsitem h2 a:visited,
div#inhoud  div.nieuwsitem h2 a:active {
	color: #86CB00;
	margin: 0px ;
	padding: 0;
	text-decoration:none;
}
div#inhoud div.nieuwsitem h2 a:hover {
	text-decoration: underline;
}

/* LAYOUT VLAKKEN ----------------------------------------------------------------------------------------------------------------- */
div#wrapper {
	width: 996px;
	position: relative; /* dit toegevoegd zodat we de footer hierbinnen absoluut kunnen positioneren */
	margin: 0 auto;
	padding: 0px; /* padding-top op de div#header, want anders scrollbar */
	text-align: left; /* zie html, body */
	_height: 100%; /* IE renders this like min-height. An underscore followed by the property name make ONLY IE apply it. Other browsers ignore this property */
	min-height: 100%; /* works for all browsers except for IE6 */
	border-left: solid 2px #037FC7; /* donkerblauw */
	border-right: 2px solid #037FC7; /* donkerblauw */
	background-image: url(images/wrapper_bg.jpg);
	background-repeat: no-repeat;
	background-color: white;
}
div#header {
	height: 71px; /* 3x div even hoog */
	margin: 0 auto;
	padding: 0px; /* zie padding op div#wrapper */
}
/* Image mag uiteraard niet groter zijn dan div#logo */
div#logo {
	float: left;
	height: 57px; /* 3x div even hoog */
	width: 506px;
	margin: 0;
	padding: 0;
}
div#btnNieuws4plus {
	float: left;
	height: 57px; /* 3x div even hoog */
	width: 193px;
	margin: 0;
	padding: 14px 0 0 0;
}
div#btnNieuws10plus {
	float: left;
	height: 57px; /* 3x div even hoog */
	width: 200px;
	margin: 0;
	padding: 14px 0 0 0;
}
/* kolommen ----------------------------------------------------------------------------------------------------------------*/
div#werkruimte {
	height: auto;
	margin: 0;
	padding: 0 0 0 131px;
	width: 865px;
}

div#inhoud {
	float:left;
	height: auto;
	margin: 0;
	width: 695px;
}
div#navigatie {
	float: left;
	padding: 0 0 0 10px;
	width: 160px;
}

div#inhoud div#linkerkolom {
	float: left;
	width: 375px;
	padding: 0;
	margin: 0;
}
div#inhoud div#rechterkolom {
	float: right;
	width: 320px;
	height: 242px;
	padding: 0;
	margin: 0;
	background-image: url(images/fotolijst.png);
	background-repeat: no-repeat;
	background-color: none;
}
div#inhoud div#nieuwsview {
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0;
}
div#inhoud div.nieuwsitem {
	float: left;
	width: 100%;
	padding: 5px 0;
	margin: 0;
}
div#inhoud  	 hr {
	float: left;
	color: #C2E8E4;
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 0;
}
/* navigatie ----------------------------------------------------------------------------------------------------------------*/
#navigatie {
	}
#navigatie ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navigatie li {
	padding-left: 1.5em; /* om ruimte voor bolletje te maken */
	}
#navigatie li.active {
	background-image: url(images/circle_blue.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	}
#navigatie li a {
	text-decoration: none;
}
#navigatie li a:hover {
}



/* OVERIG -------------------------------------------------------------------------------------------------------------------- */
div#footer  {
	text-align: left;
	padding: 0;
	margin: 0;
	color: #CCC;
	font-size: 10px;
	letter-spacing: 0.3px;
}

div#footer p {
	padding: 0;
	margin: 0;
	}

div.clear_float {
	clear: both;
	background: none;
}