#positionnavigation {right: 0px;position: absolute;}
#nav, #nav ul {	padding: 0;margin: 0;list-style: none;font-family:Arial, Helvetica, sans-serif;}
#nav li {float: left;}
#nav li ul {position: absolute;left: -999em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li a {display : block;}
/*horizontal*/
#nav li a {Xwidth: 11em; /*alleen zetten als hoofdmenu géén vaste breedte moet hebben*/}
#nav li li a {width: 14em;}
#nav li ul ul {margin: -1.4em 0 0 14em; /*margin-top bepaald positionering van subitems, best is om gelijk te hebben aan line-heigt*/}
/*visual*/
#nav li ul {
	xborder: solid 1px #EF538B;
	xborder-top: none;
	xbackground-color: white;
	margin-left: -10px;
	
}


/* start styling voor alle knoppen ----------------- */

       /* géén height instellen. hoogte instellen doe je met de lineheight.*/
#nav li a {
	xwidth:11.05em; /*alleen zetten als hoofdmenu géén vaste breedte moet hebben*/
	xw\idth : 10em; /*alleen zetten als hoofdmenu géén vaste breedte moet hebben*/
	color : #333333;
	font-weight : bold;
	text-decoration : none;
	padding : 0 0.5em;
	
	
	}

/* --- styling voor alle knoppen behalve hoofdknoppen----- */	
#nav li li a {
	width:14.05em;
	w\idth : 13.05em; /* belangrijk, staan laten; ook de slash */
	font-size: 83%;
	font-weight: normal;
	padding-left: 58px;
	height: 52px;
	z-index: 90;
	position:relative;
	margin: 0 8px;
	padding-top: 2px;
	
	
}
#nav li a:hover {
	color : #333333;
	background-color: #EFF4FB;
}
/* end styling voor alle knoppen ----------------- */



/* start styling knoppen met kinderen ----------------- */
#nav a.daddy, #nav li a.daddy, #nav li a.daddy:hover  {
	color: red;
}
#nav li a.daddy:hover  {
	color: white;
}


/* end styling knoppen met kinderen ----------------- */



/* start styling parent elementen ----------------- */
#nav li:hover, #nav li.sfhover { 
	bbackground-color: #EFF4FB;
}
#nav li:hover a, #nav li.sfhover a { 
	background-color: none; /*nodig om parent-verkleuring te tonen, omdat anders de a een background color heeft*/
}
/* end styling parent elementen ----------------- */




/* start styling van hoofknopen ----------------- */

			/* let op: margins en borders geven problemen voor dropdowns*/

#nav a.mom, #nav li a.mom, #nav li a.mom:hover  {
	
	padding: 0 0.5em 0 0.5em;
	background-color: white;
	color: #EF538B;
	border-top: solid 1px white;
}
#nav li a.mom:hover, #nav li.here a.mom {
	color: #A1BDE6;
	border-top: solid 1px #EF538B;
}
/* ---  styling van parent van dropdown */
#nav li:hover a.mom, #nav li.sfhover a.mom { 
	border-top: solid 1px #EF538B;
	background-color: white;
	color: #A1BDE6; 
}
/* end styling van hoofknopen----------------- */



/*sizes*/

#nav li  { /* all list items */
	line-height : 1.4em;
	Xwidth: 11em; /* alleen zetten als hoofd menu géén vaste breedte moet hebben */
}
#nav li li { 
	line-height : 1.2em;/* alleen zetten als subitems afwijkend van hoofditem moeten zijn */
	height: 54px;
	position: relative;
	
	
}
#nav li ul { /* second-level lists */
	width: 17.2em;
}


#nav li li {
	background-image:url(../images/bckgr_li.png);
	background-repeat:repeat-y;
	background-position: left bottom;
} 
* html #nav li li {
	 background-image:none; 
}

* html #nav li li .hu{ 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bckgr_li.png);
	 background-image:none; 
	 xbackground-color: white;
	width: 200px;
	 height: 54px;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 	z-index: 20;
		padding: 0px;
} 
.ha {
	background-image:url(../images/bckgr_lu.png) !important;
	background-repeat:no-repeat;
	background-position: left bottom;
	height: 17px !important;
	xborder: solid 1px black;
	width: 250px;
}

* html .ha{ 
	xborder: solid 1px black;
	height: 1px !important ;
	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bckgr_lu.png);
} 

/* knoppen plaatjes*/

.knopinfo {
	background-image: url(../images/knop_info.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopbestel {
	background-image: url(../images/knop_bestellen.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopfaq {
	background-image: url(../images/knop_faq.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knoptechniek {
	background-image: url(../images/knop_techniek.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopvoorna {
	background-image: url(../images/knop_voorna.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knop3d {
	background-image: url(../images/knop_3d.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopprijs {
	background-image: url(../images/knop_prijs.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopportretA {
	background-image: url(../images/menu_portret_1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopportretB  {
	background-image: url(../images/menu_portret_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopportretC  {
	background-image: url(../images/menu_portret_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopportretD  {
	background-image: url(../images/menu_portret_4.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopvisite  {
	background-image: url(../images/knop_visite.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.knopcollage  {
	background-image: url(../images/knop_collage.gif);
	background-repeat: no-repeat;
	background-position: left center;
}