/* css for the mobile menu */
@font-face {
    font-family: 'lucida_sansregular';
    src: url('../../../../../templates/common/fonts/lucida_sans-webfont.eot');
    src: url('../../../../../templates/common/fonts/lucida_sans-webfont.eot#iefix') format('embedded-opentype'),
         url('../../../../../templates/common/fonts/lucida_sans-webfont.woff') format('woff'),
         url('../../../../../templates/common/fonts/lucida_sans-webfont.ttf') format('truetype'),
         url('../../../../../templates/common/fonts/lucida_sans-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;}
	


#mobilemaximenuck {
    background: #fff;
    color: #fff;
    font-size: 15px;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family:'lucida_sansregular', Arial, Helvetica, sans-serif;
    left: 0;
    top: 0;
}

#mobilemaximenuck .topbar {
    height: 45px;
	background: #003652; /* Old browsers */
    border-bottom: 1px solid #175186;
}

#mobilemaximenuck #mobilemaximenucktitle {
    font-size: 20px;
    padding: 10px 0 0 20px;
    display: block;
    float: left;
}

#mobilemaximenuck #mobilemaximenuckclose {
    display: block;
    float:right;
    margin: 5px 10px;
    background: url(close.png) center center no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
}

#mobilemaximenuck div.maximenuck {
    cursor: pointer;
    min-height: 35px;
    line-height: 35px;
    padding-left: 0px;
    padding-bottom: 3px;
}

#mobilemaximenuck div.maximenuck:hover,
#mobilemaximenuck div.maximenuck:focus {
}

#mobilemaximenuck div.maximenuck > a {
    color: #fff;
    display: block;
    padding-left: 45px;
    text-decoration: none;
    text-align: left;
}

#mobilemaximenuck div span.descck {
    padding-left: 10px;
    font-size: 12px;
}

#mobilemaximenuck div.current {
    background: none;
    border: none;
}

#mobilemaximenuck div.current > a:after {
    content: " ";
    display: block;
    float: right;
    height: 35px;
    width: 42px;
    margin-right: 10px;
    background: url(arrow_right.png) center center no-repeat;
}

#mobilemaximenuck div.level1.maximenuck > a {
    /* background: url(arrow.jpg) left center no-repeat; */
    background: #009EE0;
    border-radius: 5px;
    margin:2px 10px;
    padding-left: 45px;
}

#mobilemaximenuck div.level2.maximenuck > a {
    /* background: url(arrow2.jpg) left center no-repeat; */
    background: #d8e1e6;
    border-radius: 5px;
    margin:2px 10px 2px 20px;
    padding-left: 45px;
	 color:#003652;
}

#mobilemaximenuck div.level3.maximenuck > a {
    background: #AFB800;
    border-radius: 5px;
    margin:2px 50px;
    padding-left: 40px;
}

#mobilemaximenuck div.level4.maximenuck > a {
    /* background: url(arrow3.png) 20px center no-repeat; */
    padding-left: 85px;
}

#mobilemaximenuck div.level5.maximenuck > a {
    /* background: url(arrow3.png) 20px center no-repeat; */
    padding-left: 95px;
}

#mobilebarmenuck {
    display: none;
    position: absolute;
    z-index: 100; 
    top: 0;
    left: 0;
	background: #003652; /* Old browsers */
    width: 100%;
    height: 45px;
}

#mobilebuttonmenuck {
    position: relative;
    z-index: 100; 
    height: 30px;
    width: 30px;
    background: url("fleche-menu-mobile.png") no-repeat left center;
    float: right;
    margin: 5px;
    cursor: pointer;
}

.mobilebarmenutitleck {
    padding: 2% 0 0 20px;
	display:block;
	float: left;
	color: #eee;
    font-size: 20px;
	font-family:'lucida_sansregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
}