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

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;
	top:5px;
	padding-left:5px;
	border-left:2px solid #FF0000; /*goede border*/
	border-right:2px solid #FF0000; /*goede border*/
	width:627px !important; /* FF, before std. declaration! */
	width:636px;
	overflow-x: hidden;
}

div.titel	{
	height:49px;
	border-left:2px solid #FF0000; /*goede border*/
	border-right:2px solid #FF0000; /*goede border*/
	width:632px !important; /* FF, before std. declaration! */
	width:636px;
}

div.subtitel	{
	position:absolute;
	left:282px;
	top:0px;
	height:49px;
	border-left:2px solid #FF0000; /*goede border*/
	width:350px !important; /* FF, before std. declaration! */
	width:352px;
}

div.product	{
	position:relative;
	left:-7px;
	width:627px;
	border-top:5px solid #FFFFFF; 
	height:214px !important; /* FF, before std. declaration! */
	height:219px;
/*	border:1px solid #0000FF; /*  >BLAUW<  grote van div aan te geven !kan later weg!*/
}

div.productfoto	{
	position:relative;
	background-color: #C3C8DA;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 214px;
	text-align: center;
	padding:0px 0px 0px 0px;
	border-left:2px solid #FF0000; 
	border-right:2px solid #FF0000;
	width:280px !important; /* FF, before std. declaration! */
	width:284px;
/*	border:1px solid black;  >GRIJS< grote van div aan te geven !kan later weg!*/
}

.inh1 {background-color: #FFFFFF; }
.inh2 {background-color: #EEEEEE; }
.inh3 {background-color: #8791B5; }

.foto	{
	border:8px solid #C3C8DA;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

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

div.mandje	{
	position:absolute;
	right:0px;
}

table.details	{
	line-height: 22px;
	width:330px;
	white-space: nowrap;
}
table.details td	{
	width:1%;
	vertical-align:top;
}
table.details td.r	{
	text-align: right;
}

div.meer_info {
/* 	border:1px solid #236421; /* >BEIGE< grote van div aan te geven !kan later weg!*/
	position:absolute;
	height:50px;
	right:0px;
	bottom:0px;
	overflow: hidden;
	width:340px !important; /* FF, before std. declaration! */
	width:342px;
	text-align: right;
	line-height:75px;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
}
div.meer_info:hover	{
	color: red;
}

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

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;
}