/*EDIT div {position:absolute;}div{border:1px solid red;} textarea {width:100%;height:100%;}*/ /*PUP*/ body {margin:0px;font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;} table{margin:20px 20px 20px 20px;} span.k{color:red;} span.i{color:#02c402;} span.d{color:blue;} span.s{color:magenta;} /*Start grund*/ div.maintextbg {position:absolute;top:196px;left:307px;width:528px;height:452px;background : transparent url("../Bilder/Start_stext_m.gif") no-repeat top;z-index:70;} div.maintext {position:absolute;top:216px;left:317px;width:500px;height:412px;z-index:71;overflow:auto;} div.maintext h1 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:40px 20px 10px 20px;} div.maintext h2 {font:bold 13px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:35px 20px 10px 20px;} div.maintext h3 {font:bold 12px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:30px 20px 10px 20px;} div.maintext p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:10px 20px 10px 20px;} div.maintext img {margin:10px 20px 10px 20px;} div.maintext table {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:5px 20px 5px 20px;} div.maintext table th{padding:2px 35px 0px 15px;vertical-align:top;text-align:left;} div.maintext table td {padding:2px 35px 0px 15px;vertical-align:top;text-align:left;} div.maintext div.kalenderrahmen {border-top:3px solid #8200c3;margin:10px 0px 30px 20px;width:440px;} div.maintext table .x{color:#8200c3;margin:0px 0px 0px 0px;padding:2px 5px 0px 0px;background-color:white;} div.maintext table td .x, div.maintext table th .x {text-align:left;vertical-align:top;} div.maintext table th .x {white-space:nowrap;} div.maintext .txt {font:12px/12px comic sans ms, Arial, Helvetica, sans-serif;width:140px;} div.maintext textarea {width:140px;height:100px;} div.maintext select{font:12px/12px comic sans ms, Arial, Helvetica, sans-serif;} div.maintext p:first-letter { font-size:140%;font-weight:bold; color:red; } /*Start*/ div.divh1 {position:absolute;top:196px;left:307px;background : transparent url("../Bilder/Start_H1.gif") no-repeat top;width:674px;height:147px;z-index:85;} div.divh1 h1 {color:#84C225;font:40px/48px comic sans ms, Arial, Helvetica, sans-serif;text-align: right;margin:35px 50px 0px 0px;} div.stextbg {position:absolute;top:250px;left:10px;background : transparent url("../Bilder/Start_tbg.gif") no-repeat top;width:258px;height:304px;z-index:80;} div.stext {position:relative;top:25px;left:10px;width:238px;height:234px;overflow:auto;} div.stext h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:20px 20px 10px 20px;} div.stext h3 {font:bold 13px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:15px 20px 10px 20px;} div.stext p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:10px 20px 10px 20px;} /*frosch*/ div.ftextlibg {position:absolute;top:169px;left:2px;background : transparent url("../Bilder/frosch_tbg_li.gif") no-repeat top;width:258px;height:394px;z-index:77;} div.ftextli {position:absolute;top:195px;left:15px;width:233px;height:344px;z-index:80;overflow:auto;} div.ftextli h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;} div.ftextli h3 {font:bold 13px/16px comic sans ms, Arial, Helvetica, sans-serif;} div.ftextli p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:20px 5px 20px 5px;cursor:pointer;} div.ftextli p:first-letter { font-size:140%;font-weight:bold; color:#02c402; } div.ftextli h3:first-line {color:#02c402;} div.fbilderfg{position:absolute;top:329px;left:275px;width:400px;height:278px;z-index:72;} div.fbilder {position:absolute;top:310px;left:272px;width:400px;height:278px;z-index:71;} #Bildbereich { position:absolute; left:20px; top:25px; padding:0; clip:rect(0 400px 270px 0); visibility:show;overflow:hidden; } .Bildbereich { position:absolute; left:20px; top:25px; padding:0; clip:rect(0 400px 270px 0); visibility:show; overflow:hidden;} div.fbilderbg {position:absolute;top:329px;left:275px;width:400px;height:278px;z-index:70;} div.ftextrebg {position:absolute;top:220px;left:725px;background : transparent url("../Bilder/frosch_tbg_re.gif") no-repeat top;width:265px;height:360px;z-index:81;} div.ftextre {position:absolute;top:245px;left:740px;width:240px;height:310px;z-index:83;overflow:auto;} div.ftextre h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;} div.ftextre h3 {font:bold 13px/16px comic sans ms, Arial, Helvetica, sans-serif;} div.ftextre p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:20px 5px 20px 5px;cursor:pointer;} div.ftextre p:first-letter {font-size:140%;font-weight:bold; color:#02c402;} div.ftextre h3:first-line {color:#02c402;} /*libelle*/ div.ltextlibg {position:absolute;top:189px;left:20px;background : transparent url("../Bilder/libelle_tbg_li.gif") no-repeat top;width:258px;height:394px;z-index:77;} div.ltextli {position:relative;top:5px;left:10px;width:238px;height:264px;z-index:80;overflow:auto;} div.ltextli h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:25px 5px 10px 15px;} div.ltextli p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:20px 5px 20px 5px;} div.ltextli ul{margin-top:10px;list-style-image:url("../Bilder/listpoint.gif");} div.ltextli li{font:bold 13px/19px comic sans ms, Arial, Helvetica, sans-serif;/**/list-style-type:none;list-style-position:outside;white-space:nowrap;} div.ltextli li ul{margin-top:5px;margin-bottom:10px;margin-left:10px;padding:0px;} div.ltextli li ul li{margin-left:0px;} div.ltextm p:first-letter { font-size:140%;font-weight:bold; color:blue; } div.ltextmbg {position:absolute;top:193px;left:350px;background : transparent url("../Bilder/libelle_tbg_m.gif") no-repeat top;width:422px;height:485px;z-index:77;} div.ltextm {position:relative;top:25px;left:10px;height:425px;width:400px;overflow:auto;} div.ltextm h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;} div.ltextm p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:20px 5px 20px 5px;} div.ltextm img {float:right;margin:20px 5px 20px 5px;} div.ltextrebg {position:absolute;top:265px;left:745px;background : transparent url("../Bilder/libelle_tbg_re.gif") no-repeat top;width:265px;height:380px;z-index:74;} div.ltextre {position:relative;top:25px;left:30px;width:220px;height:325px;z-index:75;overflow:auto;} div.ltextre h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:10px 5px 20px 5px;} div.ltextre p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:10px 5px 20px 5px;} /*libelle bilder*/ div#lbilder{background : transparent;position:absolute;top:188px;left:308px;width:672px;height:500px;z-index:77;} div.lbilderbg2{position:relative;top:20px;left:20px;width:100%;height:100%;background : transparent url("../Bilder/libelle_bbg_ur.gif") no-repeat bottom right;} div.lbildercont{position:absolute;height:100%;width:100%;overflow:auto;}/**/ /*Biene list-style-type:none; */ div.btextlibg {position:absolute;top:227px;left:45px;background : transparent url("../Bilder/biene_tbg_li.gif") no-repeat top;width:258px;height:304px;z-index:77;} div.btextli {position:relative;top:5px;left:10px;width:238px;height:264px;z-index:80;overflow:auto;} div.btextli h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:25px 5px 10px 15px;} div.btextli p {font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;margin:20px 5px 20px 5px;} div.btextli p:first-letter { font-size:140%;font-weight:bold; color:magenta; } div.btextli ul{margin-top:10px;list-style-image:url("../Bilder/listpoint.gif");} div.btextli li{font:bold 13px/19px comic sans ms, Arial, Helvetica, sans-serif;list-style-position:outside;white-space:nowrap;} div.btextli li ul{margin-top:5px;margin-bottom:10px;margin-left:10px;padding:0px;} div.btextli li ul li{margin-left:0px;} div.btextmbg {position:absolute;top:303px;left:270px;background : transparent url("../Bilder/biene_tbg_m.gif") no-repeat top;width:533px;height:370px;z-index:75;} div.btextm {position:relative;top:25px;left:10px;height:325px;width:380px;overflow:auto;} div.btextm h2 {font:bold 14px/16px comic sans ms, Arial, Helvetica, sans-serif;} /*div.btextmc{position:absolute;top:30px;}*/ div.btextmc td, div.btextmc p{font:12px/14px comic sans ms, Arial, Helvetica, sans-serif;color:#8200c3;margin:0px 0px 0px 0px;padding:2px 5px 0px 0px;background-color:white;} div.btextmc p{margin:20px 0px 0px 20px;padding:2px 5px 0px 20px;background-color:white;} /*Navigation*/ /*div.logo {position:absolute;top:6px;left:58px;width:400px;height:123px;background:transparent url("../Bilder/Logo_heide-KIDS.gif") no-repeat top;z-index:99;cursor:pointer;}*/ div.logo {position:absolute;top:6px;left:58px;width:400px;height:123px;background:transparent url("../Bilder/logo_heide-kids-neu.gif") no-repeat top;z-index:99;cursor:pointer;} /* div#l0{position:absolute;top:116px;left:88px;width:300px;height:430px;background:transparent url("../Bilder/bg_nav1.gif") no-repeat 25px 0px;z-index:98;visibility:hidden;} */ div#l0{position:absolute;top:116px;left:88px;width:300px;height:440px;background:transparent url("../Bilder/bg_nav1neu.gif") no-repeat 25px 0px;z-index:98;visibility:hidden;} div#l0 ul{margin-top:90px;} div#l0 li{font:bold 13px/19px comic sans ms, Arial, Helvetica, sans-serif;list-style-type:none;list-style-position:outside;white-space:nowrap;} div#l0 li ul{margin-top:5px;margin-bottom:10px;margin-left:10px;padding:0px;} div#l0 li ul li{margin-left:0px;} div.logo_frosch{position:absolute;top:26px;left:495px;background : transparent url("../Bilder/Logo_Frosch.gif") no-repeat top;width:132px;height:101px;z-index:197;cursor:pointer;} div#l1 ul{margin-top:5px;} div#l1 {position:absolute;top:116px;left:460px;width:200px;height:300px;/*background:transparent url("../Bilder/bg_nav2.gif") no-repeat 10px 0px;*/z-index:196;visibility:hidden;padding-top:50px;} div.l1top{position:absolute;top:0px;left:0px;width:200px;height:50px;background:transparent url("../Bilder/bg_nav2_top.gif") no-repeat 10px 0px;} div.l1middel{position:absolute;top:50px;left:0px;width:200px;height:283px;background:transparent url("../Bilder/bg_nav2_middel.gif") repeat-y 10px 0px;} div.l1bottom{position:absolute;top:333px;left:0px;width:200px;height:17px;background:transparent url("../Bilder/bg_nav2_bottom.gif") no-repeat 10px 0px;} /*div#nav2 ul{margin-top:100px;}*/ div#l1 li{font:bold 12px/19px comic sans ms, Arial, Helvetica, sans-serif;list-style-type:none;list-style-position:outside;} div#l1 p{font:bold 12px/13px comic sans ms, Arial, Helvetica, sans-serif;margin:0px 10px 0px 25px;} div.logo_libelle{position:absolute;top:26px;left:665px;background : transparent url("../Bilder/Logo_Libelle.gif") no-repeat top;width:132px;height:101px;z-index:195;cursor:pointer;} div#l2 {position:absolute;top:116px;left:620px;width:200px;height:250px;background:transparent url("../Bilder/bg_nav3.gif") no-repeat 10px 0px;z-index:194;visibility:hidden;padding-top:50px;} /*div#nav3 ul,div#nav3 p{margin-top:50px;}*/ div#l2 ul{margin-top:5px;} div#l2 li{font:bold 12px/19px comic sans ms, Arial, Helvetica, sans-serif;list-style-type:none;list-style-position:outside;white-space:nowrap;} div#l2 p{font:bold 12px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:0px 10px 0px 25px;} div.logo_biene{position:absolute;top:26px;left:835px;background : transparent url("../Bilder/Logo_Biene.gif") no-repeat top;width:132px;height:101px;z-index:193;cursor:pointer;} div#l3 {position:absolute;top:116px;left:805px;width:200px;height:250px;background:transparent url("../Bilder/bg_nav4.gif") no-repeat 10px 0px;z-index:192;visibility:hidden;padding-top:50px;} /*div#nav4 p{margin-top:390px;}*/ div#l3 ul{margin-top:5px;} div#l3 li{font:bold 12px/19px comic sans ms, Arial, Helvetica, sans-serif;list-style-type:none;list-style-position:outside;white-space:nowrap;} div#l3 p{font:bold 12px/16px comic sans ms, Arial, Helvetica, sans-serif;margin:0px 10px 0px 25px;} div.bg_ol{position:absolute;top:0px;left:0px;width:200px;height:220px;background : transparent url("../Bilder/bg_ol.gif") no-repeat top left;z-index:1;} div#bg_ur{border:0px solid red;position:absolute;top:0px;left:0px;width:207px;height:211px;overflow:hidden;z-index:11;} div#bg_ur img{position:absolute;top:0px;left:0px;} div.bg_start{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background : transparent url("../Bilder/bg_mm.gif") no-repeat 142px 204px;z-index:0;} div.bg_libelle{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background : transparent url("../Bilder/bg_libelle.gif") no-repeat 98px 140px;z-index:0;} div.bg_frosch{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background : transparent url("../Bilder/bg_frosch.gif") no-repeat 87px 104px;z-index:0;} div.bg_biene{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background : transparent url("../Bilder/bg_biene.gif") no-repeat 142px 54px;z-index:10;}