/* ***** ein schickes stylesheet fuer G U T H U E G L E ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** modified: mb, 2009-11-24 mn, 2010-06-23 */ /* ***** die farben: ************ primaer * sekundaer ******************** 1 .blau - gut huegle - #06C; - #9CF; 2 .gruen - kaffeewirtschaft - #090; - #9C3; 3 .dviolett - firmenevents - #606; - #939; 4 .orange - ferienwohnungen - #F93; - #FC0; 5 .beige - aktivurlaub - #663; - #996; 6 .rot - kirschgarten - #C00; - #F00; 7 .gelb - maislabyrinth - #FC3; - #FF6; 8 .violett - abenteuerscheune - #C09; - #F6C; 9 .dgruen - discgolf - #066; - #099; (#6CC;) 10 .braun - shop - #C96; - #C93; .grau - footernavi - #666; - #999; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { } body { /* overflow: scroll; */ padding: 0; margin: 0; background: white; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: left; } #cache { position: absolute; top: -100px; left: -100px; width: auto; height: auto; z-index: -100; } #mantel { margin: 0 0 0 70px; padding: 0; width: 888px; text-align: left; } #mantelPad { margin: 0; padding: 0;} /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { } #links { float: left; width: 170px; overflow: hidden; } #mitte { float: left; width: 718px; overflow: hidden; } #rechts { float: right; width: 200px; overflow: hidden; } #unten { position: fixed; bottom: 0px; z-index: 10; margin: 0; padding: 0; width: 888px; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0 0 25px 0; } #linksPad { margin: 0; padding: 0 0 65px 0; text-align: left; } #mittePad { margin: 0; padding: 0 0 65px 12px; text-align: left; } #rechtsPad { margin: 2px; padding: 0; text-align: left; background: #99CCFF; } #untenPad { margin: 0; padding: 2px 0; text-align: center; background: white; } /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ #navigation { width: 155px; margin: 0 0 10px 0; padding: 5px 0 0 0; } #navigation ul { list-style-type: none; font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 160%; letter-spacing: 1px; margin: 0; padding: 0; } #navigation a { width: 99%; display: block; border-left: 4px solid #666; padding: 2px 0 0 10px; margin: 4px 0; background-color: none; color: #666; text-decoration: none; } #navigation ul ul { text-transform: none; } #navigation ul ul a { padding: 2px 0 2px 20px; } #navigation ul ul ul a { padding: 2px 0 2px 35px; } #navigation a:hover, #navigation a:focus { } /* navi ausgewaehlt: */ /* #navigation ul a.navAktiv { color: #9CF; border-left: 4px solid white; } */ #navigation li li a { color: #999; border-left: 4px solid white; } #navigation li li a.navAktiv { color: #666; } /* a.navAktiv:hover { cursor: default; } */ /* 1 .blau - gut huegle */ #navigation li#nav17 a { border-color: #06C; } #navigation li#nav17 a:hover { color: #06C; } #navigation li#nav17 a.navAktiv { color: #06C; border-left: 4px solid white; } #navigation li#nav17 li a { color: #9CF; border-left: 4px solid #06C; } #navigation li#nav17 li a.navAktiv { color: #06C; border-left: 4px solid white; } #navigation li#nav17 li li a { border-left: 4px solid white; } #navigation li#nav17 li li a.navAktiv { border-left: 4px solid white; } /* 2 .gruen - kaffeewirtschaft */ #navigation li#nav94 a { border-color: #090; } #navigation li#nav94 a:hover { color: #090; } #navigation li#nav94 a.navAktiv { color: #090; border-left: 4px solid white; } #navigation li#nav94 li a { color: #9C3; border-left: 4px solid #090; } #navigation li#nav94 li a.navAktiv { color: #090; border-left: 4px solid white; } #navigation li#nav94 li li a { border-left: 4px solid white; } #navigation li#nav94 li li a.navAktiv { border-left: 4px solid white; } /* 3 .dviolett - firmenevents */ #navigation li#nav102 a { border-color: #606; } #navigation li#nav102 a:hover { color: #606; } #navigation li#nav102 a.navAktiv { color: #606; border-left: 4px solid white; } #navigation li#nav102 li a { color: #939; border-left: 4px solid #606; } #navigation li#nav102 li a.navAktiv { color: #606; border-left: 4px solid white; } #navigation li#nav102 li li a { border-left: 4px solid white; } #navigation li#nav102 li li a.navAktiv { border-left: 4px solid white; } /* 4 .orange - ferienwohnungen */ #navigation li#nav16 a { border-color: #F93; } #navigation li#nav16 a:hover { color: #F93; } #navigation li#nav16 a.navAktiv { color: #F93; border-left: 4px solid white; } #navigation li#nav16 li a { color: #FC0; border-left: 4px solid #F93; } #navigation li#nav16 li a.navAktiv { color: #F93; border-left: 4px solid white; } #navigation li#nav16 li li a { border-left: 4px solid white; } #navigation li#nav16 li li a.navAktiv { border-left: 4px solid white; } /* 5 .beige - aktivurlaub */ #navigation li#nav15 a { border-color: #663; } #navigation li#nav15 a:hover { color: #663; } #navigation li#nav15 a.navAktiv { color: #663; border-left: 4px solid white; } #navigation li#nav15 li a { color: #996; border-left: 4px solid #663; } #navigation li#nav15 li a.navAktiv { color: #663; border-left: 4px solid white; } #navigation li#nav15 li li a { border-left: 4px solid white; } #navigation li#nav15 li li a.navAktiv { border-left: 4px solid white; } /* 6 .rot - kirschgarten */ #navigation li#nav14 a { border-color: #C00; } #navigation li#nav14 a:hover { color: #C00; } #navigation li#nav14 a.navAktiv { color: #C00; border-left: 4px solid white; } #navigation li#nav14 li a { color: #F00; border-left: 4px solid #C00; } #navigation li#nav14 li a.navAktiv { color: #C00; border-left: 4px solid white; } #navigation li#nav14 li li a { border-left: 4px solid white; } #navigation li#nav14 li li a.navAktiv { border-left: 4px solid white; } /* 7 .gelb - maislabyrinth */ #navigation li#nav13 a { border-color: #FC3; } #navigation li#nav13 a:hover { color: #FC3; } #navigation li#nav13 a.navAktiv { color: #FC3; border-left: 4px solid white; } #navigation li#nav13 li a { color: #FC3; border-left: 4px solid #FC3; } #navigation li#nav13 li a.navAktiv { color: #FC3; border-left: 4px solid white; } #navigation li#nav13 li li a { border-left: 4px solid white; } #navigation li#nav13 li li a.navAktiv { border-left: 4px solid white; } /* 8 .violett - abenteuerscheune */ #navigation li#nav12 a { border-color: #C09; } #navigation li#nav12 a:hover { color: #C09; } #navigation li#nav12 a.navAktiv { color: #C09; border-left: 4px solid white; } #navigation li#nav12 li a { color: #F6C; border-left: 4px solid #C09; } #navigation li#nav12 li a.navAktiv { color: #C09; border-left: 4px solid white; } #navigation li#nav12 li li a { border-left: 4px solid white; } #navigation li#nav12 li li a.navAktiv { border-left: 4px solid white; } /* 9 .dgruen - discgolf */ #navigation li#nav110 a { border-color: #066; } #navigation li#nav110 a:hover { color: #066; } #navigation li#nav110 a.navAktiv { color: #066; border-left: 4px solid white; } #navigation li#nav110 li a { color: #099; border-left: 4px solid #066; } #navigation li#nav110 li a.navAktiv { color: #066; border-left: 4px solid white; } #navigation li#nav110 li li a { border-left: 4px solid white; } #navigation li#nav110 li li a.navAktiv{ border-left: 4px solid white; } /*10 .braun - shop */ #navigation li#nav11 a { border-color: #C96; } #navigation li#nav11 a:hover { color: #C96; } #navigation li#nav11 a.navAktiv { color: #C96; border-left: 4px solid white; } #navigation li#nav11 li a { color: #C93; border-left: 4px solid #C96; } #navigation li#nav11 li a.navAktiv { color: #C96; border-left: 4px solid white; } #navigation li#nav11 li li a { border-left: 4px solid white; } #navigation li#nav11 li li a.navAktiv { border-left: 4px solid white; } /* ***** diverses ******************************************************** */ /* headlines in wechselnden farben */ #content h1,#links h1 { color: #666; font-weight: normal; text-transform: lowercase; font-size: 36px; font-family: "Helvetica Neue Light",Helvetica,Arial,sans-serif; line-height: 150%; letter-spacing: 2px; padding: 0 0 0 12px; margin: 0 0 25px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; } .blau #content h1 { color: #06C; } .orange #content h1 { color: #F93; } .beige #content h1 { color: #663; } .rot #content h1 { color: #C00; } .gelb #content h1 { color: #FC3; } .gruen #content h1 { color: #090; } .violett #content h1 { color: #C09; } .dviolett #content h1 { color: #606; } .dgruen #content h1 { color: #066; } .braun #content h1 { color: #C96; } .grau #content h1 { color: #666; } /* bildspalten in wechselnden farben .blau #contentBild { background-color: #9CF; } .orange #contentBild { background-color: #FC0; } .gruen #contentBild { background-color: #9C3; } .rot #contentBild { background-color: #F00; } .gelb #contentBild { background-color: #FF6; } .violett #contentBild { background-color: #F6C; } .braun #contentBild { background-color: #C96; } .grau #contentBild { background-color: #999; } */ /* verschiedenfarbige teaser - angelegt in T3 als rahmen > root-seite > seiteneigenschaften > TSconfig: (root = alias > erlebnisbauernhof ) 201 = blau - Gut Hügle 202 = orange - Ferienwohnungen 203 = beige - Aktivurlaub 204 = rot - Kirschgarten 205 = gelb - Maislabyrinth 206 = grün - Kaffeeswirtschaft 207 = violett - Abenteuerscheune 208 = braun - Shop 209 = grau 210 = dviolett - Firmenevents */ /* startseitenteaserrahmen in wechselnden farben */ .rahmen201 { width: 346px; border: 1px solid #06C; margin: 0 0 12px 0; } .rahmen202 { width: 346px; border: 1px solid #F93; margin: 0 0 12px 0; } .rahmen203 { width: 346px; border: 1px solid #663; margin: 0 0 12px 0; } .rahmen204 { width: 346px; border: 1px solid #C00; margin: 0 0 12px 0; } .rahmen205 { width: 346px; border: 1px solid #FC3; margin: 0 0 12px 0; } .rahmen206 { width: 346px; border: 1px solid #090; margin: 0 0 12px 0; } .rahmen207 { width: 346px; border: 1px solid #C09; margin: 0 0 12px 0; } .rahmen208 { width: 346px; border: 1px solid #C96; margin: 0 0 12px 0; } .rahmen209 { width: 346px; border: 1px solid #666; margin: 0 0 12px 0; } .rahmen210 { width: 346px; border: 1px solid #606; margin: 0 0 12px 0; } /* startseitenteaserheadlines in wechselnden farben */ .rahmen201 h4 { color: #06C; } .rahmen202 h4 { color: #F93; } .rahmen203 h4 { color: #663; } .rahmen204 h4 { color: #C00; } .rahmen205 h4 { color: #FC3; } .rahmen206 h4 { color: #090; } .rahmen207 h4 { color: #C09; } .rahmen208 h4 { color: #C96; } .rahmen209 h4 { color: #666; } .rahmen210 h4 { color: #606; } /* startseitenteaserlinks in wechselnden farben */ .grau #content .rahmen201 a { color: #06C; border: 0; } .grau #content .rahmen202 a { color: #F93; border: 0; } .grau #content .rahmen203 a { color: #663; border: 0; } .grau #content .rahmen204 a { color: #C00; border: 0; } .grau #content .rahmen205 a { color: #FC3; border: 0; } .grau #content .rahmen206 a { color: #090; border: 0; } .grau #content .rahmen207 a { color: #C09; border: 0; } .grau #content .rahmen208 a { color: #C96; border: 0; } .grau #content .rahmen209 a { color: #666; border: 0; } .grau #content .rahmen210 a { color: #606; border: 0; } /* alle links in wechselnden farben */ #content a { text-decoration: none; border-bottom: 1px solid #9CF; color: #06C; } .blau #content a { border-bottom: 1px solid #9CF; color: #06C; } .orange #content a { border-bottom: 1px solid #FC0; color: #F93; } .beige #content a { border-bottom: 1px solid #996; color: #663; } .rot #content a { border-bottom: 1px solid #F00; color: #C00; } .gelb #content a { border-bottom: 1px solid #FF6; color: #FC3; } .gruen #content a { border-bottom: 1px solid #9C3; color: #090; } .violett #content a { border-bottom: 1px solid #F6C; color: #C09; } .dviolett #content a { border-bottom: 1px solid #939; color: #606; } .dgruen #content a { border-bottom: 1px solid #099; color: #066; } .braun #content a { border-bottom: 1px solid #C93; color: #C96; } .grau #content a { border-bottom: 1px solid #999; color: #666; } .blau #content dt a { border: 0; } .orange #content dt a { border: 0; } .beige #content dt a { border: 0; } .rot #content dt a { border: 0; } .gelb #content dt a { border: 0; } .gruen #content dt a { border: 0; } .violett #content dt a { border: 0; } .dviolett #content dt a { border: 0; } .dgruen #content dt a { border: 0; } .braun #content dt a { border: 0; } .grau #content dt a { border: 0; } #oben a img { margin: 0 12px 0 0; } #content h2 { color: #999; font-weight: bold; font-size: 14px; font-family: Arial,Helvetica,sans-serif; line-height: 150%; padding: 5px 0; margin: 0; } #content h3 { color: #999; font-weight: bold; font-size: 14px; font-family: Arial,Helvetica,sans-serif; line-height: 150%; padding: 5px 0; margin: 0; } #content p, #content dd, #content form { color: #666; font-size: 12px; line-height: 150%; padding: 0 0 8px 0; margin: 0; } #content p.indent { padding: 0 0 8px 25px; } #content p a:hover, #content p a:focus, #content td a:hover, #content td a:focus { text-decoration: underline; } #content ul, #content ol { padding: 4px 0 4px 25px; margin: 0; color: #666; line-height: 150%; } #content ol li { padding: 0 0 4px 0; margin: 0; } #content ul li { padding: 1px 0; margin: 0; } /* startseite */ #content .teaserRahmen { height: 93px; width: 345px; overflow: hidden; } #content .teaser { float: left; padding: 10px 0 0 14px; width: 150px; } #content .teaser h4 { white-space: nowrap; font-size: 12px; line-height: 150%; padding: 0; margin: 0; text-transform: uppercase; letter-spacing: 0px; font-weight: bold; } #content .teaser p { padding: 2px 0; line-height: 150%; } #content .teaserBild { float: right; width: 168px; } #content .teaserBild img { position: static; margin: 0; padding: 0; } #content #teaserTDlinks { padding: 0 12px 0 0; } /* tabellen + bilder */ #content img { margin: 3px 5px; } #content img.noborder { border: 1px solid white; } #content dt img { margin: 0 5px 3px 0; } /* MH: hinzugefuegt: color: #666; font-size: 12px; line-height: 150%; */ #content td { color: #666; font-size: 12px; line-height: 150%; padding: 0; margin: 0; vertical-align: top; } #content td img { position: relative; padding: 0; border: 0; margin: 0; } #content table { padding: 0; margin: 0; width: 100%; } #content table table { border-collapse: collapse; width: 95%; } #content table#xxxo td#contentBild { width: 168px; } #content table#xxxo td#contentBild img { border-bottom: 12px solid white; } #content table#xxxo td p { padding: 4px 12px 4px 0; } #content table#xxxo table { margin: 10px 10px 10px 0; padding: 0; } #content table#xxoo td#contentBild { width: 348px; } #content table#xxoo td#contentBild div.bildspalte { width:360px; margin-right:-12px; } #content table#xxoo td#contentBild img { border-bottom: 12px solid white; border-right: 12px solid white; position: relative; margin: 0; } #content table#xxoo td p { padding: 4px 12px 4px 0; } #content table#xxoo table { margin: 10px 10px 10px 0; padding: 0; } #content table#ooxx td#contentBild { width: 348px; } #content table#ooxx td#contentBild div.bildspalte { width:360px; margin-right:-12px; } #content table#ooxx td#contentBild img { border-bottom: 12px solid white; border-right: 12px solid white; position: relative; margin: 0; } #content table#ooxx td p { padding: 4px 0 4px 12px; } #content table#ooxx table { margin: 10px 0 10px 10px; padding: 0; } #content table#oxxx td#contentBild { width: 168px; } #content table#oxxx td p { padding: 4px 0 4px 12px; } #content table#oxxx td#contentBild img { border-bottom: 12px solid white; } #content table#oxxx table { margin: 10px 0 10px 10px; padding: 0; } #unten p { margin: 2px 0; padding: 2px 0 2px 0; color: #999; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } #unten p a { color: #999; text-decoration: none; padding: 0 7px; } /* shop */ #content .shopMantel { } #content .shopBox { border: 1px solid #CCC; height: 168px; overflow: auto; margin: 0 0 12px 0; } #content .shopBox h2 { font-size: 13px; line-height: 140%; padding: 3px 0 0 0; } #content .shopBox p { font-size: 12px; line-height: 122%; padding: 4px 0 0 0; clear: right; } #content .shopBoxItem { } #content .shopBoxImg { float: left; } #content .shopBoxImg img { padding: 0; margin: 0; border: 0; width: 168px; height: 168px; } #content .shopBoxImg a { padding: 0; margin: 0; border: 0; cursor: default; } #content .shopBoxTxt { float: left; padding: 4px 12px; width: 450px; } #content .shopBoxPreis span { display: block; float: right; clear: all; width: 130px; padding: 1px 0 0 0; } #content input.qtyInput { text-align: right; } #content .cmrc_mb_container table { border-collapse: collapse; } #content .cmrc_mb_container th { border: 1px solid #DDD; border-bottom-color: #CCC; background: #EEE; font-weight: normal; color: #999; vertical-align: top; padding: 5px 5px 2px 5px; } #content .cmrc_mb_container td { vertical-align: middle; padding: 5px 5px 2px 5px; } #content .cmrc_mb_container td a { border: 0; } #content .cmrc_mb_container td a img{ border: 1px solid #DDD; background: #EEE; padding: 3px; } #content .cmrc_mb_container td a:hover img { border: 1px solid #AAA; } #content .cmrc_mb_container select { width: 160px; } tr.cmrc_ProdList2Container_uneven { background: #F9F9F9; border-bottom: 1px solid #EEE; } tr.cmrc_ProdList2Container_even { border-bottom: 1px solid #EEE; } tr.cmrcSumme { border-top: 3px double #DDD; border-bottom: 1px solid #EEE; font-weight: bold; } #content .cmrc_mb_container tr.cmrcUst td { padding: 0 5px 2px 5px; } #content .chkout_address_fields input { width: 162px; } #content .chkout_address_fields .address_item_name input { width: auto; } #content .chkout_address_submit input { width: 168px; letter-spacing: 1px; background: #FFF1C9; color: #777; margin: 15px 0; padding: 1px 0; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; cursor: pointer; } #content .chkout_address_label { float: left; clear: both; width: 168px; } #content .shopSubmit input { letter-spacing: 1px; background: #FFF1C9; color: #777; margin: 15px 0; padding: 1px 0; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; cursor: pointer; } #content input.shopBoxSubmit { letter-spacing: 1px; background: #FFF1C9; color: #777; padding: 1px 0; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; cursor: pointer; } #content .listingTxt { border-top: 3px double #DDD; border-bottom: 3px double #DDD; padding: 10px 0 0 0; margin: 4px 0 0 0; } #shopLeiste { color: white; text-align: right; height: 32px; background: #999; padding: 2px 20px 0 0; } #shopLeiste div { display: inline; } #shopLeiste a { /* color: #DDD; */ display: none; text-decoration: none; margin: 0 3px 0 0; } #shopLeiste a:hover { /* color: white; */ } #shopLeiste #shopStatus { line-height: 100%; float: left; margin: 0 0 0 182px; padding: 9px 0 0 0; } #shopLeiste #shopLogin { float: right; padding: 5px 0 0 0; } #shopLeiste input { line-height: 100%; color: #666; background: #BBB; border: 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px; } #shopLeiste input:hover { background: #EEE; color: #333; } #shopLeiste input:focus { background: #FFF; color: #333; } #shopLeiste input#shopBenutzername { width: 104px; padding: 2px 3px 1px 3px; margin: 0 5px 0 0; } #shopLeiste input#shopPasswort { width: 104px; padding: 2px 3px 1px 3px; margin: 0 2px 0 0; } #shopLeiste input#shopGo { cursor: pointer; background: #999; padding: 2px; margin: 0 0 0 0; color: #DDD; font-weight: bold; } .braun #shopLeiste { color: white; text-align: right; height: 32px; background: #999; padding: 2px 20px 0 0; } .braun #shopLeiste a { display: inline; color: white; text-decoration: none; margin: 0 3px 0 0; } .braun #shopLeiste input { line-height: 100%; color: #444; background: #CCC; border: 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px; } .braun #shopLeiste input:hover { background: #EEE; color: #333; } .braun #shopLeiste input:focus { background: #FFF; color: #333; } .braun #shopLeiste input#shopGo { cursor: pointer; background: #999; padding: 2px; margin: 0 0 0 0; color: white; font-weight: bold; } /* ***** standards ******************************************************* */ small { font-size: 10px; } .error { color: #DA4646; padding: 0 2px; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ fieldset { border: 0; margin: 0; padding: 0; } input, select, textarea { padding: 2px 3px; margin: 3px 0; background: #EEE; border: 1px solid #DDD; color: #555; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } textarea { width: 342px; height: 120px; } input:focus, select:focus, textarea:focus { background: #FFF; border: 2px solid #AAA; color: #333; padding: 1px 2px; } input:hover, select:hover, textarea:hover { border-color: #AAA; } label { color: #666; float: left; clear: both; width: 168px; } input.csc-mailform-submit { width: 168px; letter-spacing: 1px; background: #FFF1C9; color: #777; margin: 15px 0; padding: 1px 0; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; cursor: pointer; } #mailformbis, #mailformvom, #mailformTelefonNummer, #mailformFaxNummer, #mailformOrt, #mailformPLZ, #mailformStrasse, #mailformBetreff, #mailformfrom_name, #mailformfrom_email { width: 162px; } /* ***** social bookmarks ************************************************ */ #social { color: #555; border-top: 3px solid #999; padding: 13px 0 0 0; margin: 60px 0 0 0; } #social a { color: #3B5998; } .socialFrame { float: left; width: 122px; height: 23px; padding: 3px 0 0 0; } .socialMehr { float: left; width: 122px; height: 23px; padding: 5px 0 0 0; } .socialCam { float: left; width: 120px; height: 23px; padding: 2px 0 0 7px; font-size: 11px; } .socialNews { float:right; width: 281px; height: 23px; padding: 3px 0 0 0; } .socialCam img { padding: 1px; margin: 0; border: 1px solid #CCC; border-bottom-color: #999; vertical-align: -3px; line-height: 100%; } .submitButton { font-size: 11px; width: auto; padding: 1px 3px; margin: 0; cursor: pointer; } .textInput { font-size: 11px; width: 104px; padding: 1px 3px; margin: 0px 5px 0px 0px; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 23-06-2010 martin niggemann, www.weltrettung.org **************** */