html, body          {height:100%; width:100%; margin:0px; background-color:#F2F5FA;}

p                   {margin: 0; padding: 0; }

div#container_shadow,
div#container	{
	left: 50%;
	margin-left:-480px;
	position:absolute;
	width:982px;
	height: 100%;
	background-image:url(img/schaduw.jpg);  
	background-repeat:repeat-y;
/*  border: 1px solid green; /* >groen<*/
}

div#container,
div#header_img,
div#header_shadow	{
	width:960px;
	background-image:none;
}

div#header_img	{
	background-image:url(img/top_img.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	height:206px;
/*	border:1px solid #0000FF; /*  >BLAUW<  grote van div aan te geven !kan later weg!*/
}
div#header_logo {
	position:absolute;
	top:101px;
	left:20px;
}
div#header_shadow	{
	position:absolute;
	background-image:url(img/schaduwtop.png);
	background-repeat:repeat-x;
	height:6px;
	top:200px;
}


div#middle_container	{
/*	border: 1px solid green; /*  >GROEN<*/
	position:relative;
	height: auto !important; /* override the fixed height for MSIE 7+ ff etc */
	height: 300px; /* needed for MSIE 6- (in this order!) */
	min-height: 300px; /* set a minimum container height */
	background-color: #FFFFFF;
}

div#content	{
	text-align:left;
	position:relative;
	width:636px;
	top:0px;
	left:304px;
/*	border:1px solid #0000FF; /*  >BLAUW<  grote van div aan te geven !kan later weg!*/
}

div#content_inhoud		{
/*	border:1px solid #0000FF; /*  >BLAUW<  grote van div aan te geven !kan later weg!*/
	position:relative;
	padding-left:5px;
	top:5px;
	width:627px;
	border-left:2px solid #FF0000; /*goede border*/
	border-right:2px solid #FF0000; /*goede border*/
}

div.titel	{
	height:49px;
	width:632px;
	border-left:2px solid #FF0000; /*goede border*/
	border-right:2px solid #FF0000; /*goede border*/
}

div.subtitel	{
	position:absolute;
	left:282px;
	top:0px;
	height:49px;
	width:350px;
	border-left:2px solid #FF0000; /*goede border*/
}

div.product	{
	position:relative;
	width:636px;
	height:216px;
}

div.productfoto	{
	position:relative;
	width:280px;
	padding:0px 0px 0px 0px;
	margin-top:5px;
	border-left:2px solid #FF0000; 
	border-right:2px solid #FF0000;
/*	border:1px solid black;  >GRIJS< grote van div aan te geven !kan later weg!*/
}

.foto	{
	border:8px solid #C3C8DA;
}

div.omschrijving	{
	border-right:2px solid #FF0000; /*goede border*/
/* 	border:1px solid #236421; >BEIGE< grote van div aan te geven !kan later weg!*/
	position:absolute;
	height:214px;
	width:340px;
	left:294px;
	top:0px;
}

div#footer	{
/* 	border:1px solid #236421;/* >BEIGE< */
	clear: both;
	position:relative;
	left:0px;
	bottom:0px;
	height:52px;
	width:100%;
}

hr.red {
  border:none;
  color:red;
  background-color: red;
  height:2px;
  width:99%;
  text-align: left;/*this will align it for IE*/
  margin: 0 auto 0 0; /*this will align it left for Mozilla*/
  margin-top: 5px;
  margin-bottom: 5px;
}