/** * ---------------------------------------------------------- * 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; } 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; } .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:auto; text-align:left; font-size:0.8em; line-height:1.4em; } #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; } .gelb { } #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: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;} .wett_img { margin-top: 12px;} #zweispalt_li { width:330px; margin:0 15px 0 0; float:left;} #zweispalt_re { width:330px; margin:0 0 0 345px;} .person { width:320px; height: 89px; } .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:auto; margin:0 10px 0 0;padding:0; border:0; } .left img { vertical-align:top; } .right { float:left; width:230px; height:auto;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 0 0 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;} #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; padding:0; margin: 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 0 0 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 0; width:150px; } .abo_l { width:198px;border: 1px solid #ccc; background-color:#FFF;height:16px;font-size:1em;padding:0;margin:0;} .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 { margin-top:100px;position:relative !important; float: left !important; width:790px; height:auto !important; text-align:left; font-size:0.9em; line-height:1.3em; border:1px solid #ccc; border-top:0; background-color:#FFF; } #shadow { position:absolute; top:140px; left:100px; width:800px; height:auto !important; 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 {cursor:pointer; } .scrl { overflow:visible; height: auto !important } #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; } #hefttitel img { cursor:pointer; width:10px; height:9px;} /* Dunkle Flaeche: #999999, Helle Flaeche: #EEEEEE, Gelbe Flaeche: #F8ED51 */