/* ***** gorgeous styles for FILM|SPIEGEL NL 2009 ********** ***** here's the regular font size ********** */ /* ***** colours: ******************************************************** red #E00106; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** above all ... *************************************************** */ html { border-top: 5px solid #E00106; border-left: 1px solid #E00106; border-bottom: 5px solid #E00106; background: #E00106; } body { padding: 0; margin: 0; background: white url(../images/RE-kuh.gif) fixed no-repeat 213px 0px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; line-height: 120%; color: black; text-align: left; } .welkom { background-image: url(../images/BG-buren2009.jpg); } .theaters { background-image: url(../images/BG-theaters.jpg); } .contact { background-image: url(../images/BG-contact.jpg); } .films-1 { background-image: url(../images/BG-films-1.jpg); } .films-2 { background-image: url(../images/BG-films-2.jpg); } .films-3 { background-image: url(../images/BG-films-3.jpg); } .films-4 { background-image: url(../images/BG-films-4.jpg); } .films-5 { background-image: url(../images/BG-films-5.jpg); } .films-6 { background-image: url(../images/BG-films-6.jpg); } #mantel { margin: 0; padding: 0; /* width: 988px; */ text-align: left; } #mantelPad { margin: 0; padding: 0; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #links { float: left; width: 211px; overflow: hidden; background: white; } #mitte { float: left; width: 554px; height: 570px; overflow: hidden; } #rechts { float: none; /* width: 213px; */ } /* #rechts { float: left; width: 213px; overflow: hidden; } */ #unten { clear: both; height: 157px; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #linksPad { margin: 0; padding: 8px 0 0 18px; text-align: left; } #mittePad { margin: 0; padding: 0; text-align: left; } #rechtsPad { margin: 0 0 0 765px; padding: 8px 18px 0 16px; text-align: left; } #untenPad { margin: 0 0 0 213px; padding: 125px 0 0 0; text-align: left; } /* ***** navigation list, vertical *********** ( => css.maxdesign.com.au ) */ #navigation { width: 193px; margin: 0; padding: 0; overflow: hidden; } #navigation ul { list-style-type: none; margin: 0; padding: 0 0 0 25px; } #navigation ul li { margin: 0 0 5px 0; } #navigation ul a { width: 99%; display: block; padding: 0 0 0 23px; margin: 0 0 0 0; border-bottom: 1px solid white; } #navigation ul a:hover, #navigation ul a:focus { background: url(../images/navGuillemets.gif) no-repeat; border-bottom: 1px dotted #E00106; } #navigation ul .navActueel a:hover, #navigation ul .navActueel a:focus { background: url(../images/navGuillemetsZ.gif) no-repeat; border-bottom: 1px dotted #E00106; } /* navi ausgewaehlt: */ #navigation ul .navAktiv a { background: url(../images/navGuillemets.gif) no-repeat; border-bottom: 1px dotted #E00106; } ul .navAktiv a:hover { background: url(../images/navGuillemets.gif) no-repeat; border-bottom: 1px dotted #E00106; } #navigation ul ul { list-style-type: none; margin: 0; padding: 0 0 4px 0; } #navigation ul ul li { margin: 0 0 0 0; } #navigation ul ul a { font-size: 11px; line-height: 120%; color: black; text-transform: uppercase; text-decoration: none; width: 99%; display: block; padding: 5px 0 0 25px; margin: 0 0 0 0; border: 0; } #navigation ul ul a:hover, #navigation ul ul a:focus { background-image: none; border-bottom: 0; color: #E00106; } /* navi ausgewaehlt: */ #navigation ul .navAktiv ul a { background-image: none; border-bottom: 0; } ul .navAktiv ul a:hover { background-image: none; border-bottom: 0; } #navigation ul ul .navAktiv a { background-image: none; border-bottom: 0; color: #E00106; font-weight: bold; letter-spacing: 1px; } ul .navAktiv ul a:hover { background-image: none; border-bottom: 0; color: #E00106; font-weight: normal; } /* ***** diverses ******************************************************** */ .content { } .content h2 { color: #E00106; font-weight: bold; font-size: 14px; line-height: 130%; letter-spacing: 1px; padding: 2px 0 2px 0; margin: 0; } .content h3 { color: black; font-weight: bold; font-size: 13px; line-height: 130%; letter-spacing: 0px; padding: 2px 0 2px 0; margin: 0; } .content p { color: black; font-size: 11px; line-height: 140%; padding: 4px 0; margin: 0; } .content p { } .content p.indent { padding: 0 0 8px 25px; } .content ul, .content ol { padding: 0 0 4px 35px; margin: 0; } .content a { color: #444; border-bottom: 1px dotted #E00106; text-decoration: none; } .content ul a, .content ol a { } .content a:hover, .content a:focus { color: black; border-bottom: 1px solid #E00106; text-decoration: underline; } .content img { padding: 0; border: 2px solid #CCC; margin: 4px 0; } .content .headline img { border: 0; margin: 0; padding: 0; } .content img.noborder { border: 0; } .artikel { padding: 5px 0 14px 0; margin: 0 0 10px 0; border-bottom: 3px double #CCC; } .newsH { font-weight: bold; padding: 4px 0; margin: 0; font-size: 11px; } .content .newsH p { padding: 0; } #enterNL { position: absolute; position: fixed; top: 527px; left: 240px; width: 175px; height: 45px; z-index: 10; } #enterDE { position: absolute; position: fixed; top: 527px; left: 610px; width: 150px; height: 45px; z-index: 10; } /* ***** standards ******************************************************* */ small { font-size: 10px; } u { color: #E00106; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; } u span { letter-spacing: 0px; text-transform: none; } /* ***** 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; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 12-03-2006 martin niggemann, www.weltrettung.org **************** */