@import url("defaults.css"); /* normal Tekst Home 732278 Theater c20049 Zakelijk 6f2173 85288a organisatie 7d54ac vvb 1e5abc welzijn 00bbce 00acbe ckv 97c130 7ba31a meerpaal f68b16 dorpshuizen 6a4500 735210 */ /* ------ type 12px -- */ html { font-size: 100%; color: #484848; } body { font: normal 0.768em/150% Arial, helvetica, verdana, sans-serif; } /* = 12.288px */ .mainContainer { background: transparent url(/images/bg.gif) repeat-x top left; } p { padding: 0.5em 0;} em { font-style: italic;} /*-- logo--*/ #bodyHome h1 { background: transparent url(/images/headerlogo.gif) no-repeat scroll 0 0; height: 98px; text-indent: -666666px; left: 0px; top: 0px; position: absolute; width: 175px; } /* ------ headers -- */ h2, .h2 { font: 1.4em/1.8em normal Arial, Helvetica, sans-serif; } /* ------ color links -- */ .colorSitemap a, .colorHome a, .colorInformatie a, .colorInformatie .txtLink, .colorNieuwsoverzicht a, .colorNieuwsoverzicht .txtLink, .colorHome .txtLink, .colorNieuwsbrief a, .colorNieuwsbrief .txtLink, .colorZoeken a, .colorZoeken .txtLink, .colorNieuws a { color: #732278; } .colorTheater a, .colorEcard a, .colorEcard .txtLink, .colorWachtlijst a, .colorWachtlijst .txtLink, .colorTheater .txtLink, .colorTheater input.submit { color: #c20049; } .colorZakelijk a, .colorZakelijk .txtLink { color: #85288a; } .colorCkv a, .colorCkv .txtLink { color: #7ba31a; } .colorWelzijn a, .colorWelzijn .txtLink { color: #00bbce; } .colorServicepunt a, .colorServicepunt .txtLink { color: #1e5abc; } .colorMeerpaal_events a, .colorMeerpaal_events .txtLink { color: #f68b16; } .colorDorpshuizen a, .colorDorpshuizen .txtLink { color: #735210; } .colorOrganisatie a, .colorOrganisatie .txtLink { color: #7d54ac; } /* menu bijzonder */ #menuContainer a { color: #484848; } #menuContainer .colorHome a:hover, #menuContainer .menuItemActive .colorHome a { color: #732278; } #menuContainer .colorTheater a:hover, #menuContainer .menuItemActive .colorTheater a { color: #c20049; } #menuContainer .colorZakelijk a:hover, #menuContainer .menuItemActive .colorZakelijk a { color: #85288a; } #menuContainer .colorWelzijn a:hover, #menuContainer .menuItemActive .colorWelzijn a { color: #00acbe; } #menuContainer .colorCkv a:hover, #menuContainer .menuItemActive .colorCkv a { color: #7ba31a; } #menuContainer .colorServicepunt a:hover, #menuContainer .menuItemActive .colorServicepunt a { color: #1e5abc; } #menuContainer .colorMeerpaal_events a:hover, #menuContainer .menuItemActive .colorMeerpaal_events a { color: #f68b16; } #menuContainer .colorDorpshuizen a:hover, #menuContainer .menuItemActive .colorDorpshuizen a{ color: #735210; } #menuContainer .colorOrganisatie a:hover, #menuContainer .menuItemActive .colorOrganisatie a{ color: #7d54ac; } /* ------ standaards -- */ .noscreen { display: none; } .highlight { cursor: pointer;} /* wachtrij */ #bodyWachtrij #header { margin-bottom: 3em;} #bodyWachtrij #infoContainer { float: right; width: 100%; } #bodyWachtrij .indicator { float: right; margin: 30px 275px 0 0; } #bodyWachtrij div#extraMsgContainer { padding: 10px; margin: 2em 0; background-color: #f7f8f8; border: 1px dashed #a58a4a; } #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%; } /* ------ seperators -- */ .seperator li { float: left; padding: 0 10px 0 5px; display: inline; width: auto; } .GraySmall li { background: transparent url(/images/seperator_gray_small.gif) no-repeat scroll 100% 51%; } .BlackSmall li { background: transparent url(/images/seperator_gray_dark.gif) no-repeat scroll 95% 52%;} .subsubmenuseperator li { background: transparent url(/images/seperator_gray_normal.gif) no-repeat scroll 100% 50%; padding: 0px 1px; } .submenuseperator li { background: transparent url(/images/seperator_white_normal.gif) no-repeat scroll 100% 50%; padding: 0px 1px; } .menuseperator li { background: transparent url(/images/seperator_gray_big.gif) no-repeat scroll 100% 50%; padding: 0px 1px;} .seperator li.last { background: none; } #shows .data .seperator li { float: none; background: transparent url(/images/seperator_gray_dark.gif) no-repeat scroll 100% 50%; padding: 0px 1px; padding:0 8px 0 8px;} /* padding ie7 anders */ #shows .data .seperator li.last { background:none;} #shows .data .seperator li.start { padding-left: 0px; } /* ------ lay-out -- */ #container { width: 915px; margin: auto; position: relative; /* fixes ie6 leftcolumn quirks when resizing */ text-align: center } #header { width: 915px; height: 100px; } #logo { position: absolute; top: 0px; left: 0px;} #columnContainer{ float: left; width: 915px; border: 1px solid #b6b6b6; background: transparent url(/images/contentbg.gif) repeat-y top right; } #columnContainer div.layColumn { float: left; padding-bottom: 6em;} #mainColumn { float:left; width:700px; overflow: hidden;} #subColumn1 { float:left; width:214px; background: #f7f7f7; border: 1px solid #fff; border-width: 0 1px 0 0; } #menuContainer { float:left; width:913px; margin: 0px 1px; } #main { width: 100%; text-align: left;} .contentColumn { margin: 1.5em 9em 1.5em 17px; } #bodyTheater .contentColumn { margin: 1.5em 0px; } #bodyZoeken .contentColumn { margin: 1.5em 0px; } .contentColumn h1 { font-size: 1.6em; color: #484848; padding: 0 0 0.5em 0;} .contentColumn h1 span { font-size: 0.8em; color: #484848; } /* --- fck styles ---- */ .RTE { margin-top: 1em; width: 100%; } .RTE .RTE-img { float: left; margin: 0.5em 30px 1em 0; } .RTE p { padding-top: 0px;} .RTE ul { list-style-position: outside; list-style-type: disc; padding-left: 3em; } .RTE ol { list-style-position: outside; list-style-type: decimal; padding-left: 3em; } #main .RTE h3 { font-size: 1.2em; font-weight: bold; margin: 0px; padding-bottom: 0px; } .RTE em { font-style: italic;} /* --- pagina titels ---- */ #main h3 { font-size: 1.6em; font-weight: normal; padding: 0.5em 0; margin-left: 17px; } #main h3 span { font-size: 0.8em; text-transform: lowercase;} /* ------ menu -- */ #menuContainer li { display: inline; line-height: 2.5em; height: 100%; } #menuContainer li span { display: inline; float: left; line-height: 2.5em; height: 100%; padding-left: 17px; padding-right: 17px;} .menu { width: 100%; text-align: left; height: 40px; font-size: 1.2em; overflow:hidden; } /* letop! geen stroke maar img heeft stroke!*/ .menu { background: transparent url(/images/menubg.gif) repeat-x top left; } .submenu { height: 29px; overflow:hidden;} .subsubmenu { height: 29px; overflow:hidden;} #menuContainer .submenu li span {line-height: 2.2em; } #menuContainer .submenu li a {color: #fff; } #menuContainer .subsubmenu li span {line-height: 2.2em; } #menuContainer .subsubmenu li a {color: #484848; font-size: 0.9em; } #menuContainer .submenu li.menuItemActive span {background: none; text-decoration: underline; color: #fff; } #menuContainer .subsubmenu li.menuItemActive span {background: none; text-decoration: underline; color: #484848;} /* ------ menubg images -- */ .colorWelzijn .submenu { background: transparent url(/images/submenuwelzijnbg.gif) repeat-x top left; } .colorWelzijn .subsubmenu { background: transparent url(/images/subsubmenuwelzijnbg.gif) repeat-x top left; } .colorWelzijn li.menuItemActive span { background: transparent url(/images/menuactivewelzijnbg.gif) repeat-x top left; } .colorHome .submenu { background: transparent url(/images/submenuhomebg.gif) repeat-x top left; } .colorHome .subsubmenu { background: transparent url(/images/subsubmenuhomebg.gif) repeat-x top left; } .colorHome li.menuItemActive span { background: transparent url(/images/menuactivehomebg.gif) repeat-x top left; } .colorTheater .submenu { background: transparent url(/images/submenutheaterbg.gif) repeat-x top left; } .colorTheater .subsubmenu { background: transparent url(/images/subsubmenutheaterbg.gif) repeat-x top left; } .colorTheater li.menuItemActive span { background: transparent url(/images/menuactivetheaterbg.gif) repeat-x top left; } .colorZakelijk .submenu { background: transparent url(/images/submenuzakelijkbg.gif) repeat-x top left; } .colorZakelijk .subsubmenu { background: transparent url(/images/subsubmenuzakelijkbg.gif) repeat-x top left; } .colorZakelijk li.menuItemActive span { background: transparent url(/images/menuactivezakelijkbg.gif) repeat-x top left; } .colorCkv .submenu { background: transparent url(/images/submenuckvbg.gif) repeat-x top left; } .colorCkv .subsubmenu { background: transparent url(/images/subsubmenuckvbg.gif) repeat-x top left; } .colorCkv li.menuItemActive span { background: transparent url(/images/menuactiveckvbg.gif) repeat-x top left; } .colorServicepunt .submenu { background: transparent url(/images/submenuvvbbg.gif) repeat-x top left; } .colorServicepunt .subsubmenu { background: transparent url(/images/subsubmenuvvbbg.gif) repeat-x top left; } .colorServicepunt li.menuItemActive span { background: transparent url(/images/menuactivevvbbg.gif) repeat-x top left; } .colorMeerpaal_events .submenu { background: transparent url(/images/submenueventsbg.gif) repeat-x top left; } .colorMeerpaal_events .subsubmenu { background: transparent url(/images/subsubmenueventsbg.gif) repeat-x top left; } .colorMeerpaal_events li.menuItemActive span { background: transparent url(/images/menuactiveeventsbg.gif) repeat-x top left; } .colorDorpshuizen .submenu { background: transparent url(/images/submenudorpshuizenbg.gif) repeat-x top left; } .colorDorpshuizen .subsubmenu { background: transparent url(/images/subsubmenudorpshuizenbg.gif) repeat-x top left; } .colorDorpshuizen li.menuItemActive span{ background: transparent url(/images/menuactivedorpshuizenbg.gif) repeat-x top left; } .colorOrganisatie .submenu { background: transparent url(/images/submenuorganisatiebg.gif) repeat-x top left; } .colorOrganisatie .subsubmenu { background: transparent url(/images/subsubmenuorganisatiebg.gif) repeat-x top left; } .colorOrganisatie li.menuItemActive span{ background: transparent url(/images/menuactiveorganisatiebg.gif) repeat-x top left; } .color404 li.menuItemActive { background: transparent url(/images/menuactivehomebg.gif) repeat-x top left; } /* default foutmelding */ /* ------ servicemenu -- */ #servicemenu { float: none; position: absolute; top: 8px; right: 0px; text-align:right;} #servicemenu .pink a { color: #c20049; } #servicemenu li a, #servicemenu li span { color: #989898; font-size: 0.9em; } #servicemenu li a:hover { color: #732278; } #servicemenu ul { float: left; } #servicemenu li { float: left; padding-right: 5px; line-height: 1.7em;} #servicemenu form { float: left;} #servicemenu fieldset { width: 190px; } /* voor ie6 nodig */ #servicemenu li span { float: left; text-align: left; } #servicemenu input.submit { color: #c60651; } /* --- footer ---- */ #footer { border: 1px solid #b6b6b6; border-width: 1px 0px 0px 0px; color: #484848; font-size: 0.976em; /* 12px */ float: left; margin-top: 70px; height: 144px; width: 100%; background: transparent url(/images/footer_bg.gif) repeat-x; } #footer a { color: #484848; } #footer a:hover { color: #484848; } .footer { width: 856px; margin: 0 auto; } .footer > div { float: left; width: 127px; text-align: left; background: transparent url(/images/footer_line.png) no-repeat top left; padding-left: 20px; margin: 20px 0px; } .footer .line1 { width: 150px; background: none; } .footer .line1 img { float: right; margin-right: 60px; } .footer .line2 { width: 195px; } .footer .line3 { width: 290px; } .footer ul { float: left; width: 100%; } .footer li { float: left; padding-left: 10px; background: transparent url(/images/footer_arrow.gif) no-repeat 0px 6px; width: 105px; } .footer h3 { font: bold 1.139em/1.4em Arial; /* 14px */ margin-bottom: 10px;} .footer h4 { font: bold 0.976em/1.4em Arial; /* 12px */ } .footer p { padding: 0px 0px 10px 0; } /* --- fontsizer ---- */ #servicemenu #aNormal { background: transparent url(/images/fontsize_1.gif) no-repeat center left; } #servicemenu #aBig { background: transparent url(/images/fontsize_2.gif) no-repeat center left; } #servicemenu #aBiggest { background: transparent url(/images/fontsize_3.gif) no-repeat center left; } #servicemenu #aNormal.hover { background: transparent url(/images/font-size_1_active.gif) no-repeat center left; } #servicemenu #aBig.hover { background: transparent url(/images/font-size_2_active.gif) no-repeat center left; } #servicemenu #aBiggest.hover{ background: transparent url(/images/font-size_3_active.gif) no-repeat center left; } #servicemenu .fontsize span { text-indent: -66666px; width: 12px; } #servicemenu li.attention { background-color: #ffeed7; border: 1px dashed #fb9a1c; } #zoekForm input.text { padding: 0px; width: 120px;} #formulier { margin-top: 2em; } #formulier form { margin-top: 1em;} #formulier h2 { } /* als ik alleen font-size doe wordt de h2 niet mooi */ a.navOverviewBack { position: absolute; top: 223px; right: 247px; font-size: 0.9em; color: #484848; } .backNav { float: right; } /* --- ecard & wachtlijst---- */ #detail .head h2 { font: bold 1.139em/1.4em Arial;} #detail .head .data { padding-top: 1em; } #detail .txtLink { font-size: 1em; width: auto; } #detail #formOpWachtlijst { padding-top: 1em;} #detail #formEcardForm .txtLink, #detail #formOpWachtlijst .txtLink { font-size: 1em; width: auto; } /* --- forms ---- */ #formButton { margin-left: 147px; } .subItem input.text, .subItem input.submit { border: 1px solid #cccaca;} input.text, input.submit { border: 1px solid #484848; 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: 2px 2px 2px 2px; } 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: #732278; border: 0px; min-height: 15px; padding: 2px 5px; } input.btnHover, .button:hover, .btnHover, .buttonLink:hover { cursor: pointer; text-decoration: underline; } .button { background: transparent url(/images/button_bg.gif) repeat-x 0 0; border: 0px; padding: 2px 0.75em; color: #fff!important; font: 0.9em/1.333 Arial, Verdana,Helvetica, sans-serif; } .submitImage { width: 283px; text-align: right;} div textarea { border: 1px solid #484848; } /****** - 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 div.radio { margin: 0 0 0.75em 0; clear: both; } div.radio input.radio { float: left; height: 1.25em; /* necessary for better alignment in IE & Opera */ } div.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; /* <> input v.center */ } 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 ******/ /* --- overzichten default ---- */ .overview { margin-top: 2em; text-align: left; width: 100%; } .overview li { position: relative; min-height: 107px; padding-bottom: 2em; } .overview h2, .overview p, .overview dl { margin-left: 142px; padding: 0px;} .overview dd p { margin-left: 0px; } .overview h2 a { font: 1.3em/1.2em bold Arial, Helvetica, sans-serif; } .overview h2 { padding: 0 0 5px 0; } .overview img { position: absolute; top: 0px; left: 17px; } .overview .wrap { width: 90%;} .overview ul { margin: 2em 0; position: relative;} .overview .RTE { margin: 5px 0 10px 17px; } .overview .data { padding: 5px 0 0 0; } .overview li { position: relative; } .data li { display: inline; } /* --- overzichten default ---- */ #detail { position: relative; top: 0px; left: 0px; margin: 1.5em 6em 0 17px; } /* ie6 neemt de margin mee dus fix */ #detail .voorstelling-media img { position: absolute; top: 0px; left: 0px; } /* ie7&6 fix */ #detail .voorstelling-media #mySlideDetail { position: absolute; top: 0px; left: 0px; } /* ie7&6 fix */ #detail .head { margin-left: 220px; min-height: 235px; } /* ie7&6 fix */ #detail h1 { font-weight: bold; font-size: 1.4em; min-height: 40px; width:540px; } #detail .data { float: left; width: 100%; margin-top: 0em;} #detail .data form { float: left; width: 100%; margin-top: 1em; margin-top: 1em; padding: 0px; } #detail .txtLink { float: left; width: 100%; font-size: 1.2em;} #detail .status { float:left; width: 100%; font-size: 1.2em; padding-bottom: 0px;} #detail .wachtlijst a { padding-left: 5px;} dl.columnsAlt { float: left; width: 100%; } dl.columnsAlt dt { float: left; width: 5.5em; padding-right: 0.5em; } dl.columnsAlt dd em { float: left; padding-left: 224px; font-size: 0.9em; font-style: italic;} dl.columnsAlt dd { float: left; white-space: nowrap; width: 215px;} dl.columnsAlt dd ul { float: left; width: 100%; } dl.columnsAlt dd li { float: left; width: 100%; } dl.columnsAlt dd li span{ float: left; width: 70%;} dl.columnsAlt dd li span.euroPrijs { width: 28%; } .dateDetail { font-size: 1em; line-height: 1.3em; text-align: center; float: left; width: 52px; height: 52px; background: transparent url(/images/dateDetail_bg.gif) repeat-x top left; overflow: hidden;} .dateDetail .maanddag { font-size: 1.6em; font-weight: bold; } .navPrevNext { position: absolute; right: 0px; top: 0px; width: 100px; float: right;} .navPrevNext li { float: right; } .navPrevNext .dateIcon { float: right; width: 15px; height: 15px; text-indent: -6666666px; } .navPrevNext .dateIcon span, .navPrevNext .dateIcon a { float: right; width: 15px; height: 15px; margin-top: 15px; overflow: hidden; background: transparent url(/images/datedetail_icons.gif) no-repeat top left; } .navPrevNext .leftIcon span { background-position: -19px 0px; } .navPrevNext .leftIcon a { background-position: -1px -0px; } .navPrevNext .leftIcon a:hover { background-position: -36px -0px; } .navPrevNext .rightIcon span { background-position: -18px -17px; } .navPrevNext .rightIcon a { background-position: 0px -18px; } .navPrevNext .rightIcon a:hover { background-position: -36px -17px; } #bodyTheater .paddingWrap { margin: 1.5em 9em 0 17px; } #bodyZoeken .paddingWrap { margin: 1.5em 17px 0 17px; } /* ------- filter -- */ #genreMaandForm { margin-top: 1em; } #genreMaandForm div { padding: 0px 1em; text-align: left; width: 180px; } #genreMaandForm div select { width: 100%; margin: 5px 0px;} #genreMaandForm .ColumnBlock-item { padding: 0px; text-transform: lowercase;} .paddingWrap .subItem { margin: 0px; } #calendarTable { margin: 1em 0; width: 100%; text-align: center; } table.calendar td, table.calendar th { text-align: center; vertical-align: middle; } .weekdays th { background: transparent url(/images/calender_bg.gif) repeat-x bottom left; font-weight: bold; text-align: center; } /* ------- nieuwsbrief aanmelden/afmelden -- */ #formNBSubscribe .field input { float: left; padding-left: 0px; padding-right: 0px; width: 100%; } .paddingWrap #formNBSubscribe .field input.text { width: 170px; } /* inherrent van de subItem NB subscribe */ .paddingWrap #formNBSubscribe .submit { clear: both; } .modNbSubscribe h2 { margin: 1em 0; } /* ------ pages -- */ #pages.overview { margin-top: 0em; } #pages.overview img { left: 0px;} #pages.overview h2, #pages.overview p, #pages.overview dl { margin-left: 123px; padding: 0px;} #pages.overview h2 a { font-size: 1em; } #pages.overview .RTE { margin: 5px 0 10px 123px; width: inherit;} /* news overview */ #pages.overview .RTE p { margin: 0px; } /* news overview */ /* ------ shows -- */ #shows .wrap { width: 100%;} #shows .date .day { font-size: 4em; line-height: 1em; font-weight: bold; } #shows .date .dateSmall { font-size: 1em; line-height: 2em; } #shows p, #shows dl { margin-left: 232px; } #shows dd { padding: 5px 0; width: 100%; text-align: left;} #shows dd p { margin-left: 0px; } #shows li .date { position: absolute; top: 0px; height: 107px; width: 107px; left: -235px; color: #484848; vertical-align: middle; text-align: center; background: #fff url(/images/date_bg.gif) repeat-x top left; } #shows li .dateSold { color: #b1b1b1; } #shows li.hover .date { background: #e70058 url(/images/date_bg_hover.gif) repeat-x top left; color: #fff; } #shows li { position: inherit; background: #fff; min-height: 105px; height: 105px; padding: 0px; margin-bottom: 1px; overflow: hidden; } #shows li.hover { background: #fcf2f6; cursor: pointer; } #shows li img { position: relative; top: -92px; left: 105px;} #shows .data { margin-top: 4em;} #shows .data ul { margin: 0px 0px 0px 236px;} #shows h4 { position: absolute; top: 6px; left: 235px; } #shows h4 span { font-weight: bold; font-size: 1.2em; line-height: 1.5em;} #shows.overview { margin-top: 0; } /* ------ suggesties ------ */ #suggesties { line-height: 100%; position: relative;} #suggesties h2 { margin-left: 0px; margin-top: 2em;} #suggesties h4 { position: absolute; left: 114px; } #suggesties .wrap { width: 100%;} #suggesties .date .day { font-size: 2em; line-height: 1.0em; font-weight: bold; } #suggesties .date .dateSmall{ font-size: 0.9em; line-height: 1.1em; } #suggesties p { margin-left: 232px; } #suggesties p.date { padding: 0px; } #suggesties li .date { position: absolute; height: 53px; width: 53px; left: -235px; color: #484848; vertical-align: middle; text-align: center; background: #fff url(/images/date_bg.gif) repeat-x bottom left; } #suggesties li.hover .date { background: #e70058 url(/images/date_bg_hover.gif) repeat-x top left; color: #fff; } #suggesties li { position: inherit; background: #fff; min-height: 53px; height: 53px; padding: 0px; margin-bottom: 1px; overflow: hidden; } #suggesties li.hover { background: #fcf2f6; cursor: pointer; } #suggesties li img { position: relative; top: 0px; left: 51px;} #suggesties span { font-weight: normal; font-size: 1.2em; line-height: 1.5em;} #suggesties.overview { margin-top: 0; } /* ------ recensies ------ */ #recensies { margin: 1em 0; } #recensies ul { margin-top: 5px; } #recensies li { background: transparent url(/images/docu.png) no-repeat 0 0px; } #recensies li a { height: 20px; padding-left: 23px; } #recensies li a span { display: inline-table; } /* ------ news -- */ #newsDetail a.navOverviewBack { top: 200px; } #newsOverview div span { float: left; padding-right: 1em;} /* ------- search / zoeken ------ */ #bodyZoeken .contentColumn h2 {padding-top: 1em; font-size: 1.6em; margin: 0 0 0 17px; } #bodyZoeken .contentColumn h2 span {font-size: 0.7em; } #bodyZoeken .news {margin-top: 3em;} #bodyZoeken .leesMeerAnchor {text-align: right; padding-right: 1em; } #bodyZoeken h1 {margin: 0 0 0 17px; } #bodyZoeken .paddingFix {margin: 0 0 0 17px; } #bodyZoeken #pages h4 {font-size: 1.5em; padding-top: 1em;} #bodyZoeken #pages h2, #bodyZoeken #pages ul ul, #bodyZoeken #pages p, #bodyZoeken #pages li h2 {margin: 0px; padding: 0px; } #bodyZoeken #pages {margin-right: 3em; margin-left: 17px; } #bodyZoeken #pages .data {margin-left: 123px; } #bodyZoeken #pages .wrap h2 {margin-left: 123px; font-size: 1.2em;} #bodyZoeken .overview {width: 100%; } /* ie6 neemt mee 17 & 3em mee */ #bodyZoeken .news {width: 90%; } /* ------ audio & video -- */ #detail .voorstelling-media { position: relative; top: 0px; left: 0px; } #detail .media-element { position: absolute; top: 0px; left: 0px; } #detail .media-element img { background: #c20049; position: relative; top: 196px; float: left; margin-right: 1px;} #detail .media-element .gray { background: url(/images/icoons_gray_bg.gif); } #detail .media-element a:hover .gray { background: #c20049; } #myVideo, #myAudio { position: absolute; left: 0px; top: 0px;} /* ------ breadcrumbs -- */ .breadcrumbs span { padding: 2px; } .breadcrumbs { margin-top: 1em; margin-left: 17px; text-align: left; font-size: 0.9em; color: #b7b7b7; } .breadcrumbs a { color: #b7b7b7; } /* ------ rating small -- */ .rating li span { background: transparent url(/images/rating_sprite.gif) no-repeat 0 0; display: block; height: 22px; overflow: hidden; text-indent: -666666px; width: 22px; } .rating li.al span { background-position: 0px 0px; } .rating li.six span { background-position: -23px 0px; } .rating li.nine span { background-position: -46px 0px; } .rating li.twelf span { background-position: -69px 0px; } .rating li.sixteen span { background-position: -92px 0px; } .rating li.violence span { background-position: -115px 0px; } .rating li.scary span { background-position: -138px 0px; } .rating li.sex span { background-position: -161px 0px; } .rating li.discrimination span { background-position: -185px 0px; } .rating li.drugs span { background-position: -207px 0px; } .rating li.language span { background-position: -231px 0px; } /* ----- right column --- */ .subItem { text-align: left; margin: 17px; overflow: hidden; width: 180px; } .subItem h2 { font-weight: bold; font-size: 1em; } .subItem .field { margin: 0px; } .subItem form div { width: inherit; } /* ----- .report --- */ #columnContainer .report { text-align: left; margin: 10px 0; padding: 8px; min-height: 38px; border-width: 1px 0!important; } #columnContainer .report h4 { position: relative; left: 0px; top: 0px; background: url(/images/icon_notice.gif) no-repeat 0 0; text-indent: -666666px; margin-right: 15px; padding: 0px 8px; width: 20px; height: 38px; float: left; } #columnContainer .report p { margin-left: 50px; color: #000000; } #columnContainer .report span { font-weight: bold; } #columnContainer .report .button { margin-left: 50px; } /* voor buttons in een error melding */ #columnContainer .report .button span { font-weight: normal; } /* voor buttons in een error melding */ #columnContainer .warning { background-color: #ffe8ed; border: 1px dashed #ae004e; } #columnContainer .warning h4 { background-position: -13px -10px!important; } #columnContainer .tip { background-color: #fff8ee; border: 1px dashed #ffb852; } #columnContainer .tip h4 { background-position: -96px -4px!important;} #columnContainer .notice { background-color: #f2fee6; border: 1px dashed #65b118; } #columnContainer .notice h4 { background-position: -180px -10px!important; } #columnContainer .mail { background-color: #fff7ec; border: 1px dashed #feb859; } #columnContainer .mail h4 { background-position: -54px -10px!important; } #columnContainer .attention { background-color: #ffeed7; border: 1px dashed #fb9a1c; } #columnContainer .attention h4 { background-position: -137px -10px!important; } #columnContainer .question { background-color: #e7f1ff; border: 1px dashed #1b509d; } #columnContainer .question h4 { background-position: -223px -10px!important; } /* --- fotoboek --- */ #fotoboek { float: left; width: 100%; position: relative; margin-bottom: 3em; } #fotoboek .images li { float: left; width: auto; padding: 0 0.5em 0 0; } #fotoboek em { font-style: italic; } #fotoboek legend { padding: 1em 0px; font-weight: normal; color: #484848;} #fotoboek form { float: left; width: 100%; margin-bottom: 1em;} #fotoboek form input.submit { } .fotodetail { margin: 2em auto; } .fotodetail p { text-align: center; width: 575px; } #fotoboek #pagination { width: 541px; margin-top: 0px; margin-bottom: 1em; } /* --- pagination --- */ #pagination { clear: both; margin: 1em 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: #f5f5f5;} #pagination .pages li a:hover, #pagination .pages .active a { background-color: #732278; color: #fff; text-decoration: none; } .toLeft { float: left; } .toRight { float: right;} .colorOrganisatie #pagination .pages li a:hover, .colorOrganisatie #pagination .pages .active a { background-color: #7d54ac; } .colorTheater #pagination .pages li a:hover, .colorTheater #pagination .pages .active a { background-color: #c20049; } .colorMeerpaal_events #pagination .pages li a:hover, .colorMeerpaal_events #pagination .pages .active a { background-color: #F68B16; } /* ------- sitemap ------ */ #sitemap ul { padding: 0 0 0.3em 0; float: left; } #sitemap ul li { list-style:none; padding: 0 0 0.8em 0; float: left; clear: both; } #sitemap ul li span { float: left; width: 100%; } #sitemap ul ul li span { background: none; float: inherit; width: auto; } #sitemap ul ul li { background: transparent url(../images/sitemap_bg_subitem.gif) repeat-y 0 0; } #sitemap ul ul li.last { background: transparent url(../images/sitemap_bg_subitem_last.gif) no-repeat 0 0; } #sitemap ul ul li { margin: 0 0 0 1em; padding: 0 0 0 1em; list-style:none; } #sitemap ul ul ul { float: left; width: 100%; } #bodyNieuwsbrief h2 { margin-top: 1em; margin-bottom: 0,5em; }