@charset "utf-8";
/* CSS Document */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
body{
background:#e5e5e5 url(pix/bg.jpg) repeat-x top;
margin:0;
padding:0;
}
#container {
width: 1006px;
padding-left: 0px;
padding-right: 0px;
margin: 0px auto 0px auto;
border:0px;
}
#sidhuvud {
width: 970px;
height:210px;
padding-left: 36px;
padding-right: 0px;
padding-top: 15px;
margin: 0px 0px 0px 0px;
background:url(pix/meny-bg.jpg) no-repeat;
position:relative;
border:1px #CCCCCC;
}
/* MENY */
#meny {
list-style: none;
padding: 0;
margin: 0;
width: 1006px;
height: 200px ;
position: relative;
}
#meny span {
display: none;
position: absolute;
}
#meny a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#meny a:hover {
background-position: left bottom;
}
#meny a:hover span {
display: block;
}
#meny .logotom {
width: 232px;
height: 131px;
background: url(pix/logotom.png) no-repeat;
left: 0px;
top: 0px;
}
#meny .filmprogram {
width: 125px;
height: 31px;
background: url(pix/meny-filmprogram.png) no-repeat;
left: 265px;
top: 0px;
}
#meny .filmprogram-1 {
width: 125px;
height: 31px;
background: url(pix/meny-filmprogram.png) no-repeat; background-position:bottom left;
left: 265px;
top: 0px;
}
#meny .omoss {
width: 79px;
height: 31px;
background: url(pix/meny-omoss.png) no-repeat;
left: 400px;
top: 0px;
}
#meny .omoss-1 {
width: 79px;
height: 31px;
background: url(pix/meny-omoss.png) no-repeat; background-position:bottom left;
left: 400px;
top: 0px;
}
#meny .blimedlem {
width: 109px;
height: 31px;
background: url(pix/meny-blimedlem.png) no-repeat;
left: 489px;
top: 0px;
}
#meny .blimedlem-1 {
width: 109px;
height: 31px;
background: url(pix/meny-blimedlem.png) no-repeat; background-position:bottom left;
left: 489px;
top: 0px;
}
#meny .lankar {
width: 75px;
height: 31px;
background: url(pix/meny-lankar.png) no-repeat;
left: 608px;
top: 0px;
}
#meny .lankar-1 {
width: 75px;
height: 31px;
background: url(pix/meny-lankar.png) no-repeat; background-position:bottom left;
left: 608px;
top: 0px;
}
#meny .arkiv {
width: 61px;
height: 31px;
background: url(pix/meny-arkiv.png) no-repeat;
left: 693px;
top: 0px;
}
#meny .arkiv-1 {
width: 61px;
height: 31px;
background: url(pix/meny-arkiv.png) no-repeat; background-position:bottom left;
left: 693px;
top: 0px;
}
#meny .kontakt {
width: 81px;
height: 31px;
background: url(pix/meny-kontakt.png) no-repeat;
left: 764px;
top: 0px;
}
#meny .kontakt-1 {
width: 81px;
height: 31px;
background: url(pix/meny-kontakt.png) no-repeat; background-position:bottom left;
left: 764px;
top: 0px;
}
#meny .blogg {
width: 81px;
height: 31px;
background: url(pix/meny-blogg.png) no-repeat;
left: 855px;
top: 0px;
}
#meny .blogg-1 {
width: 81px;
height: 31px;
background: url(pix/meny-blogg.png) no-repeat; background-position:bottom left;
left: 855px;
top: 0px;
}
/* MENY SLUT */
#filmprogram {
width: 1006px;
height: 220px;
padding-left: 0px;
padding-right: 0px;
margin: 0px auto 0px auto;
position:relative;
}
#slutbetyg {
width: 1006px;
height: 70px;
padding: 5px;
margin: 0px auto 0px auto;
position:relative;
text-align:center;
background-image: url(pix/slutbetyg.png); background-repeat: no-repeat;
}
.arkiv-filmbild {
background:url(pix/bg-filmbildarkiv.jpg); background-repeat:no-repeat;
padding:6px;
width:95px;
height:136px;
padding-right:20px;
float:left;
}
/* FILMMENYN FINNS I ETT ANNAT CSS-DOKUMENT */
#innehall-topp {
width: 1006px;
height: 9px;
position:relative;
margin:0px;
padding:0px;
float:left;
background-image: url(pix/innehall-topp.png); background-repeat: no-repeat;
}
#innehall {
width: 1006px;
position:relative;
margin:0 0 0 0;
padding:0 0 0 20px;
float:left;
background-image: url(pix/innehall-bg.png); background-repeat: repeat-y;
}
#innehall-botten {
width: 1006px;
height: 63px;
position:relative;
margin:0px;
float:left;
background-image: url(pix/innehall-botten.png); background-repeat: no-repeat;
}
#text {
width:450px;
position:relative;
padding:0 20px 0 0;
margin:0;
float:left;
}
#credits {
width: 1000px;
height:34px;
position:relative;
float: left;
font-color: #4ff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:160%; font-weight:normal;
}
#filminfo-plansch-bg {
background-image:url(../_test%20hemsida/pix/filminfo-plansch-bg.png); background-repeat:no-repeat;
margin: 5px 20px 0px 0px;
padding: 8px;
float:left;
}
acronym{
border-bottom:#000 dotted 1px;
cursor:help;
}
.p {
color: #444; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; font-weight:normal;
}
p {
color: #444; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:160%; font-weight:normal;
}
h1 {
color: #444; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height: 100%; font-weight:bold; margin-bottom:0px; margin-top: 15px;
}
h2 {
color: #A44; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height: 100%; font-weight:bold; margin-bottom:0px; margin-top: 15px;
}
h3 {
color: #444; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 160%; font-weight: bold; margin-bottom:-8px; margin-top: 15px;
}
h4 {
color: #444; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 120%; font-weight: normal;
}
h5 {
color: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 100%; font-weight: bold; margin-top: 5px;
}
.betyg {
color: #777; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 100%; font-weight: bold; margin-top: -15px;
}
a {
color: #755;
font-weight:normal;
text-decoration: underline;
}
a:hover {
color: #D55;
font-weight:normal;
text-decoration: underline;
}