/* =============== content ELEMENTEN */ /* Standaard */ .cnt-kolom { margin-bottom:20px; } * html .cnt-kolom .item-content { height:1%; } /* fixt bug "wegvallen div.item-content" ie 6 */ * html .cnt-kolom .een-kolom { margin-left:-3px; } /* fixt bug "wegvallen div.een-kolom" ie 6 */ * html .cnt-kolom .twee-kolommen { margin-left:-3px; } /* fixt bug "wegvallen div.een-kolom" ie 6 */ * html .cnt-kolom .drie-kolommen { margin-left:-3px; } /* fixt bug "wegvallen div.een-kolom" ie 6 */ * html .cnt-kolom .full-kolom { margin-left:-3px; } /* fixt bug "wegvallen div.full-kolom" ie 6 */ .home .cnt-kolom .t-kol-links .item { background:#FFF url(/images/htmweb/achtergrond/item_rechter_grens.gif) 100% 0px repeat-y; margin-bottom: 12px; } .cnt-kolom .t-kol-links .item .item-content { margin-left:0px; padding:0px 15px 10px 10px; } .content1 .cnt-kolom .t-kol-links .item .item-content { margin-left:0px; padding:0px 0px 0px 0px; } .home .cnt-kolom .t-kol-links .item .item-content { background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; } .content1 .cnt-kolom .t-kol-links .item .item-content.geenmarge { padding:0px 20px 10px 10px; } /* toegevoegd 20 juni 2006 */ .home .cnt-kolom .t-kol-links .item.uitklap .item-content { padding:3px 0 1px 0; } /* remove left + right padding for 'uitklap' item */ .home .cnt-kolom .t-kol-links .item.uitklap .item-content p { padding:0 20px 0 10px; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content ul { margin-right:20px; margin-left:10px; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content ul.top-lijst { border:none; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content ul.top-lijst li { border-bottom:1px solid #CADAEA; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .form input.ok-knop { margin-right:20px; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .form input.verstuur-knop { margin-right:30px; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .form label, .home .cnt-kolom .t-kol-links .item.uitklap .item-content .form select { display:inline; margin-left:10px; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .straat select { margin-left:0; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .plaats { padding-bottom:10px; } .home .cnt-kolom .t-kol-links .item.uitklap .item-info-meer { position:relative; margin:0 8px 8px 0; padding:8px 20px 0 10px; border-top:1px dotted #a3a3a3; border-bottom:1px dotted #a3a3a3; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .item-info-meer p { padding:0 0 8px 0; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .item-info-meer ul { margin:0; } .home .cnt-kolom .t-kol-links .item.uitklap .item-content .item-info-meer h4 { font-size:0.69em; margin:0; } .home .cnt-kolom .t-kol-links .item input.btn-info { height:1.9em; padding:2px 0 2px 20px; text-indent:10px; color:#838383; font-size:0.69em; font-weight:normal; background:#fff url(/images/htmweb/knoppen/btn_info.gif) 0px 0px no-repeat; } .cnt-kolom .t-kol-links h3#routes-tijden input.btn-info { margin:7px 0 0 145px;} .cnt-kolom .t-kol-links h3#lijn-net-kaart input.btn-info { margin:7px 0 0 135px;} /* einde toegevoegd 20 juni 2006 */ .cnt-kolom .t-kol-links .item div.einde-item { height:10px; font-size:0em; padding:0px; margin:0px; background:transparent url(/images/htmweb/achtergrond/item_linker_ondergrens.gif) 0px 0px no-repeat; width:auto; } .cnt-kolom .t-kol-links .item div.einde-item span { display:block; height:10px; background:transparent url(/images/htmweb/achtergrond/item_rechter_ondergrens.gif) 100% 0px no-repeat; width:auto; } .cnt-kolom .item.formulier { background:#FFF url(/images/htmweb/achtergrond/item_rechter_grens.gif) 100% 0px repeat-y; } .cnt-kolom .item.formulier .item-content { margin-left:0px; padding:0px 20px 10px 10px; background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; } .cnt-kolom .item.formulier .item-content.geenmarge { padding:0px 16px 10px 10px; } .cnt-kolom .item.formulier div.open-item { height:10px; font-size:0em; padding:0px; margin:0px; background:transparent url(/images/htmweb/achtergrond/item_linker_bovengrens.gif) 0px 0px no-repeat; width:auto; } .cnt-kolom .item.formulier div.open-item span { display:block; height:10px; background:transparent url(/images/htmweb/achtergrond/item_rechts_bovengrens.gif) 100% 0px no-repeat; width:auto; } .cnt-kolom .item-info-meer { margin: 0; padding:0px 0px 0 1px; background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; } .cnt-kolom .item.formulier div.einde-item { height:10px; font-size:0em; padding:0px; margin:0px; background:transparent url(/images/htmweb/achtergrond/item_linker_ondergrens.gif) 0px 0px no-repeat; width:auto; } .cnt-kolom .item.formulier div.einde-item span { display:block; height:10px; background:transparent url(/images/htmweb/achtergrond/item_rechter_ondergrens.gif) 100% 0px no-repeat; width:auto; } .cnt-kolom .t-kol-rechts .item { background:#efefef url(/images/htmweb/achtergrond/item_rechter_grens2.gif) 100% 0px repeat-y; overflow: hidden; width: 100%; } .cnt-kolom .t-kol-rechts .item.item-ro { background-color:#fff; cursor:pointer;} .cnt-kolom .t-kol-rechts .item.inloggen, .cnt-kolom .t-kol-rechts .item.mail-actueel { background:#fff url(/images/htmweb/achtergrond/item_rechter_grens_wit.gif) 100% 0px repeat-y;} .cnt-kolom .t-kol-rechts .item.wit { background:#fff url(/images/htmweb/achtergrond/item_rechter_grens_wit.gif) 100% 0px repeat-y; } .cnt-kolom .t-kol-rechts .open-item { font-size:0em; height:6px; margin-left:-9px; background:#EFEFEF url(/images/htmweb/achtergrond/hdr_topright2.gif) 100% 0px no-repeat; } .cnt-kolom .t-kol-rechts .wit .open-item { font-size:0em; height:6px; margin-left:-9px; background:#fff url(/images/htmweb/achtergrond/hdr_topright3.gif) 100% 0px no-repeat; } .cnt-kolom .t-kol-rechts .einde-item { font-size:0em; height:6px; margin-left:-9px; background:#EFEFEF url(/images/htmweb/achtergrond/hdr_bottomright2.gif) 100% 100% no-repeat; } .cnt-kolom .t-kol-rechts .wit .einde-item { font-size:0em; height:10px; margin-left:-10px; background:#fff url(/images/htmweb/achtergrond/hdr_bottomright3.gif) 100% 100% no-repeat; } .cnt-kolom .t-kol-rechts .wit .einde-item span { display:block; width:5px; height:10px; background:#EFEFEF url(/images/htmweb/achtergrond/hdr_bottomleft3.gif) 0px 0px no-repeat; } .cnt-kolom .t-kol-rechts .item .item-content { margin:0 1px 0 0; padding:0px 0px 1px 1px; background:transparent url(/images/htmweb/achtergrond/item_linker_grens2.gif) 0px 100% no-repeat; overflow: hidden; position: relative;overflow: hidden; } .cnt-kolom .t-kol-rechts .item.wit .item-content { background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; } .cnt-kolom .t-kol-rechts .item.alleenlinks { background: none; margin-top: -6px; margin-bottom: 5em; } .cnt-kolom .t-kol-rechts .item.alleenlinks ul { margin-left: 10px; } /* inlogblok */ .cnt-kolom .t-kol-rechts .item.inloggen { overflow: visible;} .cnt-kolom .t-kol-rechts .item.inloggen .item-content {padding: 3px 0 6px 11px;} .cnt-kolom .t-kol-rechts .item.inloggen .item-content fieldset {display: block; overflow: hidden; width: 100%; } .cnt-kolom .t-kol-rechts .item.inloggen form label {float: left; clear: left; width: 70px; line-height: 1.4em;} .cnt-kolom .t-kol-rechts .item.inloggen form label.tekstsbrowser {display: none;} .cnt-kolom .t-kol-rechts .item.inloggen form label.onthoudmij {float: left; clear: none; width: 73%; line-height: 1.4em;} .cnt-kolom .t-kol-rechts .item.inloggen form a.meerinfo {float: left; width: 14px; height: 13px; font-size: 0; line-height: 0; text-indent: -9999px; background:transparent url(/images/htmweb/knoppen/button-i.gif) 0 0 no-repeat; margin: 1px 0px 0 3px;} .cnt-kolom .t-kol-rechts .item.inloggen form a.meerinfo:hover {background-position: 0 -13px;} .cnt-kolom .t-kol-rechts div.toelichting {position: relative; width: 100%;overflow: visible; } .cnt-kolom .t-kol-rechts div.toelichting div {width: 100%; overflow: hidden; } .cnt-kolom .t-kol-rechts div.toelichting p {display: block; border-top: none; color:#3A82CE; background:#fff; padding: 10px; background:#fff url(/images/htmweb/achtergrond/item_linker_grens2.gif) 0 bottom no-repeat; border-right: 1px solid #bbd0e5;} .cnt-kolom .t-kol-rechts div.toelichting.hide {display: block; } .cnt-kolom .t-kol-rechts .item.inloggen form input {float: left; border: none; } .cnt-kolom .t-kol-rechts .item.inloggen form input.text {width: 116px; margin: 0 0 0.4em 0; border:1px solid #979797; font-size: 0.69em;} .cnt-kolom .t-kol-rechts .item.inloggen form input.ok-knop {width:11px; margin-left: 2px; margin-top: 3px;} .cnt-kolom .t-kol-rechts .item.inloggen form input.checkbox {width:auto; clear: left; margin-right: 6px; display: inline;} /* mail actueel */ .cnt-kolom .mail-actueel a { display:inline; margin:0 7px 4px 0; width:auto; padding:2px 0px 2px 12px; background:transparent url(/images/htmweb/bullets/li_a.gif) 0px 0.3em no-repeat; line-height: 1.2em; font-size: 0.69em; float: right;} .cnt-kolom .mail-actueel a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 0px 0.3em no-repeat; color:#3A82CE; } body.wijzigingen .cnt-kolom .mail-actueel a { display:inline; margin:10px 7px 4px 0; width:auto; padding:2px 12px 2px 0px; background:transparent url(/images/htmweb/bullets/li_a.gif) right 0.3em no-repeat; line-height: 1.2em; font-size: 0.69em; float: right;} body.wijzigingen .cnt-kolom .mail-actueel a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) right 0.3em no-repeat; color:#3A82CE; } .cnt-kolom .mail-actueel .simpele-lijst ul{ padding:0px 10px 0 10px;} .cnt-kolom .intro-kolom .item { background:#fff url(/images/htmweb/achtergrond/item_rechter_grens.gif) 100% 0px repeat-y; } .cnt-kolom .intro-kolom .item .item-content { margin-left:0px; background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; padding:0px 0px 0px 10px; overflow: hidden;} .cnt-kolom .intro-kolom .item .item-content.geenmarge { padding:0px 20px 1px 10px; } .cnt-kolom .intro-kolom .item div.einde-item { height:10px; font-size:0em; padding:0px; margin:0px; background:transparent url(/images/htmweb/achtergrond/item_linker_ondergrens2.gif) 0px 0px no-repeat; width:auto; } .cnt-kolom .intro-kolom .item div.einde-item span { display:block; height:10px; background:transparent url(/images/htmweb/achtergrond/item_rechter_ondergrens.gif) 100% 0px no-repeat; width:auto; } .cnt-kolom .intro-kolom .item-info { background:#FFF url(/images/htmweb/achtergrond/item_rechter_grens.gif) 100% 0px repeat-y; } .cnt-kolom .intro-kolom .item-info .item-content { margin-left:0px; padding:0px 20px 10px 10px; background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; } .cnt-kolom .intro-kolom .item-info .item-info-meer { position:relative; margin: 0; padding: 0 9px 0 1px; background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) 0px 0px repeat-y; } .item-info-meer input.btn-info { display:none; padding:2px 0px 2px 18px; color:#838383; font-size:0.69em; background:#f6f6f6 url(/images/htmweb/knoppen/btn_info.gif) 0px 0px no-repeat; } html>body .item-info-meer input.btn-info { padding:2px 0px 4px 25px; height:1.9em; } /*.item-info-meer .col-1 { position:relative; padding:5px 0px 1px 10px; border-top: 1px dotted #A3A3A3; background-color:#f6f6f6; }*/ .item-info-meer .col-2, .item-info-meer .col-2.show { display:block; } .item-info-meer .col-2 p { background-color:#f6f6f6 !important; padding:0px 160px 20px 160px; margin-top:0px; } .close-i { font-size:0em; height:1px; background-color:#f6f6f6} .cnt-kolom .intro-kolom .item-info div.einde-item { height:10px; font-size:0em; padding:0px; background:#f6f6f6 url(/images/htmweb/achtergrond/item_linker_ondergrens2.gif) 0px 0px no-repeat; width:auto; } .cnt-kolom .intro-kolom .item-info div.einde-item span { display:block; height:10px; background:transparent url(/images/htmweb/achtergrond/item_rechter_ondergrens.gif) 100% 0px no-repeat; width:auto; } /* keuzeblokken planner pagina */ .cnt-kolom .intro-kolom .keuzeblokken { width: 100%; overflow: hidden; margin-bottom: 11px; } .cnt-kolom .intro-kolom .item.keuzeblok { width: 140px; float: left; clear: none; margin: 0 16px 0 0; background: none; cursor: pointer;} .cnt-kolom .intro-kolom .item.prijs-blok { margin-right:0px !important; } .cnt-kolom .intro-kolom .item.keuzeblok h3 { width: 140px; height: 57px; display: block; margin: 0; line-height: 0; text-indent: -9999px; float: left; } .cnt-kolom .intro-kolom .item.planner-blok h3 {background:transparent url(/images/htmweb/achtergrond/hoelaat.gif) 0 0 no-repeat;} .cnt-kolom .intro-kolom .item.dienstregeling-blok h3 {background:transparent url(/images/htmweb/achtergrond/hoevaak.gif) 0 0 no-repeat; } .cnt-kolom .intro-kolom .item.haltetijden-blok h3 {background:transparent url(/images/htmweb/achtergrond/halte.gif) 0 0 no-repeat; } .cnt-kolom .intro-kolom .item.traject-blok h3 {background:transparent url(/images/htmweb/achtergrond/route.gif) 0 0 no-repeat; } .cnt-kolom .intro-kolom .item.prijs-blok h3 {background:transparent url(/images/htmweb/achtergrond/hoeveel.gif) 0 0 no-repeat; } .cnt-kolom .intro-kolom .planner-blok.item-ro h3, .cnt-kolom .intro-kolom .dienstregeling-blok.item-ro h3, .cnt-kolom .intro-kolom .haltetijden-blok.item-ro h3, .cnt-kolom .intro-kolom .traject-blok.item-ro h3, .cnt-kolom .intro-kolom .prijs-blok.item-ro h3 {background-position: -140px 0; } .planner-pagina .cnt-kolom .intro-kolom .item.planner-blok h3, .dienstregeling-pagina .cnt-kolom .intro-kolom .item.dienstregeling-blok h3, .haltetijden-pagina .cnt-kolom .intro-kolom .item.haltetijden-blok h3, .traject-pagina .cnt-kolom .intro-kolom .item.traject-blok h3, .prijs-pagina .cnt-kolom .intro-kolom .item.prijs-blok h3 {background-position: -280px 0; } .cnt-kolom .intro-kolom .item.keuzeblok .item-content { padding: 8px 0 25px 0px; width: 140px; overflow: hidden; background:transparent url(/images/htmweb/achtergrond/keuzeblok-bottom.gif) 0 100% no-repeat; float: left; } .planner-pagina .cnt-kolom .intro-kolom .keuzeblok.planner-blok .item-content, .dienstregeling-pagina .cnt-kolom .intro-kolom .keuzeblok.dienstregeling-blok .item-content, .haltetijden-pagina .cnt-kolom .intro-kolom .keuzeblok.haltetijden-blok .item-content, .traject-pagina .cnt-kolom .intro-kolom .keuzeblok.traject-blok .item-content, .prijs-pagina .cnt-kolom .intro-kolom .keuzeblok.prijs-blok .item-content {background-position: -280px 100%;} .cnt-kolom .intro-kolom .item.item-ro .item-content {background-position: -140px 100%;} .cnt-kolom .intro-kolom .item.keuzeblok a { display:block; margin: 0 0 0 10px; width:auto; padding:2px 0px 2px 12px; background:transparent url(/images/htmweb/bullets/li_a.gif) 0px 0.3em no-repeat; line-height: 1.2em; font-size: 0.69em;} .cnt-kolom .intro-kolom .item.keuzeblok a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 0px 0.3em no-repeat; color:#3A82CE; } .cnt-kolom .footer-kolom .item { width: 370px; } .cnt-kolom .footer-kolom .item .item-content { line-height: 1em; padding:0px 20px 10px 0; } .cnt-kolom .footer-kolom .item .item-content h4 { margin: 0; } .cnt-kolom .intro { padding-bottom:12px; } .cnt-kolom .alinea { padding-bottom:12px; } .cnt-kolom .inzet { margin-bottom:12px; width:99%; background:#3A82CE url(/images/htmweb/achtergrond/inzet_linksboven.gif) 0px 0px no-repeat; } .cnt-kolom .inzet strong { display:block; padding:15px 20px 0px 20px; color:#FFF; font-size:0.74em; background:transparent url(/images/htmweb/achtergrond/inzet_rechtsboven.gif) 100% 0px no-repeat; } html>body .cnt-kolom .inzet strong { padding:15px 20px 5px 20px; } .cnt-kolom .inzet strong a { color:#fff; text-decoration:underline; } .cnt-kolom .inzet .einde-inzet { height:10px; background:#3A82CE url(/images/htmweb/achtergrond/inzet_linksonder.gif) 0px 100% no-repeat; } .cnt-kolom .inzet .einde-inzet span { height:10px; display:block; background:transparent url(/images/htmweb/achtergrond/inzet_rechtsonder.gif) 100% 100% no-repeat; } .cnt-kolom .date { display:block; font-size:0.64em; color:#6F6F6F; margin-bottom:3px; } .cnt-kolom .afbeelding { float:left; margin:4px 15px 2px 0px; width:165px; font-size:90%; color:#6F6F6F; line-height: 1.4em; } .cnt-kolom .afbeelding-breed { display:block; margin:4px 0px 6px 0px; font-size:90%; color:#6F6F6F; line-height: 1.4em; } .cnt-kolom .t-kol-rechts .afbeelding { margin:0px 0px 3px 0px !important; width:auto; clear:both; float:none; } html>body .cnt-kolom br.ie-only { display:none; } .cnt-kolom h2 { } .cnt-kolom .een-kolom h3 { color:#3A82CE; padding-bottom:10px; } .cnt-kolom .twee-kolommen h3 { color:#3A82CE; } .cnt-kolom .t-kol-links h3 { height:28px; width:auto; } .cnt-kolom .t-kol-links h3 span, .cnt-kolom .intro-kolom h3 span { display:block; height:28px; width:auto; background:transparent url(/images/htmweb/achtergrond/titel_rechter_grens.gif) 100% 0px no-repeat; } .cnt-kolom .intro-kolom h3 { color:#3A82CE; height: 30px; width:auto; margin: 0 0 0 0; padding:0;} .cnt-kolom .t-kol-rechts h3.dubbele-regel { height:52px; } .cnt-kolom .t-kol-rechts h3.dubbele-regel span { height:52px; } .cnt-kolom .t-kol-links h3#titel-routes-tijden { background:transparent url(/images/htmweb/titels/h3_routes_tijden.gif) 0px 0px no-repeat; } .cnt-kolom .t-kol-links .mijnroutes h3 { background:transparent url(/images/htmweb/titels/h3_mijnroutes.gif) 0px 0px no-repeat;} .cnt-kolom .t-kol-links .planner h3 { background:transparent url(/images/htmweb/titels/h3_route_tijd_prijs.gif) 0px 0px no-repeat; height: 28px;} .cnt-kolom .intro-kolom .planner h3 { background:transparent url(/images/htmweb/titels/h3_tijdenenprijzen.gif) 0px 0px no-repeat; height: 28px;} .cnt-kolom .intro-kolom .planner.dienstregeling h3 { background:transparent url(/images/htmweb/titels/h3_dienstregeling.gif) 0px 0px no-repeat; height: 28px;} .cnt-kolom .intro-kolom .planner.haltetijden h3 { background:transparent url(/images/htmweb/titels/h3_haltetijden.gif) 0px 0px no-repeat; height: 28px;} .cnt-kolom .intro-kolom .planner.traject h3 { background:transparent url(/images/htmweb/titels/h3_traject.gif) 0px 0px no-repeat; height: 28px;} .cnt-kolom .intro-kolom .planner.prijzen h3 { background:transparent url(/images/htmweb/titels/h3_prijs.gif) 0px 0px no-repeat; height: 28px;} .cnt-kolom .t-kol-links .lijnennetkaart h3 { background:transparent url(/images/htmweb/titels/h3_lijn_net_kaart.gif) 0px 0px no-repeat; } .cnt-kolom .t-kol-links .actueel h3 { background:transparent url(/images/htmweb/titels/h3_actueel.gif) 0px 0px no-repeat;} .cnt-kolom .t-kol-rechts h3 { color: #6f6f6f; font-family: Arial, Helvetica, sans-serif; font-size: 0.92em; font-weight: normal; font-style: italic; margin-bottom: 7px;} .cnt-kolom .t-kol-rechts .item h3 { width:100%; background:transparent url(/images/htmweb/titels/h3.gif) 0px 0px no-repeat; margin-bottom: 0; } .cnt-kolom .t-kol-rechts .item-ro h3, .cnt-kolom .t-kol-rechts .inloggen h3, .cnt-kolom .t-kol-rechts .mail-actueel h3 { width:100%; background-position: -300px 0px; } .cnt-kolom .t-kol-rechts h3 span { display:block; width:auto; background:transparent url(/images/htmweb/achtergrond/titel_rechter_grens2.gif) right 0px no-repeat;text-indent: 0; padding: 7px 11px 4px 11px; color: #6f6f6f; } .cnt-kolom .t-kol-rechts .item.banner h3 span { padding-bottom: 7px; } .cnt-kolom .t-kol-rechts .item-ro h3 span { background-position: 100% -200px; display: block; } .cnt-kolom .t-kol-rechts .inloggen h3 span { background-position: 100% -200px; display: block;} .cnt-kolom .t-kol-rechts .mail-actueel h3 span { background-position: 100% -200px; display: block;} .cnt-kolom .footer-kolom h3 { height:36px; width:auto; } .cnt-kolom .footer-kolom h3 span { display:block; height:36px; width:auto; } .cnt-kolom .t-kol-links a.terug {font-size: 0.69em; display:block; margin:0px; width:auto; padding:3px 0px 10px 12px; background:transparent url(/images/htmweb/bullets/li_a_terug.gif) 0px 0.3em no-repeat; line-height: 1em; } .cnt-kolom .t-kol-links a.terug:hover { background:transparent url(/images/htmweb/bullets/li_a_terug_ro.gif) 0px 0.3em no-repeat; color:#3A82CE; } /* small banners */ .cnt-kolom .t-kol-rechts h3.hdr-campagne { background-position:0px 0px !important; } .cnt-kolom .t-kol-rechts h3.small, .cnt-kolom .t-kol-rechts h3.small span { height:44px; } .cnt-kolom .intro-kolom h3#reisinfo-route { background:transparent url(/images/htmweb/titels/h3_reisinfo-route.gif) 0px 0px no-repeat; } .cnt-kolom .intro-kolom h3#reisinfo-informatie { background:transparent url(/images/htmweb/titels/h3_reisinfo-informatie.gif) 0px 0px no-repeat; } .cnt-kolom .intro-kolom h3#reisinfo-halte { background:transparent url(/images/htmweb/titels/h3_reisinfo-halte.gif) 0px 0px no-repeat; } .cnt-kolom .intro-kolom h3#reisinfo-begineindhalte { background:transparent url(/images/htmweb/titels/h3_reisinfo-begineindhalte.gif) 0px 0px no-repeat; } .cnt-kolom .intro-kolom h3#reisinfo-haltetijden { background:transparent url(/images/htmweb/titels/h3_reisinfo-haltetijden.gif) 0px 0px no-repeat; } .cnt-kolom .footer-kolom h3#reisinfo-actueel { background:transparent url(/images/htmweb/titels/h3_reisinfo-actueel.gif) 0px 0px no-repeat; } .cnt-kolom h4 { font-size:0.75em; margin-bottom:10px; } .wijzigingen .cnt-kolom h4 { font-size:0.69em; margin-bottom:0; } .cnt-kolom .t-kol-rechts h4 { color:#6f6f6f; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 0.92em; font-weight: normal; font-style: italic; padding: 0px 11px 4px 0px; } .cnt-kolom h5 { } .cnt-kolom p { font-size:0.69em; line-height:1.45em; } * html p { height: 1%; margin-left: 0; } /* Fixes IE Three Pixel Text-Jog */ .wijzigingen .cnt-kolom p {margin-bottom: 1.2em; clear: left;} .wijzigingen .cnt-kolom p.opmerking {margin-top: -15px; padding-bottom: 2em; clear: left;} .wijzigingen .cnt-kolom p.opmerking span {padding-right: 6px; float: left;} .wijzigingen .cnt-kolom p.opmerking span.lijn {width: 18px; height: 16px; display: block; text-align: center; line-height: 16px;font-weight: bold;} .wijzigingen .cnt-kolom p.opmerking span.lijn1 { background:transparent url(/images/htmweb/bullets/lijn_1_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn2 { background:transparent url(/images/htmweb/bullets/lijn_2_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn3 { background:transparent url(/images/htmweb/bullets/lijn_3_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn4 { background:transparent url(/images/htmweb/bullets/lijn_4_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn5 { background:transparent url(/images/htmweb/bullets/lijn_5_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn6 { background:transparent url(/images/htmweb/bullets/lijn_6_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn8 { background:transparent url(/images/htmweb/bullets/lijn_8_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn9 { background:transparent url(/images/htmweb/bullets/lijn_9_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn10 { background:transparent url(/images/htmweb/bullets/lijn_10_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn11 { background:transparent url(/images/htmweb/bullets/lijn_11_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn12 { background:transparent url(/images/htmweb/bullets/lijn_12_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn15 { background:transparent url(/images/htmweb/bullets/lijn_15_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn16 { background:transparent url(/images/htmweb/bullets/lijn_16_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn17 { background:transparent url(/images/htmweb/bullets/lijn_17_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.lijn19 { background:transparent url(/images/htmweb/bullets/lijn_19_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.bus { background:transparent url(/images/htmweb/bullets/buslijn_klein.gif) 0 0 no-repeat; color:#fff; } .wijzigingen .cnt-kolom p.opmerking span.bus-breed { background:transparent url(/images/htmweb/bullets/buslijn_breed_klein.gif) 0 0 no-repeat; color:#fff; width: 28px; } .wijzigingen .cnt-kolom p.opmerking span.nacht { background:transparent url(/images/htmweb/bullets/nachtnet_klein.gif) 0 0 no-repeat; color:#fff100; } .wijzigingen .cnt-kolom p.opmerking span.allelijnen { background:transparent url(/images/htmweb/bullets/asterix_klein.gif) 0 0 no-repeat; color:#fff; } .cnt-kolom .intro-kolom p { width: 500px; } .cnt-kolom p.intro { color:#000; padding-bottom:2px; } .cnt-kolom .intro-kolom p { margin-bottom: 22px; } .cnt-kolom p a { text-decoration:underline; color:#000; } .cnt-kolom p a:visited { text-decoration:underline; color:#000; } .cnt-kolom p a:hover { color:#3A82CE; } .cnt-kolom .t-kol-rechts p { color:#000; padding: 3px 10px 0px 10px; margin-bottom: 0; } .cnt-kolom .item.inloggen p.foutmelding {clear: left; margin: 0px 15px 0px 0; padding: 0 0 6px 20px; background:transparent url(/images/htmweb/achtergrond/error.gif) 0px 0px no-repeat; display: block; line-height: 13px; color:#ff0000;} .cnt-kolom .item.planner p.foutmelding {float: left; clear: left; margin: 4px 15px 0px 6.1em; padding: 0 0 0px 20px; background:transparent url(/images/htmweb/achtergrond/error.gif) 0px 0px no-repeat; display: block; line-height: 13px; color:#ff0000; } /* zie ie7hack */ .cnt-kolom .intro-kolom .item .item-content p.foutmelding { width: 450px; } .cnt-kolom .item.formulier p.foutmelding {float: left; clear: left; margin: 1px 15px 4px 135px; padding: 0 0 0px 20px; background:transparent url(/images/htmweb/achtergrond/error.gif) 0px 0px no-repeat; display: block; line-height: 13px; color:#ff0000; } /* zie ie7hack */ .cnt-kolom .t-kol-links .item.formulier p.foutmelding { margin: 1px 15px 4px 115px; } /* FORM */ .cnt-kolom form { display:inline; } .cnt-kolom .intro-kolom form { display:block; } .cnt-kolom label { } .cnt-kolom input { } .cnt-kolom .t-kol-rechts fieldset {margin:0px 15px 0px 0px } .cnt-kolom .t-kol-rechts input.text { width:75%; border:1px solid #979797; font-size:0.75em; margin:2px 0px 5px 0px; } .cnt-kolom .t-kol-rechts select { width:77%; font-size:0.69em; } .cnt-kolom .inputtekst { width:108px; padding:2px 0px 1px 2px; display:block; float:left; color:#000; font-size:0.69em; border:1px solid #838383; margin-right:10px;} html>body .cnt-kolom .inputtekst { padding:1px 0px 1px 2px; } .reisinfo-type2 { padding:0px 0px 0px 0px; margin-bottom:-8px; } .cnt-kolom .reisinfo-type1 label { float: left; display: block; line-height: 32px; color:#838383; padding-right: 38px; font-size:0.69em; } .cnt-kolom .reisinfo-type2 label { line-height: 32px; color:#838383; padding: 0 65px 0 6px; font-size:0.69em; } .cnt-kolom .reisinfo-type2 fieldset { float: left; padding:4px 0px 0px 0px; } .cnt-kolom .reisinfo-type3 label { float: left; line-height: 32px; color:#838383; padding-left: 6px; font-size:0.69em; clear: left; } .cnt-kolom .reisinfo-type3 fieldset { float: left; width: 410px; } .cnt-kolom .reisinfo-type3 input { margin-top: 16px } .cnt-kolom select { display:block; float:left; color:#000; font-size:0.69em; border:1px solid #979797; } .cnt-kolom .reisinfo-type3 select { display: inline; float: right; } .cnt-kolom select.top8 { margin-top:8px; } .cnt-kolom select.width232 { width:232px; } .cnt-kolom select.width332 { width:332px; } .cnt-kolom textarea { } .cnt-kolom .ok-knop, .cnt-kolom .verstuur-knop { float:none; border: none; padding: 0; margin: 0; } .cnt-kolom .verstuur-knop { margin-right:10px; } .cnt-kolom .mijnroutes .ok-knop { margin: -1px 0 0 8px; width: 22px; float: left; display: block;}/* zie iehacks */ .cnt-kolom .t-kol-rechts .verstuur-knop { border:none; width:20px; height:21px; margin:-2px 8% 0px 0px; } .cnt-kolom .info-knop { padding: 4px 6px 0 10px; } /* Toevoegingen voor zoeken op straat */ .cnt-kolom .form.straat label { display:block; float:left; padding:2px 0px 2px 0px; width:56px; } .cnt-kolom .form.straat label.obligatory { padding:2px 0px 2px 13px; width:43px !important; width /**/:56px; background:transparent url(/images/htmweb/bullets/li_blok.gif) 0px 7px no-repeat; } .cnt-kolom .form.straat label.obligatory strong { color:#3A82CE; } .cnt-kolom .form.straat select { width:176px; margin:0 0 0 0; } .cnt-kolom .form.straat select.width232 { width:232px; } .cnt-kolom .form.straat .inputtekst { width:170px !important; width /**/:172px; margin:0 0 3px 0; } .cnt-kolom .form.straat br { clear:left; } html>body .cnt-kolom .form.plaats { position:relative; z-index:999; } /* Toevoeging Imtech: vormgeving voor foutmelding toegevoegd. */ .cnt-kolom .form.straat .error { background:transparent url(/images/htmweb/bullets/error_message.gif) 4px 2px no-repeat; } .cnt-kolom .form.straat p.error { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color:#F00; padding:0px 0px 0px 23px; margin:0 0 15px 0; background-position:4px 0px; } html>body .cnt-kolom .form.straat p.error { margin:-5px 0 20px 0; } /* Einde toevoeging Imtech */ /* Einde toevoegingen voor zoeken op straat */ .form { overflow:hidden; width:100%; margin-bottom:2px; } straat .form { overflow:auto !important; width:auto; margin-bottom:2px; } .cnt-kolom label { font-size:0.69em; } .cnt-kolom input {padding:1px 0px 1px 2px; display:block; float:left; color:#000; font-size:0.69em; border:1px solid #979797; margin-right:10px; } .cnt-kolom .inputtekst { width:108px; padding:2px 0px 1px 2px; display:block; float:left; color:#000; font-size:0.69em; border:1px solid #979797; margin-right:10px;} .cnt-kolom select { display:block; float:left; color:#000; font-size:0.69em; border:1px solid #979797; } .cnt-kolom input.txt { display:block; float:left; color:#000; font-size:0.75em; border:1px solid #979797; padding:2px; margin:0px 0px 6px 3px; } .cnt-kolom form br, .cnt-kolom fieldset br { clear:left; } .cnt-kolom input.chk { display:block; float:left; color:#000; margin:-3px 0px 0px 0px; } html>body .cnt-kolom input.chk { margin:0px 6px 0px 3px; } .item.formulier .item-content { padding-left:0px !important; } .item.formulier label { display:block; float:left; color:#000; padding:2px 10px 2px 23px; margin:3px 0px; width:102px; } .t-kol-links .item.formulier label { width:82px; } .item.formulier label.label-C { text-align:right; padding:2px 5px 2px 5px; width:46px !important; width /**/:56px; } .item.formulier label.label-E { text-align:right; padding:2px 5px 2px 5px; width:71px !important; width /**/:81px; } .t-kol-links .item.formulier label.label-E { text-align:right; padding:2px 5px 2px 5px; width:61px !important; width /**/:71px; } .item.formulier input { font-size:0.69em; padding: 1px 0px 1px 2px; margin:3px 0px; display:block; float:left; border:1px solid #979797; } /* Toevoeging Imtech, 1 regel: zelfde vormgeving als voor input ook voor textarea toegevoegd */ .item.formulier textarea { font-size:0.69em; padding:2px; margin:3px 0px; display:block; float:left; border:1px solid #979797; width:319px !important; width /**/:325px; } .t-kol-links .item.formulier input.input-A { width:226px; } .item.formulier input.check { border:none; width:auto !important; width /**/:auto; margin-top: 4px; } .item.formulier input.input-A {width:319px;} .item.formulier input.input-B { width:222px !important; width /**/:228px; } .t-kol-links .item.formulier input.input-B { width:139px !important; width /**/:145px; } .item.formulier input.input-C { width:35px !important; width /**/:41px; } .t-kol-links .item.formulier input.input-C { width:25px !important; width /**/:31px; } .item.formulier input.input-D { width:63px !important; width /**/:69px; } .t-kol-links .item.formulier input.input-D { width:38px !important; width /**/:44px; } .item.formulier input.input-E { width:169px !important; width /**/:175px; } .t-kol-links .item.formulier input.input-E { width:111px !important; width /**/:117px; } .item.formulier select.mini { display:block; float:left; width:71px; margin:3px 4px 3px 0px; } .item.formulier br { clear:left; } .item.formulier p { padding-left:23px; } .item.formulier .obligatory { background:transparent url(/images/htmweb/bullets/li_blok.gif) 10px 6px no-repeat; } .item.formulier p.obligatory { color:#3A82CE; } .item.formulier .error { background:transparent url(/images/htmweb/bullets/error_message.gif) 4px 2px no-repeat; } .item.formulier p.error { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color:#F00; padding:0px 0px 0px 23px; margin:0 0 15px 0; background-position:4px 0px; } /* html>body .item.formulier p.error { margin:-5px 0 20px 0; }*/ .item.formulier .wdgt-row { padding-left:135px; } .t-kol-links .item.formulier .wdgt-row { padding-left:114px; margin-right: -15px; } .item.formulier.mail .wdgt-row { padding-left:10px; } html>body .item.formulier.mail .wdgt-row { padding-left:18px; } .item.formulier .wdgt-row label { padding:2px 20px 2px 5px; width:auto; } .item.formulier.mail .wdgt-row label { color:#000; } .frm-functs { vertical-align:middle; text-align: right; padding: 5px 10px 2px 10px; } .item .frm-functs { overflow: hidden; padding: 0 11px 3px 0;} .frm-functs.toelichting { width: 100%; padding: 0; overflow: hidden; } .frm-functs p { padding:5px 0px 10px 0px; color:#838383; float:left; vertical-align:middle; text-align: left; width:70%; } .frm-functs p.dbl-btn { width:50%; } .frm-functs p strong { color:#838383; } .frm-functs input { float:none; display:inline; vertical-align:middle; padding-right: 30px; font-size:0.75em; color:#838383; font-weight: bold; height: 36px; margin: 0px 0px 0px 20px; } .frm-functs input.nee-knop { padding-right:20px; } /* Knoppen input style */ html .item.formulier .frm-functs input.ok-knop, html .t-kol-links .item.formulier .frm-functs input.ok-knop {float: right; margin: -1px 0 3px 0px; display: inline; border: none; padding: 0 0 0 0; width: 36px; height: 36px;} .frm-functs label.button-label {float: right; clear: none; width: auto; text-align: right; margin: 10px 5px 0 19px; color: #838383; font-weight: bold; font-size: 0.75em; display: block; padding: 0 0 0 0; } .t-kol-links .frm-functs label.button-label {width: auto; } /* TABLE */ .cnt-kolom table { width:100%; } /*.cnt-kolom .kol-3 td.kol-1 { width:42%; } .cnt-kolom .kol-3 td.kol-2 { width:33%; } .cnt-kolom .kol-3 td.kol-3 { }*/ .cnt-kolom h4.tbl-titel { font-size:0.75em; background:#e0e0e0 url(/images/htmweb/achtergrond/c_tbl_hdr_left_top.gif) 0px 0px no-repeat; margin:0px; } .cnt-kolom h4.tbl-titel span { display:block; height:1.0em; width:auto; background:transparent url(/images/htmweb/achtergrond/c_tbl_hdr_right_top.gif) 100% 0px no-repeat; padding:5px 5px 5px 5px; } .cnt-kolom .tabel { margin-bottom:15px; } .cnt-kolom tr.wit th, .cnt-kolom tr.wit td { background-color:#fff; } .cnt-kolom table th { font-size:0.69em; padding:7px 5px 7px 5px; text-align: left;} .cnt-kolom table th.kol-1 { font-weight:normal; padding:2px 5px 2px 5px; } .cnt-kolom table td { font-size:0.69em; padding:2px 5px 2px 5px; height: 20px;} .cnt-kolom tr td span { display:block;float:left;width:25px; color:#3A82CE; font-weight:bold; } .cnt-kolom .einde-tabel { font-size:0em; height:6px; background:#e0e0e0 url(/images/htmweb/achtergrond/c_tbl_hdr_left_btm.gif) 0px 0px no-repeat; margin:0px; } .cnt-kolom .einde-tabel span { display:block; height:6px; background:transparent url(/images/htmweb/achtergrond/c_tbl_hdr_right_btm.gif) 100% 0px no-repeat; } /* TABLE WIJZIGINGEN */ .wijzigingen .cnt-kolom table { width:100%; margin: 10px 0 25px 0; padding: 0; border-collapse:separate; border-top: 1px solid #bacfe3; } .wijzigingen .cnt-kolom tr { } .wijzigingen .cnt-kolom th {margin: 0; padding: 0; line-height: 0; font-size: 0; display: none; text-indent: -9999px; } .wijzigingen .cnt-kolom td { margin: 0; padding: 1.1em 0 1em 0px; background:#fff; border-bottom: 1px solid #bacfe3; } .wijzigingen .cnt-kolom td.vervoerstype { width: 26px;} .wijzigingen .cnt-kolom td.vervoerstype span {display: none; text-indent: -9999px; margin: 0; font-size: 0; line-height: 0; } /* span helaas nodig voor Opera */ .wijzigingen .cnt-kolom td.type-bus {text-indent: -9999px; background:#fff url(/images/htmweb/achtergrond/icoon_bus_klein.gif) 50% 0.9em no-repeat; } .wijzigingen .cnt-kolom td.type-tram {text-indent: -9999px; background:#fff url(/images/htmweb/achtergrond/icoon_tram_klein.gif) 50% 0.7em no-repeat; } .wijzigingen .cnt-kolom td.type-rr {text-indent: -9999px; background:#fff url(/images/htmweb/achtergrond/icoon_rr_klein.gif) 50% 0.9em no-repeat; } .wijzigingen .cnt-kolom td.lijn { width: 35px; text-align: center; vertical-align: top; padding: 1.1em 0 0 0px; line-height: 1em; font-weight: bold; font-size: 0.75em; } .wijzigingen .cnt-kolom td.allewijzigingen { padding: 0.6em 10px 0.7em 10px; font-size: 100%;} .wijzigingen .cnt-kolom td.allewijzigingen ul li {color:#3A82CE; font-size: 90%; line-height: 1.3em; font-weight: bold;} .wijzigingen .cnt-kolom td.allewijzigingen ul li a {line-height:1.1em; padding:2px 0px 3px 12px; font-size:80%; font-weight: normal;} .wijzigingen .cnt-kolom td.lijn1 { background:#fff url(/images/htmweb/bullets/lijn_1.gif) 50% 0.7em no-repeat; color:#fff; } .wijzigingen .cnt-kolom td.lijn2 { background:#fff url(/images/htmweb/bullets/lijn_2.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn3 { background:#fff url(/images/htmweb/bullets/lijn_3.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn4 { background:#fff url(/images/htmweb/bullets/lijn_4.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn5 { background:#fff url(/images/htmweb/bullets/lijn_5.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn6 { background:#fff url(/images/htmweb/bullets/lijn_6.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn8 { background:#fff url(/images/htmweb/bullets/lijn_8.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn9 { background:#fff url(/images/htmweb/bullets/lijn_9.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn10 { background:#fff url(/images/htmweb/bullets/lijn_10.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn11 { background:#fff url(/images/htmweb/bullets/lijn_11.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn12 { background:#fff url(/images/htmweb/bullets/lijn_12.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn15 { background:#fff url(/images/htmweb/bullets/lijn_15.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn16 { background:#fff url(/images/htmweb/bullets/lijn_16.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn17 { background:#fff url(/images/htmweb/bullets/lijn_17.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.lijn19 { background:#fff url(/images/htmweb/bullets/lijn_19.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.bus { background:#fff url(/images/htmweb/bullets/buslijn.gif) 50% 0.7em no-repeat;color:#fff; } .wijzigingen .cnt-kolom td.bus-breed { background:#fff url(/images/htmweb/bullets/buslijn_breed.gif) 50% 0.7em no-repeat; color:#fff;} .wijzigingen .cnt-kolom td.nacht { background:#fff url(/images/htmweb/bullets/nachtnet.gif) 50% 0.7em no-repeat; color:#fff100; } .wijzigingen .cnt-kolom td.allelijnen { background:#fff url(/images/htmweb/bullets/asterix.gif) 50% 0.7em no-repeat; color:#fff;} /* UL */ .cnt-kolom ul { } .cnt-kolom ul.in-tekst { padding-bottom:15px; } .cnt-kolom .item-content ul { display:block; padding:3px 10px 12px 10px; margin:0px; } .cnt-kolom .t-kol-links .item-content ul, .cnt-kolom .een-kolom .item-content ul { display:block; padding:0 0 0 0px; margin:0px; } .cnt-kolom .simpele-lijst ul{ padding:3px 10px 25px 10px; } .cnt-kolom .t-kol-links .simpele-lijst ul, .cnt-kolom .een-kolom .simpele-lijst ul{ padding:3px 10px 20px 0px; } .cnt-kolom .simpele-lijst ul li { display:block; font-size:0.69em; background:transparent url(/images/htmweb/bullets/li.gif) 0px 7px no-repeat; padding:2px 0px 2px 12px; line-height: 1.2em; position: relative; } /* rechter kolom */ .cnt-kolom ul, .cnt-kolom ul li { width:auto; } .cnt-kolom ul li a { display:block; margin:0px; width:auto; padding:2px 0px 2px 12px; background:transparent url(/images/htmweb/bullets/li_a.gif) 0px 0.3em no-repeat; line-height: 1.2em;} .cnt-kolom ul li a strong { color:#3A82CE; } .cnt-kolom ul li a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 0px 0.3em no-repeat; color:#3A82CE; } .content1 .cnt-kolom ul li a:hover { text-decoration:underline; } .cnt-kolom ul li a:hover strong { color:#000; } .cnt-kolom .item .verder ul{ width:100%; padding-left: 0; margin-top: 5px;} * html .cnt-kolom .t-kol-rechts .item .verder ul{ line-height:0em !important; height:21px; overflow:hidden;} .cnt-kolom .item .verder ul.extratop { padding-top:5px !important; } .home .cnt-kolom .item .verder ul li {overflow:hidden; width:100%; background:transparent url(/images/htmweb/navigatie/verder_ro.gif) 100% 100% no-repeat;} .cnt-kolom .t-kol-rechts .item .verder ul li { overflow:hidden; width:100%; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 100% 100% no-repeat;} .home .cnt-kolom .item .verder ul li a { padding:0px !important; float:right; display:block; height:21px; width:38px; background:transparent url(/images/htmweb/navigatie/verder.gif) 0px 0px no-repeat; } .cnt-kolom .t-kol-rechts .item .verder ul li a { padding:0px !important; float:right; display:block; height:21px; width:38px; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; } * html .cnt-kolom .verder ul li { margin-bottom:-3px !important; } .cnt-kolom .in-tekst.verder ul{ clear:both;} .cnt-kolom .verder ul li a { padding:4px 0px 6px 30px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; } * html .verder ul li a { padding:4px 0px 9px 30px !important; } .cnt-kolom .verder ul li a:hover { text-decoration:none; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 0px 0px no-repeat; } /* actueel */ .cnt-kolom .t-kol-links .actueel {position: relative; } .cnt-kolom .t-kol-links .item.actueel .item-content {padding-top: 1px; } .cnt-kolom .actueel ul { overflow: hidden; display: block; padding: 0px 0px 0px 0px;} .cnt-kolom .actueel ul li {display: block; float: left; clear: left; padding: 2px 0 0px 0; margin: 0 0 0 0; width: 100%; }/* zie ie6 hacks */ .cnt-kolom .actueel ul li span {display: block; float: left; width: 65px; color: #fff; text-align: center; margin: 0; padding:0px 0 0px 0; line-height: 16px; font-weight: bold; margin-top: -2px; cursor: pointer;} .cnt-kolom .actueel ul li span span.tekstbrowser {display: none; } .cnt-kolom .actueel ul li.lijn1 span {background:transparent url(/images/htmweb/bullets/lijn_1_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn2 span {background:transparent url(/images/htmweb/bullets/lijn_2_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn3 span {background:transparent url(/images/htmweb/bullets/lijn_3_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn4 span {background:transparent url(/images/htmweb/bullets/lijn_4_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn5 span {background:transparent url(/images/htmweb/bullets/lijn_5_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn6 span {background:transparent url(/images/htmweb/bullets/lijn_6_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn8 span {background:transparent url(/images/htmweb/bullets/lijn_8_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn9 span {background:transparent url(/images/htmweb/bullets/lijn_9_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn10 span {background:transparent url(/images/htmweb/bullets/lijn_10_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn11 span {background:transparent url(/images/htmweb/bullets/lijn_11_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn12 span {background:transparent url(/images/htmweb/bullets/lijn_12_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn15 span {background:transparent url(/images/htmweb/bullets/lijn_15_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn16 span {background:transparent url(/images/htmweb/bullets/lijn_16_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn17 span {background:transparent url(/images/htmweb/bullets/lijn_17_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.lijn19 span {background:transparent url(/images/htmweb/bullets/lijn_19_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.bus span {background:transparent url(/images/htmweb/bullets/buslijn_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.bus-breed span {background:transparent url(/images/htmweb/bullets/buslijn_breed_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.nacht span {background:transparent url(/images/htmweb/bullets/nachtnet_klein.gif) 50% 50% no-repeat; color:#fff100; }/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li.allelijnen span {background:transparent url(/images/htmweb/bullets/asterix_klein.gif) 50% 50% no-repeat;}/* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li a { display: block; background: none; margin: 0 0 0 0px; line-height:1.2em; height: auto; padding:2px 0 2px 0; } /* zie ie6 en ie7 hacks */ .cnt-kolom .actueel ul li a:hover {background: none; line-height:1.2em; } .cnt-kolom .actueel ul li.toon-alles {position: absolute; right: 17px; top: 11px; width: auto; margin: 0; padding: 0; } .cnt-kolom .actueel li.toon-alles a { display:block; margin:0px; width:auto; padding:2px 0px 2px 12px; background:transparent url(/images/htmweb/bullets/li_a.gif) 0px 0.3em no-repeat; } .cnt-kolom .actueel li.toon-alles a:hover {background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 0px 0.3em no-repeat; color:#3A82CE; } /* lijnennetkaart */ .cnt-kolom .t-kol-links .item.lijnennetkaart .item-content { margin-left:0px; padding:0px 9px 0px 1px; overflow: hidden; } .cnt-kolom .lijnennetkaart a {background:transparent url(/images/htmweb/achtergrond/lijnennetkaart.gif) 0px 0px no-repeat; display: block; width: 100%; height: auto; float: left; } .cnt-kolom .lijnennetkaart a:hover {background-position: -411px 0;} .cnt-kolom .lijnennetkaart a span { color:#000; font-size: 0.69em; padding: 39px 10px 5px 22px; float: left; display: block; cursor: pointer; } .cnt-kolom .lijnennetkaart a:hover span { color:#3A82CE; } /* mijnroutes */ .cnt-kolom .t-kol-links .item.mijnroutes .item-content { padding:11px 15px 5px 8px; overflow: hidden; } .cnt-kolom .mijnroutes form { position: absolute; top: 9px; left: 120px; width: 48%; }/* zie ie6hacks */ .cnt-kolom .mijnroutes fieldset {float: left; width: 100%;} .cnt-kolom .mijnroutes fieldset div {float: left; } .cnt-kolom .mijnroutes label { display:block; visibility:hidden; position:absolute; left:-1000px; } .cnt-kolom .mijnroutes form select { width: 79%;} /* zie ie6hacks en js-enabeld.css */ .cnt-kolom .mijnroutes ul li a { float: right; margin-right: 2px; display: inline; height: auto; line-height: 12px;} .cnt-kolom ul.boven li a { padding-left:15px; background:transparent url(/images/htmweb/bullets/a_boven.gif) 0px 0.5em no-repeat; } .cnt-kolom ul.boven li a:hover { background:transparent url(/images/htmweb/bullets/a_boven_ro.gif) 0px 0.5em no-repeat; } .cnt-kolom .t-kol-rechts ul.verder {} * html .cnt-kolom .t-kol-rechts ul.verder.extratop, * html .home .cnt-kolom .t-kol-rechts ul.verder { line-height:0em !important; height:21px; overflow:hidden;} .cnt-kolom .t-kol-rechts ul.verder.extratop { padding-top:5px !important; } .cnt-kolom .t-kol-rechts .item ul.verder li { overflow:hidden; width:100%; background:transparent url(/images/htmweb/navigatie/verder_ro.gif) 100% 100% no-repeat; } * html .cnt-kolom .t-kol-rechts ul.verder li { margin-bottom:-3px !important; } .cnt-kolom .t-kol-rechts .item ul.verder li { background:transparent url(/images/htmweb/navigatie/verder_ro.gif) 100% 100% no-repeat; } .cnt-kolom .t-kol-rechts .item a.verder { padding:0px; display:block; height:11px; width:11px; text-indent: -9999px; position: absolute; bottom: 11px; right: 6px; cursor: pointer;} .cnt-kolom .t-kol-rechts .item a.verder { background:transparent url(/images/htmweb/knoppen/zak_verder.gif) 0 0 no-repeat;} .cnt-kolom .t-kol-rechts .item.banner a.verder { background:transparent url(/images/htmweb/knoppen/verder.png) 0 0 no-repeat;} .cnt-kolom .t-kol-rechts .item a.verder:hover, .cnt-kolom .t-kol-rechts .item a.verder.js-hover { background-position: 0px -11px;} .cnt-kolom .t-kol-rechts .item.banner a.verder:hover, .cnt-kolom .t-kol-rechts .item.banner a.verder.js-hover, body .cnt-kolom .t-kol-rechts .banner.item-ro a.verder { background:transparent url(/images/htmweb/knoppen/verder_ro.png) 0px 0px no-repeat;} .cnt-kolom ul.top-lijst { border-bottom:1px solid #CADAEA; margin:0px 0px 5px 0px; } .cnt-kolom .t-kol-links ul.top-lijst li a { margin-right:10px; padding:4px 0px 5px 0px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 100% 0px no-repeat; } .cnt-kolom .t-kol-links ul.top-lijst li a:hover { background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 100% 0px no-repeat; } .cnt-kolom ul.in-tekst.verder { clear:both;} .cnt-kolom ul.verder li a { padding:4px 0px 6px 30px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; } * html ul.verder li a { padding:4px 0px 9px 30px !important; } .cnt-kolom ul.verder li a:hover{ text-decoration:none; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 0px 0px no-repeat; } .cnt-kolom ul.lees-meer { padding: 6px 0 } .cnt-kolom ul.lees-meer li a { padding:2px 0px 4px 30px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; color:#838383; } .cnt-kolom ul.lees-meer li a:hover{ text-decoration:none; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 0px 0px no-repeat; color:#3A82CE; } /* planner */ .cnt-kolom .full-kolom .intro-kolom .item.planner { margin: 0 7px 22px 0; position: relative; } .cnt-kolom .item.planner .item-content { padding:0px 11px 0px 10px; overflow: hidden;} .cnt-kolom .planner fieldset {margin-top: 0.4em; } .cnt-kolom .intro-kolom .planner fieldset {display: block; width: 100%; } .cnt-kolom .planner fieldset div {float: left; margin: 0 0 0px 8px; width: 22px;} .cnt-kolom .planner fieldset div input.ok-knop {margin: -1px 0 -2px 0px; } /* see iehacks */ .cnt-kolom .planner label {float: left; display: block; width: 6.1em; line-height: 1.4em;} .cnt-kolom .planner label.label-small {width: 1.9em;} .cnt-kolom .planner select { width: 64%;} .cnt-kolom .intro-kolom .planner select { width: 279px;} .cnt-kolom .planner input.twodigits { float: left; width: 1.45em; padding-left: 3px; margin-right: 6px; } .cnt-kolom .planner input.fourdigits { float: left; width: 2.6em; padding-left: 3px; margin-right: 6px;} .cnt-kolom .planner input.ok-knop {margin: -3px 0 3px 10px; float: right; } .cnt-kolom .intro-kolom .item form input.ok-knop {float: right; margin: -1px 0 3px 0px; display: inline;} .cnt-kolom form label.button-label {float: right; clear: none; width: auto; text-align: right; margin: 10px 5px 0 0; color: #838383; font-weight: bold; font-size: 0.75em; } .home .cnt-kolom form label.button-label {margin: 7px -5px 0 0; } /* bewaarblok */ .item.bewaarblok {width: 395px; margin-top: 22px; margin-bottom: 0; float: right; overflow: hidden; } .item.bewaarblok h3 {background:transparent url(/images/htmweb/titels/h3_bewaarroute.gif) 0px 0px no-repeat; height: 28px; text-indent: -9999px; line-height: 0; font-size: 0;} .item.bewaarblok .item-content {height: auto; background:transparent url(/images/htmweb/achtergrond/item_bewaarblok_onder.gif) left bottom no-repeat; padding: 0 10px 11px 10px; margin: 0px 0 5px 0; overflow: hidden; } .item.bewaarblok fieldset {display: block; width: 100%; margin-top: 0.4em; } .item.bewaarblok label {font-size: 0.69em; float: left; clear: left; display: block; width: 64px; line-height: 1.4em; margin-bottom: 1px; } .item.bewaarblok label.voorbeeld {color:#838383; margin: 0 0 0px 64px; width:300px; display: inline; padding-top:0px; } .item.bewaarblok form input {font-size: 0.69em; float: left; border: none; padding:1px 0px 1px 2px; } .item.bewaarblok input.text {width: 232px; margin: 0 0 4px 0; border:1px solid #979797; } .item.bewaarblok form input.checkbox {width:auto; clear: left; margin:1px 4px 0 64px; display: inline;} .item.bewaarblok form label.reisinfo-optin {float: left; clear: none; width: 280px; line-height: 1.4em; } .item.bewaarblok form input.ok-knop {float: right; margin: -1px 0 3px 0px; display: inline;} .item.bewaarblok form label.button-label {float: right; clear: none; width: auto; text-align: right; margin: 10px 5px 0 19px; color: #838383; font-weight: bold; font-size: 0.75em; display: inline; } .item.bewaarblok p {margin: 0.4em 15px 4px 0px; line-height: 1.45em; } .item.bewaarblok p.foutmelding {float: left; clear: left; margin: 0px 15px 4px 64px; padding: 0 0 0px 20px; background:transparent url(/images/htmweb/achtergrond/error.gif) 0px 0px no-repeat; display: inline; line-height: 13px; color:#ff0000; width: 280px; } item.bewaarblok a { float: right; display:inline; margin: 33px 10px 14px 0; width:auto; padding:2px 13px 2px 0; background:transparent url(/images/htmweb/bullets/li_a.gif) 100% 0.3em no-repeat; line-height: 1.2em; font-size: 0.69em; } .item.bewaarblok a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 100% 0.3em no-repeat; color:#3A82CE; } /* formuliertje */ .cnt-kolom .t-kol-rechts .item.formuliertje { background:#fff url(/images/htmweb/achtergrond/item_rechter_grens_wit.gif) 100% 0px repeat-y;} .cnt-kolom .t-kol-rechts .item.formuliertje .item-content {padding: 3px 0 20px 11px;} .cnt-kolom .t-kol-rechts .item.formuliertje h3 { width:100%; background-position: -300px 0px; } .cnt-kolom .t-kol-rechts .item.formuliertje h3 span { background-position: 100% -200px; display: block;} .cnt-kolom .t-kol-rechts .item.formuliertje form input {float: left; border: none; } .cnt-kolom .t-kol-rechts .item.formuliertje form input.text {width: 75%; margin: 0 0 0.4em 0; border:1px solid #979797; font-size: 0.69em;} .cnt-kolom .t-kol-rechts .item.formuliertje form input.ok-knop {margin: -1px 0 0px 8px; } .cnt-kolom .item.formuliertje p.foutmelding {clear: left; margin: 0px 15px 0px 0; padding: 0 0 6px 20px; background:transparent url(/images/htmweb/achtergrond/error.gif) 0px 0px no-repeat; display: block; line-height: 13px; color:#ff0000;} /* tekstblok */ .cnt-kolom .t-kol-rechts .item.tekstblok { background:none; overflow: hidden; width: 100%; } .cnt-kolom .t-kol-rechts .item.tekstblok .item-content { margin:0 0px 0 0; padding:0px 0px 0px 0px; background:none; overflow: hidden; position: relative;overflow: hidden; } .cnt-kolom .t-kol-rechts .item.tekstblok h3 { width:auto; background:none; margin-bottom: 7px; } .cnt-kolom .t-kol-rechts .item.tekstblok p { color:#000; padding: 3px 10px 0px 0px; margin-bottom: 0; } .cnt-kolom .t-kol-rechts .item.tekst .item-content p { margin-bottom: 1.2em; } /* Uitklap lijst */ ul.lijst li { font-size:1.0em !important; } ul.lijst li a.in { padding:4px 0px 3px 30px; font-size:0.74em; margin-bottom:2px; background:transparent url(/images/htmweb/bullets/ul_lijst_li_a_dicht.gif) 0px 0px no-repeat; font-weight:bold; color:#787878; } ul.lijst li a.in:hover {background:transparent url(/images/htmweb/bullets/ul_lijst_li_a_dicht_ro.gif) 0px 0px no-repeat; color:#3A82CE; } ul.lijst li a.uit { padding:4px 0px 3px 30px; font-size:0.74em; margin-bottom:2px; background:transparent url(/images/htmweb/bullets/ul_lijst_li_a_open.gif) 0px 0px no-repeat; font-weight:bold; color:#000; } ul.lijst li a.uit:hover { padding:4px 0px 3px 30px; font-size:0.74em; margin-bottom:2px; background:transparent url(/images/htmweb/bullets/ul_lijst_li_a_open_ro.gif) 0px 0px no-repeat; font-weight:bold; color:#3A82CE; } ul.lijst ul { display:block; margin:0px 0px 0px 30px; } ul.lijst ul li a.in { padding:1px 0px 1px 15px; margin-bottom:2px; font-size:0.69em; background:transparent url(/images/htmweb/bullets/ul_lijstsub_li_a_dicht.gif) 0px 3px no-repeat; font-weight:bold; color:#787878; } ul.lijst ul li a.in:hover {background:transparent url(/images/htmweb/bullets/ul_lijstsub_li_a_dt_ro.gif) 0px 3px no-repeat; color:#3A82CE; } ul.lijst ul li a.uit { padding:1px 0px 1px 15px; margin-bottom:2px; font-size:0.69em; background:transparent url(/images/htmweb/bullets/ul_lijstsub_li_a_op.gif) 0px 3px no-repeat; font-weight:bold; color:#000; } ul.lijst ul li a.uit:hover { padding:1px 0px 1px 15px; font-size:0.69em; background:transparent url(/images/htmweb/bullets/ul_lijstsub_li_a_op_ro.gif) 0px 3px no-repeat; color:#3A82CE; } ul.lijst li div { display:block; font-size:0.69em; margin:0px 0px 5px 30px; overflow: hidden;} ul.lijst ul li div { display:block; font-size:0.69em; margin:0px 0px 5px 16px; overflow: hidden;} ul.lijst li div a { display:inline !important; background:none !important; padding:0 !important; margin:0 !important; font-weight:normal !important; font-size:100% !important; color:#000 !important; text-decoration:underline; } ul.lijst li div a:hover { color:#3A82CE !important; } ul.lijst li div p { font-size:100%; } ul.lijst li span.afbeelding { margin:4px 15px 2px 0px !important; } .cnt-kolom ol { } .cnt-kolom ol li { } .cnt-kolom img {} .cnt-kolom div.img-campagne { display:block !important; } /* Toevoeging Imtech: JKA(: bovenstaande regel blijkt vervangen te zijn door anton scharloo(imtech) door onstaande 2 regels... */ .cnt-kolom div#campagne1 { height:95px; width:100%; background:#FFF url(/images/htmweb/campagne/campagne1_reisinfo.jpg) 0px 0px no-repeat; } .cnt-kolom div#campagne2 { height:95px; width:100%; background:#FFF url(/images/htmweb/campagne/campagne2_reisinfo.jpg) 0px 0px no-repeat; } /* Einde toevoeging Imtech. */ .cnt-kolom div.afb3-illustratie { height:110px; width:100%; background:transparent url(/images/htmweb/illustraties/illustratie3.jpg) 0px 0px no-repeat; } .cnt-kolom div.inline-illustratie { height:100%; background-position:50% 0; } /* infotekst boven tabel */ #timetable .infotekst {width: 53%; background:transparent url(/images/htmweb/bullets/li_a.gif) 8px 0.15em no-repeat; overflow: hidden; margin: 5px 0 -2px 38%; } .haltetijden-pagina #timetable .infotekst {margin: 5px 0 -5px 33%; } .traject-pagina #timetable .infotekst {margin: 5px 0 -10px 33%; } #timetable .infotekst p {color:#838383; line-height: 1.4em; margin: 0 0 0 4px; padding-left:16px;} #timetable .infotekst p strong {color:#838383;} #timetable .infotekst p strong a {color:#838383;} #timetable .infotekst p strong a:hover {color:#3A82CE;} #timetable .infotekst p strong span {color:#000; } /* styling voor de tijden tabel */ #timetable .item-header { padding: 0; margin: 0 1px 0 0; height: auto; clear: both;} #timetable.daytimedropdown .item-header { background:#acacac url(/images/htmweb/achtergrond/hdr_bgknop.gif) right top no-repeat;} #timetable.daydropdown .item-header { background:#acacac url(/images/htmweb/achtergrond/hdr_bgknop_small.gif) right top no-repeat;} #timetable.nodropdown .item-header{ background-color:#acacac; padding: 0; margin: 0; height: auto; } #timetable .hdr-topleft { padding: 0; margin: 0; background:transparent url(/images/htmweb/achtergrond/hdr_topleft.gif) top left no-repeat; } #timetable .hdr-bottomright { padding: 0; margin: 0; background:transparent url(/images/htmweb/achtergrond/hdr_bottomright.gif) bottom right no-repeat; height: 100%; } #timetable .hdr-bottomleft { padding: 0; margin: 0; background:transparent url(/images/htmweb/achtergrond/hdr_bottomleft.gif) bottom left no-repeat; height: 100%;} #timetable .hdr-topright { padding: 0; margin: 0; background:transparent url(/images/htmweb/achtergrond/hdr_topright.gif) top right no-repeat; height: 100%;} #timetable #hdr { width: 100%; padding: 2px 0 1px 0; overflow: hidden; } #timetable #hdr h3 { float: left; width: 78px; color: #fff; font-size: 1.8em; font-style: italic; font-weight: normal; text-align: center; padding-top: 8px; } #timetable #hdr .ico-tram { background:transparent url(/images/htmweb/achtergrond/tram.gif) center center no-repeat; float: left; width: 40px; height: 46px; border-left: 1px solid #fff; border-right: 1px solid #fff } #timetable #hdr .ico-bus { background:transparent url(/images/htmweb/achtergrond/bus.gif) center center no-repeat; float: left; width: 40px; height: 46px; border-left: 1px solid #fff; border-right: 1px solid #fff } #timetable #hdr .ico-rail { background:transparent url(/images/htmweb/achtergrond/randstadrail.gif) center center no-repeat; float: left; width: 40px; height: 46px; border-left: 1px solid #fff; border-right: 1px solid #fff } #timetable #hdr .line-desc { float: left; font-size: 0.75em; line-height: 1.3em; font-weight: bold; color: #fff; padding-left: 12px; padding-top: 7px;} #timetable #hdr .line-desc.r1 { padding-top:15px;} #dropdown-spacer { float: right; padding:0; width:39px; margin: 0; } .table-functs { float:right; overflow: hidden; margin-right: 0px; } #day-dropdown { float: left; padding:7px 10px 9px 11px; width:150px; margin: 0px 0px 0px 0px; } #time-dropdown, #no-dropdown { float: left; padding:7px 10px 9px 11px; width:80px; margin: 0px 0px 0px 0px; } #day-dropdown ul, #time-dropdown ul {display: none;} #day-options, #time-options { display:none; }/*for non-js version*/ #no-dropdown { height:2.0em; } .table-functs .form-button { float: left; padding:5px 3px 0px 6px; width:42px; margin: 0; } #day-dropdown h4, #time-dropdown h4 { color:#838383; font-size:0.69em; font-weight:normal; } #day-dropdown ul, #time-dropdown ul {margin-top: 4px;} #day-dropdown li, #time-dropdown li { display:none; } #day-dropdown li#day-selected, #time-dropdown li#time-selected { display:block; color:#000; font-size:0.75em; background:transparent url(/images/htmweb/knoppen/btn_dropdown.gif) 100% 4px no-repeat; padding:0 30px 0 0; cursor: pointer; line-height: 1.1em; } #day-dropdown li#day-selected strong, #time-dropdown li#time-selected strong { font-weight:normal; } #day-dropdown select { border: 1px solid #979797; font-size:0.69em; width:150px; padding:0px; margin:1px 0 -4px 0; } #time-dropdown select { border: 1px solid #979797; font-size:0.69em; width:80px; padding:0px; margin:1px 0 -4px 0; } #day-options { position:absolute; top:1px; right:153px; width:170px; padding:5px 0px 0px 0px; background-color:#fff; border:1px solid #979797; border-top: none; z-index:1000;} .daytimedropdown #day-options {right:153px;} .daydropdown #day-options {right:52px;} #day-options.xtra-breed { width:200px; } #time-options { position:absolute; top:1px; right:52px; width:100px; padding:5px 0px 0px 0px; background-color:#fff; border:1px solid #979797; border-top: none; z-index:1000; height: 10.2em; overflow: scroll; overflow-y: scroll; overflow-x: hidden;}/*zie iehacks extra overflow: scroll is voor opera, die kent overflow-y niet */ #day-options a, #time-options a { display:block; padding:3px 10px 3px 11px; font-size:0.75em; background-color: #fff; } #day-options a:hover, #time-options a:hover { background-color: #e7e7e7; cursor: pointer; } #timetable .item-info { background:transparent url(/images/htmweb/achtergrond/item_rechter_grens3.gif) 100% 0px repeat-y; margin: 0; padding: 0; position: relative; } #timetable .item-info .item-content { height: 100%; position: relative; background:transparent url(/images/htmweb/achtergrond/item_linker_grens.gif) top left repeat-y; padding: 0 9px 0 1px; margin: 0; overflow: hidden;} #timetable .item-info .item-info-meer { padding: 3px 0 0px 0; width: 100%; overflow: hidden; background: #f6f6f6 url(/images/htmweb/achtergrond/stippel.gif) left top repeat-x; } #timetable .item-info .item-info-meer fieldset {display: none; } #timetable .item-info .item-info-meer p { color:#838383; padding: 15px 0 12px 10px; line-height: 1.3em; width:50%; float: left; } #timetable .item-info .item-info-meer h4 { color:#000; padding: 15px 0 5px 10px; font-size:0.69em; line-height: 1.3em; clear:both; } /*#timetable .item-info .item-info-meer ul { padding: 0 0 12px 10px; clear:both; } #timetable .item-info .item-info-meer li a { color:#000; clear:both; padding:2px 0 2px 15px; background:transparent url(/images/htmweb/bullets/li_a.gif) 5px 3px no-repeat; } #timetable .item-info .item-info-meer li a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 5px 3px no-repeat; color:#3A82CE; } } */ #timetable .item-info .item-info-meer ul.in-tekst { padding-bottom:15px; } #timetable .item-info .item-info-meer ul { display:block; padding:3px 10px 12px 10px; margin:0px; } #timetable .item-info .item-info-meer ul li { width:auto; } #timetable .item-info .item-info-meer ul li a { display:block; margin:0px; width:auto; padding:2px 0px 2px 15px; background:transparent url(/images/htmweb/bullets/li_a.gif) 5px 0.3em no-repeat; line-height: 1.2em;} #timetable .item-info .item-info-meer ul li a:hover { background:transparent url(/images/htmweb/bullets/li_a_ro.gif) 5px 0.3em no-repeat; color:#3A82CE; text-decoration:underline; } #timetable .item-info .item-info-meer ul li a strong { color:#3A82CE; } #timetable .item-info .item-info-meer ul li a:hover strong { color:#000; } #timetable .item-info .item-info-meer ul.verder { padding-bottom:6px; } #timetable .item-info .item-info-meer ul.verder li a { padding:4px 0px 6px 30px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; color:#838383; } * html #timetable .item-info .item-info-meer ul.verder li a { padding:4px 0px 9px 30px !important; } #timetable .item-info .item-info-meer ul.verder li a:hover { text-decoration:none; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 0px 0px no-repeat; color:#3A82CE; } #timetable #infoOpen02 { display: none; } #timetable .item-info div.einde-item { height:10px; font-size:0em; padding:0px; margin:0px; background:#f6f6f6 url(/images/htmweb/achtergrond/item_linker_ondergrens2.gif) 0px 0px no-repeat; width:auto; } #timetable .item-info div.einde-item span { display:block; height:10px; background:transparent url(/images/htmweb/achtergrond/item_rechter_ondergrens.gif) 100% 0px no-repeat; width:auto; } #timetable h3#leeg { font-size: 0px; height:4px; width:auto; background:transparent url(/images/htmweb/achtergrond/table_linker_bovengrens.gif) bottom left no-repeat; } #timetable h3#leeg span { display:block; height:4px; width:auto; background:transparent url(/images/htmweb/achtergrond/table_rechter_bovengrens.gif) bottom right no-repeat; line-height: 0; text-indent: -9999px; font-size: 0; } #timetable h3#reisinfo-dagentijd { height:26px; width:auto; background:transparent url(/images/htmweb/titels/h3_reisinfo-dagentijd.gif) 0px 0px no-repeat; } /*#timetable h3#reisinfo-dag { height:26px; width:auto; background:transparent url(/images/htmweb/titels/h3_reisinfo-dag.gif) 0px 0px no-repeat; }*/ #timetable ul.meer-info { margin:0; padding: 0; } #timetable ul.meer-info li a { margin: 0; padding: 8px 0px 8px 40px; display:block; background:#f6f6f6 url(/images/htmweb/navigatie/info_knop.gif) 10px 4px no-repeat; border-top: 1px dotted #A3A3A3; color:#838383;} #timetable ul.meer-info li a:hover { background:#f6f6f6 url(/images/htmweb/navigatie/info_knop_ro.gif) 10px 4px no-repeat; color:#3A82CE;} #timetable ul.meer-info p { margin: 0 145px 10px 145px; font-size:100%; } #timetable p, #timetable td, #timetable th,#timetable li { font-size:0.69em; } #timetable table { width: 100%; margin: 15px 0 20px 0; } #timetable table td.row-close { width:100% !important; } #timetable .routetijden {margin: 15px 0 20px 0;} #timetable .routetijden tr.oneven { background:#f4f4f4; } #timetable .routetijden tr.even { background:#fff; } #timetable .routetijden th,#timetable .routetijden td { padding: 4px 10px 4px 0px; width:30px !important; width /**/:40px; text-align:right; } #timetable .routetijden th { padding-left: 20px; font-weight: normal; text-align: left; width: 160px !important; } #timetable .haltetijden tr.oneven { background:#fff; } #timetable .haltetijden tr.even { background:#f3f3f3; } #timetable .haltetijden th, .haltetijden td { padding: 2px 2px; height: 26px; width:30%; } #timetable .haltetijden td { text-align: left; } #timetable .haltetijden th { padding-left: 20px; width:3.333%; text-align: left; } #timetable .haltetijden th.tijdspanne { width:35%; } html>body #timetable .haltetijden th.tijdspanne { width:32.4%; } #timetable .haltetijden tr.tijden th { color: #3A82CE; } table#rittabel { width:92%; margin:30px 0 20px 10px; } .mijnroutes table#rittabel { width:100%; margin: 0; z-index: 10000; position: relative; clear: left; margin-bottom: 4px; } /*table#rittabel tr { display:none; }*/ table#rittabel tr.departure, table#rittabel tr.arrival, table#rittabel tr.total-time { display:block; } html>body table#rittabel tr.departure, html>body table#rittabel tr.arrival, html>body table#rittabel tr.total-time { display:table-row; } table#rittabel th, table#rittabel td { text-align:left; vertical-align:top; font-weight:normal; color:#838383; padding:0px 2px 2px 2px; } .mijnroutes table#rittabel th.vertrek-aankomst { width: 14%; padding-right: 5px;} .mijnroutes table#rittabel th.halte { width: 34%; } .mijnroutes table#rittabel th strong { font-size: 100%;} .mijnroutes table#rittabel td { text-align: right; padding:0px 0px 2px 5px; } table#rittabel th strong { color:#838383; } table#rittabel .departure th strong, table#rittabel .departure td, table#rittabel .arrival th strong, table#rittabel .arrival td, table#rittabel .total-time td { color:#000; } table#rittabel th strong { font-size:110%; } table#rittabel td { font-size:0.75em; font-weight:bold; } table#rittabel .total-time td { font-weight:normal; } table#rittabel.all { width:100%; margin:15px 0 20px 0px; } table#rittabel.all tr.oneven { background:#fff; height:20px; } table#rittabel.all tr.even { background:#f7f7f7; height:20px; } table#rittabel.all th { padding: 2px 2px 2px 10px; font-weight:normal; } table#rittabel.all td { padding: 2px 5px 2px 2px; font-weight:normal; } table#rittabel.all tr.arrival td, table#rittabel.all tr.departure td { width:42px; } table#rittabel tr.departure th strong { display:block; margin-right:-6px; } table#rittabel.all th.line-num { padding: 2px 8px 2px 4px; font-size:38px; font-weight:bold; text-align:right; vertical-align:top; color:#3A82CE; } table#rittabel.all tr.arrival td, #rittabel.all tr.departure td { font-weight:bold; } /* Bus en Tram */ #timetable table.bus-tram-route { width: 700px; } .bus-tram-route th, .bus-tram-route td { text-align:left; } .bus-tram-route .zone { text-align:left; background:url(/images/htmweb/achtergrond/r_zone_tussen.gif) 100% 0.75em repeat-x; } .bus-tram-route .zone span { display:inline !important; display /**/:block; padding:0 5px 0 23px; background-color:#fff; color:#3A82CE; } .bus-tram-route .zone img { display:none !important; display /**/: block; margin:3px 0 0 0; width:auto; } .bus-tram-route .halte { width:35%; vertical-align:middle; text-align:right; background:url(/images/htmweb/bullets/r_halte_tussen.gif) 100% 0 repeat-y !important; background /**/:none; } .bus-tram-route .eerste .halte { vertical-align:top; } .bus-tram-route .laatste .halte { vertical-align:bottom; } .bus-tram-route .halte img { display:block; float:right; } table.bus-tram-route td a, table.bus-tram-route td a strong { text-decoration:underline; } .bus-tram-route .nr { padding-left:2.5em; } /* Einde Bus en Tram */ .tt-btns { float: right; margin:10px 10px 10px 0; width:35px; display: inline; } #timetable ul.meer-info li a { color:#838383; } #timetable ul.meer-info li a:hover { color:#3A82CE; } #timetable { } #timetable ul.print-knop { padding: 10px 0 6px 10px; clear:both; } #timetable ul.print-knop li a { padding:4px 0px 4px 30px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; color:#838383; } #timetable ul.print-knop li a:hover{ text-decoration:none; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 0px 0px no-repeat; color:#3A82CE; } #timetable ul.opties { margin: 0; padding: 10px 0 0 10px; clear:both; height: 28px !important; height /**/: 38px; } #timetable ul.opties li { display: inline; list-style-type: none; margin: 0; padding: 0; } #timetable ul.opties li a { float: left; padding:4px 16px 4px 30px; display:block; background:transparent url(/images/htmweb/navigatie/verder2.gif) 0px 0px no-repeat; color:#838383; } #timetable ul.opties li a:hover{ text-decoration:none; background:transparent url(/images/htmweb/navigatie/verder2_ro.gif) 0px 0px no-repeat; color:#3A82CE; } .tt-functs { padding:10px 10px 10px 10px; overflow: hidden; clear:both; } .tt-functs form { display:inline; } .tt-functs fieldset { margin:0; float:left; } .tt-functs input { font-size:0.69em; padding:0px 0px 0px 26px; height: 20px; line-height: 21px; color:#838383; background:transparent url(/images/htmweb/knoppen/verstuur_knop.gif) 0px 0px no-repeat; margin:0 12px 0 0; cursor: pointer; float: left; text-align: left;} .tt-functs input.input-ro {color:#3a82ce; background:transparent url(/images/htmweb/knoppen/verstuur_knop_ro.gif) 0px 0px no-repeat; } .tt-functs input#printroute, .tt-functs input#printdienstregeling, .tt-functs input#printhaltetijden { background:transparent url(/images/htmweb/knoppen/print_knop.gif) 0px 0px no-repeat; margin:0 12px 0 0; cursor: pointer; float: left; } .tt-functs input#printroute.input-ro, .tt-functs input#printdienstregeling.input-ro, .tt-functs input#printhaltetijden.input-ro {color:#3a82ce; background:transparent url(/images/htmweb/knoppen/print_knop_ro.gif) 0px 0px no-repeat; } .tt-functs fieldset.save-btn { margin:-7px -5px -7px 0; float:right; } .tt-functs fieldset.save-btn input.ok-knop { float:left; margin: 0px; display: inline; font-size:0em; padding:0px; height: auto; line-height: 0em; background:transparent none 0px 0px no-repeat; } .tt-functs fieldset.save-btn label.button-label { float:left; text-align: right; margin: 10px 5px 0 0; color: #838383; font-weight: bold; font-size: 0.75em; } #timetable .item-info .info-prijs { padding: 3px 0 0px 0; width: 100%; overflow: hidden; background: #fff url(/images/htmweb/achtergrond/stippel.gif) left top repeat-x; } #timetable .item-info .info-prijs.solo { background: #fff none left top repeat-x; } #timetable .item-info .info-prijs p { color:#838383; padding: 0px 0 12px 0; line-height: 1.3em; margin-left:360px; width:500px; } #timetable .item-info .info-prijs table { float:right; width: 575px; } #timetable .item-info .info-prijs table th { padding:0px 10px 4px 10px; } #timetable .item-info .info-prijs table td { padding:4px 10px 4px 10px; } #timetable .item-info .info-prijs table th.prijs, #timetable .item-info .info-prijs table td.prijs { text-align:right; } #timetable .item-info .info-prijs table tr.oneven td { background-color: #f3f3f3; } #timetable .item-info .info-prijs table th.info-btn, #timetable .item-info .info-prijs table td.info-btn { padding:0; margin:0; width:25px; } #timetable .item-info .info-prijs table td.info-btn span.meerinfo { display:block; width: 14px; height: 13px; font-size: 0; line-height: 0; text-indent: -9999px; background:transparent url(/images/htmweb/knoppen/button-i.gif) 0 0 no-repeat; margin: 1px 0px 0 3px;} /*#timetable .item-info .info-prijs table td.info-btn a:hover { background-position: 0 -13px;}*/ #timetable .item-info .info-prijs table tr.oneven td.info-btn { background-color: #fff; } #timetable .item-info .info-prijs h4 { float:left; width: 300px; margin:15px 0 0 10px; color:#3a82ce; font-size:0.69em; font-weight:bold; } /* Lijnennet kaart */ .lijnennet .cnt-kolom .een-kolom { padding-top:10px; } #lijnen-frames { width:980px; } #net-kaart { float:left; width:696px; } #net-nav { float:left; width:270px; } /* Einde lijnennetkaart */ /* =============== EINDE content ELEMENTEN */ /* =============== footerblok ELEMENTEN */ #footer-zone { height:60px; background:#FFF url(/images/htmweb/achtergrond/footer_links_ag.gif) 0px 0px no-repeat; } #footer-kolom { height:60px; background:transparent url(/images/htmweb/achtergrond/footer_rechts_ag.gif) 100% 0px no-repeat; } .home #footer-kolom { padding-left:14px; } /* =============== EINDE footerblok ELEMENTEN */