/* .................................................

Tilpasset stilark for RAMPELYS/Et rikere Norge
Grafikk av Tom Byermoen/CSS av Asle Benoni/Hilde Skjølberg
................................................... */


/* Spesialtoppen */
.rikere #spesialtopp {background: transparent url(topp_rikere.jpg) 0 0 no-repeat;}
.rikere #spesialtopp h2 {text-indent: -5000px;}

/* Artikkeltoppen */
.rikere #arttopp h2 a:link, .rikere #arttopp h2 a:visited, .rikere #arttopp h2 a:hover {background: #f90 url(topp_artikkel_rikere.jpg) 0 0 no-repeat; text-indent: -5000px;}

.rikere #arttopp_bred h2 a:link, .rikere #arttopp_bred h2 a:visited, .rikere #arttopp_bred h2 a:hover {background: #f90 url(topp_artikkel2_rikere.jpg) 0 0 no-repeat; text-indent: -5000px;}


/* SPALTENE */
.rikere .columnContent.spesial {background: transparent url(bak_spalte.gif) 0 0 repeat;}

/* lenker */
.rikere .columnContent.spesial a:link, .rikere .columnContent.spesial a:visited {color: #e12;}
.rikere .columnContent.spesial a:hover {color: #000;}

.rikere .columnContent.spesial h3 a:link, .rikere .columnContent.spesial h3 a:visited {color: #000; text-decoration: none;}
.rikere .columnContent.spesial h3 a:hover {color: #e12; text-decoration: underline;}



/* overskrifter */
.rikere .columnContent.spesial h2 {margin: 0 0 5px 0; padding: 10px 0 10px 10px; display: block; text-align: left; height: 10px; color: #000; background: #f90 url(bak_tittel.gif) 0 0 no-repeat;}
.rikere .columnContent.spesial#siste h2 {background: #f90 url(tittel_siste.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial#omrikere h2 {background: #f90 url(tittel_rikere.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial#tips h2 {background: #f90 url(tittel_tips.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial#episodene h2 {margin-bottom: 0; background: #f90 url(tittel_episode.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial #bilder h2 {margin-bottom: 0; background: transparent url(tittel_bilder.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial #blogg h2 {margin-bottom: 0; background: transparent url(tittel_blogg.jpg) 0 0 no-repeat; text-indent: -5000px;}


/* Overstyrer bakgrunner og erstatter tekst med bilder */
.rikere .columnContent.spesial#omrikere {padding: 0;}
.rikere .columnContent.spesial#omrikere p {margin: 0; padding: 0; height: 123px; background: transparent url(img_introtekst.jpg) 0 0 no-repeat; text-indent: -5000px;}

.rikere .columnContent.spesial#tips {height:153px; padding-left:5px; padding: 0; background: transparent url(bak_tipsboks.jpg) bottom right no-repeat;}
.rikere .columnContent.spesial#tips p {text-indent: -5000px;}
.rikere .columnContent.spesial#tips dt {margin: 0;}
.rikere .columnContent.spesial#tips dd {padding-left: 19px; background: url(ikon_brev.gif) 0 2px no-repeat;}

.rikere .columnContent.spesial#bilderblogg {background-image: none;}
.rikere .columnContent.spesial #bilder p, .rikere .columnContent.spesial #blogg p {margin: 0; padding: 0;}
.rikere .columnContent.spesial #bilder p.diplom a {display: block; height: 171px; background: transparent url(img_diplom.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial #bilder p.bildespes a {display: block; height: 144px; background: transparent url(img_bilder.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial #blogg p.bloggen a {display: block; height: 133px; background: transparent url(img_blogg.jpg) 0 0 no-repeat; text-indent: -5000px;}
.rikere .columnContent.spesial #blogg p.facebook a {display: block; height: 48px; background: transparent url(img_facebook.jpg) 0 0 no-repeat; text-indent: -5000px;}


/* Episode-boks */
.rikere .columnContent.spesial#episodene {padding-bottom: 0;}
.rikere .columnContent.spesial#episodene .videoItem {clear: both; margin: 0; padding: 5px 0; border-top: 1px solid #000;}
.rikere .columnContent.spesial#episodene .videoItem h3 {font-size: 1em;}
.rikere .columnContent.spesial#episodene .videoItem img {float: left; margin: 3px 5px;}

.rikere .columnContent.spesial#episodene .videoItem ul {clear: both; margin: 0 0 5px 0;}
.rikere .columnContent.spesial#episodene .videoItem ul li {display: inline;}
.rikere .columnContent.spesial#episodene .videoItem ul li a {float: left; width: 170px; font-weight: bold;}
.rikere .columnContent.spesial#episodene .videoItem ul li.seEpi a {background: transparent url(logo_vgtv.gif) 100px 3px no-repeat;}

.rikere .columnContent.spesial#episodene p.visalle {clear: both; margin: 0; padding: 5px 0; font-size: 1em; font-weight: bold; text-transform: uppercase; background: transparent url(bak_alleepisoder.jpg) 0 0 repeat-x;}
.rikere .columnContent.spesial#episodene p.visalle a:link, .rikere .columnContent.spesial#episodene p.visalle a:visited  {padding-left: 5px; color: #e12; text-decoration: none;}
.rikere .columnContent.spesial#episodene p.visalle a:hover {color: #000; text-decoration: underline;}