/** * www.isalatheater.nl * @author Lieselot * powered by Peppered * www.peppered.nl */ /** * Isala Theater : base * * @copyright Copyright(c) 2008 Peppered. * @author Lieselot * * @colordef hex(#300020); Dark Brown * @colordef hex(#640036); Purple * @colordef hex(#c37fa4); Light Purple * @colordef hex(#93ae16); Logo Green * @colordef hex(#6e8500); Dark green */ /* ------------ global setting -------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption,th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } a { text-decoration: none; } a:hover, a.hover { text-decoration: underline; } a img { border:none; } .clr { clear: both; } .hidden { display: none!important;} .hr { height: 1px; width: 100%; margin: 15px 0; } .dotted { background: transparent url(/images/dottedline.gif) repeat-x 0 0; } .toLeft { float: left; width: auto; } .toRight { float: right; } .smallFnt { font-size: 80%; } .groter { font-size:1.27em } .grootst { font-size:1.45em } input.txtLink { padding: 0; width: 0; /* IE table-cell margin fix */ overflow: visible; } input.txtLink[class] { /* IE ignores [class] */ width: auto; /* cancel margin fix for other browsers */ } .textIndent { text-indent: -66666px;} .padding { padding: 1em; } .lroze { color: #c37fa4; } .white { color: #ffffff; } .warning, .notice, .error, .alertBox{ display: block; border: 1px solid #80980c; margin-bottom: 1em!important; padding:0.5em!important; background-color: #ffffff; margin-bottom: 1em; font-weight: bold; text-align: center;} .alertBox { border-color: red; } .jsbackground { background-color: #c37fa4!important; } .bgfade { background: transparent url(/images/bg_fade.gif) repeat-x 0 0; } .note { float: left; color: blue; font-size: 0.8em; padding-left: 1em; } .noscreen { /* keep aural support */ position: absolute!important; top: -999999px!important; left: -999999px!important; font-size: 0!important; } .nobr { white-space: nowrap; } .hoekSMenu { background: transparent url(/images/hoek_smenu.gif) no-repeat bottom right; } .hoekBigRO { z-index: 1; position: absolute; bottom: -1px; right: -1px; } .hoekBigLO { background: transparent url(/images/hoek_big_lb.gif) no-repeat bottom left; } .hoekLO { background: transparent url(/images/hoek_lo.gif) no-repeat bottom left; } .hoekLB { background: transparent url(/images/hoek_lb.gif) no-repeat top left; } .hoekRO { background: transparent url(/images/hoek_ro.gif) no-repeat bottom right; } .hoekRB { background: transparent url(/images/hoek_rb.gif) no-repeat top right; } .hoekwitRB { background: transparent url(/images/hoekwit_rb.gif) no-repeat top right; } .hoekwitLB { background: transparent url(/images/hoekwit_lb.gif) no-repeat top left; } object { outline: none; } /* ------ anchors normal ------ */ a:link, a:visited { text-decoration: underline; color: #a1b10a; } a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active { text-decoration: underline; cursor: pointer; color: #640036; } a.leesVerder { white-space: nowrap; } /* ------------ content -------------------- */ html { height: 100%; } body { font: normal 0.75em/1.6 arial, helvetica, sans-serif, verdana; color: #300020; background: #640036 url(/images/body_bg2.gif) repeat-x top left; } h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font: bold 1em arial, helvetica, sans-serif, verdana; } h1 { color: #ffffff; z-index: 3; right: 5px; top: 0; display: block; width: 590px; height: 89px; background: transparent url(/images/logo2.png) no-repeat 0 0; text-indent: -666666px; overflow: hidden; position: absolute; } h2, .h2 { font-size: 1.6em; margin: 0.5em 0; color: #93ae16;} h3, .h3 { font-size: 1.3em; margin: 0.5em 0; color: #93ae16;} h4, .h4 { font-size: 1.2em; margin: 1em 0; color: #93ae16;} h5, .h5 { font-size: 1.2em; margin: 1em 0; color: #300020;} h6, .h6 { font-size: 1em; margin: 0.5em 0 0 0; color: #93ae16; } p { font: normal 1em/1.5em arial, helvetica, sans-serif, verdana; } #container { padsding: 0 40px 0 80px; background: transparent url(/images/ticketbodybg.png) no-repeat 0 350px; } #master { z-index: 1; width: 900px; margin: auto; padding: 0 5px 0 80px; position: relative; } #header { position: relative; z-index: 1; height: 150px; width: 100%; background-color: #300020; } #content { padding: 2em 0px; float: left; width: 100%; } .content { padding: 1em 1em 2em 1em; } .content-brochure { padding: 1em 0 2em 1em; } #content .content ul { padding: 0 0 0 44px; list-style: disc; margin: 1em 0 } #page .content { padding: 5px 14px 10px 14px } /* -------------------------------- buttons input sprites - height moet 64px zijn -------------------------------- */ .btn-rules { cursor: pointer; overflow: hidden; position: relative; float: right!important; height: 32px; } /*.btn-rules input { border: 0px!important; background: none; } overule input, select waarden /*.btn-rules:hover input{ margin-top: -32px; } */ #btn-activeer { width: 70px!important; right: -12px; bottom: -24px; } #btn-verstuur { } #btn-winkelen { width: 121px!important; right: 0px; bottom: -12px;} #btn-allesreserveren { width: 113px!important; right: 0px; bottom: -12px;} #btn-wijzigingenopslaan { float: right!important; } /* ie wijzigingen opslaan bij nieuwsbrieven margin-right weggehaald. */ #btn-gegevensopvragen { float: right; } #btn-aanmelden { float: right; } #btn-nieuwaccount { float: right; } #btn-inloggen, #btn-uitloggen { float: right; } #btn-bevestigen { float: right; margin: 0px; } #btn-terug { float: left; } #btn-verstuur, #btn-volgende, #btn-start { float: right; } /* -------------------------------- text input button voor ie6-------------------------------- */ .button { background: transparent url(/images/btn_bg.gif) repeat-x scroll 0pt 0pt; float: left; border: 0px none!important; color: #FFFFFF!important; font-size: 110%; text-decoration: none!important; height: 32px; padding: 0pt 1em 0 1em; margin: 0px; } .buttonlb { background: transparent url(/images/btn_bglb.gif) no-repeat scroll 0pt 0pt; float: left; border: 0px none!important; color: #FFFFFF; font-size: 110%; height: 32px; padding: 0pt 1em 0 1em; margin: 0px; } .buttonld { background: transparent url(/images/btn_bgld.gif) no-repeat scroll 0pt 0pt; float: left; border: 0px none!important; color: #FFFFFF; font-size: 110%; height: 32px; padding: 0pt 1em 0 1em; margin: 0px; } .button:hover, .buttonlb:hover, .btnHover, div.betaaloptie-active .button, div.betaaloptie-active .buttonlb { background-position: 0pt -32px; cursor: pointer; text-decoration: none; color: #300020!important; text-decoration: none!important; } .buttonrb { background: transparent url(/images/btn_bgrb.gif) no-repeat scroll 100% 0pt; float: left; border: 0px none!important; color: #FFFFFF; font-size: 110%; height: 32px; padding: 0pt 1em 0 1em; margin: 0px; } .buttonrb:hover, .btnHoverrb { background-position: 100% -32px; cursor: pointer; text-decoration: none; color: #300020; } a.button { line-height: normal; padding-top: 9px; height: 23px; } .buttonlb a , .button a , .buttonld a, .buttonld a:visited { color: #ffffff; text-align: center; text-decoration: none; line-height: 2.3em; display: block; height: 32px; } .button a:hover, .button a:active, .buttonld a:hover, .buttonld a:active, .buttonlb a:hover, .buttonlb a:active { color: #300020; text-align: center; text-decoration: none; } .btnNormaalHover { background-position: 0px -32px; } .btnNormaalHover a { color: #300020!important; text-align: center; text-decoration: none; } .btnWinkelwagentje { background: url(/images/btn_winkelwagentje.png) no-repeat 0 -56px; border: 0px; width: 102px; height: 56px; float: left; } .btnWinkelwagentje:hover, .btnHoverWinkelwagentje { background-position: 0 0px; border: 0px; float: left; width: 102px; height: 56px; } span.button-streep { background: transparent url(/images/button_streep.gif) no-repeat 0 0!important; width: 4px; height: 32px; float: left; text-indent: -66666px; display: block;} #wwForm { float: right; width: 100%; } #wwForm input { float: right; width: auto; } #wwForm fieldset { padding: 0px; } #wwForm span.button-streep { float: right; } #betaalmethodeForm span.button-streep { float: right; } /* -------------------------------- infoContainer -------------------------------- */ #infoContainer { float: right!important; width: 418px; } /* ie6 fix */ #infoContainer-left { float: left; width: 50%; } #infoContainer-right { float: right; width: 50%; } #infoContainer .blok { float: right; width: 187px; background-color: #300020; margin: 0 0 1.5em 18px; /* probleem ie7 ff checken door uit te zetten kan niet voor de rest*/ } #infoContainer .blok h3 { margin-top: 1em; } #infoContainer .searchContainer { padding-bottom: 1em; float: right; width: 187px; background-color: #300020; } #infoContainer .h3, #infoContainer h3 { margin-top: 0px; } #infoContainer .searchContainer .buttonText, .buttonText { text-align: right; height: auto; margin: 0px; float: right; border: 0px none!important; color: #FFFFFF; font-size: 110%; background-color: transparent; } #infoContainer .searchContainer .buttonText:hover, .buttonText:hover, #infoContainer .searchContainer .btnHoverText, .btnHoverText { color: #C37FA4; height: auto; } /* ------------ right blok winkelwagentje -------------------- */ #winkelwagentje h3 { padding: 0.5em 1em 0em 1em; } .ww-container { padding: 0.5em 1em 0.5em 1em; float: left; width: 163px; } .ww-item { float: left; width: 60%; color: #c37fa4; } .ww-verwijder { float: right; } .ww-verwijder a { color: #ffffff!important; text-decoration: none!important; } .ww-verwijder a:hover { color: #C37FA4!important; text-decoration: none; } #btn-reserveren { overflow: hidden; position: relative; bottom: -24px; float: left; height: 32px; width: 100%; text-indent: -66666px;} #btn-reserveren span { background-image: url(/images/btn_reserveren.gif); float: left; height: 32px; width: 100%; } #btn-reserveren a:hover span { background-position: 0px 32px; } #bestelitems-meer { color: #A1B10A; padding-left: 1em; margin-top: 1em; } #bestelitems-meer span { float: left; padding-right: 5px; } #bestelitems-meer a:hover { color: #fff; text-decoration: underline; } #bestelitems-meer a { color: #fff; text-decoration: none;} /* ------------ titels -------------------- */ #titel-nieuwsbrief { background: transparent url(/images/titel_nieuwsbrief.gif) no-repeat; float: left; width: 160px; text-indent: -66666px;} #titel-zoeken { background: transparent url(/images/titel_zoeken.gif) no-repeat; float: left; width: 160px; text-indent: -66666px;} #titel-meernieuws { background: transparent url(/images/titel_meernieuws.gif) no-repeat 16px 0px; float: left; width: 160px; text-indent: -66666px; } #titel-mijngegevens { background: transparent url(/images/titel_mijngegevens.gif) no-repeat; float: left; width: 160px; text-indent: -66666px;} #titel-reacties { background: transparent url(/images/titel_reacties.gif) no-repeat; float: left; width: 160px; text-indent: -66666px;} #titel-suggesties { background: transparent url(/images/titel_suggesties.gif) no-repeat 89% 2px; float: left; width: 160px; text-indent: -66666px;} #titel-wanneer { background: transparent url(/images/titel_wanneer.gif) no-repeat; float: left; width: 160px; text-indent: -66666px;} #titel-wat { background: transparent url(/images/titel_wat.gif) no-repeat; float: left; width: 160px; text-indent: -66666px;} #titel-winkelwagentje { background: transparent url(/images/titel_winkelwagentje.gif) no-repeat 11px 0px; text-indent: -66666px; } /* ------------ paginas -------------------- */ #page { float: left; position: relative; width: 475px; } #page .hoekbigLO { z-index: 1; position: absolute; bottom: 0px; left: 0px; } #page .pageDetail { width: 475px; padding: 0px; position: relative;} #page .pageDetail h2 { margin-bottom: 1em; margin-left: 0.5em; } #page .pageDetail p { /*padding-bottom: 1em;*/ margin: 0.5em 0 1em 0; } #pageImageContainer { width: 475px; height: 300px; } #pageImageContainer img { width: 473px; height: 299px; padding: 0 0 1px 1px; } .pageDetail .hoekBigLO { z-index: 1; position: absolute; bottom: 0px; left: 0px; } .pageDetail .hoekBigRO { z-index: 1; position: absolute; bottom: 0px; right: 0px; } /* ------------ menus -------------------- */ #servicemenu { flsoat: left; width: auto; hesight: 27px; backgsround-color: #640036; } #servicemenu p { color: #ffffff; width: auto; padding: 0.3em 1em 0 0.8em; } #servicemenu span { padding: 0.5em; } #servicemenu a { color: #ffffff; text-decoration: none; } #servicemenu a:hover { color: #ffffff; text-decoration: underline; } #servicePerson { display: block; position: absolute; bottom: 61px; left: 0; padding: 0!important; background-color: #640036; } #servicePerson span { display: block; background: transparent url(/images/hoek_smenu2.gif) no-repeat bottom left; } #serviceActions { display: block; position: absolute; right: 0; bottom: 10px; background-color: #640036; } #menuContainer { margin-top: 29px; clear: both; float: left; width: auto; height: 36px; width: auto; background-color: #640036; } #menuContainer ul li { float: left; width: auto; color: #ffffff; padding: 0.5em; } .subMenu { padding: 1.4em; clear: both;} .subMenu li { padding-bottom: 1.2em; line-height: 1.3em; } .subMenu li.active a { color: #c37fa4!important; } /* active subitem */ .subMenu li a { color: #ffffff!important; text-decoration: none!important; /* line-height: 0.8em; */ } .subMenu li a:hover { color: #c37fa4!important; } .subMenu li ul { color: #c37fa4; padding: 1em 1em 0em 1em ; list-style-type: disc; } /* active subsubitem */ .subMenu li ul li { padding-bottom: 0em; line-height: 1.5em; color: #ffffff; } /* active subsubitem */ .subMenu li.active { color: #c37fa4; } .subMenu li.active li a { color: #ffffff!important; } .subMenu li.active li a:hover { color: #c37fa4; } .subMenu li.active li.active a { color: #c37fa4!important; } /* ------------ homepage -------------------- */ #binnenkort { float: left; width: 480px; } #binnenkort div div div .progInfo-tekst { padding-left: 12px; } .mainPage { float: left; width: 400px; } #banners { float: right; width: 133px; } #banners p { overflow: hidden; margin: 0 0 18px 18px; background-color: #93ae16; } #nieuws { float: right; width: 234px; background-color: #ffffff; } /* ie6 fix padding + width niet gelijk */ #nieuws h3 { font-size: 1.2em; } #nieuws h3 a { text-decoration: none; cursor: pointer; } #nieuws h3 a:hover { color: #640036; } #nieuwsItems h3 { margin: 1em 0 0 0px; } #nieuwsImageContainer { width: 475px; height: 300px; } #nieuwsImageContainer img { position: relative; left: 1px; bottom: 0px; } /* ------------ voorstellingsoverzicht & detail -------------------- */ .progInfo { min-height: 75px; } /* ie6 fix */ .progInfo .progInfo-tekst { float: left; width: 65%; color: #93ae16; font-size: 1.2em; line-height: 1.2em;} .progInfo .progTitel { font-size: 1.1em; } .progInfo .padding { padding: 0em 0 2px 8px; } .progInfo .padding span { padding: 0px; margin: 0px; line-height: 1.2em; } .progInfo .progInfo-button, .progInfo .progInfo-button a { float: right; width: 102px; height: 56px; color: #300020; text-indent: -666766px; } .progInfo .progInfo-button { position: absolute; bottom: 6px; right: 3px; } .progInfo .flash1 { padding: 0px!important; width: 100%; } .progOverzicht { float: left; width: 475px; margin-bottom: 0em; clear: both;} /* ie6 fix */ .progOverzicht ul { float: left; } .progOverzicht li { float: left; margin-bottom: 1.5em; } .overzichtItem .progInfo-tekst { padding-bottom: 0px!important; } .overzichtItem { position: relative; width: 325px; float: left; background-color: #ffffff;} .overzichtItem .progInfo-tekst { display: block; float: left; width: 79%; width: 66%; padding: 0 0 8px 8px; min-height: 75px;} /* ie6 fix */ .overzichtItem-vkva .progInfo-tekst { width: 66%; } .overzichtItem .progInfo-tekst a { display: block; color: #93AE16; text-decoration: none!important; } .overzichtItem .progInfo-tekst a:hover { color: #300020; text-decoration: none!important; } .overzichtItemHover { background: transparent url(/images/bg_fade.gif) repeat-x 0 0; cursor: pointer; } .progDatum { overflow: hidden; background: transparent url(/images/gradient_datum.jpg) no-repeat; width: 75px; height: 75px; float: left; color: #ffffff; text-align: center; } .progDatum a { color: #ffffff!important; text-decoration: none!important; } .progDag { font: bold 4em/1.1em arial, helvetica, sans-serif, verdana; } .progMaand { font: normal 1.2em arial, helvetica, sans-serif, verdana; padding-left: 5px; } .progArtiest { font: normal 1.39em arial, helvetica, verdana, sans-serif; lisne-height: 1.0; } .progGenre, .progSmall { font-size: 0.9em; } .pageDetail { width: 100%; background-color: #ffffff; float: left; position: relative;} .pageDetail .progInfo .progInfo-button { position: relative; right: 9px; top: 11px; } .progImage { padding-top: 1px; position: relative; float: left; left: 0px; top: 0px; } .progImage img { float: left; height: auto; position: relative; left: 1px; top: -1px; } .progImage #voorstellingImageContainer img { position: relative; left: 1px; top: 1px; } .progImage-small { position: relative; float: left; width: 75px; height: 74px; } .flash-wrapper { min-height: 32px; width: 100%; } /* nodig om te zorgen dat de tekst niet verspringt */ .pageDetail { background: #fff url(/images/hoek_big_lb.gif) no-repeat 0 100%; } #bodyHome .pageDetail { background: #fff url(/images/hoek_big.gif) no-repeat 100% 100%; } .omschrijving { float: left; width: 376px; padding: 5px 12px 10px 12px } .weblink { padding-top: 1em; } .omschrijving p { margin: 0.5em 0 1em 0 } #priceList { left: 1px; font-size: 0.9em; position: relative; float: left; bottom: -1px; width: 100%; } #priceList dl { width: 110px; float: right; min-height: 33px; position: relative; top: -7px; } #priceList dt { width: 50px; float: left; clear: both; } #priceList dd { width: 44px; float: right; padding-right: 0.5em;} /* ------------ multimedia ----------------------*/ #multimedia { float: left; width: 100%; text-indent: -66666px; } #multimedia span, #multimedia a { overflow: hidden; background-image: url(/images/multimedia.gif); color: #ffffff; float: left; display: block; height: 32px; text-indent: -66666px;} #btn-gajemee { background-position: 0px 0px; width: 76px;} #btn-gajemee a { background-position: 0px -64px; width: 76px;} #btn-gajemee a:hover, #btn-gajemee.btn-active a { background-position: 0px -32px; width: 76px;} #resenciesPromo { float: left; width: 69px; } #resenciesPromo li { float: left; } #btn-resencies { background-position: -80px 0px; width: 65px;} #btn-resencies a { background-position: -80px -64px; width: 65px;} #btn-resencies a:hover, #btn-resencies.btn-active a { background-position: -80px -32px; width: 65px;} #btn-audio { background-position: -149px 0px; width: 41px;} #btn-audio a { background-position: -149px -64px; width: 41px;} #btn-audio a:hover, #btn-audio.btn-active a { background-position: -149px -32px; width: 41px;} #btn-video { background-position: -194px 0px; width: 41px;} #btn-video a { background-position: -194px -64px; width: 41px;} #btn-video a:hover, #btn-video.btn-active a { background-position: -194px -32px; width: 41px;} .promofragmenten, .mediafragmenten { float: left; width: auto; } .button-streep { background: transparent url(/images/button_streep.gif) no-repeat 0 0; width: 4px; height: 32px; } .btn-media-hoekje { background: transparent url(/images/btn_media_hoekje.gif) no-repeat 0 0!important; width: 14px; height: 32px; float: left;} .btn-media-hoekje-hover, .btn-media-hoekje-active { background-position: -14px 0!important } .audio { width: 45px; } .audio li { float: left; } /*** MediaPlayer (Arjen) */ #mediaPlayerWrap { clear: both; float: left; background: #ebebeb url(/images/bg_fade.gif) repeat-x 0 0; } #bodyVoorstelling #mediaPlayerWrap .mediafragmenten { text-align: right; float: left; width: 374px; padding: 5px 12px 10px 12px } #mediaPlayerWrap .mediafragmenten ul { line-height: 1.3 } #mediaPlayerWrap #audioFragmenten { background: #f2f2f2; } /*+ie7c*/ #mediaPlayerWrap #videoFragmenten { background: #fff; } #mediaPlayerWrap h3 { display: none } #mediaPlayerWrap .mediafragmenten ul { float: right } #mediaPlayerWrap .mediafragmenten li { } #mediaPlayerWrap .mediafragmenten a.playing {} body.AVPlayerActive-video #media-infoContainer .omschrijving { background: transparent url(/images/bg_fade.gif) repeat-x 0 0; } #voorstellingActies li.active a { font-weight: bold } #bodyVoorstelling .mainPage .mediafragmenten { clear: both; float: none; padding: 1em; } #bodyVoorstelling .mainPage .mediafragmenten li { float: none; display: list-item; margin: 0; } /* ***/ /* ------------ status buttons ----------------------*/ .progInfo-button p a { background-image: url(/images/bt_status.gif);} .btn-normaal a { background-position: 0px -56px; } .btn-normaal a:hover { background-position: 0px 0px; } .btn-rangen a { background-position: -113px -56px;} .btn-rangen a:hover { background-position: -113px 0px;} .btn-verwijder a { background-position: 179px -56px; width: 120px!important; } /* ie7 fix */ .btn-verwijder a:hover { background-position: 179px 0px; width: 120px!important; } /* --- noclickable statussen --- */ .progInfo-button span, .progInfo-button .btn-xtra { position: relative; background-image: url(/images/status_noclick2.gif); height: 28px!important; float: right; } .progInfo-button .vriend_only { background-image: url(/images/status_noclick_vriend.gif); } .btn-uitverkocht { background-position: 0px 0px; width: 76px!important; bottom: -25px!important;} .btn-geannuleerd { background-position: -74px 0px; width: 87px!important; bottom: -25px!important;} .btn-geweest { background-position: -163px 0px; width: 62px!important; bottom: -25px!important;} .btn-verplaatst { background-position: -225px 0px; width: 70px!important; bottom: -25px!important;} .btn-niet { background-position: -408px 0px; width: 110px!important; bottom: -25px!important;} .btn-bel { background-position: -524px 0px; width: 67px!important; bottom: -25px!important;} .btn-geenwebverkoop { background-position: -663px 0px; width: 110px!important; bottom: -25px!important;} .btn-gratis { background-position: -693px 0px; width: 28px!important; bottom: -25px!important;} .progInfo-button .btn-verkoopva { tedxt-indent :0; bacdkground-image: none; background-position: -771px 0px; width: 92px!important; bodttom: -25px!important; top: -18px; right: 2px; } .progInfo-button span.btns-xtra { background-image: none; height: auto!important; line-height: normal; right: -7px; top: 2px; } .progInfo-button span.btns-xtra .btn-xtra { height: 14px!important } .progInfo-button .btn-xtra-vriend { display: block; width: 60px; background-position: -863px -11px; } .progInfo-button a.btn-xtra-login { display: block; width: 99px; background-position: -913px -11px; overflow: hidden; } .progInfo-button a.btn-xtra-login:focus, .progInfo-button a.btn-xtra-login:hover, .progInfo-button a.btn-xtra-login:active { background-position: -1002px -11px; } #bodyVoorstelling .progInfo-button span.btns-xtra { top: -8px; } /* ------------ calendar -------------------- */ #calendar { padding: 2em 0; float: left; width: 100%; color: #c37fa4; } #kalenderTable { float: left; width: 161px; margin-left: 12px; } #calendar a { color: #ffffff; text-decoration: none; font-weight: bold; } #calendar a:hover { color: #C37FA4; text-decoration: none; font-weight: bold; } #calendar .selected { color: #93ae16; text-decoration: underline; font-weight: bold; } #formCalendar-genre { margin: 0 0 2em 0!important; } #formCalendar-maand { margin: 0px!important; } /* ------------ nieuwsbrief -------------------- */ #nieuwsbrief-aanmelden { padding: 5px 14px 10px 14px!important; width: 447px!important } #nieuwsbrief-aanmelden h3 { margin: 1em 1em 0 1em; } #nieuwsbrief-aanmelden .nieuwsbrieven { padding: 1em 0; } #page #nieuwsbrief-aanmelden .error { margin: 0px 1em 0em 1em!important; } #nbForm { width: 100%; } #nbForm label { width: 35%; float: left;} #nbForm .text { width: 50%; float: left; background-color: #ffffff; border: 1px solid #93AE16; } #nbForm .buttonlb { float: right; } #nbForm div { margin: 1em; } #nbForm fieldset { padding: 0px } #formNieuwsbriefInstellingen { width: 100%; } #formNieuwsbriefInstellingen .buttonlb { float: right; } #formNieuwsbriefInstellingen label { width: 35%; float: left;} #formNieuwsbriefInstellingen .text { width: 50%; float: left; background-color: #ffffff; border: 1px solid #93AE16; } #formNieuwsbriefInstellingen div { width: 90%; float: left; margin-bottom: 1em; padding: 0 1em; } #formNieuwsbriefInstellingen .warning { margin-left: 1em; } #formNieuwsbriefInstellingen p { margin: 0 1em 1em 1em;} #formNieuwsbriefInstellingen fieldset { padding: 0px; } #formNieuwsbriefInstellingen .checkboxlist { float: left; width: 100%; clear: both; } #formNieuwsbriefInstellingen .checkboxlist strong { float: left; margin: 2em 0 0 0; } #formNieuwsbriefInstellingen .checkboxlist div div { width: 50%; } #formNieuwsbriefInstellingen .checkbox { left: 0px; margin: 0 0 0 0px; position: relative; padding: 1em 0 0 0; } #formNieuwsbriefInstellingen .checkbox input { border: 0px; float: none; vertical-align: middle; width: auto; } #formNieuwsbriefInstellingen .checkbox label { float: none; margin-left: 1em; text-align: right; width: 80px; } #formNieuwsbriefInstellingen select { background-color: #ffffff; border: 1px solid #93AE16; height: 20px; } #formNieuwsbriefInstellingen .checkboxList { margin-left: 95px; text-align: left; } #formNieuwsbriefInstellingen div.submit { padding: 0; width: 100%; position: relative; left: 14px; } #formNieuwsbriefUitschrijven { padding: 1em 0 40px 0 } #formNieuwsbriefUitschrijven fieldset { position: static; } #nieuwsbrief-aanmelden #formNieuwsbriefUitschrijven fieldset { padding: 1em 0px } #formNieuwsbriefUitschrijven div.submit { position: absolute; right: 0; bottom: 0; } /* ------------ zoeken -------------------- */ #zoeken { float: left; position: relative; width: 475px; } #zoeken .pageDetail { padding: 0 1em 2em 1em; margin: 0 0 2em 0; width: 451px; } #zoeken .contentItem { background-color: #ffffff; margin: 1em 0; padding: 0.2em 1em 1em 1em; } #zoeken .zoekPaginas { float: left; width: 100%; } #zoeken .overzichtItem { margin-bottom: 1.5em; } #zoeken .zoekPaginas h4 { } #btn-allevoorstellingentonen { float: right; width: auto; } #btn-allevoorstellingentonen a { color: #ffffff; text-decoration: none;} #btn-allevoorstellingentonen a:hover { color: #6E8500; text-decoration: none;} /* ------------ mijn theater -------------------- */ #mijntheater .pageDetail { margin-bottom: 2em; } #mijntheater .pageDetail p, #mijntheater .pageDetail h3 { margin: 0.5em 12px 0 12px; } #mijntheater .pageDetail h3 { height: 35px; } #mijntheater .pageDetail h3 span { padding-right: 1em; } #mijntheater .pageDetail p { padding-bottom: 1em; } #mijntheater input, #mijntheater select { background-color: #ffffff; border: 1px solid #93AE16; margin-bottom: 0px; } #mijntheater .pageDetail .btn-ww { display:block; float: right; margin: 1em 0 0 0; text-indent: -66666px; height: 32px;} #mijntheater .inlogHelp { position: absolute; bottom: 0px; } #mijntheater .inlogHelp p { width: 155px; margin: 0px 0 0 1em; } #mijntheater .inlogSub { position: relative; top: 0px; } #mijntheater .pageDetail #mt-overzicht p{ margin: 0em; margin-right: 0em; } #mijntheater #mt-overzicht .progDatum { margin: 0em; overflow: hidden; background: transparent url(/images/gradient_datum.jpg) no-repeat; width: 75px; height: 75px; float: left; color: #ffffff; text-align: center; } #loginForm { float: right; width: 65%; } #loginForm div { width: 100%; float: left; margin-bottom: 1em;} #loginForm label { width: 35%; float: left; } #loginForm .text { width: 50%; float: left;} #loginForm fieldset { padding: 0px; } #formNieuwaccount { width: 100%; } #formNieuwaccount label { width: 35%; float: left; } #formNieuwaccount .text { width: 50%; float: left;} #formNieuwaccount div { width: 90%; float: left; margin-bottom: 1em; padding: 0 1em; } #formNieuwaccount .warning { margin-left: 1em; } #formNieuwaccount p { margin: 0 1em 1em 1em!important;} #formNieuwaccount fieldset { padding: 0px; } #formNieuwaccount .checkboxlist { float: left; width: 100%; clear: both; } #formNieuwaccount .checkboxlist strong { float: left; margin: 2em 0 0 0; } #formNieuwaccount .checkboxlist div div { width: 50%; } #formNieuwaccount .checkbox { left: 0px; margin: 0 0 0 0; position: relative; padding: 1em 0 0 0; } #formNieuwaccount .checkbox input { border: 0px; float: none; vertical-align: middle; width: auto; } #formNieuwaccount .checkbox label { float: none; margin-left: 1em; text-align: right; width: 80px; } #formNieuwaccount #btn-bevestigen { float: right; width: auto; padding: 0px; margin: 0px; } #formNieuwaccount #btn-bevestigen input { padding: 0px 1em; } #nieuwsbrievenForm { float: left; width: 100%; } .icoon-ww { background: transparent url(/images/icoon_ww.gif) no-repeat 90% 0; } .inlogMenu p { color: #C37FA4; line-height:1.3em!important; padding-bottom:1.2em; } .inlogMenu li { line-height: 0em!important; padding-bottom:0em!important; } /* overrulen submenu */ .inlogMenu li a { line-height: 1.3em!important; } /* overrulen submenu */ .buttonNaam { float: right; width: 34px; } .btn-verder a { background-position: 74px -32px; width: 120px!important;} .btn-verder a:hover { background-position: 74px 0px; width: 120px!important; } /* -------------------------------- pagination --------------------------------- */ .progOverzicht li.paginatie { float: none; margin-bottom: 0px; } #pagination { float: right; width: 325px; background-color: #300020; height: 34px; clear: both; } #pagination ul, #pagination ul li { display: inline; color: #93ae16; font-weight: bold; } #pagination li.pages { text-align: center; padding-top: 8px; margin-bottom: 0px; } #pagination .pages { padding: 0px 1em 0 1.5em; } #pagination .pages li a { font-weight: bold; text-decoration: none; font-size: 0.9em; color: #ffffff; width: 1em; height: 1em; line-height: 1em; margin: 0 2px; background-color: #300020; border: 0px solid #999999; } #pagination .pages li a:hover, #pagination .pages .active a { background-color: #300020; text-decoration: none; color: #93ae16; } #pagination .toLeft { float: left; color: #640036; padding: 8px 0.4em; text-align: center; margin-bottom: 0px; } #pagination .toRight { float: right; color: #640036; padding: 8px 0.4em; text-align: center; margin-bottom: 0px; } #pagination .toLeft a:hover, #pagination .toRight a:hover { background-color: #300020; text-decoration: none; color: #93ae16; } #pagination .toRight a, #pagination .toLeft a { background-color: #300020; text-decoration: none; color: #ffffff; } /* -------------------------------- wachtrij --------------------------------- */ .wachtrij { padding-left: 10px!important; } .wachtrij #content { float: none; padding-top: 0; } .wachtrij #page { background-color: #ffffff; margin-top: 170px; } .wachtrij .paddingBox { padding: 1em 1em 3em 1em; } .wachtrij h2, .wachtrij h4 { text-align: center; font-weight: bold; } .wachtrij .notice { margin-top: 1em; } #wachtRijOuterBox { padding: 0 0 0 20px; width: 350px; height: 15px; border: 1px solid #666666; background: url(../images/background_indicator.gif) repeat-x 0 0; overflow: hidden; } #wachtRijInnerBox { width: 350px; text-align: right; } img#imgIndicator { height: 15px; width: 90%; } /* -------------------------------- suggesties --------------------------------- */ #suggesties { float: right; padding-top: 4em; width: 405px; margin-top: 3em; position: absolute; right: 0px; bottom: 0px; } #suggesties h3 { background-color: #300020; width: 187px; height: 34px; float: right; } #suggesties h3 span { width: 187px; height: 34px; float: right; } #suggesties p input { right: 0px; } #suggesties .progArtiest { width: 257px; cursor: pointer; } #suggesties .progInfo .progTitel { font-size: 1em; } #infoContainer { min-height: 750px; float: right; position: relative; } #suggesties ul { float: left; } #suggesties li { float: right; margin-bottom: 1em; cursor: pointer;} /* -------------------------------- recensies --------------------------------- */ #recensies { float: left; width: 100%; padding-bottom: 1em; } ul.recensieList { float: left; width: 98%; margin: 1em 0 1em 0.5em;} ul.recensieList li { float: left; width: 98%; clear: both; margin: 5px 0; min-height: 40px; padding: 0.2em 0 0.2em 0.5em; } /* ie6 fix */ ul.recensieList li div { margin: 10px 0; } ul.recensieList li span { float: left; width: 34px; } ul.recensieList li span a span { float: left; width: 310px; } ul.recensieList li ul.actions { float: left; width: 310px; } ul.recensieList li ul.actions li { float: left; width: 100%; } .recensiesTitel { font-weight: bold; } .recensiesOmschrijving { font-size: 0.89em; color: #300020;} .icoon_recensies { background-image: url(/images/icoon_recensies.gif); overflow: hidden; text-indent: -66666px; height: 33px; } .recensies-pdf { background-position: 0px 0px; margin-right: 1em; } .recensies-doc { background-position: -36px 0px; margin-right: 1em; } .recensies-jpg { background-position: -72px 0px; margin-right: 1em; } .btn-afsluitKruisje { background: transparent url(/images/btn_afsluithoekje.gif) 0 -23px ; text-indent: -66666px; height: 24px; width: 22px; position: relative; right: -370px; top: 6px; } .btn-afsluitKruisje a { display: block; height: 23px; } /* -------------------------------- gajemee --------------------------------- */ #gajemee { float: left; width: 100%; } #gajemeeForm div { float: left; width: 100%; } #gajemeeForm fieldset div { width: auto; } #gajemeeForm .buttonlb { float: right; } #gajemeeForm #btn-versturen { width: 400px; } #gajemeeForm .text { background-color: #ffffff; width: 14em; border: 1px solid #93ae16; float: right; margin-right: 2em; } #gajemeeForm textarea { background-color: #ffffff; width: 170px; margin-right: 2em; border: 1px solid #93ae16; float: right; } #gajemeeForm label { line-height: 20px; vertical-align: baseline; float: left; width: 12em; text-align: right; } #gajemeeForm fieldset { padding: 0em; float: left; width: 100%; } #gajemeeForm fieldset fieldset { padding: 1em 0em 0em 0em; float: right; width: 400px; } #gajemeeForm .notice { margin: 1em; } .backlink { float: right; padding: 10px 10px 0 0; } /* -------------------------------- reacties --------------------------------- */ #reacties { float: left; width: 100%; } #reacties #titel-reacties { background-color: #640036; width: 100%; padding: 30px 0 0 0; background-position: 0 20px; } #reacties h3 { width: 187px; height: 34px; float: left; } #reacties .reactie-titel { float: right; } #reacties .reactieItem { float: left; margin-bottom: 10px; width: 100%;} #reactieForm { float: left; width: 100%; } #reactieForm form, #reactieForm fieldset { width: 100%; float: left; padding: 0; } #reactieForm fieldset { padding-top: 1em; } #reactieForm label { width: 7em; text-align: right; } #reactieForm input, #reactieForm textarea, #reactieForm select { background-color: #fff; border: 1px solid #93ad15; height: 20px; padding: 0; } #reactieForm input, #reactieForm textarea { padding: 0 3px; } #reactieForm textarea { width: 285px; height: 55px; font-size: 0.95em; } #reactieForm #reageerButton, #reactieForm #loginReagerenButton { border: none; height: auto; margin-bottom: 0; padding:0; width: 107px; height: 32px; } #reactieForm #loginReagerenButton { width: 150px; height: 32px; } #reacties .reactieContent { width: 295px; float: right; margin-bottom: 10px; } #reacties .noReactions { padding: 1em; } #reacties .notice { margin: 1em; } #reacties .stars p { float: left; width: 79px; height: 18px; margin-left: 10px; } #reacties .stars p span { text-indent: -99999px; overflow: hidden; display: block; } #reacties .stars .star1 { background: #fff url(/images/star1.gif) no-repeat 0 0; } #reacties .stars .star2 { background: #fff url(/images/star2.gif) no-repeat 0 0; } #reacties .stars .star3 { background: #fff url(/images/star3.gif) no-repeat 0 0; } #reacties .stars .star4 { background: #fff url(/images/star4.gif) no-repeat 0 0; } #reacties .stars .star5 { background: #fff url(/images/star5.gif) no-repeat 0 0; } .reactie-text p { padding-left: 5px; } /* -------------------------------- kijkwijzer --------------------------------- */ ul.kijkwijzer { float: left; height: 40px; text-indent: -666666px; width: 100%; padding-bottom: 1em; } ul.kijkwijzer li { height: 40px; width: 40px; float: left; clear: none; } .discr { background: transparent url(../images/kijkwijzer/kijkwijzer_discriminatie.gif) no-repeat 0 0; } .drugs { background: transparent url(../images/kijkwijzer/kijkwijzer_drugs.gif) no-repeat 0 0; } .eng { background: transparent url(../images/kijkwijzer/kijkwijzer_eng.gif) no-repeat 0 0; } .geweld { background: transparent url(../images/kijkwijzer/kijkwijzer_geweld.gif) no-repeat 0 0; } .all { background: transparent url(../images/kijkwijzer/kijkwijzer_alle_leeftijden.gif) no-repeat 0 0; } .zes { background: transparent url(../images/kijkwijzer/kijkwijzer_leeftijd_6.gif) no-repeat 0 0; } .negen { background: transparent url(../images/kijkwijzer/kijkwijzer_leeftijd_9.gif) no-repeat 0 0; } .twaalf { background: transparent url(../images/kijkwijzer/kijkwijzer_leeftijd_12.gif) no-repeat 0 0; } .zestien{ background: transparent url(../images/kijkwijzer/kijkwijzer_leeftijd_16.gif) no-repeat 0 0; } .sex { background: transparent url(../images/kijkwijzer/kijkwijzer_seks.gif) no-repeat 0 0; } .taal { background: transparent url(../images/kijkwijzer/kijkwijzer_taal.gif) no-repeat 0 0; } /* -------------------------------- popup --------------------------------- */ #bodyPopup { background: #fff; } #bodyPopup .pageDetail img { display: none; } /* ----------------------------- questionaire ----------------------------- */ #questionaire .pageDetail { margin-bottom: 2em; } #questionaire .pageDetail p, #questionaire .pageDetail h3 { margin: 0.5em 12px 0 12px; } #questionaire .pageDetail h3 { height: 35px; } #questionaire .pageDetail h3 span { padding-right: 1em; } #questionaire .pageDetail p { padding-bottom: 1em; } #questionaire input, #questionaire select { background-color: #ffffff; border: 1px solid #93AE16; margin-bottom: 0px; } #questionaire form .radiobutton, #questionaire form .checkbox { margin-left: 5px; } #questionaire form .radiobutton input { margin: 0; vertical-align: middle; margin-right: 5px; } #questionaire form select { height: auto; } #questionaire form .radiobutton label { float: none; vertical-align: middle; margin: 0 } #questionaire textarea { background-color: #ffffff; padding: 3px; border-color: #93AE16; } #questionaire #vragenlijstPersoonlijkeGegevensForm { padding-right: 0px; padding-bottom: 0px; } #questionaire #vragenlijstPersoonlijkeGegevensForm div { margin-bottom: 5px; } #questionaire #vragenlijstPersoonlijkeGegevensForm div div { margin-bottom: 0px; } #questionaire #vragenlijstPersoonlijkeGegevensForm label { width: 100px; } #questionaire .text { float: none!important; width: 50%!important; } #questionaire .radioGroup .geslacht { padding-left: 25%; } #questionaire #formVragen { width: 100%; } #questionaire #btn-start { background-position: 0px 0px; width: 74px; float: right; } #questionaire #btn-start a { overflow: hidden; background-image: url(/images/btn_start.gif); color: #ffffff; display: block; height: 32px; text-indent: -66666px; background-position: 0px -64px; width: 74px;} #questionaire #btn-start a:hover, #questionaire #btn-start.btn-active a { background-position: 0px -32px; width: 74px;} #questionaire #formEnquete { float: none; } #questionaire #btn-opslaan { margin-bottom: 0px!important; background-position: 0px 0px; width: 74px; float: right; } /* -------------------------------- forms--------------------------------- */ #infoContainer select { padding: 0px; margin-bottom: 2.4em; /* de opmaak zelfde als select behalve absolute breedte */ width: 163px; height: auto; /* even groot als de input velden, deze zijn altijd standaard 120px */ color: #ffffff; } #infoContainer .searchContainer input { color: #C37FA4; padding: 0px; margin-bottom: 5px; } #infoContainer .searchContainer fieldset { padding: 0.5em 1em 0.1em 1em; } #infoContainer .searchContainer form { width: 187px; } #infoContainer .searchContainer .h3 { margin: 5px 0px; } .text { float: left; width: 100%; } #formBrochure { width: 100%; float: left; margin: 1em 0 0 0; } #formBrochure li { clear: both; list-style-type: none; display: table; } #formBrochure label { float: none; } #formBrochure .text { background-color: #ffffff; width: 20em; border: 1px solid #93ae16; } #formBrochure .radio { margin: 0 0 10px 0; float: left; } #formBrochure .radio input { margin: 3px 0px 0 0; width: auto; border: 0; float: left; clear: left; vertical-align: middle; margin-bottom: 0em; background-color: transparent; } #formBrochure .radio label { margin-left: 1em; display: block; float: left; clear: right } #formBrochure .huisnummer { width: 5em;} #formBrochure .straat { width: 14em; margin-right: 1em; } #formBrochure .postcode { width: 6em; margin-right: 1em; } #formBrochure .woonplaats { width: 13em; } #formBrochure #btn-verstuur { position: relative; left: 14px } .bigForm { padding-bottom: 2em;} #formBevestiging .text { background-color: #ffffff; width: 20em; border: 1px solid #93ae16; } #formBevestiging input { line-height: 20px; vertical-align: baseline; float: right; } #formBevestiging fieldset { padding: 1em; } #formBevestiging .buttonlb { float: right; } #formBevestiging { float: left; width: 100%; margin: 0px; padding: 0em;} #formBevestiging label { width: 15em; } #formBevestiging div { float: left; } #mijntheater .accountAanmaken .notice { margin: 1em; } #activeerForm { width: 100%; } #activeerForm fieldset { padding: 0px; } #activeerForm div { float: left; width: 95%; margin-bottom: 1em; padding: 0px 1em; } #activeerForm div div { margin: 0em; padding: 0px} #activeerForm .radiobutton input { vertical-align: middle; } #activeerForm .radiobutton label { margin-left: 1em; float: none; } #activeerForm label { width: 30%; } #activeerForm .text { margin-bottom: 0em; width: 60%; text-align: left; float: left;} #activeerForm .adres div { width: auto; float: left; } #activeerForm .adres div input { margin-right: 1em; } #activeerForm .adres div .adres { width: 12em; } #activeerForm .huisnummer, #activeerForm .toevoeging { width: 4em; } #activeerForm .telnr div { float: left; width: 60%; } #activeerForm .telnr #telefoonnet, #activeerForm .telnr #mobielnet { width: 35%; } #activeerForm .telnr #telefoonabo, #activeerForm .telnr #mobielabo { width: 45%; } #activeerForm .telnr input { margin-right: 1em; float: left; } #activeerForm .telnr span { margin-right: 1em; float: left; } #activeerForm .telnr label span { float: none; } #activeerForm #btn-activeer { margin: 0em; padding: 0px; width: 100%!important; } #activeerForm #btn-activeer input { float: right;} #activeerForm select { height: auto; } #gegevensForm { float: left; width: 475px; } #gegevensForm div { float: left; width: 451px; margin: 0 1em 1em 1em; } #gegevensForm div div { margin: 0em; } #gegevensForm p { margin: 0em 1em 1em 1em!important; } #gegevensForm fieldset { padding: 0px; } #gegevensForm .radiobutton { float: left; clear: both; } #gegevensForm .radiobutton input { vertical-align: middle; border: none; } #gegevensForm .radiobutton label { margin-left: 1em; float: none; } #gegevensForm label { width: 122px; } #gegevensForm .text { margin-bottom: 0em; width: auto; } #gegevensForm .adres input { margin-right: 1em; } #gegevensForm .adres div, #gegevensForm .telnr div { width: 310px; } #gegevensForm .adres div .adres { width: 12em; } #gegevensForm .huisnummer, #gegevensForm .toevoeging { width: 4em; } #gegevensForm .telnr input { margin-right: 1em; } #gegevensForm .telnr span { margin-right: 1em; float: left; } #gegevensForm .telnr label span { float: none; } #gegevensForm select { height: auto; } #gegevensForm div.btn-rules { margin: 0 1em 1em 0;} /* ie6 fix */ /* --- basic form --- */ form { width: auto; margin: 0em; float: left; } fieldset { padding: 1em; position: relative; left: 0; } label { float: left; width: auto; text-align: left; margin-right: 15px; } input, select { font-size: 1em; background-color: #640036; height: 16px; border: 1px solid #640036; margin-bottom: 10px; } textarea { width: 200px; height: 100px; background-color: #640036; border: 1px solid #640036; font-family: Arial, Helvetica, sans-serif; font-size: small; margin-bottom: 10px; } input.submit { height: auto; float: right; display: block; width: auto; } .radio input, .radiobutton input { border: none!important; background-color: transparent!important; } input.text { background: #fff; border: 1px solid #93ae16; } #infoContainer input.text { background-color: #640036; border-color: #640036; } /*** theateradvies (AK) */ form .popupContainer { position: relative; margin-bottom: 1em; } form .popupContainer label { float: none } form .popupContainer input.text { float: none; margin: 0; border-color: #300020; color: #640036; width: auto; display: block } form .popup { position: absolute; margin-top: -1px; background: #fff; color: #640036; } form .popup td { padding: 0 5px } form .popup .mouseOver { background: #640036; color: #fff; cursor: pointer } form .popup .mouseOut { background: #fff; color: #640036; cursor: default; } #theaterAdvies { padding-bottom: 1.5em!important } #theaterAdvies h2 { font-size: 1.3em; margin-left: 0!important } #theaterAdvies h3 { font-size: 1.1em } #theaterAdvies p { padding: 0!important } #theaterAdvies li { margin-bottom: 0.25em } #theaterAdvies form { float: none } #theaterAdvies fieldset { position: static } #theaterAdvies legend { display: block; font-weight: bold } #theaterAdvies .submitContainer { position: absolute; right: 0; bottom: 0; float: none } #theaterAdvies form .radiobutton input { margin: 0; vertical-align: middle; margin-right: 5px } #theaterAdvies form .radiobutton label { float: none; vertical-align: middle; margin: 0 } #theaterAdvies #submit-nieuwAdvies { background-position: 100% 0 } #theaterAdvies #submit-nieuwAdvies:hover, #theaterAdvies #submit-nieuwAdvies.btnHover { background-position: 100% -32px } /* /theateradvies (AK) ***/ /* --- checkboxes normal als JS uit staat--- */ legend { display: none;} .checkbox { margin-left: 95px; } .checkbox input { width: auto; border: 0!important; float: none; vertical-align: middle; margin-bottom: 0em; background-color: transparent; } .checkbox label { margin-left: 1em; float: none; } /* --- radioboxes normal als JS uit staat--- */ legend { display: none;} .radio { margin-left: 95px; } .radio input { width: auto; border: 0; float: none; vertical-align: middle; margin-bottom: 0em; background-color: transparent; } .radio label { margin-left: 1em; float: none; } /* --- versturen en terug input knoppen --- */ .buttonContainer input { position: relative; left: 0; border: none; background-color: transparent;} .buttonContainer { padding: 1em 0 0 0; float: left; /* width: 100%; */ /*position: relative;*/ height: 15px; clear: both; } .buttonContainer a.button { float: left; } .buttonContainer input.image.last, a.button.last { position: absolute; right: 0; left: auto; } form .accountType .label { float: left; width: 10em; } /*-- ------------------- footer --------------------------- --*/ #footer { clear: both; margin: 0px auto; width: 700px; color: #c37fa4; padding: 2em 0em 2em 5px; display: block; } #footer span { padding: 0.2em; } #footer span a { color: #ffffff; } #logoFooter { vertical-align: middle; margin-right: 2px; } /****** sIFR */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0; } /* sIFR ******/ /*** IMGOVERLAY */ .imgOverlayWrap { position: relative; display: block; } .imgOverlayWrap img { display: block } .imgOverlayWrap .imgOverlayAid { display: inline-block; width: 25px; height: 25px; position: absolute; bottom: 0; left: 0; background: transparent url("/images/imgoverlay.png") no-repeat 0 100%; /*+ie6c*/ } /* IMGOVERLAY ***/ /** * menus / navigation * @author AK + Lieselot alterartion */ /* --- horizontal dropmenu --- */ .dfmenuHorizontal ul { float: left; width: 100%; } .dfmenuHorizontal ul li { float: left; } .dfmenuHorizontal ul li ul li { float: none!important; text-align: left!important; } .dfmenu ul { white-space: nowrap; } .dfmenu ul li { position: relative; } .dfmenu ul li ul { position: absolute; left: -999999px; z-index: 1; width: auto; /* display: none; */ padding: 5px!important; } .dfmenu ul li a { display: block; text-decoration: none; color: #000; background: #fff; } /* - do not hide menu on mousout when fx is enabled (enables timeout) - */ .dfmenu ul.navfxenabled li:hover ul { left: -999999px; } .dfmenu ul li:hover ul, .dfmenu ul.navfxenabled li.over ul { left: 0px; } /* display: block; */ /* ------ mainmenu ------ */ #mainMenu { position: absolute; bottom: 0; left: 0; margin-top: 28px; flsoat: left; clear: both; background: red } #mainMenu ul { width: 668px; /* dez is nodig voor ie6 */ height: 36px; /* in ie6 wil hij niet 25px worden omdat mainMenu ul li ook hoogte heeft */ padding: 0px ; /* geen stroke dus heb ik de left padding op 0 gezet inplaats van 2px */ background: #300020; z-index: 1; border: 0px dotted red; } #mainMenu ul li { height: 36px; /* in ie6 wil hij niet 25px worden omdat mainMenu li a ook hoogte heeft */ display: inline; float: left; font-size: 1.3em; line-height: 2em; font-weight: normal; background: transparent; text-align: center; z-index: 2; } #mainMenu li.over a.ir span span, #mainMenu li.active a.ir span span { background: none!important } #mainMenu li li a { width: auto!important; } /* --- mainmenu submenu items --- */ #mainMenu ul li ul { border: 1px solid #640036; border-width: 0 1px 1px 1px } /* border alleen voor ul niet de li daarom even appart */ #mainMenu ul li ul, #mainMenu ul li ul a { height: auto; background: #300020; z-index: 2; text-decoration: none; } #mainMenu ul li ul li { height: auto; display: list-item; overflow: visible; font-size: 0.79em; background: none; padding-left: 1em; } #mainMenu li a { color: #ffffff; background: transparent no-repeat 50% 50%; display: block; height: 36px; /* als je de hoogte aanpast van de menubalk deze mee schalen */ padding-top: 0px; /* als je de hoogte aanpast van de menubalk ook padding van boven belangrijk voor tekst*/ overflow: hidden; /* kan uitgezet omdat de tekst zelf de breedte moet bepalen */ } #mainMenu li a:focus, #mainMenu li a:hover, #mainMenu li a:active, #mainMenu li.active a { text-decoration: none; overflow: hidden; color: #c37fa4; } #mainMenu li.active li a { overflow: visible; color: #fff } #mainMenu li .ir-aid { background-image: url(/images/hoofdmenu.gif);} #mainMenu li a:focus, #menu li a:hover, #menu li a:active { background: #300020; text-decoration: none; } .ir { position: relative; } .ir .ir-aid { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: transparent no-repeat 50%; } #menuHome, #menuHome a { width: 74px; } #menuHome.active .ir-aid { background-position: 0px -72px; } #menuHome ul { width: 100px; } #menuHome .ir-aid { background-position: 0 0px; } #menuHome a:focus .ir-aid, #menuHome a:hover .ir-aid, #menuHome a:active .ir-aid { background-position: 0px -36px } #menuHome.active a .ir-aid { background-position: 0px -72px!important } #menuVoorstellingen, #menuVoorstellingen a { width: 132px; } #menuVoorstellingen.active .ir-aid { background-position: -75px -72px;} #menuVoorstellingen ul { width: 100px; } #menuVoorstellingen .ir-aid { background-position: -75px 0px; } #menuVoorstellingen a:focus .ir-aid, #menuVoorstellingen a:hover .ir-aid, #menuVoorstellingen a:active .ir-aid { background-position: -75px -36px; } #menuVoorstellingen.active a .ir-aid { background-position: -75px -72px!important; } #menuFilm, #menuFilm a { width: 61px; } #menuFilm.active .ir-aid { background-position: -208px -72px; } #menuFilm ul { width: 11.5em; } #menuFilm .ir-aid { background-position: -208px 0px; } #menuFilm a:focus .ir-aid, #menuFilm a:hover .ir-aid, #menuFilm a:active .ir-aid { background-position: -208px -36px } #menuFilm.active a .ir-aid { background-position: -208px -72px!important } #menuVerhuur, #menuVerhuur a { width: 86px; } #menuVerhuur.active .ir-aid { background-position: -269px -72px; } #menuVerhuur ul { width: 7em; } #menuVerhuur .ir-aid { background-position: -269px 0px; } #menuVerhuur a:focus .ir-aid, #menuVerhuur a:hover .ir-aid, #menuVerhuur a:active .ir-aid { background-position: -269px -36px } #menuVerhuur.active a .ir-aid { background-position: -269px -72px!important } #menuInformatie, #menuInformatie a { width: 179px; } #menuInformatie ul { width: 14em; } #menuInformatie .ir-aid { background-position: -358px 0px; } #menuInformatie a:focus .ir-aid, #menuInformatie a:hover .ir-aid, #menuInformatie a:active .ir-aid { background-position: -358px -36px } #menuInformatie.active a .ir-aid { background-position: -358px -72px!important } #menuInformatie.active .ir-aid, #menuInformatie.active a:focus .ir-aid, #menuInformatie.active a:hover .ir-aid, #menuInformatie.active a:active .ir-aid { background-position: -358px -72px } #menuMijnTheater { width: 134px; } #menuMijnTheater a { width: 134px; } #menuMijnTheater.active .ir-aid { background-position: -538px -72px; } #menuMijnTheater ul { width: 100px; } #menuMijnTheater .ir-aid { background-position: -538px 0px; } #menuMijnTheater a:focus .ir-aid, #menuMijnTheater a:hover .ir-aid, #menuMijnTheater a:active .ir-aid { background-position: -538px -36px } #menuMijnTheater.active a .ir-aid { background-position: -538px -72px!important } /* ---- seizoenswitch ---- */ #seizoenSwitch { float: left; width: 161px; margin: 0 0 0.5em 0 } #seizoenSwitch a { display: block; width: 74px; height: 14px; text-indent: -666666px; overflow: hidden; background: transparent url(/images/seizoenswitch2.png) no-repeat 0 0; } #seizoenSwitch a.first { float: left; background-position: 0 0; } #seizoenSwitch a.first:focus, #seizoenSwitch a.first:hover, #seizoenSwitch a.first:active, #seizoenSwitch a.first-active { background-position: 0 -16px; } #seizoenSwitch a.second { float: right; background-position: -76px 0px; } #seizoenSwitch a.second:focus, #seizoenSwitch a.second:hover, #seizoenSwitch a.second:active, #seizoenSwitch a.second-active { background-position: -76px -16px; }