a {
font-size : 14px; 
font-family:Bitstream Vera Sans, Verdana, Arial;
text-align:center;

text-decoration:none;
font-variant:small-caps;
font-weight:bold;
}

a.menu:link,a.menu:visited {background-color:#777777;
	background: -moz-linear-gradient(top, rgb(119,119,119) 0%, rgb(141,141,150) 35%, rgb(119,119,119) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(119,119,119)), color-stop(35%,rgb(141,141,150)), color-stop(100%,rgb(119,119,119))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(119,119,119) 0%,rgb(141,141,150) 35%,rgb(119,119,119) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(119,119,119) 0%,rgb(141,141,150) 35%,rgb(119,119,119) 100%); /* Opera11.10+ */
	background: linear-gradient(top, rgb(119,119,119) 0%,rgb(141,141,150) 35%,rgb(119,119,119) 100%); /* W3C */
		}
a.menu:hover,a.menu:active {background-color:#111111;}


/* navigatie - niveau 1 */
ul#navigatie { width:799px; padding-top:2px;height:34px; display:block; margin: 0 auto; background:#161650 url('bg.gif') 0 0 repeat-x;  margin-bottom: 20px;-moz-border-radius: 4px; border-radius: 4px;}
ul#navigatie li { position:relative; height:3px; width:132px; display:block; float:left; padding:1px 0px 1px 1px ;}
ul#navigatie li a { padding:2px 4px; display:block;-moz-border-radius: 3px; border-radius: 3px;   transition: all .3s linear;
   -o-transition: all .5s linear;
   -moz-transition: all .5s linear;
   -webkit-transition: all .5s linear; }
ul#navigatie li:hover a,
ul#navigatie li a:hover,a:active { background:#222222 url('bg.gif') 0 -40px repeat-x; }
/* navigatie - niveau 2 */
ul#navigatie li ul { position:absolute; top:25px; display:none; width:175px; z-index:2; background:#bbb }
ul#navigatie li:hover ul { display:block; }
ul#navigatie li ul li { clear:both; height:auto; width:100%; }
ul#navigatie li:hover ul li a,
ul#navigatie li ul li a { background:#777777 none;margin-bottom:-1px; padding:7px; width:159px; display:block;  font-weight:bold; }
ul#navigatie li ul li:hover a,
ul#navigatie li ul li a:hover,a:active { background:#111111 none; color:#fffff0; font-style:italic; font-weight: bold; }
/* navigatie - niveau 3 */
ul#navigatie li:hover ul li ul,
ul#navigatie li ul li ul { position:absolute; top:0; left:175px; display:none; background:#bbb none; z-index:3; }
ul#navigatie li ul li:hover ul { display:block; }
ul#navigatie li ul li ul li { }
ul#navigatie li ul li:hover ul li a,
ul#navigatie li ul li ul li a { font-style:normal; background:#777777 none;}
ul#navigatie li ul li ul li:hover a,
ul#navigatie li ul li ul li a:hover { background:#111111 none; color:#fffff0; font-style:italic; }
/* navigatie - niveau 4 */
ul#navigatie li:hover ul li ul li ul,
ul#navigatie li ul li ul li ul { position:absolute; top:0; left:175px; display:none; background:#090 none; z-index:3; }
ul#navigatie li ul li ul li:hover ul { display:block; }
ul#navigatie li ul li ul li ul li { }
ul#navigatie li ul li ul li:hover ul li a,
ul#navigatie li ul li ul li ul li a { font-style:normal; }
ul#navigatie li ul li ul li ul li:hover a,
ul#navigatie li ul li ul li ul li a:hover { background:#bbb none; color:#fff; }


	/*menu achtergrond bij hover 2e nivo*/ 
 ul#navigatie li:hover a,ul#navigatie li a:hover,a:active 
 { background:#ffffca;}
	

	/*achtergrond menu t/m 2e nivo wanneer hover*/
ul#navigatie li a:hover,a:active,ul#navigatie li ul li a:hover,a:active
 { background:#ccaaff; 
 background: -moz-linear-gradient(top, rgb(204,170,255) 0%, rgb(198,165,247) 65%, rgb(204,170,255) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,170,255)), color-stop(35%,rgb(198,165,247)), color-stop(100%,rgb(204,170,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(204,170,255) 0%,rgb(198,165,247) 65%,rgb(204,170,255) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(204,170,255) 0%,rgb(198,165,247) 65%,rgb(204,170,255) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgb(204,170,255) 0%,rgb(198,165,247) 65%,rgb(204,170,255) 100%); /* W3C */
 
 
 }
 

 	@media screen and (max-width: 800px)  {
ul#navigatie { width:412px;height:70px;margin-bottom:40px;float:none;margin: 0 auto;}
ul#navigatie li {margin-bottom:30px; }
}