@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0;
    color:#000;
}

#container { width:300px; height:250px;	overflow:hidden; top:0px; position:absolute; background-color:#c0d6e6; display:none; }


/*-------------------*/
/*   C L A S S E S   */
/*-------------------*/
.posAbs{
    position: absolute;
}
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.photo1Wrapper {position:absolute; top:0; left:-20px; width:332px; height:273px;}
.photo2Wrapper {position:absolute; top:-8px; left:-27px; width:354px; height:273px;}
.innerBorder1 {
    position: absolute;
    top: 6px;
    left: 7px;
    width: 283px;
    height: 235px;
    border: 1px solid #000;
}

.innerBorder2 {
    position: absolute;
    top: 10px;
    left: 11px;
    width: 275px;
    height: 227px;
    border: 1px solid #000;
}
.defPos { position:absolute; top:0px; left:0px; }
.buttonConfig { background-color:#fff; cursor: pointer; opacity:0; }
a { cursor: pointer; }
a { cursor: pointer; }

/*-------------*/
/*   I N I T   */
/*-------------*/

/* photos */
#frame1bg, #frame2bg, #frame3bg , #frame4bg {top: 128px; background-color: #b7d1e3; background-size: 100%; }
#photo1 {background: url(photo1.jpg) no-repeat; background-size: 100%; width: 100%; height: 100%; }
#photo2 {background: url(photo2.jpg) no-repeat; background-size: 100%; width: 100%; height: 100%;}




/* headline */
#t1a { background: url(t1a.png) no-repeat; background-size: 100%; }
#t1b { background: url(t1b.png) no-repeat; background-size: 100%; }
#t1c { background: url(t1c.png) no-repeat; background-size: 100%; }
#t2a { background: url(t2a.png) no-repeat; background-size: 100%; }
#t2b { background: url(t2b.png) no-repeat; background-size: 100%; }
#t2c { background: url(t2c.png) no-repeat; background-size: 100%; }
#t3a { background: url(t3a.png) no-repeat; background-size: 100%; }
#t3b { background: url(t3b.png) no-repeat; background-size: 100%; }
#t3c { background: url(t3c.png) no-repeat; background-size: 100%; }




/*#frame1, #frame2, #frame3, #frame4 { top: -1px; left: -1px; }*/

/*-- LOGO --*/
#logo1 { background: url(logo1.png) no-repeat; background-size: 100%; }
#logo2 { background: url(logo2.png) no-repeat; background-size: 100%; }


/* CTA */
#cta {top: 0px; left: 0px}
#cta_out {background: url(cta_out.png) no-repeat;background-size: 100%;top: 0px; left: 0px;}
#cta_over {background: url(cta_over.png) no-repeat;background-size: 100%;top: 0px; left: 0px; opacity: 0;}