/* ====================================================================================================================================================== */
/* Allgemein                                                                                                                          */
/* ====================================================================================================================================================== */

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,500,600|Oxygen:400,300');

body {
border:0; margin:0; padding:0;
}

img, a img { border: 0; }
img, object, embed { max-width: 100%; outline:none; }


.border {
height: auto; !important; /* target other browsers */
height: ; /* target IE6 and lower */
}

a { color: #e9b90d; }		
a:hover { color: #ffffff; text-decoration: none; }
				
	#flashcontent {
		z-index:9999; position:relative; background: #1b1b1b;
		font-family: 'Oxygen', Georgia, Times, serif; font-size: 15px; line-height: 21px; font-weight: normal; color: #ffffff;
	}

	
.aktiv { color: #e9b90d; }
.inaktiv { color: #f3f2f1; }
	
	.darkbackground {
	width: 100%;height: 3000px;background:#000000;position:absolute;top:0;z-index:999;opacity: 0.85; -moz-opacity:0.85; filter:alpha(opacity=85);


	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;

	}	
	.darkbackground a { display: block; width: 100%;height: 1500px; text-indent: -9999px; }


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.85; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.85; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.85; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.85; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.85; }
}

	
	#zurueckzumportal {
	position:relative;

	z-index:9998;
	}
	
	
#contentmarke {
overflow: auto;
}	
	
	
.aussehen_outer { float: left; width: 100%; margin: 30px 0 0 0; }
.aussehen_left { float: left; width: 20%; padding: 0 0 0 8%;  font-family: 'Oxygen', Georgia, Times, serif; font-size: 14px; line-height: 19px; height: 310px; font-weight: normal; color: #ffffff;}
.aussehen_right { float: left; width: 72%; font-family: 'Oxygen', Georgia, Times, serif; font-size: 14px; line-height: 19px;  }
.aussehen_right_element { float: left; width: 20%; padding: 0 0 0 2%; font-family: 'Oxygen', Georgia, Times, serif; font-size: 14px; line-height: 19px; text-shadow: 1px 1px 1px #ffffff; }
.aussehen_right_element .headline { padding: 14px 0 10px 0; font-size: 14px; line-height: 19px; text-shadow: 1px 1px 1px #ffffff; }

.aussehen_right_element_video { float: left; width: 20%; padding: 0 0 24px 2%; font-family: 'Oxygen', Georgia, Times, serif; font-size: 14px; line-height: 19px; text-shadow: 1px 1px 1px #ffffff; }
.aussehen_right_element_video .headline { padding: 14px 0 10px 0; font-size: 14px; line-height: 19px; text-shadow: 1px 1px 1px #ffffff; }

.aussehen_left_text { padding: 0 10px 0 25px; color: #ffffff; }	
.aussehen_video_right { float: left; padding-left: 10%; }
.mb_shadow_vid { max-width: 100%; max-height: 100%; -moz-box-shadow: 3px 3px 5px #000000; -webkit-box-shadow: 3px 3px 5px #000000; box-shadow: 3px 3px 5px #000000;}	
	
.aussehen_mb_zurueck { float: left; width: 100%; }
.aussehen_mb_zurueck_link { background: #b78d35 url(/marken/handelsgold/gfx/bg_weiter.jpg) top center no-repeat; padding: 5px 30px 5px 30px; color:#442a1c; font-family: 'Oxygen', Georgia, Times, serif; text-align: center; font-size: 14px; text-transform: uppercase; line-height: 1px; text-shadow: 1px 1px 1px #d2b16e; }


	
#mcs_container{position:relative; top:-30px; margin:0; width:300px; height:327px; padding:6px 0 6px 0; margin: 36px 0 36px 0; background: #3f2312; }
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs_container .customScrollBox .content {clear:both; font-family: 'Oxygen', Georgia, Times, serif; font-weight: bold; font-size: 14px; line-height: 19px; margin-left: 20px; color: #ffffff; }
#mcs_container .customScrollBox .content a { color: #ffffff; font-weight: normal; font-size: 14px; line-height: 19px; }
#mcs_container .customScrollBox .content a:hover { text-decoration: none; color: #c09841; }
#mcs_container .customScrollBox .content a strong { color: #c09841; font-weight: normal; font-size: 14px; letter-spacing: 0; }
#mcs_container .dragger_container{position:relative; width:2px; height:285px; float:left; margin:40px 0 0 0; background:#3f2312; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{display: hidden; }
#mcs_container .dragger_pressed{display: hidden;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:100%; height:27px; text-decoration:none; right:0; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;}
#mcs_container .scrollUpBtn{ top:-27px; width: 100%; background: url(../gfx/button_up.png) 0 0 no-repeat; }
#mcs_container .scrollUpBtn:hover { background: url(../gfx/button_up.png) 0 -27px no-repeat; }
#mcs_container .scrollDownBtn{ bottom: -27px; width: 100%; background: url(../gfx/button_down.png) 0 0 no-repeat; }
#mcs_container .scrollDownBtn:hover{ background: url(../gfx/button_down.png) 0 -27px no-repeat; }
	
	
/* ====================================================================================================================================================== */
/* Mac Baren                                                                                                                         */
/* ====================================================================================================================================================== */

	
	
	.mb_zurueckzumportal_link {
	text-align: right;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	}
	
	.mb_zurueckzumportal_link a {
	color: #ffffff;
	background: #1b1b1b;
	padding: 3px 12px 5px 12px;
	font-size: 12px;
	line-height: 26px;
	}
	
	.mb_zurueckzumportal_link a:hover {
	color: #e9b90d;
	}
	
	
.mb_start_logo {
clear: both; width: 100%; text-align: center; padding: 223px 0 0 0;
}	
.mb_start_logo img { behavior: url(iepngfix.htc); }
	
.mb_start {
float: left; width: 100%;text-align: center;padding: 9px 0 0 0;
}
.mb_start h1 {
font-family: 'Raleway', Georgia, Times, serif; 
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #e9b90d;
text-shadow: 1px 3px 6px rgba(0,0,0,1);
font-weight: normal;
}	
	
.bg_start {
background: #1b1b1b url(/marken/mac-baren/gfx/bg_start.jpg) no-repeat top right; 
}	

.fader {
display: none;
}

.bg_folgeseiten {
background: #1b1b1b url(/marken/mac-baren/gfx/bg_folgeseiten.jpg) top center no-repeat; 

}




.mb_content {
float: left; width: 100%;height:640px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.mb_folgeseiten_header {
clear: both;
width: 100%;
height: 175px;
}

.mb_headline { font-size: 24px; line-height: 26px; font-family: 'Raleway', Georgia, Times, serif; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; color: #e9b90d; padding: 0 0 17px 0; text-shadow: 1px 3px 6px rgba(0,0,0,.66); }
.mb_subheadline { font-size: 17px; line-height: 21px; font-family: 'Raleway', Georgia, Times, serif; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; color: #e9b90d; padding: 0 0 5px 0; text-shadow: 1px 3px 6px rgba(0,0,0,.66); }

.beschreibung {
width: 95%; height: 220px; padding: 20px 2% 20px 3%; overflow: auto; background: none repeat scroll 0% 0% #101010; font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
}



.mb_headline_space { font-size: 24px; line-height: 26px; font-family: 'Raleway', Georgia, Times, serif; font-weight: bold; letter-spacing: 0.03em; text-transform: uppercase; color: #c09841; padding: 0 0 25px 0; text-shadow: 1px 1px 1px #2d2d2d; }
.headlinesub { text-transform: uppercase; etter-spacing: 0.01em; text-shadow: 1px 1px 1px #2d2d2d; }

.mb_flashcontentinner {
float: left; padding: 0 4% 0 6%;
width: 90%;
}

.zweidrittel {
float: left; width: 69%; color: #ffffff;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
background: transparent url(/marken/mac-baren/gfx/bg_zweidrittel.jpg) top right no-repeat; 
padding-top: 15px;
padding-right: 3%;
margin-right: 3%;
}
.eindrittel {
float: right; width: 25%; color: #ffffff;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
}

.noskal, img.noskal { width: auto; height:auto; }

img.grafikborder {
border: 1px solid #404040; margin: 2px;
}

img.grafikaktuell {
border: 1px solid #e9b90d; margin: 2px;
}

img:hover.grafikborder {
border: 1px solid #e9b90d;
}

.mb_serie_uebersicht {
float: left; padding: 20px 0 0 0; width: 90%;
}

.mb_serie {
float: left; border: 1px solid #404040; color: #e9b90d; margin: 2px 4px 2px 2px; height: 48px; width: auto; line-height: 44px; text-align: center; font-family: 'Raleway', Georgia, Times, serif; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em;
}
.mb_serie span { padding: 0 20px 0 20px; }
.mb_serie_produkte { float: left; width: 70%; }


.mb_skala {
position: relative;
top: -8px;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 22px; font-weight: 400; letter-spacing: 0.03em;
}
.mb_skala p {
margin: 0; padding: 0 0 3px 0;
}
.mb_skala p a {
background: #1b1b1b url(/marken/mac-baren/gfx/schnitt.gif) left center no-repeat; padding: 0 0 0 18px; color: #9a9a9a; font-size: 11px; font-weight: normal;
}
.mb_skala p a:hover {
background: #000000 url(/marken/mac-baren/gfx/schnitt.gif) left center no-repeat; color: #ffffff;
}
.mb_skala p em {
	font-style: normal;
background: #1b1b1b url(/marken/mac-baren/gfx/schnitt.gif) left center no-repeat; padding: 0 0 0 18px; color: #9a9a9a; font-size: 11px; font-weight: normal;
}


.mb_skala p.schnittspace { padding: 8px 0 0 0; }
.mb_skala a.tooltip span { display: none; background: #1b1b1b url(/marken/mac-baren/gfx/schnitt.gif) left center no-repeat; }
.mb_skala a.tooltip:hover span { display: inline; z-index: 9999; position:absolute; right: 100px; bottom: 30px; width: 300px; background:#000000; border:1px solid #9a9a9a; padding: 5px 10px 7px 10px; color:#ffffff; line-height: 16px; }
.mb_skala a.tooltip, a:link.tooltip, a:active.tooltip, a:visited.tooltip { border-bottom: none; } 
a.tooltipserie img { width: 48px; height: 48px; }

a.tooltipserie span { display:none; margin:2px; border-bottom: none; }
a.tooltipserie:hover span { display:inline; position:absolute; background:#e9b90d; border:none; padding: 8px 8px 10px 8px; color:#000000; font-family: 'Oxygen', Georgia, Times, serif; font-size: 12px; font-weight: normal; z-index: 9999;
border: 1px solid #1a1a1a; }
a.tooltipserie, a:link.tooltipserie, a:active.tooltipserie, a:visited.tooltipserie { border-bottom: none; } 

a.tooltipstart span { display:none; margin:2px; border-bottom: none; }
a.tooltipstart span strong { color: #e9b90d; font-size: 13px; font-family: 'Raleway', Georgia, Times, serif; text-transform: uppercase; font-weight: 500;  }
a.tooltipstart:hover span { display:inline; position:absolute; left: 40%; top: 40%; width: 280px; background:#1b1b1b; background: rgba(18, 18, 18, 0.95); color: #ffffff; border: 1px solid #515151; padding: 12px 12px 14px 12px; font-family: 'Oxygen', Georgia, Times, serif; font-size: 12px; font-weight: normal; }
a.tooltipstart, a:link.tooltipstart, a:active.tooltipstart, a:visited.tooltipstart { border-bottom: none; } 



.folgeseite_zurueck {
float: left;
position: absolute;
left: 0;
bottom: 85px;
width: 41px; height: 29px;
}


.mb_folgeseite_zurueck {
width: 41px; height: 29px;
display: block;
text-indent:-9999px;
background: #1b1b1b url(/marken/mac-baren/gfx/zurueck.gif) left top no-repeat;
}
a:hover.mb_folgeseite_zurueck {
background: #ffffff;
background: #1b1b1b url(/marken/mac-baren/gfx/zurueck.gif) 0 -36px no-repeat;
}



.unterseite_zurueck {
position:relative;
top: 0px;
left: -10%;
width: 41px; height: 29px;
padding: 0 0 40px 0;
}

.unterseite_zurueck_pre {
position:relative;
}

.mb_unterseite_zurueck {
width: 41px; height: 29px;
display: block;
text-indent:-9999px;
background: #1b1b1b url(/marken/mac-baren/gfx/zurueck.gif) left top no-repeat;
}
a:hover.mb_unterseite_zurueck {
background: #ffffff;
background: #1b1b1b url(/marken/mac-baren/gfx/zurueck.gif) 0 -36px no-repeat;
}





.mb_flashcontentinner_left p { padding: 0 0 4px 0; }
.mb_flashcontentinner_left {
float: left;width: 47%;padding-right: 8%;
font-family: 'Oxygen', Georgia, Times, serif;
font-size: 14px;
line-height: 20px; 
color: #ffffff;
}
.mb_flashcontentinner_right p { padding: 0 0 24px 0; }
.mb_flashcontentinner_right {
float: left;width: 45%;
font-family: 'Oxygen', Georgia, Times, serif;
font-size: 14px;
line-height: 20px; 
color: #ffffff;
}

.drittel {
float: left; width: 27%; color: #ffffff;
background: transparent url(/marken/mac-baren/gfx/bg_zweidrittel.jpg) top right no-repeat; 
padding-top: 15px;
padding-right: 3%;
margin-right: 3%;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
min-height: 390px;
}
.drittelmitte {
float: left; width: 35%; color: #ffffff;
background: transparent url(/marken/mac-baren/gfx/bg_zweidrittel.jpg) top right no-repeat; 
padding-top: 25px;
padding-right: 2%;
margin-right: 3%;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
min-height: 390px;
}
.drittelmitte ul, .drittellast ul  {
list-style-image: url(/marken/mac-baren/gfx/list.gif);
list-style-type: square;
list-style-position: inside;
padding: 0;
margin: 0;
text-transform: uppercase;
font-family: 'Raleway', Georgia, Times, serif; font-size: 13px; line-height: 22px; font-weight: 500; letter-spacing: 0.03em;
color: #e9b90d;
padding: 7px 0 0 0;
}
.drittelmitte ul li a, .drittellast ul li a  {
text-transform: uppercase;
font-family: 'Raleway', Georgia, Times, serif; font-size: 13px; line-height: 22px; font-weight: 500; letter-spacing: 0.03em;
color: #e9b90d;
}
.drittelmitte ul li a:hover, .drittellast ul li a:hover {
color: #ffffff;
}
.drittellast {
float: left; width: 27%; color: #ffffff;
padding-top: 25px;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
min-height: 390px;
}
.serienimg {
padding: 88px 0 0 0;
}
.mb_kriterien {
padding: 0;
width: 75%;
}
label {
padding: 0;
margin: 0;
position: relative;
bottom: -8px;
}
.searchINPUT {
float: left;
border: none;
padding: 6px;
background: #515151;
color: #cfcfcf;
margin-right: 0px; 
width: 80%;
-webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; 
}
#formsuchfeld {
padding: 12px 0 0 0;
}


a.schaltflaeche {
background: #e9b90d;padding: 6px 10px 7px 10px;color: #1b1b1b;
font-size: 13px; text-shadow: 1px 1px rgba(255,255,255,.33);text-decoration:none;
font-family: 'Raleway', Georgia, Times, serif; font-weight: bold; letter-spacing: 0.03em; text-transform: uppercase;  
-webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; 
clear: both;
}
a:hover.schaltflaeche { 
color: #ffffff;
text-shadow: 1px 1px rgba(0,0,0,.33);
}

#result {
clear: both; 
color: #8d8d8d;
padding: 0px 0px 5px 0px;
}

#result span {
background: #1b1b1b url(/marken/mac-baren/gfx/schnitt.gif) left center no-repeat; padding: 0 0 0 18px; font-size: 12px;
}

.zweidrittellaenger {
float: left; width: 68%; color: #ffffff;
background: transparent url(/marken/mac-baren/gfx/bg_zweidrittel.jpg) top right no-repeat; 
padding-top: 15px;
padding-right: 2%;
margin-right: 3%;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em;
min-height: 390px;
}


.mb_produktabbildung {
float: left; width: 120px; height: 160px; margin: 0 12px 20px 0; border: 1px solid #363636; background: #363636; text-align: center; 
font-family: 'Raleway', Georgia, Times, serif; color: #e9b90d; font-size: 12px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.03em;
}
.mb_produktabbildung:hover {
background: #e9b90d; color: #1b1b1b; border: 1px solid #e9b90d;
}
.mb_produktabbildung_grafik {
float: left; width: 120px;
}
.mb_produktabbildung_text {
float: left; width: 120px; 
}
.mb_produktabbildung_text a {
}
.mb_produktabbildung img {
float: left; 
margin: 0 0 6px 0;
}




.mb_unterseiteabbildung {
float: left; width: 100px; height: 100px; margin: 0 12px 20px 0; border: 1px solid #363636; background: #363636; text-align: center; 
font-family: 'Raleway', Georgia, Times, serif; color: #e9b90d; font-size: 12px; line-height: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.03em;
}
.mb_unterseiteabbildung:hover {
background: #e9b90d; color: #1b1b1b; border: 1px solid #e9b90d;
}
.mb_unterseiteabbildung_grafik {
float: left; width: 120px;
}
.mb_unterseiteabbildung_text {
float: left; width: 120px; 
}
.mb_unterseiteabbildung_text a {
}
.mb_unterseiteabbildung img {
float: left; 
margin: 0 0 6px 0;
}



.vollelaenge {
width: 100%;
font-family: 'Oxygen', Georgia, Times, serif; font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em; color: #ffffff;
min-height: 390px;
}


img.grafikrechts {
padding: 40px 0 0 0;
max-width: auto;
height: auto;
}


img.alignleft {
padding: 8px 20px 10px 0;
}


a.grauklein { font-size: 12px; color: #8d8d8d; padding: 5px 0 0 0; font-weight: normal; }
a:hover.grauklein { font-size: 12px; color: #ffffff; text-decoration: underline; }


.mb_flashcontentinner_left_video { width: 37%; }
.mb_flashcontentinner_right_video { width: 55%; }


.mb_flashcontentinner_left img { max-width: 100%; }
.mb_flashcontentinner_right img { max-width: 100%; }

.mb_flashcontentinner strong { font-size: 15px; color: #c09841; letter-spacing: 0.02em; }
.mb_flashcontentinner_left h4, .mb_flashcontentinner_right h4 { font-family: 'Oxygen', Georgia, Times, serif; font-weight: bold; font-size: 22px; color: #6b331a; letter-spacing: 0.02em; }

.mb_flashcontentinner_full { float: left; padding: 30px 100px 0 100px; }
.mb_flashcontentinner_full h4 { font-family: 'Oxygen', Georgia, Times, serif; font-weight: bold; font-size: 22px; color: #6b331a; letter-spacing: 0.02em; } 
.mb_flashcontentinner_full h3 { font-family: 'Oxygen', Georgia, Times, serif; font-weight: bold; font-size: 17px; color: #6b331a; letter-spacing: 0.02em; } 
.mb_flashcontentinner_full p { padding: 0 0 24px 0; }
.mb_flashcontentinner_full h3.mb_headline { font-size: 25px; line-height: 28px; font-family: 'Oxygen', Georgia, Times, serif; font-weight: bold; letter-spacing: 0; color: #6b331a; padding: 0 0 25px 0; }

.mb_sorten { float: left; padding: 30px 0 0 13%; width: 87%; }
.mb_sorten_left { float: left;width: 51%; padding-right: 4%; }
.mb_sorten_right { float: left;width: 45%; }
.mb_sorten_element { float: left; width: 100%; }
.mb_sorten_element_left { float: left; padding: 10px 0 0 0; }
.mb_sorten_cigar { float: left; width: 20%; }
.mb_sorten_text { float: left; width: 36%; padding: 0 5% 0 0; }
.mb_sorten_packshot { float: left; width: 90%; padding-bottom: 25px; }
.mb_sorten_liste { float: left; background: #fdd891; width: 30%; padding: 10px 10px 12px 10px; -webkit-box-shadow: 2px 2px 4px #dfcda7; box-shadow: 2px 2px 4px #dfcda7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.mb_sorten_liste_right { float: left; width: 30%;margin-top: 30px; }
.mb_sorten_liste_element { float: left; width: 50%; padding: 0 0 0 2%; font-size: 13px; line-height: 24px; color: #c09841; font-weight: bold; text-shadow: 1px 1px 1px #2d2d2d; }
.mb_sorten_liste_descr { float: left; width: 48%; font-size: 13px; line-height: 24px; }
.mb_sorten_liste_descr_lang { float: left; width: 48%; font-size: 13px; line-height: 24px; padding: 10px 0 0 0; }
.mb_sorten_liste_headline { float: left; color: #ffffff; padding: 8px 20px 10px 20px; text-align: center; width: 30%; font-weight: bold; }
.mb_sorten_liste_packshot { float: left; padding: 0 0 30px 0; }

.mb_sorten_element_tall { float: left; width: 62%; }
.mb_sorten_element_left_tall { float: left;width: 92%; padding: 10px 8% 0 0; }
.mb_sorten_text_tall { float: left; width: 33%; padding: 10px 5% 0 0; font-size: 14px; line-height: 19px; }
.mb_sorten_liste_tall { float: left; width: 33%; }



.mb_line_bottom {
float: left; width: 100%; background:url(../gfx/line_bottom.jpg) top center no-repeat; height: 40px;
}

.mb_line_list {
clear: both; border-bottom: #c7b8a1 1px solid;margin-top:9px;margin-bottom: 9px;width: 100%;
}
.mb_line_blanko {
clear: both; width: 100%; height: 15px; margin: 0; padding: 0;
}

.mb_left_big { float: left; padding: 30px 0 0 10%; width: 83%; }
.mb_left_big_left { float: left;width: 45%; padding-right: 9%; }
.mb_left_big_right { float: left;width: 45%; }

.mb_full { width: 78%; padding-top: 30px; font-family: 'Oxygen', Georgia, Times, serif;
font-size: 17px;
line-height: 22px;}
.mb_full h3.mb_headline { padding: 0 0 12px 0; }


.mb_articleimg {
float: left; margin: 6px 20px 0 0; -webkit-box-shadow: 2px 2px 4px #a9a492; box-shadow: 2px 2px 4px #a9a492;
}

.mb_schatten {
-webkit-box-shadow: 2px 2px 4px #a9a492; box-shadow: 2px 2px 4px #000000; margin-bottom: 14px;
}

.mb_quarter { float: left; width: 45%; }

a.textsmall { font-size: 15px; font-weight: normal; line-height: 17px; }

.mb_weiter_und_zurueck { float: left;width: 100%;padding: 50px 0 60px 0; }
.mb_weiter_und_zurueck_videos { float: left;width: 100%;padding: 0px 0 60px 0; }
.mb_weiter { float: left; width: 50%; text-align: right; }
.mb_zurueck { float: left; width: 50%; }
.mb_zurueck_link { background: #b78d35 url(/marken/handelsgold/gfx/bg_weiter.jpg) top center no-repeat; padding: 5px 30px 5px 30px; color:#442a1c; font-family: 'Oxygen', Georgia, Times, serif; text-align: center; font-size: 14px; text-transform: uppercase; line-height: 1px; text-shadow: 1px 1px 1px #d2b16e; }

.alignright {  margin: 5px 0 10px 15px; padding-left: 6px; padding-bottom: 8px; float:right;  }

.mb_genusskombination_kasten { padding: 20px 40px 24px 40px; background: #4c311e; } 

#soundtoggle { float: left; padding: 8px 0 0 9px; }

.mb_small_text { font-size: 12px; line-height: 15px; color: #9b8f89; }






/* ============================= */
/*           max 1140px          */
/* ============================= */
@media handheld, only screen and (max-width: 1140px) {



}

/* ============================= */
/*           max 1024px          */
/* ============================= */
@media handheld, only screen and (max-width: 1024px) {


.folgeseite_zurueck {
position: relative;
clear: both;
width: 100%;
padding: 94px 0 0 3px;
}

.serienimg { display: none; }
.searchINPUT { width: 65%; }





.bg_start { background: #1b1b1b url(/marken/mac-baren/gfx/bg_start_short.jpg) no-repeat top right; }	
.mb_start_logo { clear: both; width: 100%; text-align: center; padding: 163px 0 0 0; }	



.mb_folgeseiten_header { height: 160px; }
.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_sorten_liste_element { font-size: 11px; letter-spacing: 0; width: 55%; }
.mb_sorten_liste_descr { font-size: 11px; width: 43%; }
.mb_left_big { width: 78%; }

.mb_flashcontentinner_left img { height: auto; }
.mb_flashcontentinner_right img { height: auto; }


.darkbackground { height: 4000px; }

.markeinhalt { height: 543px; overflow: hidden; }



}



/* ============================= */
/*           max 768px          */
/* ============================= */
@media handheld, only screen and (max-width: 768px) {

.mb_content { height: auto; }
.mb_flashcontentinner_left { width: 100%; clear: both; float: none; }
.mb_flashcontentinner_left img { float: none; clear: both; width: 90%; height: auto; !important; height: ; }
.mb_flashcontentinner_right { display: hidden; width: 100%; clear: both; float: none; }
.mb_flashcontentinner_right img { float: none; clear: both; width: 90%; height: auto; !important; height: ; }
.mb_sorten_packshot { width: 90%; font-size: 17px; }
.mb_sorten_packshot img { padding-bottom: 20px; }
.mb_sorten_liste { margin-bottom: 25px; }

#mcs_container { padding-top: 30px; }

.darkbackground { height: 4500px; }

.mb_zurueck_link { font-size: 15px; line-height: 15px; }

.markeinhalt { height: 421px; overflow: hidden; }

.drittel, .drittelmitte, .drittellast, .zweidrittellaenger { width: 100%; clear: both; float: none; min-height: auto; background: 0; }

.unterseite_zurueck {
left: -7%;

}


}


/* ============================= */
/*           max 695px          */
/* ============================= */
@media handheld, only screen and (max-width: 695px) {


.zweidrittel { clear: both; width: 100%; background: none; }
.eindrittel { clear: both; width: 100%; }
img.noskal { border: 1px solid #333333; }
.mb_bild { float: left; width: 50%; height: 50%; margin-bottom: 30px; }
.mb_skala { float: left; margin-bottom: 30px; position: relative;
top: 0px; padding-left: 20px; }

.mb_sorten_liste_right { float: left; width: 74%; }

.markeinhalt { height: 380px; overflow: hidden; }

}



/* ============================= */
/*           max 480px          */
/* ============================= */
@media handheld, only screen and (max-width: 480px) {


.mb_bild { clear: both; width: 100%; height: 100%; }
.mb_skala { clear: both; width: 100%; padding-left: 0px; }

.mb_serie {
clear: both; width: 100%;
}

#mcs_container { padding-left: 20px; width: 240px; }
.mb_flashcontentinner_right { padding-top: 40px; }
#mcs_container .scrollUpBtn{ top:-27px; width: 100%; background: url(../gfx/button_up.png) -20px 0 no-repeat; }
#mcs_container .scrollUpBtn:hover { background: url(../gfx/button_up.png) -20px -27px no-repeat; }
#mcs_container .scrollDownBtn{ bottom: -27px; width: 100%; background: url(../gfx/button_down.png) -20px 0 no-repeat; }
#mcs_container .scrollDownBtn:hover{ background: url(../gfx/button_down.png) -20px -27px no-repeat; }

.mb_sorten_element_left { float: none; clear: both; width: 100%; }

.mb_sorten_packshot img { float: none; width: 90%; }
.mb_sorten_liste { float: left; width: 84%; }
.mb_sorten_text { float: none; clear: both; width: 84%; }

.mb_flashcontentinner_full img { width: 100%; }

.darkbackground { height: 5000px; }

.markeinhalt { height: 260px; overflow: hidden; }

}


/* ============================= */
/*           max 320px          */
/* ============================= */
@media handheld, only screen and (max-width: 320px) {

.mb_sorten_liste_element { float: none; clear: both; width: 100%; padding: 4px 0 0 0; font-weight: bold;  }
.mb_sorten_liste_descr { float: left; width: 100%; }

.darkbackground { height: 6000px; }

.markeinhalt { height: 170px; overflow: hidden; }

}