﻿
ul#primary-nav_ul_1
{
	width: 280px; /* Width of Menu Items */
	list-style:none;
    position:absolute;
    left:-30px;
    top:5px;
    z-index:35;
	}
	
ul#primary-nav_ul_1 ul {
	width: 210px; /* Width of Menu Items */
	list-style:none;
	}
	
.vervolgmenu li ul {
	left: 280px; /* Set 1px less than menu width */
	top:3px;
	}
.vervolgmenu li ul ul{
	left: 230px; /* Set 1px less than menu width */
	top:0px;
	}


/*******************************************\
\*******************************************/
/*****************UITKLAP*******************\
\*******************************************/
/*******************************************\
\*******************************************/

ul#primary-nav_ul_1,
ul#primary-nav_ul_1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#primary-nav_ul_1 li  {
	position: relative;
	}
	
.vervolgmenu li ul {
	position: absolute;
	top: 0px;
	display: none;
	}
	

/* Holly Hack. IE Requirement \*/
* html ul#primary-nav_ul_1 li{ float: left; height: 1%; }
* html ul#primary-nav_ul_1 li a { height: 1%; }
/* End */


.vervolgmenu li:hover ul, 
.vervolgmenu li.over ul 
{
    display: block; 
    } /* The magic */

.vervolgmenu li:hover ul ul, 
.vervolgmenu li.over ul ul 
{
    display: none; 
    } /* The magic */

.vervolgmenu li ul li:hover ul, 
.vervolgmenu li ul li.over
{
    display: block; 
    } /* The magic */
    

ul#primary-nav_ul_1 li a i
{
    font-style:normal;
	}

ul#primary-nav_ul_1 li li a i
{
    font-style:normal;
	}
/*******************************************\
\*******************************************/
/******************OPMAAK*******************\
\*******************************************/
/*******************************************\
\*******************************************/


    
/****************** 1e laag *******************/

ul#primary-nav_ul_1 li a
{
    background:transparent url(../images/arrow_menu.gif) no-repeat 40px 0px;
    font-size:15px;
    width:250px;
    display:block;
    text-align:right;
    padding:3px 30px 3px 0px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    }
ul#primary-nav_ul_1 li:hover,
ul#primary-nav_ul_1 li a:hover,
ul#primary-nav_ul_1 li:hover a:hover,
ul#primary-nav_ul_1 li:hover a 
{
    background:transparent url(../images/arrow_menu_hover.gif) no-repeat 40px 0px;
    }
    
ul#primary-nav_ul_1 .current_li_1
{background:transparent url(../images/arrow_menu_hover.gif) no-repeat 40px 0px;}
ul#primary-nav_ul_1 .current_li_1 a
{background:transparent url(x.gif)}
    
    
    
/****************** 2e laag *******************/
    
    
ul#primary-nav_ul_1 li li a
{
    background:#d73312;
    font:15px;
    line-height:17px;
    width:230px;
    display:block;
    text-align:left;
    padding:4px 20px 4px 10px;
    color:#efddd9;
    }
ul#primary-nav_ul_1 li:hover li,
ul#primary-nav_ul_1 li:hover li a,
ul#primary-nav_ul_1 li li:hover li a 
{
    background:#d73312 url(../images/submenu.gif) no-repeat right top;
    color:#efddd9;
    }

ul#primary-nav_ul_1 li:hover li a:hover,
ul#primary-nav_ul_1 li li a:hover,
ul#primary-nav_ul_1 li li:hover a
{
    background:#c73312 url(../images/submenu_hover.gif) no-repeat right top;
    color:#fff;
    }
    
    
    
