/* ***** ein schickes stylesheet fuers FILMFESTIVAL ********** ***** hier die styles fuer die normale ansicht ********** */ /* ***** die farben: ***************************************************** weiss #FFF; dunkelgrau #555; dunkelbraun #33210D; himmelblau #C4DAE6; dunkelblau #042656; tuerkeesy #008578; rot #C9252B; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { border-top: 1px solid #008578; } body { padding: 0; margin: 0; background: #C4DAE6 url(../images/bg-plakatmotiv.jpg) no-repeat fixed; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; text-align: left; line-height: 130%; } #mantel { margin: 0; padding: 0; width: 870px; text-align: left; border-top: 1px solid #AABCC5; border-right: 1px solid #97A99F; } #mantelPad { margin: 0; padding: 0; background: white url(../images/bg-naviMain.gif) top right no-repeat; border-left: 3px solid #C4CDD2; } /* laed die BGs in den cache */ #cache { position: absolute; width: 10px; top: -100px; left: -100px; z-index: 10; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { height: 111px; } #links { float: left; width: 190px; overflow: hidden; } #mitte { float: left; width: 620px; overflow: hidden; } #unten { clear: both; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0; text-align: left; } #linksPad { margin: 0; padding: 0; text-align: left; } #mittePad { margin: 0; padding: 0; text-align: left; } #untenPad { margin: 0; padding: 85px 0 0 0; text-align: left; } /* ***** navigationsliste horizontal ************************************* */ #navigationH { width: 850px; height: auto; margin: 0; padding: 1px 0 20px 0; } #navigationH ul { border: 0; margin: 0 0 0 1px; padding: 0; list-style-type: none; text-align: left; } #navigationH ul li { display: block; height: 38px; float: left; text-align: left; padding: 0; margin: 0; } #navigationH ul li a { display: block; width: 115px; padding: 5px 0px 16px 8px; font-size: 12px; text-decoration: none; color: white; background: #33210D; border-bottom: 1px solid #666; border-right: 1px solid #CCC; } #navigationH ul li a:hover, #navigationH ul li a:focus { background: #555; border-bottom-color: #777; } /* navi ausgewaehlt: */ #navigationH a.navAktiv { background: #C9252B; border-bottom-color: #D86065; color: white; font-weight: bold; } #navigationH a.navAktiv:hover { background: #C9252B; border-bottom-color: #D86065; } /* start ausgewaehlt: */ .page471 #navigationH a.navHstart, .page470 #navigationH a.navHstart, .page469 #navigationH a.navHstart, .page468 #navigationH a.navHstart, .page467 #navigationH a.navHstart, .page466 #navigationH a.navHstart, .page465 #navigationH a.navHstart, .page420 #navigationH a.navHstart, .page419 #navigationH a.navHstart, .page414 #navigationH a.navHstart, .page415 #navigationH a.navHstart, .page416 #navigationH a.navHstart, .page370 #navigationH a.navHstart, .page413 #navigationH a.navHstart, .start #navigationH a.navHstart { background: #C9252B; border-bottom-color: #D86065; color: white; font-weight: bold; } /* programm ausgewaehlt: */ .page507 #navigationH a.navHprogramm, .page506 #navigationH a.navHprogramm, .page505 #navigationH a.navHprogramm, .page504 #navigationH a.navHprogramm, .page503 #navigationH a.navHprogramm, .page502 #navigationH a.navHprogramm, .page501 #navigationH a.navHprogramm, .page498 #navigationH a.navHprogramm, .page497 #navigationH a.navHprogramm, .page496 #navigationH a.navHprogramm, .page495 #navigationH a.navHprogramm, .page494 #navigationH a.navHprogramm, .page493 #navigationH a.navHprogramm, .page492 #navigationH a.navHprogramm, .page491 #navigationH a.navHprogramm, .page490 #navigationH a.navHprogramm, .page478 #navigationH a.navHprogramm, .page476 #navigationH a.navHprogramm, .page475 #navigationH a.navHprogramm, .page474 #navigationH a.navHprogramm, .page473 #navigationH a.navHprogramm, .page472 #navigationH a.navHprogramm, .page462 #navigationH a.navHprogramm, .page447 #navigationH a.navHprogramm, .page446 #navigationH a.navHprogramm, .page445 #navigationH a.navHprogramm, .page444 #navigationH a.navHprogramm, .page443 #navigationH a.navHprogramm, .page442 #navigationH a.navHprogramm, .page441 #navigationH a.navHprogramm, .page440 #navigationH a.navHprogramm, .page430 #navigationH a.navHprogramm, .page439 #navigationH a.navHprogramm, .page438 #navigationH a.navHprogramm, .page436 #navigationH a.navHprogramm, .page435 #navigationH a.navHprogramm, .page434 #navigationH a.navHprogramm, .page433 #navigationH a.navHprogramm, .page432 #navigationH a.navHprogramm, .page431 #navigationH a.navHprogramm, .page430 #navigationH a.navHprogramm, .page429 #navigationH a.navHprogramm, .page428 #navigationH a.navHprogramm, .page426 #navigationH a.navHprogramm, .page425 #navigationH a.navHprogramm, .page424 #navigationH a.navHprogramm, .page423 #navigationH a.navHprogramm, .page422 #navigationH a.navHprogramm, .page412 #navigationH a.navHprogramm, /* 412 = mehr in kuerze... */ .page368 #navigationH a.navHprogramm, .filme #navigationH a.navHprogramm { background: #C9252B; border-bottom-color: #D86065; color: white; font-weight: bold; } .page361 #navigationH a.navHpartner, .page405 #navigationH a.navHpartner, .page461 #navigationH a.navHpresse, .page410 #navigationH a.navHpresse, .page359 #navigationH a.navHkontakt, .page356 #navigationH a.navHkontakt, .fotogalerie #navigationH a.navHaktuelles, .pressemitteilungen #navigationH a.navHaktuelles, .eintrag #navigationH a.navHaktuelles, .aktuelles #navigationH a.navHaktuelles { background: #C9252B; border-bottom-color: #D86065; color: white; font-weight: bold; } /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ #navigationV { width: 180px; margin: 84px 0 10px 0; padding: 0; } #navigationV ul { list-style-type: none; font-size: 12px; line-height: 160%; margin: 0; padding: 0; } #navigationV li { width: 140px; } #navigationV a { width: 99%; display: block; padding: 9px 0 2px 8px; margin: 1px 0 0 0; color: #33210D; border-bottom: 1px solid #CCC; text-decoration: none; } #navigationV ul ul a { border: 0; font-size: 11px; padding: 4px 0 4px 25px; line-height: 130%; } #navigationV a:hover, #navigationV a:focus { color: #C9252B; } /* sonderfall spielplan */ #navigationV li.liSpielplan { margin: 0 0 16px 0; padding: 11px 0 0 0; line-height: 130%; } #navigationV .liSpielplan a { font-weight: bold; width: auto; display: inline; padding: 0 5px 0 7px; margin: 1px 0 6px 8px; border: 0; } #navigationV .liSpielplan div { padding: 0; margin: 5px 0 0 15px; } #navigationV .liSpielplan div a { border: 1px solid white; font-weight: normal; padding: 1px 3px; margin: 0 1px 0 1px; width: auto; display: inline; font-size: 11px; } #navigationV .liSpielplan div a:hover, #navigationV .liSpielplan div a:focus{color: white; background: #555; border-color: #777; } .page476 #navigationV a.navVspielplanso, .page475 #navigationV a.navVspielplansa, .page474 #navigationV a.navVspielplanfr, .page473 #navigationV a.navVspielplando, .page472 #navigationV a.navVspielplanmi, .page426 #navigationV a.navVspielplanmi, .page425 #navigationV a.navVspielplanso, .page424 #navigationV a.navVspielplansa, .page423 #navigationV a.navVspielplanfr, .page422 #navigationV a.navVspielplando { font-weight: bold; background: #C9252B; color: white; border-color: #D86065; } .page476 #navigationV a.navVspielplanso:hover, .page475 #navigationV a.navVspielplansa:hover, .page474 #navigationV a.navVspielplanfr:hover, .page473 #navigationV a.navVspielplando:hover, .page472 #navigationV a.navVspielplanmi:hover, .page426 #navigationV a.navVspielplanmi:hover, .page425 #navigationV a.navVspielplanso:hover, .page424 #navigationV a.navVspielplansa:hover, .page423 #navigationV a.navVspielplanfr:hover, .page422 #navigationV a.navVspielplando:hover { background: #C9252B; color: white; border-color: #D86065; } .en #navigationV .liSpielplan div a { border: 1px solid white; font-weight: normal; padding: 1px 3px; margin: 0 0px 0 0px; width: auto; display: inline; font-size: 11px; } /* navi ausgewaehlt: */ /* sub-start ausgewaehlt */ .page471 #navigationV a.navVakkreditierung, .page420 #navigationV a.navVakkreditierung, .page468 #navigationV a.navVtrailer, .page419 #navigationV a.navVtrailer, .page466 #navigationV a.navVpreise, .page414 #navigationV a.navVpreise, .page467 #navigationV a.navVjurys, .page415 #navigationV a.navVjurys, .page469 #navigationV a.navVfestivalorte, .page416 #navigationV a.navVfestivalorte, .page465 #navigationV a.navVgeschichte, .page370 #navigationV a.navVgeschichte, .page470 #navigationV a.navVarchiv, .page413 #navigationV a.navVarchiv { font-weight: bold; color: #C9252B; } /* rot ausgewaehlt */ /* sub-programm ausgewaehlt: */ .kurzblock7 #navigationV a.navVkurzblock7, .kurzblock6 #navigationV a.navVkurzblock6, .kurzblock5 #navigationV a.navVkurzblock5, .kurzblock4 #navigationV a.navVkurzblock4, .kurzblock3 #navigationV a.navVkurzblock3, .kurzblock2 #navigationV a.navVkurzblock2, .kurzblock1 #navigationV a.navVkurzblock1, .schulblock4 #navigationV a.navVschulblock4, .schulblock3 #navigationV a.navVschulblock3, .schulblock2 #navigationV a.navVschulblock2, .schulblock1 #navigationV a.navVschulblock1, .page507 #navigationV a.navVkurzblock7, .page506 #navigationV a.navVkurzblock6, .page505 #navigationV a.navVkurzblock5, .page504 #navigationV a.navVkurzblock4, .page503 #navigationV a.navVkurzblock3, .page502 #navigationV a.navVkurzblock2, .page501 #navigationV a.navVkurzblock1, .page498 #navigationV a.navVschulblock4, .page497 #navigationV a.navVschulblock3, .page496 #navigationV a.navVschulblock2, .page495 #navigationV a.navVschulblock1, .page494 #navigationV a.navVrahmenmuenster, .page493 #navigationV a.navVrahmenfilmspiegel, .page492 #navigationV a.navVschulwettbewerb, .page491 #navigationV a.navVkurzwettbewerb, .page490 #navigationV a.navVlangwettbewerb, .page478 #navigationV a.navVschuljury, .page430 #navigationV a.navVschulwettbewerb, .page429 #navigationV a.navVkurzwettbewerb, .msconnection #navigationV a.navVrahmenmuenster, .unheimlichboese #navigationV a.navVrahmenunheimlich, .filmspiegel #navigationV a.navVrahmenfilmspiegel, .spielfilmwettbewerb #navigationV a.navVlangwettbewerb, .page428 #navigationV a.navVlangwettbewerb { font-weight: bold; color: #C9252B; } /* rot ausgewaehlt */ .kurzwettbewerb #navigationV a.navVkurzwettbewerb, .schulprogramm #navigationV a.navVschulwettbewerb, .page507 #navigationV a.navVkurzwettbewerb, .page506 #navigationV a.navVkurzwettbewerb, .page505 #navigationV a.navVkurzwettbewerb, .page504 #navigationV a.navVkurzwettbewerb, .page503 #navigationV a.navVkurzwettbewerb, .page502 #navigationV a.navVkurzwettbewerb, .page501 #navigationV a.navVkurzwettbewerb, .page498 #navigationV a.navVschulwettbewerb, .page497 #navigationV a.navVschulwettbewerb, .page496 #navigationV a.navVschulwettbewerb, .page495 #navigationV a.navVschulwettbewerb, .page478 #navigationV a.navVschulwettbewerb, .page447 #navigationV a.navVsonderprogramm, .page446 #navigationV a.navVsonderprogramm, .page445 #navigationV a.navVsonderprogramm, .page444 #navigationV a.navVsonderprogramm, .page443 #navigationV a.navVsonderprogramm, .page442 #navigationV a.navVsonderprogramm, .page441 #navigationV a.navVsonderprogramm, .page440 #navigationV a.navVsonderprogramm, .page439 #navigationV a.navVsonderprogramm, .rahmenprogramm #navigationV a.navVrahmenprogramm, .page435 #navigationV a.navVrahmenprogramm, .page434 #navigationV a.navVrahmenprogramm, .page433 #navigationV a.navVrahmenprogramm, .page432 #navigationV a.navVrahmenprogramm, .page431 #navigationV a.navVrahmenprogramm, .page426 #navigationV a.navVspielplan, .page425 #navigationV a.navVspielplan, .page424 #navigationV a.navVspielplan, .page423 #navigationV a.navVspielplan, .page422 #navigationV a.navVspielplan { font-weight: bold; color: #33210D; } /* graubraun ausgewaehlt */ .fotogalerie #navigationV a.navVaktuellesfoto, .pressemitteilungen #navigationV a.navVaktuellespresse, .page447 #navigationV a.navVsonderparty, .page446 #navigationV a.navVsonderfilmmusik, .page445 #navigationV a.navVsonderstadtwerke, .page444 #navigationV a.navVsonderoscars, .page443 #navigationV a.navVsondersozial, .page442 #navigationV a.navVsondervideoclip, .page441 #navigationV a.navVsondervideokunst, .page440 #navigationV a.navVsondersymposium, .page439 #navigationV a.navVsonderdrehbuch, .page435 #navigationV a.navVrahmentatort, .page434 #navigationV a.navVrahmenmuenster, .page433 #navigationV a.navVrahmeneuropa, .page432 #navigationV a.navVrahmenunheimlich, .page431 #navigationV a.navVrahmenfilmspiegel { font-weight: bold; color: #C9252B; } /* rot ausgewaehlt */ /* ***** diverses ******************************************************** */ #oben #langSwitch { color: white; text-align: right; font-size: 11px; background: url(../images/bg-langSwitch.gif) top right no-repeat; width: 877px; height: 20px; } #oben #langSwitch a { color: white; text-decoration: none; } #oben #langSwitch a:hover { color: white; text-decoration: underline; } #oben #langSwitch a#langDeutsch { font-weight: bold; padding: 1px 10px 1px 14px; } #oben #langSwitch a#langEnglish { font-weight: normal; padding: 1px 20px 1px 10px; } #oben img { padding: 0 10px 0 147px; margin: 0; } .en #oben #langSwitch { background: url(../images/bg-langSwitchEn.gif) top right no-repeat; } .en #oben #langSwitch a#langDeutsch { font-weight: normal; padding: 1px 12px 1px 17px; } .en #oben #langSwitch a#langEnglish { font-weight: bold; padding: 1px 15px 1px 9px; } #flash { border: 2px solid #008578; border-bottom-width: 1px; background: #33210D; width: 550px; padding: 0; margin: 7px 0 0 0; } #flash div { border-bottom: 1px solid #0E6A5B; color: white; font-size: 10px; padding: 3px 0 2px 6px; margin: 0; } #content #flash a { color: white; text-decoration: underline; border: 0; font-weight: bold; } #content #flash a:active { background: transparent; } #content { padding: 45px 0 0 0; } #content h2 { color: #008578; font-weight: normal; font-size: 22px; padding: 4px 0; margin: 0; line-height: 140%; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: italic; } #content h3 { color: #555; font-weight: normal; font-size: 10px; padding: 3px 0; margin: 0; line-height: 140%; text-transform: uppercase; letter-spacing: 1px; } #content p { color: #33210D; font-size: 12px; line-height: 160%; padding: 6px 0; margin: 0; } #content blockquote { color: #33210D; font-size: 12px; padding: 9px 20px; margin: 6px 0 10px 0; border: 1px solid #DFEBF1; background: #F4F8FA; line-height: 140%; } #content ul { list-style-type: circle; } #content ul, #content ol { color: #33210D; font-size: 12px; line-height: 160%; padding: 3px 0 3px 20px; margin: 0; } #content li { padding: 3px 0; } #content a { border-bottom: 1px solid #DDD; text-decoration: none; color: #008578; } #content a:hover, #content a:focus { text-decoration: underline; } #content img { border: 1px solid #008578; float: left; padding: 0; margin: 4px 25px 10px 0; } #content img.noborder { border: 0; } /* zoom-bare pics */ .filme #content img { border: 2px solid #008578; float: none; padding: 0; margin: 10px 0 5px 0; } .filme #content img:hover { border-color: #46A39E; } .filme #content form.mt-enclosure{float: left; padding: 0 22px 0 0; margin: 0; } /* das form-element wird von MT in span konvertiert? */ .filme #content form.mt-enclosure a { border: 0; } /* in der galerie */ .Fotogalerie #content img { border: 2px solid #008578; float: none; padding: 0; margin: 10px 0 0 0; } .Fotogalerie #content img:hover { border-color: #46A39E; } .Fotogalerie #content .mt-enclosure{float: left; padding: 0 22px 0 0; margin: 0; } .Fotogalerie #content .mt-enclosure a { border: 0; } .Fotogalerie #content .asset-more p { clear: both; padding: 2px 0 2px 0; margin: 0; } .en .Gallery #content img { border: 2px solid #008578; float: none; padding: 0; margin: 10px 0 0 0; } .en .Gallery #content img:hover { border-color: #46A39E; } .en .Gallery #content .mt-enclosure{float: left; padding: 0 22px 0 0; margin: 0; } .en .Gallery #content .mt-enclosure a { border: 0; } .en .Gallery #content .asset-more p { clear: both; padding: 2px 0 2px 0; margin: 0; } /* filmlisten */ .filmliste { padding: 12px 0; margin: 0; } .listItem { padding: 12px 0; margin: 0; } .listeRechts-zeit { color: #555; font-weight: normal; font-size: 11px; padding: 1px 0 0 0; margin: 0; line-height: 110%; } .listeRechts-titel { font-weight: bold; padding: 6px 0 6px 0; margin: 0; } .listeRechts-regie { height: 3.25em; overflow: hidden; } #content .listeRechts-regie p { padding: 0; margin: 0; line-height: 150%; } #content .listeRechts-regie p strong { /* font-weight: normal; */ } #content .filmliste img { border: 2px solid #008578; float: none; padding: 0; margin: 0; } #content .filmliste img:hover { border-color: #46A39E; } #content .filmliste form.mt-enclosure{float: left; padding: 0 22px 0 0; margin: 0; } #content .filmliste form.mt-enclosure a { border: 0; } .asset { padding: 0 0 40px 0; } .asset-more-link { font-weight: bold; clear: both; color: #33210D; font-size: 12px; line-height: 160%; padding: 0 0 6px 0; margin: 0; } #content p.mitglied { color: #777; padding: 25px 0 5px 0; font-size: 11px; line-height: 150%; } #content p.mitglied a { color: #777; border: 0; } #content p.mitglied strong { color: #777; } /* englisch in georgia */ .en #content p, .en #content blockquote, .en #content ul, .en #content ol { font-size: 13px; line-height: 160%; font-family: Georgia,"Times New Roman",Times,serif; } .filme #content blockquote { font-size: 13px; line-height: 160%; font-family: Georgia,"Times New Roman",Times,serif; padding: 10px 40px 10px 40px; margin: 4px 0 40px 0; border: 0; border-top: 3px double #DDD; border-bottom: 3px double #DDD; background: transparent; } .en #content img { padding: 0; margin: 5px 25px 5px 0; } .en #content small { font-size: 12px; line-height: 150%; } /* extras fuer sponsorenseite */ .page405 #content p { padding: 10px 0; } .page361 #content p { padding: 10px 0; } .page405 #content .asset-body a { border: 0; } .page361 #content .asset-body a { border: 0; } .page405 #content img { border: 0; float: left; padding: 0; margin: 10px 35px 10px 0; } .page361 #content img { border: 0; float: left; padding: 0; margin: 10px 35px 10px 0; } #untenNavi { margin: 0; padding: 3px 5px 3px 189px; background: #E3E3E3; color: #AAA; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #F4F4F4; } #untenNavi a { color: #777; text-decoration: none; padding: 0 3px; } #untenNavi a:hover, #untenNavi a:focus { color: #666; text-decoration: underline; } #untenKontakt { background: #F9F9F9; color: #323235; font-size: 11px; padding: 12px 0 12px 0; line-height: 150%; } #untenFW { float: right; width: 100px; padding: 0 13px 0 30px; } #untenFW img { margin: 5px 0 0 6px; } #untenFF { float: right; width: 200px; } #untenFF strong,#untenFW strong { color: #444; } #untenFF a { border-bottom: 1px solid #DDD; text-decoration: none; color: #008578; } #untenFF a strong { color: #008578; } /* ***** google map ******************************************************* */ #map_canvas { width: 550px; height: 520px; line-height: 130%; border: 2px solid #008578; border-bottom-width: 1px; margin: 0; } #content #map_canvas img { background-color: transparent; padding: 0; margin: 0; border: 0; max-width: none; } #content #search_route p { font-size: 11px; padding: 3px 0 5px 0; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; } div#Terrain,div#Satellite { display: none; } #search_route { background: #F0F8F7; color: #444; font-size: 11px; border: 1px solid #89C6C0; margin: 0; padding: 8px 20px 0px 10px; width: 522px; } #search_route input { border-width: 1px; border-color: #999; color: #444; padding: 1px 3px; } #route_submit { cursor: pointer; background: #EEE; padding: 1px 7px; } /* ***** standards ******************************************************* */ #content small { font-size: 11px; line-height: 150%; } #content strong { color: #463523; } #content a strong { color: #008578; } #content u,.caps { font-size: 11px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; margin: 0 1px; } a:active, a:focus { outline: 0; } /* gegen die link-rahmen im FF */ #content a:active { background: #008578; color: #008578; } #unten a:active {/*background: #008578; color: #008578;*/} /* ***** formulare ******************************************************* */ /* form { display: inline; } fuer IE, um umbruch zu vermeiden */ input, textarea { padding: 1px 2px; color: #333; font-style: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; } textarea { width: 270px; height: 120px; } /* ***** 06-10-2009 martin niggemann, www.weltrettung.org **************** */