/* =============  Menu CSS  ================
css word per kleur aangepast welke wordt 
aangegeven bij de bewuste class

*/
#nav,
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: auto;
}
#nav li { /* all list items */
	float: left;
	position: relative;
	width: auto;
	margin: 0 15px 0 5px;
}
#nav li a
{
	color: #4f5650;
	text-decoration: underline;
	background: #fff url(../images/menu/bullet_menu.gif) no-repeat left;
	padding: 0 0 0 15px;
    font-size: 12px;
    font-weight: bold;
}
#nav li a:hover,
#nav li a:active
{
	color: #ef482f;
	text-decoration: underline;
	background: #fff url(../images/menu/bullet_menu.gif) no-repeat left;
	padding: 0 0 0 15px;
    font-size: 12px;
    font-weight: bold;
}

#nav li a.current
{
	color: #ef482f;
	text-decoration: none;
	background: #fff url(../images/menu/bullet_menu.gif) no-repeat left;
	padding: 0 0 0 15px;
    font-size: 12px;
    font-weight: bold;
}
#nav li ul
{ /* second-level lists */
	display: none;
	position: absolute;
	top: 16px;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #ccc;
}
#nav li ul li
{ /* all list items */
	position: relative;
	clear: both;
	width: 150px;
	list-style: none;
	padding: 2px 10px 2px 15px;
	margin: 0 0 0 0px;
}
#nav li ul li a,
#nav li ul li a:visited
{ /* all list items */
	color: #4f5650;
	text-decoration: underline;
	background-image: none;
	padding: 0 10px 0 0;
    font-size: 12px;
    font-weight: normal;
}
#nav li ul li a:hover,
#nav li ul li a:active
{ /* all list items */
	color: #ef482f;
	text-decoration: underline;
	background-image: none;
	padding: 0 10px 0 0;
    font-size: 12px;
    font-weight: normal;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

a.mainmenu01,
a.mainmenu02,
a.mainmenu03,
a.mainmenu04,
a.mainmenu05,
a.mainmenu080
{
    height:25px;
    width:200px;
    padding:3px 0px 0px 35px;
    margin:0px 0px 0px 35px;
    display:inline-block;
    float:left;
    clear:both;
    color:#555854;
    text-decoration:none;
    font-weight:bold;
    font-size: 12px;
    } 

a.mainmenu01:hover,
a.mainmenu02:hover,
a.mainmenu03:hover,
a.mainmenu04:hover,
a.mainmenu05:hover,
a.mainmenu080:hover
{
    color:#ef482f;
    text-decoration:none;
    }   
    
a.mainmenu01
{
    background:#fff url(../images/menu/rood.gif) no-repeat;
    }

a.mainmenu02
{
    background:#fff url(../images/menu/oranje.gif) no-repeat;
    }

a.mainmenu03
{
    background:#fff url(../images/menu/geel.gif) no-repeat;
    }

a.mainmenu04
{
    background:#fff url(../images/menu/groen.gif) no-repeat;
    }

a.mainmenu05
{
    background:#fff url(../images/menu/blauw.gif) no-repeat;
    }

a.mainmenu080
{
    background:#fff url(../images/menu/paars.gif) no-repeat;
    }


.hoofdmenu
{
    width:538px;
    clear:both;
    float:right;
    }

.hoofdmenu .menu1
{
    background:#ebebec url(../images/menu/homemenu_01.gif) no-repeat left;
    height:16px;
    }

.hoofdmenu .menu7
{
    background:#ebebec url(../images/menu/homemenu_07.gif) no-repeat left;
    height:88px;
    }

.hoofdmenu .menu2 a
{
    background:#ebebec url(../images/menu/homemenu_02.gif) no-repeat left;
    height:50px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu3 a
{
    background:#ebebec url(../images/menu/homemenu_03.gif) no-repeat left;
    height:49px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu4 a
{
    background:#ebebec url(../images/menu/homemenu_04.gif) no-repeat left;
    height:50px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu5 a
{
    background:#ebebec url(../images/menu/homemenu_05.gif) no-repeat left;
    height:47px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu6 a
{
    background:#ebebec url(../images/menu/homemenu_06.gif) no-repeat left;
    height:52px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu7 a
{
    background:#ebebec url(../images/menu/homemenu_07.gif) no-repeat left;
    height:88px;
    display:block;
    width:100%;
    }
    
.hoofdmenu .menu2 a:hover
{
    background:#ebebec url(../images/menu/homemenu_hover_02.gif) no-repeat left;
    height:50px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu3 a:hover
{
    background:#ebebec url(../images/menu/homemenu_hover_03.gif) no-repeat left;
    height:49px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu4 a:hover
{
    background:#ebebec url(../images/menu/homemenu_hover_04.gif) no-repeat left;
    height:50px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu5 a:hover
{
    background:#ebebec url(../images/menu/homemenu_hover_05.gif) no-repeat left;
    height:47px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu6 a:hover
{
    background:#ebebec url(../images/menu/homemenu_hover_06.gif) no-repeat left;
    height:52px;
    display:block;
    width:100%;
    }

.hoofdmenu .menu7 a:hover
{
    background:#ebebec url(../images/menu/homemenu_hover_07.gif) no-repeat left;
    height:88px;
    display:block;
    width:100%;
    }