@import url("reset.css");

/* BASISSSS */

body {
	height:100%;
	background:#DAD1BB url(../images/bg/body.jpg) repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	color: #FFFFFF
}

a {
	text-decoration:underline;
	color: #FEF000;
}

a:hover { text-decoration:none; }

p { margin:10px 0px; }

/* STRUCTUUR */

#container {
	width:992px;
	height:100%;
	position:relative;
}

#header {
	background:url(../images/bg/header.jpg) no-repeat;
	height:129px;
	width:992px;
}

div.top {
	background: url(../images/bg/main_top.jpg) no-repeat left top;
	height: auto;
	height:100%;
}

div.middle {
	background: url(../images/bg/main_home2.jpg) no-repeat;
	height:auto;
}

body#home div.middle {
	background: url(../images/bg/main_home2.jpg) no-repeat;
	height:auto;
}
div.bottom { background: url(../images/bg/main_bottom.jpg) no-repeat left bottom; }

div.main_left {
	float:left;
	width:300px;
}

div.main_right {
	margin:0px 170px 40px 330px;
	padding:70px 0px 0px 0px;
	min-height:1010px;
	height:100%;
}
div.main_right em{
	font-style:italic;
	font-weight:700;
	color: #F5EA1F;
}
div.main_right strong{
	font-weight:700;
}
div.main_right#nieuws {
	margin:0px 170px 40px 330px;
	padding:70px 0px 0px 0px;
	height:100%;
	min-height:550px;
}

#footer {
	background:url(../images/bg/footer.jpg) no-repeat;
	width:992px;
	height:47px;
}


/* Navigation ------------------------------------------- */
/* ------------------------------------------------------ */

#nav {
	background:url(../images/bg/menu.jpg) no-repeat left;
	height:23px;
	padding-left:300px
}

.navigation li {
	float: left;
	position: relative;
}

.navigation li a {
	float: left;
	display: block;
	padding: 2px 10px;
	margin:0 .4em 0 0;
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
	background:#BAA300;
}

.navigation table {
	position: absolute; 
	border-collapse: collapse;
	top: 0; 
	left: 0;
}

.navigation a {
	display: block;
	background-repeat: no-repeat;
	outline: none;
	text-decoration: none;
	color: #0C2074;
	font-weight: normal;
}

.navigation a:hover {
	position: relative;	
}

.navigation li:hover {
	position: relative;
}
 
.navigation li ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	background: #BAA300;
}

.navigation ul ul li {
	float: none;
	height:23px;
}

.navigation ul ul a {
	text-indent: 0;
	padding: .3 .5em;
}


.navigation li:hover > ul {
	visibility: visible;
}

.navigation ul a:hover ul {
	visibility: visible;
}

#nav li ul {
	top: 23px;
}

#nav ul ul a {
	height: auto;
	padding-left:2em;
	background:url(../images/nav/arrow.gif) no-repeat left;
}

#nav ul ul a:hover {
	text-decoration: none;	
	color: #000000;
}

/*STIJLEN*/
h1 {
	color:#FFFFFF;
	font-size:30px;
	line-height: normal;
	margin:0px;
	padding:0px;
	letter-spacing:-2px;
}

h2 {
	color: #F5EA1F;
	font-size:26px;
	line-height: normal;
	margin:0px;
	padding:0px;
	display:inline;
	letter-spacing:-2px;
}

h3 {
	color: #004B24;
	font-size:21px;
	line-height: normal;
	margin:0px;
	padding:0px;
	display:inline;
	letter-spacing:-2px;
}

h4 {
	color: #F5EA1F;
	font-size:18px;
	line-height: normal;
	margin:0px;
	padding:0px;
	display:inline;
	letter-spacing:-1px;
	margin:40px 0;
}
div#banner a {
	display:block;
	position:absolute;
	background: url(../images/video/banner.jpg) no-repeat;
	height:167px;
	width:184px;
	right:160px;
	top:176px;
}

div.main_right blockquote {
	padding:2em;
	background:#F5EA1F;
	color:#004B24;
}

div.main_right blockquote p {
	padding:0px;
	margin:0 0 1em 0;
}

div.main_right blockquote a {
	color:#004B24;
}

div.main_left a {
	display:block;
	width:160px;
	height:150px;
	margin:390px 0px 0px 120px;
}

div.main_left a span { display:none; }


div.main_left a.toen_en_nu {
	display:block;
	width:150px;
	height:150px;
	margin:345px 0px 0px 0px;
}

div.main_left a.toen_en_nu span { display:none; }

.hr {
	height:45px;
	background:url(../images/hr.jpg) repeat-x center;
}

div.nieuwsOverzicht {
	min-height:135px;
	display:block;
	padding:2em 0;
	border-bottom: solid 2px #567500;
}


div.niewsOverzichtAuteur {
	display:block;
	float:left;
	width:120px;
}


strong { font-weight:bold; }

#header a {
	display:block;
	width:250px;
	height:150px;
	margin:0px 0px 0px 630px;
}

#header a span { display:none; }

#main_left { }

#naw {
	margin:260px 0px 0px 108px;
	color:#000000;
}

#naw a { color:#000000; }

#main_left a {
	display:block;
	width:156px;
	height:150px;
	margin:250px 17px 0px 80px;
}

#main_left a span { display:none; }

#footer_home a {
	float:right;
	display:block;
	width:100px;
	height:26px;
	margin:0px 70px 0px 0px;
}

#footer_home a span { display:none; }

#footer a {
	float:right;
	display:block;
	width:200px;
	height:33px;
	margin:0px 60px 0px 0px;
}

#footer a span { display:none; }

ul.actueelfooter {
	height:2em;
	background:#567500;
	padding:.3em .5em;
	margin:2em 0 0 0;
}

ul.actueelfooter li.datum {
	background:url(../images/actueel/time.gif) no-repeat left;
	padding:0 1.7em;
}

ul.actueelfooter li.auteur {
	background:url(../images/actueel/auteur.gif) no-repeat left;
	padding-left:1.7em;
}

ul.actueelfooter li {float:left; background:none; }

.main_right img {
	padding:1px;
	margin:0px 5px 5px 0px;
}

.main_right a img { border:solid 4px #D1B900; }

.main_right a:hover img { border:solid 4px #004B24; }

img.foto {
	float:left;
	margin:0px 15px 10px 0px;
	border:solid 4px #D1B900;
}

#gb {
	background:#89A65A;
	margin:6px 0px;
	padding:3px;
}

body#popup {margin:0px; background-image:none; background-color:#5A8116;}
body#popup p {width:100%; text-align:center;}
body#popup img {margin:5px 0px;}

#actueel_home {background:#8AA65B; border: double 3px #738A4A; padding:1em; margin:2em 0;}
#actueel_home li{margin:.4em 0 .4em 0; }
#actueel_home li em {display:block; float:left; margin:0 2em 0 0;}
#actueel_home li a{font-weight:bold; }

ul.in_het_nieuws {
	width:93%; }

ul.in_het_nieuws li {
	border-bottom: solid 1px #8AA65B;
	padding:.3em 0 }

ul.in_het_nieuws a {
	display:block;
	float:left;
	width:80%; }
	

/*** FORMS ***/
div.errors {
	position: relative; /* Needed to solve the Peekaboo bug in IE6 */
	margin: 0 0 10px 0;
	padding: 5px 10px 15px 10px;
	border: #004B24 1px solid;
	background-color: #8AA65B;
}

div.errors p { margin: 0; }

div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;/*	display: none;*/
}

div.errors p { margin: 0; }

div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}

.dummy { display:none;}



img.actueel_img {
	width:100px;
	margin-top:10px;
	background-color:#acc08b;
	border:1px solid #5a8117;
}

a img.actueel_img, a:hover img.actueel_img  {
	border:1px solid #5a8117;
}

.actueel_list li.big {
	height:124px;
	padding:1em 0;
}

.actueel_list li {
	padding:1em 0;
	position:relative;
}

.actueel_list li p a, .actueel_list li p a:hover {
	display:block;
	font-weight:normal !important;
	color:#FFF;
	text-decoration:none;
	outline:none;
}

.actueel_list a:hover {
	text-decoration:underline;
}
h3 {
	margin-top:20px !important;
}

h4 {
	font-size:18px;
	margin-top:20px !important;
}

.title {
	position:absolute;
	top:0;
	left:0;
	
}

.error {
	border:1px solid #FF0000;
	
}