/* ********************************************************************** general stuf */
html, body     { margin:0px; padding:0px; width:100%; height:100%; }
img.pngfix     { behavior: url(js/iepngfix.htc) }
div            { position: relative;  }


/* ************************************************************************* container */

/*div#c_v { /* centreer verticaal */
/*	float:left;
/*	width:1px;
/*	height:50%;
/*	margin-bottom:-350px; /* de helft van de hoogte */
/*} /* */

div#c_h { /* centreer horizontaal */
	clear:both; /* t.b.v. c_v */
	float:left;
	height:1px;
	width:50%;
	margin-right:-400px; /* de helft van de breedte */
/*  border: 1px solid green;   /* */
}

div#container {
	background-color: #FFFFFF;
  width:800px;
	float: left; /* t.b.v */
	top: 0px;
}

/* **************************************************************************** header */

div#container_header {
	width: 100%;
	height:	90px;
/* 	border:1px solid red; /* */
}

div#logo {
	left: 1px;
	top: 2px;
}

div#content_header {
	position: absolute;
	right: 5px;
	top: 10px;
}

div#content_header a:active,
div#content_header a:link,
div#content_header a:visited,
div#content_header a:hover {
	color:#FF8400;
}
div#content_header a:visited,
div#content_header a:hover {
	color: #A50003;
}

div#blauwe_balk {
	background-color: #D0E3F3;
	position: absolute;
	left: 0px;
	bottom: 2px;
	height: 12px;
	width: 100%;
}

/* ******************************************************************************* nav */
div#container_nav {
	background-color: #91BBE0;
  width: 100%;
  height:  85px;
	top: 0px;
	left: 0px;
/*   border:1px solid blue; /* */
}

/* *************************************************************************** content */

div#container_content   {
	background-color: #F4F9FB;
	clear: both;
  width: 548px;
	top: 2px;
	left: 0px;
	float: left;
/* 	border:1px solid black; /* */
}

div#content {
	top: 8px;
	left: 5px;
	width: 530px;
	height: 100%;
/*   border:1px solid blue; /* */
}
div#content img{
	border: 5px solid #91BBE0
}

div#container_right {
	background-color: #D0E3F3;
	float: right;
	top: 2px;
	left: 0px;
	width: 250px;
	height: 100%;
/*   border:1px solid blue; /* */
}
div#content_right {
	top: 8px;
	left: 5px;
	width: 245px;
	height: 100%;
/*   border:1px solid blue; /* */
}

div#content_right td {
	font-size:  9px;
	font-family: Verdana, Arial, Helvetica;
}

div#bottom_filler {
	clear: both;
	height: 28px /* height #bottom + extra ruimte*/
/*   border:1px solid blue; /* */
}

/* **************************************************************************** bottom */
div#bottom {
	top: 4px;
	clear: both;
  width: 100%;
  height: 17px;
	line-height: 17px;
  text-align: center;
	background-color: #D0E3F3;
/* 	border:1px solid blue; /* */
}

div#bottom_copy {
  height: 24px;
  text-align: right;
  color: #676767;
}

/* ****************************************************************************** list */
div.date {
	margin: 0px;
	float: right;
	white-space: nowrap;
}
div.multipage {
	width:100%;
	text-align:center;
	font-weight: bold;
}
a.multipage:link,
a.multipage:active,
a.multipage:visited,
a.multipage:hover {
}
a.multipagearrow:link,
a.multipagearrow:active,
a.multipagearrow:visited,
a.multipagearrow:hover {
  text-decoration: none;
}
a.multipageon:link,
a.multipageon:active,
a.multipageon:visited,
a.multipageon:hover {
  font-weight: bold;
  text-decoration: none;
}
/* ***************************************************************************** forms */
#contactform p,
#mailingform p,
#reactieform p {
	clear: both;
}

#contactform label,
#mailingform label,
#reactieform label {
  width: 140px;
  float: left;
  text-align: left;
  margin: 5px 1px 5px 0px;
/*  background: #888888; /* */
}
#mailingform label {
	width:65px;
	font-weight: bold;
  margin: 5px 1px 0px 0px;
}
#contactform input,
#contactform textarea,
#mailingform input,
#mailingform textarea,
#reactieform input,
#reactieform textarea,
input,
textarea {
  background: #eee;
  border: 1px solid #6e7694;
  margin: 5px auto;
  width: 258px;
}

/* let op linkjes, inputs etc. in deze laag: position:relative; ! */
a {position: relative; }

/* ***************************************************************** guestbook/respond */
div.respond_header,
div.respond_body,
div.respond_footer {
  width:100%;
  padding:2px;
  background-color:#EFF1D8;
/*  border:1px solid blue;/* */
}
div.respond_header {
  margin-top:10px;
}
div.respond_body {
  background-color:#DFF1C8;
/*  border:1px solid red;/* */
}
div.respond_footer {
/*  border:1px solid yellow;/* */
}