html, body     {height:100%; margin:0px; padding:0px; width:100%; background-color:#E1E0C7;
                background-image:url(img/body_bg.jpg); background-repeat:repeat-x;}

.heerenveen {
	z-index:201;
	margin-left:10px;
	margin-top:18px;
	height:50px;
	width:215px;
	background-color:#9ACB01;
	font-family:Arial;
	font-size:35px;
	line-height: 50px;
	font-style:italic;
	color:#FFFFFF;
	text-align:center;
}

div#container {
	margin:0 auto;
	position:relative;
	width:694px;
	height:100%;
	background-color: #FFFFFF;
}

div#container_header {
	height:70px;
	width: 100%;
}

div#header_image {
	margin:0 auto;
	height:104px;
	width: 100%;
}

/* tekst container en mogelijkheid om de pagina doormidden te zagen-------------------------------------------------*/

div#content_container {
	position:relative;
/*	border: 1px solid red; */
}
/* a content & content_container because the various browsers calculate padding differently */
div#content {
	position:relative;
	text-align:left;
	top: 5px;
	left:10px;
	width:674px;
}

div#content_left {
  float:left;
	text-align:left;
	padding-right: 10px;
	width:327px;
}

div#content_right {
	position:relative;
	float:right;
	text-align:left;
	padding-left: 10px;
	width:327px;
}

div#content_container,
div#content,
div#content_left,
div#content_right {
	background-color: #FFFFFF;
}

.date {
	float: right;
}

.overview_picture {
  background-position: 50% 50%;
  background-repeat: no-repeat;
	float: left;
	margin: 0px 10px 2px 0px;
	width: 100px;
	height: 67px;
}

div.footer {
  clear: both;
	height: 20px;
}
div#footer {
/*  border: 1px solid red; */
	position:relative;
	left: 0px;
	bottom: 0px;
	background-color: #9ACB01;
	width:100%;
	text-align: center;
}

/* de "ontmoet ons" pagina------------------------------------------------------------------------------------------*/

.members_container {
  position: relative;
	margin:0px;
	margin-left:2px;
	cursor:pointer;
  overflow-x: auto;
  overflow-y: hidden;
  height: 192px;
  width: 670px;
}

.member {
	float: left;
	width : 165px;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

.member_data {
	position:absolute;
	left:-1000px;
	top:-1000px;
}

.member_name {
	color:#188C18;
}

img.schaduw_foto {
	background: url(img/schaduwpasfoto.jpg) no-repeat;
	padding: 14px 18px 20px 15px;
	height: 108px;
	width: 72px;
}


/* border om afbeeldingen en de schaduw toevoegen-------------------------------------------------------------------*/

hr,
.borderbox_shadow {
	height:18px;
	border: none;
	background-image:url('img/underline.gif');
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	margin-bottom: -5px;
}
.borderbox_shadow {
	margin-top: -5px;
	height:15px;
}

.green_shadow { /* <div class="green_shadow"></div><div style="height:45px;"></div> */
  position: absolute;
	background-image:url('img/schaduw.jpg');
	background-repeat:repeat-x;
	background-position: 0% 100%;
	margin-top:10px;
	margin-left:-10px;
	width: 694px;
	height:30px;
	background-color: #9ACB01;
}

.borderbox {
	border:1px solid #CCCCCC;
	line-height:15px;
	text-align:left;
	padding:10px;
}

/* de home-pagina---------------------------------------------------------------------------------------------------*/

.h1_right {
  float: right;
	margin-top: -22px;
}

	/* Mozilla ignores crazy MS image filters, so it will skip the following */
.header             {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/groenebalk.png'); }
	/* IE ignores styles with [attributes], so it will skip the following. */
.header[class]      {background-image:url(img/groenebalk.png); }

/* reageren ---------------------------------------------------------------------------------------------------*/
#contactform label,
#reactieform label {
		width: 145px;
		float: left;
		text-align: left;
		margin: 5px 1px 5px 0px;
/*		background: #888888; /* */
}
#contactform input,
#contactform textarea,
#reactieform input,
#reactieform textarea,
input,
textarea {
		background: #eee;
		border: 1px solid #6e7694;
		margin: 5px auto;
}