@charset "UTF-8";
/* CSS Document */


/* ---- resets */
li, ul, body {
	margin:0;
	padding:0;
}
/* ---- algemene instellingen */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	color:#000;
}
#container {
	width:960px;
	margin:0 auto;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:lighter;
	letter-spacing:-1px;
	margin:10px 0 10px 0;
}
h1.groot {
	font-size:72px;
	color: #0066b3;
	line-height:48px;
}
h2 {
	font-family:"Lucida Sans Unicode", verdana, sans-serif;
	font-size:16px;
		line-height:18px;
	margin:0;
}
h3 {
	font-family:"Lucida Sans Unicode", verdana, sans-serif;
	font-size:12px;
	margin:0;
}
h4 {
	font-family: "Lucida Sans Unicode", verdana, sans-serif;
	font-size:12px;
	margin:0;
}
.blauw {
	color:#0066b3;
}
.donkerblauw {
	color: #0066b3;
}
.rood {
	color:#c00;
}
.grijs {
	color:#999;
}
.geel {
	color:#ffcf01;
}
 .kleinetekst {
 margin:5px 0 0 0;
 font-size:9px;
 line-height:13px;
}

img.left {
	float:left;
	margin:0 20px 0 0;
}
a img {
	border:none;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	color:#C00;
}

a.rood:hover {
	color: #900;
}

p {
	margin:0;
}
/* ---- banner */
#banner {
	height:100px;
	margin:0 0 10px 0;
}
/* ---- menu */ 
#menu {
	position:relative;
	top:-20px;
	width:140px;
	height:500px;
	float:left;
	margin:0 20px 0 0;
	background-image:url(img/zenr_bgr.gif);
}

#artikel #menu{
		top:0px;
}

#menu ul {
	margin:20px 0 0 0;
	list-style:none;
	border-top: 1px solid #0066b3;
}
#menu li {
	border-bottom: 1px solid #0066b3;
	background-color:#fff;
	padding:3px 0 3px 30px;
}
#menu a:link, #menu a:visited {
	font-size:12px;
	text-decoration:none;
	color:#0066b3;
}
#menu li.hier {
	font-size:12px;
	background: url(img/pijltje.gif) no-repeat 0 3px;
	background-color:#fff;
	color:#C00;
}
#menu li.non {
	color: #999;
}
#menu a.kleiner {
	font-size:11px;
}
#menu a:hover, #menu a:active {
	color:#C00;
}

#menu #regios {
	position:absolute;
	bottom:120px;
}

#menu #banners {
	position:absolute;
	bottom:5px;
}

#menu #banner1 {
	position:absolute;
	bottom:0px;
	left: 10px;
}
#menu #banner2 {
	position:absolute;
	bottom:190px;
	left: 10px;
}
#menu #banner3 {
	position:absolute;
	padding:0;
	bottom:290px;
	left:10px;
}
#home #menu {
	min-height:535px;
}

/* ---- content */
#content {
	float:left;
}



#content div div {
	float:left;
}

#box {
	float:left;
	width:960px;
	height:160px;
	margin:0 0 20px 0;
}

#artikel #content{
	float:right;
	border:1px solid #0066b3;
}

#box div {
	float:left;
}

#logo{
	width:240px;
	margin:0 20px 0 0;
}


/* ---- box a */
#box_a {
	width:700px;
	height: 160px;	
}

/* ---- home box a */

#home #box_a {
	width:650px;
	height: 158px;	
	padding: 0 24px 0 24px;
	background-image:url(img/startpagina.gif);	
	border:1px solid #0066b3;
}

#home #box_a div.start {
	width:123px;
	height:150px;
	border-left:1px solid #0066b3;
	padding:4px 3px 4px 3px;
}

#home #box_a a{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
	color: #999;
}

#home #box_a a.starttitel{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	border:1px solid #0066b3;
	font-weight:bold;
	color:#0066b3;
	padding:4px;
	margin:0 0 4px 0;
}

#home #box_a a:hover {
	color:#C00;
}

/* ---- box a */


/* ---- adv box a */
#adv #box_a {
	height: 150px;
	width:668px;
	padding: 10px 20px 0 10px;
	background:url(img/hr.gif) no-repeat bottom;
}
#adv #box_a a:link, #adv #box_a a:visited {
	text-decoration:none;
	color:#C00;
	margin:5px 0 0 0;
}
#adv #box_a a:hover, #adv #box_a a:active {
	color: #900;
}
/* ---- abo box a */
#abo #box_a {

}
/* ---- ons box a */
#ons #box_a {
	height: 150px;
	width:670px;
	padding: 10px 15px 0 15px;
	background:url(img/hr.gif) no-repeat bottom;
}
/* ---- boek box a */
#boek #box_a {
	height:158px;
	border-left:none;
	border-right:none;
	background:url(img/hr.gif) no-repeat bottom;
}
/* ---- box b */
#box_b {
	height: 240px;
	width:800px;
	margin:0 0 20px 0;
}
.kol1 a {
	display:block;
	width:182px;
	height:238px;
	margin: 0 20px 0 0;
	border:1px solid #ccc;
}
.kol2 a {
	display:block;
	width:288px;
	height:240px;
	margin: 0 20px 0 0;
}
/* ---- home box b */
#home .kol1 a {
	background-image:url(img/k1_zenrnew.jpg);
}
#home .kol1 a:hover {
	background-image:url(img/k1_zenrnew_over.jpg);
}
#home .kol2 a {
	background-image:url(img/k2_artikel1.jpg);
}
#home .kol2 a:hover {
	background-image:url(img/k2_artikel1_over.jpg);
}
#home .kol3 a {
	display:block;
	width:288px;
	height:240px;
	background-image: url(img/k3_artikel2.jpg);
}
#home .kol3 a:hover {
	background-image:url(img/k3_artikel2_over.jpg);
}
/* ---- adv box b */
#adv .kol1 a {
	background-image:url(img/k1_mediakaart.jpg);
}
#adv .kol1 a:hover {
	background-image:url(img/k1_mediakaart_over.jpg);
}
#adv .kol2 a {
	width:594px;
	margin:0;
	background-image:url(img/k2_downloadmedia.gif);
	border:1px solid #0066b3;
}
#adv .kol2 a:hover {
	background-image:url(img/k2_downloadmedia_over.gif);
}
/* ---- abo box b */
#abo #box_b {
	height:500px;
}
#abo .kol1 {
	width:184px;
	height:auto;
	margin: 0 20px 0 0;
}
#abo .kol1_1 {
	width:162px;
	padding:10px;
	margin-bottom:20px;
	border:#0066b3 1px solid;
	background-image: url(img/k1_bgr.gif);
}
#abo .kol1_1 a, #ons .kol1 a {
	display:inline;
	border:none;
	text-decoration:none;
}
#abo .kol1_1 a:hover, #ons .kol1 a:hover {
	color:#c00;
}
#abo .kol1_2 {
	width:184px;
	height:220px;
	color:#000;
}
#abo .kol2 {
	width:544px;
	border:1px solid #0066b3;
	padding:25px;
}
#abo .kol2 p {
	line-height:24px;
	word-spacing:120%;
	letter-spacing:150%;
}
/* ---- ons box b */
#ons #box_b {
	height:auto;
}
#ons .kol1 {
	font-family:Arial, Helvetica, sans-serif;
	width:164px;
	height:auto;
	margin: 0 20px 0 0;
	background:url(img/k1_bgr_logo.gif) top no-repeat;
	padding:80px 10px 5px 10px;
	font-size:11px;}
#ons .kol1 p{
	margin:15px 0;
}
#ons .kol2{
	width:594px;
	padding:0;
}

#ons .kaartje{
	float:left;
	width:273px;
	height:170px;
	margin:0 20px 10px 0;
	border-bottom:1px solid #0066b3;
	line-height:normal;
}
#ons .kaartje img {
	float:left;
	margin:0 10px 0 0;
}
#ons .kaartje h1 {
	font-size:18px;
}

#ons h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #8d807e;
	margin:5px 0 5px 0;
}
/* ---- boek box b */
#boek .kol1 a {
	background: url(img/k1_jaarboek.jpg) top no-repeat;
}
#boek .kol1 a:hover {
	background: url(img/k1_jaarboek_over.jpg) top no-repeat;
}
#boek .kol2 {
	width:544px;
	height:188px;
	background-color:#F0F0F0;
	border:solid 1px #0066b3;
	padding:25px;
	background-image: url(img/k2_bgr.jpg);
}
#boek .kol2 a {
	display:inline;
	color:#0066b3;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
}
#boek .kol2 a:hover {
	color:#C00;
}
/* ---- box c */
#box_c {
	height: 240px;
	width:800px;
}
#box_c p a {
	color:#0066b3;
	font-size:10px;
	font-style:italic;
	text-decoration:none;
}
#box_c p a:hover {
	color:#c00;
}
.kol4 {
	width:184px;
	margin: 0 20px 0 0;
}
.kol4 li {
	margin:5px 0 0 10px;
	line-height:15px;
}
.kol4 ul {
	margin:10px 0 10px 0;
}
.kol5 {
	background-color:#FFF;
	width:554px;
	border: 1px solid #0066b3;
	padding:20px;
}
.kol5 table {
	width:458px;
}
.kol5 td.borderright {
	border-right:1px solid #8d807e;
}
.kol5 table a {
	font-size:12px;
	font-style:normal;
	line-height:15px;
	color:#000;
	text-decoration:none;
}
.kol5 .laatstekolom {
	width:145px;
}
.kol5 hr {
	border:1px solid #0066b3;
	margin:23px 0;
}
.kol5 table a:hover {
	color:#c00;
}
/* ---- adv box c */
#adv .kol4 a {
	height:119px;
	width:182px;
	border: solid 1px #CCC;
	display:block;
	background:url(img/k4_uitgave.gif) top no-repeat;
}
#adv .kol4 a:hover {
	background:url(img/k4_uitgave_over.gif) top no-repeat;
}
#adv .kol5 hr {
	margin:10px 0 20px 0;
}
/*#boek .kol5 {
	height:250px;
}
 ---- boek box c */
#boek .kol6 {
	width:198px;
	border:1px solid #ccc;
	padding:20px 20px 20px 20px;
	margin:0 0 20px 0;
}
/* --- footer */
#footer {
	clear:both;
}
#footer2 {
	clear:both;
	height:2px;
	/*background-color:#0066b3;*/
	margin:0 0 20px 0;
}