/** * .1 screen css * * @author LzzL / peppered.nl * * To * `glob Global classes * `form Forms * 'rt RichText * * goud a58a4a * zilver b5babd (vlakken) * zilver 9ca2a5 (tekst) * l.grijs dee2e5 * */ @import url("defaults.css"); /* GLOBAL CLASSES [`glob] ----------------------------------------------- */ .menuList li { display: inline; padding: 5px 0; width: auto; } .highlight { cursor: pointer; } #footer li { overflow: hidden; } .hide { display: none; } /* 3 blokken op rij */ .pageBlock { float: left; width: 254px; min-height: 147px; padding: 0; border: 1px solid #fff; font-family: arial; border-width: 0 1px 0 0; background: #cdcdcd; } .pageBlock h2 { font-size: 2em; background: none; color: #fff; margin: 0px 0px 14px 0; line-height: 1em; } .pageBlock h3 { font-size: 1.2em; color: #000; font-weight: bold; text-transform: uppercase; } /* -------- FireFox fixes font -------- */ .FireFox #home .pageBlock h3 { font-size: 1.2em!important; font-family: Arial;} .FireFox #binnenkort { font-family: Arial; font-size: 0.9em; } .FireFox #menuContainer { font: bold 0.8em/1.3em Arial; text-transform: uppercase; } .FireFox #menuContainer .subSubMenu li a span { font-size: 1em; } .FireFox .overviewDetail, .FireFox #showsBrowse p { font-family: Arial; font-size: 0.9em; } .FireFox .overviewDetail .links { font-size: 1em; } .FireFox li.meer-info span, .FireFox #showsBrowse a.showAll { font: bold 1em/1.3em Arial;} .FireFox #detail h1 { font-family: Arial; font-size: 2.2em; } .FireFox #detail .artiest { font-family: Arial; font-size: 1.5em; } .FireFox #detailDates th { font-family: Arial; } .FireFox #detailDates td { font-family: Arial; font-size: 0.9em; } .FireFox #suggesties h3 { font: bold 1.4em/1.3em Arial; } .FireFox #detail #meerInfoAnchor { font: bold 1em/1em Arial; } .FireFox #detail h2 { font: bold 0.9em/1.3em Arial;} .FireFox #detailDates .detailLinks li, .FireFox #prikbord .bericht h3 { font: bold 1em/1em Arial; } .FireFox .richtext h5 { font-family: Arial; font-size: 0.8em; } .FireFox .richtext h4 { font-family: Arial; font-size: 1.1em;} .FireFox .richtext h3 { font-family: Arial; font-size: 1em; } .FireFox h5.fck-kop_klein { font-family: Arial; font-size: 0.8em; } .FireFox h4.fck-kop_lijn { font-family: Arial; font-size: 1.1em;} .FireFox h3.fck-kop_big { font-family: Arial; font-size: 1em; } .FireFox label { font: bold 0.9em/1.3em Arial;} .FireFox #zoeken .searchPages h3 { font: bold 1.1em/1em Arial; } .FireFox #zoeken .searchPages .pageTitel { font: bold 0.9em/1em Arial; } #bodyMijnTheater.FireFox .tipBlock h5 { font: bold 1.1em/1.3em Arial; } .FireFox .NBpage H2 { font: bold 1.1em/1.3em Arial; } .FireFox .NBpage .subsequent legend { font-family: Arial; font-size: 1.1em; } .FireFox .NBpage legend { font: bold 1em/1em Arial; } .FireFox #show .weekdays th, #show .weeknr { font-family: Arial;} .FireFox .NBpage .subsequent label { font: bold 0.9em/1.3em Arial;} .FireFox .NBpage .subsequent label { font: bold 0.9em/1.3em Arial;} .FireFox #vragenlijst legend { font: bold 1.2em/1.3em Arial;} .FireFox #vragenlijst h4 { font: bold 1.2em/1.3em Arial;} /* BODY [`body] ----------------------------------------------- */ body { font: normal 68%/1.45 verdana, arial, helvetiva, sans-serif ; } html, body { height:100%; height:100%;} .bgWrapper { background: transparent url(/images/new/background.gif) repeat-y center top; min-height:100%; position: relative;} /* links */ a:link, a:visited { color: #a58a4a; } a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active { color: #000; } a.busy { cursor: progress; } .HrefBlackGold a:link, .HrefBlackGold a:visited { color: #000; } .HrefBlackGold a:link:focus, .HrefBlackGold a:visited:focus, .HrefBlackGold a:link:hover, .HrefBlackGold a:visited:hover, .HrefBlackGold a:link:active, .HrefBlackGold a:visited:active { color: #a58a4a; } .HrefBlackWhite a:link, .HrefBlackWhite a:visited { color: #000; } .HrefBlackWhite a:link:focus, .HrefBlackWhite a:visited:focus, .HrefBlackWhite a:link:hover, .HrefBlackWhite a:visited:hover, .HrefBlackWhite a:link:active, .HrefBlackWhite a:visited:active { color: #fff; } .HrefGrayWhite a:link, .HrefGrayWhite a:visited { color: #b5babd; } .HrefGrayWhite a:link:focus, .HrefGrayWhite a:visited:focus, .HrefGrayWhite a:link:hover, .HrefGrayWhite a:visited:hover, .HrefGrayWhite a:link:active, .HrefGrayWhite a:visited:active { color: #fff; } .HrefGoldGray a:link, .HrefGoldGray a:visited { color: #a58a4a; } .HrefGoldGray a:link:focus, .HrefGoldGray a:visited:focus, .HrefGoldGray a:link:hover, .HrefGoldGray a:visited:hover, .HrefGoldGray a:link:active, .HrefGoldGray a:visited:active { color: #b5babd; text-decoration: none;} /* -------- headers -------- */ h2 { float: left; width: 100%; background: transparent url(/images/new/titel_line.gif) repeat-x bottom left; margin: 10px 0 25px 0; } h2 { font: bold 3em/1.3em Trebuchet MS; text-transform: uppercase; color: #a58a4a; } h2.noLine { margin: 0px!important; background: none; } #bodyMijnTheater h2 { margin-bottom: 10px;} h2 .sub { font-size: 0.67em; } /* -------- LAYOUT -------- */ #container { width: 968px; margin: auto; position: relative; /* fixes ie6 leftcolumn quirks when resizing */ text-align: center } #header { width: 100%; color: #fff; position: relative; background: #000; height: 188px; margin: auto; } /* nyroModel.css Let op! als de header aangepast wordt deze niet vergeten */ #columnContainer { padding: 0 0 0 169px; float: left; width: 799px; text-align: left; } #columnContainer div.layColumn { float: left; position: relative; } #mainColumn { width: 100%; } #main { width: 766px; margin: auto; background: #fff; } #subColumn1 { width: 168px; margin-left: -100%; right: 169px; } .pagina { width: 445px!important; } .pagina .iFrame { float: left; position: relative; width: 600px; left: 0px; top: 0px; } /* -------- footer -------- */ #footer { clear: both; height: 90px; background: transparent; } #footer .footerWrap { height: 90px; margin: 0 15px; background: url(/images/new/footer_bg.gif) repeat-x 20px -25px; } #footer ul { padding-top: 20px; text-align: left; font-size: 0.8em; font-weight: bold; } /* float: left uitgezet voor text-images, overruled text-indent en display block!*/ #footer li { float: left; width: auto; padding: 0 25px 0 0; } #footer li span { background: url(/images/new/footer_sprite.gif) no-repeat top left; height: 12px; text-indent: -99999px; display: block; margin-top: 2px; } #footer li a .footer-rss { background-position: 0px 0px; width: 25px; } #footer li a:hover .footer-rss { background-position: -0px -11px; width: 25px; } #footer li a .footer-colofon { background-position: -44px 0px; width: 53px;} #footer li a:hover .footer-colofon { background-position: -44px -11px; width: 53px;} #footer li a .footer-disclaimer { background-position: -120px 0px; width: 62px; } #footer li a:hover .footer-disclaimer { background-position: -120px -11px; width: 62px; } #footer li a .footer-sitemap { background-position: -204px 0px; width: 47px;} #footer li a:hover .footer-sitemap { background-position: -204px -11px; width: 47px;} .socialHome { float: left; width: 100%; margin: 15px; } .socialHome li { float: left;} .socialHome li, #footer li.rss { floast: none; padding: 0; margin-right: 7px; } .socialHome li a, #footer li.rss a { display: inline-block; text-indent: -666666px; overflow: hidden; width: 16px; height: 16px; background-image: url(/images/social_footer.png); margin: 0; } #footer .rss a { background-position: 0px 0px; margin-right: 0; } .socialHome .hyves a { background-position: -16px 0px; margin-right: 0; } .socialHome .twitter a { background-position: -32px 0; } .socialHome .facebook a { background-position: -48px 0; } .socialHome .title { display: block; height: 17px; margin-bottom: 10px; text-indent: -6666666px; width: 138px; background: transparent url(/images/title_twitter.gif);} /* -------- home -------- */ #home { float: left; width: 100%; height: 318px; margin-top: 20px;} #home .meerInfoContainer span, #show .meerInfoContainer span { font-family: trebuchet ms; text-transform: uppercase; font-weight: bold; font-size: 1em; } #home .pageBlock { position: relative; width: 254px; padding: 0; border: 1px solid #fff; font-family: Trebuchet MS; border-width: 0 1px 0 0; } #home .uitgelicht { background: #a58a4a; height: 100%; } #home .zindering { background: #b5babd; height: 100%; } #home .pageBlock h3, #show .pageBlock h3 { font-size: 1.2em; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 0px;} #home .pageBlock img { position: absolute; bottom: 0px; } .infoText { padding: 7px 10px 10px 10px; } .infoText .body { font-family: verdana; font-size: 0.9em; } #home .tags .infoText .body { font-size: 1em; } .pageBlock h3 { font-size: 2em; background: none; color: #fff; margin: 0px 0px 10px 0; } #show .subtitel strong { float: left; color: #a58a4a; padding-bottom: 8px; } /* HTML slideshow */ #binnenkort { font-family: trebuchet ms; text-transform: uppercase; font-weight: bold;} #binnenkort .infoBox { width: 254px; float: left; } #binnenkort .imgBox { width: 510px; height: 266px; float: right; overflow: hidden; } #binnenkortMenu li { padding-bottom: 8px;} #binnenkortMenu li a { color: #9ca2a5; } #binnenkortMenu li a:hover, #binnenkortMenu li.active a { color: #a58a4a; } #binnenkortMenu .binnenkort-artiest { font-size: 1em; } #binnenkortMenu .binnenkort-titel { font-size: 1.2em; } /* -------- nieuws -------- */ .nieuws { background: #a58a4a; min-height: 147px; height: 100%; } .nieuws ul { list-style-image: url(/images/new/list_icon.gif); padding-left: 14px; font-family: verdana; font-size: 0.9em; } .nieuws li { list-style-position: outside; } .nieuws li .active { color: #fff; } .nieuwsItem .sideBlock { float: right; width: 254px; margin-left: 15px;} .nieuwsItem .sideBlock img { margin-bottom: 15px; } .nieuwsItem .pageBlock { position: inherit; width: auto; float: none; width: 254px; margin: 0 0 17px 0;} .nieuwsItem h1 { font: bold 1.2em/1.3em Trebuchet MS; text-transform: uppercase; color: #a58a4a; margin-bottom: 10px;} .nieuwsItem h2 { margin-bottom: 30px;} .nieuwsItem p, .nieuwsItem h1 { width: 445px;} /* -------- show -------- */ .overview { float: left; width: 100%; clear: both; } .linksItems { color: #9ca2a5; } .overviewDetail { margin-bottom: 13px; float: left; width: 247px; height: 230px; background: transparent url(/images/new/titel_line.gif) repeat-x top left; font-family: Trebuchet MS; text-transform: uppercase; font-weight: bold; } .overviewDetail h3 { height: 42px; padding-top: 7px; line-height: 1.1em;} .overviewDetail h3 a { display: inline-block; } .overviewDetail .titel { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; width: 100%; float: left; } .overviewDetail .artiest { font-size: 1em; font-weight: bold; } .overviewDetail .links, #showsBrowse p { font-size: 0.9em; margin-bottom: 7px; } .laatsteKaartenContainer { color: #A58A4A; cursor: help;} .showBlocks { margin-right: 11px; } #show .pageBlock { margin: 30px 0 20px 0; } #show .infoText { padding: 7px 10px 10px 10px; } #show .infoText h2 { margin-bottom: 5px; } #show .calendarBlock { background: #b5babd; height: 172px; } #show .calendarBlock .infoText { padding-top: 1em; } #show .tipBlock { background: #a58a4a; height: 172px; } #show .tipBlock .headingBodyWrap { height: 135px; overflow: hidden; } #show .tagsBlock { background: #b5babd; height: 172px; } a.buttonMeerinfoBrown span { display: block; background: url(/images/new/button_meer_info_gold.gif) no-repeat left 5px; height: 22px;} a.buttonMeerinfoBrown { display: block; background: url(/images/new/button_meer_info_gold_over.gif) no-repeat left 5px; height: 22px;} a.buttonMeerinfoGray span { display: block; background: url(/images/new/button_meer_info_zilver.gif) no-repeat left 5px; height: 22px;} a.buttonMeerinfoGray { display: block; background: url(/images/new/button_meer_info_zilver_over.gif) no-repeat left 5px; height: 22px;} a.buttonToonAlleTagsGray span { background-image: url(/images/new/button_toonalletags_zilver.png); height: 8px; width: 91px; } a.buttonToonAlleTagsGray { height: 8px; padding: 3px 0 3px 0!important; } a.buttonToonAlleTagsGray:hover span { background-position: 0 -8px; } #show .tipImg { padding: 0px; height: 172px; width: 253px; } #show .tipImg a { overflow: hidden; padding: 0px; margin: 0px; float: left; } #show .calendar { float: left; width: 100%; margin-top: 0.5em;} #show .calendar span { color: #9ca2a5; } #show .weekdays th { padding-bottom: 15px; } #show .weekdays th, #show .weeknr { font: bold 1em/1.3em Trebuchet MS; text-transform: uppercase;} #show .pageBlock h3 { float: left; padding-top: 10px; width: 100%; } /* zie #home voor rest van styling */ #show .tipBlock .h2 { display: block; height: 24px; text-indent: -66666px; background: transparent url(/images/new/show_titel_getipt.gif) no-repeat 0 0; } #show .tagsBlock h2 { display: block; height: 24px; margin-bottom: 6px; text-indent: -66666px; background: transparent url(/images/new/show_titel_zoektags.gif) no-repeat 1px 3px; float: none; } #show .calendar .selected a { color: #fff;} #show #maandSelectForm { height: 26px; color: #000; font-family: trebuchet ms; text-transform: uppercase; font-weight: bold; font-size: 1em; border: 1px solid #000; border-width: 0 0 3px 0; } li.meer-info span, #showsBrowse a.showAll { font: bold 1em/1.3em Trebuchet MS; text-transform: uppercase; } .jeugdShows .pagina { margin-bottom: 4em;} .jeugdShows h2 { margin-bottom: 0.5em;} #detail h2 { font: bold 1em/1.3em Trebuchet MS; text-transform: uppercase; color: #9ca2a5; padding-bottom: 5px;} #detail h2 { display: block; width: 100%; margin: 24px 0 0 0;} #detail h1 { font: bold 2.4em/1em Trebuchet MS; text-transform: uppercase; color: #a58a4a; float: left; width: 100%; } #detail .artiest { font: bold 1.7em/1em Trebuchet MS; text-transform: uppercase; color: #a58a4a; } #detail .detailContainer { float: left; width: 100%; } #detail span.imgToggel { width: 130px; float: left; } #detail #meerInfoAnchor { font: bold 1em/1em Trebuchet MS; text-transform: uppercase; color: #a58a4a; } /* new AK */ #detail .section { /*border-top: 3px solid #a58a4a; */ } #detail #shareNTags, #bodyNieuws .nieuwsItem #shareNTags { clear: both; } #detail #eventShare, #bodyNieuws .nieuwsItem #eventShare { float: left; width: 250px; margin-right: 10px; } #detail #eventTags { float: left; width: 506px; } #detail #eventShare ul.share { margin-top: 4px; } /* ==== tags === * * also see ie8c & ie7c */ .tag { font-family: "Trebuchet MS", Helvetica, sans-serif; display: inline-block; linxe-height: 1.0; text-transform: uppercase; font-weight: bolder; margin-bottom: 4px; } .tag a { display: inline-block; linxe-height: 1.0; padding: 3px 8px; border: 1px solid #c2c1c0; background: #d4d4d4; color: #83827f!important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* IE: jquery.corners */ } .tag a:focus, .tag a:hover, .tag a:active { background: #fff; color: #85898c; } #show .tagsBlock .tag { } #show .tagsBlock .tag a { border-color: #d7d8d8; color: #83827f; background: #c9cacb; } #show .tagsBlock .tag a:focus, #show .tagsBlock .tag a:hover, #show .tagsBlock .tag a:active { background: #f4f5f5; color: #85898c; } #show .tagsBlock ul.tags { height: 104px; /* 26*4 */ overflow: hidden; } #eventTags .tags { clear: both; } #allTags { width: 470px; } #allTags ul.tags { margin-bottom: 15px; } #meerInfoAnchor { border: 1px solid #A58A4A; border-width: 1px 0px 0px 0px; padding-top: 1em; width: 100%; float: left; overflow: hidden; } #voorstellingBeschrijving_pt2 { border: 1px solid #A58A4A; border-width: 1px 0px 0px 0px; padding-top: 1em;} #meerData { display: table-row-group;} .meerDataContainer { float: left; margin-top: 0.9em; width: 85px; width: 100%; text-indent: -66666px; } .meerDataContainer a { display: block; float: right; width: 85px; height:15px; margin-right: 261px; position: relative; left: 87px; overflow: hidden; background: #ffffff url(/images/new/button_meer_data_over.gif) no-repeat; } /*+IE6c*/ .meerDataContainer a span { display: block; width: 100%; height: 100%; background: #ffffff url(/images/new/button_meer_data.gif) no-repeat 0 0; } .meerDataContainer a:hover span { background: none; } .meerDataContainer a.toggled { background: #ffffff url(/images/new/button_terug_toggele_over.gif) no-repeat -24px 0; } .meerDataContainer a.toggled span { background: #ffffff url(/images/new/button_terug_toggele.gif) no-repeat -24px 0; } .meerDataContainer a.toggled:hover span { background: none; } #detailDates table { border: 1px solid #A58A4A; border-width: 0px 0px 3px 0px; border-collapse:collapse; color:#1B1464; margin-top:2em; text-align:left; width:100%; } /*766px;*/ #detailDates th { font: bold 0.9em/1em Trebuchet MS; text-transform: uppercase; color: #9ca2a5; padding:0 2em 0.5em 0;} #detailDates td { height: 21px; padding: 0 10px 0.2em 0; font: bold 1em/1em Trebuchet MS; text-transform: uppercase; color: #000; } #detailDates td.last { text-align:left; } #detailDates td.last span { text-align:left; padding: 0px; margin: 0px; } #detailDates td.status { text-transform:uppercase; } #detailDates td.datum, #detailDates th.datum { width: 12%; /*white-space:nowrap;*/ } #detailDates td.aanvang, #detailDates th.aanvang { width: 11%; } #detailDates td.einde, #detailDates th.einde { width: 11%;} #detailDates td.zaal, #detailDates th.zaal { width: 17%; } #detailDates td.prijs, #detailDates th.prijs { width: 15%;} #detailDates td.kaarten, #detailDates th.kaarten { width: 12%;} #detailDates td.kaarten { overflow: hidden;} #detailDates td.verkoopvia, #detailDates th.verkoopvia { width: 22%; padding-right: 0; } #detailDates td span.help { cursor: help;} #detailDates .imageContainer { margin: 2em 1em 0 0; float: left; width: 250px;} #detailDates .imageContainer img { margin-bottom: 1em; } #detailDates .detailText { float: left;width: 325px; margin: 2em 0 0 0;} #detailDates .detailText .txtBlock { padding: 0 0 1em 0; } #detailDates .detailLinks { float: right; width: 130px; margin: 2em 0 0 0; overflow:hidden;} #detailDates .detailLinks li { display: block; height: 40px; font: bold 1em/1em Trebuchet MS; text-transform: uppercase; } #detailDates .detailLinks li a span { display: block; height: 40px; } /*#detailDates .detailLinks-ecard { margin: 5em 0 5em 0;}*/ #detailDates .detailLinks li span { background: url(/images/new/icon_sprite.gif) no-repeat top left; text-indent: -99999px; height: 32px; } #detailDates .detailLinks-dineren a span { background-position: 0px -8px; } #detailDates .detailLinks-dineren a:hover span { background-position: -126px -8px!important; } #detailDates .detailLinks-ssbExpress a span { background-position: 0px -96px } #detailDates .detailLinks-ecard a span { background-position: 0px -54px;} #detailDates .detailLinks-pers a span { background-position: 0px -141px;} #detailDates .detailLinks-video a span { background-position: 0px -187px;} #detailDates .detailLinks-audio a span { background-position: 0px -229px;} #detailDates .detailLinks-ssbExpress a:hover span{ background-position: -126px -96px } #detailDates .detailLinks-ecard a:hover span { background-position: -126px -54px;} #detailDates .detailLinks-pers a:hover span { background-position: -126px -141px;} #detailDates .detailLinks-video a:hover span { background-position: -126px -187px;} #detailDates .detailLinks-audio a:hover span { background-position: -126px -229px;} #detailDates td .imgBtn span { background: url(/images/new/bestel_knop.gif) no-repeat top left; text-indent: -99999px; } #detailDates td .imgBtn span { display: block; width: 62px; height: 18px; } #detailDates td .imgBtn:hover span { background-position: -0px -19px; } /* --- pagination --- */ #pagination { clear: both; margin: 4em 17px 3em;} #pagination ul, #pagination ul li { display: inline; } #pagination li.pages { text-align: center; } #pagination .pages li a { color: #000000; padding: 0.25em 0.5em; width: 1.5em; height: 1.5em; line-height: 1.5em; margin: 0 3px; background-color: #b5babd;} #pagination .pages li a:hover, #pagination .pages .active a { background-color: #a58a4a; color: #fff; text-decoration: none; } #pagination .toLeft { float: left; overflow:hidden;} #pagination .toRight { float: right; overflow:hidden;} #pagination .imgBtn span { text-indent: -66666px; display: block; background: url(/images/new/paginering_sprite.gif); height: 16px;} #pagination .toLeft span { display: block; background-position: 0px 18px; width: 51px; } #pagination .toRight span { display: block; background-position: 75px 18px; width: 73px; } #pagination .toLeft a span { display: block; background-position: 0px -3px; width: 51px; } #pagination .toRight a span { display: block; background-position: -55px 58px; width: 73px; } #pagination .toLeft a:hover span { display: block; background-position: 0px -22px; width: 51px; } #pagination .toRight a:hover span{ display: block; background-position: -55px 39px; width: 73px; } /* -------- suggesties & activiteiten-------- */ #suggesties h3, #detail .section h3, #bodyNieuws .nieuwsItem .section h3 { margin-bottom: 1em; float: left; color: #A58A4A; font: bold 1.5em/1.3em Trebuchet MS; text-transform: uppercase; display: block; border: 1px solid #a58a4a; border-width: 3px 0px 0px 0px; width: 100%; margin-top: 3em; } #suggesties li { float: left; width: 240px; font-size: 0.9em; ;} #suggesties li span img { float: left; width: 53px; height: 53px; margin-right: 10px; border: 1px solid #b5babd;} #suggesties li span span { float: left; width: 70%;} #suggesties li .titel { font-weight: bold; } /* -------- zoeken -------- */ #zoeken h2 { margin-bottom: 20px; } #zoeken p { font-size: 0.9em;} #zoeken p strong { text-transform: uppercase; color: #A58A4A; } #zoeken .searchResults { margin: 2em 0; } #zoeken .searchPagess { float: left; width: 100%; } #zoeken .searchPages h3 { font: bold 1.2em/1em Trebuchet MS; text-transform: uppercase; color: #a58a4a; margin: 2em 0 1em 0;} #zoeken .searchPages .pageTitel { font: bold 0.9em/1em Trebuchet MS; text-transform: uppercase;} #zoeken .searchPages .pageText { font-size: 0.9em;} #zoeken .searchPages .pageText strong { background: #e7e7e7;} .zoekResultaten li {padding: 1em; } /* -------- menu -------- */ #menuContainer { margin: 15px; float: left; width: 138px; } #menuContainer /*text*/ { font: bold 0.9em/1.3em Trebuchet MS; text-transform: uppercase; } #menuContainer ul#mainMenu { } #menuContainer li { float: left; width: 100%; overflow: hidden; } #menuContainer li span { background: url(/images/new/menu_sprite.gif) no-repeat top left; text-indent: -99999px; } #menuContainer li a span { display: block; border: 1px solid #A58A4A; border-width: 0px 0px 3px 0px; height: 27px;} #menuHome a span { background-position: -9px 0px; } #menuHome a:hover span, #menuHome a span.active { background-position: -151px 0px; } #menuVoorstellingen a span { background-position: -9px -30px; } #menuVoorstellingen a:hover span, #menuVoorstellingen a span.active { background-position: -151px -30px; } #menuInformatie a span { background-position: -9px -120px; } #menuInformatie a:hover span, #menuInformatie a span.active { background-position: -151px -120px; } #menuVerhuur a span { background-position: -9px -150px; } #menuVerhuur a:hover span, #menuVerhuur a span.active { background-position: -151px -150px; } #menuZindering a span { background-position: -9px -180px; } #menuZindering a:hover span, #menuZindering a span.active { background-position: -151px -180px; } #menuEducatie a span { background-position: -9px -210px; } #menuEducatie a:hover span, #menuEducatie a span.active { background-position: -151px -210px; } #menuSponsoring a span { background-position: -9px -239px; } #menuSponsoring a:hover span, #menuSponsoring a span.active { background-position: -151px -239px; } #menuContainer a span.kiesGenre { background-position: 0px -90px; } #menuContainer a:hover span.kiesGenre { background-position: -142px -90px; } #menuContainer a span.kiesMaand { background-position: 0px -60px; } #menuContainer a:hover span.kiesMaand { background-position: -142px -60px; } #menuContainer .submenu li.active a { color: #A58A4A; } #menuContainer #active.kiesMaand { background-position: -142px -60px; } #menuContainer #active.kiesGenre { background-position: -142px -90px; } #menuContainer span.active { color: #A58A4A; } #menuContainer .submenu { float: left; width: 136px; font-size: 1em; border: 1px solid #A58A4A; border-width: 0px 1px 1px 1px;} #menuContainer .dropContent ul li { padding: 3px 0 3px 8px; } #menuContainer .submenu li a span { padding: 3px 0 3px 8px; background: none; text-indent: 0px; border: 0px; height: auto; } #menuContainer .maandgenreMenu span, #menuContainer .maandgenreMenu ul li { padding: 0px;} #menuContainer .subSubMenu li a span { padding: 0px 0px 0px 8px; font-size: 0.9em; } #menuContainer .subSubMenu li { overflow: hidden; } /* -------- header -------- */ #servicemenu { position: absolute; right: 0px; bottom: 7px; margin-right: 135px; } /* ie7 */ #servicemenu li { float: right; width: auto; margin: 0 14px; overflow: hidden; height: 15px; } #servicemenu li span { background: url(/images/new/sm-sprite.png) no-repeat top left; text-indent: -99999px; display: block; border: 0px solid red;} #servicemenu li span.userMenu { text-indent: 0; } #servicemenu a span.SM-FAQ { background-position: -288px 5px; width: 25px; } #servicemenu a:hover span.SM-FAQ { background-position: -288px -9px; width: 25px;} #servicemenu a .SM-contact { background-position: -339px 5px; width: 55px; } #servicemenu a:hover .SM-contact { background-position: -339px -9px; width: 55px;} #servicemenu a .SM-inloggen { background-position: 0px 5px; width: 55px; } #servicemenu a:hover .SM-inloggen { background-position: 0px -9px; width: 55px;} #servicemenu a .SM-nieuwsbrief { background-position: -79px 5px; width: 68px; } #servicemenu a:hover .SM-nieuwsbrief { background-position: -79px -9px; width: 68px;} #servicemenu .SM-winkelwagentje { background-position: -170px 5px; width: 93px; } /*nog niets in winkelmandje */ #servicemenu a .SM-winkelwagentje { background-position: -170px 5px; width: 93px; } #servicemenu a:hover .SM-winkelwagentje { background-position: -170px -9px; width: 93px;} #servicemenu a .SM-prikbord { background-position: -594px 5px; width: 52px; } #servicemenu a:hover .SM-prikbord { background-position: -594px -9px; width: 52px;} /* ingelogd ja of nee */ #servicemenu .loggedIn span { float: left; border: 0px solid #fff; } #servicemenu .loggedIn a { float: left; overflow: hidden; } #servicemenu .loggedIn span.SM-ingelogd { background: transparent url(/images/new/ingelogd.gif) no-repeat -4px 2px; width: 77px; } #servicemenu .loggedIn span.userMenu { background: none; width: 384px; } #servicemenu a .SM-wijzig { background-position: -454px 5px; width: 45px; } #servicemenu a:hover .SM-wijzig { background-position: -454px -9px; width: 45px;} #servicemenu a .SM-uitloggen { background-position: -520px 5px; width: 57px; } #servicemenu a:hover .SM-uitloggen { background-position: -520px -9px; width: 57px;} #servicemenu a .SM-gast { color: #fff; font-family: verdana; text-transform: none; text-indent: 0px!important; background: none!important; } #servicemenu a:hover .SM-gast { color: #A58A4A; font-family: verdana; text-transform: none; text-indent: 0px!important; background: none!important; } #servicemenu .SM-gast { padding: 0 15px 1px 5px; font-size: 0.9em; } #servicemenu a .SM-gast { padding: 0 15px 1px 5px; } /* zoeken */ input.SM-zoek { padding: 5px 5px 0px 3px; } #zoekForm { position: absolute; right: 0px; bottom: 8px; margin-right: 15px; } #zoekForm input.SM-Block{ width: 71px; height: 14px; border: 0px dotted #000; font-size: 0.9em;} form#zoekForm { width: 128px; /* ie6 fix */ } #formContact { float: left; width: 100%; } #formContact .buttonContainer { padding: 0px; clear: none; float: left; } /* ------- prikbord ------ */ #prikbord a.button { float: right;} a.buttonPlaatsBericht { width: 133px; height: 20px; background-image: url(/images/new/button_plaatsbericht_over.gif); } a.buttonPlaatsBericht span { width: 133px; height: 20px; background-image: url(/images/new/button_plaatsbericht.gif);} a.buttonVorige { width: 54px; height: 20px; background-image: url(/images/new/button_vorige_over.gif); } a.buttonVorige span { width: 54px; height: 20px; background-image: url(/images/new/button_vorige.gif);} a.buttonVolgende { width: 73px; height: 20px; background-image: url(/images/new/button_volgende_over.gif); } a.buttonVolgende span { width: 73px; height: 20px; background-image: url(/images/new/button_volgende.gif);} a.btnBekijkPrikbord { height: 15px; } a.btnBekijkPrikbord span { background-image: url(/images/new/btn_bekijkprikbord.png); height: 15px; width: 132px; } a.btnBekijkPrikbord:focus span, a.btnBekijkPrikbord:hover span, a.btnBekijkPrikbord:active span { background-position: 0 -15px; } a.btnTerugNrVoorstellingen span { background-image: url(/images/new/button_terugnrvoorstellingen.png); height: 16px; width: 222px; } a.btnTerugNrVoorstellingen { height: 16px; padding: 2px 0 2px 0!important; } a.btnTerugNrVoorstellingen:focus span, a.btnTerugNrVoorstellingen:hover span, a.btnTerugNrVoorstellingen:active span { background-position: 0 -16px; } .inputButtons { width: 54px;} #prikbord .bericht { float: left; width: 100%; padding: 20px 0;} #prikbord .bericht h3 { font: bold 1em/1.2em Trebuchet MS; text-transform: uppercase; width: 445px;} #prikbord .footer span.bold, #prikbord .footer span.sep { vertical-align: middle; } #prikbord .footer span.bold { font: bold 1em/1.2em verdana; } #prikbord .footer span.bold a .pntr { display: inline-block; width: 4px; height: 6px; background: transparent url(/images/pointer_prikbord.gif) no-repeat 0 0; margin-left: 4px; vertical-align: middle; } #prikbord .footer span.bold a:hover .pntr { background-position: 0px -6px; } #prikbord .footer .remove, #prikbord .footer .modify { text-transform: uppercase; } #priksbord .footer .react:after, #prikborsd .footer .report:after { } #prikbord .footer .spamReport span { font-size: 9px;} #prikbord .body { width: 445px; } #formBericht .buttonContainer, #formDelete .buttonContainer, #formMail .buttonContainer, #prikbord .buttonContainer, #formReport .buttonContainer { float: left!important; padding: 0 0 0 0!important; width: 445px!important;} #formBericht div textarea#bericht, #formMail div textarea#bericht, #formReport div textarea#bericht { width: 205px!important; } #formBericht div input#email, #formMail div input#email, #formReport div input#email { width: 200px!important; } #bodyInformatie p.error { float: left; margin-bottom: 1em;} #mediaGallerij { position:relative; top:-15px; left:0px; float: left; width: 100%; } #mediaGallerij img { float: left; width: 250px; margin-right: 1px; } #prikbord a.twitter-share { display: inline-block; width: 16px; height: 16px; text-indent: -666666px; overflow: hidden; background: transparent url(/images/social_prikbord.png) no-repeat 0 0; vertical-align: middle; margin-left: 2px; } /* ------- ecard------ */ .ecard h1 { padding-top: 0.5em;} .ecard h3 { padding-bottom: 5em; } .ecard .buttonContainer { padding: 0px; } .ecard .subHeaderText { top: -28px; } .ecard h4.fck-kop_lijn { margin-bottom: 1em;} .ecard .pagina { margin-bottom: 6em;} #ecardError { margin-top: 3.5em; float: left; width: 98%; } a.buttonTerugVoorstelling { width: 195px; height: 15px; background-image: url(/images/new/button_terug_naar_voorstelling_over.gif); } a.buttonTerugVoorstelling span { width: 195px; height: 15px; background-image: url(/images/new/button_terug_naar_voorstelling.gif);} /* ------- sponsoring------ .sponsorsPage { float: right; width: 294px; position: absolute; top: 90px; right: 17px;} .sponsorsPage a { float: left; width: 145px; border: 0px dotted red; text-align: center;} */ /* ------- sponsoring------ */ .sponsoringPage { float: left; width: 445px; } .sponsorsPage { float: right; width: 200px; margin: 1em 3em 3em 1em; } .sponsorsPage a { float: left; padding: 1em; } /* ------- sitemap ------ */ #sitemap ul { padding: 0 0 0.3em 0; } #sitemap ul li { list-style:none; padding: 0 0 0.8em 0; float: left; clear: both; } #sitemap ul.subitem li { background: transparent url(/images/new/sitemap_bg_subitem.gif) repeat-y 0 0; } #sitemap ul.subitem li.last { background: transparent url(/images/new/sitemap_bg_subitem_last.gif) no-repeat 0 0; } #sitemap ul.subitem li { margin: 0 0 0 1em; padding: 0 0 0 1em; list-style:none; } /* sprites nav buttons */ #bodyNieuws .navPrevNext { top: 35px; } .navPrevNext { position: relative; top: -27px; right: -546px; width: 200px; } .navPrevNext li { display: block; float: right; } /* ie6 nodig */ .navPrevNext li a, .navPrevNext li span { background-image: url(/images/new/nav_sprite.gif); display: block; float: left; height: 13px; overflow: hidden; text-indent: -66666px; } .navPrevNext #volgende a { background-position: -55px 0px; width: 70px; } .navPrevNext #vorige a { background-position: 0px 0px; width: 55px; } .navPrevNext #volgende a:hover { background-position: -55px 29px; width: 70px; } .navPrevNext #vorige a:hover { background-position: 0px 29px; width: 55px; } .navPrevNext #volgende span { background-position: -55px 13px; width: 70px; } .navPrevNext #vorige span { background-position: 0px 13px; width: 55px; } /* -- vragenlijsten -- */ .vragenlijstContainer a.buttonStart span { overflow: hidden; display: block; width:44px; background: url(/images/new/button_start.gif) no-repeat left 5px; height: 22px;} .vragenlijstContainer a.buttonStart { display: block; width:44px; background: url(/images/new/button_start_over.gif) no-repeat left 5px; height: 22px;} #vragenlijst { clear: both; width: 100%; float: left; } #vragenlijst legend { color: #a58a4a; margin: 0 0 1em 0; text-transform: uppercase; font-family: trebuchet ms; font-size: 1.2em; font-weight: bold; display: block; } #vragenlijst h4 { font-weight: bold;} #vragenlijst .vragenlijstVraag { float: left; width: 100%; } #vragenlijst #formEnquete { margin-top: 1em;} #vragenlijst .contentBlok { margin-bottom: 1em; } /* #vragenlijst #vragenlijstPersoonlijkeGegevensForm input.submit { display: block; width:77px; height: 15px; background: url(/images/new/button_versturen.gif) no-repeat; text-indent: -66666px; }*/ /* #vragenlijst #vragenlijstPersoonlijkeGegevensForm input.btnHover { display: block; width:77px; height: 15px; background: url(/images/new/button_versturen_over.gif) no-repeat; text-indent: -66666px; }*/ #vragenlijst #vragenlijstPersoonlijkeGegevensForm input.submit { width:77px; float: left; height: 20px; font-weight: bold; text-decoration: underline; text-transform: uppercase; font-size: 1em;} #vragenlijst #vragenlijstPersoonlijkeGegevensForm input.btnHover { width:77px; float: left; height: 20px; font-weight: bold; color: #9ca2a5; text-decoration: underline; text-transform: uppercase; font-size: 1em;} #vragenlijst #vragenlijstPersoonlijkeGegevensForm input#versturen { height: 15px; } /* ---buttons---- */ .buttonContainer { clear:both; height:15px; padding:1em 0 0; float: right; padding-right: 230px;} a.button { display: block; padding: 0px; text-indent: -666666px; background-repeat: no-repeat; overflow: hidden; cursor: pointer;} a.button span { display: block; background-repeat: no-repeat; text-indent: -666666px; } a.button:hover span, a.button:active span { background: none; } #bodyMijnTheater a.button:active span, #bodyMijnTheater a.button:hover span { background: none!important; } #bodyMijnTheater #nieuwsbrievenForm .buttonContainer{ float :left; } /* new style button, using sprites */ a.btn2 { display: inline-block; background: no-repeat 0 0; text-indent: 0; cursor: pointer; } a.btn2 span { display: inline-block; text-indent: -666666px; overflow: hidden; } a.buttonToonAlleTagsGray span { background-image: url(/images/new/button_toonalletags_zilver.png); height: 8px; width: 91px; } a.buttonToonAlleTagsGray { height: 12px; padding: 3px 0 3px 0!important; } a.buttonToonAlleTagsGray:hover span { background-position: 0 -8px; } a.btnTerugNrVoorstellingen span { background-image: url(/images/new/button_terugnrvoorstellingen.png); height: 16px; width: 222px; } a.btnTerugNrVoorstellingen { height: 16px; padding: 2px 0 2px 0!important; } a.btnTerugNrVoorstellingen:focus span, a.btnTerugNrVoorstellingen:hover span, a.btnTerugNrVoorstellingen:active span { background-position: 0 -16px; } /* --- MT---- */ #bodyMijnTheater #loginPage h2, #bodyMijnTheater #accountAanmaken h2 { margin-bottom: 10px;} #bodyMijnTheater #loginPage form { margin: 2em 0;} #bodyMijnTheater .pagina .buttonContainer { padding-right: 0px;} #bodyMijnTheater a#buttonAccountAanmaken { width: 188px; height: 15px; background-image: url(/images/new/button_account_aanmaken_over.gif); } #bodyMijnTheater a#buttonAccountAanmaken span { width: 188px; height: 15px; background-image: url(/images/new/button_account_aanmaken.gif); } #bodyMijnTheater .tipBlock h5 { font: bold 1.2em/1.3em Trebuchet MS; text-transform: uppercase; color: #A58A4A; margin-bottom: 1em;} #bodyMijnTheater .tipBlock ol li { list-style: decimal; list-style-position: outside; margin-left: 2em;} #bodyMijnTheater #gegevensForm .buttonContainer, #bodyInformatie .buttonContainer, #formNieuwsbriefInstellingen .buttonContainer { width: 100%; } #bodyMijnTheater .buttonContainer .left, #bodyInformatie .buttonContainer .left, #formNieuwsbriefInstellingen .buttonContainer .left { float: left; } #bodyMijnTheater .buttonContainer .right, #bodyInformatie .buttonContainer .right, #formNieuwsbriefInstellingen .buttonContainer .right { float: right;} #bodyMijnTheater #loginform .buttonContainer { width: auto; } #activeerPage { background: red; float: left; width: 100%; } #bodyMijnTheater ul.keuzemenu { margin-top: 2em; } #bodyMijnTheater ul.keuzemenu li { margin-bottom: 2em; } #bodyMijnTheater ul.keuzemenu li.uitloggen { margin-top: 2.5em; } #bodyMijnTheater ul.keuzemenu strong { float: left; width: 100%; padding-bottom: 0.5em;} #bodyMijnTheater ul.keuzemenu li.wijzigen a { width: 177px; height: 15px; background: transparent url(/images/new/btn_wijzig_geg_over.png) no-repeat 0 0;} #bodyMijnTheater ul.keuzemenu li.wijzigen a span { width: 177px; height: 15px; background: transparent url(/images/new/btn_wijzig_geg.png) no-repeat 0 0;} #bodyMijnTheater ul.keuzemenu li.uitloggen a { width: 177px; height: 15px; background: transparent url(/images/new/button_uitloggen_over.gif) no-repeat 0 0;} #bodyMijnTheater ul.keuzemenu li.uitloggen a span { width: 177px; height: 15px; background: transparent url(/images/new/button_uitloggen.gif) no-repeat 0 0;} #bodyMijnTheater ul.keuzemenu li.prikbord a { width: 155px; height: 15px; } #bodyMijnTheater ul.keuzemenu li.prikbord a span { width: 155px; height: 15px; background-image: url(/images/new/btn_uwprikbordberichten.png); } #bodyMijnTheater ul.keuzemenu li.prikbord a:focus span, #bodyMijnTheater ul.keuzemenu li.prikbord a:hover span, #bodyMijnTheater ul.keuzemenu li.prikbord a:active span { background-position: 0 -15px; } li.gaVerder a { width: 177px; height: 15px; background: transparent url(/images/new/button_ga_verder_over.gif) no-repeat 0 0;} li.gaVerder a span { width: 177px; height: 15px; background: transparent url(/images/new/button_ga_verder.gif) no-repeat 0 0;} #nieuwsbrievenForm div.checkbox, .subsequent div.checkbox { float: left; width: 40%; } #nieuwsbrievenForm .compact, .subsequent .compact { margin-top: 2em; } .subsequent h4 { padding-bottom: 1em;} #formNieuwsbriefInstellingen .nieuwsbrieven legend { display: none;} /* mediagalerij */ .mediagalerij .headerContainer a img { float: right; top: 30px; position: relative;} .mediagalerij .headerContainer h2 { margin-bottom: 1em!important;} .mediagalerij .mediaList { margin: 4em 0; float: left; width: 100%; border: 3px solid #a58a4a; border-width: 3px 0 3px 0; padding: 3em 0 5em 0;} .mediagalerij .mediaList li { font-weight: bold; text-transform: uppercase; font-size: 0.9em; color: #a58a4a; } .mediagalerij .mediaList li.active, .mediagalerij .mediaList li.description { margin-bottom: 1em; } .mediagalerij #mediaContainer { margin-bottom: 2em; border: 2px solid #A58A4A; width: 484px; clear: both; height: 302px; } /*.mediagalerij .mediaList li span { color: #ffffff;} */ .mediagalerij .mediaList li span.description { color: #000; font-weight: normal; text-transform: none; font-size: 1.1em; } .mediagalerij .audio { height: 28px!important; } .mediagalerij a .pers-element { color: #A58A4A!important;} /* wachtrij */ #bodyWachtrij #columnContainer { padding: 0 0 0 60px;} #bodyWachtrij #mainColumn { width: 600px; padding-bottom: 60px; } #bodyWachtrij h2.pageTitle { margin-top: 30px; } #bodyWachtrij div#extraMsgContainer { padding: 10px; margin: 2em 0; background-color: #f7f8f8; border: 1px dashed #a58a4a; border-width: 1px 0; } #bodyWachtrij #extraMsgDatum { margin-bottom: 1em; } #bodyWachtrij .pagina { width: 680px; margin-top: 3em;} #wachtRijOuterBox { padding: 0 0 0 20px; width: 350px; height: 15px; border: 1px solid #666666; background: url(/images/new/indicator_bg.gif) repeat-x 0 0; overflow: hidden; } #wachtRijInnerBox { width: 350px; text-align: right; } img#imgIndicator { height: 15px; width: 90%; } #bodyWachtrij .nieuwsItem h4 { float: none; } #bodyWachtrij #container { width: 807px; } #bodyWachtrij #header { width: 100%; height: 130px; } #bodyWachtrij.bgWrapper { background: transparent url(/images/new/background_wachtrij.gif) repeat-y center top; } /* FORMS [`form] */ label { font: bold 1em/1.3em Trebuchet MS; text-transform: uppercase; } span.verplicht { color: #A58A4A; } #bodyMijnTheater #main form { float: left; width: 100%; } #bodyMijnTheater #main legend { display: none;} #bodyMijnTheater #forms div.formContainer { float: left; width: 100%; } /* --- forms ---- */ #formButton { margin-left: 147px; } .subItem input.text, .subItem input.submit, .select select { border: 1px solid #A58A4A; padding: 4px; } input.text, input.submit { border: 1px solid #A58A4A; font: 12px/normal arial, verdana, sans-serif; /* doens't inherit font & color properties from body */ } input.text { min-height: 15px; /* FF<3 uses classic box model here, we correct this via JS */ padding: 4px 2px 4px 2px; width: 200px; } input.letters { width: 2em!important; } input.cijfers { width: 4em!important; } input.left { float: left; } input.right { float: right; } body.FF2 input.text { min-height: 20px } /* like this */ .txtLink { display: block; border: 0px!important; background-color: transparent; font: 1.0em/1.333 Arial, Helvetica, sans-serif; cursor: pointer; text-align:left; } .txtLinkHover { text-decoration: underline; } input.submit { background: transparent; color: #A58A4A; border: 0px; min-height: 15px; padding: 2px 5px; font-weight: bold; text-decoration: underline; } input.btnHover, .button:hover, .btnHover, .buttonLink:hover { color: #000; cursor: pointer; text-decoration: underline; } .button { background: transparent url(/images/new/button_bg.gif) repeat-x 0 0; border: 0px; /* padding: 2px 0.75em; */ color: #fff; font: 0.9em/1.333 Arial, Verdana,Helvetica, sans-serif; } .submitImage { width: 283px; text-align: right;} div textarea { border: 1px solid #A58A4A; } /****** - selectboxes - */ div.selectbox-wrapper { position: absolute; /* width: 400px; */ background-color: white; color: black; max-height: 20em; overflow: auto; } div.selectbox-wrapper ul li { display:block; padding: 2px; cursor: default; } input.selectbox { /* js selectbox */ padding-left:2px; /* width : 10em; */ display : block; cursor: default; } input.submit:hover { cursor: pointer; } form .radiobutton input, input.radio { border: 0; } /* - radio fields - */ form .radio { margin: 4px 0 0 0; clear: both; } fieldset.radio { margin-top: 1em;} .radio input.radio { float: left; height: 1.25em; /* necessary for better alignment in IE & Opera */ } .radio label { margin-left: 22px; display: block; font-weight: bold; min-height: 1.25em; }/*+ie6c*/ form.topdown div.field label { margin-bottom: 0.75em; display: block; } /*** Formcreator v1 */ form div { float: left; width: 100%; margin: 0.5em 0 } form .adres div, form .geslacht div, form .geboortedatum div, form .postcode div, form .telnr div { width: auto; margin: 0; } form .geslacht div.radiobutton { float: none; } form label { float: left; width: 12em; padding-top: 0.22em; color: #000; /* <> input v.center */ } form .vragenlijstAntwoorden .radiobutton { margin: 0.5em 0 } form .vragenlijstAntwoorden .textarea label { display: none; } form .radiobutton { margin: 0em 0 } form .radiobutton label, form .checkbox label { float: none; width: auto; padding: 0; } form .checkbox label { float: none; width: auto } form .checkbox input { } form .postcode input.postcodeCijfers { width: 4em } form .postcode input.postcodeLetters { width: 2em } form .telnr input.net { width: 4em } form .telnr input.abo { width: 7em } form .adres div, form .postcode div, form .telnr div, form .geboortedatum div { float: left } form .adres input.adres { width: 14em } form .adres input.huisnummer { width: 3em } form .adres input.toevoeging { width: 3em } form .datum input.datumDay, form .datum input.datumMonth { width: 2em } form .datum input.datumYear { width: 4em } /* Formcreator v1 ***/ form input#achternaam, form input#telefoonnummer, form input#woonplaats { width: 15em } form input#huisnummer { width: 3em } form input#tussenvoegsels, form input#voorletters { width: 4em } form input#postcode { width: 5em } form input#email { width: 20em } /* end FORMS ******/ .NBpage h2 { font: bold 1.3em/1.3em Trebuchet MS; text-transform: uppercase; border: none; background: none; padding: 0px; margin: 0px!important; } .NBpage legend { color: #a58a4a; font: bold 1.1em/1em Trebuchet MS; text-transform: uppercase; padding: 0 0 1em 0; display: block; float: left; width: 100%!important; } .NBpage .subsequent legend { color: #a58a4a; margin-top: 1em; text-transform: uppercase; font-family: trebuchet ms; font-size: 1.2em; font-weight: bold; border: 3px solid #a58a4a; border-width: 3px 0 0 0; } .subHeaderText { float: right; text-align: right; position: relative; right: 0; top: 10px; font-size: 0.9em;} .NBpage .subsequent { margin: 2em 0 2em 0; } .NBpage .subsequent label { font: bold 1em/1em Trebuchet MS; text-transform: uppercase; } legend { margin-left: -2px;} /* RICHTEXT [`rt] ----------------------------------------------- */ .richtext p, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6, .richtext dl, .richtext table, .richtext pre, .richtext blockquote { margin: 1em 0; } .richtext table { border-collapse: separate; table-layout: auto; border-spacing: 0.18em; } .richtext th, .richtext td { padding: 0.5em; } .richtext blockquote { margin: 1em 0 1em 4em; } .richtext ul, .richtext ol { margin: 1em 0 1em 4em; list-style: outside; } .richtext ul { list-style-image: url(/images/new/fck_list_icon.gif); } .richtext ol { list-style-type: decimal; } /* various FCK features/styles */ .richtext .indent1 { margin-left: 2em; } .richtext .indent2 { margin-left: 4em; } .richtext .indent3 { margin-left: 6em; } .richtext .justifyLeft { text-align: left; } .richtext .justifyRight { text-align: right; } .richtext .justifyCenter{ text-align: center; } .richtext .justifyFull { text-align: justify; } .richtext img.left { float: left; margin: 1em 1em 1em 0; } .richtext img.right { float: right; margin: 1em 0 1em 1em; } /* FCK koppen styles */ .richtext h3 {margin: 0px; text-transform: uppercase; font-family: trebuchet ms; font-size: 1.2em; font-weight: bold; } .richtext h5 {margin: 0px; text-transform: uppercase; font-family: trebuchet ms; font-size: 0.9em; font-weight: bold; } .richtext h4,.nieuwsItem h4, .fck-kop_lijn {color: #a58a4a; margin: 1em 0px 0.5em 0; text-transform: uppercase; font-family: trebuchet ms; font-size: 1.2em; font-weight: bold; display: block; float: left; width: 100%; border: 3px solid #a58a4a; border-width: 3px 0 0 0; } .nieuwsItem h4 {width: 445px!important; } /* koppen styles ook voor de site zelf :P */ h3.fck-kop_big { margin: 0px; text-transform: uppercase; font-family: trebuchet ms; font-size: 1.2em; font-weight: bold; } h5.fck-kop_klein { margin: 0px; text-transform: uppercase; font-family: trebuchet ms; font-size: 0.9em; font-weight: bold; } h4.fck-kop { color: #a58a4a; margin: 1em 0px 0 0; text-transform: uppercase; font-family: trebuchet ms; font-size: 1.2em; font-weight: bold; display: block; float: left; width: 100%; } /* form reports */ .report { background: transparent no-repeat 5px 10px; padding: 10px 10px 10px 45px; margin: 1em 0; min-height: 35px; border: 1px dotted; border-width: 1px 0; } .report > *:first-child { margin-top: 0; } .report > *:last-child { margin-bottom: 0; } .report p.text { margin-top: 0; } .report a { font-weight: bolder; } .report-error { border-color: #A58A4A; background-color: #F7F8F8; background-image: url(/images/ico/report-error.png); } .report-error a:link, .report-error a:visited { color: #ed4731; } .report-ok { border-color: #A58A4A; background-color: #F7F8F8; background-image: url(/images/ico/report-ok.png); } .report-ok a:link, .report-ok a:visited { color: #7ac62f; } .report-notice { border-color: #A58A4A; background-color: #F7F8F8; background-image: url(/images/ico/report-notice.png); } .report-notice a:link, .report-notice a:visited { color: #f59a04; } .subColumn .report { background-position: 3px 5px; padding: 5px 5px 5px 28px; } .subColumn .report-error { background-image: url(/images/ico/report-error-small.png); } .subColumn .report-ok { background-image: url(/images/ico/report-ok-small.png); } /* ----- .report --- */ .report{ float: left; text-align: left; margin: 10px 0; padding: 8px; min-height: 38px; border-width: 1px 0!important; width: 100%; } .report h4{ position: relative; left: 0px; top: 0px; background: url(/images/new/icon_notice.gif) no-repeat 0 0; text-indent: -666666px; margin-right: 15px; padding: 0px 8px; width: 20px; height: 38px; float: left; } .report p{ margin-left: 50px; color: #000000; } .report span{ font-weight: bold; } .report .button{ margin-left: 50px; } /* voor buttons in een error melding */ .report .button span{ font-weight: normal; } /* voor buttons in een error melding */ .warning { background-color: #f7f8f8; border: 1px solid #a58a4a; } .warning h4 { background-position: -13px -10px!important; } .tip { background-color: #f7f8f8; border: 1px solid #a58a4a; } .tip h4 { background-position: -96px -4px!important;} .notice { background-color: #f7f8f8; border: 1px solid #a58a4a; } .notice h4 { background-position: -180px -10px!important; } .mail { background-color: #f7f8f8; border: 1px solid #a58a4a; } .mail h4 { background-position: -54px -10px!important; } .attention { background-color: #f7f8f8; border: 1px solid #a58a4a; } .attention h4 { background-position: -137px -10px!important; } .question { background-color: #f7f8f8; border: 1px solid #a58a4a; } .question h4 { background-position: -223px -10px!important; } .error { float: left; padding: 8px; background-color: #f7f8f8; border: 1px solid #a58a4a; } #showsBrowse p { text-align: center; padding-left: 51px; padding-right: 73px; margin-top: -1em; } /* ---- Twitter ----- */ #twitter { clear: both; float: left; width: 138px; margin: 15px 15px 15px 15px; position: relative; } #twitter h2 { padding-right: 88px; width: 51px; height: 28px; float: none; background: transparent url(/images/twitter_bird.gif) no-repeat 1px 0; text-indent: -999999px; margin: 0; } #twitter ul { display: block; } #twitter .tweet { position: relative; display: block; /* width: 135px; padding-left: 55px;*/ overflow: hidden; margin-top: 0; padding-bottom: 10px; color: #868a8c; } #twitter .tweet h3 a { padding-left: 55px; margin-left: -55px; } #twitter .tweet img { position: absolute; left: 0; top: 10px; } #twitter .tweet .author { line-height: 1.0; mdargin-bottom: 0.2em; padding-bottom: 0.2em; } #twitter .tweet p.msg { margin: 0; } #twitter .tweet .msg a { coslor: /*$block_links*/; } #twitter .published { font-size: 0.9167em; /*11px*/ } #twitter .tweet-first { padding-top: 0; margin-top: 0; background-image: none; } #twitter .tweet-first img { top: 0; } #twitter .tweet-last { padding-bottom: 0px; } #twitter .sep { position: relative; font-family: "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; font-size: 1.10294em; font-weight: bold; margin-top: 5px; } #twitter .sep .bgimg { position: absolute; display: block; width: 43px; height: 30px; right: 15px; top: -12px; background: transparent url(/images/standard/twitter_bird.png) no-repeat 0 0; } #twitter .dynContent { min-height: 50px; } #twitter .tweets { position: relative; z-index: 1; filter: alpha(opacity = 100); /* helps IE for smoother fading */ border: solid #b5babd; border-width: 2px 0; padding: 8px 0 10px 0; } #twitter .tweets.anim { min-height: 0; } /*js*/ #twitter .tweets * { filter: alpha(opacity = 100); /* helps IE for smoother fading */ } #twitter.loading .dynContent { background: transparent url(/images/ico_loading.gif) no-repeat 50% 50%; } #twitter .tweets .invis { position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: -1; visibility: hidden; } #twitter .tweets .fading { position: relative; z-index: 1; } #twitter a.btn2 span { background-image: url(/images/new/button_meer.gif); height: 9px; width: 39px; } #twitter a.btn2:focus span, #twitter a.btn2:hover span, #twitter a.btn2:active span { background-position: 0 -9px; } /* --- share / social --- */ .share ul, .social ul { padding: 0!important; display: inline-block; } .share li, .social li { list-style: none!important; display: inline-block; vertical-align: middle; margin-right: 2px; } /*+ie7c*/ .share li a, .social li a { /*+ie7c*/ display: inline-block; width: 18px; height: 18px; text-indent: -666666px; overflow: hidden; background: transparent url(/images/social.png) no-repeat; } .share .hyves a { background-position: 0px -1px; margin-right: 0; } .share .twitter a { background-position: -18px -1px; } .share .facebook a { background-position: -36px -1px; } /*.share .facebook-like a { background-position: -54px 0; width: 48px; height: 20px; position: relative; top: 1px; }*/ .share .facebook-like { border-left: 2px solid #d0d1d1; height: 18px; padding-left: 6px; } .share .facebook-like iframe { position: relative; top: -2px; } /* share / social --------------------------------------------------- */ .voorreserveren .buttonContainer { float: left; }