#mainnavigation {width:185px; float:left; margin:0 0 40px 15px; display:inline;}
#mainnavigation ul {list-style:none; margin:0; padding:0;}
#mainnavigation li a {text-indent:-5000px;}

.en_US #mainnavigation li a {display:block;width:185px;height:30px;background-image:url(../images/en_US/mainnavigation.png);background-repeat:no-repeat;}
.nl_NL #mainnavigation li a {display:block;width:185px;height:30px;background-image:url(../images/nl_NL/mainnavigation.png);background-repeat:no-repeat;}
.de_DE #mainnavigation li a {display:block;width:185px;height:30px;background-image:url(../images/de_DE/mainnavigation.png);background-repeat:no-repeat;}
.fr_FR #mainnavigation li a {display:block;width:185px;height:30px;background-image:url(../images/fr_FR/mainnavigation.png);background-repeat:no-repeat;}
.be_BE #mainnavigation li a {display:block;width:185px;height:30px;background-image:url(../images/be_BE/mainnavigation.png);background-repeat:no-repeat;}
.fr_BE #mainnavigation li a {display:block;width:185px;height:30px;background-image:url(../images/fr_BE/mainnavigation.png);background-repeat:no-repeat;}

#mainnavigation li a#subnav_1 {background-position:0 0;}
#mainnavigation li a#subnav_2 {background-position:0 -30px;}
#mainnavigation li a#subnav_3 {background-position:0 -60px;}
#mainnavigation li a#subnav_4 {background-position:0 -90px;}
#mainnavigation li a#subnav_5 {background-position:0 -120px;}
#mainnavigation li a#subnav_6 {background-position:0 -150px;}

#mainnavigation li a#subnav_7 {display:none;}
#mainnavigation li a#subnav_8 {display:none;}
#mainnavigation li a#subnav_9 {display:none;}
#mainnavigation li a#subnav_10 {display:none;}
#mainnavigation li a#subnav_11 {display:none;}
#mainnavigation li a#subnav_12 {display:none;}
#mainnavigation li a#subnav_13 {display:none;}
#mainnavigation li a#subnav_14 {display:none;}

/* hide NEWS cause that's what they want */
.fr_BE #mainnavigation li a#subnav_6 {display:none;}
.be_BE #mainnavigation li a#subnav_6 {display:none;}

/* shows INFO cause that's what they want */
.fr_BE #mainnavigation li a#subnav_13 {display:block;background-position:0 -150px;}
.be_BE #mainnavigation li a#subnav_13 {display:block;background-position:0 -150px;}
.be_BE #mainnavigation li a#subnav_13.activesub, .be_BE #mainnavigation li a#subnav_13.activesub:hover {display:block;background-position:-400px -150px;}

#mainnavigation li a#subnav_1:hover {background-position:-200px 0;}
#mainnavigation li a#subnav_2:hover {background-position:-200px -30px;}
#mainnavigation li a#subnav_3:hover {background-position:-200px -60px;}
#mainnavigation li a#subnav_4:hover {background-position:-200px -90px;}
#mainnavigation li a#subnav_5:hover {background-position:-200px -120px;}
#mainnavigation li a#subnav_6:hover {background-position:-200px -150px;}

#mainnavigation li a#subnav_1.activesub, #mainnavigation li a#subnav_1.activesub:hover {background-position:-400px 0;}
#mainnavigation li a#subnav_2.activesub, #mainnavigation li a#subnav_2.activesub:hover {background-position:-400px -30px;}
#mainnavigation li a#subnav_3.activesub, #mainnavigation li a#subnav_3.activesub:hover {background-position:-400px -60px;}
#mainnavigation li a#subnav_4.activesub, #mainnavigation li a#subnav_4.activesub:hover {background-position:-400px -90px;}
#mainnavigation li a#subnav_5.activesub, #mainnavigation li a#subnav_5.activesub:hover {background-position:-400px -120px;}
#mainnavigation li a#subnav_6.activesub, #mainnavigation li a#subnav_6.activesub:hover {background-position:-400px -150px;}

#navigation hr {display:none;}
#navigation ul.navback {display:none;}

/* deze moeten nog sectie specifiek */
#navigation {}
#navigation li {float:left; padding-right:30px;padding-bottom:64px;}
#navigation a {font-size:1.6em;text-decoration:none;color:#92695B;font-family:"mpf";font-weight:normal;line-height:normal;padding-top:0;margin-top:0;}
#navigation a.activesub {background-position:50% 24px; background-repeat:no-repeat;padding-bottom:44px;}

.home #navigation a:hover {color:#6CAB1F;}
.home #navigation a.activesub {color:#6CAB1F; background-image:url(../images/arrow_down-home.png);}
.about #navigation a:hover {color:#E52526;}
.about #navigation a.activesub {color:#E52526; background-image:url(../images/arrow_down-about.png);}
.health #navigation a:hover {color:#FC7213;}
.health #navigation a.activesub {color:#FC7213; background-image:url(../images/arrow_down-health.png);}
.using #navigation a:hover {color:#92559D;}
.using #navigation a.activesub {color:#92559D; background-image:url(../images/arrow_down-using.png);}
.recipes #navigation a:hover {color:#6CAB1F;}
.recipes #navigation a.activesub {color:#6CAB1F; background-image:url(../images/arrow_down-recipes.png);}
.Myrecipes #navigation a:hover {color:#467AB5;}
.Myrecipes #navigation a.activesub {color:#467AB5; background-image:url(../images/arrow_down-Myrecipes.png);}
.news #navigation a:hover {color:#009999;}
.news #navigation a.activesub {color:#009999; background-image:url(../images/arrow_down-news.png);}
