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

Tilpasset stilark for Film-portalen
Laget av Hilde Skjølberg for VG Nett 2007

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


/* HOVEDELEMENTER */


/* fronttopp - spesiallaget for film */

#filmtopp {clear: both; margin: 0;}
#filmtopp img {border: none;}

#logowrap {float: left;}
#vgnettlogo {float: left; margin: 0 3px 3px 0;}
.film #spesialfnutt {clear: left; display: block; margin: 0; height: 56px; width: 114px; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; background: #f90 url(stian/filmfnutt.gif) 0 0 no-repeat; text-indent: -5000px;}
.film #spesialfnutt a {display: block; margin: 0; width: 114px; padding-top: 10px; text-decoration: none; color: #fff;}

#filmspesialtopp {float: left; display: block; width: 470px; height: 101px; background: #f90 url(stian/filmtopp.gif) 0 50% no-repeat;}
#filmspesialtopp h2 {text-indent: -5000px;}

#soekeboks {float: left; display: block; width: 180px; height: 101px; margin-left: 4px; background: #f90 url(stian/bak_soekeboks.gif) 0 0 no-repeat; font-size: .7em;}
#soekeboks h4 {font-size: .1em; margin: 12px 0 10px 6px; display: block; height: 18px; background: transparent url(stian/tittel_soekeboks.gif) 0 0 no-repeat; text-indent: -5000px;}
#soekeboks form {margin: 3px 10px 0; padding: 0; color: #fff;}
#soekeboks #soktxt {float: left; margin-top: 10px; width: 112px; height: 15px; border: 1px solid #fff;}
#soekeboks #soksubmit {float: left; margin-top: 10px; border: 1px solid #fff;}



/* Loginboks i toppen - pre login*/
#profilboks {float: left; display: block; width: 180px; height: 101px;  margin-left: 4px; background: #444 url(stian/bak_loginboks.gif) 0 0 no-repeat; color: #fff; font-size: .7em; text-align: center;}


#profilboks.logginn h4 {font-size: .1em; margin: 12px 0 0 6px; display: block; height: 18px; background: transparent url(stian/tittel_loginboks.gif) 0 0 no-repeat; text-indent: -5000px;}
#profilboks.logginn p {display: none;}
#profilboks.logginn form {margin: 3px 3px 0; padding: 0;}
#profilboks.logginn label {float: left; width: 65px; padding-top: 3px; text-align: right;}
#profilboks.logginn input.tekst {margin: 1px 0 4px 0; width: 95px; padding: 0; background: #fff; border: none;}
#profilboks.logginn p.opprett {display: block; float: left; margin: 0;}
#profilboks.logginn p.opprett a:link, #profilboks.logginn p.opprett a:visited {display: block; height: 19px; width: 81px; background: #d98300 url(stian/knapp_blibruker.gif) 0 0 no-repeat; text-indent: -5000px;}
#profilboks.logginn p.opprett a:hover {background-position: 0 -19px;}

#loginsumbit {float: right; width: 81px; height: 19px;}




/* post login */
#profilboks.innlogget h4 {font-size: .1em; margin: 12px 0 0 7px; display: block; height: 18px; background: transparent url(stian/tittel_loginboks2.gif) 0 0 no-repeat; text-indent: -5000px;}
#profilboks.innlogget p {margin: 2px 0; color: #fff; font-size: .8em; line-height: 1.2em;}
#profilboks.innlogget p.nick {margin: 5px 7px 3px 7px; padding: 1px; font-size: 1.1em; font-weight: bold; color: #222; background: #fff;}
#profilboks.innlogget ul {list-style: none; padding: 0; margin: 0;}
#profilboks.innlogget li {display: inline; margin: 0 8px 0 0; text-transform: uppercase; font-size: .9em;}
#profilboks li.profil {padding: 2px 0 2px 17px; background: transparent url(stian/icon_profil.gif) 0 50% no-repeat;}
#profilboks li.logout {padding: 2px 0 2px 17px; background: transparent url(stian/icon_logout.gif) 0 50% no-repeat;}
#profilboks.innlogget a:link, #profilboks.innlogget a:visited {color: #fff; text-decoration: none;}
#profilboks.innlogget a:hover {color: #f90;}



/* artikkeltopp - spesiallaget for film */

.filmartikkel #vgnettlogo {margin-bottom: 0;}

#filmarttopp h2 {margin: 0;}
#filmarttopp h2 a:link, #filmarttopp h2 a:visited, #filmarttopp h2 a:hover {float: left; display: block; width: 470px; height: 41px; text-decoration: none; background: #f90 url(stian/artikkeltopp.gif) 50% 0 no-repeat; text-indent: -5000px;}
/*#filmarttopp h2 a:hover {text-decoration: none; background-position: 50% -41px;}*/

#artsoekeboks {float: left; display: block; width: 180px; height: 41px; overflow: hidden; margin-left: 4px; color: #530; background: #555 url(stian/bak_artsoekeboks.gif) 2px 2px no-repeat;}
#artsoekeboks form {margin: 8px 0 0 11px; padding: 0;}
#artsoekeboks h4 {font-size: .1em; margin: 0; display: block; height: 10px; text-indent: -5000px;}
#artsoekeboks #soktxt {float: left; margin: 0; width: 112px; height: 15px; border: 1px solid #fff;}
#artsoekeboks #soksubmit {float: left; margin: 0; border: 1px solid #fff;}

/* pre-login */
#artprofilboks {float: left; display: block; width: 180px; height: 41px; overflow: hidden; margin-left: 4px; color: #530; background: #555 url(stian/bak_artloginboks.gif) 2px 2px no-repeat;}
#artprofilboks.logginn h4 {margin: 0; display: block; height: 8px; font-size: 4px; text-indent: -5000px;}
#artprofilboks.logginn ul {list-style: none; margin: 10px 0 0 8px; padding: 0;  font-size: 8px;}
#artprofilboks.logginn li {display: inline; line-height: .2em; margin: 0;}
#artprofilboks li.login a:link, #artprofilboks li.login a:visited {float: left; margin-right: 2px; display: block; width: 81px; height: 19px; background: transparent url(stian/knapp_logginn.gif) 0 0 no-repeat; text-indent: -5000px;}
#artprofilboks li.bruker a:link, #artprofilboks li.bruker a:visited {float: left; margin: 0; display: block; width: 81px; height: 19px; background: transparent url(stian/knapp_blibruker.gif) 0 0 no-repeat; text-indent: -5000px;}
#artprofilboks li.login a:hover, #artprofilboks li.bruker a:hover {background-position: 0 -19px;}


/* post-login */
#artprofilboks.innlogget {float: left; display: block; width: 180px; height: 41px; overflow: hidden; margin-left: 4px; color: #530; background: #555 url(stian/bak_artloginboks2.gif) 2px 2px no-repeat;}
#artprofilboks.innlogget h4 {display: none;}
#artprofilboks.innlogget p {display: none; margin: 3px 0 0 95px; padding: 0; font-size: .7em; color: #fff; font-weight: bold;}

#artprofilboks.innlogget ul {list-style: none; padding: 0; margin: 25px 0 0 10px; font-size: .6em;}
#artprofilboks.innlogget li {display: inline; margin: 0 10px 0 0; text-transform: uppercase;}
#artprofilboks li.profil {padding: 2px 0 2px 17px; background: transparent url(stian/icon_profil.gif) 0 50% no-repeat;}
#artprofilboks li.logout {padding: 2px 0 2px 17px; background: transparent url(stian/icon_logout.gif) 0 50% no-repeat;}
#artprofilboks.innlogget a:link, #artprofilboks.innlogget a:visited {color: #fff; text-decoration: none;}
#artprofilboks.innlogget a:hover {color: #f90;}




/* HOVEDINNHOLDET */

.film #frontspalte, .film #artikkelspalte {width: 470px; margin-left: 3px; margin-right: 4px;}
.film .frontliste .bredsak {width: 470px;}
#innholdsboks, #vghovedmeny {margin-top: 4px;} 

#frontspalte .frontliste.kompleks h2 {padding: 5px 0; font-family: "Lucida Grande", arial, sans-serif; font-size: 1.1em; text-align: center; color: #fff; background: #555 url(stian/bak_kompleks.gif) 0 50% repeat-x;}



/* VISNING AV ENKELTFILMER */

/* breadcrumbs */
ul#breadcrumbs {list-style: none; margin: 0; padding: 0; height: 21px; color: #fff; background: #b9b9b9; font: .7em/1 "Lucida Grande", arial, sans-serif;}
ul#breadcrumbs li {display: block; float: left; margin: 0; padding: 5px 0 5px 40px; font-weight: bold;}
ul#breadcrumbs li.crumb0 {padding-left: 25px; background: #868585 url(stian/crumb0.gif) 0 50% no-repeat;;}
ul#breadcrumbs li.crumb1 {background: #9c9b9b url(stian/crumb1.gif) 0 50% no-repeat;}
ul#breadcrumbs li.crumb2 {background: #b9b9b9 url(stian/crumb2.gif) 0 50% no-repeat;}
ul#breadcrumbs li.crumb3 {background: #b9b9b9 url(stian/crumb2.gif) 0 50% no-repeat;}
ul#breadcrumbs a:link, ul#breadcrumbs a:visited {margin: 0; text-decoration: none; color: #fff;}
ul#breadcrumbs a:hover {text-decoration: underline;}


#filmpres {clear: both; font: .8em/1.5 "Lucida Grande", arial, sans-serif;}
#filmpres h2 {margin: 10px 0; padding: 7px 90px 7px 4px; color: #fff; background: #444 url(stian/bak_filmtittel.gif) top right no-repeat; border-bottom: 1px solid #222;}
#filmpres img {float: left; margin: 5px 5px 15px 0; border: 1px solid #000;}
#filmpres ul {float: left; list-style: none; width: 310px; margin: 0; padding: 0;}
#filmpres li {margin: 2px 0; padding-bottom: 2px; border-bottom: 1px solid #ccc;}
#filmpres a:link, #filmpres a:visited {font-weight: normal; color: #700;}
#filmpres a:hover {color: #000;}

#filmpres ul#bigbtn {width: 470px; height: 60px; margin-top: 10px;}
#filmpres ul#bigbtn li {display: inline; margin: 0;}
#filmpres ul#bigbtn li a:link, #filmpres ul#bigbtn li a:visited {display: block; float: left; height: 40px; width: 152px; margin-left: 3px; background: #ccc;}
#filmpres ul#bigbtn li.kjop a:link, #filmpres ul#bigbtn li.kjop a:visited {background: #ccc url(bigbtn_kjopfilm.gif) 0 0 no-repeat; text-indent: -5000px;}
#filmpres ul#bigbtn li.terning a:link, #filmpres ul#bigbtn li.terning a:visited {background: #ccc url(bigbtn_giternkast.gif) 0 0 no-repeat; text-indent: -5000px;}
#filmpres ul#bigbtn li.anmeld a:link, #filmpres ul#bigbtn li.anmeld a:visited {background: #ccc url(bigbtn_skrivanm.gif) 0 0 no-repeat; text-indent: -5000px;}
#filmpres ul#bigbtn li.trailer a:link, #filmpres ul#bigbtn li.trailer a:visited {background: #ccc url(bigbtn_setrailer.gif) 0 0 no-repeat; text-indent: -5000px;}
#filmpres ul#bigbtn li.bilder a:link, #filmpres ul#bigbtn li.bilder a:visited {background: #ccc url(bigbtn_sebilder.gif) 0 0 no-repeat; text-indent: -5000px;}
#filmpres ul#bigbtn li.blianmeld a:link, #filmpres ul#bigbtn li.blianmeld a:visited {background: #ccc url(bigbtn_blianmeld.gif) 0 0 no-repeat; text-indent: -5000px;}

#filmpres ul#bigbtn li.kjop a:hover, #filmpres ul#bigbtn li.terning a:hover, #filmpres ul#bigbtn li.anmeld a:hover, #filmpres ul#bigbtn li.trailer a:hover, #filmpres ul#bigbtn li.bilder a:hover, #filmpres ul#bigbtn li.blianmeld a:hover {background-position: 0 -40px;}


/* gammel anmeldelsesramme 

#anmeldelse {clear: both; margin-top: 20px; padding-top: 8px; background: transparent url(anmquote1.gif) top right no-repeat;}
#anmeldelse.selaas blockquote {margin: 0; padding: 0 10px 16px 80px; font-size: .9em; background: transparent url(anmquote2selaas.gif) bottom right no-repeat;}

#anmeldelse h3 {position: relative; margin: 0; height: 35px; color: #fff; background: #444; text-indent: -5000px;}
#anmeldelse img {position: absolute; right: 5px; vertical-align: middle;}
#anmeldelse.selaas h3 {background: #444 url(selaassier.gif) 300px 50% no-repeat;}

#anmeldelse p.mer {margin-top: 4px; font: .6em/1 "Lucida Grande", arial, sans-serif; color: #999; text-align: right;}
#anmeldelse p.mer a:link, #anmeldelse p.mer a:visited {color: #999;}
#anmeldelse p.mer a:hover {color: #700;}

#anmeldelse p.hele {height: 12px; margin: 10px 0; padding: 5px; background: #444;}
#anmeldelse p.hele a:link, #anmeldelse p.hele a:visited {float: right; display: block; height: 14px; width: 72px; color: #fff; text-decoration: none; background: transparent url(anm_leshele.gif) 0 0 no-repeat; text-indent: -5000px;}
#anmeldelse p.hele a:hover {background-position: 0 -34px;}

*/

#vganmeld {clear: both; width: 470px; font-family: "Lucida Grande", arial, sans-serif; font-size:1em; line-height: 1.4em;}
#vganmeld h3 {margin: 0 0 5px 0; padding: 5px; font-size: 1em; color: #fff; background: #555 url(stian/bak_vganmelder.gif) top right no-repeat; border-bottom:1px solid #222222;}

#kommende {clear: both; font-family: "Lucida Grande", arial, sans-serif; font-size: .8em;}
#kommende p {padding: 15px; font-size: .9em; background: #fff7c0; border-top: 1px solid #fd2; border-bottom: 1px solid #fd2;}
#kommende h3 {margin: 0 0 5px 0; padding: 5px; font-size: 1em; color: #fff; background: #444; text-decoration: none;}

#kommende dt {margin-top: 10px; padding-left: 4px; font-weight: bold; background: #eee;}
#kommende dd {padding: 2px 3px;}
#kommende dd a:link, #kommende dd a:visited {font-weight: normal; color: #700;}
#kommende dd a:hover {color: #000;}

#leseranmeldelse {clear: both; margin: 15px 0 30px; padding: 0; background: #f90 url(stian/bak_leseranmeldelse.gif) bottom left repeat-x; font: .8em/1.5em "Lucida Grande", arial, sans-serif;}
#leseranmeldelse h3 {display: block; height: 42px; margin: 0; background: transparent url(stian/tittel_ogsaanmeldt.gif) 0 0 no-repeat; text-indent: -5000px;}
#leseranmeldelse ul {list-style: none; margin: 5px 5px 15px; padding: 0;}
#leseranmeldelse li {display: inline; font-weight: bold;}
#leseranmeldelse li img {margin: 5px 1px; vertical-align: middle; border: none;}
#leseranmeldelse li a:link, #leseranmeldelse li a:visited {display: block; float: left; margin-right: 10px; color: #530; text-decoration: none;}
#leseranmeldelse li a:hover {color: #fff;}
#leseranmeldelse p {clear: both; margin: 0; padding: 0;}
#leseranmeldelse p a:link, #leseranmeldelse p a:visited {display: block; height: 27px; margin: 0; text-decoration: none;  background: transparent url(stian/knapp_blianm_lang.gif) 0 0 no-repeat; text-indent: -5000px;}
#leseranmeldelse p a:hover {background-position: 0 -27px; text-decoration: none;}


/* filmspalten */

#trailerboks {margin-bottom: 5px; padding: 0 0 5px 0; text-align: center; background: #555;}
#trailerboks h3 {display: block; height: 35px; margin: 0; background: transparent url(stian/tittel_filmtrailer.gif) 50% 0 no-repeat; text-indent: -5000px;}
#trailerboks img {margin: 0 0 5px 0; padding: 5px; background: #ddd; border: none; border-right: 2px solid #222; border-bottom: 2px solid #222;}
#trailerboks ul {list-style: none; height: 45px; margin: 0; margin-left: 10px;  padding: 0; font-size: .8em;}
#trailerboks li {display: inline;}
#trailerboks li a {display: block; float: left; width: 151px; height: 44px; text-indent: -5000px;}
#trailerboks li.trailer a:link, #trailerboks li.trailer a:visited {background: transparent url(stian/knapp_stortrailer.gif) 0 0 no-repeat;}
#trailerboks li.mertrailer a:link, #trailerboks li.mertrailer a:visited {margin-left: 38px; background: transparent url(stian/knapp_storfleretrailer.gif) 0 0 no-repeat;}
#trailerboks li.trailer a:hover, #trailerboks li.mertrailer a:hover {background-position: 0 -44px;} 

#bildeboks {margin-bottom: 5px; padding: 0 0 5px 0; background: #555;}
#bildeboks h3 {display: block; height: 35px; margin: 0; background: transparent url(stian/tittel_filmbilder.gif) 50% 0 no-repeat; text-indent: -5000px;}
#bildeboks .bildeliste {list-style: none; margin: 0; padding: 0; text-align: center;}
#bildeboks .bildeliste li {display: inline; float: left; margin: 0 0 8px 4px;}
#bildeboks .bildeliste li img {border: 3px solid #ddd;}

#bildeboks .bildeknapper {clear: both; list-style: none; margin: 0; padding: 0; height: 30px; text-align: center;}
#bildeboks .bildeknapper li {display: inline; font-size: .8em; margin: 0;}
#bildeboks .bildeknapper li a {display: block; float: left; width: 174px; height: 47px; text-indent: -5000px;}
#bildeboks .bildeknapper li.flerebilder a:link, #bildeboks .bildeknapper li.flerebilder a:visited { margin-left: 4px; background: transparent url(stian/knapp_storbilder.gif) 0 0 no-repeat;}
#bildeboks .bildeknapper li.allebilder a:link, #bildeboks .bildeknapper li.allebilder a:visited {background: transparent url(stian/knapp_storbildespes.gif) 0 0 no-repeat;}
#bildeboks .bildeknapper li.flerebilder a:hover, #bildeboks .bildeknapper li.allebilder a:hover {background-position: 0 -47px;} 


#sistesaker {clear: both; margin: 0 0 10px 0; padding: 0; background: #ccc;}
#sistesaker h3 {display: block; height: 21px; margin: 0 0 5px 0; background: transparent url(stian/tittel_sistesaker.gif) 50% 0 no-repeat; text-indent: -5000px;}
#sistesaker div.bredsak {margin: 15px 5px 0 5px; padding-bottom: 20px; background: transparent url(spalteartdeler.gif) bottom left repeat-x;}
#sistesaker img {margin: 5px 0 5px 5px; float: right;}
#sistesaker h4 {font-size: 1em; color: #222;}
#sistesaker h4 a:link, #sistesaker h4 a:visited {color: #222; text-decoration: none;}
#sistesaker h4 a:hover {color: #000; text-decoration: underline;}
#sistesaker p {font-size: .7em; margin: 3px 0;}
#sistesaker p.leshele {margin: 0;}
#sistesaker p.leshele a:link, #sistesaker p.leshele a:visited {color: #444;}
#sistesaker p.leshele a:hover {color: #d01;}



/* IKKE ENDRET */
#lesernes {margin-bottom: 5px; padding: 0; padding-bottom: 5px; background: #f90;}
#lesernes h3.lesertern {display: block; height: 41px; margin: 0; background: transparent url(stian/tittel_leserternboks.gif) 0 0 no-repeat; text-indent: -5000px;}
#lesernes h3.leseranm {display: block; margin: 20px 0 0 0; height: 41px; background: transparent url(stian/tittel_leseranmboks.gif) 0 0 no-repeat; text-indent: -5000px;}
#lesernes img {float: left; margin: 10px 20px 10px 10px;}
#lesernes ul.tallene {list-style: none; margin: 15px 5px; padding: 0;}
#lesernes ul.tallene li {font-weight: bold; color: #850;}
#lesernes p {font-size: .8em; text-align: center;}
#lesernes blockquote {margin: 0; background: #f6b95b;}
#lesernes blockquote p {text-align: left; padding: 10px 15px 0 15px;}
#lesernes blockquote p.forfatter {margin: 0; padding: 25px 0 4px 60px; background: #f90 url(stian/bak_leseranmforf.gif) 0 0 no-repeat;}


#lesernes ul.knapp {height: 30px; margin: 10px 0 10px 4px; padding: 0; white-space: nowrap;}
#lesernes ul.knapp li {float: left; list-style-type: none; font-size: .7em;}
#lesernes ul.knapp li a {display: block; float: left; width: 116px; height: 27px; margin-right: 2px; text-indent: -5000px;}
#lesernes ul.knapp li.flereanm a:link, #lesernes ul.knapp li.flereanm a:visited {background: transparent url(stian/knapp_boks_flereanm.gif) 0 0 no-repeat;}
#lesernes ul.knapp li.skrivanm a:link, #lesernes ul.knapp li.skrivanm a:visited {background: transparent url(stian/knapp_boks_skrivanm.gif) 0 0 no-repeat;}
#lesernes ul.knapp li.giterning a:link, #lesernes ul.knapp li.giterning a:visited {background: transparent url(stian/knapp_boks_giterning.gif) 0 0 no-repeat;}
#lesernes ul.knapp li.flereanm a:hover, #lesernes ul.knapp li.skrivanm a:hover, #lesernes ul.knapp li.giterning a:hover {background-position: 0 -27px;}






/* trailersiden og bildespesialsiden */

.film #frontspalte.trailere {width: 470px;}


#sistesaker.trailer {margin-top: 0;}
#sistesaker.trailer h3 {display: block; height: 21px; margin: 0 0 5px 0; background: transparent url(head_sistesaker2.gif) 50% 0 no-repeat; text-indent: -5000px;}

h2#sistetrailer {display: block; height: 35px; color: #fff; background: #444 url(stian/tittel_akttrailere.gif) 0 0 no-repeat; text-indent: -5000px;}
h2#trailerliste {display: block; height: 35px; clear: both; margin-top: 10px; color: #fff; background: #444 url(stian/tittel_alletrailere.gif) 0 0 no-repeat; text-indent: -5000px;}

h2#sistebilder {display: block; height: 35px; color: #fff; background: #444 url(stian/tittel_aktbildespes.gif) 0 0 no-repeat; text-indent: -5000px;}
h2#bilderliste {display: block; height: 35px; clear: both; margin-top: 10px; color: #fff; background: #444 url(stian/tittel_allebildespes.gif) 0 0 no-repeat; text-indent: -5000px;}


ul.trailertopp {clear: both; list-style: none; margin: 0; padding: 0 0 10px 30px; background: #888; color: #fff;}
ul.trailertopp li {display: inline; margin: 3px 20px 3px 0;}
ul.trailertopp img {margin-top: 10px; padding: 2px; background: #000; border: 1px solid #fff;}
ul.trailertopp img:hover { background: #fff; border: 1px solid #000;}

ul.trailerakt {list-style: none; width: 220px; float: left; margin: 10px 5px 15px 5px; padding: 0; font-family: arial, sans-serif; font-size: .7em;  border-top: 3px solid #f90;}
ul.trailerakt li {padding: 2px 2px 2px 0; margin: 0; border-bottom: 1px solid #ddd;}
ul.trailerakt a:link, ul.trailerakt a:visited {color: #000; text-decoration: none;}
ul.trailerakt a:hover {color: #d01;}

ul.trailerakt li.bokstav {padding-left: 3px; color: #fff; background: #555 url(stian/bak_bildebokstav.gif) top right no-repeat; font-weight: bold; border: none; border-left: 1px solid #555; }


/* oversikt over alle anmeldelsene til en film */

#anmeldelser {font: .8em/1.5 "Lucida Grande", arial, sans-serif;}
#anmeldelser h2 {margin: 0 0 20px 0; padding: 6px 4px; color: #fff; font-size: 1.2em; background: #444;}
#anmeldelser h2 a:link, #anmeldelser h2 a:visited {color: #fff; font-weight: bold; text-decoration: none;}
#anmeldelser h2 a:hover {text-decoration: underline;}

#anmeldelser dl.leseranmeld dd {line-height: 1.4em;}

#anmeldelser dl.leseranmeld dd.knapper {margin-top: 5px;}
#anmeldelser dl.leseranmeld dd.knapper a:link, #anmeldelser dl.leseranmeld dd.knapper a:visited {margin-right: 10px; padding: 2px 5px; font-size: .9em; color: #fff; font-weight: bold; text-decoration: none; background: #850;}
#anmeldelser dl.leseranmeld dd.knapper a:hover {background: #740;}

dl.anmeldliste {clear: both; margin: 20px 5px;}
dl.anmeldliste dt {position: relative; margin: 10px 0; padding: 2px 3px; font-size: .9em; font-weight: bold; color: #000; background: #fd9;}
dl.anmeldliste dt a:link, dl.anmeldliste dt a:visited {color: #000; font-weight: bold; text-decoration: none;}
dl.anmeldliste dt a:hover {text-decoration: underline;}
dl.anmeldliste dt span {position: absolute; right: 3px; font-size: .8em; color: #444;}
dl.anmeldliste dd {margin: 0; padding: 0;}
dl.anmeldliste dd.terning {float: left; margin: 0 15px 0 0; padding-top: 4px;}
dl.anmeldliste dd.upassende {margin: 5px 0 30px 0; text-align: right; font-size: .8em; border-top: 1px solid #ccc;}
dl.anmeldliste dd.upassende a:link, dl.anmeldliste dd.upassende a:visited {color: #ccc; text-decoration: none;}
dl.anmeldliste dd.upassende a:hover {color: #000; text-decoration: underline;}



/* oversikt over de siste anmeldelsene fra VG Nett */

#sisteanmeldelser {font-family: "Lucida Grande", arial, sans-serif;}
#frontspalte #sisteanmeldelser h2 {clear: both; display: block; margin: 10px 0; height: 41px; background: transparent url(stian/tittel_sisteanm.gif) 0 0 no-repeat; text-indent: -5000px;}
#sisteanmeldelser p.alfabetisk {margin: -10px 0 10px 0; background: transparent url(stian/bak_anmeldp.gif) left bottom repeat-x; border-top: 2px solid #999;}
#sisteanmeldelser p.alfabetisk a:link, #sisteanmeldelser p.alfabetisk a:visited {display: block; height: 19px; margin-left: 320px; background: transparent url(stian/knapp_alfabetisk.gif) bottom left no-repeat; text-indent: -5000px;}

#sisteanmeldelser h3 {margin: 0; font-size: .8em; background: transparent url(stian/bak_anmdato.jpg) 0 0 repeat-y; padding-left: 5px;}

#sisteanmeldelser dl {margin: 0; padding-bottom: 5px; background: transparent url(stian/bak_anmliste.gif) bottom left repeat-x; border-bottom: 1px solid #aaa;}
#sisteanmeldelser dt {margin-top: 10px; font-weight: bold;}
#sisteanmeldelser img {vertical-align: middle; border: none;}
#sisteanmeldelser dt img {margin-right: 17px;} 
#sisteanmeldelser dl a:link, #sisteanmeldelser dl a:visited {color: #000;}
#sisteanmeldelser dl a:hover {color: #d01;}
#sisteanmeldelser dd {font-size: .7em;}
#sisteanmeldelser dd.blokk {clear: both; display: block;}


/* Kommer på kino */

#kommerliste{font-family: "Lucida Grande", arial, sans-serif;}
#frontspalte #kommerliste h2#kino {clear: both; display: block; margin: 10px 0 0 0; height: 42px; background: transparent url(stian/tittel_kommerkino.gif) 0 0 no-repeat; text-indent: -5000px;}
#frontspalte #kommerliste h2#dvd {clear: both; display: block; margin: 10px 0 0 0; height: 42px; background: transparent url(stian/tittel_kommerdvd.gif) 0 0 no-repeat; text-indent: -5000px;}
#kommerliste h3 {margin: 0; padding: 2px 0 2px 30px; font-size: .8em; background: transparent url(stian/bak_kommerdato.gif) bottom left no-repeat; border-top: 1px solid #999;}
#kommerliste div.filmboks {clear: both;  height: 109px; margin: 0; padding-bottom: 5px; font-size: .7em; background: transparent url(stian/bak_anmliste.gif) bottom left repeat-x; border-bottom: 1px solid #aaa;}


#kommerliste div.filmboks img { width: 60px; clear: both; margin: 0 5px 0 0; float: left; padding: 12px 10px; background: transparent url(stian/bak_kommerbilde.gif) bottom left repeat-x;}
#kommerliste div.filmboks dl { float: left; margin: 3px 8px 0; width: 250px;}
#kommerliste div.filmboks dl a:link, #kommerliste div.filmboks dl a:visited {color: #000;}
#kommerliste div.filmboks dt { font-size: 1.1em; font-weight: bold;}
#kommerliste div.filmboks dd { margin: 0;}

#kommerliste div.filmboks ul {list-style: none; margin: 3px 0 0 0; padding: 0; float: left;}
#kommerliste div.filmboks li {margin-top: 0px;}
#kommerliste div.filmboks ul li a:link, #kommerliste div.filmboks ul li a:visited, #kommerliste div.filmboks ul li a:hover {display: block; height: 19px; width: 119px; text-indent: -5000px; text-decoration: none;}
#kommerliste div.filmboks ul li.vganm a {background: transparent url(stian/knapp_kommervg.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.vganm1 a {background: transparent url(stian/knapp_kommervg1.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.vganm2 a {background: transparent url(stian/knapp_kommervg2.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.vganm3 a {background: transparent url(stian/knapp_kommervg3.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.vganm4 a {background: transparent url(stian/knapp_kommervg4.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.vganm5 a {background: transparent url(stian/knapp_kommervg5.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.vganm6 a {background: transparent url(stian/knapp_kommervg6.gif) 0 0 no-repeat;}

/* Old buttons edited by haakon@aptoma.com 2007-11-02
#kommerliste div.filmboks ul li.trailer a {background: transparent url(stian/knapp_kommertrailer.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.bilder a {background: transparent url(stian/knapp_kommerbilder.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.omfilm a {background: transparent url(stian/knapp_kommeromfilm.gif) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.simening a {background: transparent url(stian/knapp_kommersimening.gif) 0 0 no-repeat;}
*/

#kommerliste div.filmboks ul li.trailer a {background: transparent url(stian/knapper/trailer.jpg) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.bilder a {background: transparent url(stian/knapper/bilder.jpg) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.omfilm a {background: transparent url(stian/knapper/omfilmen.jpg) 0 0 no-repeat;}
#kommerliste div.filmboks ul li.simening a {background: transparent url(stian/knapper/mening.jpg) 0 0 no-repeat;}


/* Liste for filmer som kommer ut om mer enn et halvt år vises ikke i en filmboks men kun liste med tittel */
#kommerliste div.filmliste { font-size: 0.8em; font-weight: bold; padding-top: 3px; padding-bottom: 2px; }
#kommerliste div.filmliste a:link, #kommerliste div.filmliste a:visited { color: #000; }





/**
* Topp 10 kino and Topp 20 utleie
* @author haakon@aptoma.com 
* October 2007
*
*/

#frontspalte #topplister h2#topp10kino { clear: both; display: block; margin: 3px 0 0 0; height: 42px; width: 470px; background: transparent url(stian/tittel_topp10kino.jpg) 0 0 no-repeat; text-indent: -5000px; }
#frontspalte #topplister h2#topp10salg { clear: both; display: block; margin: 3px 0 0 0; height: 42px; width: 470px; background: transparent url(stian/tittel_topp10salg.jpg) 0 0 no-repeat; text-indent: -5000px; }
#frontspalte #topplister h2#topp20utleie { clear: both; display: block; margin: 3px 0 0 0; height: 42px; width: 470px; background: transparent url(stian/tittel_topp20utleie.jpg) 0 0 no-repeat; text-indent: -5000px; }
#frontspalte #topplister h2#vglista-film { clear: both; display: block; margin: 3px 0 0 0; height: 24px; width: 470px; background: transparent url(stian/tittel_vglista_film.jpg) 0 0 no-repeat; text-indent: -5000px; }
#frontspalte #topplister div#weeknavigation { display: block; margin: 0 0 0 0; height: 22px; width: 470px; background: transparent url(stian/navigasjon_bakgrunn.jpg) 0 0 repeat-x; padding: 0px; }
#frontspalte #topplister div#weeknavigation ul { display: block; list-style-type: none; border: 0px solid black; height: 22px; width: 470px; margin: 0px; padding: 0px; }
#frontspalte #topplister div#weeknavigation ul li { display: inline; border: 0px solid red; margin: 0 auto; }
#frontspalte #topplister div#weeknavigation ul li img { border: 0; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation1 { width: 85px; float: left; text-align: left; margin: 0 auto; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation2 { width: 300px; float: left; text-align: center; margin: 0 auto; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation2 p { margin-top: 3px; margin-left: -15px; font-family: "Arial", sans-serif; font-size: 0.8em; color: #565656; vertical-align: middle; border: 0px solid black; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation3 { width: 85px; float: right; text-align: right; }

/* Basert på terningskast byttes hele bakgrunnen for filmblokken */
/* dl.leseranmeld dd.terning img {display: block;} */
#topplister div.terning, #topplister div.terning0 { background: transparent url(stian/bakgrunner/bak_topplister.jpg) 0 0 no-repeat; }
#topplister div.terning1 { background: transparent url(stian/bakgrunner/bak_topplister_terning1.jpg) 0 0 no-repeat; }
#topplister div.terning2 { background: transparent url(stian/bakgrunner/bak_topplister_terning2.jpg) 0 0 no-repeat; }
#topplister div.terning3 { background: transparent url(stian/bakgrunner/bak_topplister_terning3.jpg) 0 0 no-repeat; }
#topplister div.terning4 { background: transparent url(stian/bakgrunner/bak_topplister_terning4.jpg) 0 0 no-repeat; }
#topplister div.terning5 { background: transparent url(stian/bakgrunner/bak_topplister_terning5.jpg) 0 0 no-repeat; }
#topplister div.terning6 { background: transparent url(stian/bakgrunner/bak_topplister_terning6.jpg) 0 0 no-repeat; }
#topplister div.terning7 { background: transparent url(stian/bakgrunner/bak_topplister_rett_pa_video.jpg) 0 0 no-repeat; }

#topplister div.toppfilmboks { clear: both; width: 470px; height: auto; margin-top: 7px; margin-bottom: 0px; padding-bottom: 0px; font-family: "Arial", sans-serif; font-size: 0.8em; line-height: 1.4;  }
#topplister div.toppfilmboks dl { float: left; border: 0px solid black; margin: 0px; width: 320px;}
#topplister div.toppfilmboks dt { margin-left: 5px; margin-top: 2px; border: 0px solid blue; width: 100%; height: 30px; font-weight: bold; color: #565656; }
#topplister div.toppfilmboks dd { margin-left: 5px; margin: 0; padding: 7px; border: 0px solid red; font-size: 0.9em; color: #FFF;   }

#topplister div.toppfilmboks div.top span { font-size: 0.8em; color: #FFF;  width: 100%; height: 36px; border: 0px solid blue;}
#topplister div.toppfilmboks div.top span.top1 {text-align: center;  height: 100%; width: 60px; float: left; margin-top: 0px; margin-left: 0px; }

#topplister div.toppfilmboks div.top span.top2 { font-size: 0.9em; padding-left: 7px; margin-top: 10px; height: 100%; width: 82px; float: left; }
#topplister div.toppfilmboks div.top span.top2 img { margin: 0px 1px 0px 10px; text-align: right; vertical-align: middle; }
#topplister div.toppfilmboks div.top span.top3 { padding-top: 0px; padding-left: 5px; line-height: 1.8; height: 36px; width: 230px; float: left; }
#topplister div.toppfilmboks div.top span.top4 { border: 0px solid black; padding-left: 2px; padding-top: 2px; height: 36px; width: 70px; float: right; }
#topplister div.toppfilmboks div.top span.top4 a { width: 100%; height: 95%; display: block; }

#topplister div.toppfilmboks div.midtfilmboks { margin: 0px; padding: 0px; border: 0px solid red; }
#topplister div.toppfilmboks div.midtfilmboks img { width: 117px; clear: both; margin-left: 25px; margin-top: 0px; border-width: 0px 1px 1px 1px; border-color: white; float: left; padding: 0px; background: transparent url(stian/bak_graadient_170.jpg) bottom left repeat-x;}
#topplister div.toppfilmboks div.midtfilmboks dl a:link, #topplister div.toppfilmboks div.midtfilmboks dl a:visited {color: #FFF; margin-top:3px;}
#topplister div.toppfilmboks div.midtfilmboks dl { float: left; border: 0px solid black; margin: 0px; width: 320px; color: #FFF; }
#topplister div.toppfilmboks div.midtfilmboks dt { padding-top: 3px;}
#topplister div.toppfilmboks div.midtfilmboks dt a:link, #topplister div.toppfilmboks div.midtfilmboks dt a:visited { padding-top: 7px; margin-left: 5px;  border: 0px solid blue; width: 100%;  font-family: "Arial", sans-serif; font-size: 1.2em; font-weight: bold; color: #565656; text-decoration: none; }

#topplister div.toppfilmboks div.midtfilmboks dd { margin-left: 5px; margin: 0; padding: 7px; border: 0px solid red; font-size: 0.9em; color: #FFF;   }

#topplister div.bunnfilmboks { clear: both; height: 80px; margin-left: 25px;  border: 0px solid green; }
#topplister div.bunnfilmboks div.bunn2 {  background: transparent url(stian/bak_graadient.jpg) 0 0 no-repeat; height: 74px; width: 320px;}

#topplister div.bunnfilmboks .bunn1  { border: 0px solid blue; width: 120px; clear: both;  margin-top: 0px; float: left; padding: 0px; margin-right: 0px; background: transparent; }
#topplister div.bunnfilmboks .bunn1 ul li a:link, #topplister div.bunnfilmboks .bunn1 ul li a:visited, #topplister div.bunnfilmboks .bunn1 ul li ul li a:hover {display: block; height: 19px; width: 119px; text-indent: -5000px; text-decoration: none;}
#topplister div.bunnfilmboks .bunn1 ul {list-style-type: none; margin: 3px 0 0 0; padding: 0; float: left; border: 0px solid black; }
#topplister div.bunnfilmboks .bunn1 li {margin-top: 0px;}
#topplister div.bunnfilmboks .bunn1 ul li a:link, #kommerliste div.filmboks ul li a:visited, #kommerliste div.filmboks ul li a:hover {display: block; height: 19px; width: 119px; text-indent: -5000px; text-decoration: none;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm a {background: transparent url(stian/knapp_kommervg.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm1 a {background: transparent url(stian/knapp_kommervg1.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm2 a {background: transparent url(stian/knapp_kommervg2.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm3 a {background: transparent url(stian/knapp_kommervg3.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm4 a {background: transparent url(stian/knapp_kommervg4.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm5 a {background: transparent url(stian/knapp_kommervg5.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.vganm6 a {background: transparent url(stian/knapp_kommervg6.gif) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.trailer a {background: transparent url(stian/knapper/trailer.jpg) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.bilder a {background: transparent url(stian/knapper/bilder.jpg) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.omfilm a {background: transparent url(stian/knapper/omfilmen.jpg) 0 0 no-repeat;}
#topplister div.bunnfilmboks .bunn1 ul li.simening a {background: transparent url(stian/knapper/mening.jpg) 0 0 no-repeat;}

#topplister div.bunnfilmboks .bunn2 { border: 0px solid red; float: left; height: 80px;  margin-top: 3px; margin-left: 2px;}
#topplister div.bunnfilmboks .bunn2 dl { float: left; border: 0px solid black; margin: 0px; width: 310px;}
#topplister div.bunnfilmboks .bunn2 dt { float: left; border: 0px solid blue; margin-left: 0px; margin-top: 0px; padding: 5px 0px 3px 7px; width: 98%; height: 14px; font-size: 1.0em; font-weight: bold; font-family: "Arial", sans-serif; color: #000; clear: both; }
#topplister div.bunnfilmboks .bunn2 dt a:link, #topplister div.bunnfilmboks .bunn2 dt a:visited, #topplister div.bunnfilmboks .bunn2 dt img { border: 0; color: #000; text-decoration: none; }
#topplister div.bunnfilmboks .bunn2 dt img, #topplister div.bunnfilmboks .bunn2 dd img { vertical-align: middle; }
#topplister div.bunnfilmboks .bunn2 dd { border: 0px solid red;  font-weight: bold; margin: 0; padding: 2px 7px 0px 7px; font-size: 1.0em; color: #333; width: 98%; clear: both; }
#topplister div.bunnfilmboks .bunn2 dd a:link, #topplister div.bunnfilmboks .bunn2 dd a:visited { padding: 2px 2px 0px 0px; margin-left: 0px; margin-top: 3px; border: 0px solid blue; width: 100%; font-family: "Arial", sans-serif; font-size: 0.9em; font-weight: bold; color: #000; text-decoration: underline; }
#topplister div.bunnfilmboks .bunn2 dl dd p { padding: 3px 0px 3px 0px; margin: 0px;  } 


#topplister h4 { font: 1.0em 'Arial', Geneva, Verdana, serif; color: #fff; font-weight: bold; line-height: 1.4; }
#topplister h4 { display: inline; }

#topplister .clear { clear: both; }
#topplister .hidden { display: none; }
#topplister .noborder { border: 0; }
#topplister .spacer120 { width: 119px; }

/* IE5.5+ PNG fix */
#topplister .toppfilmboks .top .top1 .png { behavior: url(iepngfix.htc); height: 35px; width: 35px; }

/* End of topp10kino */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /


/* Filmliste for søk */

#filmliste { font-family: "Lucida Grande", arial, sans-serif; }
#filmliste h2#kino {clear: both; display: block; margin: 10px 0 0 0; height: 42px; background: transparent url(stian/tittel_kommerkino.gif) 0 0 no-repeat; text-indent: -5000px;}
#filmliste h2#dvd {clear: both; display: block; margin: 10px 0 0 0; height: 42px; background: transparent url(stian/tittel_kommerdvd.gif) 0 0 no-repeat; text-indent: -5000px;}
/*
#filmliste div#resultsfromsearch { width: 470px; font: 0.75em 'Arial', Geneva, Verdana, serif; color: #000; vertical-align: middle; clear: both; display: block; margin: 10px 0 0 0; padding: 0px 0px 0px 0px;  height: 21px; background: transparent url(stian/filmliste/topplinje_gul.jpg) 0 0 no-repeat; }
#filmliste div#resultsfromsearch ul { display: block; list-style-type: none; border: 0px solid black; height: 12px; width: 100%; margin: 0px; padding: 0px;  }
#filmliste div#resultsfromsearch ul li { margin: 0px 0px 0px 24px; padding: 4px 0px 0px 5px; height: 100%; width: 100%; font-weight: bold; display: inline; border: 0px solid red; margin: 0 auto; float: left; text-align: left; }
*/
#filmliste #resultsfromsearch { display: block; width: 470px; padding: 4px 0px 0px 5px; font: 0.75em 'Arial', Geneva, Verdana, serif; font-weight: bold; color: #000; clear: both; margin: 10px 0 0 0; height: 21px; background: transparent url(stian/filmliste/topplinje_gul.jpg) 0 0 no-repeat; }
#filmliste #resultsfromsearch #results { float: left; }
#filmliste #resultsfromsearch #paging { float: right; margin: 3px 8px 0px 0px; font-size: 0.9em;  }


/*
#filmliste div#resultsfromsearch ul li img { border: 0; }
#filmliste div#resultsfromsearch ul li#films { width: 75px; margin: 0px 0px 0px 24px; padding: 4px 0px 0px 0px; }
#filmliste div#resultsfromsearch ul li#persons { width: 101px; margin: 0px 0px 0px 23px; padding: 4px 0px 0px 0px; }
#filmliste div#resultsfromsearch ul li#reviewers { width: 102px; margin: 0px 0px 0px 22px; padding: 4px 0px 0px 0px;  }
#filmliste div#resultsfromsearch ul li#forward { width: 58px; margin: 0 auto; }
#filmliste div#resultsfromsearch ul li#backward { width: 65px; margin: 0 auto; }
*/

#filmliste div#topnavigation { width: 470px; display: block; border: 0px solid black; margin: 0px 0px 10px 0; background: transparent url(stian/filmliste/sorter_ramme.jpg) 0 0 no-repeat; padding: 0px; float: left; }
#filmliste div#topnavigation ul { background: transparent url(stian/filmliste/sorter_ramme.jpg) 0 0 no-repeat; float: left; display: block; list-style-type: none; border: 0px solid black; height: 21px; width: 100%; margin: 0px; padding: 0px;  }
#filmliste div#topnavigation ul li { height: 21px; font-weight: bold; display: inline; border: 0px solid red; margin: 0 auto; font-size: 0.6em; float: left; text-align: left; vertical-align: middle; }
#filmliste div#topnavigation ul li img { border: 0; }

#filmliste div#topnavigation ul li.sortby { border: 0px solid black; width: 80px; float: left; text-indent: -5000px; }
#filmliste div#topnavigation ul li.year { border: 0px solid black; width: 141px; background: transparent url(stian/filmliste/prodaar.jpg) 0 0 no-repeat; float: left; text-indent: -5000px; }
#filmliste div#topnavigation ul li.title { border: 0px solid black; width: 87px; background: transparent url(stian/filmliste/tittel.jpg) 0 0 no-repeat; float: left; text-indent: -5000px; }
#filmliste div#topnavigation ul li.year a.year-asc, #filmliste div#topnavigation ul li.title a.title-asc { height: 21px; background: transparent url(stian/filmliste/pilopp.jpg) 0 0 no-repeat; display: block; width: 19px; float: right; text-indent: -5000px; }
#filmliste div#topnavigation ul li.year a.year-desc, #filmliste div#topnavigation ul li.title a.title-desc { height: 21px; background: transparent url(stian/filmliste/pilned.jpg) 0 0 no-repeat; display: block; width: 19px; float: right; text-indent: -5000px; }
#filmliste div#topnavigation ul li.forward a { height: 20px; background: transparent url(stian/filmliste/topplinje_navigasjon_neste.jpg) 0 0 no-repeat; display: block; width: 58px; margin: 0px; text-indent: -5000px; }
#filmliste div#topnavigation ul li.backward a { height: 20px; background: transparent url(stian/filmliste/topplinje_navigasjon_forrige.jpg) 0 0 no-repeat; display: block; width: 65px; margin: 0px 0px 0px 39px; text-indent: -5000px; }
#filmliste div#topnavigation ul li.nobackward { width: 65px; text-indent: -5000px; display: block; margin: 0px 0px 0px 39px; text-indent: -5000px; }



#filmliste ul#bottomnavigation { clear: both; border: 0px solid red; width: 470px; margin: 0px; padding: 0px; background: transparent url(stian/filmliste/bunnlinje_navigasjon.jpg) 0 0 repeat-x; float: left; text-align: left; display: block; list-style-type: none; height: 22px; }
/*#filmliste div#bottomnavigation ul li { font-weight: bold; display: inline; margin: 0 auto; font-size: 0.6em; float: left; text-align: left; vertical-align: middle; }*/
#filmliste ul#bottomnavigation li { display: inline; margin: 0 auto; float: left; text-align: left; vertical-align: middle; }
#filmliste ul#bottomnavigation li.forward a	 { border: 0px solid red; display: block; background: transparent url(stian/filmliste/bunnlinje_navigasjon_neste.jpg) 0 0 no-repeat; width: 58px; margin: 0px 0px 0px 0px; text-indent: -5000px; height: 22px; }
#filmliste ul#bottomnavigation li.backward a { border: 0px solid red; display: block; background: transparent url(stian/filmliste/bunnlinje_navigasjon_forrige.jpg) 0 0 no-repeat; width: 65px; margin: 0px 0px 0px 347px; text-indent: -5000px; height: 22px; }
#filmliste ul#bottomnavigation li.nobackward { border: 0px solid red; display: block; width: 65px; margin: 0px 0px 0px 347px; display: block;  text-indent: -5000px; height: 22px; }


/*
#frontspalte #topplister div#weeknavigation { display: block; margin: 0 0 0 0; height: 22px; width: 470px; background: transparent url(stian/navigasjon_bakgrunn.jpg) 0 0 repeat-x; padding: 0px; }
#frontspalte #topplister div#weeknavigation ul { display: block; list-style-type: none; border: 0px solid black; height: 22px; width: 470px; margin: 0px; padding: 0px; }
#frontspalte #topplister div#weeknavigation ul li { display: inline; border: 0px solid red; margin: 0 auto; }
#frontspalte #topplister div#weeknavigation ul li img { border: 0; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation1 { width: 85px; float: left; text-align: left; margin: 0 auto; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation2 { width: 300px; float: left; text-align: center; margin: 0 auto; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation2 p { margin-top: 3px; margin-left: -15px; font-family: "Arial", sans-serif; font-size: 0.8em; color: #565656; vertical-align: middle; border: 0px solid black; }
#frontspalte #topplister div#weeknavigation ul li#weeknavigation3 { width: 85px; float: right; text-align: right; }
*/



#filmliste h3 {margin: 0; padding: 2px 0 2px 30px; font-size: .8em; background: transparent url(stian/bak_kommerdato.gif) bottom left no-repeat; border-top: 1px solid #999;}
#filmliste div.filmboks {clear: both;  height: 115px; margin: 0; font-size: .7em; background: transparent url(stian/bak_anmliste.gif) bottom left repeat-x; border-bottom: 1px solid #aaa;}

#filmliste div.filmboks div.plakat img { border: 0px; width: 60px; clear: both; margin: 0 auto; padding: 12px 0px 0px 0px; text-align: center; }
#filmliste div.filmboks div.plakat { float: left; width: 80px; height: 115px; background: transparent url(stian/bak_kommerbilde.gif) bottom left repeat-x; text-align: center; margin: 0 auto; }
#filmliste div.filmboks ul.filminfo { display: block; width: 253px; list-style-type: none; color: #000; text-indent: 0px; margin: 0px; padding: 10px 5px 0px 7px; }
#filmliste div.filmboks ul.filminfo li { display: block; margin: 0 auto; text-align: left; padding: 0px 0px 3px 0px; }
#filmliste div.filmboks ul.filminfo li a:link, #filmliste div.filmboks ul.filminfo li a:visited { display: inline; text-align: left; color: #000; text-indent: 0px; text-decoration: underline; }

#filmliste div.filmboks ul {list-style-type: none; margin: 3px 0 0 0; padding: 0; float: left; color: #000; }
#filmliste div.filmboks li {margin-top: 0px;}
#filmliste div.filmboks ul li a:link, #filmliste div.filmboks ul li a:visited, #filmliste div.filmboks ul li a:hover {display: block; height: 19px; width: 119px; text-indent: -5000px; text-decoration: none;}
#filmliste div.filmboks ul li.vganm a {background: transparent url(stian/knapp_kommervg.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.vganm1 a {background: transparent url(stian/knapp_kommervg1.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.vganm2 a {background: transparent url(stian/knapp_kommervg2.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.vganm3 a {background: transparent url(stian/knapp_kommervg3.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.vganm4 a {background: transparent url(stian/knapp_kommervg4.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.vganm5 a {background: transparent url(stian/knapp_kommervg5.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.vganm6 a {background: transparent url(stian/knapp_kommervg6.gif) 0 0 no-repeat;}

/* Old buttons replaced by haakon@aptoma.com 2007-11-02
#filmliste div.filmboks ul li.trailer a {background: transparent url(stian/knapp_kommertrailer.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.bilder a {background: transparent url(stian/knapp_kommerbilder.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.omfilm a {background: transparent url(stian/knapp_kommeromfilm.gif) 0 0 no-repeat;}
#filmliste div.filmboks ul li.simening a {background: transparent url(stian/knapp_kommersimening.gif) 0 0 no-repeat;}
*/
#filmliste div.filmboks ul.features { float: right; }
#filmliste div.filmboks ul.features li.trailer a	 { background: transparent url(stian/knapper/trailer.jpg) 0 0 no-repeat; }
#filmliste div.filmboks ul.features li.bilder a 	 { background: transparent url(stian/knapper/bilder.jpg) 0 0 no-repeat; }
#filmliste div.filmboks ul.features li.omfilm a 	 { background: transparent url(stian/knapper/omfilmen.jpg) 0 0 no-repeat; }
#filmliste div.filmboks ul.features li.simening a 	 { background: transparent url(stian/knapper/mening.jpg) 0 0 no-repeat; }

#filmliste div.filmboks-top { display: block; clear: both; width: 470px; float: left; background: transparent url(stian/filmliste/sok_tekstfelt_35px.jpg) left top no-repeat; }
#filmliste div.filmboks-top h2.film-year 	 { width: 80px;  float: left; font-size: .85em; text-align: center; margin: 0 auto; padding-top: 3px; padding-bottom: 4px; }
#filmliste div.filmboks-top h2.film-title 	 { display: block; margin: 0 auto; width: 270px; line-heigt: 1.1px; float: left; font-size: .85em; }
#filmliste div.filmboks-top h2.film-title a  { display: block; margin: 0 auto; padding: 3px 0px 4px 5px; }
#filmliste div.filmboks-top h2.film-upcoming { display: block; margin: 0 auto; height: 22px; vertical-align: bottom; float: right; width: 120px; font-size: .75em; background: transparent url(stian/filmliste/kommer2.jpg) center top no-repeat; text-indent: -5000px; }


/* Liste for filmer som kommer ut om mer enn et halvt år vises ikke i en filmboks men kun liste med tittel */
#filmliste div.filmliste { font-size: 0.8em; font-weight: bold; padding-top: 3px; padding-bottom: 2px; }
#filmliste div.filmliste a:link, #filmliste div.filmliste a:visited { color: #000; }

#filmliste h3.frisok-heading { margin: 11px 0px 10px 0px; clear: both; padding-left: 85px; }
#filmliste h3.frisok-heading a { color: #000;  }

#filmliste ul.personliste { list-style-type: none; margin: 0px 0px 0px 85px; padding: 0; }
#filmliste ul.personliste li { list-style-position: inside; }
#filmliste ul.personliste li a { font-size: 0.8em; color: #000; text-decoration: underline; }
#filmliste ul.personliste li a:hover { text-decoration: none; }

#filmliste div#searchstats { border: 0px solid black; font-size: 0.8em; font-weight: bold; width: 100%; }
#filmliste div#searchstats span#ant-filmer		{ margin: 0px 15px 0px 15px;	}
#filmliste div#searchstats span#ant-anmeldelser	{ margin: 0px 15px 0px 0px;		}
#filmliste div#searchstats span#ant-personer	{ margin: 0px 15px 0px 0px;		}
#filmliste div#searchstats span#ant-medlemmer	{ margin: 0px 15px 0px 0px;		}


/* Person.php */

#person div#personinfo { margin: 0 auto; float: left; text-align: left; } 
#person h2, #person #personinfo a { font: 0.8em 'Arial', Geneva, Verdana, serif; color: #000; font-weight: bold; }
#person div#person-bilde p {  font: 0.7em 'Arial', Geneva, Verdana, serif; color: #000; font-weight: bold; }
#person div#person-bilde { float: left; margin: 35px 0px 0px 15px; width: 170px; }

#person div#personinfo div#artikler { float: right; width: 250px; margin: 20px 10px 10px 0px; }
#person div#personinfo div#artikler ul { display: block; list-style-type: none; list-style-position: inline; padding: 0; margin: 0px 0px 20px 0px; }
#person div#personinfo div#artikler ul li { padding: 0px; }
#person div#personinfo div#artikler ul li a { font-size: 0.8em; font-weight: normal; }

#person .clear { clear: both; }

#person h2#person-overskrift { margin:10px 0pt; padding:7px 90px 7px 4px; font: 1.2em 'Arial', Geneva, Verdana, serif; color: #fff; font-weight: bold; line-height:1em; clear: both; display: block; border-bottom:1px solid #222222; background: #444444 url(stian/personer_topp.jpg) no-repeat scroll right top; }



/* END OF AUTHOR haakon@aptoma.com */



/* SPALTENE */

#hhspalte {display: none;} /* Fjerner høyrespalten for å lage bred venstrespalte */
#vhspalte {margin-left: 0; margin-right: 2px; width: 364px; color: #000; background: #fff; font-family: "Lucida Grande", arial, sans-serif;}

#vhspalte.smalspalte {margin-left: 0; margin-right: 3px; width: 180px; color: #000; background: #fff; font-family: "Lucida Grande", arial, sans-serif;}

#vhspalte a:link, #vhspalte a:visited {color: #850;}
#vhspalte a:hover {color: #000;}


/*------------------- NY AJAX-SPALTE -------------------------*/

#vhspalte div.loading {padding-top: 40px; text-align: center;}

#vhspalte div.webboard {margin-left: 2px;}
#vhspalte div.hidden {margin: 0; background: none;}

#spaltenavigasjon {list-style: none; margin: 0; padding: 0; font-size: .7em; font-weight: bold;}
#spaltenavigasjon li {float: left; margin-bottom: 5px; text-align: center;}
#spaltenavigasjon li a:link, #spaltenavigasjon li a:visited {display: block; float: left; height: 17px; margin: 0; padding: 4px 0; color: #600; background: #fb5 url(stian/bak_navigasjon.gif) 0 0 repeat-x; text-decoration: none; border: 1px solid #f90;}
#spaltenavigasjon li.active a:link, #spaltenavigasjon li.active a:visited {color: #fff; background: #fa1 url(stian/bak_navigasjon.gif) 0 -25px repeat-x;}
#spaltenavigasjon li a:hover {color: #fff; background: #fa1 url(stian/bak_navigasjon.gif) 0 -25px repeat-x;}

#spaltenavigasjon li#tabnav_oversikt a {width: 66px; margin-right: 1px;}
#spaltenavigasjon li#tabnav_siste a {width: 73px; margin-right: 1px;}
#spaltenavigasjon li#tabnav_trailere a {width: 65px; margin-right: 1px;}
#spaltenavigasjon li#tabnav_bilder a {width: 56px; margin-right: 1px;}
#spaltenavigasjon li#tabnav_anmeldelser a {width: 86px;}
html > body #spaltenavigasjon li#tabnav_anmeldelser a {width: 90px;}



#hhspalte_innhold_trailere {clear: both; margin: 0 0 10px 0; padding: 0 0 5px 0; line-height: 1em; background: #ccc;}
#hhspalte_innhold_trailere h3 {display: block; height: 19px; margin: 0 0 5px 0; background: transparent url(stian/tittel_trailerspalte.gif) 0 0 no-repeat; text-indent: -5000px;}
#hhspalte_innhold_trailere ul {list-style: none; margin: 0; padding: 0;}
#hhspalte_innhold_trailere li {display: inline; float: left; margin: 0 0 5px 12px; padding: 1px; color: #fff; background: #444;}
#hhspalte_innhold_trailere li img {margin: 0; border: 1px solid #444;}
#hhspalte_innhold_trailere li p {margin: 0; padding-bottom: 3px; font-size: .7em; text-align: center;}
#hhspalte_innhold_trailere li p a:link, #hhspalte_innhold_trailere li p a:visited {color: #eee; text-decoration: none;} 
#hhspalte_innhold_trailere li p a:hover {color: #fff; text-decoration: underline;}
#hhspalte_innhold_trailere p.bunnen {margin: 2px 0 5px 11px;}
#hhspalte_innhold_trailere p.bunnen a:link, #hhspalte_innhold_trailere p.bunnen a:visited {display: block; height: 17px; width: 341px; margin: 0 0 5px 0; background: transparent url(stian/knapp_trailerspalte.gif) 0 0 no-repeat; text-indent: -5000px;}



#hhspalte_innhold_bilder {clear: both; margin: 0 0 10px 0; padding: 0 0 5px 0; line-height: 1em; background: #ccc;}
#hhspalte_innhold_bilder h3 {display: block; height: 21px; margin: 0 0 5px 0; background: transparent url(stian/tittel_bilderspalte.gif) 0 0 no-repeat; text-indent: -5000px;}
#hhspalte_innhold_bilder ul {list-style: none; margin: 0; padding: 0;}
#hhspalte_innhold_bilder li {display: inline; float: left; margin: 0 0 5px 12px; padding: 1px; color: #fff; background: #444;}
#hhspalte_innhold_bilder li img {margin: 0; border: 1px solid #444;}
#hhspalte_innhold_bilder li p {margin: 0; padding-bottom: 3px; font-size: .7em; text-align: center;}
#hhspalte_innhold_bilder li p a:link, #hhspalte_innhold_bilder li p a:visited {color: #eee; text-decoration: none;} 
#hhspalte_innhold_bilder li p a:hover {color: #fff; text-decoration: underline;}
#hhspalte_innhold_bilder p.bunnen {margin: 2px 0 5px 11px;}
#hhspalte_innhold_bilder p.bunnen a:link, #hhspalte_innhold_bilder p.bunnen a:visited {display: block; height: 17px; width: 341px; margin: 0 0 5px 0; background: transparent url(stian/knapp_bilderspalte.gif) 0 0 no-repeat; text-indent: -5000px;}



/* På TV i dag */

#tvidag {clear: both; line-height: .9em; margin: 0 0 10px 0; padding: 0 0 2px 0; color: #ccc; background: #444;}
#tvidag h3 {display: block; height: 42px; margin: 0; background: transparent url(stian/tittel_tvidag.gif) 0 0 no-repeat; text-indent: -5000px;}
#tvidag ul {list-style-type: none; margin: 0; padding: 0; font-size: .9em; font-weight: bold;}
#tvidag li {margin: 0; padding: 4px 0; color: #000; background: #ccc url(stian/bak_tvidagli.gif) 0 0 no-repeat;}
#tvidag li.NRK1 {background: transparent url(stian/bak_tvidag_nrk1.gif) 0 0 no-repeat;}
#tvidag li.NRK2 {background: transparent url(stian/bak_tvidag_nrk2.gif) 0 0 no-repeat;}
#tvidag li.NRK3 {background: transparent url(stian/bak_tvidag_nrk3.gif) 0 0 no-repeat;}
#tvidag li.TV2 {background: transparent url(stian/bak_tvidag_tv2.gif) 0 0 no-repeat;}
#tvidag li.TVNORGE {background: transparent url(stian/bak_tvidag_tvnorge.gif) 0 0 no-repeat;}
#tvidag li.TV3 {background: transparent url(stian/bak_tvidag_tv3.gif) 0 0 no-repeat;}
#tvidag li.SVT1 {background: transparent url(stian/bak_tvidag_svt1.gif) 0 0 no-repeat;}
#tvidag li.SVT2 {background: transparent url(stian/bak_tvidag_svt2.gif) 0 0 no-repeat;}
#tvidag li.ZTV {background: transparent url(stian/bak_tvidag_ztv.gif) 0 0 no-repeat;}
#tvidag li.ZEBRA {background: transparent url(stian/bak_tvidag_zebra.gif) 0 0 no-repeat;}
#tvidag li span.kanal {display: none;}
#tvidag li span.klokke {margin-left: 70px;}
#tvidag li a:link, #tvidag li a:visited {color: #000; text-decoration: none;}
#tvidag li a:hover {text-decoration: underline;}
#tvidag p {margin: 0;}

/* På TV i går */

#tvigaar {clear: both; line-height: .9em; margin: 0 0 10px 0; padding: 0 0 2px 0; color: #ccc; background: #444;}
#tvigaar h3 {display: block; height: 42px; margin: 0; background: transparent url(stian/tittel_tvigaar.gif) 0 0 no-repeat; text-indent: -5000px;}
#tvigaar ul {list-style-type: none; margin: 0; padding: 0; font-size: .9em; font-weight: bold;}
#tvigaar li {position: relative; margin: 0; padding: 6px 4px 4px 30px; color: #000; background: #ccc url(stian/bak_gaarsfilmer.gif) 0 0 no-repeat;}
#tvigaar li a:link, #tvigaar li a:visited {color: #000; text-decoration: none;}
#tvigaar li a:hover {text-decoration: underline;}




/* Kinopremierer og DVD-nyheter */

#ukenskinoboks, #ukensdvdboks {clear: both; line-height: .9em; margin: 0 0 10px 0; padding: 0 0 10px 0; color: #ccc; background: #444;}
#artikkelfakta {line-height: .9em; margin: 0 0 10px 0; padding: 5px 0 7px 0; background: #f90;}

#ukenskinoboks h3 {display: block; height: 26px; margin: 0; background: transparent url(stian/tittel_kinopremierer.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukensdvdboks h3 {display: block;  height: 26px; margin: 0; background: transparent url(stian/tittel_dvdnytt.gif) 0 0 no-repeat; text-indent: -5000px;}
#artikkelfakta h3 {display: block; height: 21px; margin: 0 0 5px 0; background: transparent url(bredhead_artfakta.gif) 50% 0 no-repeat; text-indent: -5000px;}

#ukenskinoboks dl, #ukensdvdboks dl, #artikkelfakta dl {margin: 0 0 5px 0;  font-size: .7em;}
#ukenskinoboks dt, #ukensdvdboks dt {clear: both; margin: 0 0 3px; padding: 2px; font-size: 1.1em; font-weight: bold; letter-spacing: 1px; color: #444; background: #222 url(stian/bak_profiltittel.gif) right 0 no-repeat;}
#artikkelfakta dt {clear: both; margin: 10px 0 3px 1px; padding: 2px; font-size: 1.1em; font-weight: bold; letter-spacing: 1px; color: #420; background: #c70;}
#ukenskinoboks dl.profilert dt, #ukensdvdboks dl.profilert dt, #artikkelfakta dl.profilert dt {font-size: 1.2em;}
#ukenskinoboks dd, #ukensdvdboks dd, #artikkelfakta dd {display: inline; margin: 2px 5px 5px 0;}

#ukenskinoboks dd.bilde, #ukensdvdboks dd.bilde, #artikkelfakta dd.bilde {float: left; display: block; margin: 0 5px 10px 5px;}
#ukenskinoboks dd img, #ukensdvdboks dd img {vertical-align: bottom; border: none;}
#ukenskinoboks dd.bilde img, #ukensdvdboks dd.bilde img, #artikkelfakta dd.bilde img { border: 1px solid #fff;}
#ukenskinoboks dd.blokk, #ukensdvdboks dd.blokk, #artikkelfakta dd.blokk {display: block;}

#ukenskinoboks dd.lesernes img, #ukensdvdboks dd.lesernes img {margin: 0 2px 0 5px;}

#ukenskinoboks a:link, #ukenskinoboks a:visited, #ukensdvdboks a:link, #ukensdvdboks a:visited {color: #aaa;}
#ukenskinoboks a:hover, #ukensdvdboks a:hover {color: #fff;}

#ukenskinoboks dt a:link, #ukenskinoboks dt a:visited, #ukensdvdboks dt a:link, #ukensdvdboks dt a:visited {color: #444; text-decoration: none;}
#ukenskinoboks dt a:hover, #ukensdvdboks dt a:hover {color: #000;}
#artikkelfakta dt a:link, #artikkelfakta dt a:visited {color: #420; text-decoration: none;}
#artikkelfakta dt a:hover {color: #000;}



#ukenskinoboks dd.trailer a:link, #ukenskinoboks dd.trailer a:visited, #ukensdvdboks dd.trailer a:link, #ukensdvdboks dd.trailer a:visited {display: block; float: left; height: 17px; width: 70px; margin: 5px 5px 0 0; text-decoration: none;  background: transparent url(stian/knapp_trailer.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukenskinoboks dd.bilder a:link, #ukenskinoboks dd.bilder a:visited, #ukensdvdboks dd.bilder a:link, #ukensdvdboks dd.bilder a:visited {display: block; float: left; height: 17px; width: 70px; margin: 5px 5px 0 0; text-decoration: none;  background: transparent url(stian/knapp_bilder.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukenskinoboks dd.omfilm a:link, #ukenskinoboks dd.omfilm a:visited, #ukensdvdboks dd.omfilm a:link, #ukensdvdboks dd.omfilm a:visited {display: block; float: left; height: 17px; width: 70px; margin: 5px 5px 0 0; text-decoration: none;  background: transparent url(stian/knapp_omfilmen.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukenskinoboks dd.dinmening a:link, #ukenskinoboks dd.dinmening a:visited, #ukensdvdboks dd.dinmening a:link, #ukensdvdboks dd.dinmening a:visited {display: block; float: left; height: 17px; width: 73px; margin: 5px 5px 0 0; text-decoration: none;  background: transparent url(stian/knapp_dinmening.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukenskinoboks dd.trailer a:hover, #ukenskinoboks dd.bilder a:hover, #ukenskinoboks dd.omfilm a:hover, #ukenskinoboks dd.dinmening a:hover {background-position: 0 -17px; text-decoration: none;}
#ukensdvdboks dd.trailer a:hover, #ukensdvdboks dd.bilder a:hover, #ukensdvdboks dd.omfilm a:hover, #ukensdvdboks dd.dinmening a:hover {background-position: 0 -17px; text-decoration: none;}

/*
#ukenskinoboks dd a.meningknapp:link, #ukenskinoboks dd a.meningknapp:visited {display: block; float: left; height: 17px; width: 70px; text-decoration: none;  background: transparent url(stian/knapp_simening.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukensdvdboks dd a.meningknapp:link, #ukensdvdboks dd a.meningknapp:visited {display: block; float: left; height: 17px; width: 70px; text-decoration: none;  background: transparent url(stian/knapp_simening.gif) 0 0 no-repeat; text-indent: -5000px;}
#ukenskinoboks dd a.meningknapp:hover, #ukensdvdboks dd a.meningknapp:hover {background-position: 0 -17px; text-decoration: none;} 
*/

#artikkelfakta p.bunnen {clear: both; margin: 5px 6px; padding: 3px 0; font-size: .7em; text-align: center; background: #c70;}
#artikkelfakta p.bunnen a:link, #artikkelfakta p.bunnen a:visited {color: #ec8; text-decoration: none;}
#artikkelfakta p.bunnen a:hover {color: #fff; text-decoration: underline;}




/* på topp denne uken */

#toppliste {width: 364px; margin: 0 0 10px 0; padding: 0; font-size: .7em; font-weight: bold; background: #555;}
#toppliste h3 {display: block; height: 19px; margin: 0; background: transparent url(stian/tittel_ukenstopp.gif) 0 0 no-repeat; text-indent: -5000px;}
#toppliste dl {float: left; margin: 1px 0 0 0;}
#toppliste dl.kino {display: inline; margin-left: 1px;}
#toppliste dl.kino, #toppliste dl.leie {display: inline; margin-left: 1px;}
#toppliste dt {display: block; height: 28px; width: 119px; text-indent: -5000px;}
#toppliste dl.kino dt {background: transparent url(stian/toppl_kino.gif) 0 0 no-repeat;}
#toppliste dl.leie dt {width: 122px; background: transparent url(stian/toppl_leie.gif) 0 0 no-repeat;}
#toppliste dl.salg dt {background: transparent url(stian/toppl_salg.gif) 0 0 no-repeat;}
#toppliste dd {margin: 0;}
#toppliste dd a:link, #toppliste dd a:visited {display: block; width: 118px; padding: 2px 0 2px 2px; text-decoration: none; color: #444; background: #ddd url(stian/bak_toppliste.gif) 0 0 repeat-x;}
#toppliste dd a:hover {text-decoration: none; color: #000; background: #888 url(stian/bak_toppliste.gif) 0 -19px repeat-x;}

#toppliste dd.siste a:link, #toppliste dd.siste a:visited {display: block; height: 17px; width: 120px; margin: 3px 0; padding: 0; background: transparent url(stian/knapp_heleliste.gif) 0 0 no-repeat; text-indent: -5000px;}
#toppliste dd.siste a:hover {background-position: 0 -17px;}


/* Selås anmelder */

#selaasanm {background: #444 url(selaasanm_bak.gif) bottom right no-repeat;}
#selaasanm h3 {display: block; height: 33px; margin: 0 0 5px 0; background: transparent url(head_selaasanm.gif) 0 0 no-repeat; text-indent: -5000px;}
#selaasanm ul {list-style: none; margin: 10px; padding: 0;}
#selaasanm ul li {margin: 5px 0;}
#selaasanm li img {margin-right: 4px; vertical-align: top;}
#selaasanm li a:link, #selaasanm li a:visited {padding-bottom: 3px; color: #fda;}
#selaasanm li a:hover {color: #fff;}
#selaasanm p {margin-bottom: 0;}
#selaasanm p a:link, #selaasanm p a:visited {display: block; height: 16px; width: 364px; text-decoration: none; background: #000 url(selaasalleknapp.gif) right 0 no-repeat; text-indent: -5000px;}
#selaasanm p a:hover {background-position: 0 -16px;}


/* midlertidig for å plassere smal right-annonse */
div.dobbel {margin: 0 0 10px 0; padding: 5px 0;} /* midlertidig padding for å lage luft rundt */
div.dobbel .webboard {float: right; margin-top: -10px; margin-bottom: 0; background-position: top right;}

#flereanm {float: left; padding: 0; width: 180px; background: #ccc url(stian/bak_flereanm.gif) right 19px no-repeat;}
#flereanm li a:link, #flereanm li a:visited {color: #444;}
#flereanm li a:hover {color: #000;}
#leseranm {float: left; margin: 0 0 0 3px ; padding: 0; width: 180px; background: #f90 url(stian/bak_leseranm.gif) right 19px no-repeat;;}
#leseranm.smal {margin: 10px 0 0 0;}

#flereanm ul, #leseranm ul {list-style: none; margin: 12px 5px; padding: 0; font-size: .7em;}
#leseranm ul {margin-bottom: 13px;}
#flereanm h3 {display: block; height: 19px; margin: 0 0 5px 0; background: transparent url(stian/tittel_filmanmspalte.gif) 50% 0 no-repeat; text-indent: -5000px;}
#leseranm h3 {display: block; height: 19px; margin: 0 0 5px 0; background: transparent url(stian/tittel_leseranmspalte.gif) 50% 0 no-repeat; text-indent: -5000px;}
#flereanm p, #leseranm p {margin: 5px 0; font-size: .5em;}
#flereanm li img, #leseranm li img {margin-right: 5px; vertical-align: top;}
#flereanm li {margin: 5px 0;}
#leseranm li {margin: 5px 0 6px 0;}
html > body #leseranm li {margin: 5px 0 7px 0;}
#flereanm p a:link, #flereanm p a:visited {margin-left: 3px; display: block; height: 17px; text-decoration: none; background: transparent url(stian/knapp_flereanm.gif) 0 0 no-repeat; text-indent: -5000px;}
#leseranm p a:link, #leseranm p a:visited {margin-left: 3px; display: block; height: 17px; text-decoration: none; background: transparent url(stian/knapp_blianm.gif) 0 0 no-repeat; text-indent: -5000px;}
#flereanm p a:hover, #leseranm p a:hover {background-position: 0 0;}



/* Login */
#login {clear: both; font: .8em/1.5 "Lucida Grande", arial, sans-serif; border-bottom: 3px solid #444;}
#login h2 {margin: 32px 0 0 0; padding: 8px 0 0 10px; display: block; height: 24px; font-size: 1.5em; color: #fff; background: #444 url(stian/bak_logintittel.gif) 0 0 no-repeat;;}
#login a:link, #login a:visited {font-weight: normal; color: #444;}
#login a:hover {color: #d01;}

#login form {margin: 0; padding: 0;}
#login fieldset {margin: 0; background: #ccc; border: 0;}
#login .error { color: #f00; }
#login label {float: left; width: 200px; margin-bottom: 3px;}
#login input {font-size: .8em; line-height: 1.2em; width: 200px; margin-bottom: 3px;}
#login input#persistant {float: left; width: 20px; }
#login input#knapp {margin-left: 200px; width: 115px}
#login div {margin: 5px 0; margin-left: 10px; clear: left;}

/* Profil */
#profil, #profil2 {clear: both; font: .8em/1.5 "Lucida Grande", arial, sans-serif; }
#profil h2 {position: relative; margin: 0 0 5px 0; padding: 7px 4px 6px 4px; font-size: 1.2em; color: #fff; background: #444 url(stian/bak_filmtittel.gif) top right no-repeat; border-bottom: 1px solid #222; text-decoration: none;}

#profil h2 span {color: #ccc;}
#frontspalte #profil h2 a:link, #frontspalte #profil h2 a:visited {color: #fff; font-weight: bold; text-decoration: none;}
#frontspalte #profil h2 a:hover {color: #fff; text-decoration: underline;}

#profil span.endre a:link, #profil span.endre a:visited {position: absolute; right: 95px; top: 1px; margin-top: 3px; padding: 2px 5px; font-size: .7em; color: #ccc; background: #000; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #999; border-left: 1px solid #999;}
#profil span.endre a:hover {color: #ccc; background: #000; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666; border-left: 1px solid #666;}


#profil h3 {padding-left: 3px; font-size: 1.1em; text-transform: uppercase; background: #fd9;}

#profil #brukerbilde {float: left; margin: 0 5px 10px 0; border: 1px solid #000;}
#profil ul.profilinfo {float: left; list-style: none; width: 250px; margin: 30px 0 0 0; padding: 0; border-top: 1px solid #ccc;}
#profil ul.favoritter {clear: both; list-style: none; width: 468px; margin: 20px 0 0 0; padding: 0; border-top: 1px solid #ccc;}
#profil ul.profilinfo li, #profil ul.favoritter li {margin: 2px 0; border-bottom: 1px solid #ccc;}

/* upassende profiler og anmeldelser */
#profil ul.profilinfo li.upassende {border-bottom: none;}
#profil .upassende a:link, #profil .upassende a:visited {padding-left: 7px; color: #ccc; text-decoration: none; background: transparent url(utropstegn.gif) 0 2px no-repeat;}
#profil .upassende a:hover {color: #444; text-decoration: underline; background-position: 0 -18px;}




#profil a:link, #profil a:visited {font-weight: normal; color: #700;}
#profil a:hover {color: #000;}

#profil dl.favoritter {clear: both; margin-right: 10px;}
#profil dl.favoritter dt {margin-top: 10px; font-weight: bold; border-bottom: 1px solid #ccc;}
#profil dl.favoritter dd {padding-left: 3px; border-bottom: 1px solid #ccc;}

dl.leseranmeld {margin: 0 5px;}
dl.leseranmeld dt {position: relative; margin: 10px 0; padding: 2px 3px; font-size: .9em; font-weight: bold; color: #000; background: #eee;}
#profil dl.leseranmeld dt a:link, #profil dl.leseranmeld dt a:visited {color: #000; font-weight: bold; text-decoration: none;}
#profil dl.leseranmeld dt a:hover {text-decoration: underline;}
dl.leseranmeld dt span {position: absolute; right: 3px; font-size: .8em; color: #444;}
dl.leseranmeld dd {margin: 0;}
dl.leseranmeld dd.bilde {float: left;}
dl.leseranmeld dd.bilde img {margin: 0 5px 5px 0; border: 1px solid #000;}
dl.leseranmeld dd.fakta {margin:0 0 3px 130px; padding-bottom: 2px; font-size: .9em; border-bottom: 1px solid #ccc;}
dl.leseranmeld dd.fakta img {vertical-align: middle;}
dl.leseranmeld dd.terning {margin-top: 15px;}
dl.leseranmeld dd.terning img {display: block;}
dl.leseranmeld dd.tekst {clear: both; line-height: 1.4em; margin-bottom: 20px;}

#profil dl.terningliste dt {clear: both; float: left; margin: 0 10px 0 0;}
#profil dl.terningliste dd.tittel {margin-left: 45px; font-size: 1em; background: #eee;}
#profil dl.terningliste dd.tittel a:link, #profil dl.terningliste dd.tittel a:visited{font-weight: bold; color: #000; text-decoration: none;}
#profil dl.terningliste dd.tittel a:hover {text-decoration: underline;}
#profil dl.terningliste dd.fakta {margin: 0 0 25px 45px; padding-bottom: 2px; background: #eee;}
#profil dl.terningliste dd.fakta img {vertical-align: middle; }

#profil p.lesmer a:link, #profil p.lesmer a:visited {clear: all; display: block; margin: 20px 40px; padding: 3px 0; font-size: .8em; font-weight: bold; text-align: center; text-decoration: none; color: #222; background: #fd9;}
#profil p.lesmer a:hover {color: #fff; background: #444;}

/* Rediger profil */

#profil2 p.nb {margin-top: 5px; padding: 4px; font-size: .8em; text-align: center; color: #fff; background: #444; border: 1px solid #000;}
#profil2 form {width: 430px; margin: 0;}
#profil2 fieldset {position: relative; clear: both; margin-top: 20px; padding: 15px 0; background: #eee; border: 1px solid #444;}
#profil2 legend {position: absolute; top: -.8em; left: .5em; margin-left: 10px; padding: 2px 5px; color: #fff; background: #444;}
#profil2 label {clear: both; display: block; float: left; margin: 3px 0; width: 110px; text-align: right;}
#profil2 input {margin: 3px 0; width: 300px;}
#profil2 select, #profil2 textarea {margin: 3px 0;}
#profil2 textarea#om_meg, #profil2 #favfilmer, #profil2 #favskuespillere {width: 300px;}
#profil2 input#postnr {width: 30px; margin-right: 10px;}
#profil2 input#poststed {width: 255px;}
#profil2 #fjernskuespillere {width: 160px;}
#profil2 input.knapp {margin-left: 110px; width: 120px;}
#profil2 p.info {margin: 0 0 0 110px; font-size: .8em; color: #900;}
#profil2 p.lagre {text-align: center;}

#profil2 p.hurtig {margin: 0; font-size: .8em;}
#profil2 #resFilm, #profil2 #resSkuespiller {margin: 0 10px 0 30px;}
/*#profil2 #resSkuespiller { position: absolute; width: 200px; margin-top: 22px; margin-left: 2px; background: #fff; display: none; }*/

#profil2 #resFilm ul, #profil2 #resSkuespiller ul {list-style: none; margin: 0; padding: 10px; background: #fff; border: 1px solid #444;}
#profil2 #resFilm li, #profil2 #resSkuespiller li {}


/* Anmeldelse/Terningkast fra brukerne */
#frontspalte_anmeld_film {clear: both; font: .8em/1.5 "Lucida Grande", arial, sans-serif;}

#frontspalte_anmeld_film h2 {margin: 0 0 5px 0; padding: 7px 4px 6px 4px; font-size: 1.2em; color: #fff; background: #444; text-decoration: none;}
#frontspalte_anmeld_film h3 {clear: left; margin: 10px 0 5px 0; padding-left: 3px; font-size: 1.1em; text-transform: uppercase; background: #eee;}
#frontspalte_anmeld_film p.nb {font-size: .9em; font-style: italic;}

#frontspalte_anmeld_film ul.terningkast {list-style-type: none;}
#frontspalte_anmeld_film ul.terningkast li {float: left; text-align: center;}
#frontspalte_anmeld_film ul.terningkast li img {display: block;}

#frontspalte_anmeld_film textarea {margin-left: 10px;}
#frontspalte_anmeld_film #gi_terningkast {margin: 5px 0 20px 150px;}
#frontspalte_anmeld_film #lagre_anmeldelse, #frontspalte_anmeld_film #slett_anmeldelse {margin: 5px 0 20px 200px;}




/* ellers... */

.floatfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/


/* gamle filmfakta-bokser */
.faktaboks td.artspalte-txt {padding-left: 3px; line-height: 1.2em;}
a.artspalte-txt:link, a.artspalte-txt_visited {color: #000;}
a.artspalte-txt:hover {color: #d01;}

.hidden { display: none;}