@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,500,600);


.container a:focus { color: #e9b90d; }
#flashcontent { max-width: 1140px; text-align: center; margin: 0 auto; line-height: 1px; }


.mb_nav {height:42px; position:relative; text-align:center; background: #1b1b1b url(/marken/mac-baren/gfx/bg_nav.jpg) top repeat-x; clear: both;
float: left;
width: 100%;
overflow: hidden; z-index:10; 
padding: 0 0 0 0;
}

.mb_navinner {
float: left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.mb_navinner li {
float: left;
position: relative;
right: 50%;
}

.mb_navinner a {
width: auto;
display: block;
padding: 14px 16px 0 13px;
height: 28px;
color: #f3f2f1;
font-family: 'Raleway', Georgia, Times, serif; text-shadow: 1px 1px 1px #2d2d2d; font-size: 12px; line-height: 12px; font-weight: 600; letter-spacing: 0; 
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
text-shadow: 1px 1px 1px #141414;
background: #1b1b1b url(/marken/mac-baren/gfx/bg_nav_inner.jpg) top right no-repeat;  
}
a.mb_navlast {
background: #1b1b1b url(/marken/mac-baren/gfx/bg_nav.jpg) top repeat-x;
}


.mb_navinner a:hover {
	color: #e9b90d;
}

a.mb_aktiv {
color: #e9b90d;
}


/* ============================= */
/*           max 1140px          */
/* ============================= */
@media handheld, only screen and (max-width: 1140px) {


}



/* ============================= */
/*           max 1024px          */
/* ============================= */
@media handheld, only screen and (max-width: 1024px) {

.mb_flashcontentinner { float: left; padding: 50px 80px 0 80px; font-size: 14px; line-height: 19px; }
.mb_content { clear: both; min-height: 600px; height: auto; }
.mb_flashcontentinner { padding-bottom: 60px; }
.mb_flashcontentinner_left { width: 50%; }
.mb_flashcontentinner_right { width: 40%; }
.mb_sorten_packshot img { width: 50%; }
.mb_zurueck_link { font-size: 16px; line-height: 16px; }
.mb_sorten { width: 80%; }
.mb_left_big { width: 78%; }

.darkbackground { height: 3000px; }


.markeinhalt { height: 543px; overflow: hidden; }


}



/* ============================= */
/*           max 768px          */
/* ============================= */
@media handheld, only screen and (max-width: 768px) {

.mb_navinner a { font-size: 11px; padding: 14px 11px 0 8px; }

}


/* ============================= */
/*           max 695px          */
/* ============================= */
@media handheld, only screen and (max-width: 695px) {

.mb_nav { height: auto; background: #1b1b1b url(/marken/mac-baren/gfx/bg_nav.jpg) top repeat-x; }
.mb_navinner a { font-size: 14px; padding: 14px 6px 2px 6px; background: #1b1b1b url(/marken/mac-baren/gfx/bg_nav.jpg) top repeat-x;  }
.mb_navinner li {
float: none;
clear: both;
width: 100%;
right: none;
border-bottom: 1px solid #232323;
display: block;
}

.mb_navinner {
float: left;
position: relative;
left: none;
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}

}



/* ============================= */
/*           max 480px          */
/* ============================= */
@media handheld, only screen and (max-width: 480px) {



}


/* ============================= */
/*           max 320px          */
/* ============================= */
@media handheld, only screen and (max-width: 320px) {


}