#mediabox { background-image:url(../images/mediabox.png); background-position:left top; background-repeat:no-repeat; }
.newsletter {background-image:url(../images/newsletter.png); background-position:center top; background-repeat:no-repeat;}
#langbar { background-image:url(../images/bkg-langbar.png); background-position:left top; background-repeat: repeat-x;}



/* ---------------------------------------------------------------------------- MENU --- */

.menu { padding:0 0 0 10px}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:37px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:13px;
text-transform:uppercase;
width:322px;
padding:8px 0 3px 0;
color:#fff;
background-image:none; background-position:-700px -166px;
background-repeat:no-repeat;
text-decoration:none;
margin-right:0px;
text-align:center;
height:23px;
}

.menu ul li a { background-color:none}

.menu ul li ul li a, .menu ul li ul li :visited, .menu ul li ul li :active {
display:block;
font-size:13px;
text-transform:none;
width:322px;
padding:6px 0 0px 0;
color:#fff;
background:none;
background-image:url(../images/bkg-general-cuisine.jpg); background-position:-765px -166px;
background-repeat:no-repeat;
text-decoration:none;
margin-right:0px;
text-align:center;
height:26px;
}


/* style the links hover */
.menu :hover{
color: #FFFF00;
background:none;
background-image:none; background-position:-897px -166px;
background-repeat:no-repeat;

}

.menu ul li ul li :hover {
background-image:url(../images/bkg-general-cuisine.jpg); background-position:-111px -166px;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:318px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}




/* ---------------------------------------------------------------------------- MENU PROFIL --- */



/* remove the bullets, padding and margins from the lists */
.myprofil ul{
list-style-type:none;
padding:0;
margin: 0;
float:right;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.myprofil li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.myprofil table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:32px;
}

/* style all the links */
.myprofil a, .myprofil :visited {
display:block;
font-size:14px;
width:143px;
padding:5px 0 0px 0;
color:#fff;
background:#fff;
background-image:url(../images/bkg-general-cuisine.jpg); background-position:-951px top;
background-repeat:no-repeat;
text-decoration:none;
margin-right:0px;
text-align:center;
height:22px;
}

.myprofil ul li ul li a, .myprofil ul li ul li :visited, .myprofil ul li ul li :active {
display:block;
font-size:12px;
width:143px;
padding:6px 0 0px 0;
color:#fff;
background:#fff;
background-image:url(../images/bkg-general-cuisine.jpg); background-position:-951px top;
background-repeat:no-repeat;
text-decoration:none;
margin-right:0px;
text-align:center;
height:22px;
}


/* style the links hover */
.myprofil :hover{
color: #FFFF00;
background-image:url(../images/bkg-general-cuisine.jpg); background-position:-951px top;
background-repeat:no-repeat;

}

.myprofil ul li ul li :hover {
background-image:url(../images/bkg-general-cuisine.jpg); background-position:-951px top;
}

/* hide the sub level links */
.myprofil ul ul {
visibility:hidden;
position:absolute;
width:143px;
height:0;
}
/* make the sub level visible on hover list or link */
.myprofil ul li:hover ul,
.myprofil ul a:hover ul{
visibility:visible;
}