/* =========================================================================================

//
//	StyleSheet Croonenburgtenten.nl
//
//	Aangemaakt door Tim Kant, Mangovision, 02-2009
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

	html, body {
		margin: 0px;
		padding: 0px;
		}
		
	body {
		background: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #000000;
		}
				
	img {
		border: none;
		}
		
	a,
	a:link,
	a:active,
	a:visited {
		color: #721977;
		background-color: none;
		text-decoration: none;
		}
		
	a:hover {
		color: #721977;
		background-color: none;
		text-decoration: underline;
		}
		
	.transparent_class {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		}
		
	p {
		line-height: 20px;
		}
				
/* =========================================================================================
// 	General / Place Holders
========================================================================================= */

	#site_wrapper {
		width: 100%;
		height: 600px;
		margin-top: -300px;
		padding: 0px;
		position: relative;
		top: 50%;
		left: 0px;
		}
		

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

	#header_wrapper {
		width: 960px;
		height: 160px;
		margin: 0 auto;
		padding: 0px;
		position: relative;
		text-align: left;
		}
		
	#logo {
		width: 157px;
		height: 159px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		}
		
	#mainmenu_holder {
		width: 770px;
		height: 30px;
		margin-top: 130px;
		padding: 0px;
		position: relative;
		float: right;
		}
		
/* =========================================================================================
// 	Content section
========================================================================================= */
		
	#content_wrapper {
		width: 100%;
		height: 420px;
		margin-top: 0px;
		padding: 0px;
		position: relative;
		float: left;
		background-color: #721977;
		text-align: left;
		}
		
	#content_holder {
		width: 670px;
		height: 357px;
		margin-left: -335px;
		padding: 0px;
		position: absolute;
		top: 25px;
		left: 50%;
		border: #5FAA41 5px solid;
		}
		
	.bg_grass {
		background: url(../images/bg_gras.jpg) bottom no-repeat;
		}
		
	.bg_girl {
		background: url(../images/bg_content.jpg) bottom no-repeat;
		}
		
	.bg_werkwijze {
		background: url(../images/bg_werkwijze.jpg) bottom no-repeat;
		}
		
	.bg_blijcoaching {
		background: url(../images/bg_blijcoaching.jpg) bottom no-repeat;
		}
		
	.bg_nieuws {
		background: url(../images/bg_nieuws.jpg) bottom no-repeat;
		}
				
	#text_pane {
		width: 390px;
		height: 250px;
		margin: 40px 0 0 40px;
		padding: 20px;
		position: relative;
		float: left;
		overflow: scroll;
		background: url(../images/bg_textpane.png) -90px -223px fixed;
		overflow-y: auto;
		overflow-x: hidden;
		}
		
	#text_pane p.breadcrumb {
		margin: 0 0 15px 0;
		color: #721977;
		}
		
	#side_pane {
		width: 230px;
		height: 250px;
		margin: 40px 0px 0 0;
		padding: 20px;
		position: relative;
		float: right;
		overflow: scroll;
		overflow-y: auto;
		overflow-x: hidden;
		}
		
	html>body #side_pane {
		width: 160px;
		}
		
	#side_pane h2 {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		font-weight: normal;
		color: #FFFFFF;
		font-size: 22px;
		}
		
	#side_pane h2.purple {
		color: #721977;
		}
		
	.bg_purple {
		background-color: #721977;
		}
		
	.bg_white {
		background: url(../images/bg_textpane.png) no-repeat;
		}
		
	#tag_wrapper {
		width: 671px;
		height: 31px;
		margin-left: -335px;
		padding: 0px;
		position: absolute;
		top: 395px;
		left: 50%;
		font-size: 20px;
		}
		
	#tag_wrapper #left {
		width: 45%;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		color: #5faa41;
		}
	
	#tag_wrapper #right {
		width: 45%;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: right;
		text-align: right;
		color: #FFFFFF;
		}
		
/* =========================================================================================
// 	Footer
========================================================================================= */
		
	#footer_wrapper {
		width: 960px;
		height: 20px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 0px;
		position: relative;
		text-align: left;
		}
		
	html>body #footer_wrapper {
		margin-top: 420px;
		}
		
/* =========================================================================================
// 	Main menu
========================================================================================= */
		
	.mainmenu {
		font-weight: bold;
		width: 100%;
		}
	
	.mainmenu ul{
		padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
		margin: 0;
		text-align: left; //set value to "left", "center", or "right"*/
		}
	
	.mainmenu ul li{
		display: inline;
		}
	
	.mainmenu ul li a{
		color: #47a12c;
		padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
		margin-right: 20px; /*spacing between each menu link*/
		text-decoration: none;
		font-size: 16px;
		}
	
	.mainmenu ul li a:hover, .mainmenu ul li a.selected{
		border-bottom-color: #721977;
		}
		
/* =========================================================================================
// 	Side menu
========================================================================================= */
		
	.sidemenu{
		border-bottom-width: 0;
		width: 170px;
		}
	
	* html .sidemenu{ /*IE only rule. Original menu width minus all left/right paddings */
		width: 164px;
		}
	
	.sidemenu ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
	
	.sidemenu a{
		font: normal 14px Arial;
		padding: 4px 0px;
		display: block;
		width: 100%; /*Define width for IE6's sake*/
		color: #FFFFFF;
		text-decoration: none;
		}
	
	.sidemenu a:visited{
		color: #FFFFFF;
		}
	
	html>body .sidemenu a{ /*Non IE rule*/
		width: auto;
		}
	
	.sidemenu a:hover{
		color: #FFFFFF;
		text-decoration: underline;
		}
		
/* =========================================================================================
// 	Footer menu
========================================================================================= */
		
	.footermenu {
		height: auto;
		width: 100%;
		}
	
	.footermenu ul{
		padding: 6px 0 7px 0;
		margin: 0;
		text-align: right;
		}
	
	.footermenu ul li{
		display: inline;
		}
	
	.footermenu ul li a{
		color: #721977;
		padding: 6px 3px 4px 3px;
		margin-right: 10px;
		text-decoration: none;
		font-size: 11px;
		}
	
	.footermenu ul li a:hover, .footermenu ul li a.selected{
		border-bottom-color: #721977;
		}
		
/* =========================================================================================
// 	Gastenboek
========================================================================================= */

	table.gastenboek td.exp {
		width: 100px;
		padding: 5px 0px;
		font-size: 12px;
		}
		
	table.gastenboek td.fields {
		width: 300px;
		padding: 5px 0px;
		}
		
	table.gastenboek td.fields input[type="text"] {
		width: 200px;
		padding: 3px;
		border:  #721977 2px solid;
		background-color: #FFFFFF;
		}
		
	table.gastenboek td.fields textarea {
		width: 200px;
		height: 80px;
		padding: 3px;
		border:  #721977 2px solid;
		background-color: #FFFFFF;
		}
		
	p.gastenboek {
		font-size: 12px;
		margin-bottom: 20px;
		line-height: 20px;
		font-size: 14px;
		}
		
	p.gastenboek span {
		margin-top: 10px;
		color:#5faa41;
		font-size: 16px;
		font-weight: bold;
		}
		
/* =========================================================================================
// 	Nieuws
========================================================================================= */
		
	div.nieuws {
		font-size: 12px;
		margin-bottom: 25px;
		line-height: 20px;
		font-size: 14px;
		}
		
	div.nieuws span.datum {
		margin-top: 10px;
		color:#000000;
		font-size: 14px;
		font-weight: normal;
		}
		
	div.nieuws span.titel {
		margin-top: 10px;
		color:#5faa41;
		font-size: 16px;
		font-weight: bold;
		}
		
	div.nieuws p {
		margin-top: 0px;
		line-height: 20px;
		font-size: 14px;
		}