@charset "utf-8";
/* CSS Document */



/*Left Side*/
#left-side{z-index:2000;width:203px;}


#nav_vert{}
#nav_vert ul{margin:00px; padding:0px;}
#nav_vert ul li{list-style:none;color:#fff;font-size:14px;text-indent:-5000px;float:left;clear:left;width:215px;}
#nav_vert ul li a{color:#fff;font-size:14px;width:215px;float:left;clear:left;overflow:hidden}
#nav_vert ul li a:hover{background-position:0 -29px;}

* html #nav_vert ul li a em {display:none;}
#nav_vert ul li ul li a em{font-style:normal; display:block}
#nav_vert ul li ul li a span{display:none}

#nav_vert ul li ul li a{color:#FF7D24}

#nav_vert ul li a span {display:block; visibility:hidden}

#nav_vert ul li a.Home{background:url(../images/Home.png) no-repeat ;height:36px;}
#nav_vert ul li a.Home:hover{background-position:0 -36px !important;}
* html #nav_vert ul li a.Home span{width:203px; height:36px; background:url(../images/Home2.png) scroll no-repeat top left;}

#nav_vert ul li a.Assortiment{background:url(../images/Assortiment.png) no-repeat ;height:34px;}
#nav_vert ul li a.Assortiment:hover{background-position:0 -34px !important;}
#nav_vert ul li ul li a.Assortiment{background-image:none}
* html #nav_vert ul li a.Assortiment span{width:215px; height:34px; background:url(../images/Assortiment2.png) scroll no-repeat top left;}

#nav_vert ul li a.Actueel{background:url(../images/Actueel.png) no-repeat ;height:34px;}
#nav_vert ul li a.Actueel:hover{background-position:0 -34px !important;}
#nav_vert ul li ul li a.Actueel{background-image:none}
* html #nav_vert ul li a.Actueel span{width:215px; height:34px; background:url(../images/Actueel2.png) scroll no-repeat top left;}

#nav_vert ul li a.Actueel{background:url(../images/Actueel.jpg) no-repeat ;height:33px;}
#nav_vert ul li a.Actueel:hover{background-position:0 -33px !important;height:33px}

#nav_vert ul li a.Kwaliteit{background:url(../images/Kwaliteit.jpg) no-repeat ;height:33px;}
#nav_vert ul li a.Kwaliteit:hover{background-position:0 -33px !important;height:33px}

#nav_vert ul li a.Onze-klanten{background:url(../images/Onze-klanten.jpg) no-repeat ;height:33px;}
#nav_vert ul li a.Onze-klanten:hover{background-position:0 -33px !important;height:33px}

#nav_vert ul li a.Koeken{background:url(../images/Koeken.png) no-repeat ;height:34px;}
#nav_vert ul li a.Koeken:hover{background-position:0 -34px !important;}
#nav_vert ul li ul li a.Koeken{background-image:none}
* html #nav_vert ul li a.Koeken span{width:215px; height:34px; background:url(../images/Koeken2.png) scroll no-repeat top left;}

#nav_vert ul li a.Muesli-Repen{background:url(../images/Muesli_Repen.png) no-repeat ;width:215px;height:35px; cursor:default}
#nav_vert ul li a.Muesli-Repen:hover{background-position:0 -35px !important;}
* html #nav_vert ul li a.Muesli-Repen span{width:217px; height:35px; background:url(../images/Muesli_Repen2.png) scroll no-repeat top left;}

#nav_vert ul li a.Private-Label{background:url(../images/private_label.png) no-repeat ;height:31px;}
#nav_vert ul li a.Private-Label:hover{background-position:0 -31px !important;}
* html #nav_vert ul li a.Private-Label span{width:215px; height:31px; background:url(../images/private_label2.png) scroll no-repeat top left;}

/*
#nav_vert ul li a.Marketinginformatie{background:url(../images/Marketinginformatie.png) no-repeat ;height:34px;}
#nav_vert ul li a.Marketinginformatie:hover{background-position:0 -34px !important;}
#nav_vert ul li ul li a.Marketinginformatie{background-image:none}
* html #nav_vert ul li a.Marketinginformatie span{width:215px; height:34px; background:url(../images/Marketinginformatie2.png) scroll no-repeat top left;}
*/

#nav_vert ul li a.Marketinginformatie{background:url(../images/Marketinginformatie.jpg) no-repeat ;height:33px;}
#nav_vert ul li a.Marketinginformatie:hover{background-position:0 -33px !important;height:33px}

#nav_vert ul li a.Productontwikkeling{background:url(../images/Productontwikkeling.jpg) no-repeat ;height:33px;}
#nav_vert ul li a.Productontwikkeling:hover{background-position:0 -33px !important;}

#nav_vert ul li a.Consument{background:url(../images/Consument.jpg) no-repeat ;height:33px;}
#nav_vert ul li a.Consument:hover{background-position:0 -33px !important;}

#nav_vert ul li a.Over-Ravensbergen{background:url(../images/Over_Ravensbergen.png) no-repeat ;width:215px;height:34px;cursor:default}
#nav_vert ul li a.Over-Ravensbergen:hover{background-position:0 -34px !important;}
* html #nav_vert ul li a.Over-Ravensbergen span{width:231px; height:39px; background:url(../images/Over_Ravensbergen2.png) scroll no-repeat top left;}

#nav_vert ul li a.Contact{background:url(../images/Contact.jpg) no-repeat ;height:37px;}
#nav_vert ul li a.Contact:hover{background-position:0 -37px !important;height:37px}

#nav{margin:30px 0 16px 0; line-height:normal;height:300px;}


#nav li.over ul{margin-left:215px;}

#nav ul{float:right;padding-left:0;margin-top:-15px;width:161px;position:absolute;z-index:3000;padding-top:0;margin-left:-5000px;}

#nav li{float:left;clear:left;}

/**/
ul li {float: left; position: relative; width: auto; clear: left; width: auto;}

#nav li ul {position: absolute;top: 0; left: 0;float:left;clear:right;}

#nav li > ul {top: 0;left: auto;}

#nav li:hover ul {display: block;}

#nav ul {display: none;}

#nav li:hover ul, #nav li.over ul {display: block;}

/**/
#nav .drop {
 top:0;
 left:0;
 width: 161px;
 clear:right;
 background:url(../images/subNav_top.png) no-repeat left top;
 padding-bottom:9px;
 padding-top:12px;
}


#nav li .drop li.pre-last
{ 
 z-index:44;
 position:relative;
}

#nav_vert .drop li
{
 overflow: hidden;
 float: left; 
 clear: left;
 text-indent:0 !important;
 border-bottom:1px solid #B53300;width:161px;
 background:#B22E00 ;
 margin:0;
 line-height:29px;
 font-size:11px;
}

#nav_vert .drop li a 
{
 cursor: pointer;
 height: 26px !important;
 color: #FF7D24;
 font-size:11px;
 text-decoration:none;
 padding-left:18px;
}

#nav_vert .drop li a:hover 
{
 background:transparent;
 color:#ffffff;
}

#nav ul li ul 
 {
 float: left;
 clear: left;
 margin-top: 42px;
}

#nav ul li ul li a 
{
 background:transparent;
 height: 26px;
 color: #fff;
 width: 218px !important;
 height: 26px;
}

/*
#nav li .drop li.last
{ 
 background: url(../images/subNav_bottom.png) no-repeat left top;
 height:37px;
 border-bottom:none;
 margin-top:0px;
}*/

#nav_vert #nav li .drop li.last
{ 
 background: url(../images/subNav_bottom_small.png) no-repeat left top;
 height: 8px;
 border-bottom: none;
 margin-top: 0px;
 font-size: 0px;
 line-height: 0px;
}

* html #nav li .drop li.last
{ 
 margin-top:-23px;
}

/*******/