/* dorpshuiswapse.css */
/* styled by Joop Vos - www.redfoxwebdesign.nl - 2009 */
/* editor - CSSEdit - http://www.macrabbit.com/cssedit */

/* @group reset css */

/* v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* http://24ways.org/2009/dont-lose-your-focus */
/* don't forget to style a:focus! */
a:hover, a:active { outline: none; }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* http://www.alistapart.com/articles/howtosizetextincss/ */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100.1%;
	line-height: 1.125em;
	background: #cd3520 url(design/bg_top_vogels_rood.jpg) repeat-x;
}

#accessibility {
	position: absolute;
	top: -10000px;
}

/* @group grid */

#container {
	margin: 0 auto;
	padding: 0;
	width: 1009px;
	background-color: transparent;
	border-top: 0px solid #fff;
}

#top {
	text-align: left;
	width: 1009px;
	height: 80px;
	background: transparent url(#) no-repeat right top;
}

#topImages {
	clear: both;
	float: left;
	text-align: left;
	width: 1009px;
	height: 320px;
	overflow: hidden; /* otherwise IE6 bug > extra whitespace at bottom div! */	
}

#site-name {
	float: left;	
	text-align: right;
	padding-top: 20px;
	font-size: 1.875em; /* 30px */	
	line-height: 120%; /* larger than 100% otherwise IE6/7 bug > part of words ('staarten') disappears! */	
	width: 190px;
	padding-right: 30px;
	display: inline;
}

#site-slogan {
	float: left;
	font-size: 1.875em; /* 30px */
	color: #fff;
	padding-top: 20px;
	line-height: 120%; /* larger than 100% otherwise IE6/7 bug > part of words ('staarten') disappears! */	
	display: inline;
}

#wrapper {
	clear: both;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	padding-top: 10px;
	padding-bottom: 40px;
	background-color: #fdfdfd;
}

#sidebarLeft {
	margin-top: 20px;
	width: 220px;
	background-color: transparent;
	float: left;
	display: inline;
}

#sidebarRight {
	margin-top: 30px;
	width: 280px;
	background-color: transparent;
	float: right;
	display: inline;
}

#main {
	margin: 0 280px 0 220px;
	padding-top: 22px;
	background-color: transparent;
}

#footer {
	height: 300px;
	padding: 20px 0 40px 0;
	text-align: left;
	border-left: 1px solid #243f2a;
	border-right: 1px solid #243f2a;
	background: #243f2a url(design/bg_footer_masstrees.gif) no-repeat left bottom;
}

#footerLeft {
	float: left;
	width: 220px;
	display: inline;
}

#footerRight {
	float: left;
	width: 787px; /* 1009(container)-2(border#footer)-220(#footerLeft) */
	display: inline;
} 

/* @end */

/* @group menu */

#nav ul {
	background-color: transparent;
	margin-top: 3px;
	margin-bottom: 26px;
	padding: 0 30px 0 0;
	text-align: right;
}

#nav ul li {
	font-size: 1.250em; /* 20px */
	padding: 0 0 4px;
	font-weight: bold;
	line-height: 1.250em; /* 20px */
}

#nav ul li a:link {
	text-decoration: none;
	color: #624136;
}

#nav ul li a:visited {
	text-decoration: none;
	color: #624136;
}

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

#nav ul li a:active {
	text-decoration: none;
	color: #624136;
}

#home #nav ul li.home a {text-decoration: none; color: #e70011;}
#activiteiten #nav ul li.activiteiten a {text-decoration: none; color: #e70011;}
#zalen #nav ul li.zalen a {text-decoration: none; color: #e70011;}
#nieuws #nav ul li.nieuws a {text-decoration: none; color: #e70011;}
#media #nav ul li.media a {text-decoration: none; color: #e70011;}
#agenda #nav ul li.agenda a {text-decoration: none; color: #e70011;}
#geschiedenis #nav ul li.geschiedenis a {text-decoration: none; color: #e70011;}
#contact #nav ul li.contact a {text-decoration: none; color: #e70011;}


/* @end */

/* @group style */

#topImages p {
	margin: 0;
	padding: 0;
}

#main .article
{
	margin: 0 30px 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9e800;
}

#home #main .article
{
	margin-bottom: 20px;
	margin-right: 30px;
}

#main h3 {
	margin-bottom: 4px;
	padding: 0;	
	font-size: 1.375em; /* 22px */
	line-height: 120%;
	font-weight: normal;
	color: #544631;
}

#main h3.agenda {
	font-size: 1.125em; /* 18px */
	margin-bottom: 10px;
}

#main p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.000em; /* 16px */	
	line-height: 1.6em;
	color: #544631;
}

#main p.facebook {
	padding-top: 10px;
}

#main p img {
	margin-top: 10px;
}

#main p.posted {
	font-size: 0.875em; /* 14px */
	line-height: 100%;
	color: #544631;
	font-style: italic;
}

#main p.voetnoot {
	font-size: 0.750em; /* 12px */
	font-family: Verdana, sans-serif;
	font-style: italic;
}

/* voor 'Lees verder...' */
#main p.more {
	font-size: 0.750em; /* 12px */
	font-family: Verdana, sans-serif;
	margin-top: 0px;
	padding-bottom: 10px;
	font-style: italic;
}

#main p.datum {
	padding-bottom: 0px;
	font-size: 0.875em; /* 14px */
}

#main p.datum span {
	font-style: italic;
}

#main p#to_top {
	margin: 0;
	padding: 0;
}

table {
	margin: 10px 0 20px 0;
	width: 470px;
	color: #5a5a5a;
	background-color: #fefff3;
}

tr {
	width: 100%;
}

th {
	padding-bottom: 10px;
	text-align: left;
}

td {
	padding: 0.2em;
	border: 1px solid #efefef;
	font-size: 0.875em; /* 14px */
}

#sidebarLeft h3 {
	margin: 0 30px 0 20px;
	padding: 0;
	font-size: 0.875em; /* 14px */
	line-height: 1.6em;
	color: #5a4c33;
	text-align: right;
	font-weight: bold;
	font-style: normal;
}

#sidebarLeft p {
	margin: 0 30px 0 40px;
	padding-bottom: 10px;
	font-size: 0.750em; /* 12px */
	line-height: 1.6em;
	color: #5f5f5f;
	text-align: right;
}

#sidebarRight form {
	margin:  0 0 20px 0;
	padding: 0 20px 20px 0;
	border-bottom: 1px solid #c9e800;
	display: inline;
	float: left;
}

#sidebarRight form input {
	float: left;
	display: inline;
}

#sidebarRight form input#searchbutton {
	float: left;
	display: inline;
	margin-left: 10px;
	vertical-align: -6px;
}

#sidebarRight ol.titles {
	margin: 0 20px 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #c9e800;
}

#sidebarRight ol.titles li {
	margin: 0;
	padding: 0 20px 4px 0;
	font-size: 0.875em; /* 14px */
	line-height: 120%;
}

#sidebarRight h4 {
	margin: 20px 20px 0 0;
	padding-bottom: 5px;
	font-size: 1.000em; /* 16px */
	line-height: 1.6em;
	color: #52442f;
	font-weight: normal;
	font-style: normal;
}

#sidebarRight .article {
	margin: 0 20px 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9e800;
}

#sidebarRight .article h3 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.000em; /* 16px */
	line-height: 1.6em;
	color: #575757;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

#sidebarRight .article p {
	margin: 0 0 0 0;
	padding-bottom: 10px;
	font-size: 0.875em; /* 14px */
	line-height: 1.6em;
	color: #525252;
	text-align: left;
}

#sidebarRight .advertentie {
	margin: 0 40px 20px 20px;
	padding: 6px 6px 10px;
	background: #e2eff0;
	border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	border: 2px solid #d7e6e9;
	text-align: center;
	color: #5e5e5e;
	clear: both;
}

#sidebarRight .advertentie h3 {
	font-size: 1.000em; /* 16px */
	line-height: 1.6em;
}

#sidebarRight .advertentie p {
	font-size: 0.875em; /* 14px */
	line-height: 1.6em;
}

#sidebarRight dl {
	margin: 0 0 0 0;
	padding-bottom: 10px;
	font-size: 0.875em; /* 14px */
	line-height: 1.6em;
	color: #525252;
}

#sidebarRight dt {
	font-size: 100%;
}

#sidebarRight dd {
	font-size: 90%;
	line-height: 140%;
	margin-bottom: 10px;
	padding: 0 20px 0 20px;
}

#footerRight p {
	margin: 0;
	padding: 40px 40px 10px 0;
	color: #a8a8a8;
	font-size: 1.750em; /* 28px */
	line-height: 120%;
	font-variant: small-caps;
	font-style: italic;
}

#footerRight p.sub {
	padding-top: 0;
	color: #737373;
	font-size: 1.125em; /* 18px */
	line-height: 120%;
} 

#main .search_results {
	margin: 10px 30px 10px 0;
	padding: 2px 6px 20px 6px;
	background: #fefff3;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border: 1px solid #e5e6db;
}

#main .search_results p.posted {
	color: #544631;
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.000em; /* 16px */	
	line-height: 1.6em;
	font-weight: normal;
	font-style: normal;
}

#main .search_results p {
	color: #6e5b40;
	padding: 0 20px 0 40px;
	font-size: 0.875em; /* 14px */
	line-height: 1.6em;
}

#main .search_results p strong {
	color: #e70011;
}

/* @end */

/* @group links */

a:link {
	text-decoration: underline;
	color: #616161;
}

a:visited {
	text-decoration: underline;
	color: #616161;
}

a:hover {
	text-decoration: none; 
	color: #616161;
}

a:active {
	text-decoration: underline;
	color: #616161;
}

h1#site-name a:link {
	color: #000;
	text-decoration: none;
}

h1#site-name a:visited {
	color: #000;
	text-decoration: none;
}

h1#site-name a:hover {
	color: #fff;
	text-decoration: none;
}

h1#site-name a:active{
	color: #000;
	text-decoration: none;
}

#main h3 a {
	padding: 1px;
}

#main h3 a:link {
	text-decoration: none;
	color: #658c1e;
}

#main h3 a:visited {
	text-decoration: none;
	color: #658c1e;
}

#main h3 a:hover {
	text-decoration: none; 
	color: #fff;
	background-color: #658c1e;
}

#main h3 a:active {
	text-decoration: none;
	color: #658c1e;
}

#main p a {
	padding: 1px;
	font-weight: normal;
}

#main p a:link {
	text-decoration: none;
	background-color: #fff;
	color: #658c1e;
	font-style: italic;
}

#main p a:visited {
	text-decoration: none;
	background-color: #fff;
	color: #658c1e;
	font-style: italic;
}

#main p a:hover {
	text-decoration: none; 
	background-color: #658c1e;
	color: #fff;
	font-style: italic;
}

#main p a:active {
	text-decoration: none;
	background-color: #fff;
	color: #658c1e;
	font-style: italic;
}

#main p a.group {
	background: #fff;
	padding: 0;
}

#main p a.group img {
	padding: 4px 0;
}

#main p a.group:link img {
	text-decoration: none;	
	border-top: 1px solid #658c1e;
	border-bottom: 1px solid #658c1e;
}

#main p a.group:visited img {
	text-decoration: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#main p a.group:hover img {
	text-decoration: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #658c1e;
}

#main p a.group:active img {
	text-decoration: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#main p#to_top {
	line-height: 100%;
}

#main p#to_top a {
	background: none;
}

#main p#to_top a img {
	text-decoration: none;
	border: none;	
}

#main p#to_top a:hover img {
	text-decoration: none;
	border: none;	
}

table a:link {
	color: #5a5a5a;
	text-decoration: underline;
}

table a:visited	{
	color: #5a5a5a;
	text-decoration: underline;
}

table a:hover	{
	color: #5a5a5a;
	text-decoration: none;
}

table a:active {
	color: #5a5a5a;
	text-decoration: underline;
}

#sidebarRight li a {
	display: block;
	padding: 2px;
}

#sidebarRight li a:link {
	text-decoration: none;
	color: #658c1e;
}

#sidebarRight li a:visited {
	text-decoration: none;
	color: #658c1e;
}

#sidebarRight li a:hover {
	text-decoration: none; 
	color: #fff;
	background-color: #658c1e;
}

#sidebarRight li a:active {
	text-decoration: none;
	color: #658c1e;
}

#sidebarRight li.active a, #sidebarRight li.active a:hover {
	color: #e70011;
	text-decoration: none; 
	background-color: #fdfdfd ;
}

#sidebarRight dt a:link {
	text-decoration: none;
	color: #658c1e;
}

#sidebarRight dt a:visited {
	text-decoration: none;
	color: #658c1e;
}

#sidebarRight dt a:hover {
	text-decoration: none; 
	color: #fff;
	background-color: #658c1e;
}

#sidebarRight dt a:active {
	text-decoration: none;
	color: #658c1e;
}

#footer a:link {
	text-decoration: underline;
	color: #8aa000;
}

#footer a:visited {
	text-decoration: underline;
	color: #8aa000;
}

#footer a:hover {
	text-decoration: none; 
	color: #8aa000;
}

#footer a:active {
	text-decoration: underline;
	color: #8aa000;
} 

#main .search_results p a:link {
	text-decoration: none; 
	color: #658c1e;
	background-color: #fefff3;
}

#main .search_results p a:visited {
	text-decoration: none; 
	color: #658c1e;
	background-color: #fefff3;
}

#main .search_results p a:hover {
	text-decoration: none; 
	color: #fff;
	background-color: #658c1e;
}

#main .search_results p a:active {
	text-decoration: none; 
	color: #658c1e;
	background-color: #fefff3;
}

/* @end */

/* @group clearfix */

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

/* WinIE7 only */
*:first-child+html .clearfix {
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .clearfix {
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.clearfix
{
	display:inline-table;
}
/**/

/* @end */