/* COLORS --------------------------------------------- Main background + header: #600 Content background: #410300 Blocks within content: #2d0200 Text: white Headings + labels + links: #fed63b Text on white background: #410300 Borders: #5d2926 */ /* ================================================================================================ */ /* BASIC */ /* ------------------------------------------------------------------------------------------------ */ * { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12px; color: white; margin: 0; padding: 0; } body { background: #600 url("bg-main.jpg") repeat-x; text-align: center; } body.popup { text-align: left; padding: 10px; } img { display: block; border: 0; } embed { display: block; } div.clear { height: 0; overflow: hidden; clear: both; } div.scalable { overflow: hidden; } /* ================================================================================================ */ /* TYPOGRAPHY */ /* ------------------------------------------------------------------------------------------------ */ h1 { margin-bottom: 22px; font-size: 14px; } h2 { margin-bottom: 6px; font-size: 14px; } h3 { margin-bottom: 2px; font-size: 11px; } h1 { color: white; } h1 em { font-size: 14px; } h2, h3 { color: #fed63b; } ul.errors, ul.messages { list-style-type: none; background-color: #2d0200; margin-bottom: 12px; padding: 10px; } ul.errors li, ul.messages li { font-weight: bold; } ul.errors li { color: red; } p { margin-bottom: 1.3em; color:#000000;} p.error, p.error * { color: red; font-weight: bold; } p.message { color: #fed63b; } p.error, p.message { background-color: #2d0200; padding: 10px; } em { font-style: normal; color: #600; } .em2 { font-style: normal; color: #fed63b; } strong { font-weight: normal; font-size: 14px; } strong * { font-size: 14px; } /* ================================================================================================ */ /* ANCHORS */ /* ------------------------------------------------------------------------------------------------ */ a, a nobr { color: #600; text-decoration: none; } a:hover { text-decoration: underline; } a.icon { text-decoration: none; background-position: 0 2px; background-repeat: no-repeat; padding-left: 14px; } a.icon:hover { text-decoration: underline; } a.light { color: #fed63b; } a.dark { color: #410300; } a.arrow.light { background-image: url("anchor-arrow-light.gif"); } a.arrow.dark { background-image: url("anchor-arrow-dark.gif"); } a.link { padding-left: 14px; background: url("anchor-arrow-light.gif") no-repeat 0 2px; } a.gold { display: -moz-inline-box; display: inline-block; font-weight: bold; height: 22px; padding: 4px 30px 0 0; background: url("button-arrow-gold-right.gif") no-repeat right top; } a.back { padding-left: 14px; background: url("anchor-back.gif") no-repeat 0 2px; } /* ================================================================================================ */ /* LISTS */ /* ------------------------------------------------------------------------------------------------ */ ul { list-style-type: none; } dl { margin-bottom: 1em; } dt { float: left; padding-right: 0.5em; font-weight: bold; } ul.normal, ol.normal { margin: 0 0 1.3em 3em; } ul.normal { list-style-type: disc; } .list * { color: white; } .list .selected, .list .selected * { color: #fed63b; } .goldenList { color: #fed63b; } .goldenList .selected, .goldenList .selected * { color: #fed63b; } table.list { width: 100%; border-top: 1px solid #5d2926; } table.list tr.hover { background-color: #540200; } table.list th, table.list td { height: 24px; border-bottom: 1px solid #5d2926; } table.list td { cursor: pointer; } table.list .colIndex { width: 2em; } table.goldenList { width: 100%; } table.goldenList tr.hover { background-color: #540200; } table.goldenList th, table.goldenList td { height: 24px; border-bottom: 1px solid #5d2926; } table.goldenList td { cursor: pointer; } table.goldenList .colIndex { width: 2em; } ul.list { border-top: 1px solid #5d2926; margin-bottom: 10px; } ul.list a, ul.list span { display: block; padding: 6px 0; } ul.list a:hover { background-color: #540200; text-decoration: none; } ul.list li { height: 1%; border-bottom: 1px solid #5d2926; } ul.list ul { margin-bottom: 6px; } ul.list ul li { border-bottom: none; padding-left: 10px; } ul.list ul a { display: inline; padding: 0; } ul.list li.selected ul a { color: white; } /* Submenu items of a selected item should not marked as selected */ ul.list ul a:hover { text-decoration: underline; background-color: transparent; } ul.links li a { padding-left: 14px; background: url("anchor-arrow-light.gif") no-repeat 0 2px; } /* ================================================================================================ */ /* TABLES */ /* ------------------------------------------------------------------------------------------------ */ th.num, td.num { text-align: right; } /* ================================================================================================ */ /* FORMS */ /* ------------------------------------------------------------------------------------------------ */ form { padding: 0; } /* Prevent the hidden input from being shown in Mozilla */ input[type="hidden"] { display: none !important; } fieldset { border: 0; } legend { display: none; margin-bottom: 2px; font-size: 10px; color: #fed63b; } legend.sifr { display: block; font-size: 11px !important; } label { display: block; color: #fed63b; font-size: 10px; margin-bottom: 2px; } label.error { font-weight: bold !important; color: red !important; } input, select, option, optgroup, textarea { color: black; } input, textarea { display: block; } .inputField {width:130px;} option { padding: 0 4px; } optgroup option { padding-left: 16px; } .termsAccepted { padding: 8px; background-color: #2d0200; } .termsAccepted input { float: left; display: inline; margin-right: 6px; width: 13px; height: 13px; } .termsAccepted label { float: left; display: inline; color: white; } .disabled { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* ================================================================================================ */ /* PAGE STRUCTURE */ /* ------------------------------------------------------------------------------------------------ */ /* Page ......................................... */ #outerContainer { margin: 0 auto; text-align: left; } #outer { vertical-align: top; } #inner { width: 919px; } #header { position: relative; height: 140px; width: 639px; background: #FFFFFF url("top.jpg") left top no-repeat; overflow: hidden; margin-bottom: 0px; } #logo { position: absolute; top: 10px; left: 12px; } /* Ticket Direct ................................ */ #ticketDirect { display: block; position: absolute; top: 10px; left: 258px; width: 577px; height: 26px; background-image: url("ticket-direct-bg.gif"); } #ticketDirect a { float: left; margin: 0 7px 0 9px; } #ticketDirect select { float: left; } #theatreDirect { width: 130px; margin-right: 4px; } .singleTheatre #filmDirect { width: 330px; } .multipleTheatres #filmDirect { width: 237px; } /* Navigation ................................... */ #nav { position: absolute; top: 120px; padding: 0; list-style-type: none; } #nav li { float: left; display: inline;padding-left:10px;} #nav li a { display: block; color:#600; height: 37px;font-size:14px;text-decoration:underline;} #nav li a:hover { display: block; color:#fed63b;height: 37px;font-size:14px; } #navBiljetter, #navBiljetter a { background-position: 0px 0; width: 62px; } #navBiljetter a:hover { background-position: 0px -37px; } #tickets #navBiljetter, #tickets #navBiljetter a { background-position: 0px -74px; } #tickets #navBiljetter a:hover { background-position: 0px -111px; } #navFilms, #navFilms a { background-position: -62px 0; width: 100px; } #navFilms a:hover { background-position: -62px -37px; } #films #navFilms, #films #navFilms a { background-position: -62px -74px; } #films #navFilms a:hover { background-position: -62px -111px; } #navTheatres, #navTheatres a { background-position: -162px 0; width: 68px; } #navTheatres a:hover { background-position: -162px -37px; } #theatres #navTheatres, #theatres #navTheatres a { background-position: -162px -74px; } #theatres #navTheatres a:hover { background-position: -162px -111px; } #navNews, #navNews a { background-position: -230px 0; width: 60px; } #navNews a:hover { background-position: -230px -37px; } #news #navNews, #news #navNews a { background-position: -230px -74px; } #news #navNews a:hover { background-position: -230px -111px; } #navBioklubben, #navBioklubben a { background-position: -290px 0; width: 77px; } #navBioklubben a:hover { background-position: -290px -37px; } #bioklubben #navBioklubben, #bioklubben #navBioklubben a { background-position: -290px -74px; } #bioklubben #navBioklubben a:hover { background-position: -290px -111px; } #navBiosnack, #navBiosnack a { background-position: -367px 0; width: 66px; } #navBiosnack a:hover { background-position: -367px -37px; } #biosnack #navBiosnack, #biosnack #navBiosnack a { background-position: -367px -74px; } #biosnack #navBiosnack a:hover { background-position: -367px -111px; } #navCompany, #navCompany a { background-position: -433px 0; width: 112px; } #navCompany a:hover { background-position: -433px -37px; } #company #navCompany, #company #navCompany a { background-position: -433px -74px; } #company #navCompany a:hover { background-position: -433px -111px; } #navGiftCertificate, #navGiftCertificate a { background-position: -545px 0; width: 80px; } #navGiftCertificate a:hover { background-position: -545px -37px; } #giftCertificate #navGiftCertificate, #giftCertificate #navGiftCertificate a { background-position: -545px -74px; } #giftCertificate #navGiftCertificate a:hover { background-position: -545px -111px; } /* Search ....................................... */ #searchForm { display: block; position: absolute; top: 52px; left: 707px; width: 131px; } #searchField { float: left; display: inline; width: 82px; height: 14px; margin: 2px 3px 0 0; padding: 2px 3px 0 3px; border: 1px solid white; background-color: #600; color: white; } #searchButton { float: right; display: inline; padding-right: 11px; } /* Content ................................................ */ #primarySplash { margin: -10px 0 0 0; } #secondarySplash { margin: 0 -10px 10px -10px; } #layout { table-layout: fixed; } #primary, #secondary { vertical-align: top; } #primary { width: 580px; padding-right: 10px; } #secondary { width: 250px; } .columnBox { width: 100%; } .columnLeft, .columnRight { position: relative; vertical-align: top; } .columnLeft { width: 270px; padding-right: 10px; border-right: 1px solid #5d2926; } .columnRight { width: 269px; padding-left: 10px; } /* Footer ................................................. */ #footer { float: left; display: inline; margin-bottom: 20px; width: 580px; text-align: center; } #footer * { font-size: 10px !important; } #footer ul { list-style-type: none; margin-left: -2.6em; } #footer ul li { display: inline; padding: 0 0.2em 0 0.6em; border-left: 1px solid white; } #footer li.first { border: 0; } #popupCity { position: absolute; top: 175px; left: 0; width: 100%; z-index: 52; text-align: center; text-align: left; } #popupCity div { position: relative; width: 500px; height: 230px; margin: 0 auto; background-image: url("select-city-bg.gif"); } #popupCity a { position: absolute; top: 15px; left: 437px; padding-left: 14px; background: url("anchor-close.gif") no-repeat 0 2px; } #popupCity form { position: absolute; top: 110px; left: 45px; } #popupCity label { color: white; font-weight: bold; } #popupCity select { width: 240px; } #popupCityOverlay, #popupCityIframe { position: absolute; top: 0; left: 0; width: 100%; height: 500px; overflow: hidden; clip: auto; } #popupCityOverlay { z-index: 51; background-color: black; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #popupCityIframe { z-index: 50; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } /* ================================================================================================ */ /* COMMON ELEMENTS */ /* ------------------------------------------------------------------------------------------------ */ #alerts { margin-bottom: 10px; padding: 16px 16px 18px 55px; background: #410300 url("alert.gif") no-repeat 10px center; } #alerts li { font-size: 12px; font-weight: bold; color: red; } #start #alerts { margin-bottom: 20px; } .acceptedCards { padding: 0; height: 44px; border-left: 10px solid #2d0200; list-style-type: none; } .acceptedCards li { float: left; display: inline; margin: 0; padding: 10px 10px 10px 0; background-color: #2d0200; } .acceptedCards img { display: block; } ol.crumb { margin-bottom: 20px; padding: 0 11px; width: 538px; height: 22px; background: url("crumb-bg.gif") no-repeat; } ol.crumb li { float: left; display: inline; list-style: none; height: 22px; text-indent: -9999px; } .primaryPane { height: 1%; position: relative; padding: 4px 10px 10px 10px; margin-bottom: 10px; background: #ffffff;color:#000000;} .primaryPane2 { height: 1%; position: relative; padding: 4px 10px 10px 10px; margin-bottom: 10px; background: #410300;} .secondaryPane { height: 1%; background: url("pane-bottom-left.gif") no-repeat bottom left; margin-bottom: 10px; } .secondaryPaneInner { height: 1%; padding-bottom: 5px; background: url("pane-bottom-right.gif") no-repeat bottom right; } .secondaryPaneInner h4 { height: 21px; text-indent: -9999px; } .secondaryPaneContent { border-style: solid; border-color: #f8cf39; border-width: 0 1px; padding: 5px; } .secondaryPaneContent p.message, .secondaryeContent p.error { padding: 0; background-color: transparent; } /* ================================================================================================ */ /* ADVERTISEMENT */ /* ------------------------------------------------------------------------------------------------ */ #adBigBangTop { text-align: center; background-image: url("ad-top-bg.gif"); } #adBigBangTop * { margin: 0 auto; } #adBigBangLeft, #adBigBangRight { vertical-align: top; } #adsWidescreen { margin-top: -7px; } #adsWidescreen img.ads { margin-bottom: 2px; } #adsWidescreen div img, #adsWidescreen div iframe, #adsWidescreen div embed, #adsWidescreen div object { margin-bottom: 10px; }