/**
 * Stylesheet for <##weliswaar##>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Stijn De Lathouwer <stijn@netlash.com>
 */

/**
 * = Reset
 * ----------------------------------------------------------
 */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lowe  r halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/**
 * = Basic
 * ----------------------------------------------------------
 */

body {
	font: small Helvetica, Arial, sans-serif;
	text-align: center;
	background-color: #fff;
}

.hidden {
	display: none;
}

#container {
	font-size: 100%;
	width: 968px;
	margin: auto;
	text-align: left;
	overflow: hidden;
	background: #fff url('../images/deco_bg_container.jpg') no-repeat;
}

/**
 * = Header
 * ----------------------------------------------------------
 */

#header {
	float: left;
	width: 968px;
	background: url('../images/deco_bg_header.gif') no-repeat 0 bottom;
	height: 153px;
}

#header h1 {
	width: 297px;
	height: 42px;
	float: left;
	margin-left: 250px;
	margin-top: 54px;
	display: inline;
	background: url('../images/title_h1.gif') no-repeat;
	overflow: hidden;
}

#header h1 a {
	width: 297px;
	height: 42px;
	display: block;
	text-indent: -9999px;
}

#header #searchbox {
	float: left;
	margin-left: 204px;
	margin-top: 76px;
	display: inline;
}

#header #searchbox label {
	position: absolute;
	left: -9999px;
}

#header #searchbox input {
	border: 1px solid #6e6e6e;
	float: left;
	width: 128px;
	height: 20px;
}

#header #searchbox button#searchSubmit {
	margin-left: 4px;
	float: left;
	padding: 0 6px 2px 6px;
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-size: 110%;
	line-height: 18px;
	height: 22px;
	text-align: center;
	font-variant: small-caps;
}

#header #searchbox button#searchSubmit:hover {
	background-color: #c9c7c7;
}

/**
 * = oproepAndAnysurfer
 * ----------------------------------------------------------
 */

#oproepAndAnysurfer {
	clear: left;
	float: left;
	width: 201px;
	padding-top: 450px;
	padding-bottom: 20px;
	display: inline;
}

#oproepAndAnysurfer #oproep {
	float: left;
	background-color: #f1f7eb;
	width: 175px;
	padding: 11px 13px;
	color: #4c4d4c;
}

#oproepAndAnysurfer #oproep h2 {
	float: left;
	color: #367600;
	font-size: 150%;
	font-weight: normal;
	width: 175px;
	font-family: trebuchet, 'trebuchet ms' helvetica, arial, sans-serif;
	margin-bottom: 22px;
}

#oproepAndAnysurfer #oproep p {
	clear: left;
	float: left;
	width: 175px;
	line-height: 140%;
}

#oproepAndAnysurfer #oproep p a:link,
#oproepAndAnysurfer #oproep p a:visited {
	color: #367600;
	text-decoration: underline;
}

#oproepAndAnysurfer #oproep p a:hover,
#oproepAndAnysurfer #oproep p a:active {
	color: #c57200;
	text-decoration: underline;
}

#oproepAndAnysurfer #anySurferLabel {
	clear: left;
	float: left;
	width: 80px;
	height: 64px;
	background: url('../images/img_anySurferLabel.gif') no-repeat;
	text-indent: -9999px;
	margin: 20px 0 30px 13px;
}

/**
 * = main
 * ----------------------------------------------------------
 */

#main {
	float: left;
	width: 470px;
	margin: 48px 0 0 48px;
	display: inline;
}

#main a {
	color: #367600;
	text-decoration: underline;
}

#main a:hover {
	color: #C57200;
}

#main a.commentTitle {
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 14px;
	display: block;
}

#main a.commentTitle:hover {
	color: #367600;
}

#main h2 {
	clear: left;
	float: left;
	width: 470px;
	font-size: 170%;
	font-family: trebuchet, 'trebuchet ms' helvetica, arial, sans-serif;
	color: #367600;
	margin-bottom: 22px;
	font-weight: normal;
}


#main h2 em {
	font-style: normal;
	/* color: #a2a4a6; */
	color: #666;
}

#main h2 a {
	text-decoration: none;
}

#main p {
	clear: left;
	float: left;
	color: #3c3c3c;
	width: 470px;
	line-height: 130%;
	margin-bottom: 17px;
}

#main table {
	clear: left;
	float: left;
}

#main p.specialCallout {
	background-color:#F1F7EB;
	padding: 7px;
	width: 456px;
	margin-right: -3px;
}

#main p.specialCallout a {
	color: #367600;
}

#main p.specialCallout a:hover {
	color: #C57200;
}

#main #newsList {
	margin: 0;
	padding: 0;
}

#main #newsList dt, #main #newsList dd {
	margin: 0;
	padding: 0;
	clear: left;
	float: left;
	width: 470px;
}

#main #newsList dd {
	margin-bottom: 28px;
	line-height: 130%;
}


#main #newsList dt {
	/* color: #9D8F9F; */
	color: #666;
	font-size: 150%;
	line-height: 150%;
	margin-bottom: 15px;
}

#main #newsList dt a {
	/* color: #988B8D; */
	color: #666;
	text-decoration: none;
	border-bottom:1px solid #988B8D;
}

#main #newsList dt a:hover {
	color: #d08000;
}

#main #newsList dt em, #main #newsList dt a em {
	font-style: normal;
	color: #D08000;
}

#main #newsList p {
	margin-bottom: 0;
}

#main .newsarticle p.newsMeta, #main #newsList p.newsMeta, p.meta {
	margin-bottom: 5px;
	font-style: italic;
	font-size: 90%;
}

#main #newsList .leesMeerLink {
	clear: left;
	float: left;
	width: 470px;
	color: #367600;
}

#main #newsList .leesMeerLink:hover {
	color: #C57200;
}

#main #meerNieuwsLink {
	clear: left;
	float: left;
	width: 470px;
	color: #367600;
	text-decoration: underline;
	margin-bottom: 29px;
}

#main #meerNieuwsLink:hover {
	color: #C57200;
}

#main #magazineOverviewAd {
	clear: left;
	float: left;
	width: 456px;
	border-bottom : 40px solid #fff;
	padding: 7px;
	background-color: #f1f7eb;
	overflow: hidden;
}

#main #magazineOverviewAd_img {
	float: left;
}

#home #main #magazineOverviewAd_info {
	_display: inline;
	overflow: hidden;
}

#main #magazineOverviewAd_info, #main #magazineOverviewAd_info ul, #main #magazineOverviewAd_info li, #main #magazineOverviewAd_info p, #main #magazineOverviewAd_info h2, #main #magazineOverviewAd_info h3 {
	float: left;
	width: 313px;
}

#main #magazineOverviewAd_info h2 {
	font-size: 140%;
	margin-bottom: 17px;
	color: #367600;
}

#main #magazineOverviewAd_info h3 {
	font-weight: normal;
	font-size: 120%;
	color: #333;
	margin-bottom: 11px;
}

#main #magazineOverviewAd_info {
	margin-left: 41px;
}

#main #magazineOverviewAd_info ul {
	margin-bottom: 11px;
}

#main #magazineOverviewAd_info li {
	margin-bottom: 6px;
	min-height: 18px;
	background: url('../images/pdf_icon.gif') no-repeat 0 2px;
	padding-left: 22px;
}

#main #magazineOverviewAd_info a {
	color: #333;
}

#main #magazineOverviewAd_info a:hover {
	color: #629f2d;
}

#main #magazineOverviewAd_info p a {
	color: #367600;
}

#main #magazineOverviewAd_info p a:hover {
	color: #C57200;
}

/* reactielist */

#main h2#reactiesTitle {
	color: #D08000;
	margin-top: 16px;
	margin-bottom: 20px;
}

#main dl#reactiesList, #main dl#reactiesList dt, #main dl#reactiesList dd {
	width: 470px;
	clear: left;
	float: left;
	margin: 0;
}

#main dl#reactiesList dt {
	color: #D08000;
}

#main dl#reactiesList dd .reactieMeta {
	margin-bottom: 10px;
	font-style: italic;
	font-size: 90%;
}

/* reactiesForm */

#main h2#reactiesFormTitle {
	color: #D08000;
	margin-top: 16px;
	margin-bottom: 27px;
}

#reactiesForm {
	width: 470px;
	clear: left;
	float: left;
	padding-bottom: 25px;
}

#reactiesForm label, #reactiesForm input, #reactiesForm textarea {
	float: left;
	margin-bottom: 5px;
}

#reactiesForm label {
	clear: left;
	width: 120px;
	color: #333;
}

#reactiesForm input, #reactiesForm textarea {
	width: 180px;
	border: 1px solid #6e6e6e;
}

#reactiesForm textarea {
	height: 159px;
	width: 340px;
	float: left;
}

#main p.messageInput {
	clear: none;
	float: left;
	width: 340px;
}

#main p.messageInput .form-error {
	display: block;
	color: #f00;
	background-color: #FFD5C3;
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#reactiesForm #reactiesFormSubmit {
	margin-left: 120px;
	margin-top: 7px;
	clear:left;
	float:left;
	padding: 0;
	display: inline;
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-size: 110%;
	width: 110px;
	line-height: 60%;
	height: 22px;
	text-align: center;
}

#reactiesForm #reactiesFormSubmit:hover {
	background-color: #c9c7c7;
}

#reactiesForm #reactiesFormSubmit span {
	float: left;
	font-variant: small-caps;
	margin-top: -3px;
	width: 110px;
	margin-left: -5px;
}

#reactiesForm .metaInput, #contactForm .metaInput, #newslettersubscribeform .metaInput {
	clear: none;
	float: left;
	width: 150px;
	margin-left: 5px;
}

.form-error {
	display: block;
	color: #f00;
	background-color: #FFD5C3;
	padding: 4px;
	margin-top: 5px;
}

/* contactForm */

#contactForm {
	width: 470px;
	clear: left;
	float: left;
	padding-bottom: 25px;
}

#contactForm label, #contactForm input, #contactForm textarea {
	float: left;
	margin-bottom: 5px;
}

#contactForm label {
	clear: left;
	width: 120px;
	color: #333;
}

#contactForm input, #contactForm textarea {
	width: 180px;
	border: 1px solid #6e6e6e;
}

#contactForm textarea {
	height: 106px;
}

#contactForm #contactFormSubmit {
	margin-left: 120px;
	margin-top: 7px;
	clear:left;
	float:left;
	padding: 0;
	display: inline;
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-size: 110%;
	width: 110px;
	line-height: 60%;
	height: 22px;
	text-align: center;
}

#contactForm #contactFormSubmit:hover {
	background-color: #c9c7c7;
}

#contactForm #contactFormSubmit span {
	float: left;
	font-variant: small-caps;
	margin-top: -3px;
	width: 110px;
	margin-left: -5px;
}

/* archiefList */

#main ul#archiefList, #main ul#archiefList li {
	width: 470px;
	clear: left;
	float: left;
	margin: 0;
}

#main ul#archiefList {
	padding-bottom: 20px;
}

#main ul#archiefList li {
	margin-bottom: 12px;
}

/* image classes */

img.left {
	float: left;
	padding: 0 10px 10px 0;
}
img.right {
	float: right;
	padding: 0 0 10px 10px;
}

/* newsletterform */

#newslettersubscribeform {
	width: 470px;
	clear: left;
	float: left;
	padding-bottom: 25px;
}

#newslettersubscribeform label, #newslettersubscribeform input, #newslettersubscribeform textarea {
	float: left;
	margin-bottom: 5px;
}

#newslettersubscribeform label {
	clear: left;
	width: 120px;
	color: #333;
}

#newslettersubscribeform ul label {
	clear: none;
	float: left;
}

#newslettersubscribeform ul {
	clear: left;
	float: left;
	margin-left: 120px;
	margin-bottom: ;
	display: inline;
}

#newslettersubscribeform li {
	margin: 3px 0;
	clear: left;
	float: left;
	display: inline;
	width: 300px;
}

#newslettersubscribeform input, #newslettersubscribeform textarea {
	width: 180px;
	border: 1px solid #6e6e6e;
}

#newslettersubscribeform input.input-radiobutton {
	width: auto;
	margin-right: 5px;
	border: 0;
	float: left;
}

#newslettersubscribeform textarea {
	height: 106px;
}

#newslettersubscribeform input.input-submit {
	margin-left: 120px;
	margin-top: 7px;
	clear:left;
	float:left;
	padding: 0;
	display: inline;
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-size: 110%;
	width: 110px;
	line-height: 60%;
	height: 22px;
	text-align: center;
}

#newslettersubscribeform #contactFormSubmit:hover {
	background-color: #c9c7c7;
}

#newslettersubscribeform #contactFormSubmit span {
	float: left;
	font-variant: small-caps;
	margin-top: -3px;
	width: 110px;
	margin-left: -5px;
}

/* archiefList */

#main ul#archiefList, #main ul#archiefList li {
	width: 470px;
	clear: left;
	float: left;
	margin: 0;
}

#main ul#archiefList {
	padding-bottom: 20px;
}

#main ul#archiefList li {
	margin-bottom: 12px;
}



/**
 * = menuAndExtras
 * ----------------------------------------------------------
 */

#menuAndExtras {
	float: left;
	width: 201px;
	margin: 48px 0 0 48px;
	display: inline;
}

/* menu */

#menu {
	background-color: #f9f9f9;
	float: left;
	width: 201px;
	margin-bottom: 92px;
}

#menu li {
	clear: left;
	float: left;
	width: 201px;
}

#menu a {
	float: left;
	width: 165px;
	padding: 5px 18px 7px 18px;
	font-size: 120%;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

#menu li.selected a, #menu a:hover {
	color: #367600;
	border-bottom: 1px solid #629f2d;
}


/* submenu */

#menu li.selected li a {
	float: left;
	width: 150px;
	padding: 5px 18px 7px 33px;
	font-size: 95%;
	color: #666;
	font-weight: normal;
	border-bottom: none;
}

#menu li.selected li.selected a {
	color: #000;
}

#menu li.selected li a:hover {
	color: #000;
	border-bottom: none;
}

/* evenementenHome */

#evenementenHome {
	background-color: #f9f9f9;
	float: left;
	width: 201px;
	margin-bottom: 42px;
	padding-bottom: 9px;
}

#evenementenHome h2 {
	float: left;
	width: 165px;
	padding: 5px 18px 0 18px;
	font-size: 100%;
	color: #367600;
	font-weight: bold;
	line-height: 140%;
}

#evenementenHome dl {
	float: left;
	width: 165px;
	padding: 0 18px 7px 18px;
}

#evenementenHome dt {
	margin: 0;
	padding: 0;
	width: 34px;
	clear: left;
	float: left;
	margin: 13px 6px 0 0;
	display: inline;
	background: #f3b145 url('../images/deco_bg_evenementenHomeDateHolder_middle.jpg');
	color: #fff;
	overflow: hidden;
}

#evenementenHome dt span {
	clear: left;
	width: 34px;
	float: left;
	overflow: hidden;
}

#evenementenHome dt span.month {
	padding-top: 6px;
	font-size: 100%;
	width: 34px;
	text-align: center;
	background:  url('../images/deco_bg_evenementenHomeDateHolder_top.jpg') no-repeat;
}

#evenementenHome dt span.day {
	padding-bottom: 6px;
	background: url('../images/deco_bg_evenementenHomeDateHolder_bottom.jpg') no-repeat 0 bottom;
	font-size: 170%;
	width: 34px;
	text-align: center;
}

#evenementenHome dd {
	margin: 13px 0 0 0;
	padding: 0;
	width: 125px;
	float: left;
}

#evenementenHome p {
	width: 125px;
	clear: left;
	float: left;
	color: #666;
	font-size: 90%;
	line-height: 120%;
}

#evenementenHome dd a {
	clear: left;
	float: left;
	width: 125px;
	margin-top: 5px;
	font-size: 90%;
	color: #367600;
	font-weight: bold;
	text-decoration: underline;
}

#evenementenHome dd a:hover {
	color:#C57200;
}

#alleEvenementenLink {
	clear: left;
	float: left;
	margin-left: 18px;
	padding: 3px 14px ;
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-variant: small-caps;
	font-size: 110%;
	min-width: 125px;
}

#alleEvenementenLink:hover {
	background-color: #c9c7c7;
}

/* evenementenBig */

#evenementenBig {
	width: 470px;
	margin-bottom: 42px;
	padding-bottom: 9px;
}

#evenementenBig dl {
	margin: 0 0 20px 0;
}

#evenementenBig dt {
	margin: 0;
	padding: 0;
	width: 34px;
	clear: left;
	float: left;
	margin: 13px 6px 0 0;
	display: inline;
	background: #f3b145 url('../images/deco_bg_evenementenHomeDateHolder_middle.jpg');
	color: #fff;
	overflow: hidden;
	height: 40px;
}

#evenementenBig dt span {
	clear: left;
	width: 34px;
	float: left;
	overflow: hidden;
}

#evenementenBig dt span.month {
	padding-top: 6px;
	font-size: 100%;
	width: 34px;
	text-align: center;
	background:  url('../images/deco_bg_evenementenHomeDateHolder_top.jpg') no-repeat;
}

#evenementenBig dt span.day {
	padding-bottom: 6px;
	background: url('../images/deco_bg_evenementenHomeDateHolder_bottom.jpg') no-repeat 0 bottom;
	font-size: 100%;
	width: 34px;
	text-align: center;
}

#evenementenBig dd {
	margin: 13px 0 0 0;
	padding: 0;
	width: 430px;
	height: 40px;
	float: left;
}

#evenementenBig dd p {
	width: 430px;
	clear: left;
	float: left;
	color: #666;
	font-size: 90%;
	line-height: 120%;
	padding: 0;
}

#evenementenBig dd a {
	clear: left;
	float: left;
	width: 430px;
	margin-top: 5px;
	font-size: 90%;
	color: #367600;
	font-weight: bold;
	text-decoration: underline;
}

#evenementenBig dd a:hover {
	color:#C57200;
}

#evenementenBig p {
	padding-bottom: 18px;
}

#evenementenBig h4 {
	margin-top: 20px;
}

/* newsletterHome */

#newsletterHome {
	background-color: #f9f9f9;
	float: left;
	width: 201px;
	margin-bottom: 42px;
	padding-bottom: 9px;
}

#newsletterHome h2 {
	float: left;
	width: 165px;
	padding: 5px 18px 18px 18px;
	font-size: 100%;
	color: #629f2d;
	font-weight: bold;
	line-height: 140%;
}

#newsletterHome label {
	position: absolute;
	left: -9999px;
}

#newsletterHome input {
	float: left;
	width: 165px;
	margin-left: 18px;
	border: 1px solid #6e6e6e;
}

#newsletterHome #newsletterSubmit {
	margin-left: 18px;
	margin-top: 7px;
	clear:left;
	float:left;
	padding: 0;
	display: inline;
	background-color: #6e6e6e;
	border: 1px solid #6e6e6e;
	color: #fff;
	font-size: 110%;
	width: 110px;
	line-height: 18px;
	height: 22px;
	text-align: center;
	font-variant: small-caps;
}

#newsletterHome #newsletterSubmit:hover {
	background-color: #c9c7c7;
}

/**
 * = pagination
 * ----------------------------------------------------------
 */

.pagination-wrap, .pagination, .pagination ul {
	clear: left;
	float: left;
	width: 470px;
}

.pagination-wrap {
	border-top: 1px solid #999;
	margin-top: 50px;
	padding-top: 5px;
}

.pagination li {
	clear: none;
	float: left;
	margin-right: 15px;
	color: #3c3c3c;
}

h3.youSearchedFor {
	clear: left;
	float: left;
	width: 400px;
	margin-bottom: 14px;
}

#news h3, #articles h3 {
	clear: left;
	float: left;
	width: 470px;
	font-size: 120%;
	font-family: trebuchet, 'trebuchet ms' helvetica, arial, sans-serif;
	color: #8C8F91;
	margin-bottom: 15px;
	font-weight: normal;
}

#news ul, #articles ul {
	clear: left;
	float: left;
	margin-bottom: 20px;
}

#news li, #articles li {
	clear: left;
	float: left;
	width: 400px;
	margin-bottom: 10px;
}

.articlesize {
	color: #5C5B5B;
	font-size: 90%;
	font-style: italic;
	padding-left: 10px;
}

#news .pagination-wrap .pagination li {
	clear: none;
	float: left;
	width: auto;
}


/**
 * = footer
 * ----------------------------------------------------------
 */

#footer {
	clear: left;
}

#footer ul {
	clear: left;
	float: left;
}

#footer {
	border-top: 1px solid #999;
	margin: 30px 0 0 0;
	padding-bottom: 20px;
	padding-top: 5px;
	font-size: 90%;
}

#footer li {
	float: left;
	margin-right: 15px;
	color: #3c3c3c;
}

#footer li a {
	color: #367600;
	text-decoration: underline;
}

#footer li a:hover {
	color: #C57200;
}

#footerLogo {
	float: right;
}

#footerLogo img {
	float: left;
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}