/* provant css */ /* Updated:16-09-2009 /* ========================================================================== */ /* 01. base css (move to separate file */ /* ========================================================================== */ /* reset all paddings and margins ------------------------------------------- */ * {margin:0; padding:0; font-size:100%;} /* reset borders on non-input elements */ html, body, div, ul, ol, li, form, span, p, blockquote, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td {border:none;} /* clearfix ----------------------------------------------------------------- */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ /* hide accessibility content from normal users ----------------------------- */ .smartsurfer{display: block; width: 1px; height: 1px; position: absolute; top: -5000px} .hidden {position:absolute; top:-9999em;left:-9999em;} .hidetext {overflow:hidden !important; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important;} .invisible {display:none;} /* basic alignment class ---------------------------------------------------- */ .rightAlign {text-align:right;} /* ========================================================================== */ /* 01. page main structure */ /* ========================================================================== */ /* basic color definition - safety rule ------------------------------------- */ html {background:#83b2c3; height:100%;} body {background:#83b2c3 url("../images/css_body_bg.png") top right no-repeat; color:#000000; width:100%; font:0.84em/1.333 arial, sans-serif; min-height:100%;} /* if width changes, search box and crumb trail have to be repositioned ----- */ #container{width:70em; margin:0 auto; position:relative;} #header {padding-top:2em;} #content {background:#ffffff; position:relative;} #content-container .wrapper {min-height:30em;} #footer {height:40px; clear:both; border-top:1px solid #043d52; text-align:right; color:#365D7a;} #main {padding-bottom:2em;} #main h1, #main h2, #main h3, #main h4, #main p, #main ul, #main table, #main ol, #main dl, #main blockquote {line-height:1.2em;} /* ========================================================================== */ /* 02. grids */ /* ========================================================================== */ /* grid two left ------------------------------------------------------------ */ .gridTwoLeft {padding-left:14em; margin-top:1.5em; background:#eCf4f7;} .gridTwoLeft .wrapper {background:#fff;} .gridTwoLeft .col-1 {float:left; width:14em; margin-left:-14em;} .gridTwoLeft .col-1 .gridOne {background:url("../images/subnav-corner.gif") right top no-repeat;} .gridTwoLeft .col-2 {float:right; width:100%;} .gridTwoLeft .col-2 .gridOne {margin:0em 1em 0em 2em;} /* grid two right ----------------------------------------------------------- */ .gridTwoRight {padding-right:18em; margin-left:3em; padding-top:1.5em;} .gridTwoRight .col-1 {float:left; width:100%;} .gridTwoRight .col-1 #main {margin-right:2em;} .gridTwoRight .col-2 {float:right; width:18em; margin-right:-18em;} .gridTwoRight .col-2 #modules {padding-top:1.75em;} /* one col (non-existent I think) ------------------------------------------- */ #one-col #content-container {width:67.5em; margin-left:1.5em;} #one-col #content-container h1 {padding-top:1.5em;} #one-col #main {width:67.5em; padding-right:1em;} /* three col ---------------------------------------------------------------- */ .gridThree {padding-left:14em; background:#eCf4f7; margin-top:1.5em; } .gridThree .wrapper2 {padding-right:18em; background:#fff;} .gridThree .wrapper2 .wrapperIn {float:right; width:100%;} .gridThree .col-2 {float:left; width:100%;} .gridThree .col-2 .gridOne {margin:0em 1em 0em 2em;} .gridThree .col-3 {float:right; width:18em; margin-right:-18em;} .gridThree .col-3 .gridOne {margin-top:2em;} .gridThree .col-1 {float:left; width:14em; margin-left:-14em;} .gridThree .col-1 .gridOne {background:url("../images/subnav-corner.gif") right top no-repeat;} /* two col leaf ------------------------------------------------------------- */ #two-col-leafnode #content-container {background:#ecf4f7 url("../images/subnav-corner.gif") 92px top no-repeat; padding-left:100px;} #two-col-leafnode #main {background:#fff; padding-left:2em; padding-right:8em; margin-top:1.5em;} /* facet leafnode ----------------------------------------------------------- */ #two-col-facet #main {padding-right:4em;} #two-col-facet-leafnode #content-container {background:#ecf4f7 url("../images/subnav-corner.gif") 92px top no-repeat; padding-left:100px;} #two-col-facet-leafnode #main {background:#fff; padding-left:2em; padding-right:2em; margin-top:1.5em;} /* ========================================================================== */ /* 03. links */ /* ========================================================================== */ /* generic link declarations ------------------------------------------------ */ a {color:#086587; text-decoration:underline;} a:visited {color:#7a87a2;} a:hover{color:#C7160E;} /* more/less links ---------------------------------------------------------- */ a.more-link-search:visited, a.less-link-search:visited, a.more-link:visited, a.less-link:visited {color:#2e54a1;} a.more-link-search:hover, a.less-link-search:hover, a.more-link:hover, a.less-link:hover {color:#C7160E;} /* title links -------------------------------------------------------------- */ #content h2 span.rss {position:absolute; right:0;top:-0.2em; white-space:nowrap;} #content h2 span.rss a {text-decoration:none;} #content h2 a.linkInTitle {position:absolute; right:0;} #content h3 a {text-decoration:none;font-size:116%;line-height:1.2em; color:#086587;} #content h3 a:visited {color:#7a87a2;} #content h3 a:hover {text-decoration:underline; color:#cc0000;} /* external link ------------------------------------------------------------ */ #main .external {padding-right:15px; background:url("../images/link-external.gif") right 0.25em no-repeat;} /* this can be removed when live -------------------------------------------- */ a.emptyUrl {text-decoration:line-through !important;} /* ========================================================================== */ /* 04. titles */ /* ========================================================================== */ /* h1 ----------------------------------------------------------------------- */ #main h1 {font-size:140%; font-weight:700; color:#c7160e; padding-bottom:1em;} #main h1.minilogo{padding-left:45px; padding-top:0.6em; background-position:0.2em 40%; background-repeat:no-repeat; margin-bottom:1em;} #main h1 span.rss {position:absolute; right:2em;} #main h1 span.rss a, #main h1 span.rss img {text-decoration:none; border:none; float:left; margin-left:0.1em;} /* composite */ h1 span.composite {color:#fff; background:#666; font-size:65%; padding:0.1em 0.25em; margin-left:0.75em;} /* h2 ----------------------------------------------------------------------- */ #main h2 {clear:both; font-size:120%; background:url("../images/css_green_gradient.gif") right bottom no-repeat; color:#619e1c; margin-bottom:0.25em; padding-bottom:2px; position:relative;} #main h2 a {font-size:85%; font-weight:300;} /* in tabs */ #main .tabpane h2 {clear:none; z-index:0;} /* nesting */ h2.nested {padding-right:6em; position:relative;} h2.nested .nest {position:absolute; right:0;} /* h3 ----------------------------------------------------------------------- */ #main h3 {clear:both; font-size:105%; font-weight:700; color:#086587; margin-bottom:0.25em;} #main h3 a.page {} #main h3 a.page:hover {} /* h4 ----------------------------------------------------------------------- */ #main h4{clear:both; font-size:100%; font-weight:700; color:#666666; margin-bottom:0.25em;} /* ========================================================================== */ /* 05. navigation */ /* ========================================================================== */ /* module/language navigation ----------------------------------------------- */ #module-nav-right-align-us {float:right; margin-right:1em; background:#e7f0f3 url("../images/service-tr.gif") right top no-repeat;} /* module */ #module-nav {background:url("../images/service-tl.gif") left top no-repeat;} #module-nav ul {padding:0.25em 0em; margin:0em 0.5em;} #module-nav li {list-style-type:none; float:left;} #module-nav li a {color:#086587; text-decoration:none; font-size:93%; font-weight:700; padding:0em 0.5em; background:url("../images/css_module_nav_separator.gif") right 0.25em no-repeat;} #module-nav li a:hover {color:#c7160e;} #module-nav li.active a {color:#c7160e;border-bottom:5px solid #c7160e;padding-bottom:0.15em;} #module-nav li a.hide-separator-image {background:none;} #module-nav li.active a /* language */ #module-nav-lang {padding-top:4px; float:left;margin-left:0.75em;} #module-nav-lang li {color:#cccccc; list-style-type:none; padding:0em 0.5em; float:left;background:transparent url("../images/css_module_nav_separator.gif") no-repeat right 0.25em;} #module-nav-lang li.last {background:none;} #module-nav-lang li a {color:#365d7a;color:#fff; text-decoration:none; font-weight:700;} #module-nav-lang li a:hover {color:#C7160E;} /* homepage */ .homepage #module-nav-container {border-bottom:1px solid #e7f0f3;} .homepage #module-nav-lang {margin-left:8em; display:none; visibility:hidden;} /* main navigation ---------------------------------------------------------- */ #nav {background:#c7160e url("../images/css_home_nav_bg.gif") top left repeat-x; border:1px solid #c7160e; border-bottom-color:#fff; } #nav ul {margin-left:2em; padding-left:60px;} #nav li {list-style-type:none; float:left; padding-right:1px; background:url("../images/main-nav-sep-all.gif") right 0.7em no-repeat; padding:0em 0.75em;} #nav li a {color:#ffffff; text-decoration:none; font-weight:700; text-align:center; display:block; padding:0.5em 0em;} #nav li a:hover {background:url("../images/menu-hover.gif") left bottom repeat-x;} #nav li.active a {background:url("../images/menu-active.gif") left bottom repeat-x;} #nav li.menucolumn1 a {border-left:1px solid #c7160e;} #nav li.hide-separator-image {background:none;} #nav li.menucolumn7 a {border-right:1px solid #c7160e;} /* hompage + doormat */ .homepage #nav {border:none; border-top:1px solid #c7160e;} .homepage #nav ul {padding-left:0; margin-left:0;} .homepage #nav ul li {padding:0; width:9.75em;} .homepage #nav ul li.menucolumn3 {width:11em;} .homepage #nav ul li.hide-separator-image {background-image:none; float:none; xmargin-left:59.88em; margin-left:59.74em; width:auto; -moz-float-edge:content-box;} .homepage #nav ul li a {padding:0.4em 0em 0.4em 0.5em; text-align:left; border-right:1px solid #f4cecd; padding:0.5em 0.75em;} .homepage #nav ul li.hide-separator-image a {border-color:#C7160E;} .homepage #nav ul ul {background:#e7f0f3; border-top:1px solid #fff; padding:0.5em 0em;} .homepage #nav ul ul li {font-size:85%; line-height:1.2em; background:none; float:none; width:auto;} .homepage #nav ul ul li a {font-weight:normal; padding:0.25em 0em 0.25em 0.75em; color:#086587; border-right:1px solid #fff;} .homepage #nav li li a:hover {color:#000000; background:none; border-left-color:#000000;} /* specific widths */ .homepage #nav li.menucolumn1 ul {background:#e7f0f3 url("../images/doormat-bl.gif") left bottom no-repeat;} .homepage #nav li.menucolumn1 li a {border-left:none;} .homepage #nav ul li.menucolumn7 ul li a {border-right:none;} /* crumb trail -------------------------------------------------------------- */ #crumb-trail-container {background:#e7f0f3; padding:0.45em 0.6em; padding-left:0.75em; padding-right:18em;} #crumb-trail-container ul {display:inline;} #crumb-trail-container li {display:inline; margin-left:0.25em; color:#c7160e; font-weight:700; background:url("../images/css_crumb_arrow.gif") left 0.3em no-repeat; padding-left:12px;} #crumb-trail-container li a {color:#086587; font-weight:300; white-space:nowrap;} #crumb-trail-container li a:hover {color:#CC0000;} #crumb-trail-container li.first {margin-left:0; background:none; padding-left:0;} #crumb-trail-container li.first a {font-weight:700; font-size: 100%; background:url("../images/css_provant_small.gif") left 0px no-repeat; padding-left:22px;} /* sub navigation ----------------------------------------------------------- */ #sub-nav {padding-top:1.9em; padding-bottom:2.5em;} #sub-nav h4, #sub-nav p, #sub-nav ul, #sub-nav table, #sub-nav ol, #sub-nav dl, #sub-nav blockquote {line-height:1.2em;} #sub-nav h2, #sub-nav h3 {padding:0.5em; padding-bottom:0.25em; color:#365d7a; line-height:1.2em;} #sub-nav h2 {background:#e2e8ec; border-bottom:1px solid #b4bfc9; margin:0.5em 0em; border-top:2px solid #b4bfc9;} #sub-nav p {margin:0.5em; margin-left:1.6em;} #sub-nav a {color:#2e54a1; text-decoration:none;} #sub-nav a:hover{color:#cc0000;} #sub-nav span.active{color:#cc0000;} #sub-nav div.sticktotop h2 {margin-top:0;} #sub-nav form {padding:0 0.5em;} #two-col-facet #sub-nav .extra {margin:0em 1em; margin-top:-1em; text-align:right;} /* list */ #sub-nav ul {margin:0.3em 0.3em 0.5em 1em;} #sub-nav ul li {list-style:none; list-style-image:none; padding:0.2em 0em; border-bottom:1px solid #fff;} #sub-nav ul li.last {border-bottom:none;} /* main sub navigation */ #sub-nav ul.show-arrows-in-list {margin-bottom:1.5em; margin-left:0; padding-left:0.7em; border-left:6px solid #829EB4;} #sub-nav ul.show-arrows-in-list li {overflow:hidden; width:100%;} #sub-nav ul.show-arrows-in-list li a {font-weight:700; color:#043d52; background:url("../images/css_nav_arrow.gif") left 0.35em no-repeat; padding-left:10px; display:block;} #sub-nav ul.show-arrows-in-list li a:hover {color:#c7160e;} /* calendar control */ #sub-nav #calendar form{margin:1em 0.25em; display:block;} #sub-nav #calendar #dayCalendarContainer {margin-top:0.5em; width:13.3em;} #sub-nav #calendar form#selectDate select {width:16em; margin-left:0.25em;} #sub-nav #calendar form#selectDate input {width:2em;} /* facet */ #two-col-facet #sub-nav ul.show-arrows-in-list, #two-col-facet-leafnode #sub-nav ul.show-arrows-in-list {border-left:none;} #two-col-facet #sub-nav ul.show-arrows-in-list li a, #two-col-facet-leafnode #sub-nav ul.show-arrows-in-list li a {background:url("../images/css_facet_bullet.png") 1px 5px no-repeat;} #two-col-facet #sub-nav div {padding:0.25em 0em;} #two-col-facet #sub-nav .noindex {padding:0;} #two-col-facet #sub-nav div div div {background:none; margin:0; border:none;} #two-col-facet-leafnode #sub-nav h2 {font-size:100%;} #two-col-facet #sub-nav h3, #two-col-facet-leafnode #sub-nav h3 {color:#616b74;} #two-col-facet #sub-nav li, #two-col-facet-leafnode #sub-nav li {border-bottom:1px solid #e2e8eC; background:none;} #two-col-facet #sub-nav #calendar form#selectDate select {width:8em; margin-left:0.25em;} /*** sub-nav logo */ #sub-nav div.subhomelogo {width:12em; margin:1em 0em; text-align:center;} #sub-nav div.subhomelogo span.image-block {margin:0 auto;} /* in-page navigation ------------------------------------------------------- */ #main ul.hornav {margin:1em 0em 0em -0.5em;} #main ul.hornav li {display:inline; font-weight:700; color:#95afbd; border-right:1px solid #4d636f; padding:0em 0.5em;} #main ul.hornav li a {color:#4d636f;} #main ul.hornav li.hide-separator-image {border-right:none;} /* module archive navigation ------------------------------------------------------- */ .archiveNotion {float:right; margin-top:-2.8em; text-align:right;margin-left:1em;} #two-col-facet #sub-nav div.archiveNotion-alt {padding-left:1em;} /* skip links --------------------------------------------------------------- */ .skip {list-style:none; list-style-image:none; position:absolute; left:2em; top:0.25em; z-index:1; width:25em;} .skip a {display:block; text-decoration:none; top:-700em; overflow:hidden; position:absolute;} .skip a:focus, .skip a:active {top:0em; overflow:visible; color:#c7160e; background:#ffffff; border:3px solid #c7160e;} /* document navigation ------------------------------------------------------ */ #main .documentNav {background:#e2e8ec; padding:0.5em 0.5em 0.25em; position:relative; border-bottom:1px solid #b4bfc9; border-top:2px solid #2e54a1; text-align:center; margin-top:1em;} #main .documentNav ul {position:relative; padding:0; margin:0;} #main .documentNav li {list-style:none !important; list-style-image:none; padding:0; margin:0; text-align:center} #main .documentNav li.previous {position:absolute; left:0; top:0; width:auto; text-align:left;} #main .documentNav li.next {position:absolute; right:0; top:0; width:auto; text-align:right;} #main .documentNav li.next a.more-link {background-position:right; padding-right:1em;} #main .documentNav li a {color:#365d7a;} #main .documentNav li a:hover {color:#c7160e;} /* inline filter ------------------------------------------------------------ */ #main .inlineFilter ul {overflow:hidden; margin:0em; margin-bottom:1em;} #main .inlineFilter li {float:left; list-style:none; background:url(../images/css_module_nav_separator.gif) right 0.25em no-repeat; padding:1px;} #main .inlineFilter li .page {margin:0em 0.5em;} #main .inlineFilter li.active .page {font-weight:700;} #main .inlineFilter li.last {background:none;} #main .inlineFilter li.first .page {margin-left:0;} /* paging ------------------------------------------------------------------- */ .paging {text-align:center;margin-bottom:1em;padding:0.5em;background:#e2e8ec;border-bottom:1px solid #b4bfc9; border-top:2px solid #2e54a1; } /* results */ .paging .result {font-size:93%; float:left;} .paging .result span {font-weight:700;} /* pager */ .paging .pager {float:right;} #main .paging .pager ul {margin:0} .paging .pager .pageNumbers a {text-decoration:none;} .paging .pager a:visited {color:#086587;} .paging .pager a:hover {color:#C7160E;} .paging .pager ul {display:inline; margin:0em 1em;} .paging .pager ul li {display:inline;} .paging .pager ul li.first {background:none; padding-left:0;} .paging .pager ul li.active .page {background:#2e54a1;color:#fff;font-weight:700;} .paging .pager .first {padding-right:0.5em} .paging .pager .first .page {padding-left:13px; background:url("../images/icon_paging_first.gif") left 0.35em no-repeat;} .paging .pager .first a.page:hover {background-position:left -91px} .paging .pager .first span.page {color:#999;background-position:left -187px} .paging .pager .prev {} .paging .pager .prev .page {padding-left:8px; background:url("../images/icon_paging_previous.gif") left 0.35em no-repeat;} .paging .pager .prev a.page:hover {background-position:left -91px} .paging .pager .prev span.page {color:#999;background-position:left -187px} .paging .pager .next {} .paging .pager .next .page {padding-right:8px; background:url("../images/icon_paging_next.gif") right 0.35em no-repeat;} .paging .pager .next a.page:hover {background-position:right -91px} .paging .pager .next span.page {color:#999;background-position:left -187px} .paging .pager .last {padding-left:0.5em} .paging .pager .last .page {padding-right:13px; background:url("../images/icon_paging_last.gif") right 0.35em no-repeat;} .paging .pager .last a.page:hover {background-position:right -91px} .paging .pager .last span.page {color:#999;background-position:left -187px} .paging .pager .pageNumbers {padding:0 0em;} .paging .pager .pageNumbers .page {border:1px solid #2e54a1; background:#fff;padding:0 0.4em;} .paging .pager .pageNumbers a.page:hover {background:#C7160E;color:#fff;} .paging .pager .pageNumbers .hellip {padding:0 0.5em;} .paging .pager .pageNumbers .hellip .page {border:none;background:transparent;text-decoration:underline;} .paging .pager .pageNumbers .hellip.prev a.page:hover {color:#C7160E;background:transparent url(../images/css_arrow_hellip-prev.gif) no-repeat center 0.1em;} .paging .pager .pageNumbers .hellip.next a.page:hover {color:#C7160E;background:transparent url(../images/css_arrow_hellip-next.gif) no-repeat center 0.1em;} /* tabs ..................................................................... */ #main .tabpane {margin:1em 0em; position:relative;} #main .tabpane ul li {list-style:none; } #main .tabpane .tabHead {margin:0em 0.5em;} #main .tabpane .tabHead ul { margin:0;} #main .tabpane .tabHead ul li {float:left; border:2px solid #086587; border-bottom:0; margin-right:0.25em; background:#086587;} #main .tabpane .tabHead ul li .tabHandler {float:left; margin:-2px; text-decoration:none; background:url("../images/tab-nav-right.gif") right top no-repeat; color:#fff; font-weight:700; outline:none;} #main .tabpane .tabHead ul li .tabHandler span {background:url("../images/tab-nav-left.gif") left top no-repeat; display:block; padding:0.5em 1.5em;} #main .tabpane .tabHead ul li.active { position:relative; background:#fff; top:2px; z-index:10; margin-top:-2px; padding-bottom:2px; color:#fff;} #main .tabpane .tabHead ul li.active .tabHandler {background-image:url("../images/tab-nav-active-right.gif"); color:#4c4c4c;} #main .tabpane .tabHead ul li.active .tabHandler span {background-image:url("../images/tab-nav-active-left.gif");} #main .tabpane .tabMain {border-top:2px solid #086587; min-height:10em; clear:left; padding:0.5em 0em;} #main .tabpane .tabMain .image-block img {border:2px solid #000;} #main .tabpane .tabMain .search_results-alt2 .image-block img {border:none;} #main .tabpane .tabMain .tabHeading {margin:1em 0; color:#086587; background:none; position:absolute; left:-999em; top:auto;} #main .tabpane .tabMain .geoList .image-block {border:1px solid #C7CFD2;} #main .tabpane .tabMain #sub-nav select {width:9.5em;} /* action navigation */ #main .tabpane .navAction {position:absolute; top:-1.5em; right:0;} #main .tabpane .navAction ul {overflow:hidden; margin-right:0;} #main .tabpane .navAction ul li {float:left; margin-right:0.5em; background:url("../images/css_module_nav_separator.gif") right center no-repeat; padding-right:1px;} #main .tabpane .navAction ul li a {margin-right:0.5em;} #main .tabpane .navAction ul li.last {background:none;} #main .tabpane .navAction ul li.last a {margin-right:0;} /* text */ #main .tabpane p {margin-left:0;} #main .tabpane .pageintro p {font-weight:700;} /* columns */ #main .tabpane .tabMain .gridTwo {background:#ECF4F7; padding-left:13em;} #main .tabpane .tabMain .gridTwo .gridInner {background:#fff; padding-left:1em;} #main .tabpane .tabMain .gridTwo .gridInner .col-1 {float:right; margin:0; width:100%; padding-top:0.5em;} #main .tabpane .tabMain .gridTwo .gridInner #sub-nav {float:left; margin-left:-14em; padding:0; width:13em;} #main .tabpane .tabMain .gridTwo .gridInner #sub-nav .noindex {padding:0; height:0;} #main .tabpane .tabMain .gridTwo .gridInner #sub-nav .noindex h2.smartsurfer {position:absolute; left:-999em; top:auto;} #main .tabpane .tabMain .gridTwo .gridInner #sub-nav div {padding-top:0;} #main .tabpane .tabMain .gridTwo .gridInner #sub-nav div.extra {margin:0.5em; text-align:right;} /* ========================================================================== */ /* 06. basic content */ /* ========================================================================== */ abbr {border-bottom:none; text-decoration:none;} /* paragraph ---------------------------------------------------------------- */ #main p {margin-bottom:1.5em;} #main p.date {font-size:105%; margin-top:0em; margin-bottom:0.5em;} /* lists -------------------------------------------------------------------- */ #main ul, #main ol {clear:left; margin:0em 2em 1.5em 1.5em;} #main p ul, #main p ol {margin-bottom:0;} /* editor content safety measure */ #main ol {margin-left:2em;} #main ul li {list-style:none outside url("../images/css_list_blue_bullet.gif");} #main ul ul {margin:0.75em 2em 0.5em 2.25em;} #main ul li p, #main ol li p {margin:0;} /* no visualization */ #main ul.no_list_style {margin-left:0;} #main ul.no_list_style li {list-style:none; list-style-image:none;} /* images ------------------------------------------------------------------- */ #main span.fixedimage img {xdisplay:block; float:left;} #main span.image-block span.caption {font-size:80%; display:block; margin:0.25em 0em; text-align:left; color:#666;} #main span.fixedimage {float:left; margin:0em 0.8em 0.5em 0em;} #main span.image-block.emphasize img {border:1px solid #9ab6cb;} #main span.los-beeld-links {float:left; padding:0em 0.8em 0.2em 0em; background:#fff;} .tabMain span.los-beeld-links {float:left; padding:0em 0.8em 0.2em 0em; position:relative; z-index:1;} #main span.los-beeld-rechts {float:right; margin:0em 0em 0.2em 0.8em;} /* textblock ---------------------------------------------------------------- */ #main .tekstblok {margin-bottom:0.2em;} #main .tekstblok:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #main .tekstblok {display:inline-block;} /* Hides from IE-mac \*/ * html #main .tekstblok {height:1%;} #main .tekstblok {display:block;} /* End hide from IE-mac */ #container .tabMain .tekstblok h3 {clear:none;} /* info block */ #main .tekstblok.info {border:1px solid #666; background:#ECF4F7; margin:1em 0em; padding:0.5em;} /* keywords ----------------------------------------------------------------- */ #main span.keyword {border-bottom:1px dotted #000000; cursor:help;} /* textlabel ---------------------------------------------------------------- */ .textlabel {font-weight:700;} .caption {float:left;clear:left;text-align:right;} .spec .detail {background:none; padding-left:0;} #main .demo {border:1px solid #87ab87; background:#f5fff5; padding:0.5em; margin-bottom:1.5em;} #main .demo p {font-size:130%; margin:0; color:#87ab87;} /* ========================================================================== */ /* 07. content components */ /* ========================================================================== */ .changed {background:url("../images/css_icon_changed.gif") left top no-repeat; padding-left:20px; display:block; color:#c00;} /* slide share -------------------------------------------------------------- */ #main .slideshare h2, #main .slideshare h3, #main .slideshare h4, #main .slideshare h5, #main .slideshare h6 {color:#366; font-size:108%; background:none;} #main .slideshare .heading {color:#366; font-size:108%; background:none;} #main .slideshare {margin:1em 0em;} #main #movie h2, #main #movie h3, #main #movie h4, #main #movie h5, #main #movie h6 {color:#366; font-size:108%; background:none;} #main #movie .heading {color:#366; font-size:108%; background:none;} #main #movie {margin:1em 0em;} /* site logo ---------------------------------------------------------------- */ #logo {position:relative;} #logo a {float:left; position:relative; top:-22px; left:1em;} #logo p {font-size:160%; font-family:"Trebuchet MS", sans-serif; color:#fff; font-weight:700; line-height:1.2em; position:absolute; left:128px; bottom:17px; width:350px;} #logo p span {display:block; font-size:90%; line-height:1em;} #logo .minilogo-print {display:none;} /* search box --------------------------------------------------------------- */ #search-box {position:absolute; top:0; right:0; width:17.5em} #search-box form {margin:0; ; padding:0; font-size:12px;} #search-box form p {padding-top:0.35em; } #search-box #search-box-field {padding-top:0.35em; height:1.9em;} #search-box .search-textfield {float:left; margin-left:0.5em; width:13em; height:1.5em; border:1px solid #086587;} #search-box .search-button {float:left; padding:0em 0.25em; margin:0em 0.5em; height:1.7em; border:1px solid #086587; font-family:Arial; font-weight:700; color:#fff; background:#086587 url("../images/search-submit.gif") left top repeat-x;} #search-box #search-box-options {background:#e7f0f3 url("../images/search-br.gif") right bottom no-repeat; padding-top:0.3em; position:relative; z-index:10;} #search-box #search-box-options .search-radiobutton {float:left; margin:0.1em 0.5em 0em 0.35em;} #search-box #search-box-options p {margin-left:-4px; padding:0em 1em;} #search-box #search-box-options p.first {background:url("../images/search-tl.gif") left top no-repeat;} #search-box #search-box-options p.last {background:url("../images/search-bl.gif") 4px bottom no-repeat; padding-bottom:0.5em;} /* open/closed */ #search-box.closed #search-box-options {position:absolute; top:auto; left:-9999em} #search-box.closed #search-box-options {position:absolute; top:auto; left:-9999em} #search-box.opened #search-box-options {position:static;} /* in main */ #content-container #search-box {position:static; background:#E7F0F3; border:1px solid ##C7CFD2; padding:1em; padding-bottom:1em; margin:1em 0em; margin-top:0; width:auto;} #content-container #search-box .smartsurfer {position:static; height:auto; display:inline;} #content-container #search-box .search-textfield {float:none;} #content-container #search-box .search-button {float:none; height:auto;} #content-container #search-box form p {margin-bottom:0; background:none;} /* overview list ............................................................ */ #main .overviewList ul {margin:1em 0em;} /* homepage exceptions */ .homepage #search-box {padding:0; margin:0; margin-bottom:1em; border:none; background:#e7f0f3 url("../images/search-bl.gif") left bottom no-repeat; width:18.25em;} .homepage #search-box form {border:none; margin:0; padding:0; margin-left:-4px; background:url("../images/search-tl.gif") left top no-repeat;} .homepage #search-box #search-box-field {padding:0.4em; margin-left:4px; background:url("../images/search-br.gif") right bottom no-repeat;} /* gallery */ #main .gallery ul {margin:0;} #main .gallery ul li {float:left; display:inline; border:1px solid #c7cfd2; background:#f3f7f9; padding:0.5em; margin:0.5em; margin-left:0; margin-top:0; list-style:none; list-style-image:none;} #main .gallery ul li .image .graphic {text-align:center; height:100px; width:100px; line-height:100px;} #main .gallery ul li .image .graphic img {vertical-align:middle;} /* footer ------------------------------------------------------------------- */ #footer div#accessibility {float:left} #footer div#accessibility img {width:50px; height:40px; border:none;} #footer #footer-text {float:right;} #footer #footer-text p {float: left;} #footer ul{float:left;} #footer ul li {float:left; list-style:none; list-style-image:none; background:url("../images/css_footer_separator.gif") right 5px no-repeat; padding-right:0.5em; margin-right:0.5em} #footer ul li.hide-separator-image {background:none;} #footer ul li a {color:#365d7a;} #footer ul li a:hover {color:#cc0000;} #footer-print {display:none;} #footer-print p {margin:1em 10px;} /* emphasizd element -------------------------------------------------------- */ #main .emphasize {border:1px solid #bccdd6; margin-bottom:2em; padding:0em;} #main .emphasize h3 {background:#e6f1f6; border-bottom:1px solid #bccdd6; padding:0.5em;} #main .emphasize p {padding:0em; margin:0.5em;} /* related info ------------------------------------------------------------- */ #main .related {xborder-top:1px solid #c4cfbf; background:url("../images/css_line_blue.gif") right top no-repeat; padding-top:0.5em; margin:3em 0em 1em 0em; width:92%;} #main .related h2 {background:none; font-weight:700; color:#395e79; margin-bottom:0.1em; padding-bottom:2px; font-size:105%;} #main .related ul, #main div.related p {margin-left:0; margin-top:0;} /* downloads ---------------------------------------------------------------- */ #main div.downloads {padding-top:20px;} /* custom: inline-module ---------------------------------------------------- */ #main div.inlinemodule {width:95%; margin:0.25em 1em 0.5em 0em; padding-bottom:0.5em; background:#ffffff url("../images/css_line_blue.gif") bottom right no-repeat;} #main div.inlinemodule h2 {font-size:110%; line-height:1.2em; padding:0.5em 0em 0.3em 0em; margin:0em 0em 0.2em 0em; color:#086587; background:url("../images/css_line_blue.gif") bottom right no-repeat;} #main div.inlinemodule h3 {font-size:100%; margin-bottom:0.2em; padding:0; color:#000000;} #main div.inlinemodule h3 a {color:#000000; border-bottom:1px dotted #086587; text-decoration:none;} #main div.inlinemodule h3 a:hover {color:#086587;} #main div.inlinemodule p {margin:0; padding-bottom:0;} #main div.inlinemodule hr {padding:0.5em 0em 0.3em 0em; margin-bottom:0.2em; height:1px; background:url("../images/css_line_blue.gif") bottom right no-repeat;} #main div.inlinemodule.multiple {margin-top:-10px; padding-top:10px;} /* no idea why this is done */ #main div.inlinemodule span.tel, #main div.inlinemodule span.fax {float:left;} #main div.inlinemodule span.more-link {background-position:2px 5px; margin-top:0.5em; padding-left:15px;} #main div.inlinemodule span.prefix {width:1.7em; float:left;} #main div.inlinemodule br {clear:both;} /* sitemap ------------------------------------------------------------------ */ #main .sitemap a {text-decoration:none;} #main .sitemap ul.overview {padding-bottom:1em; margin-left:0;} #main .sitemap ul.overview li {display:inline; list-style:none; list-style-image:none;} #main .sitemap ul.overview li a {display:block; width:30%; float:left;} /* metainfo ----------------------------------------------------------------- */ #main .metaInfo {display:block; float:right; padding-right:22px; background-position:right center; width:auto;} #main h1 .metaInfo {display:inline; float:none; position:static; padding:0; padding-left:22px; margin-left:1em; background-position:left center; width:auto; font-size:70% } #main h1 .metaInfo.attention {} /* facet overview ----------------------------------------------------------- */ #main .facetAltContainer {padding:0em 0em 1em 0em; border-bottom:2px solid #355d97;} #main .facetAltContainer h3 {background:none;color:#000;font-size:93%;margin-top:0;padding:0} #main .facetAltContainer p {margin-bottom:0.25em;} #main .facetAltContainer ul {padding:0; margin:0;} #main .facetAltContainer ul.level1 {padding-bottom:0.5em;} #main .facetAltContainer ul li {padding:0; margin:0; list-style:none; list-style-image:none; background-image:none; float:left;} #main .facetAltContainer ul li.level1 {border:1px solid #355d97; background:#f5f7fa; padding:0.5em; padding-right:24px; margin-right:0.5em; position:relative; min-width:5em; margin-bottom:0.5em;} #main .facetAltContainer ul li.level1 em {display:block; font-weight:700; font-style:normal; margin-bottom:0.5em;} #main .facetAltContainer ul li.level1 a.remove {display:block; position:absolute; right:0.5em; top:0.5em; background:url("../images/remove.gif") no-repeat; width:12px; height:12px;} #main .facetAltContainer ul li.level1 ul {padding-left:0; display:inline;} #main .facetAltContainer ul li.level1 ul li {padding:0em 1.2em 0em 0.6em; float:none; display:inline; color:#c7160e; background:url("../images/css_crumb_arrow.gif") right 0.4em no-repeat; font-weight:700;} #main .facetAltContainer ul li.level1 ul li.first {padding-left:0;} #main .facetAltContainer ul li.level1 ul li.last {background-image:none; padding-right:0;} #main .facetAltContainer ul li.level1 ul li a {color:#086587;} #main .facetAltContainer ul li.level1 ul li a:hover {color:#cc0000;} /* az list */ #main .facetAltContainer ul li.alphabet-alt {margin-bottom:0.5em;width:95%;} #main .facetAltContainer ul li.alphabet-alt ul {margin:0; padding:0.25em 0em; display:block;} #main .facetAltContainer ul li.alphabet-alt ul li {float:left; background-image:none; border-right:1px solid #c2cfbd; padding:0; margin:0; font-size:93%; color:#999999;} #main .facetAltContainer ul li.alphabet-alt ul li a {padding:0em 0.5em;} #main .facetAltContainer ul li.alphabet-alt ul li span {padding:0em 0.5em;} #main .facetAltContainer ul li.alphabet-alt ul li.active span {padding:0.1em 0.5em 0.1em; color:#ffffff; background:#c7160e;} #main .facetAltContainer ul li.alphabet-alt ul li.last {border:0;} #main .facetAltContainer ul li.alphabet-alt ul li.delete-item {padding-left:0.5em;} #main .facetAltContainer ul li.alphabet-alt ul li.delete-item .delete {background:none;} #main .facetAltContainer ul li.searBoxResult-alt {margin-bottom:0.5em;width:97.5%;padding-bottom:.5em;} #main .facetAltContainer ul li.searBoxResult-alt em {margin-bottom:.5em;} #main .facetAltContainer ul li.searBoxResult-alt input#searchAgain {width:75%;padding:.25em;line-height:1.75em;vertical-align:middle;margin-right:1em;} /* explanation */ #main .facetAltExplain {font-size:93%; color:#6ea1be; margin-top:-0.5em} /* search result list ------------------------------------------------------- */ #main .search_results-alt {padding:0;margin:0;} #main .search_results-alt li {background-image:none; list-style:none; list-style-image:none; margin:0em 0em 1.5em 0em; border-top:2px solid #355d97; position:relative; clear:both;} #main .search_results-alt li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #main .search_results-alt li h3 {font-size:123%; clear:none; margin:2.2em 0em 0.2em;} #main .search_results-alt li h3 a {text-decoration:none; color:#355d97;} #main .search_results-alt li h3 a:visited {color:#7a87a2;} #main .search_results-alt li h3 a:hover {color:#c7160e;} #main .search_results-alt li.first {border-top:0;} #main .search_results-alt li h3 a.page {border-bottom:1px solid #086587;} #main .search_results-alt li h3 a.page:visited {border-bottom:1px solid #7a87a2;} #main .search_results-alt li h3 a.page:hover {border-bottom:1px solid #C7160E;} #main .search_results-alt li .meta {margin:0.3em 0em;} #main .search_results-alt li .location {background-image:none; padding-left:0;} #main .search_results-alt li .placeTime {position:absolute; top:0; left:0; background:#f5f7fa; padding:0; width:100%; border-bottom:1px solid #dadada;} #main .search_results-alt li .placeTime .date {float:left; font-weight:700; padding:0.3em;} #main .search_results-alt li .placeTime .location {float:right; padding:0.3em;} /* image in result */ #main .search_results-alt .hasImage {min-height:125px;} #main .search_results-alt .hasImage .meta, #main .search_results-alt .hasImage .goTo, #main .search_results-alt .hasImage .description, #main .search_results-alt .hasImage h3 {margin-right:120px;} #main .search_results-alt li .image-block {position:absolute; background:#ccc; border:1px solid #333333; width:100px; height:100px; top:2.5em; right:0;} #main .search_results-alt li .image-block img {display:block; width:100px; height:100px;} /* address */ #main .search_results-alt.addressList li h3, #main .search_results-alt.newsletterList li h3 {margin-top:0.5em;} #main .search_results-alt.addressList .image-block, #main .search_results-alt.newsletterList .image-block {top:0.5em;} #main .search_results-alt.addressList .adr, #main .search_results-alt.addressList .faxPhone, #main .search_results-alt.addressList .internetContact {margin-bottom:0.5em;} .date, .place {color:#666; font-weight:700; margin:0.25em 0em;} .vcard .place {color:#000; font-weight:300; margin:0;} /* news */ #main .news .date {margin-top:-1em; margin-bottom:1.5em;} /* search result alternative ------------------------------------------------------- */ #main .search_results-alt2 {padding:0;margin:0;} #main .search_results-alt2 li {background-image:none; list-style:none; list-style-image:none;padding:1em 0em 1em; border-top:2px solid #7a87a2; position:relative; clear:both;} #main .search_results-alt2 li.first {border-top:none;} #main .search_results-alt2 li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #main .search_results-alt2 li h3 {clear:none; margin:0em 0em 0em;} #main .search_results-alt2 li h3 a.page {font-size:116%;line-height:1.2em;text-decoration:none; color:#355d97;} #main .search_results-alt2 li h3 a.page:visited {color:#7a87a2;} #main .search_results-alt2 li h3 a.page:hover {color:#c7160e;} #main .search_results-alt2 li h3 .meta {font-size:93%; display:inline;} #main .search_results-alt2 li .placeTime {margin:0 0 0.5em;padding:0.25em 0.5em;} #main .search_results-alt2 li .placeTime li {border:0;padding:0em 0;clear:both;font-size:93%;} #main .search_results-alt2 li .placeTime li .caption {width:4.5em;color:#7a87a2;} #main .search_results-alt2 li .placeTime li .detail {margin-left:5em;color:#666;} #main .search_results-alt2 li .placeTime .date {font-weight:700;background:none;padding:0;} #main .search_results-alt2 li .placeTime .location {background-image:none; padding-left:0;font-weight:700;} #main .search_results-alt2 li .placeTime2 {margin:0 0 0.25em;padding:0.25em 0em;color:#666;} #main .search_results-alt2 li .placeTime2 .date {font-weight:700;background:none;padding:0;display:block;} #main .search_results-alt2 li .placeTime2 .location {background-image:none; padding-left:0;font-weight:700;} #main .search_results-alt2 li .meta {margin:0.3em 0em 0.3em 0.5em;} #main .search_results-alt2 li ul.meta {padding:0.75em 0 0;margin:0} #main .search_results-alt2 li ul.meta li {display:inline;margin:0;padding:0 2em 0 20px;border:none;} #main .search_results-alt2 li ul.meta li.attention {background:url("../images/css_icon_attention_green.gif") left top no-repeat;color:#428b34;} #main .search_results-alt2 li ul.meta li.cheques {background:url("../images/css_icon_cheques.gif") left top no-repeat;color:#5b788e;} #main .search_results-alt2 li ul.meta li.wheelchair {background:url("../images/css_icon_wheelchair.gif") left top no-repeat;color:#5B788E;} #main .search_results-alt2 li .goTo {margin-top:0.5em;} /* image in result ---------------------------------------------------------- */ #main .search_results-alt2 li.hasImage .description {margin-left:115px;} #main .search_results-alt2 li.hasImage .goTo {margin-left:115px;} #main .search_results-alt2 li.hasImage .meta {clear:left;} #main .search_results-alt2 li .image-block {float:left;background:#F3F7F9 ; vertical-align:middle; border:1px solid #C7CFD2; margin-right:0.5em; text-align:center; height:100px; width:100px; line-height:100px; padding:5px;} #main .search_results-alt2 li .image-block img {vertical-align:middle; display:inline;} /* address ------------------------------------------------------------------ */ #main .search_results-alt.newsletterList li h3 {margin-top:0.5em;} #main .search_results-alt2.addressList .image-block, #main .search_results-alt.newsletterList .image-block {top:0.5em;} #main .search_results-alt2.addressList li h3 {margin-top:0;} #main .search_results-alt2.addressList .adr {margin-bottom:1em;} #main .search_results-alt2.addressList .faxPhone {float:left;margin-right:2em;min-width:20%;} #main .search_results-alt2.addressList .internetContact {float:left;margin-right:2em;min-width:20%;} #main .search_results-alt2.addressList .otherInfo {float:left;} #main .search_results-alt2.addressList .otherInfo .kbo {padding-top:0;} /* photo gallery ------------------------------------------------------------ */ #main .photogallery .photo-overview {width:28em; margin:0 auto; overflow:hidden;} #main .photogallery .photo-overview, #main .photogallery .photo-overview th, #main .photogallery .photo-overview td {border:none; background:none; text-align:left;} #main .photogallery .photo-overview td a {border:1px solid#d6e4ed; display:block; padding:1em 1.5em; text-align:center; width:80px;} #main .photogallery .photo-overview td span.caption {width:120px !important;} /* detail page */ #main .photogallery-detail p.image-detail, #main div.photogallery-detail p.image-description {text-align:center;} #main .photogallery-detail p.image-detail {margin-top:1em;} #main .photogallery-detail p.image-detail span.caption {text-align:center; margin:0em 5em;} #main .photogallery-detail p.back a.less-link {margin-top:1em; margin-bottom:1em;} /* mini gallery */ #main .minigallery .photo-overview {border:1px solid #e4ebf0; background:#fafafa;} #main .minigallery .photo-overview td {text-align:left; border:none;} #main .minigallery .photo-overview td span.image-block a {border:1px solid #d6e4ed; background:#ffffff; padding:1em 1.5em; display:block; text-align:center;} /* nieuwsbriefList ---------------------------------------------------------- */ #main .nieuwsbriefList {width:96%; margin:0.3em 0em 1.5em 0em; padding:0em;} #main .nieuwsbriefList li {list-style:none; list-style-image:none; margin-bottom:0.5em; padding-bottom:0.3em; border-bottom:1px solid #cccccc;} #main .nieuwsbriefList li a {background:url("../images/css_icon_newsitem.gif") left top no-repeat; padding-left:20px;} /* search summary ----------------------------------------------------------- */ #main .searchsummary-container {border-bottom:2px solid #335d97; background:#ffffff;} #main .searchsummary-container .summary p {margin:0; padding-top:0.2em;} #main .searchsummary-container .summary span.result-count {float:left; display:none; color:#5b788e; font-weight:700;} #main .searchsummary-container .summary span.rss{float:right; position:relative;} #main .searchsummary-container .summary span.rss a {text-decoration:none;} /* form-progress ------------------------------------------------------------ */ #main .form-progress {position:absolute; width:13em; top:4.75em; right:0.85em; padding:0; background:url("../images/css_wizard_bg.gif") left bottom repeat-y; margin-top:2em; margin-bottom:2em; border-left:1px solid #9ab6cb; border-right:none;} #main .form-progress h2 {display:none;} #main .form-progress ul {margin-left:0; margin-top:0; padding-bottom:0; margin-bottom:1px; margin-right:0; background:#e8f0f5 url("../images/css_wizard_item-bg.gif") left top repeat-y; border-top:1px solid #d3e0ea;} #main .form-progress ul li {background:url("../images/css_wizardnav_flag-todo.gif") 4px 4px no-repeat; list-style-image:none; border-bottom:1px solid #cddeea; color:#365870; padding:0.2em 1em 0.3em 2em; margin:0;} #main .form-progress ul li.active {background:#ecf4f7 url("../images/css_wizardnav_flag-active.gif") 4px 4px no-repeat; color:#365870; font-weight:700;} #main .form-progress ul li.done {background:url("../images/css_wizardnav_flag-done.gif") 4px 4px no-repeat;} /* tooltip ------------------------------------------------------------------ */ .overlay {position:absolute; display:block;} .overlay .bd {text-align:left; padding:0.2em;} .tt {visibility:hidden; position:absolute; color:#333333; background-color:#fdffb4; padding:2px; border:1px solid #fcc90d; font:100% sans-serif; width:auto;} /* definitions -------------------------------------------------------------- */ #definitions {display:none;} /* rss alt */ #main .rss-alt {text-align:right; margin-top:-20px; padding-bottom:2px;} /* expand/collapse link ----------------------------------------------------- */ .collapsebox {border:1px solid #cccccc; background:#efefef; padding:0.5em; margin-top:-1em; margin-bottom:2em;} a.collapse {padding-left:15px; background:url("../images/collapse.png") left 5px no-repeat; cursor:pointer; color:#086587; text-decoration:underline;} a.expand {padding-left:15px; background:url("../images/expand.png") left 5px no-repeat; cursor:pointer; color:#086587; text-decoration:underline;} div.collapsed {position:absolute; left:-999em; top:-999em;} div.expanded {position:relative; left:0em; top:0em;} .banner {margin-bottom:1em;} /* mediaplayer -------------------------------------------------------------- */ #main .mediaplayer {text-align:center; padding:1em 0em;} /* legendlist --------------------------------------------------------------- */ #main ul.legendList {margin:0; padding:0;} #main ul.legendList li {list-style:none; list-style-image:none; float:left; margin-right:1.5em;} /* bloglist ----------------------------------------------------------------- */ #main .artistBlogDescription {margin-bottom:0.5em; padding:0.5em;} #main .artistBlogDescription span.image-block {float:left;margin:0 0.75em 0.25em 0;} #main .artistBlogDescription span.image-block img {border:1px solid #b4bfc9; width:100px;} #main ul.blogList {padding:0; margin:0em 0em 1em 0em;} #main ul.blogList li {list-style:none; list-style-image:none; padding:0.5em 0em 0.25em; margin:0; clear:both; position:relative; border-bottom:1px solid #b4bfc9;} #main ul.blogList li .timing {font-weight:700; color:#428B34; border-bottom:none; padding-right:0;} #main ul.blogList li h3 {clear:left;} #main ul.blogList li h3 a {text-decoration:none;} #main ul.blogList li h3 a:hover {text-decoration:underline;} #main ul.blogList .artistBlogContent {background:#cfe1eb; border:1px solid #61849e; padding:0.5em;} /* calendar detail ---------------------------------------------------------- */ #main.calendarDetail .image-block {float:left; margin:0 0.75em 0.25em 0;} #main.calendarDetail .image-block img {border:1px solid #b4bfc9;} #main .detailInfo {clear:none;padding:0; margin:0em 0em 1em; background:#f4f7fa; border:1px solid #b4bfc9;} #main .detailInfo li {list-style:none; list-style-image:none; padding:0.25em; margin:0; position:relative;} #main .detailInfo li.last {border:none;} #main .detailInfo li .label {float:left; text-align:right; width:7em; color:#666666;} #main .detailInfo li .detail {background-image:none; margin-left:8em; padding-left:0;} #main .detailInfo.calendarDetailInfo li .label {width:4em;} #main .detailInfo.calendarDetailInfo li .detail {margin-left:5em;} #main .detailInfo li .collapsebox {border-width:1px 0;background:transparent;padding:0em; margin-bottom:1em;margin-top:0.5em;padding:0.5em;} #main .detailInfo li .collapsebox ul {margin:0;padding:0;margin-left:0em;} #main .detailInfo li ul {margin:0;padding:0;margin-left:0em; clear:none;} #main .detailInfo li li {border:0;padding:0;} #main .detailInfo h3 {padding:0.5em 0 0 0.5em;} #main .calendarDetailInfo li li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #main .calendarDetailInfo li li {display:inline-block; display:block;} #main .calendarDetailInfo li li {margin-bottom:0.75em;} #main .calendarDetailInfo li li .metaInfo {float:none; white-space:nowrap; display:inline; background-position:left top; padding-right:0; line-height:20px; margin-bottom:0.25em; margin-left:0.15em; margin-right:1em;} #main .detailInfo.calendarDetailInfo {width:27em; float:left;} /* twocolRight */ .gridTwoRight #main .detailInfo.calendarDetailInfo {width:23em;} /* oneCol */ #main .detailInfo ul {margin:0.5em 1em 0.5em 0.5em;} #main .detailInfo ul li.last {margin-top:1em;} /* opleiding detail --------------------------------------------------------- */ #main .detailInfo.opleidingDetailInfo li .label {width:9em;} #main .detailInfo.opleidingDetailInfo li .detail {margin-left:10em;} /* other items */ #main .calendarOtherItems {padding:0; margin:0em 0em 1em 0em;} #main .calendarOtherItems li .timing {display:block; float:right; font-weight:700; color:#428b34; text-transform:uppercase; letter-spacing:1px; font-size:93%;} #main .calendarOtherItems li {list-style:none; list-style-image:none; padding:0.5em 0em 0.25em; margin:0; clear:both; position:relative; border-bottom:1px solid #b4bfc9;} #main .calendarOtherItems li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html #main ul.calendarDetailInfo li {height: 1%;} #main .calendarOtherItems li.last {border-bottom:0;} #main .calendarOtherItems li h3 {clear:left;} #main .calendarOtherItems li h3 a {text-decoration:none;} #main .calendarOtherItems li .header {text-decoration:none;} #main li .splitLinkController {padding:0; float:left; width:25px; border-right:1px solid #397796; margin-right:5px; height:18px; background:no-repeat top left;} #main li.expanded .splitLinkController {background-image:url("../images/icon_expcol_color_expanded.gif");} #main li.expanded .splitLinkController:hover {background-image:url("../images/icon_expcol_color_expanded-hover.gif");} #main li.expanded .splitLinkController {background-image:url("../images/icon_expcol_color_expanded.gif");} #main li.expanded .splitLinkController:hover {background-image:url("../images/icon_expcol_color_expanded-hover.gif");} #main li.closed .splitLinkController {background-image:url("../images/icon_expcol_color_collapsed.gif");} #main li.closed .splitLinkController:hover {background-image:url("../images/icon_expcol_color_collapsed-hover.gif");} #main li.closed ul, #main li.closed .splitLinkContent, #main .calendarOtherItems li.closed .calendarDetailDescription {position:absolute; top:-9999em; left:-9999em;} #main li.expanded ul, #main li.expanded .splitLinkContent, #main ul.calendarOtherItems li.expanded .calendarDetailDescription {position:relative;} /* description */ #main .calendarDetailDescription {margin-bottom:2em;clear:both;} #main .calendarDetailDescription span.image-block {float:left; margin:0 0.75em 0.25em 0;} #main .calendarDetailDescription span.image-block img {border:1px solid #b4bfc9;} #main .calendarDetailDescription .intro {font-weight:700;} #main .calendarDetailDescription p {margin-bottom:0.75em;} #main .calendarOtherItems .calendarDetailDescription {margin-bottom:0.5em; padding:0.5em; background:#f4f7fa; border:1px solid #b4bfc9;} #main .calendarOtherItems .calendarDetailDescription span.image-block img {width:100px;} #main .calendarOtherItems .calendarDetailDescription p {margin-bottom:0.5em;font-size:93%} /* modules column ----------------------------------------------------------- */ #modules {margin-top:1.5em; margin-bottom:2em;} #modules h1, #modules h3, #modules h4, #modules p, #modules ul, #modules table, #modules ol, #modules dl, #modules blockquote {line-height:1.2em;} #modules div {border:1px solid #9ab6cb; margin-bottom:1em; margin-right:1em;} #modules div.noindex {border:none; margin:0;} #modules div ul{margin:0.5em; margin-top:0; list-style:none; list-style-image:none;} #modules div h2 {padding:0.25em 0.5em; margin-bottom:0.5em; border:none; color:#ffffff; background:#9ab6cb;} #modules div h3 {margin:0.5em 0.5em 0.25em 0.5em; color:#086587;} #modules div h3 a {font-size:93%;} #modules div h4 {margin:0.5em 0.5em 0.25em 0.5em;} #modules #email {width:15em;} #modules #submitButton {float:right; margin:0.5em; padding:0em 0.25em;} #modules form {margin:0.5em 0.5em 1em 0.5em; padding-bottom:0.5em; border-bottom:1px solid #9ab6cb;} #modules div p {margin:0.5em; margin-top:0; font-size:12px; line-height:1.4em;} #modules .module-separator {background:#ffffff url("../images/css_blue_gradient.gif") right top no-repeat; border:none; padding:0.5em; margin-left:-2px; margin-top:0.5em; margin-right:0.5em; height:1px;} #modules .module-separator hr {display:none;} #modules a.more-link {margin-top:0.75em; margin-bottom:0.75em;} #modules span.active {color:#cc0000;} /* adres module */ #modules .addressinfo {padding-bottom:0.5em;} #modules .addressinfo span.prefix {width:1.7em;} #modules .addressinfo div {border:none; margin:0;} #modules .addressinfo div.vcard {border:none; padding:0em 0.5em;} #modules .addressinfo div.vcard h3 {margin-left:0;} #modules .addressinfo div.vcard div.kbo {padding-top:0; margin-bottom:0.2em;} #modules .addressinfo div.vcard div.internetContact {margin-bottom:0.3em;} #modules .addressinfo div.vcard div.faxPhone {margin-bottom:0.3em;} #modules .addressinfo div.vcard div.adr {margin-bottom:0.3em;} /* calendar module */ #modules .calendarModule div {border:none; margin:0; padding-bottom:0.2em;} #modules .calendarModule div.vevent {border:none; padding:0em 0.5em;} #modules .calendarModule div.vevent h3 {margin-left:0;} #modules .calendarModule div.vevent div.kbo {padding-top:0; margin-bottom:0.2em;} #modules .calendarModule div.vevent div.internetContact {margin-bottom:0.2em;} #modules .calendarModule div.vevent div.faxPhone {margin-bottom:0.2em;} #modules .calendarModule div.vevent div.adr {margin-bottom:0.2em;} #modules .calendarModule div a.more-link {margin-left:0.5em;} /* place */ .vplace .place {display:block; color:#666; font-weight:700;} .vplace .system {display:block; color:#666; font-weight:700; margin-bottom:0.5em;} /* newsletter */ #modules .newsletter span.image-block {display:none;} #modules.modules_nieuwsbrief .module_nieuwsbrief-Abonneren, #modules.modules_nieuwsbrief .module_nieuwsbrief-Beheren {background:#ecf4f7;} #modules.modules_nieuwsbrief h3 {margin-top:0; clear:both;} #modules.modules_nieuwsbrief form {/*margin:0.5em; margin-left:1em; padding-bottom:0.5em; border-bottom:1px solid #9ab6cb;*/} #modules.modules_nieuwsbrief #email {width:15em;} #modules.modules_nieuwsbrief #submitButton {/*float:right; margin:0.5em;*/} /* def list ................................................................. */ .defList {position:absolute; left:-999em; top:-999em;} /* euro projects ............................................................ */ .europrojoverz p { } .europrojoverz p {width:11.25em; text-align:right; position:relative;} .europrojoverz input, .europrojoverz select {position:absolute; left:100%; margin-left:1em;} .europrojoverz select.programma {width:45em;} /* ========================================================================== */ /* 08. forms */ /* ========================================================================== */ /* forms in templates ------------------------------------------------------- */ #one-col #main form.formStandard {width:52em; margin:0;} #two-col-modules #main form.formStandard {width:40em; margin:0;} #two-col-leafnode #main form.formStandard, #two-col-facet-leafnode #main form.formStandard {width:43.5em; margin:0;} #one-col #main div.formButtons{width:52em; padding:0em;} #two-col-modules #main div.formButtons{width:39em; padding:0em;} #two-col-leafnode #main div.formButtons, #two-col-facet-leafnode #main div.formButtons{width:42.5em; padding:0em;} #one-col #main div.formButtonLeft {width:40em;} #one-col #main div.formButtonRight {width:15em;} #two-col-modules #main div.formButtonLeft {width:23em;} #two-col-modules #main div.formButtonRight {width:15em;} #two-col-leafnode #main div.formButtonLeft, #two-col-facet-leafnode #main div.formButtonLeft {width:29em;} #two-col-leafnode #main div.formButtonRight, #two-col-facet-leafnode #main div.formButtonRight {width:15em;} #main form.formStandard {position:relative;} /* used for mandatory message */ /* formbox ------------------------------------------------------------------ */ #main .formStandard {color:#444455; line-height:1.3em; border:1px solid #d3e0ea; border-right:1px solid #a4b6c4; background:#ecf4f7 url("../images/css_form_bg.gif") top right repeat-y; padding:1em;} /* form header -------------------------------------------------------------- */ #main .formStandard h2 {border-bottom:1px solid #d3e0ea; background:none; margin:0em 1em 1em 0.5em; color:#738b9c; font-size:110%;} #main .formStandard .MandatoryMessage {position:absolute; right:1.25em; top:0.25em;} #main .formStandard .MandatoryMessage span.mandatory {color:#ff0000;} #main .formStandard .MandatoryMessage span.print {border-left:1px solid #000000; padding-left:25px; background-position:5px top;} #main .formStandard table td span.mandatory{color:#ff0000; font-weight:700; padding-left:0.25em;} /* form in tabs ............................................................. */ #main .tabMain .formbox {border:none; background:none; xpadding-top:1em; margin-top:-0.5em;} #main .tabMain .formbox .formheader h2 {margin:1em 0.5em;} #main .tabMain .formbox .formcontent {overflow:hidden;} #main .tabMain .formbox .formcontent .formrow .inputElement .inputCaption {width:9em;} #main .tabMain .formbox .formcontent .formrow .inputElement .inputControl {margin-left:10em;} #main .tabMain .formbox .buttongroup {border-color:#A4B6C4; margin:1em; margin-bottom:0;} /* form tables -------------------------------------------------------------- */ #main .formStandard .formtable col.column1 {width:35%;} #main .formStandard .formtable col.column2 {width:65%;} #main .formStandard .formtable {border-collapse:collapse; table-layout:fixed; border:none; background:none; vertical-align:top;} #main .formStandard .formtable .WebFormData .formtable {width:auto;} #main .formStandard .formtable td, #main form.formStandard table.formtable th {color:#849AAB; border:none; vertical-align:top;} #main .formStandard .formtable th {background:url("../images/css_form_separator.gif") 1.8em left repeat-x; font-weight:700; padding-bottom:1em;} #main .formStandard .formtable, #main .formStandard .formtable td, #main .formStandard .formtable td .Form_embedded_basic, #main .formStandard .formtable td .Form_embedded_basic td {margin:0; padding:0;} #main .formStandard .formtable th, #main .formStandard .formtable .Field_Separator td {padding:0.3em 0em;} #main .formStandard .formtable .Field_Separator td {font-weight:700; background:url("../images/css_form_separator.gif") bottom left repeat-x;} #main .formStandard .formtable .Label_standard {text-align:right; vertical-align:top;} #main .formStandard .formtable .Label_standard label {display:block; padding-right:1.2em;} #main .formStandard .formtable .Field_standard .WebFormData {padding:0.3em 0em 0.2em 0em; color:#000;} #main .formStandard .formtable .Field_standard .Label_standard {padding:0.3em; padding-left:1em; font-weight:300;} #main .formStandard .formtable .Field_standard_1 .Label_standard {padding-left:2em;} #main .formStandard .formtable .Field_standard_1 .WebFormData {padding-left:1em;} #main .formStandard .formtable .Field_standard_2 .Label_standard {padding-left:3.5em;} #main .formStandard .formtable .Field_standard_2 .WebFormData {padding-left:2.5em;} #main .formStandard .formtable .Field_standard_3 .Label_standard {padding-left:5em;} #main .formStandard .formtable .Field_standard_3 .WebFormData {padding-left:4em;} #main .formStandard .formtable .Field_standard_1 .WebFormData table .WebFormData, #main .formStandard .formtable .Field_standard_2 .WebFormData table .WebFormData, #main .formStandard .formtable .Field_standard_3 .WebFormData table .WebFormData {padding-left:0.3em;} #main .formStandard .formtable img, #main .formStandard .formtable td .form-readonly {padding:0.3em 0em; padding-left:1em; display:block;} #main .formStandard .formtable td table.Form_embedded_basic {padding:0; border:none; width:auto;} #main .formStandard .formtable .WebFormData .Form_embedded_basic {padding:0; width:auto;} #main .formStandard .formtable .Error_standard td {padding:0.3em 0em; padding-left:1em; text-align:center;} #main .formStandard .formtable .Error_standard td, #main .sportwijzer .Error_standard td, #main .prokmo table .Error_standard {font-weight:700; color:#ff0000;} #main .formStandard table.Form_embedded_basic {border:none; background:none;} #main .formStandard .formtable .remark {padding-left:11.25em; color:#999;} #main .formStandard .formtable .Field_standard .RadioGroup_standard .WebFormData {padding-right:0.25em;} #main .formStandard .formtable .Field_standard .RadioGroup_standard .WebFormData label {margin-right:1em;} #main .formStandard .formtable .Field_standard .WebFormData label {color:#849AAB;} /* form tooltips ------------------------------------------------------------ */ #main .formStandard table.formtable tr td input, #main .formStandard .formtable td select, #main .formStandard .formtable td textarea, #main .formStandard .formtable td .Form_embedded_basic, #main .formStandard .Table_field_basic {float:left;} #main .formStandard table.formtable td .tooltip {float:right; margin:0em 0.3em 0em 0em; padding:0; cursor:help;} /* form buttons ------------------------------------------------------------- */ #main .formStandard .formButtons {background: transparent url(../images/css_form_separator.gif) repeat-x top left; margin-top : 1em; padding : 1em 0em 1em 0em;} #main .formStandard .formButtonLeft {float:left;} #main .formStandard .formButtonLeft input {width:8em; margin-right:0.5em; margin-top:0.2em;} #main .formStandard .formButtonRight {float:right;} #main .formStandard .formButtonRight {text-align:right;} /* table_field -------------------------------------------------------------- */ #main .formStandard .Table_field_basic {border:none; background:none; margin:0em 0em 0em 1em; padding:0;} #main .formStandard .Table_field_basic th {border:none; background:none; padding:0;} #main .formStandard .Table_field_basic th, #main .formStandard .Table_field_basic td {padding:0.2em 0.5em 0.2em 0.1em;} /* ========================================================================== */ /* 07. basic form elements */ /* formbox .................................................................. */ #main .formbox {border:1px solid #A4B6C4; background:#ECF4F7 url("../images/form-bg.gif") right top repeat-y;} #main .formbox .formheader h2 {margin:1em; background:none; color:#000;} /* expand collapse in form */ #main .formbox .exCol {margin-left:15.5em; margin-bottom:0.75em;} #main .formbox .collapsebox {border:1px solid #A4B6C4; margin:1em; margin-left:15.5em; background:#fff;} #main .formbox .collapsebox .formrow.subAcc {margin-right:17.5em;} #main .formbox .collapsebox .formrow.subAcc .inputElement .inputWrap {background:#fff;} #main .formbox .collapsebox .formrow .inputElement .inputCaption {width:5em;} #main .formbox .collapsebox .formrow .inputElement .inputControl {margin-left:6em;} /* button group ............................................................. */ #main .formbox .buttongroup {overflow:hidden; margin-bottom:0; border-top:1px solid #fff;} #main .formbox .buttongroup .advance {float:right; margin:0.5em 1em;} #main .formbox .buttongroup .abort {float:left; margin:0.5em 1em; line-height:1.75em;} /* in content */ .content .formbox .buttongroup {margin:1em; margin-left:2em;} /* form row ................................................................. */ .formrow {margin:0.5em; clear:both;} /* sep */ .formrow.sep {margin-top:2em;} /* input element ............................................................ */ .formrow .inputElement {float:left; position:relative; margin:0;} .formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em; width:14em;} .formrow .inputElement .inputCaption .label {display:block; margin-right:1em; position:relative; color:#3A89B0; line-height:1.5em; font-weight:700;} .formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.75em; top:0.1em; color:#5AAAE5; font-size:108%;} .formrow .inputElement .inputControl {margin-left:15em;} .formrow .inputElement .inputControl .controls .control {display:inline;} /* subordinate with accolade */ .formrow.subAcc {position:relative; background:url("../images/accolade.gif") right center no-repeat; margin-top:0.5em; margin-bottom:1em; margin-right:22.5em; float:left;} .formrow.subAcc .inputElement.js {border:2px solid #93BED3; border-left:none; margin-right:3px; } .formrow.subAcc .inputElement.js .inputWrap {margin:-2px 0px; margin-right:7px; background:#fff; padding:1px 0px; padding-right:2.5em; } .formrow.subAcc .inputElement.js .inputWrap .sub {position:absolute; left:100%; padding-left:2em; top:50%; margin-top:-8px;} .formrow.subAcc .inputElement.js .inputWrap .sub select {border:1px solid #006293;} /* radiobutton list --------------------------------------------------------- */ .formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; display:block;} .formrow .inputElement.radiolist .inputControl .controls .control {margin-bottom:0.25em; display:block; padding-left:18px;} .formrow .inputElement.radiolist .inputControl .controls input {width:15px; height:15px; vertical-align:middle; margin-left:-18px;} .formrow .inputElement.radiolist .inputControl .controls .controlHint {font-style:italic; margin-right:13em;} /* subordinate */ .formrow .inputElement.radiolist .inputControl .controls .subordinate {display:inline; margin-left:1em;} .formrow .inputElement.radiolist .inputControl .controls .subordinate .textfield {width:15em; position:static; } /* error */ .formrow .inputElement.radiolist.error .inputControl .controls .controlHint {color:#CC3300;} .formrow .inputElement.radiolist.error .inputControl .controls .subordinate .textfield {border:1px solid #CC3300;} /* checkbox single ------------------------------------------------------------ */ .formrow .inputElement.singleCheck {float:none;} .formrow .inputElement.singleCheck .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left;} .formrow .inputElement.singleCheck .inputControl .controls input {position:absolute; left:0; top:0.2em; width:15px; height:15px; vertical-align:middle;} .formrow .inputElement.singleCheck .inputControl .controls .fieldHelp {margin-left:0.5em;} /* textfield ................................................................ */ .textfield {border:1px solid #000;} /* select dropdown .......................................................... */ .formrow .inputElement.dropdown select {border:1px solid #006293;} /* datepicker ............................................................... */ .formrow .inputElement.date {} .formrow .inputElement.date .inputCaption .label {line-height:2.25em;} .formrow .inputElement.date .inputControl .controls {display:inline;} .formrow .inputElement.date .inputControl .controls input {padding:0.2em; border:1px solid #B4B4B4;} .formrow .inputElement.date .inputControl .controlHint {display:inline; margin-left:0.5em; color:#666666;} /* extra */ .formrow .inputElement.date .inputControl input {margin-left:1em;} .formrow .inputElement.date.extra {margin-left:1em;} .formrow .inputElement.date.extra .inputCaption {position:absolute; top:auto; left:-9999em;} .formrow .inputElement.date.extra .inputControl {margin-left:0em; } /* summary filter form ...................................................... */ #filterSummary {margin:1em; margin-left:2em;} #filterSummary .formrow {margin:0.75em 0.5em;} #filterSummary .formrow .inputElement .inputControl {margin-left:10em;} #filterSummary .formrow .inputElement .inputCaption {width:9em;} #filterSummary .formrow .inputElement.date.extra .inputControl {margin-left:0em;} #filterSummary .box {background:#E5EFF4; border:1px solid #BFD8E4;} .content #filterSummary .formbox .buttongroup {margin:0.57em 0.5em;} #filterSummary .formbox .buttongroup .advance {float:none; margin-left:10em;} /* overview page forms ------------------------------------------------------ */ /* grid definitions --------------------------------------------------------- */ #one-col #main .formOverview .formtable .column1 {width:18em;} #one-col #main .formOverview .formtable .column2 {width:38em;} #two-col-modules #main .formOverview .formtable .column1 {width:18em;} #two-col-modules #main .formOverview .formtable .column2 {width:24em;} /* general form styling ----------------------------------------------------- */ #main .formOverview {margin:0;} #main .formOverview .formtable, #main .formOverview .formtable td, #main .formOverview .formtable td .Form_embedded_basic, #main .formOverview .formtable td .Form_embedded_basic td {margin:0; padding:0;}/*allow nested tables*/ #main .formOverview .formtable .Field_standard .WebFormData, #main .formOverview .formtable .Field_standard .Label_standard {padding:0.3em 0em;} #main .formOverview .formtable th, #main form.formOverview .formtable .Field_standard .Label_standard, #main .formOverview .formtable td .form-readonly {padding-left:2em;} #main form.formOverview .formtable .Field_standard .Label_standard {width:12em;} #main .formOverview .formtable th {padding:0.5em 0em 0em 26px;} #main .formOverview .formtable a.change, #main .formOverview .formtable img {margin-left:2em; display:block; padding-bottom:1em;} #main .formOverview .formtable {border:none; background:none; border-collapse:collapse;} #main .formOverview .formtable th, #main .formOverview .formtable td {border:none; background:none;} #main .formOverview .formtable th {font-size:105%; font-weight:700; color:#086587; text-align:left;} #main .formOverview .formtable span.tooltip {display:none;} #main .formOverview .formtable a.change {color:#999999; text-decoration:none; font-weight:700;} #main .formOverview .formtable td .Form_embedded_basic, #main .formOverview .formtable td .Form_embedded_basic td {border:none;} #main .formOverview .formtable td .form-readonly {display:block; padding-top:0.3em; padding-bottom:0.3em;} #main .formOverview .formtable .Field_standard .Form_embedded_basic {width:auto;} #main .formOverview .formtable .column1 {width:12em;} #main .formOverview .formtable .WebFormData span {background:none !important;} /* buttons ------------------------------------------------------------------ */ #main .formOverview .formButtons {padding:1em;} #main .formOverview .formButtonRight {text-align:right;} /* table_field -------------------------------------------------------------- */ #main .formOverview .Table_field_basic {border:none; background:none; margin:0em 0em 0em 2em; padding:0;} #main .formOverview .Table_field_basic th {border:none; padding:0; font-size:100%} #main .formOverview .Table_field_basic th, #main .formOverview .Table_field_basic td {padding:0.2em 0.5em 0.2em 0.1em;} /* thank you page ----------------------------------------------------------- */ #main #ThankYouPage .formtable, #main #ThankYouPage .formtable td {margin:0; padding:0;} #main #ThankYouPage .formtable td {padding:1em 10px;} #main #ThankYouPage .formtable, #main #ThankYouPage .formtable td {border:none;} /* form help ---------------------------------------------------------------- */ #one-col #formHelpItem {width:54em;} #two-col-subnav #formHelpItem {width:41.8em;} #two-col-facet #formHelpItem {width:40.8em; border-bottom:1px solid #c3cebf;} #two-col-leafnode #formHelpItem, #two-col-facet-leafnode #formHelpItem {width:48em;} #two-col-modules #formHelpItem {width:41em;} #three-col #formHelpItem {width:28em;} #one-col #formHelpItem div#formHelpContainer {width:52em;} #two-col-subnav #formHelpItem #formHelpContainer {width:39.7em;} #two-col-facet #formHelpItem #formHelpContainer {width:38.8em;} #two-col-leafnode #formHelpItem #formHelpContainer, #two-col-facet-leafnode #formHelpItem #formHelpContainer {width:46em;} #two-col-modules #formHelpItem #formHelpContainer {width:39em;} #three-col #formHelpItem #formHelpContainer {width:25.9em;} #main #formHelpItem {text-align: right;} #main #formHelpItem #formHelpContainer {padding:1em; text-align:left; border:1px solid #d3e0ea; border-bottom:none; border-right-color:#a4b6c4; background:#f4f8fa url("../images/css_helpcontainer_bg.gif") right top repeat-y; display:none;} #main #formHelpItem ul, #main #formHelpItem p {margin-bottom:0; margin-top:0; padding-top:0.5em; padding-bottom:0.5em;} #main #formHelpItem #formHelpLabel {color:#738b9c; text-decoration:none; cursor:pointer; font-weight:700; background:url("../images/css_arrow_helpcontainer.gif") left top no-repeat; padding-left:1.5em;} #main #formHelpItem.open #formHelpLabel {background:url("../images/css_arrow_helpcontainer_act.gif") left top no-repeat; border-bottom:none;} #main #formHelpItem.open #formHelpContainer {display:block;} #two-col-facet #main #formHelpItem.open {border-bottom:1px solid #d3e0ea;} /* newsletter*/ #main .nieuwsbriefBeheer {width:100%; background-image:none;} #main .nieuwsbriefBeheer span.MandatoryMessage {display:block; position:relative; text-align:right; clear:both; margin:-0.75em 0em 0.5em;} #main .nieuwsbriefBeheer td.Label_standard {width:10em;} #main .formButtonLeft {padding-left:11em; padding-top:0.5em;} #two-col-leafnode #main .nieuwsbriefBeheer, #two-col-facet-leafnode #main .nieuwsbriefBeheer {width:auto;} #main form.nieuwsbriefBeheer .emailFormField {border-bottom:1px solid #cccccc; margin-bottom:1em;} #main form.nieuwsbriefBeheer .emailFormField td {padding-bottom:1em;} /* ========================================================================== */ /* 09. tables */ /* ========================================================================== */ /* basic table -------------------------------------------------------------- */ #main table {background:#ffffff; margin-bottom:1em; border:2px solid #9ab7ce; border-collapse:collapse; width:100%;} #main table.alignleft {text-align:left;} #main table.aligncenter {text-align:center;} #main table.alignright {text-align:right;} #main table tr.deleted {color:#999999;} #main table th, #main table td{padding:0.4em;} #main table th {background:#e6f1f6; font-weight:700; border:1px solid #9ab7ce; color:#1e7494; xtext-align:left;} #main table th a.begrip {color:#1e7494;} #main table td {border:1px solid #e6edf0; vertical-align:top;} #main table tr.alternate td {background:#f5f9fa;} #main table.valignmiddle td {vertical-align:middle;} #main table p {margin:0;} #main table .date{color: #619E1C;} /* table fix */ #main table.newsitem {border:none;} #main table.newsitem td {border:none;} #main table.newsimage {border:none; width:auto;} #main table.newsitem .toplink {text-align:right;} #main table.newsitem .toplink a {text-decoration:none;} /* table complex */ /*#main table.complex {width:auto} #main table.complex th {text-align:center;}*/ /* ttable knopppen */ #main .tabel table.knoppen {border:none; margin:1em 0em;} #main .tabel table.knoppen td {border:none; padding:0;} /* custom: calendar widget -------------------------------------------------- */ #dayCalendarContainer {width:10em;} .calbordered {margin-top:1em;} .calbordered .title {color:#000; font-weight:700;} /* calendar */ .calendarWidget {width:13.3em; margin:0 auto; text-align:center; border-spacing:0; table-layout:fixed; border-collapse:separate;} .calendarWidget .calheader {margin-top:1em; padding-bottom:0.2em; background:url("../images/css_calendar_header_bg.gif") left bottom repeat-x; color:#616b74; border-bottom:1px solid #616b74;} .calendarWidget .calheader a {display:none;} .calendarWidget th.calweekdaycell, .calendarWidget td.calcell {height:1.5em; padding:1px; border:1px solid #c5c6c7; border-right:none; border-top:none;} .calendarWidget th.calweekdaycell {color:#5f6c71; font-weight:300; background:#d4dee3;} .calendarWidget td.calcell {background-color:#ffffff; color:#cccccc; color:#819198; text-decoration:none;} .calendarWidget td.calcell a {display:block; padding:0 !important;} .calendarWidget td.calcellleft {border-left:none;} .calendarWidget td.calcell.selected {border:1px solid #e06b5c; padding:0; color:#003db8; background:url("../images/css_calendar_active_bg.gif") left top no-repeat;} .calendarWidget td.calcell.today {border:1px solid #bae4b2; border-right:none; border-bottom-color:#c5c6c7; background:#eff7ed;} .calendarWidget td.calcell.oom {cursor:default; color:#999999; background-color:#eeeeee;} .calendarWidget td.calcell.specialDate a{color:#000000;} .calendarWidget td.calcell.restricted {text-decoration:line-through;} .calendarWidget td.calcell.previous {color:#cccccc;} .calendarWidget td.calcell.calcellhover {cursor:pointer; background-color:#eff7ed;} .calendarWidget td.calcell.calcellhover a {color:#cc1111;} .calendarWidget .calfoot {background-color:#eeeeee;} /* podcast table ------------------------------------------------------------ */ #main .podcast-alt {border-width:1px;} #main .podcast-alt col.column2 {width:12em;} #main .podcast-alt col.column3 {width:12em;} #main .podcast-alt tr {border-bottom:1px solid #cfdee6;} #main .podcast-alt tr.last, #main table.podcast-alt th {border-bottom:1px solid #bccdd6;} #main .podcast-alt td.right {text-align:right;} #main .podcast-alt td.download, #main table.podcast-alt th.download {text-align:center;} #main .podcast-alt tbody th {background:#ffffff; border:none;} #main .podcast-alt tbody th.video {background:url(../images/css_icon_video.gif) no-repeat 5px center;padding-left:25px} #main .podcast-alt tbody th.audio {background:url(../images/css_icon_audio.gif) no-repeat 5px center;padding-left:25px} #main .podcast-alt tbody td {background:#ffffff; border:none;} #main .podcast-alt tbody td.date {color:#000000;} /* podcast table ------------------------------------------------------------ */ #main .composite {border-width:1px;} #main .composite col.column1 {width:30%;} #main .composite col.column2 {width:15%;} #main .composite col.column3 {width:15%;} #main .composite col.column4 {width:25%;} #main .composite col.column5 {width:25%;} #main .composite thead th {padding:0;} #main .composite thead th .sort {display:block; padding:0.4em;} #main .composite thead th a {color:#086587;} #main .composite thead th a.sort { background:url("../images/datagrid-unsorted.gif") right center no-repeat; padding-right:20px;} #main .composite thead th.sortedUp a {background-image:url("../images/datagrid-sorted-up.gif");} #main .composite thead th.sortedDown a {background-image:url("../images/datagrid-sorted-down.gif");} #main .composite tbody th {background:none; border-color:#E6EDF0;} #main .composite tbody tr.alt td, #main .composite tbody tr.alt th {background:#F7FAFB;} #main .composite tbody tr span.composite {font-size:77%; color:#8C8C8C; margin-left:0.75em;} /* custom: calendar table --------------------------------------------------- */ #main table.calendar th {background:none; border:1px solid #e6edf0; } #main table.calendar tr.alternate th{background: #f5f9fa;} /* custom: calendar data table ---------------------------------------------- */ #main table.calendar_data {border:none;} #main table.calendar_data th {text-align:right; background:#ffffff; border:none; font-weight:700; vertical-align:top; padding:0em 0.5em; color:#086587;} #main table.calendar_data td {text-align:left; background:#ffffff; border:none; vertical-align:top; padding:0em 0.5em} /* custom: noformat table - for use in RTF fields --------------------------- */ #main table.noformat, #main table.noformat th, #main table.noformat td {border:none !important; background:none !important; font-weight:300 !important; color:#000000 !important} /* custom: sportwijzer table ------------------------------------------------ */ #main .sportwijzer table {margin-left:-0.3em; width:auto;} /* compensates padding so table is aligned properly */ #main .sportwijzer table col.column1{width:12em;} #main .sportwijzer table, #main .sportwijzer table th, #main .sportwijzer table td {border:none !important; background:none !important; font-weight:300; color:#000000;} /* result list */ #main .sportwijzer ul.results li {list-style-image: url("../images/css_icon_arrow_left.gif"); margin-bottom:0.5em;} /* ========================================================================== */ /* 10. icons */ /* ========================================================================== */ /* 9x9 px ------------------------------------------------------------------- */ .more-link {background:url("../images/css_icon_morelink.gif") left 5px no-repeat; padding-left:12px; display:block;} .less-link {background:url("../images/css_icon_lesslink.gif") left 5px no-repeat; padding-left:12px; display:block; clear:left;} .more-link-search {background:url("../images/css_icon_morelink.gif") right 4px no-repeat; padding-left:5px; padding-right:15px; display:inline; font-weight:700;} .less-link-search {background:url("../images/css_icon_lesslink.gif") left 4px no-repeat; padding-left:15px; padding-right:5px; display:inline; font-weight:700;} .arrow-left {background:url("../images/css_icon_arrow_left.gif") left 4px no-repeat; padding-left:15px; display:block;} .arrow-left-active {background:url("../images/css_icon_arrow_left_act.gif") left 4px no-repeat; padding-left:15px; display:block;} .arrow-left-dim {background:url("../images/css_icon_arrow_left_dim.gif") left 4px no-repeat; padding-left:15px; display:block;} .arrow-top {background:url("../images/css_icon_arrow_top.gif") left 9px no-repeat; padding-left:15px; display:block;} .arrow-bottom {background:url("../images/css_icon_arrow_bottom.gif") left 6px no-repeat; padding-left:15px; display:block;} /* 15x15 px ----------------------------------------------------------------- */ .facet-sub {background:url("../images/css_icon_facet_sub.gif") left top no-repeat; padding-left:20px; display:block;} .filter {background:url("../images/css_icon_filter.gif") left top no-repeat; padding-left:20px;} .filter-action {background:url("../images/css_icon_action_filter.gif") left top no-repeat; padding-left:20px;} .tel {background:url("../images/css_icon_tel.gif") left 1px no-repeat; padding-left:20px; line-height:1.3em;} .fax {background:url("../images/css_icon_fax.gif") left 1px no-repeat; padding-left:20px; line-height:1.3em;} .email {background:url("../images/css_icon_email.gif") left 1px no-repeat; padding-left:20px; line-height:1.3em;} .location {background:url("../images/css_icon_location.gif") left 2px no-repeat; padding-left:20px; line-height:1.3em;} .kbo {background:url("../images/css_icon_kbo.gif") left center no-repeat; padding-left:20px; line-height:1.3em; display:block; padding-top:1.2em;} #modules .location {display:block;} .detail {background:url("../images/css_icon_detail.gif") left top no-repeat; padding-left:20px;} .opening-hours {background:url("../images/css_icon_opening-hours.gif") left top no-repeat; padding-left:20px;} .url {background:url("../images/css_icon_url.gif") left top no-repeat; padding-left:20px;} .mm-pdf {background:url("../images/css_icon_mm-pdf.gif") left top no-repeat; padding-left:20px;} .mm-word {background:url("../images/css_icon_mm-word.gif") left top no-repeat; padding-left:20px;} .mm-powerpoint {background:url("../images/css_icon_mm-ppt.gif") left top no-repeat; padding-left:20px;} .mm-excel {background:url("../images/css_icon_mm-excel.gif") left top no-repeat; padding-left:20px;} .mm-music {background:url("../images/css_icon_mm-music.gif") 2px 1px no-repeat; padding-left:20px;} .mm-video {background:url("../images/css_icon_mm-video.gif") left top no-repeat; padding-left:20px;} .mm-other {background:url("../images/css_icon_mm-other.gif") left top no-repeat; padding-left:20px;} .publication {background:url("../images/css_icon_publication.gif") left top no-repeat; padding-left:20px;} .archive {background:url("../images/css_icon_archive.gif") left top no-repeat; padding-left:20px;} .archive_open {background:url("../images/css_icon_archive_open.gif") left top no-repeat; padding-left:20px;} #two-col-facet .archive_open, #two-col-facet-leafnode .archive_open {margin-top:2em; display:block;} .newsitem {background:url("../images/css_icon_newsitem.gif") left top no-repeat; padding-left:20px;} .relation {background:url("../images/css_icon_relation.gif") left top no-repeat; padding-left:20px;} .order {background:url("../images/css_icon_order.gif") left top no-repeat; padding-left:20px;} .agenda {background:url("../images/css_icon_agenda.gif") left top no-repeat; padding-left:20px;} .basket {background:url("../images/css_icon_basket.gif") left top no-repeat; padding-left:20px;} .manage {background:url("../images/css_icon_manage.gif") left top no-repeat; padding-left:20px;} .delete {background:url("../images/css_icon_delete.gif") left top no-repeat; padding-left:20px; line-height:1.4em;} .ezine {background:url("../images/css_icon_ezine.gif") left top no-repeat; padding-left:20px;} .help {background:url("../images/css_icon_help.gif") left top no-repeat; padding-left:20px;} .ticket {background:url("../images/css_icon_ticket.gif") left top no-repeat; padding-left:20px;} .undelete {background:url("../images/css_icon_undelete.gif") left top no-repeat; padding-left:20px;} .login {background:url("../images/css_icon_login.gif") left top no-repeat; padding-left:20px;} .wheelchair {font-weight:700; background:url("../images/css_icon_wheelchair2.gif") left top no-repeat; padding-left:20px; display:block; color:#996600;} .change {background:url("../images/css_icon_change.gif") left top no-repeat; padding-left:20px;} .important {background:url("../images/css_icon_important.gif") left top no-repeat; padding-left:20px;} .print {background:url("../images/css_icon_print.gif") left top no-repeat; padding-left:20px;} .map {background:url("../images/css_icon_map.gif") left top no-repeat; padding-left:20px;} .top-ranker {background:url("../images/css_icon_top-ranker.gif") left top no-repeat; padding-left:20px;} .attention {background:url("../images/css_icon_attention_green.gif") left top no-repeat; padding-left:20px; font-weight:700; color:#428b34;} .facettype {font-weight:300; color:#666666;} .cheques {background:url("../images/css_icon_cheques.gif") left top no-repeat; padding-left:20px; display:block; color:#5b788e;} .error {background:url("../images/css_icon_error.gif") left top no-repeat; padding-left:20px; display:block; font-weight:700; color:#cc0000;} .warning {background:url("../images/css_icon_warning.gif") left top no-repeat; padding-left:20px; display:block; font-weight:700; color:#cc0000;} .soldOut {font-weight:700; background:url("../images/css_icon_uitverkocht2.gif") left top no-repeat; padding-left:20px; display:block; color:#c00;} .suspended {font-weight:700; background:url("../images/css_icon_afgelast.gif") left top no-repeat; padding-left:20px; display:block; color:#c00;} .jeugdCheques {background:url("../images/css_icon_juegdcheques.gif") left top no-repeat; padding-left:20px; display:block; color:#5b788e;} .lastSeats {font-weight:700; background:url("../images/css_icon_laatstePlaatsen.gif") left top no-repeat; padding-left:20px; display:block; color:#C60;} .lastTickets {font-weight:700; background:url("../images/css_icon_laatsteTickets.gif") left top no-repeat; padding-left:20px; display:block; color:#C60;} .dateChanged {font-weight:700; background:url("../images/css_icon_dateChanged.gif") left top no-repeat; padding-left:20px; display:block; color:#0033CC;} #main h1 .cultuurKind {padding:0;} .cultuurKind img {position:relative; bottom:-3px;} #main .warningBox {border:1px solid #c90;padding:1em 1em 0.75em 3.5em;background:#FFFBE6 url("../images/icon_notification_warning.gif") no-repeat 1em 0.8em; margin : 0.2em 0em 1em 0em; color: #c90;} #main .warningBox h2.title {color:#c90;background:none;margin:0 0 0.5em;} #main .warningBox p {color:#000;margin:0 0 0.25em;} #main .warningSmall {border-bottom:1px solid #c90;padding:0.75em 1em 0.5em 3em;background:#FFFBE6 url("../images/icon_notification_warning-small.gif") no-repeat 1em 0.85em; margin : 0.2em 0em 1em 0em; color: #c90;} #main .warningSmall h2.title {color:#000;background:none;margin:0; font-size:100%; font-weight:300;} #main a.warning {color:#cc0000;} #main a.error {color:#cc0000;} #main a.cheques {color:#5b788e;} #main a.attention {color:#428b34;} /**** custom overview page: prokmo */ #two-col-subnav #main .prokmo div.searchsummary-container table{width: 40.8em;} #two-col-facet #main .prokmo div.searchsummary-container table{width: 39.8em;} #two-col-leafnode #main .prokmo div.searchsummary-container table, #two-facet-col-leafnode #main .prokmo div.searchsummary-container table{width: 47em} #main .prokmo {margin-bottom : 1em;} #main .prokmo div.searchsummary-container table {border-collapse: collapse; table-layout: fixed; } #main .prokmo div.searchsummary-container table col.column1{width: 25%;} #main .prokmo div.searchsummary-container table col.column2{width: 75%;} #main .prokmo div.searchsummary-container table col.column3{width: 30%;} #main .prokmo div.searchsummary-container table col.column4{width: 70%;} #main .prokmo div.searchsummary-container table tr.border td {border-top : 1px solid #DFE4E8; padding : 1em 0em 1em 0em;} #main .prokmo div.searchsummary-container table th th{border: none;} #main .prokmo div.searchsummary-container table tr td{border: none;} #main .prokmo div.paging {background: url(../images/css_paging_top.gif) no-repeat 0% 100%; border-bottom: 1px solid #C3CEBF; margin: 0.5em 0; } #main .prokmo h2{font-size: 105%; font-weight: bold; color: #086587; margin: 0em 0em 0.2em; background: none;} #main .prokmo ul.paging-links{margin: 0; padding: 0 0 0.3em 0} #main .prokmo ul.paging-links li{display: inline; border-right: 1px solid black; margin: 0 3px 0 0; padding: 0 1px 0 0; } #main .prokmo ul.paging-links li.last{border-right: none;} #main .prokmo span.information{color: #619E1C; font-weight: bold} #main .prokmo table.prokmo-details{width: 35em; border: none;} #main .prokmo table.prokmo-details tr th{border: none; background: none; vertical-align: top; } #main .prokmo table.prokmo-details tr td{border: none;} #main .prokmo table.prokmo-details col.column1{width: 25%} #main .prokmo table.prokmo-details col.column2{width: 25%} #main .prokmo table.prokmo-details col.column3{width: 25%} #main .prokmo table.prokmo-details col.column4{width: 25%} #main ul.search_results_prokmo li{list-style-image: url(../images/css_icon_arrow_left.gif); margin-bottom: 0.5em} /**** custom ticket page */ #ticketBox {width:60em; height:50em; margin:1em 0em 1em; 0em; padding:0em 0em 1em; 0em; border:0px solid #B0C3D3;} #ticketBox #ticketFrame {width:100%; height:100%; background:#FFFFFF; border:none;} .yui-panel .hd {background-color:#086587;} /* momu logo delete ......................................................... */ #modelogo {display:none;} /* fomu delete .............................................................. */ #fotologo {display:none;} #flashbanner-container {display:none;} /* ========================================================================== */ /* 11. innovant */ /* ========================================================================== */ /* heading */ #main h1.banner {margin-bottom: 1em; background-repeat: no-repeat;} #main h1.banner .title{display: block; padding: 2.25em 0 0.5em 0.75em; } /* select categories */ #main .facetAltContainer ul li.level1 ul.nonHierarchical li {padding:0 0.75em; background:url("../images/css_separator.gif") right 0em no-repeat; } #main .facetAltContainer ul li.level1 ul.nonHierarchical li.first {padding-left:0;} #main .facetAltContainer ul li.level1 ul.nonHierarchical li.last {background-image:none; padding-right:0;} /* InovantEnrtyModule */ #main .inovantEntryModule {border:3px solid #afc4d6;background:#f8fafb;overflow:hidden;margin-bottom:1em; } #main .inovantEntryModule .InovantOpleidingenZoeker {background:#ecf3f7;padding:0.5em 0.5em 0 0.5em;border-bottom:1px solid #afc4d6;} #main .inovantEntryModule .formrow .inputElement {margin-right:1em;} #main .inovantEntryModule .InovantOpleidingenZoeker .formrow .inputElement .inputControl {margin-left:0;} #main .inovantEntryModule ul {clear:none;margin:0;} #main .inovantEntryModule ul li {list-style:none;zoom:1;} #main .inovantEntryModule .navSecond {margin:0.5em;overflow:hidden;} #main .inovantEntryModule .navSecond li {background:url("../images/css_separator.gif") no-repeat right center;float:left;margin-right:1em;padding-right:1em;list-style:none;} #main .inovantEntryModule .navSecond li.last {background:none;} #main .inovantEntryModule .navSecond li a {background:none;padding-left:0;} #main .inovantEntryModule .col-1 {float:left; width:45%;} #main .inovantEntryModule .col-2 {float:right; width:45%;} #main .inovantEntryModule .inovantCategoryList {overflow:hidden;border-bottom:1px solid #afc4d6;padding:0.75em} #main .inovantEntryModule .inovantOpleidingsTrajectenList {overflow:hidden;border-bottom:1px solid #afc4d6;padding:0.75em} #main .inovantEntryModule li a {background:transparent url(../images/css_nav_arrow.gif) no-repeat left 0.35em;padding-left:1em;display:block;margin-bottom:0.5em;} #main .inovantEntryModule .inovantOpleidingsTrajectenList h3 {color:#000;margin-bottom:0.5em;} /* search form */ #main .formStandard.search .formtable .Field_standard {background:url("../images/css_form_separator.gif") bottom left repeat-x;} #main .formStandard.search .formtable .Label_standard {padding: 0.25em 1em 1em 0; color: #849AAB; font-size: 101%;} #main .formStandard.search .formtable .RadioGroup_standard input {margin-right: 0.5em;} #main .formStandard.search .formtable select {margin-right: 0.5em;} #main .formStandard.search .formButtonLeft {margin-left: 5em;} /* filter year form */ .filter_year .formrow .label {display: block; width: 100%; margin-bottom: 0.25em;} .filter_year .submit {float: right; margin-right: 1em;}