/* MENYBOKSEN*/

/* Selve innholdsboksen */
.menyBoks {position:relative; width:865px; background:#cccccc; color:#000; margin:0px 10px 0px 10px; } 

/* 4 små firkanter i hvert hjorne av boksen ovenfor. Bakgrunnsfargen bor vaere lik bakgrunnsfargen paa siden */
#mtl1, #mbl1, #mtr1, #mbr1 {
position:absolute; 
width:10px; 
height:10px; 
color:#cccccc; 
background:#fff; 
overflow:hidden; 
font-style:normal; z-index:1;
}

#mtl1 {top:0; left:0;}
#mbl1 {bottom:0; left:0;}
#mtr1 {top:0; right:0;}
#mbr1 {bottom:0; right:0;}

/* 
Kulepunktene storrelse og plassering
Line-height er hvor høyt opp den står
Høyere verdi skyver punktet nedover
Endre Color for å kunne se hjørnene separat
*/
.menyBoks em b {position:absolute; font-size:75px; font-family:arial; color:#cccccc; line-height:20px; font-weight:normal;}

/* Negativ verdi flyttet kulepunktet mer mot venstre og eventuelt oppover */
#mtl1 b {left:-4px;} 
#mtr1 b {left:-12px;}
#mbl1 b {left:-4px; top:-8px;}
#mbr1 b {left:-12px; top:-8px;}

/* Tekstparagrafen */
.menyBoks p {position:relative; z-index:100; padding:5px 10px; font-size:12px;}

/* SLUTT PAA MENYBOKSEN */








/* MENYBOKSEN - VERTIKAL*/

/* Selve innholdsboksen */
.menyBoksJulecup {position:relative; width:110px; background:#cccccc; color:#000; margin:0px 10px 0px 10px; } 

/* 4 smaa firkanter i hvert hjorne av boksen ovenfor. Bakgrunnsfargen bor vaere lik bakgrunnsfargen paa siden */
#mJtl1, #mJbl1, #mJtr1, #mJbr1 {
position:absolute; 
width:10px; 
height:10px; 
color:#cccccc; 
background:#fff; 
overflow:hidden; 
font-style:normal; z-index:1;
}

#mJtl1 {top:0; left:0;}
#mJbl1 {bottom:0; left:0;}
#mJtr1 {top:0; right:0;}
#mJbr1 {bottom:0; right:0;}

/* 
Kulepunktene størrelse og plassering
Line-height er hvor høyt opp den står
Høyere verdi skyver punktet nedover
Endre Color for å kunne se hjørnene separat
*/
.menyBoksJulecup em b {position:absolute; font-size:75px; font-family:arial; color:#cccccc; line-height:20px; font-weight:normal;}

/* Negativ verdi flyttet kulepunktet mer mot venstre og eventuelt oppover */
#mJtl1 b {left:-4px;} 
#mJtr1 b {left:-12px;}
#mJbl1 b {left:-4px; top:-8px;}
#mJbr1 b {left:-12px; top:-8px;}

/* Tekstparagrafen */
.menyBoksJulecup p {position:relative; z-index:100; padding:5px 10px; font-size:12px;}

/* SLUTT PÃ… MENYBOKSEN */






/* ANNONNSERINGSBOKSEN
 */
/* Selve innholdsboksen */
.annonseBoks {position:relative; width:618px; background:#cccccc; color:#000; margin:10px 10px 10px 10px;} 

/* 4 små firkanter i hvert hjørne av boksen ovenfor. Bakgrunnsfargen bør være lik bakgrunnsfargen på siden */
#atl1, #abl1, #atr1, #abr1 {
position:absolute; 
width:10px; 
height:10px; 
color:#ccc; 
background:#fff; 
overflow:hidden; 
font-style:normal; 
z-index:1;
}

#atl1 {top:0; left:0;}
#abl1 {bottom:0; left:0;}
#atr1 {top:0; right:0;}
#abr1 {bottom:0; right:0;}

/* 
Kulepunktene storrelse og plassering
Line-height er hvor hoyt opp den staar
Hoyere verdi skyver punktet nedover
Endre Color for aa kunne se hjornene separat
*/
.annonseBoks em b {
position:absolute; 
font-size:75px; 
font-family:arial; 
color:#cccccc; 
font-weight:normal;
line-height:20px;
}

/* Negativ verdi flyttet kulepunktet mer mot venstre og eventuelt oppover */
#atl1 b {left:-4px;} 
#atr1 b {left:-12px;}
#abl1 b {left:-4px; top:-8px;}
#abr1 b {left:-12px; top:-8px;}

/* Tekstparagrafen */
.annonseBoks p {
position:relative; 
z-index:100; 
padding:10px 10px; 
/* font:normal 14px verdana;
color: #f4f4f4
text-align:center; */
}






/* RodRammeBOKSEN
 */
/* Selve innholdsboksen */
.rammeBoks {
position:relative; 
width:110px; /* 125 i farger */
background:#cccccc; 
color:#000; 
margin:8px 0; /* 1ste tall bestemmer vertikal avstand */
} 


/* 4 små firkanter i hvert hjørne av boksen ovenfor. Bakgrunnsfargen bør være lik bakgrunnsfargen på siden */
#rtl1, #rbl1, #rtr1, #rbr1 {
position:absolute; 
width:15px; 
height:15px; 
color:#000; 
background:#fff; 
overflow:hidden; 
font-style:normal; 
z-index:-10;
}

#rtl1 {top:0; left:0;}
#rbl1 {bottom:0; left:0;}
#rtr1 {top:0; right:0;}
#rbr1 {bottom:0; right:0;}

/* 
Kulepunktene størrelse og plassering
Line-height er hvor høyt opp den står
Høyere verdi skyver punktet nedover
Endre Color for å kunne se hjørnene separat
*/
.rammeBoks em b {
position:absolute; 
font-size:112px; 
font-family:arial; 
color:#cccccc; 
line-height:30px; 
font-weight:normal;
}

/* Negativ verdi flyttet kulepunktet mer mot venstre og eventuelt oppover */
#rtl1 b {left:-6px;} 
#rtr1 b {left:-18px;}
#rbl1 b {left:-6px; top:-11px;}
#rbr1 b {left:-18px; top:-11px;}

/* Tekstparagrafen */
.rammeBoks p {
position:relative; 
z-index:-1; 
padding:15px 25px; 
font-family: verdana;
font-size:12px;
}



/* InnerRammen i røde rammebokser */

/* Selve innholdsboksen */
.xBoks {
position:relative; 
width:103px; /* 118 i farger */
background:white; 
color:#000; 
margin:4px auto;
} 

/* 4 små firkanter i hvert hjørne av boksen ovenfor. Bakgrunnsfargen bør være lik bakgrunnsfargen på siden */
#xtl1, #xbl1, #xtr1, #xbr1 {
position:absolute; 
width:10px; 
height:10px; 
color:#000; 
background:#cccccc; 
overflow:hidden; 
font-style:normal; 
z-index:2;
}

#xtl1 {top:0; left:0;}
#xbl1 {bottom:0; left:0;}
#xtr1 {top:0; right:0;}
#xbr1 {bottom:0; right:0;}

/* 
Kulepunktene størrelse og plassering
Line-height er hvor høyt opp den står
Høyere verdi skyver punktet nedover
Endre Color for å kunne se hjørnene separat
*/
.xBoks em b {
position:absolute; 
font-size:75px; 
font-family:arial; 
color:#fff; 
line-height:20px; 
font-weight:normal;
}

/* Negativ verdi flyttet kulepunktet mer mot venstre og eventuelt oppover */
#xtl1 b {left:-4px;} 
#xtr1 b {left:-12px;}
#xbl1 b {left:-4px; top:-8px;}
#xbr1 b {left:-12px; top:-8px;}

/* Tekstparagrafen */
.xBoks p {
position:relative; 
z-index:20; 
padding:5px 10px; 
font-family: verdana;
font-weight:bold;


}