/** * ---------------------------------------------------------- * Copyright (c) 2007 KLIK! Klein Informatik * www.klik-info.ch rklein@klik-info.ch * ---------------------------------------------------------- * * KLIK! CMS * * Dieses CMS darf nicht in Projekten verwendet werden, die * faschistisches, rassistisches, sexistisches oder * fanatisch-religioeses Gedankengut propagieren. * * @author Roger Klein * @copyright Lizenzfrei verwendbar in Kundenprojekten von KLIK! * "verwendbar" heisst: Der Code darf benutzt, jedoch * nur von KLIK! veraendert oder angepasst werden * Code-Anpassungen setzen entsprechende vertragliche * Regelungen voraus * Dies bezieht sich auf alle Dateien der Redaktionsumgebung * und des Webauftritts * * @version 1.1 | 2007-01-29 */ /*** HTML tags ***/ html, body { font: 100%/140% Arial, sans-serif; color:#444; } body { font-size: 0.98em; } html * { margin:0; } /* firefox */ html { overflow-x: auto; overflow-y: scroll; } *:focus { outline:none; } body { margin:6px 0 0 0; padding:0; border:0; text-align:center; height:100%; background-color:#ffffff; } select {outline: 0;} a, a:link, a:visited { color:#3B3B3B; text-decoration:underline; outline: 0;} a:hover { color: #0099CE; text-decoration:underline; } img { border:0; } form { margin:0; padding:0; } tr { vertical-align:top; } th { font-size: 0.9em; text-align:left;} table { border:0; padding:0; margin:0; border-spacing:1px; } td { padding-right: 4px; padding-top: 3px;} h3 { font-size:1.2em; font-weight:bold;line-height:1.3em; margin-bottom:3px; } /*** mainbox, navigation ***/ #canvas { width:926px; margin:auto; padding:0; background-color:#fff; text-align:left; font-size:0.9em;position:relative; } .logo { float:right; width:235px; height:60px; background: #fff; margin:0 20px 0 0; } .mainnav { width:400px; height:20px; margin:0; } .mainnav a { text-decoration:none; line-height:1em;cursor:pointer; } /***** ids *****/ #content { width:926px; height:415px; text-align:left; font-size:0.8em; line-height:1.4em; } #content.gelb { height:408px; } #footer { float:left; padding:0; margin:0; clear:both; width:897px; height:80px; text-align:left; font-size:0.8em; line-height:1em; } #sia_traces { float:left; width:173px; height:30px; margin:47px 0 0 2px;padding:0; } #banner { width:720px; height:50px; float:left; margin:30px 0 0 0; text-align: right; padding:0; } #banner img { margin-left: 40px; } #banner_rechts { position:absolute;top:4px;right:-130px; } .gelb { background: url(img/gelb_streifen.gif); background-repeat: repeat-y; } #col_li { float:left; width:207px; height:378px; margin: 5px 10px 0 0; } #col_li p { margin: 12px 0 0 0; } #col_li img.nav { margin: 0 0 13px 0; } #col_re { position: relative; top: 5px;left:0; width:706px; height:378px; overflow:auto; border:0; padding:0; margin:0; } #content_re { width:680px; border:0; padding:0; margin:0; } #col_1, #col_2, #col_3 { width: 220px; margin:0 10px 0 0;} #col_1, #col_2 { float:left;} #col_3 { width:220px; margin:0 0 12px 0px;float:left;} #col_3 p { width:216px; margin-top:11px;} #col_1 p { margin-top: 9px;} #col_2_3 { float:left; width:450px;padding:0;margin:0;border:0;} .wett_img { margin-top: 12px;} #zweispalt_li { width:330px; margin:0 15px 0 0; float:left;} #zweispalt_li td { border:0; margin:0; padding: 0 14px 4px 0; vertical-align:top;} #zweispalt_re { width:330px; margin:0 0 0 345px;} .person { width:320px; height: 89px; } .person2 { float:left; width:320px; height: 79px; } .person img { float: left; display: block; margin-right: 12px; } .person p { margin:0; line-height: 1.2em; } #zweispalt_li_breit { width:410px; margin:0 25px 0 0; float:left;} #zweispalt_re_schmal { width:240px; margin:0 0 0 435px;} /***** classes *****/ .blau { color: #0099CE; } .titel { font-size:1.2em; font-weight:bold; } .fett { font-weight:bold; } .absatz_nach_titel { margin-top: 4px; } .kurz_absatz {width: 430px; line-height:1.3em;} .lang_absatz {width: 650px; line-height:1.3em; margin-bottom:4px; margin-top:0; } .left { float:left; width:440px; height:375px; margin:0 10px 0 0;padding:0; border:0; } .left img { vertical-align:top; } .right { float:left; width:230px; height:375px;margin:0; padding:0;border:0; } .right p { width:215px; } .thumb { display:block; float:left; width:75px; padding:0; margin:0 10px 4px 0; border:0; color:#000; height:122px; } .thumb img { margin:0 0 -1px 0; padding:0; } .unav { margin: 0 0 5px 16px; display:block; } #titelbild_gross { float:left; margin:0 10px 0 0;width:250px; padding:0; } #thumbnails {float:left; margin:0;width:170px; padding:0;} .thumb div { margin:0; padding:0; border:0; } .thleg { border:0;margin:0;padding:0; } .phome { margin-top: 8px; } .col_1_breit { width:245px; padding:0; margin:0 15px 0 0; float:left; } .col_2_3_schmal { width:420px; margin:0; padding:0;float:left; } .col_2_3_schmal p { margin-bottom:9px;width:410px; } .col_2_schmal { width:203px; margin:0 14px 0 0; float:left; padding:0; } .col_3_schmal { width:200px; margin:0; float:left; padding: 0; } .stripe_event { background: url(img/schraff10.gif); background-repeat:repeat-x; height:10px; width:678px; display:block; margin:3px 0 9px 0; padding:0; } .event { clear:both; margin: 3px 0 0 0; float:left; padding:0; width:680px;} .start_event { clear:both; margin: 3px 0 0 0; float:left; padding:0;} .spacer { width: 420px; height:5px; clear:both;} .formbox { width:207px; height:auto; background-color:#EEE; padding:0; margin:0 0 16px 0; border:0; } .formbox form { margin:0; padding: 6px 3px; color:#000; border:0;} .formbox input { margin:3px 0 5px 0; padding:0 0 0 3px; height:16px; width:155px; border: 1px solid #ccc; font-size:1em; } .formboxlabel { margin:4px 0 0 3px; padding:0; line-height:0.9em; } .formbox select, .col1 select { margin:0; padding:0 0 2px 3px; width:158px; border: 1px solid #ccc; font-size:1em; } .formbox input.los, .col1 input.los { margin:3px 0 0 5px; height:18px; width:auto; border: 1px solid #ccc; background-color:#FFF; vertical-align:top; font-family:arial; font-size:11px; } select { padding:0 0 2px 3px; border: 1px solid #ccc;} .archiv_selector_ausgabe_jahr { margin:0 0 12px;} .archiv_selector_ausgabe_jahr select { margin:0 8px 0 0; padding:0 0 2px 1px; border: 1px solid #ccc; font-size:1em; } #form_dunkelgrau { background-color:#aaa;height:300px;width:220px;color:#fff;padding:0;border:0;margin:0;} #form_gelb { background-color:#d4cd7d;height:300px;width:220px;color:#333;padding:0;border:0;margin:0;} #form_innerdiv { height:292px;width:210px; margin:0; padding: 4px 5px; border:0; float:left;text-align:left; } #form_innerdiv p { margin:0; } #form_innerdiv p.ff { margin-top:12px; } #form_innerdiv select { margin:0; padding:0 0 2px 3px; width:204px; border: 1px solid #ccc; font-size:1em; } #form_innerdiv p.preis { margin-top:12px;font-size: 1.5em; font-weight:bold; } p.erste { margin:12px 0 0; width:150px; } .abo_l, .abo_lta { width:198px;border:1px solid #ccc; background-color:#FFF;height:16px;font-size:1em; padding:0;margin:0;} .abo_lta {height:44px;font-family:"Lucida Grande", -moz-use-system-font;font-size:11.3px;margin-bottom:6px;} .fff, #col3 p.fff { margin-top:6px; width:150px;} .wettbewerb { /*background-color:#FFFF8F;*/ } .stripe_wett { background: url(img/schraff10.gif); background-repeat:repeat-x; height:10px; width:678px; /*width:100%;*/ display:block; margin:0; padding:0; } /***** archivdetail *****/ #archivdetail { position:absolute; top:140px; left:100px; width:790px; height:435px; text-align:left; font-size:0.9em; line-height:1.3em; border:1px solid #ccc; border-top:0; background-color:#FFF;z-index:1000; } #shadow { position:absolute; top:140px; left:100px; width:800px; height:445px; background:url(shadow.png);z-index:990; } .stripe { clear:both; background: url(img/schraff10.gif); background-repeat:repeat-x; height:10px; width:900px; margin:0; padding:0; border:0; } .stripe_unten { clear:both; background: url(img/schraff10.gif); background-repeat:repeat-x; height:10px; width:900px; margin:0 0 1px 0; padding:0; border:0; } .ausdtl, #anmelden {cursor:pointer; } #anmelden,#anmelden2 { height:22px;width:90px;margin:0 14px 18px -1px; } .logmsg { color:#BE2124;} #login_eabo,#login_eabo2,#login_eabo3 {position:absolute;z-index:300;top:105px;right:150px;width:260px;height:248px;} #login_eabo3 {font-size:1.13em;top:70px;right:310px;} #loginschliessen,#loginschliessen2 {float:right;padding:9px;cursor:pointer;} #eabouser,#eabouser2 { width:220px;margin:0 0 8px -1px; } #eabopw,#eabopw2 {width:220px;margin:0 0 14px -1px; } #login_eabo p,#login_eabo2 p,#login_eabo3 p { margin:0 10px 10px;font-size:0.9em; } #login_msg { margin-top:8px;color:green;font-weight:400;} .pdf, .pdfi {margin:0 0 -1px 14px;cursor:pointer;} .stellen_pdf { display:block;float:right;margin:1px 4px; } #login_link, .ganzes_heft { background: url(img/gelb_streifen.gif); background-repeat: repeat-y;padding:1px 4px 1px 5px;text-decoration:none;border:1px solid #ccc; } .ganzes_heft { padding:2px 4px 2px 5px;} a.ganzes_heft { text-decoration:none; } #archivdetail p.lt { width:438px; margin:0 0 10px 15px;font-size:0.8em; line-height: 1.2em;} a.archivtoggle, a:link.archivtoggle, a:visited.archivtoggle { color:#0099CE; font-weight:bold; text-transform:uppercase; text-decoration:none;font-size:0.9em; } a:hover.archivtoggle { color:#000; } .nzg { display:none;} #hefttitel img { cursor:pointer; width:10px; height:9px;} /* Dunkle Flaeche: #999999, Helle Flaeche: #EEEEEE, Gelbe Flaeche: #F8ED51 */