﻿/* Algemeen */
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}
html {
	background: url(images/html_bg.gif) repeat-x top left;
}
body {
	font: 11px/18px Tahoma;
	color: #656565;
}
body.editor {
	background-image: none;
	background-color: #fff;
}
input, textarea {
	font: 11px/18px Tahoma;
	color: #656565;
}
a {
	font: 11px/18px Tahoma;
	color: #3f812d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
p, h1, h2, h3 {
	margin: 0;
}
p {
	margin-bottom: 18px;
}
p.h2 {
	font: 13px/17px "Lucida Sans Unicode", sans-serif;
	color: #3f812d;
	margin-bottom: 5px;
}
h1 {
	font: 16px/21px "Lucida Sans Unicode", sans-serif;
	color: #3f812d;
	margin-bottom: 15px;
}
h2 {
	font: 13px/17px "Lucida Sans Unicode", sans-serif;
	color: #3f812d;
	margin-bottom: 5px;
}
h2 a {
	font: 13px/17px "Lucida Sans Unicode", sans-serif;
	color: #3f812d;
	text-decoration: none;
}
h2 a:hover {
	color: #2f6720;
	text-decoration: none;
}
h2.h1 {
	font: 16px/21px "Lucida Sans Unicode", sans-serif;
	color: #3f812d;
	margin-bottom: 15px;
}
form  {
	padding: 0;
	margin: 0;
}

/* Body */
div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 950px;
	background: #fff;
}
div#top {
	width: 950xp;
	height: 141px;
	margin-bottom: 2px;
}
div#menu_left, 
div#menu_right {
	width: 348px;
	height: 141px;
	float: left;
}
div#menu_left_top,
div#menu_right_top {
	height: 81px;
	width: 348px;
	float: left;
}
div#logo {
	width: 168px;
	height: 131px;
	float: left;
	background: #fff url(images/logo_bg.gif) repeat-x bottom left;
	padding: 10px 0 0 86px;
}
div#header {
	height: 198px;
	margin: 0 auto 2px auto;
	background: #f2f2f2;
}
div#bannerContainer {
	width: 950px;
	height: 198px;
	margin: 0;
	position: relative;
	z-index: 2;
}
div.imageFrame {
    display: none;
	width: 950px;	
	height: 198px;
    position: absolute;
    top: 0;
    left: 0;
}
div#menu_balk {
	width: 950px;
	height: 32px;
	background: #565656 url(images/menu_balk.gif) repeat-x top left;
	overflow: hidden;
}
div#body {
	height: auto;
	margin: 0 auto;
	float: left;
	display: inline;
	overflow: hidden;
}
div#left {
	width: 200px;
	height: auto;
	float: left;
	padding: 20px 0;
}
div#middle {
	width: 500px;
	height: auto;
	float: left;
	padding: 20px 25px;
}
div#right {
	width: 200px;
	height: auto;
	float: left;
	padding: 20px 0;
}
div#footer {
	width: 950px;
	height: 35px;
	border-top: 1px solid #d7d7d7;
	font: 11px/30px Tahoma;
	color: #c1c1c1;
	text-align: right;
	float: left;
}
div.clear_float {
	clear: both;
}

/* Hoofdnavigatie */

div#menu_left div#menu_left_left,
div#menu_right div#menu_right_right {
	width: 11px;
	height: 60px;
	float: left;
}
div#menu_left div#menu_left_left {
	background: #53aa3b url(images/menu_left_left.gif) no-repeat top left;
}
div#menu_right div#menu_right_right{
	background: #53aa3b url(images/menu_right_right.gif) no-repeat top left;
}
div#menu_left div.menu_nav,
div#menu_right div.menu_nav {
	width: 287px;
	height: 60px;
	float: left;
	background: #53aa3b url(images/menu.gif) repeat-x top left;
}
div#menu_left div#menu_left_right,
div#menu_right div#menu_right_left {
	width: 50px;
	height: 60px;
	float: left;
}
div#menu_left div#menu_left_right {
	background: #53aa3b url(images/menu_left_right.gif) no-repeat top left;
}
div#menu_right div#menu_right_left {
	background: #53aa3b url(images/menu_right_left.gif) no-repeat top left;
}
div#menu_left div.menu_nav span.border,
div#menu_right div.menu_nav span.border {
	width: 2px;
	height: 60px;
	float: left;
	background: #41952a url(images/menu_border.gif) no-repeat top left;
	overflow: hidden;
	display: inline;
}
div#menu_left div.menu_nav ul,
div#menu_right div.menu_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 3;
}
div#menu_left div.menu_nav ul li,
div#menu_right div.menu_nav ul li {
	float: left;
	width: 93px;
	text-align: center;
	padding-right: 2px;
	background: url(images/menu_border.gif) no-repeat top right;
	position: relative;
	z-index: 3;
}
div#menu_left div.menu_nav ul li a,
div#menu_right div.menu_nav ul li a {
	font: 12px/60px "Lucida Sans Unicode", sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	width: 93px;
}
div#menu_left div.menu_nav ul li a:hover,
div#menu_left div.menu_nav ul li a.active,
div#menu_right div.menu_nav ul li a:hover,
div#menu_right div.menu_nav ul li a.active {
	background: #489e30 url(images/menu_hover.gif) repeat-x top left;
}
div#menu_left div.menu_nav ul ul,
div#menu_right div.menu_nav ul ul {
	position: absolute;
	top: 60px;
	left: 0;
	height: auto;
	width: 202px;
	border-top: 1px solid #ddd;
}
ul#hoofdnav ul.subelements, ul#hoofdnav ul.subelements2 {
	display: none;
}
div#menu_left div.menu_nav ul ul li,
div#menu_right div.menu_nav ul ul li {
	float: left;
	width: 200px;
	background: #fff;
	position: relative;
	padding: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div#menu_left div.menu_nav ul ul li a,
div#menu_right div.menu_nav ul ul li a {
	font: 11px/20px Tahoma;
	color: #888;
	text-decoration: none;
	display: block;
	float: left;
	width: 175px;
	text-align: left;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: 10px 13px url(images/left_menu_sub.gif) no-repeat;
}
div#menu_left div.menu_nav ul ul li a:hover,
div#menu_right div.menu_nav ul ul li a:hover,
div#menu_left div.menu_nav ul ul li a.sub_active,
div#menu_right div.menu_nav ul ul li a.sub_active {
	background: #efefef 10px 13px url(images/left_menu_sub.gif) no-repeat;
	color: #222;
}
div#menu_left div.menu_nav ul ul ul,
div#menu_right div.menu_nav ul ul ul {
	position: absolute;
	top: -1px;
	left: 200px;
	height: auto;
	width: 200px;
	background: red;
}
div#menu_left div.menu_nav ul ul ul li,
div#menu_right div.menu_nav ul ul ul li {
	float: left;
	width: 200px;
	background: #fff;
	position: relative;
}
div#menu_left div.menu_nav ul ul ul li a,
div#menu_right div.menu_nav ul ul ul li a {
	font: 11px/20px Tahoma;
	color: #888;
	text-decoration: none;
	display: block;
	float: left;
	width: 175px;
	text-align: left;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: 10px 13px url(images/left_menu_sub.gif) no-repeat;
}

/* Navigatie balk */

div#menu_balk ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#menu_balk ul li {
	float: left;
	padding-right: 2px;
	background: #565656 url(images/menu_balk_border.gif) no-repeat top right;
}
div#menu_balk ul li a {
	font: 11px/32px "Lucida Sans Unicode", sans-serif;
	color: #f3ecb0;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 25px;
}
div#menu_balk ul li a:hover,
div#menu_balk ul li a.active {
	background: #666 url(images/menu_balk_hover.gif) repeat-x top left;
}

/* Menu linkerkant */

div.left_menu {
	width: 200px;
	height: auto;
	float: left;
}
div.left_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.left_menu ul li {
	float: left;
	width: 200px;
	margin-bottom: 1px;
}
div.left_menu ul li a {
	font: 11px/29px Tahoma;
	color: #606060;
	text-decoration: none;
	float: left;
	width: 185px;
	display: block;
	background: #f2f2f2;
	padding-left: 15px;
}
div.left_menu ul li a:hover,
div.left_menu ul li a.active {
	color: #fff;
	background: #499534 url(images/left_menu_hover.gif) repeat-x top left;
	text-decoration: none;
}
div.left_menu ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.left_menu ul ul li {
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
}
div.left_menu ul ul li.last_element {
	padding-bottom: 8px;
}
div.left_menu ul ul li a {
	font: 11px/20px Tahoma;
	color: #606060;
	text-decoration: none;
	float: left;
	width: 170px;
	padding-left: 30px;
	display: block;
	background: 15px 8px url(images/left_menu_sub.gif) no-repeat;
}
div.left_menu ul ul li a:hover,
div.left_menu ul ul li a.sub_active {
	font: 11px/20px Tahoma;
	color: #000;
	background: 15px 8px url(images/left_menu_sub.gif) no-repeat;
}
div.left_menu ul ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.left_menu ul ul ul li {
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
}
div.left_menu ul ul ul li a {
	font: 11px/20px Tahoma;
	color: #606060;
	text-decoration: none;
	float: left;
	width: 160px;
	padding-left: 40px;
	display: block;
	background: 25px 8px url(images/left_menu_sub.gif) no-repeat;
}
div.left_menu ul ul ul li a:hover,
div.left_menu ul ul ul li a.subsub_active {
	font: 11px/20px Tahoma;
	color: #000;
	background: 25px 8px url(images/left_menu_sub.gif) no-repeat;
}

/* Trace */

div#trace {
	width: 100%;
	height: 20px;
	float: left;
	font: 11px/18px Tahoma;
	color: #bbbbbb;
	margin-bottom: 5px;
	overflow: hidden;
}
div#trace a {
	font: 11px/18px Tahoma;
	color: #bbbbbb;
	text-decoration: none;
}
div#trace a:hover {
	text-decoration: underline;
}

/* Nieuwsweergave */

div.news_high {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 15px;
}
div.news_high a img {
	border: 3px solid #a3a3a3;
	margin: 5px 0;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
	width: 194px;
}
div.news_high a img.page {
	width: 140px;
	float: left;
	margin-right: 10px;
}
div.news_high a:hover img {
	border: 3px solid #a3a3a3;
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.0; /* Safari 1.x */
	-moz-opacity: 1.0; /* FF lt 1.5, Netscape */
}
div.news_high p.news_p,
div.news_high p.news_page_p {
	margin-bottom: 3px;
}
div.news_high p.news_page_p {
	margin-top: 7px;
}
div.news_high a.read_more {
	font: 11px/18px Tahoma;
	color: #3f812d;
	text-decoration: none;
	background: 0px 5px url(images/read_more.gif) no-repeat;
	padding-left: 15px;
}
div.news_high a.read_more:hover {
	color: #2f6720;
}
ul#more_news {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
ul#more_news li {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: -1px;
}
ul#more_news li h3 a {
	font: 11px/20px Tahoma;
	color: #ababab;
	text-decoration: none;
	padding: 5px 0 5px 15px;
	background: 0px 14px url(images/more_news.gif) no-repeat;
	float: left;
	display: block;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
ul#more_news li h3 a:hover {
	color: #888;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}
img.message_img {
	border: 3px solid #a3a3a3;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}
a.back {
	float: left;
	clear: both;
}
p.date {
	font: 11px/18px Tahoma;
	color: #ababab;
	margin-bottom: 3px;
}

/* Taalselectie */

div#language {
	width: 333px;
	height: 26px;
	text-align: right;
	padding: 55px 15px 0 0;
}
div#language a img.lang_image,
div#language a img.active_lang_image {
	margin-left: 5px;
}
div#language a img.lang_image {
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}
div#language a:hover img.lang_image {
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.0; /* Safari 1.x */
	-moz-opacity: 1.0; /* FF lt 1.5, Netscape */
}

/* Footer */

div#footer a {
	font: 11px/30px Tahoma;
	color: #c1c1c1;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}

/* Zoeken */

div#search {
	width: 170px;
	height: auto;
	float: left;
	padding: 15px 15px;
}
div#search input#text {
	width: 135px;
	margin: 10px 5px 0 0;
	line-height: normal;
	padding: 5px;
	border: 1px solid #c9c9c9;
	color: #9c9c9c;
}

/* Zoekpagina */

div.search {
	width: 500px;
	height: auto;
	float: left;
	margin-bottom: 10px;
}
div.search input#text {
	width: 200px;
	margin: 0 5px 0 0;
	line-height: normal;
	padding: 5px;
	border: 1px solid #c9c9c9;
	color: #9c9c9c;
}
div.results {
	width: 500px;
	height: 30px;
	margin: 0;
	float: left;
	font-weight: bold;
}
div.nav {
	width: 500px;
	height: 32px;
	background: #f2f2f2;
	float: left;
	margin-bottom: 15px;
}
div.nav_left,
div.nav_right {
	width: 70px;
	height: 32px;
	float: left;
	padding: 0 15px;
}
div.nav_left {
	text-align: left;
}
div.nav_right {
	text-align: right;
}
div.nav_left a,
div.nav_right a {
	font: 11px/32px Tahoma;
}
div.nav_middle {
	width: 300px;
	height: 32px;
	float: left;
	text-align: center;
	font: 11px/32px Tahoma;
}
div.element_even {
	width: 500px;
	float: left;
	margin-bottom: 15px;
}
div.element_text {
	width: 470px;
	height: auto;
	padding: 15px;
	background: #f2f2f2;
}

/* Sitemap */

div.sitemap {
	width: 500px;
	height: auto;
	float: left;
}
div.sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sitemap ul li {
	width: 500px;
	float: left;
}
div.sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.sitemap ul li {
	width: 500px;
	float: left;
}
div.sitemap ul ul li {
	width: 500px;
	float: left;
}
div.sitemap ul ul li a {
	font: 11px/18px Tahoma;
	color: #888;
	text-decoration: none;
	padding-left: 25px;
	background: 10px 5px url(images/left_menu_sub.gif) no-repeat;
}
div.sitemap ul ul li a:hover {
	color: #222;
}
div.sitemap ul ul ul li a {
	font: 11px/18px Tahoma;
	color: #888;
	text-decoration: none;
	padding-left: 45px;
	background: 30px 5px url(images/left_menu_sub.gif) no-repeat;
}

/* Fotoalbum */

div.thumbnail {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 10px 0;
}
div.thumbnail a img {
	border: 2px solid #a3a3a3;
	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
}
div.thumbnail a:hover img {
	border: 2px solid #a3a3a3;
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.0; /* Safari 1.x */
	-moz-opacity: 1.0; /* FF lt 1.5, Netscape */
}
div.photo_nav {
	width: 470px;
	height: 32px;
	background: #f2f2f2;
	float: left;
	margin-top: 15px;
	padding: 0 15px;
	font: 11px/32px Tahoma;
	color: #666;
}
a.photo_nav_page,
span.photo_nav_c_page {
	margin: 0 5px;
}
a.photo_nav_page {
	font-weight: bold;
}
span.photo_nav_c_page {
	color: #999;
}

/* Smoelenboek */

div.members {
	width: 500px;
	height: auto;
	float: left;
	margin-bottom: 5px;
	display: block;
}
div.member {
	width: 235px;
	height: 90px;
	float: left;
	margin-right: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}
div.member_inner {
	width: 235px;
	height: 90px;
	float: left;
	overflow: hidden;
}
div.member_inner a img {
	float: left;
	margin-right: 10px;
	border: 2px solid #c8c8c8;
	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
}
div.member_inner a:hover img {
	float: left;
	margin-right: 10px;
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.0; /* Safari 1.x */
	-moz-opacity: 1.0; /* FF lt 1.5, Netscape */
}
div.member_inner h3 a {
	font: 11px/15px "Lucida Sans Unicode", sans-serif;
	color: #255182;
	text-decoration: none;
	margin-bottom: 5px;
}
div.member_inner h3 a:hover {
	color: #153253;
	text-decoration: none;
}
div.member_inner p {
	margin: 0;
}

/* Contactformulier */
div.mailer_ext {}
div.mailer_ext label {
	display: block;
	float: left;
	width: 130px;
}
div.mailer_ext input {
	margin-bottom: 5px;
	width: 200px;
	line-height: normal;
	padding: 5px;
	border: 1px solid #c9c9c9;
}
div.mailer_ext select {
	margin-bottom: 5px;
	width: 212px;
	line-height: normal;
	border: 1px solid #c9c9c9;
}
div.mailer_ext textarea {
	margin-bottom: 5px;
	width: 250px;
	line-height: normal;
	padding: 5px;
	border: 1px solid #c9c9c9;
}
div.mailer_ext input.versturen {
	text-transform: capitalize;
	cursor: pointer;
	width: 70px;
}
div.mailer_ext .error {
	border: 1px solid red;
}
div.message {
	float: left;
	margin-bottom: 15px;
	width: 450px;
	background: #fff;
}
div.message ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.message ul li {
	float: left;
	height: 30px;
	font: 11px/30px Tahoma;
	color: #ababab;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin-top: -1px;
	width: 435px;
	padding-left: 15px;
	background: 0px 13px url(images/more_news.gif) no-repeat;
}

/* Mailer ext  page */
/* Mailer_ext_page */
body#mailer_ext_page_body {
	background: none;
	background: #fff;
	padding: 25px;
	font: 12px/22px Arial, sans-serif;
	color: #646464;
}
body#mailer_ext_page_body a {
	color: #7e99b2;
	border-bottom: 1px dotted #7e99b2;
	text-decoration: none;
}
body#mailer_ext_page_body a:hover {
	color: #4e6b84;
	border-bottom: 1px dotted #4e6b84;
}
body#mailer_ext_page_body h1 {
	display: block;
	font: 20px "Lucida Sans Unicode", sans-serif;
	color: #4e6b84;
	margin: 0 0 22px 0;
	font-weight: normal;
	font-style: normal;
	padding: 0;
}
body#mailer_ext_page_body div#login {
	background: #fff;
	margin: 20px auto;
	padding: 22px 30px;
	border: 1px solid #ccc;
	background: #fff;
	width: 300px;
}

/* Main container */
table#mailer_ext_page {
	border: 1px solid #aaa;
	background: #fff;
	width: 100%;
}
table#mailer_ext_page td {
	padding: 15px 20px;
}

/* Navigatie */
table#mailer_ext_page div#structure a.active:link, table#mailer_ext_page div#structure a.active:visited {
	color: #4e6b84;
}

/* De tabel */
table#mailer_ext_page table#records {
	width: 100%;
	border: none;
}
table#mailer_ext_page table#records, table#mailer_ext_page table#records td {
	font-size: 11px;
}
table#mailer_ext_page table#records th {
	text-align: left;
	white-space: nowrap;
	background: #fff;
	font: 14px/22px "Lucida Sans Unicode", sans-serif;
	color: #fff;
	padding: 5px;
	background: url(modules/mailer_ext/images/mailerpage_heading.gif) repeat-x;
	border-left: 1px solid #fff;
}
table#mailer_ext_page table#records tr.odd {
	background: #fff;
}
table#mailer_ext_page table#records tr.even {
	background: #fafafa;
}
table#mailer_ext_page table#records td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
table#mailer_ext_page table#records td.attributes {
	white-space: nowrap;
}
table#mailer_ext_page p.back {
	margin: 22px 0 0 0;
}

/* CSV */
table#mailer_ext_page div#csv {
	float: right;
	margin-top: 15px;
}
table#mailer_ext_page img {
	vertical-align: top;
}

/* Inloggen */
div#login input {
	margin: 2px 0 6px 0;
	width: 175px;
}
div#login input.versturen, div#login input.checkbox {
	width: auto;
}
div#login input.versturen {
	margin-right: 7px;
}

/* Lightwindow sluiten */

div#lightwindowWindow div#lightwindowTitlebar a#lightwindowTitlebarClose {
	color: #fff;
	font-weight: bold;
}