/* = = = RESETTING BROWSER DEFAULTS - based upon http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ = = = */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 24px;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}

/* = = = SITE DEFAULTS = = = */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

body {
	font-size: 0.8em;
	color: #000;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_siteBody.gif) transparent repeat-y 50% 0;
}

html {
	overflow-y: scroll;	/* Toont in Firefox altijd een scrollbar. Gecentreerde site verspringt niet steeds. CSS3 */
}

p { margin: 0;}

h1, h2, h3 {color: #339933;}
h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 4px 0;
	margin: 0;
	clear: both;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 14px 0 4px;
	margin: 0;
	clear: both;
}

h3 {
	font-weight: bold;
	padding: 14px 0 0;
	margin: 0;
	clear: both;
}

a {text-decoration: underline;	color: #339933;}
a:visited {color: #000;}
a:hover, a:focus, a:active {text-decoration: none;	color: #339933;}

a img, :link img, :visited img {
	border: 0;
}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

img.alignLeft {
	display: block;
	margin: 0 14px 0 0;
}

img.alignRight {
	display: block;
	margin: 0 0 0 14px;
}
* html img.alignRight {
	margin-right: 4px;
}

strong, b {
	font-weight: bold;
}

em {
	font-style: italic;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #339933;
	width: 100%;
	text-align: left;
}

.offScreen {
	position: absolute;
	left: -9999px;
}

/* = = = de site = = = */

	/* = = = header met eventuele menu's = = = */
	#siteHeader {
		height: 200px;
	}

	#header {
		width: 910px;
		height: 186px;
		margin: 0 auto;
		padding: 0;
		line-height: 10;
	}
	
			/* = = = serviceMenu = = = */
			#serviceMenu {
				float: left;
				clear: both;
				width: 100%;
				margin: 0;
			}
			
			#serviceMenu ul {
				float: right;
				margin-right: 222px;
				margin-top: 28px;
			}
				#serviceMenu li {
					display: inline;
				}
					#serviceMenu li a.home,
					#serviceMenu li a.contact,
					#serviceMenu li a.colofon {text-decoration: none;}
				
			/* = = = mainMenu = = = */
			#hoofdMenu {
				float: left;
				clear: both;
				width: 100%;
				height: 36px;
				margin-top: 75px;
				margin-left: 30px;
				padding: 0;
			}
			* html #hoofdMenu {
				margin-top: 8px;
				margin-left: 15px;
			}
			
				ul { 
				   margin: 0; 
				   padding: 0; 
				   list-style-type: none; 
				} 
				
				   ul#mainNav li { 
					  position: relative; 
					  float: left; 
					  margin: 0; 
				   }
					
					  #mainNav li a,
					  #mainNav li.active a { 
						 display: block; 
						 font-size: 1.6em;
						 color: #ffffff;
						 text-decoration: none;
						 padding: 8px 20px 10px 8px;
						 text-transform:lowercase
					  } 
					  
					  #mainNav li.active a,
					  #mainNav li.active a:hover,
					   #mainNav li.active li.active a,
					   #mainNav li.active li.active a:hover {
							color: #339933;
					   }
					   
					   #mainNav li a:hover {color: #339933;}
					
					  #mainNav li ul { 
						 position: absolute; 
						 display: none; 
						 clear: both; 
						 background-color: #407832;
						 margin-left: 8px;
						 padding-bottom: 16px;
						 width: 150px;
					  } 
					  * html #mainNav li ul { padding-bottom: 0;}
					   
					  #mainNav li:hover ul, #mainNav li.jsHover ul { 
						 display: block; 
					  } 
					   
						 #mainNav li li { 
							float: none; 
							background: none;
							padding: 0;
						 }
						 
						 #mainNav li li a,
						 #mainNav li.active li a {
							font-size: 0.9em;
							font-weight: bold;
							color: #ffffff;
							text-decoration: none;
							padding-left: 14px;
							line-height: 12px;						
						 }
						 * html #mainNav li li a,
						 * html #mainNav li.active li a { height: 14px; }
						 *:first-child+html #mainNav li li a,
						 *:first-child+html #mainNav li.active li a { padding-top: 1px; padding-bottom: 1px;}

						 
						 #mainNav li li a:hover,
						 #mainNav li.active li a:hover {
							color: #ccc;
						 }

	/* = = = body = = = */
#container {
	position: absolute;
	left: 50%;
	top: 200px;
	bottom: 23px;
	width: 0;
	margin: 0;
	padding: 0;
}
	
	#siteBody {
		position: absolute;
		left: -455px;
		top: 0;
		bottom: 0;
		width: 910px;
		overflow-y: auto;
	}

	#kolomLeft {
		float: left;
		margin: 0;
		padding: 0 0 0 30px;
		width: 302px; /* 336px */
	}
	
	#contentRight {
		float: left;
		width: 561px; /* 561px tot:574px */
		margin: 0;
	}

		#contentRight .txt {padding: 12px 46px 45px; height: 200px;}
		html>body #contentRight .txt {height: auto; min-height: 200px; overflow: hidden;}
	
		.item {
			float: left;
			clear: both;
			width: 100%;
			padding: 0;
		}
		#kolomLeft .item .txt {padding: 25px 35px; overflow-x: hidden; overflow-y: auto;}	

		
		#kolomLeft h2 {padding: 0 0 4px;}
		#kolomLeft img {
			padding: 2px;
			border: 2px solid #339933;
		}
		#kolomLeft img.rss {
			padding: 6px 0 0 12px;
			border: none;
		}
		#kolomLeft .nwsHp h2 {padding: 0;}

			
			/* .item embed {float: left; position: relative; z-index: 1;} */
		
		#contentRight ul {
			margin: 0;
			padding: 0;
			list-style-type: disc;
		}
		#kolomLeft .nwsHp ul {
			margin: 0 0 4px;
			padding: 0;
			list-style-type: disc;
		}
	
			#contentRight ul li {margin: 0 0 0 28px;}
			#kolomLeft .nwsHp ul li {margin: 0 0 0 28px;}
				
		#contentRight ol {
			margin: 0;
			padding: 0;
			list-style-type: decimal;
		}
		
			#contentRight ol li {
				margin: 0 0 0 34px;
			}
		
		#contentRight img {
			padding: 2px;
			border: 2px solid #339933;
		}

	/* = = = Nieuws = = = */
	
	.nwsItem {
		width: 100%;
		margin: 0;
		padding: 0 0 14px;
		border-bottom: 2px dotted #ccc;
	}
	
		.nwsItem .date {
			display: block;
			font-weight: bold;
			padding-bottom: 4px;
		}
		.nwsItem .meer {
			display: block;
			padding-bottom: 4px;
		}
				.nwsItem .meer a {text-decoration: none;}

	
	/* = = = nws HP = = = */
	.nwsHP {
		margin-left: 14px;
		color: #ffffff;
	}
	
		.nwsHP h1 {
			color: #ffffff;
		}
		
		.nwsHP a {
			color: #ffffff;
			text-decoration: none;
		}

		a.more {
			color: #CCCCCC;
		}

		.nwsHP a:hover, a:focus, a:active,
		a.more:hover, a.more:focus, a.more:active {
			text-decoration: underline;
		}
	
	/* = = = Formulier + poll = = = */
	.item div {
		clear: both;
	}
	
	.dotted {
		padding-bottom: 20px;
		margin-bottom: 10px;
		border-bottom: 2px dotted #ccc;
	}
	
	label{
		float: left;
		width: 120px;
		vertical-align: middle;
		margin-right: 2px;
	}
		.radioBox {
			width: 290px;
		}
		
		td.label {
			width: 120px;
			vertical-align: top;
		}
		
		.poll {
			width: 200px;
			clear: none;
		}
		
		.teller {
			font-size: 0.8em;
			color: #999999;
		}
	
	input, select, textarea {
		font-size: 1em;
		width: 290px;
		border: 1px solid #ccc;
		padding: 2px 0;
		margin: 2px 0;
	}
	
	textarea {
	    height: 70px;
	}
	
	input.button {
		width: 110px;
		cursor: pointer;
		color: #339933;
		background-color: #fff;
		font-weight: bold;
		padding: 2px 0;
		border: 1px solid #339933;
		margin-left: 0;
	}
	input.stem {width: 90px;}
	
	input.radio,
	input.checkBox {
		float: left;
		clear: left;
		width: 16px;
		border: none;
		margin: 6px 4px 0 0;
	}
	
	* html input.radio,
	* html input.checkBox {
		margin: 2px 4px 0 0;
	}
	
	*:first-child+html input.radio,
	*:first-child+html input.checkBox {
		margin: 2px 4px 0 0;
	}

	/* = = = Gastenboek + Reacties stelling = = = */
	.shbox, .pollReact {
		margin-bottom: 10px;
	}
	
		.gast_th, .r_naam {
			padding: 4px 0 0 0;
			font-weight: bold;
			color: #999;
		}
		.gast_bericht, .r_bericht {
			padding: 0 10px 8px;
			line-height: 20px;
		}
		
/* = = = footer = = = */
#siteFooter {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 23px;
	background-color: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ccc;	
}

	#footer {
		width: 910px;
		margin: 0 auto;
		padding: 0;
		background-color: #fff;
		}
		
		#footer div {
			font-size: 0.8em; 
			padding: 0 67px;
		}
			#footer div a {color: #000; text-decoration: none;}