/* Body -------------------------------------------------------------------------------------------------------------------------------- */ html { overflow: -moz-scrollbars-vertical !important; } body { margin: 0; padding: 37px 0 40px 0; font: 12px/20px Calibri, Trebuchet MS, Trebuchet, sans-serif; color: rgb(40,40,40); background: url(bck.body.gif) repeat-x rgb(20,20,20); } #format { position: relative; width: 960px; margin: 0 auto 0 auto; border: 3px solid rgb(30,30,30); background: url(bck.format.gif) repeat-y white; } /* #format.home { background: white; } */ /* bereichsübergreifende Formatierungen ------------------------------------------------------------------------------------------------ */ a:link, a:visited { color: rgb(195,0,40); } a:hover, a:active, a:focus { text-decoration: none; } a:link small, a:visited small { color: rgb(120,120,120); } a:hover small, a:active small, a:focus small, a.active small { color: rgb(195,0,40); } a:link small.eventcat, a:visited small.eventcat { color: rgb(120,120,120); font-size: 11px; line-height: 16px; font-weight: bold; } a:hover small.eventcat, a:active small.eventcat, a:focus small.eventcat, a.active small.eventcat { color: rgb(195,0,40); } a.ilink:link, a.ilink:visited { padding: 0 0 0 18px; background: url(i.a.ilink.gif) no-repeat; text-decoration: none; color: rgb(40,40,40); } a.ilink:hover, a.ilink:active, a.ilink:focus, a.ilink.active { background-position: left -50px; text-decoration: underline; color: rgb(195,0,40); } small a:link, small a:visited { color: rgb(120,120,120); } small a:hover, small a:active, small a:focus { color: rgb(195,0,40); text-decoration: none; } img { border: 0; margin: 0; } img.floated { float: left; margin: 5px 8px 0 0; } img.bordered { border: 1px solid rgb(200,200,200); } small { font-size: 12px; color: rgb(120,120,120); } big { font-size: 18px; line-height: 22px; } big.extrabig { font-size: 80px; line-height: 70px; color: rgb(80,80,80); } h2, p, form, ul { padding: 0 0 21px 0; margin: 0; } em { color: rgb(195,0,40); font-style: normal; } h2 { position: relative; padding-right: 32px; font-size: 18px; line-height: 22px; font-weight: normal; } h2 small { font-size: 12px; line-height: 20px; color: rgb(40,40,40); } h2 small a:link, h2 small a:visited { color: rgb(195,0,40); text-decoration: underline; } h2 small a:hover, h2 small a:active, h2 small a:focus { text-decoration: none; } h2 a:link, h2 a:visited { color: rgb(40,40,40); text-decoration: none; } h2 a:hover, h2 a:active, h2 a:focus { color: rgb(195,0,40); } h2 a.comments:link, h2 a.comments:visited { position: absolute; width: 32px; height: 32px; left: 100%; top: 0; padding: 1px 0 0 0; margin: 0 0 0 -32px; color: rgb(40,40,40); font-size: 12px; text-align: center; text-decoration: none; background: url(i.comments.gif) no-repeat; } h2 a.comments:hover, h2 a.comments:active, h2 a.comments:focus { background-position: left -50px; color: white; } h2.attention, h2.infohead { position: relative; margin-left: 60px; } h2.attention big, h2.infohead big { position: absolute; left: -75px; top: 0px; width: 77px; height: 66px; padding: 0; margin: 0; } h2.attention big b, h2.infohead big b { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body h2.attention big { background: url(h2.attention.png) left top no-repeat; } html>body h2.infohead big { background: url(h2.info.png) left top no-repeat; } h2.date { position: relative; margin-left: 60px; } h2.date big { position: absolute; left: -60px; top: -2px; width: 38px; height: 60px; padding: 21px 20px 0 0; font-size: 11px; line-height: 18px; text-align: center; color: rgb(200,200,200); } h2.date big b { font-size: 26px; font-weight: normal; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body h2.date big { background: url(h2.date.png) left top no-repeat; } h3 { padding: 0; margin: 0; font-size: 12px; font-weight: bold; } h3 small { color: rgb(120,120,120); font-weight: normal; } table { margin: 0 0 21px 0; width: 100%; table-layout: auto; border-collapse: collapse; } td, th { padding: 6px 7px 6px 6px; vertical-align: top; text-align: left; background: rgb(220,220,220); border-bottom: 1px solid rgb(230,230,230); } th { background: rgb(210,210,210); } th.center, td.center { width: 40px; text-align: center; } th.right, td.right { width: 10%; text-align: right; } table.program td, table.program th { background: rgb(210,210,210); border-bottom: 1px solid rgb(220,220,220); border-right: 1px solid rgb(220,220,220); } table.program th { background: rgb(200,200,200); width: 19px; font-weight: normal; text-align: right; } table.program tr.saturday th { background: rgb(190,190,190); } table.program tr.saturday td { background: rgb(200,200,200); } table.program tr.sunday th { background: rgb(190,190,190); } table.program tr.sunday td { background: rgb(200,200,200); } table.program tr.today td { background: rgb(190,190,190); } table.program tr.today th { background: rgb(180,180,180); } table.program td.today { background: rgb(190,190,190); } table.program th.today { background: rgb(180,180,180); } table.program a:link, table.program a:visited { color: rgb(40,40,40); text-decoration: none; } table.program a:hover, table.program a:active, table.program a:focus { color: rgb(195,0,40); } table.program strong { font-weight: normal; } table.program strong a:link, table.program strong a:visited { color: rgb(195,0,40); text-decoration: none; } table.program strong a:hover, table.program strong a:active, table.program stronga:focus { color: rgb(195,0,40); } table.program td.button { padding: 0; } table.program small { color: rgb(160,160,160); } table.program strong small { color: rgb(235,125,150); } table.program th small { font-size: 12px; line-height: 12px; color: rgb(100,100,100); } table.program i { color: rgb(120,120,120); } table.program strong i { color: rgb(235,125,150); } table.small td, table.small th { padding: 6px 0 10px 0; width: 39px; text-align: center; background: rgb(220,220,220); border-bottom: 1px solid rgb(230,230,230); border-right: 1px solid rgb(230,230,230); } table.small th { background: rgb(210,210,210); font-weight: normal; } table.small th.saturday { background: rgb(200,200,200); } table.small td.saturday { background: rgb(210,210,210); } table.small th.sunday { background: rgb(200,200,200); } table.small td.sunday { background: rgb(210,210,210); } table.small td.today { background: rgb(200,200,200); } table.small th.today { background: rgb(190,190,190); } .clear { clear: both; line-height: 0; } .nowrap { white-space: nowrap; } .nopad { padding: 0; } .nomar { margin: 0; } .noborder { border: none; } .noscreen { display: none; } .ispc { font-size: 0.1%; line-height: 0.1%; visibility: hidden; text-decoration: none; } /* Header ------------------------------------------------------------------------------------------------------------------------------ */ #header { position: relative; height: 240px; background: url(bck.header.gif) repeat-x rgb(60,60,60); border-bottom: 10px solid rgb(215,0,40); z-index: 10; } #header h1 { position: relative; float: left; width: 240px; height: 120px; margin: 120px 0 0 0; padding: 0; background-position: center center; background-repeat: no-repeat; z-index: 2; } #header h1.kino { background-image: url(headerpic.kino.jpg); } #header h1.entertainment { background-image: url(headerpic.entertainment.jpg); } #header h1.logo { background-image: url(forum.logo.gif); } #header h1.logo a { display: block; height: 120px; } #header h1.logo_forum7 { position: absolute; left: 240px; top: -120px; width: 480px; height: 240px; background-image: url(forum.logo.forum7.gif); z-index: 1; } #header h1.lounge { float: right; background-image: url(headerpic.lounge.jpg); } /*#header h1.forum7 { position: absolute; left: 480px; top: 130px; background-image: url(headerpic.forum7.jpg); }*/ #header h1 strong { display: none; } #header .homelink { position: absolute; right: -20px; top: -20px; width: 38px; height: 38px; cursor: pointer; z-index: 1000; } #header .homelink strong { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header .homelink { background: url(i.homelink.png) left top no-repeat; } #header .facebooklink { position: absolute; right: -17px; top: 40px; width: 32px; height: 32px; cursor: pointer; z-index: 1000; } #header .facebooklink strong { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header .facebooklink { background: url(i.facebooklink.png) left top no-repeat; } #header .twitterlink { position: absolute; right: -17px; top: 12px; width: 32px; height: 32px; cursor: pointer; z-index: 1000; } #header .twitterlink strong { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header .twitterlink { background: url(i.twitterlink.png) left top no-repeat; } #header #promoContainer0 { position: absolute; left: -40px; top: -40px; width: 1040px; height: 281px; z-index: 100; } #header #promoContainer1 { position: absolute; left: -40px; top: -40px; width: 1040px; height: 281px; z-index: 0; } #twitter { position: absolute; top: 30px; right: 15px; width: 398px; padding: 0; color: rgb(15,80,100); background: url(bck.twitter.gif) left bottom no-repeat rgb(195,235,245); border: 1px solid white; z-index: 999; } #twitter hr { margin: 0; height: 1px; border: 0; border-top: 1px dotted white; } #twitter small { font-size: 11px; color: rgb(25,120,150); } #twitter p { padding: 18px 20px 18px 20px; } #twitter a:link, #twitter a:visited { color: rgb(15,80,100); } #twitter a:hover, #twitter a:active, #twitter a:focus { text-decoration: none; } #twitter a.twitterbutton:link, #twitter a.twitterbutton:visited { display: block; padding: 8px 20px 8px 20px; font-size: 11px; color: rgb(15,80,100); text-decoration: none; border-top: 1px dotted white; } #twitter a.twitterbutton:hover, #twitter.twitterbutton a:active, #twitter a.twitterbutton:focus { background: rgb(170,220,240); } #twitter a.twitterbutton img { position: relative; top: 2px; } #twitter a.twitterbutton i strong { display: none; } /* Navi -------------------------------------------------------------------------------------------------------------------------------- */ #navi { float: left; width: 100%; margin: 0; padding: 0; } #navi li { float: left; list-style: none; } #navi li.one { background: url(bck.navi.one.gif) left top repeat-x rgb(130,130,130); } #navi li.two { background: url(bck.navi.two.gif) left top repeat-x rgb(117,117,117); } #navi li a { position: relative; width: 79px; margin: 0 0 0 1px; text-align: center; font-size: 12px; line-height: 40px; } #navi li.recommend a { color: rgb(20,20,20); background: url(bck.navi.a.recommend.gif) right top no-repeat rgb(117,117,117); padding: 0 0 0 20px; width: 220px; text-align: left; } #navi li.one a { color: rgb(30,30,30); background: url(bck.navi.a.one.gif) right top no-repeat rgb(130,130,130); } #navi li.two a { color: rgb(20,20,20); background: url(bck.navi.a.two.gif) right top no-repeat rgb(117,117,117); } #navi li.first a { margin: 0; } #navi li.new a { z-index: 10; } #navi li a:link, #navi li a:visited { float: left; text-decoration: none; } #navi li a:hover, #navi li a:active, #navi li a:focus, #navi li a.active:link, #navi li a.active:visited { color: white; background-color: rgb(215,0,40); background-position: right bottom } #navi li a span { position: absolute; left: 24px; top: -25px; width: 31px; height: 35px; cursor: pointer; } #navi li a span b { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #navi li a span { background: url(navi.neu.png) left top no-repeat; } /* Subnavi ----------------------------------------------------------------------------------------------------------------------------- */ #subnavi { float: left; width: 220px; padding: 0 0 70px 20px; color: rgb(180,180,180); background: url(bck.subnavi.gif) left top repeat-x; } #subnavi ul { margin: 0; padding: 0 0 30px 0; } #subnavi ul li { list-style: none; } #subnavi ul li a:link, #subnavi ul li a:visited { display: block; height: 1%; padding: 18px 0 1px 0; text-decoration: none; color: rgb(180,180,180); border-bottom: 1px solid rgb(80,80,80); } #subnavi ul li a:hover, #subnavi ul li a:active, #subnavi ul li a:focus, #subnavi ul li a.active:link, #subnavi ul li a.active:visited { color: rgb(215,0,40); border-color: rgb(215,0,40); } #subnavi .onecol { float: left; width: 199px; padding: 20px 20px 0 0; } #subnavi .onecol hr { margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px dotted rgb(100,100,100); } #subnavi a:link, #subnavi a:visited { color: rgb(180,180,180); } #subnavi a:hover, #subnavi a:active, #subnavi a:focus { color: rgb(215,0,40); text-decoration: none; } #subnavi small { font-size: 12px; line-height: 20px; color: rgb(180,180,180); } /* Startseite -------------------------------------------------------------------------------------------------------------------------- */ #homecont { float: left; background: url(bck.homecont.gif) left top repeat-y; color: rgb(200,200,200); } #homecont .onecol { float: left; width: 199px; margin-right: 1px; padding: 20px 20px 0 20px; background: url(bck.onecol.home.gif) repeat-x; } #homecont .twocol { float: left; width: 439px; margin-right: 1px; padding: 20px 20px 0 20px; background: url(bck.twocol.home.gif) repeat-x; } #homecont .twocol .onecol { float: left; width: 199px; margin-right: 0; padding: 0 20px 0 0; background: transparent; } #homecont .twocol .broad { width: 220px; padding: 0; } #homecont .firstcol { width: 200px; } #homecont .em { background: url(bck.onecol.home.em.gif) repeat-x; } #homecont .last { margin: 0; } #homecont ul { list-style: none; padding: 0; } #homecont ul li { margin: 0; } #homecont ul li.lined { padding: 10px 0 0 0; border-top: 1px solid rgb(80,80,80); } #homecont ul a { padding: 0 0 10px 0; } #homecont ul li.forth a { padding: 9px 0 0 20px; background-image: url(i.home.forth.gif); background-repeat: no-repeat; border-top: 1px solid rgb(80,80,80); } #homecont ul li.event a { padding: 0 0 10px 50px; background-repeat: no-repeat; } #homecont ul li.digital3d a { background: url(i.digital3d.home.gif) left top no-repeat; } #homecont ul li.filmkunst a { background: url(i.filmkunst.home.gif) left top no-repeat; } #homecont ul li.damenwahl a { background: url(i.damenwahl.home.gif) left top no-repeat; } #homecont ul li.kids-teens a { background: url(i.kids-teens.home.gif) left top no-repeat; } #homecont ul li.maennersache a { background: url(i.maennersache.home.gif) left top no-repeat; } #homecont ul li.seniorenkino a { background: url(i.seniorenkino.home.gif) left top no-repeat; } #homecont ul li.oper a { background: url(i.oper.home.gif) left top no-repeat; } #homecont ul li.reise a { background: url(i.reisefilm.home.gif) left top no-repeat; } #homecont ul li.ogays a { background: url(i.ogays.home.gif) left top no-repeat; } #homecont ul li.kinovino a { background: url(i.kinovino.home.gif) left top no-repeat; } #homecont ul li.sneak-preview a { background: url(i.sneak-preview.home.gif) left top no-repeat; } #homecont ul li a:link, #homecont ul li a:visited { height: 1%; display: block; text-decoration: none; color: rgb(200,200,200); } #homecont ul li a:hover, #homecont ul li a:active, #homecont ul li a:focus { background-position: left -300px; color: rgb(215,0,40); } #homecont a span { position: relative; float: left; margin: 5px 0 7px 0; background-color: rgb(215,0,40); cursor: pointer; } #homecont a span.inline { margin: 5px 11px 0 0; background-color: rgb(215,0,40); } #homecont ul a span big { position: absolute; left: -9px; top: -9px; width: 49px; height: 41px; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #homecont ul a span big { background: url(i.digital3d.png) left top no-repeat; } #homecont ul a span big b { display: none; } #homecont a:link img, #homecont a:visited img { border: 1px solid rgb(60,60,60); } #homecont a:hover img, #homecont a:active img, #homecont a:focus img { border-color: rgb(215,0,40); background: rgb(215,0,40);filter: alpha(opacity: 70); opacity: 0.70; KHTMLOpacity: 0.70; MozOpacity: 0.70; } #homecont h2 { padding: 0 0 15px 0; } #homecont h2 small { color: rgb(120,120,120); } #homecont h2 a:link, #homecont h2 a:visited { color: rgb(200,200,200); text-decoration: none; } #homecont h2 a:hover, #homecont h2 a:active, #homecont h2 a:focus { color: rgb(215,0,40); } #homecont h2 a:link small, #homecont h2 a:visited small { color: rgb(120,120,120); } #homecont h2 a:hover small, #homecont h2 a:active small, #homecont h2 a:focus small { color: rgb(215,0,40); } #homecont hr { margin: 0 0 15px 0; height: 1px; border: 0; border-top: 1px solid rgb(80,80,80); } #homecont hr.two { margin: 0 0 15px 0; height: 1px; border: 0; border-top: 1px dotted rgb(80,80,80); } #homecont ul.buttonlist { padding: 0 0 20px 0; } #homecont ul.buttonlist a { height: 1%; display: block; text-decoration: none; padding: 5px 8px 6px 44px; border: none; } #homecont ul.buttonlist .forth a { background-image: url(i.forth.homecont.gif); background-color: rgb(80,80,80); } #homecont ul.buttonlist a:link, #homecont ul.buttonlist a:visited { background-repeat: no-repeat; background-position: left top; color: rgb(200,200,200); } #homecont ul.buttonlist a:hover, #homecont ul.buttonlist a:active, #homecont ul.buttonlist a:focus, #homecont ul.buttonlist a.active { background-position: left -300px; color: white; background-color: rgb(215,0,40); } #homecont a.ilink:link, #homecont a.ilink:visited { padding: 0 0 0 18px; background: url(i.a.ilink.home.gif) no-repeat; text-decoration: none; color: rgb(120,120,120); } #homecont a.ilink:hover, #homecont a.ilink:active, #homecont a.ilink:focus, #homecont a.ilink.active { background-position: left -50px; text-decoration: underline; color: rgb(195,0,40); } #homecont h2 a.comments:link, #homecont h2 a.comments:visited { position: absolute; width: 32px; height: 32px; left: 100%; top: 0; padding: 1px 0 0 0; margin: 0 0 0 -32px; color: rgb(40,40,40); font-size: 12px; text-align: center; text-decoration: none; background: url(i.comments.home.gif) no-repeat; } #homecont h2 a.comments:hover, #homecont h2 a.comments:active, #homecont h2 a.comments:focus { background-position: left -50px; color: white; } #homecont h3 { float: left; width: 440px; font-size: 18px; line-height: 22px; font-weight: normal; padding: 7px 0 0 0; border-top: 1px dotted rgb(80,80,80); } #homecont h3 big { float: left; width: 200px; margin-bottom: 10px; } #homecont h3 small { float: right; width: 220px; margin-bottom: 10px; } #homecont h3.digital3d a { padding: 0 0 0 0; background: url(i.digital3d.tiny.gif) right top no-repeat; } #homecont h3 a:link, #homecont h3 a:visited { display: block; height:1%; color: rgb(200,200,200); text-decoration: none; } #homecont h3 a:hover, #homecont h3 a:active, #homecont h3 a:focus { background-position: right -100px; color: rgb(215,0,40); } #homecont h3 small a:link, #homecont h3 small a:visited { display: inline; background: transparent; padding: 0; color: rgb(140,140,140); text-decoration: none; } #homecont h3 small a:hover, #homecont h3 small a:active, #homecont h3 small a:focus { color: rgb(215,0,40); } #homecont h3 small i { color: rgb(70,70,70); } /* Content ----------------------------------------------------------------------------------------------------------------------------- */ #content { float: right; width: 720px; margin: 0 0 0 0; background: url(bck.content.gif) left top no-repeat; } #content .onecol { float: left; width: 199px; border-left: 1px solid white; padding: 20px 20px 0 20px; /* background: blue; */ } #content .twocol .onecol { float: left; width: 139px; border: none; padding: 0 20px 0 0; } #content .twocol .twocol { float: left; width: 280px; border: none; padding: 0; /* background: yellow; */ } #content .twocol { float: left; width: 439px; border-left: 1px solid white; padding: 20px 20px 0 20px; /* background: green; */ } #content .trecol { float: left; width: 679px; border-left: 1px solid white; padding: 20px 20px 0 20px; /* background: red; */ } #content hr { margin: 0; height: 1px; border: 0; border-top: 1px solid white; } #content .onecol hr, #content .twocol hr, #content .trecol hr { margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px dotted rgb(140,140,140); } #content .onecol hr.two, #content .twocol hr.two, #content .trecol hr.two { margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px dotted rgb(180,180,180); } /* Overview ---------------------------------------------------------------------------------------------------------------------------- */ #overview_trigger { float: right; width: 720px; margin: 0; padding: 0; } #overview_trigger li { margin: 0; padding: 0; list-style: none; } #overview_trigger li a.trigger:link, #overview_trigger li a.trigger:visited { position: relative; height: 1%; display: block; color: rgb(180,180,180); padding: 10px 10px 9px 20px; text-decoration: none; background: url(bck.overview_trigger.gif) left top no-repeat rgb(50,50,50); border-left: 1px solid rgb(60,60,60); } #overview_trigger li a.trigger:hover, #overview_trigger li a.trigger:active, #overview_trigger li a.trigger:focus { color: white; background-position: left -100px; } #overview_trigger li a.trigger:link b, #overview_trigger li a.trigger:visited b { position: absolute; right: 3px; top: 3px; width: 35px; height: 31px; background: url(neu.overview_trigger.gif) left top no-repeat } #overview_trigger li a.trigger:hover b, #overview_trigger li a.trigger:active b, #overview_trigger li a.trigger:focus b { display: none; } #overview_trigger li a b strong { display: none; } #overview { position: absolute; right: 0px; top: 329px; width: 720px; background: rgb(50,50,50); border-top: 1px solid rgb(60,60,60); z-index: 998; } #overview .waitinfo { margin: 0; padding: 5px 10px 8px 10px; color: rgb(180,180,180); border-left: 1px solid rgb(60,60,60); } #overview ul { float: left; width: 100%; margin: 0; padding: 0; } #overview ul li { float: left; list-style: none; } #overview ul li a { width: 219px; padding: 5px 10px 6px 10px; color: rgb(180,180,180); line-height: 14px; border-left: 1px solid rgb(60,60,60); border-bottom: 1px solid rgb(60,60,60); } #overview ul li.digital3d a { background: url(bck.overview.digital3d.gif) right top no-repeat rgb(40,40,40); } #overview ul li a:link, #overview ul li a:visited { float: left; text-decoration: none; } #overview ul li a:hover, #overview ul li a:active, #overview ul li a:focus, #overview ul li a.active:link, #overview ul li a.active:visited { color: white; background-color: rgb(215,0,40); background-position: right -50px; } #overview ul li a:link small, #overview ul li a:visited small { float: left; font-size: 11px; color: rgb(120,120,120); text-decoration: none; cursor: pointer; } #overview ul li a:hover small, #overview ul li a:active small, #overview ul li a:focus small, #overview ul li a.active:link small, #overview ul li a.active:visited small { color: rgb(245,180,190); background-color: rgb(215,0,40); background-position: right bottom } div.toplink { height: 21px; position: relative; margin: 0 0 20px 0; border-bottom: 1px dotted rgb(140,140,140); } div.toplink a b { display: none; } div.toplink hr { display: none; } div.toplink a:link, div.toplink a:visited { position: absolute; right: 0; top: 0; width: 280px; height: 21px; background: url(toplink.gif) left top no-repeat; } div.toplink a:hover, div.toplink a:active, div.toplink a:focus { background-position: left -21px; } /* Copyright --------------------------------------------------------------------------------------------------------------------------- */ #copyright { width: 960px; margin: 0 auto 0 auto; padding: 5px 0 0 0; color: rgb(80,80,80); } #copyright em { font-style: normal; color: rgb(60,60,60); } #copyright a:link, #copyright a:visited { color: rgb(80,80,80); } #copyright a:hover, #copyright a:active, #copyright a:focus { color: rgb(195,0,40); text-decoration: none; } #copyright em a:link, #copyright em a:visited { color: rgb(60,60,60); } #copyright em a:hover, #copyright a:active, #copyright em a:focus { color: rgb(195,0,40); text-decoration: none; } table.program ul.buttonlist { padding: 0; } #subnavi ul li a:link, #subnavi ul li a:visited { display: block; height: 1%; padding: 18px 0 1px 0; text-decoration: none; color: rgb(180,180,180); border-bottom: 1px solid rgb(80,80,80); } #subnavi ul li a:hover, #subnavi ul li a:active, #subnavi ul li a:focus, #subnavi ul li a.active:link, #subnavi ul li a.active:visited { color: rgb(215,0,40); border-color: rgb(215,0,40); } ul.buttonlist, ul.linklist { list-style: none; } ul.buttonlist li, ul.linklist li { margin: 0 0 1px 0; } ul.buttonlist a, ul.linklist a { height: 1%; display: block; text-decoration: none; } ul.buttonlist a { padding: 5px 8px 6px 44px; background-color: rgb(200,200,200); color: rgb(40,40,40); } ul.linklist a { padding: 0 0 0 37px; } ul.buttonlist .more a { background-image: url(i.more.gif); background-color: rgb(220,220,220); } ul.buttonlist .infobutton a { background-image: url(i.infobutton.gif); background-color: rgb(220,220,220); } ul.buttonlist .trailerbutton a { background-image: url(i.trailerbutton.gif); background-color: rgb(220,220,220); } ul.buttonlist .ticketbutton a { background-image: url(i.ticketbutton.gif); background-color: rgb(220,220,220); } ul.buttonlist .ticketbutton2 a { background-image: url(i.ticketbutton.dark.gif); background-color: rgb(200,200,200); } ul.buttonlist .dialogbutton a { background-image: url(i.dialogbutton.gif); background-color: rgb(220,220,220); } ul.buttonlist .forth a { background-image: url(i.forth.gif); } ul.buttonlist .forthlight a { background-image: url(i.forthlight.gif); background-color: rgb(220,220,220); } ul.buttonlist .down a { background-image: url(i.down.gif); } ul.buttonlist .faq a { background-image: url(i.faq.gif); background-color: rgb(220,220,220); } ul.buttonlist .exclam a { background-image: url(i.exclam.gif); background-color: rgb(220,220,220); } ul.buttonlist .back a { background-image: url(i.back.gif); } ul.buttonlist .submit a { background-image: url(i.submit.gif); background-color: rgb(180,180,180); } ul.buttonlist .cancel a { background-image: url(i.cancel.gif); color: rgb(100,100,100); } ul.buttonlist .print a { background-image: url(i.print.gif); } ul.buttonlist a:link, ul.buttonlist a:visited { background-repeat: no-repeat; background-position: left top; } ul.buttonlist a:hover, ul.buttonlist a:active, ul.buttonlist a:focus, ul.buttonlist a.active { background-position: left -300px; color: white; background-color: rgb(215,0,40); } ul.buttonlist .ticketbutton a:link strong, ul.buttonlist .ticketbutton a:visited strong, ul.buttonlist .ticketbutton2 a:link strong, ul.buttonlist .ticketbutton2 a:visited strong { color: rgb(195,0,40); font-weight: normal; } ul.buttonlist .ticketbutton a:hover strong, ul.buttonlist .ticketbutton a:active strong, ul.buttonlist .ticketbutton a:focus strong, ul.buttonlist .ticketbutton a.active strong, ul.buttonlist .ticketbutton2 a:hover strong, ul.buttonlist .ticketbutton2 a:active strong, ul.buttonlist .ticketbutton2 a:focus strong, ul.buttonlist .ticketbutton2 a.active strong { color: white; } ul.buttonlist a:link small, ul.buttonlist a:visited small { color: rgb(120,120,120); } ul.buttonlist a:hover small, ul.buttonlist a:active small, ul.buttonlist a:focus small { color: rgb(245,180,190); } ul.linklist .download a { background-image: url(i.download.gif); } ul.linklist .forth a { background-image: url(i.forth.linklist.gif); padding: 0 0 0 17px; } ul.linklist a:link, ul.linklist a:visited { background-repeat: no-repeat; background-position: left top; color: rgb(40,40,40); } ul.linklist a:hover, ul.linklist a:active, ul.linklist a:focus, ul.linklist a.active { background-position: left -300px; color: rgb(195,0,40); } ul.bulletlist { list-style: none; } ul.bulletlist li { margin: 0; padding: 0 0 0 13px; background: url(li.bullet.gif) left top no-repeat; } #chaser { position: absolute; top: -1000px; left: -1000px; display: none; border: 1px solid rgb(200,200,200); z-index: 3000; } #chaser .img { display: block; background: url(loading.gif) center center no-repeat white; } #chaser h3 { padding: 5px 8px 6px 8px; margin: 0; font-size: 12px; font-weight: normal; color: rgb(245,205,210); background: rgb(215,0,45); } #chaser h3.green { color: rgb(200,225,180); background: rgb(70,160,0); } #chaser small { color: rgb(240,155,170);} #chaser .green small { color: rgb(200,225,180);} #chaser.standard p { padding: 5px 8px 6px 8px; margin: 0; color: rgb(245,205,210); background: rgb(215,0,45); } #chaser.program p { padding: 5px 8px 6px 8px; margin: 0; color: rgb(245,205,210); background: rgb(215,0,45); border-top: 1px dotted rgb(230,75,110); } #chaser.program p.green { color: rgb(200,225,180); background: rgb(70,160,0); border-color: rgb(125,190,75); } .alert { padding: 15px 15px 15px 15px; margin-bottom: 20px; color: rgb(195,0,40); border: 1px solid rgb(215,0,40); background: rgb(250,230,235); } .note { padding: 15px 15px 15px 15px; margin-bottom: 20px; color: rgb(100,90,0); border: 1px solid rgb(255,230,0); background: rgb(240,230,160); } .scrollbox { padding: 15px 15px 0 15px; margin: 0 0 2px 0; height: 112px; overflow: auto; color: rgb(120,120,120); background: rgb(245,245,245); border-left: 1px solid rgb(190,190,190); border-top: 1px solid rgb(190,190,190); border-right: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(220,220,220); } .faq-answer { display: none; padding: 15px 15px 0 15px; margin-bottom: 20px; color: rgb(120,120,120); border: 1px solid rgb(220,220,220); background: rgb(245,245,245); } p.digital3dinfo { padding-left: 40px; color: rgb(195,0,40); line-height: 15px; background: url(i.digital.3d.info.gif) left 4px no-repeat; } .digital3dteaser { height: 55px; margin: 0 0 10px 0; padding: 0; background: url(digital3dteaser.gif) left top no-repeat; } .digital3dteaser strong { display: none; } .comment { position: relative; float: left; width: 409px; padding: 15px 15px 15px 15px; margin-bottom: 20px; color: rgb(80,80,80); background: rgb(220,220,220); } .comment .lt { position: absolute; left: 0; top: -12px; width: 15px; height: 22px; background: url(comment.lt.gif) no-repeat; } .comment .rt { position: absolute; right: 0; top: 0; width: 10px; height: 10px; background: url(comment.rt.gif) no-repeat; } .comment .lb { position: absolute; left: 0; bottom: 0; width: 10px; height: 10px; background: url(comment.lb.gif) no-repeat; } .comment .rb { position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; background: url(comment.rb.gif) no-repeat; } .comment kbd { font: 12px/20px Cambria, Georgia, Times New Roman, serif; } .comment a:link, .comment a:visited { color: rgb(80,80,80); } .comment a:hover, .comment a:active, .comment a:focus, .comment a.active { color: rgb(80,80,80); } .teaser h2 { position: relative; padding: 0 0 2px 0; margin: 0 0 0 25px; } .teaser big { position: absolute; left: -40px; top: -14px; width: 42px; height: 55px; padding: 0; margin: 0; } .teaser big b { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body .teaser .exclamation big { background: url(teaser.exclamation.png) left top no-repeat; } html>body .teaser .approach big { background: url(teaser.approach.png) left top no-repeat; } html>body .teaser .phone big { background: url(teaser.phone.png) left top no-repeat; } html>body .teaser .infoteaser big { background: url(teaser.info.png) left top no-repeat; } html>body #subnavi .teaser .exclamation big, html>body #homecont .teaser .exclamation big { background: url(teaser.exclamation.subnavi.png) left top no-repeat; } html>body #subnavi .teaser .approach big { background: url(teaser.approach.subnavi.png) left top no-repeat; } a.piclink { float: left; width: 133px; margin: 0 20px 20px 0; } a.lastpiclink { margin: 0 0 20px 0; } a.piclink:link, a.piclink:visited { color: rgb(80,80,80); text-decoration: none; } a.piclink:hover, a.piclink:active, a.piclink:focus { color: rgb(215,0,40); } a.piclink:link span, a.piclink:visited span { float: left; background-color: rgb(220,220,220); border: 1px solid rgb(200,200,200); } a.piclink:hover span, a.piclink:active span, a.piclink:focus span { background-color: rgb(215,0,40); border-color: rgb(215,0,40); } a.piclink:hover img, a.piclink:active img, a.piclink:focus img { filter: alpha(opacity: 80); opacity: 0.80; KHTMLOpacity: 0.80; MozOpacity: 0.80; } a.zoomlink { position: relative; float: left; margin: 0 5px 5px 0; text-decoration: none; border: 1px solid rgb(200,200,200); } .onecol a.zoomlink { margin: 0 0 5px 0; } a.zoomlink:link, a.zoomlink:visited { background-color: rgb(220,220,220); color: rgb(80,85,90); } a.zoomlink:hover, a.zoomlink:active, a.zoomlink:focus { background-color: rgb(215,0,40); color: white; border-color: rgb(215,0,40); } a.zoomlink:hover img, a.zoomlink:active img, a.zoomlink:focus img { filter: alpha(opacity: 70); opacity: 0.70; KHTMLOpacity: 0.70; MozOpacity: 0.70; } a.zoomlink span { position: absolute; left: 100%; top: 100%; width: 24px; height: 24px; margin: -25px 0 0 -25px; background: url(i.zoomlink.gif) left top no-repeat; filter: alpha(opacity: 50); opacity: 0.50; KHTMLOpacity: 0.50; MozOpacity: 0.50; border-left: 1px solid rgb(200,200,200); border-top: 1px solid rgb(200,200,200); } a.zoomlink span b { display: none; } a em.marker { position: absolute; left: -9px; top: -4px; width: 50px; } a em.marker big { float: left; width: 50px; height: 50px; margin: -5px 0 0 0; } a em.marker big b { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body a em.marker big.digital3d { background: url(i.digital3d.png) left top no-repeat; } html>body a em.marker big.filmkunst { background: url(i.filmkunst.png) left top no-repeat; } html>body a em.marker big.damenwahl { background: url(i.damenwahl.png) left top no-repeat; } html>body a em.marker big.maennersache { background: url(i.maennersache.png) left top no-repeat; } html>body a em.marker big.kids-teens { background: url(i.kids-teens.png) left top no-repeat; } html>body a em.marker big.oper { background: url(i.oper.png) left top no-repeat; } html>body a em.marker big.reise { background: url(i.reise.png) left top no-repeat; } html>body a em.marker big.seniorenkino { background: url(i.seniorenkino.png) left top no-repeat; } html>body a em.marker big.ogays { background: url(i.ogays.png) left top no-repeat; } html>body a em.marker big.kinovino { background: url(i.kinovino.png) left top no-repeat; } html>body a em.marker big.sneak-preview { background: url(i.sneak-preview.png) left top no-repeat; } #overlay { position: absolute; left: 0; top: 0; width: 100%; background: black; filter: alpha(opacity: 80); opacity: 0.80; KHTMLOpacity: 0.80; MozOpacity: 0.80; z-index: 2000; } #recommend_container { position: absolute; top: -1000px; left: -1000px; width: 480px; padding: 20px 20px 0 20px; background: rgb(230,230,230); border: 10px solid rgb(60,60,60); z-index: 3000; } #recommend_container hr { margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px dotted rgb(140,140,140); } #trailer_container { position: absolute; top: -1000px; left: -1000px; width: 480px; padding: 0; background: rgb(230,230,230); border: 10px solid rgb(20,20,20); z-index: 3000; } .closelink { position: absolute; left: -30px; top: -30px; width: 33px; height: 33px; } .closelink strong { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body .closelink { background: url(i.close.popup.png) left top no-repeat; } .slider { float: left; width: 100%; position: relative; overflow: hidden; } .parent { float: left; position: relative; left: 0; top; 0; width: 200%; } .child { float: left; width: 50%; }