@import "reset.css";
@import "twitter-widget.css";

body { background: url(img/bgbody.jpg) repeat-y center #f0f0f0; margin: 0pt auto; font: 1em Georgia; }
html, body { height: 100%; }

a, a:visited { color: #39b54a; }
a:hover { color: #99cc00; }

h1 { font: 1.5em Lucida Sans; margin: 10px 0; line-height: 34px; color: #ADD036; }
h3 { color: #FF9C00; font: 1.1em Lucida Sans; font-style:italic; }

strong { font-weight:bold; }
p { padding: 10px 0; }
em { font-style: italic; }
hr { height: 0; border: 0; border-top: 1px dotted #FFA000; clear: both; }
	.hrgrijs { height: 0; border: 0; border-top: 1px dotted #ccc; clear: both; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */ }
#container { margin: 0 auto; position: relative; width: 872px; }

a.verkiezingen10 { background: transparent url(img/gr10.gif) no-repeat top center; color: #fff; display: block; float: right; font-family: Lucida Sans, sans-serif; font-size: 12px; height: 55px; padding: 40px 0 0 20px; position: absolute; right: -27px; text-decoration: none; top: 41px; width: 367px; z-index: 30; }
a:hover.verkiezingen10 { background: transparent url(img/gr10.gif) no-repeat center -95px; color: #CEDA42; }
a.verkiezingen10 span { text-decoration: none; }

#topbar { background: #99cc00 url(img/bgtopbar.jpg) repeat-x; height: 75px; }
#topcontainer { margin: 0 auto; width: 872px; }
#toplogo { background: url(img/logo.jpg) no-repeat; border-top: 1px solid #99cc00; width: 248px; height: 73px; float: left; }
#topmenu { position: relative; font: 0.9em Lucida Sans Unicode; margin: 30px 0 0 0; width: 622px; float: left; z-index: 2; }
#topmenu ul { position: absolute; margin: 0px; padding: 0px; text-align: center; }
#topmenu li { float: left; line-height: 43px; margin: 3px 0 0 0; }
#topmenu li a { text-decoration: none; background: url(img/menu.gif) no-repeat; width: 106px; height: 45px; float: left; padding-left: 9px; margin-left: 7px; }
#topmenu li a:hover { color: #ADD036; background: url(img/menu.gif) no-repeat 0px -45px; }
#topmenu li.active a { color: #39b54a; background: url(img/menu.gif) no-repeat 0px -45px; }

/* Sidebar */
#sidebar { float: left;  color: #fff; width: 248px; padding: 0 0 100px 0; }
	#sidebar ul {  font: 0.7em Lucida Sans; letter-spacing: 1px; color: #acc954; margin: 0; overflow: hidden; width: 248px; }
		#sidebar ul li a { border-bottom: 1px dotted #ccc; display: block; color: #99CC01; padding: 5px 0 5px 15px; text-decoration: none; width: 100%; }
		#sidebar ul li a:hover { background: #fff; border-bottom: 1px solid #ccc; color: #3AB54A; padding: 5px 0 5px 15px;  }
			#sidebar ul li ul {  font: 1em Lucida Sans; letter-spacing: 1px; }
			#sidebar ul li ul li a { font: 1em Lucida Sans; letter-spacing: 1px; color: #b3b3b3; margin: 0 0 0 14px; padding: 5px 0 5px 14px; }
			#sidebar ul li ul li a:hover { color: #999; }
.headsidebar { position: relative; left: -10px; background: url(img/h1sidebarhoek.jpg) no-repeat; margin: 0 -10px 0 0; height: 44px; width: 10px; }
.headsidebar h1 { background: url(img/h1sidebar.jpg) repeat-x; font: 0.8em Georgia; color: #fff; padding: 15px 0 0 5px; margin: 0 0 0 10px; height: 36px; width: 243px; font-weight: bold; }
#sidebarbottom { background: url(img/sidebarbottom.jpg); width: 248px; height: 21px; }
#searchform { padding: 0 0 0 14px; }
.textwidget { border-bottom: 1px dotted #ccc; color: #99CC01; font: 0.7em Lucida Sans; line-height: 20px; padding: 5px 0 5px 15px; }

#sidebar ul li a, #searchform, .textwidget { background: #E7F3C3; }


/* Content */
#content { background: url(img/headers/3.jpg) no-repeat #fff; font-size: 0.85em; margin-bottom: -100px; width: 623px; padding: 160px 0 0 0px; position: relative; z-index: 1; border-left: 1px solid #fff; overflow: hidden; }
#content .welkom { font: italic 0.8em Verdana; width: 256px; line-height: 20px; padding: 3px 10px 0 10px; margin: -132px 5px 0; float: right; color: #333; }

/* Footer */
#footercontainer, .push { height:100px; }
#footercontainer { background: url(img/footer.jpg) center repeat-y #acdb2a; }
#footercontainer a { color: #fff; }
#footer {  width: 911px; margin: 0 auto; overflow: hidden;  }
#footer p { padding: 0 }
#footerbottom { font: 0.7em Verdana; color: #98c510; width: 542px; float:left; margin: 20px 0; bottom: 0px; }
#footersecretariaat { line-height: 16px; float:left; padding: 10px 0 0 20px; width: 205px; color: #fff; font-family: Verdana; font-size: 0.6em; overflow: hidden;}

.item { padding: 10px 10px 10px 38px; color: #606552; }
.item h1 a { line-height: 34px; font-style: italic; color: #39b54a; }
.item h1 { font: 2em Lucida Sans; line-height: 34px; font-style: italic; color: #39b54a; }

.item img { border: 1px solid #A6D225; clear: both; }
.item ul { list-style-type: circle; padding-left:20px; text-indent: 20px; }
.itemdatum { font: 0.8em Lucida Sans; color: #99CC00; line-height: 14px; }
.itemdatum a { color: #ff9900; cursor: pointer; text-decoration: underline; }
.itemdatum a:hover { color: #99CC00; }
.itemcontent { margin: 7px 18px 0 -25px; padding: 0px 0 10px 25px; line-height: 22px; border-bottom: 1px solid #eaf1aa; }
.itemcontent li { list-style: outside; margin: 0 0 0 16px; }
.itemreacties { font: 0.8em Lucida Sans; color: #99cc00; background: url(img/itemhoekbg.jpg) right no-repeat; margin: 0 18px 0 0; padding: 0 30px 0 0; text-align: right; }
	.itemreacties a, .itemreacties a:visited { color: #39b54a; }
	.itemreacties a:hover { color: #99cc00; }

.item.klein { padding: 0px 10px 0px 38px; color: #606552; }
.item.klein h2 { border-bottom: 1px dotted #DFDFDF; font: 0.95em Lucida Sans; color: #A3D117; margin: 0; padding: 6px 0; }
.item.klein h2 a { text-decoration: none; }

.wp-pagenavi { padding: 10px; }

.zoekitem { border-bottom: 1px dotted #FF9900; color: #99CC00; margin: 0 0 0 12px; padding: 10px 10px 16px 38px; }
.zoekitem a { }

/* Comments Styling */
#comments { font: 1em Trebuchet MS; }
	#comments h1 { font: 1.5em Lucida Sans; line-height: 34px; font-style: italic; color: #39b54a; }
	#comments h2 { font: 1.5em Lucida Sans; line-height: 34px; font-style: italic; color: #FF9E00; }
cite { color: #FF9A00; }

#commentform { width: 300px; }
	#commentform textarea { background: #eee; border: 1px solid #d6d3d3; width: 280px; }
	#commentform textarea:hover { background: #fafafa; border: 1px solid #d6d3d3; }
	#commentform textarea:focus { background: #fafafa; border: 1px solid #939793; }
	#commentform #email, #commentform #author, #commentform #url { font-size: 1.1em; background: #fafafa; border: 1px solid #d6d3d3; padding: 6px; width: 388px; }
	#commentform #email:hover, #commentform #author:hover, #commentform #url:hover { border: 1px solid #939793; font-size: 1.1em}
	#commentform  textarea { font-size: 1.1em; background: #fafafa; border: 1px solid #d6d3d3; padding: 6px; width: 388px; }
	#commentform  textarea:focus { border: 1px solid #939793; width: 520px; }
	#commentform input { margin-bottom: 3px; }
	.commentbox { width: 350px; color: #777; background: #fff; font-size: 0.9em; }

/* WP classes */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* Plugins */
.ddsg-wrapper ul { padding: 0; }
.ddsg-wrapper ul li { list-style: none; }
.ddsg-wrapper ul li ul li { list-style: circle inside; margin-left: 15px; }

img.photo { clear: none; border-right: #687F92 1px solid; border-top: #687F92 1px solid; display: inline; float: right; margin: 5px 25px 5px 0px; padding: 4px; border:1px solid #A6D225; }
#profiel { color: #bbb; line-height: 20px; }
blockquote { font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif; font-style:italic; width: 552px; background: url(img/close-quote.gif) no-repeat right bottom; padding-left: 23px; text-indent: -18px; }
blockquote:first-letter { background: url(img/open-quote.gif) no-repeat left top; padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
.monthtitle a { color: #606552;  }
.monthtitle a:hover { color: #99cc00; }
.monthtitle .kleiner a { font-size: 0.8em; text-decoration: none; }
/* Algemeen */

.moofx { cursor: pointer; }

.groener { color: #FF9900; } 

.floatlinks { float: left; }
.floatrechts { float: right; }
.clear { clear:both; }
.clearl { clear: left; }
.clearr { clear: right; }

.tarechts { text-align: right; }
.talinks { text-align: left; }

.verdana { font-family: Verdana, Arial, Helvetica, sans-serif; }
.lucida { font-family: Lucida Sans Unicode; }

.paddingbottom { padding-bottom: 20px; }

.grijs a { color: #606552; }