html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('img/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 480px
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('img/overlay.png');
    height: 100%;
    position: absolute;
}

/* disse styles passer med en brick width på 450px */
#hideoverlay{ position: absolute; top: 5px; right: 10px; cursor: pointer; z-index: 20; }

.overlaybox-old{ width: 480px; height: 250px; position: relative; }
.overlaybg{ position: absolute; top: 0px; left: 0; z-index: 1; }
.iframe{ position: absolute; top: 30px; left: 20px; z-index: 1; width: 430px; height: 290px; }

#overlay-panel-large { margin: 10% auto 0 auto; width: 710px; }

.overlaybox-old-large{ width: 710px; height: 312px; position: relative; }
.overlaybox-old-large .iframe{ position: absolute; top: 26px; left: 31px; z-index: 1; width: 670px; height: 270px; }