/***************VERTICAL**********************/
/*****ALL*****/

#menu_pegasus ul {
    list-style-type: none;
    padding:0;
    margin:0;
	width:167px;
	float:left;/* voor de 3 kol's op vervolg, niet nodig voor home */
	margin-top:3px;
	margin-right:55px;
}
#menu_pegasus ul.last {
	margin-right:0px;
}
#menu_pegasus ul li {
    margin: 0;
    padding: 0;
    display:block;
	width:167px;
	height:42px;
	overflow:hidden;
}
#menu_pegasus ul li a{
    display:block;
	width:167px;
	height:42px;
	padding-left:167px;/* dit plaatst de eigenlijke link tekst naast het menu waardoor die onzichtbaar wordt - zie overflow:hidden hierboven */
}
#menu_pegasus ul li#uitgeverij a:hover {
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#uitgeverij a{
    background: url(/skin/frontend/pegasus/default/images/menu_uitgeverij.gif);
}
#menu_pegasus ul li#fondslijst a:hover, #menu_pegasus ul li#fondslijst.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#fondslijst a{
    background: url(/skin/frontend/pegasus/default/images/menu_fondslijst.gif);
}
#menu_pegasus ul li#overons a:hover, #menu_pegasus ul li#overons.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#overons a{
    background: url(/skin/frontend/pegasus/default/images/menu_overons.gif);
}
#menu_pegasus ul li#contact a:hover, #menu_pegasus ul li#contact.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#contact a{
    background: url(/skin/frontend/pegasus/default/images/menu_contact.gif);
}
#menu_pegasus ul li#bestellen a:hover, #menu_pegasus ul li#bestellen.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#bestellen a{
    background: url(/skin/frontend/pegasus/default/images/menu_bestellen.gif);
}
#menu_pegasus ul li#evenementen a:hover, #menu_pegasus ul li#evenementen.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#evenementen a{
    background: url(/skin/frontend/pegasus/default/images/menu_evenementen.gif);
}
#menu_pegasus ul li#links a:hover, #menu_pegasus ul li#links.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#links a{
    background: url(/skin/frontend/pegasus/default/images/menu_links.gif);
}
#menu_pegasus ul li#nieuw a:hover, #menu_pegasus ul li#nieuw.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#nieuw a{
    background: url(/skin/frontend/pegasus/default/images/menu_nieuw.gif);
}
#menu_pegasus ul li#winkelwagen a:hover, #menu_pegasus ul li#winkelwagen.act a{
	background-position:167px 0px;
	text-decoration:none;
}
#menu_pegasus ul li#winkelwagen a{
    background: url(/skin/frontend/pegasus/default/images/menu_winkelwagen.gif);
}


/* linkermenu */
#vertical-nav ul {
    list-style-type: none; /* get rid of the bullets */
    padding:0;             /* no padding */
    margin:0;              /* no margin for IE either */
	padding-bottom:5px;/* streepje onder het hele menu door padding en bg img */
	background-image:url(/skin/frontend/pegasus/default/images/menu_streepje.gif); /* voor lokale versie url aanpassen, ook hier beneden: /pegasus/ ervoor */
}
#vertical-nav ul#nav_vert_cms{
	padding-bottom:0;/* GEEN streepje onder het hele menu op home en extra marge boven */
	margin-top:55px;
	background-image:none;
}
#vertical-nav ul ul{
	padding-bottom:0;/* reset padding-bottom voor alle andere levels boven laagste*/
	/*padding-top:5px;*//* dit zorgt voor wit streepje boven 1e submenu */
	/* uitgezet 19-12 om duidelijker te maken dat submenu bij hoofd hoort */
	background-image:url(/skin/frontend/pegasus/default/images/menu_streepje.gif);
}
#vertical-nav ul ul ul{
	padding-top:0;/* reset padding-bottom voor alle andere levels boven 1e*/
}
#vertical-nav ul li {
    margin: 0;
    padding: 0;
    display:block;
    background-color: #F15C22;	/* oranje */
}


/* toegevoegd voor mouseovers vervolg menu 22-3-09 */
/* NIET gebruikt wegens problemen met de overflow:hidden, uitklap wordt ook verborgen! */
/*
#vertical-nav ul li#taalstudie, #vertical-nav ul li#literatuur, #vertical-nav ul li#kranten {
    margin: 0;
    padding: 0;
    display:block;
	width:162px;
	height:54px;
	overflow:hidden;
}
#vertical-nav ul li#taalstudie a.toplevel, #vertical-nav ul li#literatuur a.toplevel, #vertical-nav ul li#kranten a.toplevel {
    display:block;
	width:162px;
	height:54px;
	padding-left:162px;
}
#vertical-nav ul li#taalstudie a.toplevel:hover, #vertical-nav ul li#taalstudie.act a{
	background-position:162px 0px;
	text-decoration:none;
}
#vertical-nav ul li#taalstudie a.toplevel{
    background: url(/skin/frontend/pegasus/default/images/menu_vervolg_taalstudie.gif);
}
#vertical-nav ul li#literatuur a.toplevel:hover, #vertical-nav ul li#literatuur.act a{
	background-position:162px 0px;
	text-decoration:none;
}
#vertical-nav ul li#literatuur a.toplevel{
    background: url(/skin/frontend/pegasus/default/images/menu_vervolg_literatuur.gif);
}
#vertical-nav ul li#kranten a.toplevel:hover, #vertical-nav ul li#kranten.act a{
	background-position:162px 0px;
	text-decoration:none;
}
#vertical-nav ul li#kranten a.toplevel{
    background: url(/skin/frontend/pegasus/default/images/menu_vervolg_kranten.gif);
}
*/
/* einde toegevoegd voor mouseovers vervolg menu 22-3-09 */


/* toegevoegd voor mouseovers menu 20-3-09 */
#vertical-nav ul#nav_vert_cms li {
    margin: 0;
    padding: 0;
    display:block;
	width:233px;
	height:100px;
	overflow:hidden;
}
#vertical-nav ul#nav_vert_cms li#kranten {
	height:105px;
}
#vertical-nav ul#nav_vert_cms li a{
    display:block;
	width:233px;
	height:100px;
	padding-left:233px;/* dit plaatst de eigenlijke link tekst naast het menu waardoor die onzichtbaar wordt - zie overflow:hidden hierboven */
}
#vertical-nav ul#nav_vert_cms li#kranten a{
	height:105px;
}
#vertical-nav ul#nav_vert_cms li#taalstudie a:hover, #vertical-nav ul#nav_vert_cms li#literatuur a:hover, #vertical-nav ul#nav_vert_cms li#kranten a:hover{
	background-position:233px 0px;
	text-decoration:none;
}
#vertical-nav ul#nav_vert_cms li#taalstudie a{
    background: url(/skin/frontend/pegasus/default/images/menu_home_taalstudie.gif);
}
#vertical-nav ul#nav_vert_cms li#literatuur a{
    background: url(/skin/frontend/pegasus/default/images/menu_home_literatuur.gif);
}
#vertical-nav ul#nav_vert_cms li#kranten a{
    background: url(/skin/frontend/pegasus/default/images/menu_home_kranten.gif);
}
/* einde toegevoegd voor mouseovers menu 20-3-09 */



#vertical-nav ul li li {
    background-color: #848689;	/* donkergrijs voor alle volgende levels */
}

#vertical-nav ul li a {
	display:block;
	display:inline-block;/* om gaten tussen li's in IE7 te voorkomen, moet dit nog in apart hack stukje om voor andere browsers alleen de display: block zichtbar te houden? */
    padding:0;
    margin:0;
    text-decoration: none;
    /* height toevoegen IE ? */
	line-height:1px; /* overrulen voor level 0 want dat is image, anders komt er een border onder vanwege line-height =20 in de body def */
}

#vertical-nav ul li li a {
    font: bold 12px/21px Helvetica, Arial, sans-serif;/* 18-12 was 11px */
}

#vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen, #vertical-nav .final {
    color:#fff;
}

#vertical-nav ul ul li a {	/* level 1 (laagste niv is 0!)*/
    margin-left: 17px;
}

#vertical-nav ul ul ul li a {	/* level 2 */
	margin-left: 37px;
	font-weight: normal;
    font-size: 11px;/* 18-12 toegevoegd */
}
#vertical-nav ul ul ul li {	/* level 2 */
}

/* level 3 */
/* upd 11-2-09 uitklap voor level 3 */
#vertical-nav ul ul ul li table {
	display: none;
}
#vertical-nav ul ul ul li:hover table {
	display: block;
}

#vertical-nav table {
	border-collapse: collapse;
	margin-left: 47px;
	left:0;
	width:275px;
	font-weight: normal;
	background-color: white;
	position: absolute;
	
}
#vertical-nav td {
	background-color: white;
	padding: 0px 6px 0px 8px;
}
#vertical-nav ul li li td a{
	/*line-height:12px;/* 3-12 was uit gecomment, probleem met ie? */
	letter-spacing: 1px;
	font-weight: bold;
    font-size: 11px;/* 18-12 toegevoegd */
	margin-left:0;
}
#vertical-nav td a:hover{
	color: #F15C22;
}

/* einde level 3 */

#vertical-nav a {
  color:#000;
}
#vertical-nav a:hover {
  color:#fff;
}