/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #ffffff url(../img/body_bg.jpg) repeat-x fixed;
	margin				: 0;
	padding				: 0;
	font				: 0.7em Verdana;
	text-align			: center; /* #container centreren voor IE5 */
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	text-align			: left;
	background			: white url(../img/container_bg.gif) repeat-y;
	border-bottom		: solid 1px #FFF200;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 298px;
	width				: 613px;
	background			: url(../img/logo.jpg) no-repeat;
	position			: absolute;
	top					: 0;
	left				: 0;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	position			: relative;
	min-height			: 732px;
	_height				: 732px;
	background			: url(../img/main_bg.jpg) no-repeat right top;
	z-index				: 100;
}

#main.home	{
	background			: url(../img/main_bg_home.jpg) no-repeat right top;
}

#main h1	{
	margin				: 0;
	position			: absolute;
	top					: 20px;
	left				: 20px;
}

#main h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 140px;
	width				: 400px;
	z-index				: 10;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	float				: left;
	background			: url(../img/menu_bg.gif) no-repeat top right;
	width				: 220px;
	height				: 540px;
	margin-top			: 195px;
	padding-top			: 25px;
}

#menu ul	{
	margin				: 0 0 0 33px;
	padding				: 0;
	list-style			: none;
}

#menu ul ul	{
	margin				: 0 0 0 11px;
}

#menu li	{
	padding-top			: 16px;
}

#menu li li	{
	*padding-top		: 14px;
}

#menu a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
}

/* hoofdknoppen */
#menu a.home		{	background: url(../img/menu_home.gif) no-repeat center top; width: 53px; height: 17px; }
#menu a.producten	{	background: url(../img/menu_producten.gif) no-repeat center top; width: 103px; height: 17px; }
#menu a.samenwerken	{	background: url(../img/menu_samenwerken.gif) no-repeat center top; width: 137px; height: 17px; }
#menu a.tecx		{	background: url(../img/menu_tecx.gif) no-repeat center top; width: 54px; height: 17px; }
#menu a.service		{	background: url(../img/menu_service.gif) no-repeat center top; width: 68px; height: 17px; }
#menu a.nieuws		{	background: url(../img/menu_nieuws.gif) no-repeat center top; width: 68px; height: 17px; }
#menu a.webshop		{	background: url(../img/menu_webshop.gif) no-repeat center top; width: 87px; height: 17px; }
#menu a.contact		{	background: url(../img/menu_contact.gif) no-repeat center top; width: 81px; height: 17px; }

#menu a		{
	border-left			: solid 6px black;
	border-right		: solid 6px black;
	padding				: 0 4px;
}

#menu a:hover, #menu li.actief a		{
	border-left			: solid 6px #ff0000;
	border-right		: solid 6px #ff0000;
}

/* subknoppen */
#menu a.gereedschappen	{	background: url(../img/menu_gereedschappen.gif) no-repeat; width: 90px; height: 11px; }
#menu a.machines		{	background: url(../img/menu_machines.gif) no-repeat; width: 52px; height: 11px; }
#menu a.sluitwerk		{	background: url(../img/menu_sluitwerk.gif) no-repeat; width: 107px; height: 11px; }
#menu a.bevestiging		{	background: url(../img/menu_bevestiging.gif) no-repeat; width: 123px; height: 11px; }
#menu a.slijp			{	background: url(../img/menu_slijp.gif) no-repeat; width: 126px; height: 11px; }
#menu a.verspanende		{	background: url(../img/menu_verspanende.gif) no-repeat; width: 157px; height: 11px; }
#menu a.lijmen			{	background: url(../img/menu_lijmen.gif) no-repeat; width: 96px; height: 11px; }
#menu a.werkkleding		{	background: url(../img/menu_werkkleding.gif) no-repeat; width: 115px; height: 11px; }
#menu a.hechttechniek	{	background: url(../img/menu_hechttechniek.gif) no-repeat; width: 104px; height: 11px; }

#menu li ul a	{
	padding				: 0 !important;
	border				: none;
	height				: 11px;
}

#menu li ul a:hover, #menu li ul li.actief a	{
	border				: none;
	background-position	: 0 -11px !important;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 490px;
	margin				: 195px 0 20px 20px;
}

#content h2	{
	margin				: 0 0 0.5em 0;
	color				: #ee0000;
	font-size			: 1.5em;
}

#content a	{
	color				: #ee0000;
}

#content .iwes	{
	line-height			: 1.4em;
}


/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#nieuws	{
	position			: absolute;
	top					: 325px;
	left				: 790px;
	width				: 140px;
}

#nieuws h3 {
	display				: none;
}

#nieuws ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	text-align			: center;
	font-weight			: bold;
	line-height			: 1.5em;
	font-size			: 1.1em;
}

#nieuws li	{
	border-bottom		: solid 1px black;
	padding				: 7px 0;
}

#nieuws li:last-child, #nieuws li.last-child	{
	border-bottom		: none;
}

#nieuws a	{
	color				: black;
	text-decoration		: none;
}

#nieuws a:hover	{
	color				: red;
}

/* --------------------------------	*/
/* productoverzicht				 	*/
/* --------------------------------	*/
#productoverzicht {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#productoverzicht li {
	float				: left;
	display				: inline;
	width				: 150px;
	height				: 150px;
	margin				: 0 10px 10px 0;
}

#productoverzicht li a {
	float				: left;
	width				: 130px;
	height				: 130px;
	padding				: 8px;
	border				: 1px solid #CCC;
	text-decoration		: none;
	line-height			: 20px;
	color				: #333;
}

#productoverzicht li a img {
	border				: 1px solid #FFF;
}

#productoverzicht li a:hover {
	border				: 1px solid #FFF;
	color				: #FFF;
	background			: #C00;
}


/* --------------------------------	*/
/* aanbieding					 	*/
/* --------------------------------	*/
#aanbieding	{
	position			: absolute;
	top					: 535px;
	left				: 780px;
	width				: 210px;
	height				: 150px;
	text-align			: center;
}

#aanbieding h3 {
	font-size			: 1.3em;
	margin				: 0;
}

#aanbieding p {
	font-size			: 1.3em;
	margin				: 0;
}

#aanbieding a {
	color				: #000;
	text-decoration		: none;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	text-align			: center;
	padding				: 7px 0;
	color				: #2B439B;
	text-transform		: uppercase;
	font-weight			: bold;
}

#footer address	{
	font-style			: normal;
}

#footer a	{
	color				: #2B439B;
	text-decoration		: none;
}

#footer a:hover	{
	color				: #2B439B;
	text-decoration		: underline;
}


/* --------------------------------	*/
/* am impact (en skerp)			 	*/
/* --------------------------------	*/
#amimpact	{
	text-align			: center;
	padding				: 7px 0;
	color				: #FFF200;
	font-size			: 0.9em;
}

#amimpact a	{
	color				: #FFF200;
	text-decoration		: none;
}

#amimpact a:hover	{
	color				: #FFF;
	text-decoration		: underline;
}

/* --------------------------------	*/
/* formulier opmaak				 	*/
/* --------------------------------	*/

input, select, textarea	{
	font			: 1em Verdana;
	color			: #000000;
}

.input
{
	border			: solid 1px #2B439B;
	background		: #FFFFFF;
}

.select
{
	border			: solid 1px #2B439B;
}

.button
{
	font-weight     : bold;
	color			: #FFFFFF;
	border			: solid 1px #2B439B;
	background-color: #2B439B;
	cursor			: pointer;
}