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

div#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
	min-width: 975px;
  height:100%;
	overflow: hidden;
	white-space: nowrap;
/*	border:1px solid red; /* */
}
div#bg_c_h2 {
	float:left;
	height:10px;
	width: 65px;
}
div#bg2 {
	float:left;
  width:910px;
  height:100%;
	background-image: url('img/bg.jpg');
	background-color:#E9d38A;
/*	border:1px solid blue; /* */
}

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

div.c_h { /* centreer horizontaal */
	top: 0px;
	float:left;
	height:10px;
	width:50%;
	margin-right:-510px; /* de helft van de breedte */
/*	border:1px solid green; /* */
}

div#container {
	float: left;
	width:975px;
	height: 100%;
	min-height: 600px;
}
div#container_BAK {
	top: 0px;
  width:975px;
	float:left;
/*  margin: 0 auto;  =>> FOEI!! */
/*	border:1px solid blue; /* */
}

div#flaeijel_links {
	position: absolute;
	left: 0px;
	top:320px;
/*	border:1px solid green; /* */
}

/* **************************************************************************** header */
div#container_header {
	float: right;
	height:	330px;
	width: 910px;
/*	border:1px solid red; /* */
}

div#content_header {
	height: 87px;
	width: 910px;
	top: 0px;
	background-color: #FFFFFF;
}

div#logo{
	position: absolute;
	width: 340px ; 
	height: 150px;
	top: 0px;
	left: 285px;/*910 - imagewidth / 2 */
}

div#header_social{
	float: right;
	right: 10px;
	top: 50px;
}
/* *************************************************************************** content */
div#container_content   {
/*	border:1px solid black;
	background-color:#e9d38a; /* */
	width: 910px;
	float: right;
}

div#content   {
	top: 0px;
	width: 860px;
	float: left;
	left: 30px;
/*  border:1px solid blue; /* */
}

div#image_show {
	position: absolute;
	bottom: 20px;
	width: 910px;
	left: -30px;
}

/* ******************************************************************************* nav */
div#container_nav {
	top: 0px;
	width:100%;
 /* border:1px solid blue; /* */
}
div#container_nav_sub {
	position: absolute;
	top: 330px;
  left:-3000px; 	
/*	left: 65px; via local.js!!!! */
	width:975px;
 /* border:1px solid blue; /* */
}

.nav_bg {
  position:absolute;
  top:0px;
  left:0px;
  width:182px;
  height:155px;
  overflow:hidden;
	visibility: hidden;
/*  background:#FFFFFF;
  background-image:url(nav/nav-bg.gif); */
}

.nav_boeren_optocht       {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-boeren_optocht.png'); }
.nav_boeren_optocht2      {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-boeren_optocht2.png'); }
.nav_openlucht_museum     {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-openlucht_museum.png'); }
.nav_openlucht_museum2    {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-openlucht_museum2.png'); }
.nav_programma_informatie {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-programma_informatie.png'); }
.nav_programma_informatie2{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-programma_informatie2.png'); }
.nav_oldtimer_parade      {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-oldtimer_parade.png'); }
.nav_oldtimer_parade2     {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-oldtimer_parade2.png'); }
.nav_feest_in_de_tent     {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-feest_in_de_tent.png'); }
.nav_feest_in_de_tent2    {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='nav/trans-feest_in_de_tent2.png'); }
/* IE ignores styles with [attributes], so it will skip the following. */
.nav_boeren_optocht[class]       {background-image:url(nav/trans-boeren_optocht.png); }
.nav_boeren_optocht2[class]      {background-image:url(nav/trans-boeren_optocht2.png); }
.nav_openlucht_museum[class]     {background-image:url(nav/trans-openlucht_museum.png); }
.nav_openlucht_museum2[class]    {background-image:url(nav/trans-openlucht_museum2.png); }
.nav_programma_informatie[class] {background-image:url(nav/trans-programma_informatie.png); }
.nav_programma_informatie2[class]{background-image:url(nav/trans-programma_informatie2.png); }
.nav_oldtimer_parade[class]      {background-image:url(nav/trans-oldtimer_parade.png); }
.nav_oldtimer_parade2[class]     {background-image:url(nav/trans-oldtimer_parade2.png); }
.nav_feest_in_de_tent[class]     {background-image:url(nav/trans-feest_in_de_tent.png); }
.nav_feest_in_de_tent2[class]    {background-image:url(nav/trans-feest_in_de_tent2.png); }
/* **************************************************************************** bottom */
div#bottom_copy {
	position: absolute;
	bottom: 2px;
	right: 2px;
  text-align: right;
}
/* ****************************************************************************** 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 p {
  clear: left;
}
#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: 1px auto;
  width: 200px;
}

/* 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:#E2B851;
/*  border:1px solid blue;/* */
}
div.respond_header {
  margin-top:10px;
}
div.respond_body {
  background-color:#E9d38A;
/*  border:1px solid red;/* */
}
div.respond_footer {
  margin-bottom:10px;
/*  border:1px solid yellow;/* */
}
