body	{
	background			: #eaeae6 url(../img/body_bg.gif) repeat-x left top;
	font				: 0.7em Verdana, Arial, sans-serif;
	text-align			: center; 
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#header_assortiment:after,
#main:after,
#productoverzicht ul:after,
#productoverzicht ul li:after,
#productdetail:after,
#productmenu:after,
#nieuwsoverzicht:after,
#zoeken:after,
#bottom:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	#header_assortiment,
	#main,
	#productoverzicht ul,
	#productoverzicht ul li,
	#productdetail,
	#productmenu,
	#nieuwsoverzicht,
	#zoeken,	
	#bottom
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #header_assortiment,
	* html #main,
	* html #productoverzicht ul,
	* html #productoverzicht ul li,
	* html #productdetail,
	* html #productmenu,
	* html #nieuwsoverzicht,
	* html #zoeken,	
	* html #bottom 
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#header_assortiment,
	#main,
	#productoverzicht ul,
	#productoverzicht ul li,
	#productdetail,
	#productmenu,
	#nieuwsoverzicht,
	#zoeken,
	#bottom 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	text-align			: left;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 20;
	height				: 134px;
	background			: url(../img/header_bg.gif) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 10px;
	right				: 0;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	top					: 52px;
	left				: 30px;
}

#menu li {
	position			: relative;
	float				: left;
}

#menu li a {
	float				: left;
	width				: 98px;
	height				: 36px;
	text-indent			: -900em;
	background			: url(../img/menu_bg.gif) no-repeat;
}

#menu li a.home 		{ background-position: left top; }
#menu li a.assortiment 	{ background-position: -98px top; }
#menu li a.prijslijst 	{ background-position: -196px top; }
#menu li a.overons 		{ background-position: -294px top; }
#menu li a.referenties 	{ background-position: -392px top; }
#menu li a.nieuws 		{ background-position: -490px top; }
#menu li a.contact 		{ background-position: -588px top; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home 			{ background-position: left bottom; }
#menu li:hover a.assortiment,
#menu li.hover a.assortiment,
#menu li.actief a.assortiment 	{ background-position: -98px bottom; }
#menu li:hover a.prijslijst,
#menu li.hover a.prijslijst,
#menu li.actief a.prijslijst 	{ background-position: -196px bottom; }
#menu li:hover a.overons,
#menu li.hover a.overons,
#menu li.actief a.overons 		{ background-position: -294px bottom; }
#menu li:hover a.referenties,
#menu li.hover a.referenties,
#menu li.actief a.referenties 	{ background-position: -392px bottom; }
#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li.actief a.nieuws		{ background-position: -490px bottom; }
#menu li:hover a.contact,
#menu li.hover a.contact,
#menu li.actief a.contact		{ background-position: -588px bottom; }

/***********/
/* Submenu */
/***********/
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: 36px;
	width				: 145px;
	background			: url(../img/submenu_bg.gif) repeat-y left top;
	padding				: 10px 0 0 0;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: 0;
}

#menu li li {
	float				: none;
	width				: auto;
	padding				: 0 0 1px 0;
	background			: url(../img/submenu_item_bg.gif) repeat-x left bottom;
}

#menu li li a {
	float				: none;
	display				: block;
	width				: 121px;
	height				: auto;
	text-indent			: 0;
	background			: none;
	color				: #000;
	text-decoration		: none;
	padding				: 5px 10px 5px 14px;
}

#menu li li:hover a,
#menu li li.hover a,
#menu li li.actief a {
	background			: url(../img/submenu_hover_bg.gif) repeat-y left top;
	color				: #FFF;
}

/***************/
/* Sub Submenu */
/***************/
#menu li li ul,
#menu li:hover li ul,
#menu li.hover li ul {
	left				: -900em;
	top					: 0;
	width				: 200px;
	padding				: 0;
	background			: url(../img/submenu_hover_bg.gif);
}

#menu li li:hover ul,
#menu li li.hover ul {
	left				: 145px;
}

/* Zorgen dat de kleur van het subsubmenu op zwart staat, ook wanneer je hovert op submenu item */
#menu li li ul li a {
	width				: 176px;
}

#menu li li:hover ul li a,
#menu li li.hover ul li a,
#menu li li.actief ul li a {
	width				: 176px;
	color				: #000;
}

/* Zorgen dat actieve item en hover op sub sub witte tekstkleur heeft, in combinatie met hover status en actieve status van submenu item */
#menu li li:hover ul li a:hover,
#menu li li.hover ul li.actief a,
#menu li li.hover ul li a:hover,
#menu li li.actief ul li.actief a,
#menu li li.actief ul li a:hover {
	color				: #FFF;
}


/* --------------------------------	*/
/* header assortiment			 	*/
/* --------------------------------	*/
#header_assortiment li {
	float				: left;
	padding				: 0 1px 0 0;
	background			: url(../img/assortiment_bg.png) no-repeat right bottom;
}

#header_assortiment li.elektrisch 		{ width: 168px; } 
#header_assortiment li.magnetisch 		{ width: 159px; }
#header_assortiment li.mechanisch		{ width: 162px; }
#header_assortiment li.deurbeslag 		{ width: 163px; }
#header_assortiment li.accessoires		{ width: 168px; }
#header_assortiment li.toegangscontrole	{ width: 169px; padding: 0; background: none; }

#header_assortiment li a {
	float				: left;
	height				: 162px;
	background			: url(../img/assortiment_bg.png) no-repeat;
	text-indent			: -900em;
}

#header_assortiment li.elektrisch a 		{ background-position: left top; width: 168px; } 
#header_assortiment li.magnetisch a 		{ background-position: -168px top; width: 159px; }
#header_assortiment li.mechanisch a 		{ background-position: -327px top; width: 162px; }
#header_assortiment li.deurbeslag a 		{ background-position: -489px top; width: 163px; }
#header_assortiment li.accessoires a 		{ background-position: -652px top; width: 168px; }
#header_assortiment li.toegangscontrole a	{ background-position: -820px top; width: 169px; }

#header_assortiment li.elektrisch a:hover,
#header_assortiment li.elektrisch a.actief			{ background-position: left -162px; width: 168px; } 
#header_assortiment li.magnetisch a:hover,
#header_assortiment li.magnetisch a.actief 			{ background-position: -168px -162px; width: 159px; }
#header_assortiment li.mechanisch a:hover,
#header_assortiment li.mechanisch a.actief 			{ background-position: -327px -162px; width: 162px; }
#header_assortiment li.deurbeslag a:hover,
#header_assortiment li.deurbeslag a.actief 			{ background-position: -489px -162px; width: 163px; }
#header_assortiment li.accessoires a:hover,
#header_assortiment li.accessoires a.actief 		{ background-position: -652px -162px; width: 168px; }
#header_assortiment li.toegangscontrole a:hover,
#header_assortiment li.toegangscontrole a.actief 	{ background-position: -820px -162px; width: 169px; }


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	position			: relative;
	background			: url(../img/main_bg.gif) repeat-y left top;
}


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent {
	position			: relative;
	float				: left;
	width				: 826px;
	padding				: 0 0 20px 0;
}


/* --------------------------------	*/
/* zoekveld						 	*/
/* --------------------------------	*/
#zoekformulier {
	position			: relative;
	left				: 17px;
	padding				: 25px 0 0 0;
	width				: 447px;
	height				: 30px;
	background			: url(../img/zoekformulier_bg.gif) no-repeat left bottom;
}

#zoekformulier fieldset {
	padding				: 6px 0 0 55px;
}

#zoekformulier legend {
	display				: none;
}

#zoekformulier input {
	background			: none;
	border				: none;
	width				: 335px;
	height				: 15px;
	color				: #929090;
	font-size			: 0.95em;
}

#zoekformulier input.button {
	position			: relative;
	background			: url(../img/zoekformulier_submit.gif) no-repeat left top;
	width				: 40px;
	height				: 17px;
	overflow			: hidden;
	text-indent			: -900em;
	line-height			: 900em;
	top					: 3px;
	cursor				: pointer;
}


/* --------------------------------	*/
/* Logos						 	*/
/* --------------------------------	*/
#main .logos {
	position			: absolute;
	right				: 0;
	top					: 0;
	padding				: 2px 15px 5px 0;
	background			: #f4f6ef;
}

#main .logos li {
	float				: left;
	margin				: 0 0 0 5px;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	left				: 17px;
	width				: 750px;
	background			: #fbad32 url(../img/content_bg.gif) repeat-x left top;
	padding				: 20px 29px;
	color				: #FFF;
	line-height			: 1.5em;
	min-height			: 214px;
}

#content h1 {
	font-size			: 2em;
	font-family			: Georgia, "Times New Roman", Times, serif;
	line-height			: normal;
	margin				: 0 0 10px 0;
}

#content h2 {
	font-size			: 1.6em;
	font-family			: Georgia, "Times New Roman", Times, serif;
	line-height			: normal;
	margin				: 0 0 10px 0;
	color				: #000;
}

#content a	{
	color				: #FFF;
}

/* Foto op homepagina */
#content .home_foto {
	position			: absolute;
	right				: 0;
	top					: 0;
}

/* iwes opmaak */
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

#content .iwes td {
	padding				: 4px;
}

/* formulieren */
#content .formmodule ul {
	list-style			: none;
	margin				: 0;
}

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #f04412;
	font				: 1em Verdana, sans-serif;
	padding				: 2px;
	background			: #ffa920;
}

#content textarea	{
	overflow			: auto;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: url(../img/formmodule_button.gif) no-repeat left top;
	width				: 86px;
	height				: 19px;
	text-indent			: -900em;
	line-height			: 900em;
	overflow			: hidden;
	border				: 0;
	margin				: 10px 0;
}

#content input.fout, #content textarea.fout	{
	border				: 2px solid #F00;
	background			: #FCC;
	padding				: 1px;
}
#content .melding{
	color				: #F00;
}

/* pagina navigatie*/
#content .pagina_navigatie {
	padding				: 10px 0;
	clear				: both;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 2px 6px;
}

#content .pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #fff;
	border				: 1px solid #F58023;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #F58023;
	color				: #000;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #050505;
	color				: #fff;
}


/* --------------------------------	*/
/* Product overzicht			 	*/
/* --------------------------------	*/
#productoverzicht li {
	position			: relative;
	zoom				: 1;
}

#productoverzicht h2,
#productoverzicht h3 {
	position			: relative;
	padding				: 5px 0 0 20px;
	line-height			: normal;
}

#productoverzicht h3 {
	font-size			: 1.5em;
	color				: #000;
}

#productoverzicht h2 .uitklappen,
#productoverzicht h2 .inklappen,
#productoverzicht h3 .uitklappen,
#productoverzicht h3 .inklappen {
	position			: absolute;
	left				: 0;
	top					: 7px;
	display				: block;
	width				: 12px;
	height				: 12px;
	text-indent			: -900em;
}

#productoverzicht h2 .uitklappen 		{ background: url(../img/product_cat_plus.gif) no-repeat left top; }
#productoverzicht h2 .inklappen 		{ background: url(../img/product_cat_min.gif) no-repeat left top; }
#productoverzicht h2:hover .uitklappen 	{ background: url(../img/product_cat_plus.gif) no-repeat right top; }
#productoverzicht h2:hover .inklappen 	{ background: url(../img/product_cat_min.gif) no-repeat right top; }
#productoverzicht h3 .uitklappen 		{ background: url(../img/product_cat_plus.gif) no-repeat left top; }
#productoverzicht h3 .inklappen 		{ background: url(../img/product_cat_min.gif) no-repeat left top; }
#productoverzicht h3:hover .uitklappen 	{ background: url(../img/product_cat_plus.gif) no-repeat right top; }
#productoverzicht h3:hover .inklappen 	{ background: url(../img/product_cat_min.gif) no-repeat right top; }

#productoverzicht ul {
	background			: url(../img/product_overzicht_bg.gif) repeat-y 50% top;
	margin				: 0 0 20px 0;
}

#productoverzicht ul li {
	display				: -moz-inline-stack;
	display				: inline-block;
	position			: relative;
	width				: 359px;
	background			: url(../img/product_overzicht_item_bg.gif) repeat-x left bottom;
	padding				: 10px 0 5px 13px;
	vertical-align		: top;
}

#productoverzicht ul li img {
	float				: left;
	border				: 1px solid #FFF;
}

#productoverzicht ul li .info {
	float				: left;
	width				: 243px;
	overflow-x			: hidden;
	padding				: 20px 0 30px 15px;
	font-size			: 1.1em;
}

#productoverzicht ul li .info strong {
	font-size			: 1.3em;
	line-height			: 1.4em;
}

#productoverzicht ul li .info a {
	position			: absolute;
	left				: 130px;
	bottom				: 10px;
	display				: block;
	width				: 173px;
	height				: 21px;
	text-indent			: -900em;
	background			: url(../img/bekijk_meer_informatie.gif) no-repeat left top;
}

#productoverzicht ul li .info a:hover {
	background			: url(../img/bekijk_meer_informatie.gif) no-repeat left bottom;
}

/* Subsub */
#productoverzicht li li.subsub {
	clear				: both;	
	display				: block;
	width				: 728px;
	overflow			: hidden;
	margin				: 5px 0 0 0;
	padding				: 10px;
	border				: 1px solid #f58024;
	background			: #fcc36a;
}

#productoverzicht li li.subsub li {
	display				: -moz-inline-stack;
	display				: inline-block;
	position			: relative;
	width				: 348px;
	background			: url(../img/product_overzicht_item_bg.gif) repeat-x left bottom;
	padding				: 10px 0 5px 13px;
	vertical-align		: top;
	color				: #000;
}

#productoverzicht li li.subsub li .info {
	width				: 232px;
}


/* --------------------------------	*/
/* Productdetail				 	*/
/* --------------------------------	*/
#productdetail {
	position			: relative;
	left				: 17px;
	padding				: 0;
	width				: 808px;
	color				: #FFF;
	line-height			: 1.5em;
	background			: url(../img/productdetail_bg.gif) repeat-x left top;
}

#productdetail .print {
	position			: absolute;
	right				: 5px;
	top					: 5px;
	width				: 35px;
	height				: 31px;
	text-indent			: -900em;
	background			: url(../img/print.gif) no-repeat left top;
}

#logo-print {
	display				: none;
}

#productdetail h1 {
	font-size			: 2em;
	font-family			: Georgia, "Times New Roman", Times, serif;
	line-height			: normal;
	margin				: 0 0 10px 0;
	color				: #fff;
}

/* Info blok */
#productdetail .info {
	position			: relative;
	float				: left;
	width				: 400px;
	min-height			: 248px;
	padding				: 20px 29px;
	background			: #faa931 url(../img/productdetail_bg.gif) repeat-x left top;
	color				: #000;
}

#productdetail .info strong.titel {
	text-transform		: uppercase;
}

#productdetail .info ul {
	margin				: 0 0 0 2em;
	list-style			: disc;
}

#productdetail .info .button {
	display				: block;
	text-indent			: -900em;
	width				: 148px;
	height				: 48px;
	background			: url(../img/productdetail_button.gif) no-repeat left top;
	margin				: 10px 0 0 0;
}

#productdetail .info .hoekje {
	position			: absolute;
	bottom				: -1px;
	right				: 0;
	background			: url(../img/productdetail_hoekje.gif) no-repeat left top;
	width				: 19px;
	height				: 19px;
}


/* Extra blok ( foto en pdf's ) */
#productdetail .extra {
	float				: left;
	width				: 338px;
}

#productdetail .extra .fotowrap {
	margin				: 55px 0 0 0;
	height				: 213px;	
}

#productdetail .extra img {
	border				: 1px solid #f4f6ef;
}

#productdetail .extra h4 {
	font-size			: 1.1em;
	font-family			: Georgia, "Times New Roman", Times, serif;
	line-height			: normal;
	margin				: 0;
	padding				: 5px 0 5px 10px;
	color				: #000;
}

#productdetail .extra .extra_informatie {
	padding				: 0 0 0 10px;
	background			: #f4f6ef;	
}

#productdetail .extra .extra_informatie li {
	margin				: 0 2px 2px 0;
}

#productdetail .extra .extra_informatie li a {
	display				: block;
	background			: url(../img/pdf.gif) no-repeat left top;
	padding				: 12px 0 12px 35px;
	color				: #000;
	text-decoration		: none;
}

#productdetail .extra .extra_informatie li a:hover {
	text-decoration		: underline;
}

/* --------------------------------	*/
/* Nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht,
#zoeken {
	width				: 600px;	
}

#zoeken {
	jborder				: solid 1px #F58023;
}

#nieuwsoverzicht li,
#zoeken li {
	background			: url(../img/product_overzicht_item_bg.gif) repeat-x left bottom;	
	padding				: 0 0 1px 0;
	float				: left;
	width				: 600px;
}

#nieuwsoverzicht a,
#zoeken a {
	position			: relative;
	padding				: 10px 10px 10px 80px;
	float				: left;
	width				: 510px;
	text-decoration		: none;
}

#nieuwsoverzicht a:hover,
#zoeken a:hover {
	background			: #fb9443; 
}


#nieuwsoverzicht a span.datum {
	position			: absolute;
	left				: 10px;
	top					: 13px;
	display				: block;
	color				: #000;
}

#nieuwsoverzicht a strong,
#zoeken a strong {
	font-size			: 1.3em;
	line-height			: 1.5em;
}

#content .terug_nieuws {
	display				: block;
	margin-top			: 20px;
}

/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 350px;
	height				: 400px;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}

/* --------------------------------	*/
/* productmenu onderin elke pagina	*/
/* --------------------------------	*/
#productmenu {
	margin				: 20px 0 0 40px;
}

#productmenu li {
	float				: left;
	border-right		: 1px solid #929090;
}

#productmenu li.last {
	border-right		: none;
}

#productmenu li a {
	float				: left;
	color				: #929090;
	padding				: 2px 12px;
	text-decoration		: none;
}

#productmenu li a:hover {
	color				: #333;
	text-decoration		: underline;
}

#productmenu li.actief a {
	font-weight			: bold;
	color				: #333;
}

/* --------------------------------	*/
/* laatste nieuws				 	*/
/* --------------------------------	*/
#laatste_nieuws {
	float				: right;
	width				: 138px;
	padding				: 15px;
	line-height			: 1.4em;
}

#laatste_nieuws h3 {
	font-size			: 2em;
	font-family			: Georgia, "Times New Roman", Times, serif;
	line-height			: normal;
	color				: #fb7433;
	margin				: 0 0 10px 0;
}

#laatste_nieuws li {
	float				: left;
	width				: 138px;
	margin				: 0 0 15px 0;
}

#laatste_nieuws li a {
	float				: left;
	width				: 138px;
	color				: #9d9c9c;
	text-decoration		: none;
	overflow			: hidden;
}

#laatste_nieuws li a .datum {
	color				: #fb7433;
}

#laatste_nieuws li a strong {
	color				: #929090;
}

#laatste_nieuws li a:hover {
	color				: #333;
}

#laatste_nieuws li a:hover strong {
	color				: #000;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	position			: relative;
	background			: url(../img/footer_bg.gif) no-repeat left top;
	min-height			: 67px;
}

/* adres */
#footer address {
	position			: absolute;
	font-style			: normal;
	color				: #666;
	line-height			: 1.3em;
	bottom				: 0;
	background			: url(../img/adres_logo_bg.gif) no-repeat left bottom;
}

#footer address a {
	color				: #666;
}

#footer address .naam {
	float				: left;
	width				: 123px;
	height				: 54px;
	text-indent			: -900em;
	margin				: 0 50px 0 0;
}

#footer address .links,
#footer address .rechts {
	float				: left;
	padding				: 8px 10px 15px 30px;
}

/* Footer menu */
#footer .footermenu {
	position			: absolute;
	right				: 185px;
	bottom				: 17px;
	color				: #f58023;
}

#footer .footermenu li {
	float				: left;
	border-right		: 1px solid #f58023;
}

#footer .footermenu li.last {
	border-right		: none;
}

#footer .footermenu li a {
	padding				: 0 5px;
	color				: #f58023;
	text-decoration		: none;
}

#footer .footermenu li a:hover {
	text-decoration		: underline;
}

/* --------------------------------	*/
/* copyright					 	*/
/* --------------------------------	*/
#copyright	{
	color				: #929090;
	padding				: 15px 0;
}

#copyright a {
	color				: #929090;
	text-decoration		: none;
}

#copyright a:hover {
	text-decoration		: underline;
}

#copyright .copyright {
	float				: left;
}

#copyright .amimpact {
	float				: right;
}


/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap ul	{
	margin				: 0;
	padding				: 0;
	list-style			: square;
	list-style-position	: inside;
}

#sitemap ul li	{
	font-weight			: bold;
}

#sitemap ul li ul li	{
	font-weight			: normal;
}

#sitemap ul.laag0, #sitemap ul li ul	{
	margin-left			: 20px;
}

#sitemap ul.laag1	{
	margin-left			: 50px;
}

#sitemap ul.laag2	{
	margin-left			: 80px;
}

#sitemap ul.laag3	{
	margin-left			: 120px;
}

#sitemap ul.laag4	{
	margin-left			: 150px;
}