/* ----------------------------------------------------------------------- main stuf - */
html, body     {	margin:0px; padding:0px; width:100%; height:100%; background-color:#FFFFFF;}
img {border: 0px;}
img.pngfix { behavior: url(js/iepngfix.htc) }

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

div#container {
	margin: auto;
	width:100%;
	height:100%;
	background-color: #FFFFFF;
	position: absolute;
}

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

div#container_header {
	width: 100%;
	height:	207px;
	position: relative;
}

div#header_color1 {
	top: 0px;
	Height: 30px;
	width: 260px;
	background-color:#0099cc;
	position: relative;
}

div#header_color2 {
  top: 0px;
  left:0px;
	height:30px;
	width:100%;
	background-color:#3366cc; /* */
	position: relative;
}

div#header_kreten {
	height:180px;
	width:100%;
	top: 0px;
	background-color:#000000; /* */
	position: relative;
}

#slideshow_header_slide_2 {background-color:#000000; position: absolute; top: 0px;  left: 18px;  width: 900px; height: 150px; z-index: 1; visibility: hidden; overflow:hidden; }
#slideshow_header_slide_1 {background-color:#000000; position: absolute; top: 0px;  left: 18px;  width: 900px; height: 150px; z-index: 2; visibility: hidden; overflow:hidden; } 

/* *************************************************************************** content */
div#content_container {
  clear:both;
	margin-top:40px;
	width:100%;
/*	border: 1px solid red; /* */
	background-color: #FFFFFF;
	position: relative;
}


div#container_left {	
	width: 220px;
	height: 100%;
	position: absolute;
}

div#content_left{
	top: 150px;
	left: 80px;
	position: absolute;	
}

div#content_left_bottom {
	position:absolute;
	top:400px;
	left: 0px;
	width:150px;
}

div.content_left_img {
	top: 20px;
	left: 80px;
	position: absolute;	
}

div#container_content {
	left: 220px;
	position: absolute;
	width:800px;
	height:550px;
	top: 17px;
}

div#content {
	left: 70px;
	position: absolute;
	width: 600px;
	height:400px;
	top: 70px;
}

div.content_item_img {
	position:absolute;
	width:350px;
	height:350px;
	overflow:hidden;
}

div.content_item_txt {
	position:absolute;
	left:360px;
	width:250px;
	height:350px;
}

div.content_hidden {
	left: -1000px;
	top:  -1000px;
	position: absolute;
	width:1px;
	height:1px;
	overflow: hidden;
}

/* ****************************************************************************** list */
div.date {
	margin: 0px;
	float: right;
	nowrap: nowrap;
}
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 label,
#reactieform label {
  width: 140px;
  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;
  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;/* */
}


