/* --- BODY ------------------------- */
body {
    background: url(img/bg_body.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: black;
    font-family: Arial;
    font-size: 12px;
    color: #3b3b3b;
    margin: 0;
}

/* --- LOGO & NAW -------------------- */
#wrapper_logo {
    margin-left: auto;
    margin-right: auto;
    width: 953px;
    height: 90px;
    position: relative;
    background: url("img/logo.png") no-repeat scroll 0px 0px transparent;
}
#wrapper_logo #naw {
	float: right;
	color: white;
	margin-top: 42px;	
}

/* --- MENU ------------------------- */
#wrapper_menu {
	margin-left: auto;
    margin-right: auto;
    width: 953px;
    height: 36px;
}
#wrapper_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 935px;
	height: 36px;
	float: left;			
	background: url("img/menu_loop.png") repeat-x scroll top left transparent;	
}
#wrapper_menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#wrapper_menu ul li a {
	font-weight: bold;
	padding: 10px 15px 11px 15px;
	display: block;
	color: white;
	text-decoration: none;
}
#wrapper_menu ul li a:hover, #wrapper_menu ul li a.active {
	background: url("img/menu_hover.png") repeat-x scroll top left transparent;	
}
#wrapper_menu .menu {
	width: 9px;
	height: 36px;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;	
}
#wrapper_menu .left {
	background-image: url("img/menu_left.png");
}
#wrapper_menu .right {
	background-image: url("img/menu_right.png");
}

/* --- HEADER ---------------------- */
#wrapper_header {
    margin-left: auto;
    margin-right: auto;
    width: 970px;
    height: 255px;
    margin-bottom: 2px;
    position: relative;
}
#headerimage {
    width: 950px;
    height: 240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /*padding: 5px 5px 5px 11px;*/
    top: 5px;
}
#headeroverlay {
    background: url("img/header_overlay.png") no-repeat scroll left top transparent;
    width: 970px;
    height: 250px;
    z-index: 35;
    position: absolute;
    top: 0px;
    left: 0px;
}

/* --- CONTENT - BREADBRUMB --------- */
#wrapper_content {
	margin-left: auto;
    margin-right: auto;
    width: 980px;
    margin-bottom: 8px;
    position: relative;
}
#wrapper_breadcrumb {
	margin-left: auto;
    margin-right: auto;
    width: 970px;
    padding-left: 3.5px;
    /*width: 956px;*/
    height: 30px;
}
#wrapper_breadcrumb #breadcrumb {
	width: 947px;
	height: 26px;
	float: left;
	margin-left: auto;
    margin-right: auto;
	background-color: #E1E1E1;
    background: url("img/bg_breadcrumb.png") repeat-x scroll top transparent;
    padding-top: 4px;
}
#wrapper_breadcrumb .breadcrumb {
	width: 8px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
}
#wrapper_breadcrumb .left {
	background: url("img/breadcrumb_left2.png") no-repeat scroll left top transparent;
}
#wrapper_breadcrumb .right {
	background: url("img/breadcrumb_right2.png") no-repeat scroll right top transparent;
}
#wrapper_breadcrumb a {
	font-weight: bold;
	color: black;
	float: left;
	display: block;
	padding: 7px 5px 8px 5px;
	text-decoration: none;
    font-size: 11px;
}
#wrapper_breadcrumb a:hover, #wrapper_breadcrumb a.active {
	color: green;
}

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

#wrapper_content #wrapper_page {
	margin-left: auto;
    margin-right: auto;
    width: 979px;
    min-height: 120px;
    background: url("img/content_loop2.png") repeat-y scroll left top transparent;	
}
#wrapper_content #wrapper_page.kolom_submenu {
    background: url("img/content_loop_submenu.png") repeat-y scroll left top transparent;	
}
#wrapper_content #page_bottom {
	margin-left: auto;
    margin-right: auto;
    width: 979px;
    height: 24px;
    background: url("img/content_bottom2.png") no-repeat scroll top left transparent;	
}
#wrapper_content #page_bottom.kolom_submenu {
    background: url("img/content_bottom_submenu.png") no-repeat scroll left top transparent;
}
#wrapper_page #hoofdkolom {
    width: 643px;
    padding: 10px 20px 10px 20px;
    margin-left:  10px;
    float: left;
}
#wrapper_page #subkolom {
    width: 270px;
    float: left;
}
#wrapper_page #subkolom.links {
    width: 248px;
    float: left;
    margin-left: 22px;
}
/* --- SUBMENU ----------------------- */
#submenu {
    width: 234px;
    margin: 10px 10px 10px 12px;
}
#submenu #submenu_top {
    background: url("img/submenu_top.png") no-repeat left top transparent;
    height: 8px;
}
#submenu #submenu_bottom {
    background: url("img/submenu_bottom.png") no-repeat left top transparent;
    height: 8px;
}
#submenu ul {
    background: url("img/submenu_loop.png") repeat-y left top transparent;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#submenu ul li {
    margin: 0px 0px 0px 11px;
}
#submenu li a {
    text-decoration: none;
    color: #3b3b3b;
    line-height: 25px;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
    display: block;
}
#submenu ul li a.active {
    background: url("img/submenu_hover.png") no-repeat scroll left center;
    font-weight: bold;
    color: #4a7400;
}
#submenu ul li a:hover {
    background: url("img/submenu_hover.png") no-repeat scroll left center;
    font-weight: bold;
    color: #4a7400;
}

/* --- BLIKVANGERS ------------------- */
a.blik_link {
    text-decoration: none;
    color: #3b3b3b;
}
.wrapper_blikvanger {
    width: 231px;
    margin: 10px 15px 10px 15px;
    display: block;
}
a.wrapper_blikvanger img {
    border: 0 none;
}
.wrapper_blikvanger .blik_top {
    background: url("img/blik_top.png") no-repeat left top transparent;
    height: 8px;
}
.wrapper_blikvanger .blik_bottom {
    background: url("img/blik_bottom.png");
    height: 8px;
}
.wrapper_blikvanger .blikvanger {
    background: url("img/bg_blikvanger.png") repeat-y left top transparent;
    padding: 10px;
}
img.blik_image {
    float: left;
    border: 0 none;
}
.wrapper_blikvanger .blik_tekst {
    width: 62%;
    float: left;
    margin-left: 10px;
}
.wrapper_blikvanger h2 {
    font-weight: bold;
    font-size: 15px;
    color: #4a7400;
    margin: 2px 0px 2px 0px;
    padding: 0;    
}

/* --- NIEUWS ------------------------ */
.nieuws_regel_prevnxt {
    text-align: center;
}
.nieuws_regel {
    margin: 20px 0px 20px 0px;
}
.nieuws_content {
    float: left;
    width: 71%;
}
.nieuws_kop {
    text-decoration: none;
}
.nieuws_regel h1, .nieuws_bericht h1 {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #3b3b3b;
    margin: 3px 0px 3px 0px;
}
.nieuws_regel .nieuwslink {
    border: none;
    color: #3b3b3b;
    font-style: italic;
}
.nieuwsfoto {
    float: right;
}
.nieuwsfoto img {
    border: 2px solid #e1e1e1;
}
.nieuwsbericht_foto {
    border: 3px solid #e1e1e1;
    float: right;
    margin: 35px 0 20px 20px;
    text-decoration: none;
}

/* --- FOOTER ------------------------ */
#wrapper_footer {
	margin-left: auto;
    margin-right: auto;
	width: 968px;
	height: 50px;
	margin-bottom: 10px;
	background: url("img/bg_footer.png") no-repeat scroll top left transparent;	
}
#wrapper_footer #footer {
	padding: 16px;
}
#footer .left {
    float: left;
    text-align: left;
}
#footer .right {
    float: right;
    text-align: right;
}
#footer a {
    text-decoration: none;
    color: #3b3b3b;
}

/* --- TEKSTOPMAAK ------------------- */
#hoofdkolom p {
    line-height: 20px;
    margin: 3px 0px;
    padding: 0;
}
h1 {
    font-weight: bold;
    font-size: 18px;
    color: #4a7400;
    padding: 5px 0px 8px 0px;
    margin: 0;
}
h2 {
    font-weight: bold;
    font-size: 15px;
    color: #4a7400;
}
#hoofdkolom a {
    color: #4a7400;
}

/* --- FOTOHOK ----------------------- */
#page_images img {
    border: 3px solid #E1E1E1;
    margin: 0px 8px 10px 0px;
}

/* --- ALGEMEEN ---------------------- */
.clear, .clearboth {
	clear: both;
}
.error {
	font-weight: bold;
	color: red;
	margin: -10px 0px 10px 0px;
}

/* --- ZOOVER ------------------------ */
.wrapper_zoover {
	width: 240px; 
	font-size: 10px;
	margin-left: 8px;
	background-color: #FFFFFF; 
	border: solid 2px #78B9FC; 
	font-family: Arial,sans-serif; 
}
.wrapper_zoover a {
	width: 100%;
	height: 26px; 
	display: block; 
}
.wrapper_zoover img {
	margin: 1px; 
	border: none; 
	padding: 0px;
}