@charset "utf-8";
/* Main Menu */
/* Dit is de UL Main element*/
#mainnav{ position:relative ; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; letter-spacing:1px; background-color:#fff;
		  width:980px; height:43px; margin:0;}

.vec_nav{ margin:0; padding:1px 0 1px 0;width:175px;}
.vec_nav ul{ margin-top:4px; padding:0; border-top:1px solid #ccc;}
.vec_nav li{ margin:0; padding:5px 0px 5px 10px; position:relative; cursor:pointer; text-align:left; }
.vec_nav a{ text-decoration:none; color:#333; font-weight:bold; font-size:1.1em; letter-spacing:1px;}
.vec_nav ul li{  border:none; padding:2px 0 0 10px;}
.vec_nav ul li a{ text-decoration:none; color:#666; font-weight:normal; font-size:1.0em;}
.vec_nav ul li a:hover, .vec_nav ul li a:active { color:#cce227; font-weight:normal; font-size:1.0em;}

#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;}

.drop li a:hover, .drop a:active,
.home .drop #home a,
.overons .drop #overons a,
.reclame .drop #reclame a,
.raam .drop #raam a,
.breclame .drop #breclame a,
.ontwerp .drop #ontwerp a,
.drukkerij .drop #drukkerij a,
.contact .drop #contact a,
.beletteringen .drop #beletteringen a{ text-decoration:none; color:#cce227; background-image:url(../images/lingbg.gif); 
background-position:center; background-repeat:no-repeat; height:20px;}

.beletteringen .drop #beletteringen ul li a{ text-decoration:none; color:#000;}
.ontwerp .drop #ontwerp ul li a{ text-decoration:none; color:#000;}
.breclame .drop #breclame ul li a{ text-decoration:none; color:#000;}
.drukkerij .drop #drukkerij ul li a{ text-decoration:none; color:#000;}
.raam .drop #raam ul li a{ text-decoration:none; color:#000;}

#nav a{ display:block; height:20px; color:#333; text-decoration:none;}
#nav li{ float:left; position:relative; padding:10px 15px 8px;}
#nav ul { position:absolute; display:none; width:12em; padding-top:13px; z-index:30;}
#nav ul li{ border:1px solid #666; border-top:0; margin-left:-1px; text-align:left; width:150px; font-size:0.9em; padding:5px 10px 6px; font-weight:normal;
				 background-image:url(../images/mentrans.png); height:20px; line-height:20px;}
#nav ul li a{ color:#000000; background-image:none !important;}
#nav ul li:hover{ background-color:#fff;}
#nav ul li a:hover{ background-image:none !important;}
#nav ul ul{top:auto;}	
#nav li ul ul { left:171px; margin:-38px 0 0 0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}