/* apply a natural box layout model to all elements */
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.chromeframe {
	position: absolute;
	top: 0;
}

html, body { padding:0; margin:0;}

/* ======================================== Conde Nast promotion styles ======================================== */

.NUbillboard .video-js{
  height:100% !important;
  width:100% !important;
}
.NUsupermpu .video-js{
  height:100% !important;
  width:100% !important;
}


.NUbillboard { display:block; width:100%; max-width:970px; height:250px; overflow:hidden;}
.billboardframe { display:block; width:100%; max-width:970px; height:250px; background-color:#000; background-image:url(../img/billboardbg.jpg);} 
.billboardgallery { width:100%; max-width:970px; margin:auto; z-index:22222;}

.kinderleft { float:left; margin:20px 0 0 7%;}
.kinderright { float:right; width:400px;}

.billboardkinderbar { margin:-220px 0 0 0px;}

.NUsupermpu { display:block; width:100%; max-width:300px; height:600px; overflow:hidden;}
.supermpuframe { display:block; width:100%; max-width:300px; min-width:300px; height:600px; background-image:url(../img/supermpubg.jpg);}
.supermpugallery { width:100%; max-width:300px; margin:0px auto 0 auto; z-index:22222;}

.kindertop { margin:40px auto 0 auto;}
.kinderbottom { margin:20px auto 20px auto;}

.supermpukinderbar { margin:-130px 0 0 0;}



@media only screen and (max-width: 950px) {

.kinderleft { float:none; width:100%; max-width:480px; text-align:center; margin:20px auto 0 auto;}
.kinderright { display:none;}

}


@media only screen and (max-width: 330px) {

.kinderleft { margin:40px auto 0 auto;}
.billboardkinderbar { margin:-145px 0 0 0;}

.NUbillboard { display:block;}
.NUsupermpu { display:block;}

}