.textversion { display: none; } /* BODY ================================================================================================================================ */ html { overflow: -moz-scrollbars-vertical !important; } body { margin: 0; padding: 0; font: 0.8em/1.5em Arial, Helvetica, sans-serif; color: rgb(70,70,70); background: url(bck.body.gif) repeat-x rgb(210,210,210); } #format { width: 920px; padding: 40px 0 0 0; margin: 0 auto 0 auto; } /* HEADER ============================================================================================================================== */ #header { float: left; position: relative; background: rgb(70,70,70); } /* Logo -------------------------------------------------------------------------------------------------------------------------------- */ #header h1 { position: absolute; left: -13px; top: 0; width: 322px; height: 309px; padding: 0; margin: 0; } #header h1 strong { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header h1 { background: url(bsm.png) top left no-repeat; } /* headerpic --------------------------------------------------------------------------------------------------------------------------- */ #header h2 { float: left; width: 920px; height: 200px; padding: 0; margin: 0; } #header h2 strong { display: none; } /* Topnavi ----------------------------------------------------------------------------------------------------------------------------- */ #topnavi { float: right; margin: 0; padding: 0; } #topnavi li { list-style: none; float: left; } #topnavi li a { padding: 5px 10px 6px 10px; } #topnavi li.fontsize a { padding: 5px 10px 6px 34px; background: url(i.fontsize.gif) left center no-repeat rgb(60,60,60); } #topnavi li.text a { padding: 5px 10px 6px 34px; background: url(i.text.gif) left center no-repeat rgb(60,60,60); } #topnavi li a:link, #topnavi li a:visited { float: left; font-size: 0.85em; line-height: 1.5em; text-decoration: none; color: rgb(160,160,160); border-left: 1px solid rgb(110,110,110); } #topnavi li a:hover, #topnavi li a:active, #topnavi li a:focus, #topnavi li a.active { color: rgb(235,235,235); background-color: rgb(45,45,45); background-position: -200px center; } /* NAVI ================================================================================================================================ */ #navi { float: left; width: 100%; margin: 0; padding: 0; font-size: 1.15em; background: url(bck.navi.gif) left bottom repeat-x rgb(0,130,0); } /* Navigation -------------------------------------------------------------------------------------------------------------------------- */ #navi ul { position: relative; z-index: 1000; float: left; margin: 0; padding: 0; } #navi ul li { list-style: none; float: left; } #navi ul li a:link, #navi ul li a:visited { position:relative; float: left; height: 35px; padding: 9px 15px 0 15px; text-decoration: none; color: rgb(205,230,205); background: url(bck.navi.a.gif) -299px bottom no-repeat; } #navi ul li a:hover, #navi ul li a:active, #navi ul li a:focus, #navi ul li a.active:link, #navi ul li a.active:visited { color: white; background-position: left bottom; } #navi ul li a:link span, #navi ul li a:visited span { display: none; } #navi ul li a:hover span, #navi ul li a:active span, #navi ul li a:focus span { display: inline; position: absolute; z-index: 1000; padding: 9px 15px 10px 15px; font-size: 0.75em; line-height: 1.5em; color: rgb(75,75,75); background: rgb(255,210,0); left: 0px; bottom: 50px; width: 200px; } #navi ul li a.active:link span, #navi ul li a.active:visited span { display: none; } #navi ul li a:link span em, #navi ul li a:visited span em { position: absolute; left: 10px; bottom: -12px; width: 11px; height: 12px; background: url(navi.chaser.pointer.gif) left top no-repeat; } #navi ul li a:link span em strong, #navi ul li a:visited span em strong { display: none; } /* Suche ------------------------------------------------------------------------------------------------------------------------------- */ #navi .search { position: relative; z-index: 1000; float: left; margin: 0; padding: 8px 10px 0 85px; height: 36px; width: 145px; background: url(bck.navi.search.gif) right bottom no-repeat; } #navi input { float: left; background: rgb(75,170,75); border: 2px solid rgb(55,145,55); padding: 2px 4px 4px 4px; border-right: none; border-bottom: none; width: 115px; font-size: 12px; color: white; } #navi a.navisubmit:link, #navi a.navisubmit:visited { float: right; width: 15px; height: 23px; background: url(navisubmit.gif) center center no-repeat; } #navi a.navisubmit:hover, #navi a.navisubmit:active, #navi a.navisubmit:focus { } #navi a.navisubmit strong { display: none; } /* MAIN ================================================================================================================================ */ #main { float: left; padding: 0 0 0 0; background: url(bck.main.gif) repeat-y white; } #content { float: right; width: 660px; padding: 20px 0 0 20px; margin: 0 0 0 -1px; background: url(bck.content.gif) repeat-x; } #footer { float: left; width: 900px; padding: 0 0 0 20px; color: rgb(180,180,180); background: url(bck.footer.gif) repeat-x rgb(70,70,75); } #copyright { float: left; width: 100%; padding: 5px 0 10px 0; } /* Subnavi ----------------------------------------------------------------------------------------------------------------------------- */ #subnavi { float: left; width: 240px; padding: 40px 0 0 0; background: url(bck.subnavi.gif) right top no-repeat; position: relative; z-index: 900; } #subnavi ul { margin: 0; padding: 0 0 20px 0; } #subnavi ul li { list-style: none; margin-bottom: 1px; text-align: right; } #subnavi ul li a:link, #subnavi ul li a:visited { display: block; height: 1%; padding: 6px 10px 8px 10px; text-decoration: none; color: rgb(75,75,75); background: url(bck.subnavi.a.gif) right top no-repeat rgb(180,220,180); } #subnavi ul li a:hover, #subnavi ul li a:active, #subnavi ul li a:focus, #subnavi ul li a.active:link, #subnavi ul li a.active:visited { background-position: right bottom; background-color: rgb(125,190,125); } #subnavi ul li a.l2:link, #subnavi ul li a.l2:visited { color: rgb(75,75,75); background: url(bck.subnavi.a.grey.gif) right top no-repeat rgb(230,230,230); } #subnavi ul li a.l2:hover, #subnavi ul li a.l2:active, #subnavi ul li a.l2:focus, #subnavi ul li a.l2.active:link, #subnavi ul li a.l2.active:visited { background-position: right bottom; background-color: rgb(200,200,200); } #subnavi ul li a.l1:link, #subnavi ul li a.l1:visited { color: rgb(75,75,75); background: url(bck.subnavi.a.yellow.gif) right top no-repeat rgb(255,228,102); } #subnavi ul li a.l1:hover, #subnavi ul li a.l1:active, #subnavi ul li a.l1:focus, #subnavi ul li a.l1.active:link, #subnavi ul li a.l1.active:visited { background-position: right bottom; background-color: rgb(255,210,0); } #subnavi ul li a.partner:link, #subnavi ul li a.partner:visited { display: block; height: 310px; padding: 0; margin: 12px 0 0 0; background: url(partner.logos.gif) center top no-repeat transparent; } #subnavi ul li a.partner:hover, #subnavi ul li a.partner:active, #subnavi ul li a.partner:focus { background-position: center bottom; } #subnavi ul li a.partner strong { display: none; } #subnavi ul li ul { margin: 0; padding: 0; font-size: 0.85em; } #subnavi ul li ul li { margin-bottom: 0; } #subnavi ul li ul li a:link, #subnavi ul li ul li a:visited { padding: 4px 10px 6px 10px; color: rgb(75,75,75); background: url(bck.subnavi.a2.gif) right top no-repeat rgb(155,205,155); border-top: 1px solid rgb(235,235,235); } #subnavi ul li ul li a:hover, #subnavi ul li ul li a:active, #subnavi ul li ul li a:focus, #subnavi ul li ul li a.active:link, #subnavi ul li ul li a.active:visited { color: rgb(70,70,70); background-position: right bottom; background-color: rgb(125,190,125); } #subnavi p { padding: 0 20px 20px 20px; } #footer .address { float: left; width: 199px; height: 100px; padding: 0 20px 0 0; position: relative; z-index: 900; background: url(bck.address.gif) right top no-repeat; } #footer .address a { float: left; width: 199px; height: 100px; } #footer .address a strong { display: none; } #footer .sitemap { float: left; width: 640px; padding: 20px; border-left: 1px dotted rgb(110,110,110); } #footer .sitemap strong { font-weight: bold; } #footer .sitemap a:link { color: rgb(145,145,145); text-decoration: none; } #footer .sitemap a:visited { color: rgb(110,110,110); text-decoration: none; } #footer .sitemap a:hover, #footer .sitemap a:active, #footer .sitemap a:focus, #footer .sitemap a.active:link, #footer .sitemap a.active:visited { color: rgb(200,200,200); text-decoration: none; } #footer .sitemap strong a:link { color: rgb(145,145,145); text-decoration: none; } #footer .sitemap strong a:visited { color: rgb(110,110,110); text-decoration: none; } #footer .sitemap strong a:hover, #footer .sitemap strong a:active, #footer .sitemap strong a:focus, #footer .sitemap strong a.active:link, #footer .sitemap strong a.active:visited { color: rgb(200,200,200); text-decoration: none; } /* BEREICHSÜBERGREIFENDE FORMATIERUNGEN ================================================================================================ */ a:link { color: rgb(0,130,0); } a:visited { color: rgb(145,145,145); } a:hover, a:active, a:focus { text-decoration: none; } hr { margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px dotted rgb(200,200,200); } .clear { clear: both; line-height: 0; } .nowrap { white-space: nowrap; } .nopad { padding: 0; } .noborder { border: none; } small { color: rgb(145,145,145); font-size: 0.85em; line-height: 1.5em; } img { border: 1px solid rgb(200,200,200); } .img_float { float: left; clear: both; } .img_float img { float: left; margin: 5px 15px 0 0; } small a:link { color: rgb(145,145,145); } small a:visited { color: rgb(145,145,145); } small a:hover, small a:active, small a:focus { color: rgb(225,10,20); text-decoration: none; } .alert { padding: 10px; margin-bottom: 20px; color: rgb(195,0,40); border: 1px solid rgb(215,0,40); background: rgb(250,230,235); } .sixcol { float: left; width: 640px; padding: 0 20px 0 0; } .quacol { float: left; width: 420px; padding: 0 20px 0 0; } .twocol { float: left; width: 200px; padding: 0 20px 0 0; } h2, h3, h4, p, form { padding: 0 0 20px 0; margin: 0; } ul { padding-top: 0; padding-bottom: 20px; margin-top: 0; margin-bottom: 0; } h2 { padding: 0 20px 0 0; font-size: 1.9em; line-height: 1.1em; font-weight: normal; color: rgb(0,130,0); } h3 { font-size: 1.15em; line-height: 1.5em; margin: 0 20px 0 0; font-weight: normal; color: rgb(0,130,0); } h4 { font-size: 1em; line-height: 1.5em; padding: 0; } h4 small { font-weight: normal; } h4 a:link, h4 a:visited { color: rgb(70,70,70); text-decoration: none; } h4 a:hover, h4 a:active, h4 a:focus { color: rgb(225,10,20); } .teaser { margin-bottom: 25px; font-size: 0.85em; line-height: 1.5em; color: rgb(80,80,80); border: 1px solid rgb(125,190,125); } .teaser h3, .teaser p, .teaser ul { padding: 6px 10px 8px 10px; margin: 0; } .teaser h3 { border-bottom: 1px solid rgb(255,255,255); color: rgb(0,75,0); background: url(bck.teaser.h3.gif) right bottom no-repeat rgb(125,190,125); } .teaser p, .teaser ul { background: rgb(230,240,230); } .teaser hr { margin: 0; } .grey { border: 1px solid rgb(200,200,200); } .grey h3 { border-bottom: 1px solid rgb(255,255,255); color: rgb(70,70,70); background: rgb(200,200,200); } .grey p { background: rgb(230,230,230); } a.zoomlink { float: left; margin: 5px 0 7px 0; text-decoration: none; border: 1px solid rgb(200,200,200); } a.zoomlink:link, a.zoomlink:visited { background-color: rgb(235,235,235); color: rgb(110,110,110); } a.zoomlink:hover, a.zoomlink:active, a.zoomlink:focus { color: rgb(70,70,70); background-color: rgb(200,200,200); border-color: rgb(160,160,160); filter: alpha(opacity: 60); opacity: 0.60; KHTMLOpacity: 0.60; MozOpacity: 0.60; } a.zoomlink img { border: 0; margin: 0; } a.zoomlink span { display: block; padding: 3px 10px 5px 21px; background: url(i.zoomlink.gif) left top no-repeat; border-top: 1px dotted rgb(200,200,200); } .zoomlink_float { float: left; clear: both; } .zoomlink_float a.zoomlink, .zoomlink_float img { margin: 5px 15px 0 0; } .zoomlink_float img { float: left; } #chaser { position: absolute; top: -1000px; left: -1000px; display: none; padding: 0; border: 1px solid rgb(160,160,160); z-index: 1000; } #chaser .img { display: block; background: url(loading.gif) center center no-repeat white; } #chaser h3 { padding: 6px 10px 8px 10px; margin: 0; background: rgb(160,160,160); border-bottom: 1px dotted white; } #chaser p { padding: 6px 10px 8px 10px; margin: 0; background: rgb(200,200,200); } #chaser img { border: 0; margin: 0; border-top: 1px dotted rgb(200,200,200); } table { margin: 0 0 20px 0; width: 100%; table-layout: auto; border-collapse: collapse; } td, th { padding: 8px 10px 8px 10px; vertical-align: top; font-weight: normal; text-align: left; border-right: 1px solid white; border-left: 1px solid white; } th { border-bottom: 1px dotted rgb(200,200,200); background: rgb(235,235,235); } td { border-bottom: 1px dotted rgb(200,200,200); } table th.date, table th.location { width: 15%; } table th.w25 { width: 25%; } table th.w33 { width: 33%; } table th.w45 { width: 45%; } table th.w50 { width: 50%; } table td.nowrap { white-space: nowrap; } td div.details { display: none; } tr.grey td { background: rgb(235,235,235); } tr.hover { cursor: pointer; } tr.hover:hover td { background: rgb(240,240,240); } tr.active td { background: url(bck.td.hover.gif) left top repeat-x rgb(250,230,230); color: rgb(155,0,0); } tr.active div.details { display: block; } tr.active ul.bulletlist li { background-position: -800px 0.6em; } table.target-groups { margin: 0 0 20px 0; width: 100%; table-layout: auto; border-collapse: collapse; } table.target-groups td { padding: 5px 0 5px 0; } table.target-groups th { padding: 8px 5px 8px 14px; } table.target-groups ul { list-style: none; margin: 0; padding: 0; } table.target-groups ul li { margin: 5px 0 5px 7px; padding: 0 0 3px 8px; background: url(li.links.gif) left 0.6em no-repeat; } table.target-groups th.altersgruppen { background: url(bck.th.red.gif) left bottom repeat-x rgb(225,10,20); color: white; } table.target-groups td.altersgruppen { background: url(bck.td.red.gif) left bottom repeat-x rgb(245,180,185); } table.target-groups td.altersgruppen li { border-bottom: 1px dotted rgb(225,10,20); } table.target-groups th.verkehrsteilnehmer { background: url(bck.th.yellow.gif) left bottom repeat-x rgb(255,210,0); } table.target-groups td.verkehrsteilnehmer { background: url(bck.td.yellow.gif) left bottom repeat-x rgb(255,240,180); } table.target-groups td.verkehrsteilnehmer li { border-bottom: 1px dotted rgb(180,145,0); } table.target-groups th.lernorte { background: url(bck.th.green.gif) left bottom repeat-x rgb(0,130,0); color: white; } table.target-groups td.lernorte { background: url(bck.td.green.gif) left bottom repeat-x rgb(180,220,180); } table.target-groups td.lernorte li { border-bottom: 1px dotted rgb(0,130,0); } .target-groups ul a:link, .target-groups ul a:visited { text-decoration: none; color: rgb(70,70,70); } .target-groups ul a:hover, .target-groups ul a:active, .target-groups ul a:focus { } ul.linklist { list-style: none; margin: 0 0 20px 0; padding: 0; } ul.linklist li { margin: 0 0 1px 0; } ul.linklist .down a { background: url(li.down.gif) left top rgb(235,235,235); padding: 6px 10px 8px 25px; } ul.linklist .up a { background: url(li.up.gif) left top rgb(235,235,235); padding: 6px 10px 8px 25px; } ul.linklist a:link, ul.linklist a:visited { height: 1%; display: block; text-decoration: none; background-repeat: no-repeat; color: rgb(90,90,90); } ul.linklist a:hover, ul.linklist a:active, ul.linklist a:focus, ul.linklist a.active { background-color: rgb(220,0,0); background-position: left -200px; color: white; } ul.linklist .forth a:link, ul.linklist .forth a:visited { background: rgb(255,228,102); padding: 6px 10px 8px 10px; color: rgb(75,75,75); } ul.linklist .forth a:hover, ul.linklist .forth a:active, ul.linklist .forth a:focus, ul.linklist .forth a.active { background: rgb(255,210,0); color: rgb(75,75,75); } ul.linklist .back a:link, ul.linklist .back a:visited { background: rgb(255,228,102); padding: 6px 10px 8px 10px; color: rgb(75,75,75); } ul.linklist .back a:hover, ul.linklist .back a:active, ul.linklist .back a:focus, ul.linklist .back a.active { background: rgb(255,210,0); color: rgb(75,75,75); } ul.linklist a:hover small, ul.linklist a:active small, ul.linklist a:focus small { color: rgb(235,125,145); } ul.linklist2 { list-style: none; margin: 0 0 20px 0; padding: 0; } ul.linklist2 li { margin: 0 0 10px 0; } ul.linklist2 .download_pdf a { padding: 0 6px 0 30px; background: url(li.download_pdf.gif) left top; } ul.linklist2 .link a { padding: 0 6px 0 30px; background: url(li.link.gif) left top; } ul.linklist2 a:link, ul.linklist2 a:visited { height: 1%; display: block; text-decoration: none; background-repeat: no-repeat; color: rgb(70,70,70); } ul.linklist2 a:hover, ul.linklist2 a:active, ul.linklist2 a:focus, ul.linklist2 a.active { background-position: -800px top; color: rgb(225,10,20); } ul.linklist2 a:hover small, ul.linklist2 a:active small, ul.linklist2 a:focus small { color: rgb(235,105,115); } ul.bulletlist { list-style: none; padding: 0 0 20px 0; margin: 0; } ul.bulletlist li { margin: 0; padding: 0 0 0 23px; background: url(li.bulletlist.gif) left 0.6em no-repeat; } ul.spaced { padding-bottom: 0; } ul.spaced li { padding-bottom: 20px; } /* Link-Cloud -------------------------------------------------------------------------------------------------------------------------- */ .linkcloud a.rel, .linkcloud a.rel0, .linkcloud a.rel1 { font-size: 11px; line-height: 18px; } .linkcloud a.rel2 { font-size: 12px; line-height: 18px; } .linkcloud a.rel3 { font-size: 14px; line-height: 18px; } .linkcloud a.rel4 { font-size: 16px; line-height: 18px; } .linkcloud a.rel5 { font-size: 18px; line-height: 18px; } .linkcloud a:link, .linkcloud a:visited { text-decoration: none; color: rgb(70,70,70); line-height: 18px; } .linkcloud a:hover, .linkcloud a:active, .linkcloud a:focus { color: rgb(225,10,20); } /* Thumbs ------------------------------------------------------------------------------------------------------------------------------ */ .thumbs, .thumbs img { float: left; } .thumbs a:link, .thumbs a:visited { float: left; text-decoration: none; } .thumbs a:hover, .thumbs a:active, .thumbs a:focus { text-decoration: underline; } p.altersgruppen { padding: 8px 0 30px 0; color: white; background: url(bck.altersgruppen.gif) center top no-repeat; text-align: center; } p.verkehrsteilnehmer { padding: 8px 0 30px 0; color: rgb(75,75,75); background: url(bck.verkehrsteilnehmer.gif) center top no-repeat; text-align: center; } p.lernorte { padding: 8px 0 30px 0; color: white; background: url(bck.lernorte.gif) center top no-repeat; text-align: center; } .thumbs a.altersgruppen { color: rgb(225,10,20); } .thumbs a.verkehrsteilnehmer { color: rgb(180,145,0); } .thumbs a.lernorte { color: rgb(0,130,0); } .thumbs a:link img, .thumbs a:visited img { float: left; margin: 0; border: 0; border: 1px solid rgb(200,200,200); } .thumbs a:hover img, .thumbs a:active img, .thumbs a:focus img { filter: alpha(opacity: 60); opacity: 0.60; KHTMLOpacity: 0.60; MozOpacity: 0.60; } a.submit:link, a.submit:visited, a.cancel:link, a.cancel:visited, a.back:link, a.back:visited { display: block; height: 1%; padding: 5px 6px 7px 8px; text-decoration: none; color: white; background: rgb(80,90,95); margin: 0 0 1px 0; } a.cancel:link, a.cancel:visited { background: rgb(140,140,140); } a.back:link, a.back:visited { color: rgb(75,75,75); background: rgb(210,210,210); } a.submit:hover, a.submit:active, a.submit:focus, a.cancel:hover, a.cancel:active, a.cancel:focus, a.back:hover, a.back:active, a.back:focus { color: white; background: rgb(220,0,0); }