/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
	PRV Julkalender
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ========================================================================== 
   RESET  
================================|========================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
caption, table, thead, tbody, tfoot, tr, th, td, header, footer, nav, section, article, aside, 
figure, canvas, details, embed, figcaption, hgroup, menu, output, ruby, summary,
time, mark, audio, video        { margin:0; padding:0; border:0; outline:0; vertical-align:baseline;font-size:100%; 
                                  font-family:inherit; font-style:inherit; font-weight:inherit; }
																											
html                            { overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; 
                                  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ }
															
body                            { line-height:1; }

article, aside, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section      { display:block; }
audio, canvas, video            { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls])           { display:none; }

blockquote:before, q:before, 
blockquote:after, q:after       { content:""; }
blockquote, q                   { quotes:none; /*quotes:"" "";*/ }
	
table                           { border-collapse:collapse; border-spacing:0; } /* cellspacing="0" still needed */
caption, th, td                 { font-weight:normal; text-align:left; }

a:focus                         { outline:thin dotted; }
a:hover, a:active, a:focus      { outline:0; }
a img                           { border:none; }

img                             { width:auto\9; max-width:100%; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; }

figure                          { margin:0; }

embed, iframe, object           { max-width:100%; }


/* ============================================================================= 																				                                                                                    	
	CLEARING                                                                           
================================|========================================= */

.cc:before, .cc:after           { display:table; overflow:hidden; visibility:hidden; height:0; font-size:0; content:'\0020'; }
.cc:after                       { clear:both !important; }
.cc                             { /* IE6+7 */ *zoom:1; }


/* ============================================================================= 																				                                                                                    	
	WEB FONTS                                                                            
================================|========================================= */ 

@font-face                      { font-family: 'RotisIISansRegular';
                                  src: url('../font/rotisii-web.eot');
                                  src: url('../font/rotisii-web.eot?#iefix') format('embedded-opentype'),
                                       url('../font/rotisii-web.woff') format('woff'),
                                       url('../font/rotisii-web.ttf') format('truetype'),
                                       url('../font/rotisii-web.svg#RotisIISansRegular') format('svg');
                                  font-weight:normal; font-style:normal; }

@font-face                      { font-family: 'MyriadSketch';
                                  src: url('../font/myriadsketch-web.eot');
                                  src: url('../font/myriadsketch-web.eot?#iefix') format('embedded-opentype'),
                                       url('../font/myriadsketch-web.woff') format('woff'),
                                       url('../font/myriadsketch-web.ttf') format('truetype'),
                                       url('../font/myriadsketch-web.svg#MyriadSketch') format('svg');
                                  font-weight:normal; font-style:normal; }


/* ==========================================================================  
   SNOW EFFECT
================================|========================================= */

#snowflakeContainer             { position:absolute; }
.snowflake                      { position:fixed; z-index:1000; font:14px/24px Cambria, Georgia, serif; color:#fff; -moz-user-select:none; }
.snowflake:hover                { cursor:default; }


/* ==========================================================================  
   GLOBAL
================================|========================================= */

a                               { text-decoration:none; }
a:hover                         { text-decoration:none; }


/* ==========================================================================  
   LAYOUT
================================|========================================= */

body                            { margin:0; background:#333 url(../img/bg-start-lb-tilex.png) repeat-x; font-size:14px; color:#fff; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; }

.site                           { position:relative; z-index:1; width:950px; margin:0px auto; text-align:left; }


/* ===================================================================== 
   LIGHTBOX STAFF
===================================================================== */

.lb                             { display:block; position:absolute; z-index:2; top:0; left:0; width:100% !important; height:100% !important; text-align:center; overflow:none; }

.lb-overlay                     { display:block; position:fixed; z-index:3; top:0; left:0; bottom:0; width:200% !important; height:200% !important; cursor:default !important; }

.lb-bottom-space                { display:block; position:relative; z-index:10; width:100%; height:50px; }


/* ==========================================================================  
   LIGHTBOX BANNER
================================|========================================= */

#lb-banner                      { display:block; position:fixed; z-index:10; top:12%; left:50%; width:940px; height:500px; margin:0 0 0 -470px; text-align:left; 
                                  background:#46949e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }

.lb-close-btn                   { position:absolute; z-index:20; width:25px; height:25px; margin:6px 0 0 910px; background:url(../img/lb-close-buttons.png) no-repeat 0 0; cursor:pointer; }
.lb-close-btn:hover             { background-position:0 -40px; }


/* Flap Box Container ======== */
#flapbox-container              { overflow:hidden !important; position:absolute; z-index:11; width:880px; height:384px; margin:30px 0 0 30px; }


/* Flap Box Pre ============== */
#flapbox-pre                    { display:block; position:absolute; z-index:20; width:880px; height:384px; background:#46949e; }

#flapbox-pre .border            { position:absolute; z-index:21; width:880px; height:384px; background:url(../img/border.png) no-repeat; opacity:0.3; filter:alpha(opacity=30); }

#flapbox-pre .text              { position:absolute; z-index:23; width:440px; height:350px; margin:50px 0 0 340px; font:33px/35px 'RotisIISansRegular'; color:#fff; }
#flapbox-pre .text h1           { padding:0 0 10px 0; font:70px/80px 'MyriadSketch'; color:#fff; }
#flapbox-pre .text p            { padding:0 0 15px 0; }

#flapbox-pre .image             { position:absolute; z-index:22; width:420px; height:350px; margin:17px 0 0 47px; }
#flapbox-pre .image img         { width:420px; height:350px; }


/* Flap Box A ================ */
#flapbox-a                      { display:block; position:absolute; z-index:20; width:880px; height:384px; background:#46949e; cursor:pointer; }

#flapbox-a .border              { position:absolute; z-index:21; width:880px; height:384px; background:url(../img/border.png) no-repeat; opacity:0.3; filter:alpha(opacity=30); }

#flapbox-a .text                { position:absolute; z-index:23; width:360px; height:350px; margin:17px 0 0 487px; }

#flapbox-a .text .number        { overflow:visible !important; margin:-5px 0 0 0; width:290px; height:290px; text-align:center; font:350px/300px 'MyriadSketch'; }

#flapbox-a .text .link          { display:inline-block; position:absolute; z-index:24; height:31px; margin:0 0 0 25px; padding:3px 24px 0 0; 
                                  font:33px/35px 'RotisIISansRegular'; color:#fff; background:url(../img/arrows.png) no-repeat right 0; }

#flapbox-a .image               { position:absolute; z-index:22; width:420px; height:350px; margin:17px 0 0 47px; }
#flapbox-a .image img           { width:420px; height:350px; }

#flapbox-a:hover .border        { opacity:0.7; filter:alpha(opacity=70); }
#flapbox-a:hover .text .link    { background-position:right -60px; }


/* Flap Box B ================ */
#flapbox-b                      { position:absolute; z-index:11; width:880px; height:384px; background:#fff; }

#flapbox-b-close                { position:absolute; z-index:15; width:21px; height:35px; margin:172px 0 0 852px; 
                                  background:url(../img/arrow-left.png) no-repeat 0 0; cursor:pointer; }
#flapbox-b-close:hover          { background-position:0 -50px; }

#flapbox-b .text                { display:block; position:absolute; z-index:11; width:500px; height:320px; margin:22px 0 0 25px; font:17px/25px Arial; color:#666; }
#flapbox-b .text h2             { padding:0 0 5px 0; font:normal 26px/28px 'RotisIISansRegular'; text-transform:uppercase; color:#111; }
#flapbox-b .text h3             { margin:10px 0 5px 0; font:normal 21px/23px 'RotisIISansRegular'; text-transform:uppercase; color:#111; }
#flapbox-b .text p              { padding:0 0 10px 0; }

#flapbox-b .lb-close-link       { display:inline-block; position:absolute; z-index:15; height:24px; margin:345px 0 0 25px; padding:1px 0 0 28px; cursor:pointer;
                                  font:17px/25px Arial; color:#999; background:url(../img/lb-close-buttons.png) no-repeat left -80px; }
											 
#flapbox-b .read-more-1         { display:block; position:absolute; z-index:16; width:460px; height:24px; margin:346px 0 0 208px; text-align:center;}
#flapbox-b .read-more-1 a       { font:17px/25px Arial; color:#477328; }
											 
#flapbox-b .read-more-2         { display:block; position:absolute; z-index:17; width:140px; height:24px; margin:346px 0 0 710px;
                                  text-align:right; font:17px/25px Arial; color:#477328; }

#flapbox-b .image               { position:absolute; z-index:12; width:830px; height:325px; margin:10px 0 0 20px; }
#flapbox-b .image img           { display:block; width:830px; height:325px; }

#flapbox-b .lb-close-link:hover { background-position:left -120px; color:#99042e; }
#flapbox-b .read-more-1 a:hover,
#flapbox-b .read-more-2:hover   { color:#99042e; }

								 
/* Flap Bar Numbers ========== */
.flapbarnr                      { position:absolute; z-index:30; width:880px; height:15px; margin:440px 0 0 30px;  }
.flapbarnr h3                   { float:left; margin:3px 0 0 0; font:normal 26px/26px 'RotisIISansRegular'; color:#fff; }
.flapbarnr ul                   { float:right; hight:30px; margin:0; padding:0; list-style:none; }
.flapbarnr ul li                { float:left; margin:0 0 0 4px; padding:0; }
.flapbarnr ul li .nr            { display:block; overflow:hidden; width:30px; height:30px; text-align:center; background:url(../img/nr-bg.png) 0 0; 
                                  border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.flapbarnr ul li .nr span       { display:block; margin:2px 2px 0 0; font:normal 26px/27px 'RotisIISansRegular'; color:#fff; opacity:0.2; filter:alpha(opacity=20); }

.flapbarnr ul li a.nr span      { opacity:1; filter:alpha(opacity=100); }
.flapbarnr ul li a.nr:hover     { background-position:0 -40px; }

.flapbarnr ul li a.nr.active       { background-position:0 -80px; }
.flapbarnr ul li a.nr.active span  { color:#222; }
.flapbarnr ul li a.nr.active:hover { background-position:0 -80px; }


/* ==========================================================================  
   LIGHTBOX TOP
================================|========================================= */

.lb-top                         { position:absolute; z-index:996; top:0; left:0; width:100%; height:100%; text-align:center; overflow:none; }

.lb-top-overlay                 { display:block; position:fixed; z-index:997; top:0; left:0; bottom:0; width:100%; height:200%; background:#000; opacity:0.5; filter:alpha(opacity=50); cursor:default !important; }

.lb-top-bottom-space            { display:none !important; position:relative; z-index:998; width:100%; height:50px; }

/* LB Movie ================== */
#LBMovie                        { display:none; }

.lb-movie                       { overflow:hidden; position:fixed; z-index:998; top:50%; left:50%; width:740px; height:500px; margin:-273px auto 0 -370px; text-align:left; background:url(../img/lbtv.png) no-repeat; }

.lb-movie a.close               { position:absolute; z-index:1000; display:block; width:29px; height:29px; margin:426px 0 0 661px; background:url(../img/lbtv.png) no-repeat 0 -540px; }
.lb-movie a.close:hover         { background-position:right -540px; }

.lb-movie .screen               { position:absolute; z-index:999; display:block; width:640px; height:360px; margin:50px 0 0 50px; 
                                  background:#f00 url('../img/loading.gif') no-repeat center center; }