/** * @site Grip MultiMedia * @media screen * @revision $Revision: 1.2 $ */ /** * 'baseline' style sheet: resets browser styles * Don't forget to set a foreground and background color on the 'html' or 'body' element! */ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: inherit; font-family: Verdana; text-align: left; vertical-align: baseline; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } a:focus, a:hover, a:active { outline: none; } /** * Default style for content */ /* links */ #content a { } #content a:visited { } #content a:hover { } /* headers */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-bottom: 1em; } #content h1 { font-size: 1.8em; } #content h2 { font-size: 1.4em; } #content h3 { font-size: 1.2em; } #content h4 { font-size: 1.1em; } /* this is needed for positioning elements inside the header */ #content h1 { position: relative; text-indent: -9000px; } /* paragraphs */ #content p { margin-bottom: 1em; } /* forms and input */ #content input, #content select, #content textarea { padding: .2em 0; font: 1em Verdana, "Helvetica Neue", Helvetica, sans-serif; } #content input:focus, #content textarea:focus { } #content input[disabled], #content select[disabled], #content textarea[disabled] { cursor: default; background-color: #e8e8e8; } #content fieldset { border: 1px solid #1924a6; padding: 0 1em 1em 1em; } #content fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #1924a6; } #content label { cursor: pointer; } #content label:hover { color: #1924a6; } /* minimum height for iframes */ #content iframe { min-height: 35em; } /* paragraph with a "read more" link */ #container .read-more { } #container .read-more a { display: inline-block; min-width: 130px; padding: 0; color: white; font-size: .95em; letter-spacing: 1px; text-transform: uppercase; background-repeat: no-repeat; background-position: left center; } #container .read-more a:hover { border: 0; padding: 0; } #container .read-more a span { display: block; margin-left: 10px; padding: .4em 1em .4em 0; background-repeat: no-repeat; background-position: right center; } #container a.feed { position: absolute; top: 0; right: 0; border: 0; padding: 0; } #container a.permalink { clear: both; padding-left: 20px; background: url(/assets/grip/images/default/i_permalink.gif) left center no-repeat; } #container .date { margin: 0; color: #b0cf1a; } /* button: transforms a normal button to a styled button */ #content input[type='submit'] { } /** * Page layout */ html { height: 100%; font:0.7em/1.6 Arial,Helvetica,sans-serif; } body { height: 100%; color: #444445; background: #73880a url(/assets/wjmw/images/default/bg_total.gif) left top repeat-x; } #body { min-height: 100%; } #container { position: relative; margin: 0 auto; padding-top: 105px; padding-bottom: 5em; width: 998px; } #contentpane { float: right; padding-top: 40px; width: 793px; background: url(/assets/wjmw/images/default/bg_content.gif) repeat-x left top; } #content { float: left; margin-left: 20px; width: 437px; background: url(/assets/wjmw/images/default/footer_content.png) no-repeat left bottom; } #content-inner { position: relative; z-index: 1; margin-bottom: 42px; padding: 0 10px; min-height: 585px; background-color: white; } #content-inner ol { list-style: decimal inside none; } #content-inner ul { list-style: disc outside none; padding-left: 15px; } #aside { float: right; width: 329px; text-align: right; } #contentpane_tape {position: absolute; float: left; margin: 535px 0 0 -20px; background-image: url(/assets/wjmw/images/default/bandage_double.png); height:49px; width:40px; background-repeat: no-repeat; } #contentbody { position: relative; } #call-to-action { position: absolute; right: 0; bottom: 0; margin-bottom: -1em; width: 250px; height: 320px; background-repeat: no-repeat; background-position: left bottom; } #call-to-action a { position: absolute; top: 0; right: 0; width: 138px; height: 128px; } #call-to-action a span { visibility: hidden; } #pagebody ol { list-style: decimal inside none; } #pagebody ul { list-style: disc outside none; padding-left: 15px; } #body.subsite #contentpane { float: none; width: auto; background: none; } #body.subsite h1 { font-size: 1em; } #body.subsite #breadcrumbs, #body.subsite #currentpage { display: none; } #body.subsite #mainnav { background: none; } #body.subsite #navnews { float:right; height:auto; position:absolute; top:270px; width:283px; z-index: 3; } #body.subsite #navnews_content { background-image: url("/assets/wjmw/images/default/papier_homepage.png"); height: 239px; padding: 25px 20px 0 40px; } #body.subsite #navnews_content ul { list-style: disc outside none; margin-top: 10px; padding-left: 15px; } #body.subsite #navnews_content li { color: grey; } #body.subsite #navnews_content li:hover { color: #b0cf1a; } #body.subsite #navnews_content #navnews_button { position: absolute; bottom: 75px; right: 15px; background-image: url("/assets/wjmw/images/default/button_grijs.png"); width: 125px; height: 25px; padding-left: 26px; padding-top: 10px;} #body.subsite #navnews_content span { visibility: hidden; } #body.subsite #navnews_content #navnews_button a { display:block; padding:0; text-decoration:none; } #body.subsite #content {position: relative; top: 60px; background:none; float:left; margin-left:20px; width:437px; } #body.subsite #content-inner { background: none; } #body.subsite #contentpane #contentpane_tape { display: none; } #body.subsite #contentbody { position: relative; left: 220px; } #body.subsite #subsiteblock_top { width: 400px; height: 11px; background-image: url(/assets/wjmw/images/default/start_page_bg_top.png); } #body.subsite #subsiteblock_bottom { width: 340px; min-height: 230px; padding: 20px 20px 10px 40px; margin-bottom: 70px; background-image: url(/assets/wjmw/images/default/start_page_bg_bottom.png); background-position:bottom; } #body.subsite #subsiteblock_tape1 { position: absolute; top: -30px; left: -20px; width: 53px; height: 49px; background-image: url(/assets/wjmw/images/default/bandage_vertical_other.png); } #body.subsite #subsiteblock_tape2 { position: absolute; top: -20px; left: 365px; width: 43px; height: 55px; background-image: url(/assets/wjmw/images/default/bandage_vertical.png); } #body.subsite #subsiteblock_tape3 { position: absolute; bottom: -7px; left: 160px; width: 82px; height: 30px; background-image: url(/assets/wjmw/images/default/bandage_horizontal.png); } #body.subsite #content-inner { min-height: 330px; } #body.subsite #container {margin:0 auto; padding-bottom:5em; padding-top:205px; position:relative; width:998px;} #body.subsite #mainnav {float:left; height:55px; left:10px; padding-right:50px; position:absolute; top:230px;} #body.subsite #aside {position: relative; top: 40px; float:right; text-align:right; width:329px;} #body.subsite #supplementary-content .contents {background: url("/assets/wjmw/images/default/bg_footer2.png") no-repeat scroll left top transparent; } #contextnav { float: left; margin-top: 200px; margin-bottom: 4em; width: 195px; } #contextnav h2 { width: 190px; font-size: 1.3em; background-position: left top; background-repeat: no-repeat; } #contextnav h2 a { display: inline-block; padding: .2em .5em; color: white; text-decoration: none; } #contextnav ul { margin-top: .4em; } #contextnav ul li { border-bottom: 1px solid white; padding-right: 5px; } #contextnav ul li.selected { background-repeat: no-repeat; background-position: right 7px; } #contextnav ul li.selected li a { background-color: transparent; } #contextnav ul li a { display: block; padding: .3em .5em; color: #444445; text-decoration: none; background-color: #ededed; } #contextnav ul li.selected a, #contextnav ul li:hover a { color: white; background-color: #1924a6; } #contextnav ul li ul { margin-top: 0; } #contextnav ul li ul li { border-bottom: 1px solid #ededed; padding-left: 25px; background-color: white; } #contextnav ul li ul li:hover { background: url(/images/cached/grip/default/bullets/19a2da_right_5_8.png) 20px 9px no-repeat; } #contextnav ul li.selected ul li a { color: #444445; } #contextnav ul li.selected ul li a:hover { color: #1924a6; text-decoration: underline; } #breadcrumbs { position: absolute; top: 110px; left: 212px; right: 0; height: 20px; z-index: 2; } #breadcrumbs h2 { display: none; } #breadcrumbs ul { margin: 0 auto; padding-left: 20px; width: 766px; } #breadcrumbs ul li { display: inline; font-size: .9em; color: #a0a0a0; } #breadcrumbs ul li:after { content: ' > '; } #breadcrumbs ul li:last-child:after { content: ''; } #breadcrumbs li a { font-weight: bold; color: #666; text-decoration: none; } #breadcrumbs li a:hover { text-decoration: underline; } #header { position: absolute; top: 0; left: 0; right: 0; min-height: 200px; background: none; } #header-contents { position: relative; margin: 0 auto; width: 998px; background: url(/assets/wjmw/images/default/bg_header.png) left 25px no-repeat; } #logo { display: inline-block; margin-top: -1em; } #mainnav { float: left; position: absolute; top: 76px; left: 200px; height: 55px; width:840px; /* width = middle section + tape size */} #mainnav #navtape { float:left; height: 54px; width: 40px; background: url(/assets/wjmw/images/default/bandage_vertical.png) no-repeat right top; } #mainnav h2 { display: none; } #mainnav ul { margin-left: 1em; float: left; } #mainnav li { position: relative; float: left; margin-right: 1px; padding-left: 1.5em; background: url(/assets/wjmw/images/default/button_left.png) no-repeat left top; } #mainnav li div { display: inline-block; padding-right: 1.5em; background: url(/assets/wjmw/images/default/button_right.png) no-repeat right top; } #mainnav li div a { display: block; padding: 0; text-decoration: none; background-repeat: no-repeat; } #mainnav li div a span { visibility: hidden; } #mainnav li:hover { background-image: url(/assets/wjmw/images/default/button_mo_left.png); } #mainnav li:hover div { background-image: url(/assets/wjmw/images/default/button_mo_right.png); } #mainnav li.selected { background-image: url(/assets/wjmw/images/default/button_mo_left.png); } #mainnav li.selected div { background-image: url(/assets/wjmw/images/default/button_mo_right.png); } #globalnav { position: absolute; top: 20px; right: -1px; } #globalnav h2 { display: none; } #globalnav ul { float: right; } #globalnav ul li { float: left; margin-left: 1em; padding: .3em; color: black; } #globalnav ul li a { color:black; margin-right: 1.5em; font-weight: bold; text-transform: uppercase; text-decoration: none; } #globalnav ul li:last-child a { margin-right: 0; } #globalnav ul li a:hover { text-decoration: underline; } #globalnav ul li a span { visibility: hidden; } .addthis_button { background: url("http://s7.addthis.com/static/t00/logo1414.gif") no-repeat scroll right center transparent; padding-right: 26px; } #navsub { float: right; position: absolute; top: 140px; height: auto; width: 212px; left:10px;} #navsub_bandage { float: left; margin: -5px 0 0 65px; background-image: url(/assets/wjmw/images/default/bandage_horizontal.png); height:30px; width:82px;} #navsub_top { position:relative; background-image: url(/assets/wjmw/images/default/bg_menu_top.png); height:39px; } #navsub_content { background-image: url(/assets/wjmw/images/default/bg_menu_mid.png); background-repeat:repeat-y; overflow: hidden; min-height: 116px; } #navsub_content ul { padding-left:4em; list-style: disc inside none; } #navsub_content ul ul { margin: 0 0 5px 1em; list-style: disc inside none; } #navsub_content li { list-style:disc outside none; margin-right: 1px; margin-bottom:15px;} #navsub_content li a { display: block; padding: 0; text-decoration: none; background-repeat: no-repeat; } #navsub_content li a span { visibility: hidden; } #navsub_content li:hover { } #navsub_content li:hover div { } #navsub_bottom { background-image: url(/assets/wjmw/images/default/bg_menu_bottom.png); height:76px; } #currentpage { float: left; margin: -70px 0 0 30px; background-image: url(/assets/wjmw/images/default/geeltje.png); height:170px; width:164px; background-repeat: no-repeat; } #currentpage_title {position: absolute; float:left; margin: 50px 0 0 45px; } #quicksearch { float: left; } #quicksearch div { position: relative; } #quicksearch h3 { float:left; margin-top:6px; margin-right: 1em; } #quicksearch label { visibility: hidden; } #quicksearch input { width: 201px; height: 17px; border: 0; padding: 5px 7px !important; background: url(/assets/wjmw/images/default/bg_search.png) left center no-repeat; } #quicksearch input.submit { width: auto; } /* media rotator */ #media-rotator {z-index: 1; position: relative; width: 330px; margin-right: 1em; padding: .2em 0 .7em 0; background: url(/assets/wjmw/images/default/sprite.png) 14px -143px no-repeat; } #media-rotator ul { float: left; padding-left: 15px; overflow: hidden; } #media-rotator ul li { opacity: .9; float: left; margin-left: 2px; min-width: 90px; max-width: 90px; height: 24px; padding-left: 2px; background-image: url(/assets/wjmw/images/default/media_rotator_tabs.png); background-repeat: no-repeat; } #media-rotator ul li a { display: block; height: 100%; padding-right: 1em; text-align: center; text-decoration: none; background-image: url(/assets/wjmw/images/default/media_rotator_tabs.png); background-repeat: no-repeat; } #media-rotator ul li a span { display: inline-block; margin-top: 5px; background-repeat: no-repeat; } #media-rotator ul li a span span { visibility: hidden; } #media-rotator ul li#media-section-1 { background-position: left 0; } #media-rotator ul li#media-section-2 { background-position: left -116px; } #media-rotator ul li#media-section-3 { background-position: 0 -174px; } #media-rotator ul li#media-section-1 a { background-position: right -29px; } #media-rotator ul li#media-section-2 a { background-position: right -145px; } #media-rotator ul li#media-section-3 a { background-position: right -203px; } #media-rotator ul li.selected, #media-rotator ul li:hover { opacity: 1; } #media-rotator ul li.selected { background-position: left -58px !important; } #media-rotator ul li.selected a { background-position: right -87px !important; } #media-rotator #media { clear: both; width: 319px; height: 279px; background: url(/assets/wjmw/images/default/bg_media_rotator_grain.gif) left top repeat white; } #media-rotator #media .media { display: none; width: 302px; height: 172px; margin: 0 auto; padding-top: 1em; } #media-rotator #media .media.selected { display: block; } #media-rotator .pushpin-left { position: absolute; top: .5em; left: -.5em; width: 40px; height: 37px; background: url(/assets/wjmw/images/default/punaise_blauw.png) 0 0 no-repeat; } #media-rotator .pushpin-right { position: absolute; top: 1em; left: 282px; width: 54px; height: 39px; background: url(/assets/wjmw/images/default/punaise_rood.png) 0 0 no-repeat; } #media-rotator .medialogo { position: absolute; top: 255px; left: 250px; width: 60px; height: 60px; background: url(/assets/wjmw/images/default/lieveheersbeestje.png) 0 0 no-repeat; } #media-rotator .media2 { padding-top: 24px; } /* supplementary content */ #supplementary-content { clear: both; position: relative; top: -40px; width: 100%; } #supplementary-content .contents { margin: 0 auto; padding-top: 1em; width: 1002px; min-height: 87px; background: transparent url(/assets/wjmw/images/default/bg_footer.png) no-repeat left top; } /* supplementary navigation */ #nav-supp { margin: 0 auto; width: 998px; color: white; overflow: hidden; } #nav-supp .col { float: left; width: 210px; margin-right: 2em; } #nav-supp .col h2 { display: inline-block; margin-bottom: 1em; background: url(/assets/wjmw/images/default/sprite.png) 0 -93px no-repeat; } #nav-supp .col h2 a { display: block; margin-left: 10px; padding: .2em .5em .3em .1em; font-size: 1.2em; font-weight: bold; color: black; text-decoration: none; background: url(/assets/wjmw/images/default/sprite.png) right -93px no-repeat; } #nav-supp .col h2 a:hover { text-decoration: underline; } #nav-supp .col ul { margin-left: 1em; } #nav-supp .col ul li { margin-bottom: .6em; line-height: 1.3; } #nav-supp .col ul li a { color: inherit; text-decoration: none; } #nav-supp .col ul li a:hover { text-decoration: underline; } #nav-supp #nav-supp-col3 { margin-right: 0; } #nav-supp #nav-supp-col4 { float: right; width: 30%; margin-right: 0; margin-top: .5em; } #nav-supp #nav-supp-col4 h2 { margin-bottom: 0; font-size: 1.2em; font-weight: bold; color: #323131; background-image: none; } #nav-supp #subscribe { border: 2px dashed #acc80c; border-width: 2px 0; padding: .5em 0; } #nav-supp #subscribe .element { clear: both; margin-bottom: .5em; padding-right: .6em; overflow: hidden; } #nav-supp #subscribe .label { float: left; width: 36%; } #nav-supp #subscribe .label label { font-weight: bold; } #nav-supp #subscribe .input { float: right; width: 57%; } #nav-supp #subscribe .input input { width: 98%; } #nav-supp #subscribe .input select { width: 100%; } #nav-supp #subscribe .element.submit { padding-right: 0; text-align: right; } #nav-supp #subscribe .element.submit input { border: 1px solid #1924a6; color: white; background-color: #1924a6; } #nav-supp #subscribe .notice { display: none; } #nav-supp .read-more a { color: #1924a6; text-decoration: none; } #footer { margin: 1.2em auto 0 auto; width: 1002px; position: relative; } #copyright { position: absolute; overflow: hidden; margin-left: 4em; margin-top: 1.7em;} #footnav { margin: 0 1em; height: 4em; overflow: hidden; background-repeat: no-repeat; background-position: left top; float: right;} #footnav h2 { display: none; } #footnav ul { float: right; margin-top: 1.7em; margin-right: 100px; } #footnav ul li { float: left; margin-left: 1em; } #footnav ul li a { margin-right: .7em; text-decoration: none; color: black; } #footnav ul li a:hover { text-decoration: underline; color: black; } #footnav ul li a:visited { color: black; } /** * 404 */ .page404 { background-color:#fff; } .page404 .container { position:relative; background-image: url(/assets/wjmw/images/default/bg_404.png); width:678px; height:462px; margin: 0px auto;} .page404 .container .content { padding: 30px 50px;} .page404 .container .content #logo { float: left; } .page404 .container .content h1 { font-size: 1.2em;} .page404 .container .content h2 { font-size: 1.2em; font-weight: bold; } .page404 .container .content .content-sub { padding-left: 55px; } .page404 .container .content .content-sub li { list-style: disc inside url(/assets/wjmw/images/default/pijltje_rondje.gif); } .page404 .container .content .content-sub li a { color: inherit; text-decoration:none; } .page404 .container .content .content-sub li a:hover { text-decoration:underline; } .page404 .container #container-tape { position:absolute; bottom: 0; left:300px; background-image: url(/assets/wjmw/images/default/bandage_horizontal.png); height:30px; width:82px;} /** * Content types */ #pagetitle { background-repeat: no-repeat; } #pagetitle span { visibility: hidden; } .notepad { position: relative; max-width: 419px; margin-left: 1em; padding-bottom: 60px; } .notepad .inner { padding: 1em; padding-left: 3em; background: url(/assets/wjmw/images/default/bg_notepad.png) left top repeat-y; } .notepad .bottom { position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: url(/assets/wjmw/images/default/bg_notepad_bottom.png) left bottom no-repeat; } .patch-left { position: absolute; left: -1.5em; top: -1.5em; width: 45px; height: 45px; background: url(/assets/wjmw/images/default/sprite.png) -135px 0 no-repeat; } .patch-right { position: absolute; right: -2em; top: -1.5em; width: 45px; height: 45px; background: url(/assets/wjmw/images/default/sprite.png) -184px 0 no-repeat; } .inline-sections { position: relative; padding: 1.2em 1em 0 1.2em; background: url(/assets/wjmw/images/default/bg_section.png) left top repeat-y; } .inline-section { position: relative; margin-top: .7em; padding: 10px; min-height: 110px; background-color: white; } #content .inline-section h2 { margin-bottom: .4em; } .inline-section h2 span { visibility: hidden; } .inline-section h2 a { display: block; height: 100%; text-decoration: none; } .inline-section .imgbox { position: absolute; top: 0; right: 0; height: 130px; overflow: hidden; } .inline-section-bottom { height: 1.5em; background: url(/assets/wjmw/images/default/bg_section.png) left bottom no-repeat; } .aside-sections { position: relative; margin-top: 3em; margin-left: 1em; } .aside-section { margin-bottom: 2em; padding: 1em; background-color: white; } .aside-section h2 { position: relative; margin-bottom: 1em; padding-top: .5em; padding-right: 2em; background-repeat: no-repeat; background-position: left center; } .aside-section h2 span { visibility: hidden; } .aside-section h2 a { display: block; height: 100%; text-decoration: none; } .aside-section ul { } .aside-section ul li { margin-bottom: .4em; padding-left: 20px; background: url(/assets/wjmw/images/default/sprite.png) 0 -42px no-repeat; } .aside-section ul li a { color: inherit; text-decoration: none; } .aside-section ul li a:hover { color: #f73400; text-decoration: underline; } #resultsinfo { color:#fff; margin-top: -35px; } #resultsinfo h2 { display: none; } #resultsinfo p { margin-left: 1.2em; } #searchcontent { width: 415px; height: 56px; border: 0; padding: 7px; background: url(/assets/wjmw/images/default/bg_zoekresultaten.gif) no-repeat; } #searchcontent input { width: 261px; height: 16px; border: 0; padding: 5px 20px 5px 7px; background: url(/assets/wjmw/images/default/search_looking_glass.png) left center no-repeat; } #searchcontent label { display: inline-block; margin: 0 5px; } #searchresults { clear: both; margin: 1.5em 0 0 0; } #searchresults dt { margin: 2em 0 0 1.4em; font-weight: bold; } #searchresults dt a { color: black; text-decoration:none; } #searchresults dd { margin: 0 0 0 1.4em; } #searchresults dd a { } #searchresults dd small { padding-left: 1em; background-position: left 3px; background-repeat: no-repeat; background-image: url(/assets/wjmw/images/default/pijltje_rondje.gif);} #searchresults .highlight { font-weight: bold; } /* sitemap */ #content .sitemap { padding-left: 0; } #content .sitemap ul { padding-left: 0; } #content .sitemap li { padding-left: 0; background: none; font-size: 1.4em; list-style: disc inside url(/assets/wjmw/images/default/pijltje_rondje.gif); } #content .sitemap li a { color: inherit; text-decoration:none; } #content .sitemap li a:hover { text-decoration:underline; } #content .sitemap li ul li { font-size: 1em; padding: 0.4em 0;} #content .sitemap li ul li:hover { background-color: #e8e8e8; } #content .sitemap li ul li ul { padding-left: 40px; } #content .sitemap li ul li ul li { list-style: none outside none; color:#a3a3a3; } /* default and rich menu */ #content .menu-default { margin-left: 0; clear: both; background-color: #e8e8e8; padding: 8px 0; border: 1px; border-top-style:dashed; border-bottom-style:dashed; } #content .menu-default li { padding-left: 3px; list-style: disc inside url(/assets/wjmw/images/default/pijltje_rondje.gif); background: none; } #content .menu-rich { padding-left: 0; } #content .menu-rich .row { clear: both; } #content .menu-rich .item { float: left; position: relative; width: 176px; height: 148px; padding-top: 14px; padding-left: 17px; margin: 5px; background-image: url(/assets/wjmw/images/default/menu_visual.png); background-repeat: no-repeat;} #content .menu-rich li { list-style: disc outside url(/assets/wjmw/images/default/pijltje_rondje.gif); margin-left: 15px; font-weight: bold; text-decoration:none !important; background: none; } #content .menu-rich li .item a { text-decoration:none; } #content .menu-rich li .item a:hover { text-decoration:none; } #content .menu-rich li .item a:visited { text-decoration:none; } #content .menu-rich .item #tape1 { position: absolute; float: left; left:70px; top:-12px; background-image: url(/assets/wjmw/images/default/tape1.png); height:38px; width:57px; } #content .menu-rich .item #tape2 { position: absolute; float: left; left:70px; top:-12px; background-image: url(/assets/wjmw/images/default/tape2.png); height:38px; width:57px; } #content .menu-rich .item #tape3 { position: absolute; float: left; left:-20px; top:-15px; background-image: url(/assets/wjmw/images/default/tape3.png); height:38px; width:57px; } #content .menu-rich .item #tape4 { position: absolute; float: left; left:140px; top:-15px; background-image: url(/assets/wjmw/images/default/tape4.png); height:38px; width:57px; } /* default and rich list */ #content .list-default { } #content .list-default li { margin-bottom: 2em; } #content .list-default li h2 { margin-bottom: .2em; } #content .list-default li h2 a { color: #444445; } #content .list-default li h2 a:hover { color: #1924a6; } #content .list-default li .more { } #content .list-default li .more a { padding: 0 15px 0 0; background: url(/images/cached/grip/default/bullets/19a2da_right_5_8.png) right 4px no-repeat; } #content .list-default li .more a:hover { padding-bottom: 0; border-bottom: 0; text-decoration: underline; } #content .list-rich { list-style:none inside none; } #content .list-rich li { position: relative; min-height: 100px; margin-bottom: 1em; padding: .3em; background: none; } #content .list-rich li h2 { margin-bottom: 5px; } #content .list-rich li h2 a {color:#000; text-decoration:none; background-repeat: no-repeat; display: block; } #content .list-rich li .imgbox { float: right; padding-top: 11px; padding-left: 13px; background-image: url(/assets/wjmw/images/default/lijst_visual_kader.png); width: 144px; height: 121px; background-repeat: no-repeat;} #content .list-rich li .imgbox a { display: block; } #content .list-rich li .imgbox a, #content .list-rich li .imgbox a:hover { padding-bottom: 0; border-bottom: 0; } #content .list-rich li .more { } #content .list-rich li .more a { font-weight:bold; padding: 0 0 0 15px; background: url(/assets/wjmw/images/default/pijltje_rondje.gif) left 4px no-repeat; } #content .list-rich li .more a:hover { padding-bottom: 0; border-bottom: 0; text-decoration: underline; } #content .list-rich .listdescription { min-height: 121px; } /* form */ .form .element { clear: both; } .form .element .label { float: left; width: 30%; font-weight: bold; } .form .element label { margin: 3px 0; } .form .element .printinput, .form .element .group { float: right; width: 70%; margin: 3px 0;} .basicform { } .basicform .element { clear: both; margin-bottom: 1em; overflow: hidden; } .basicform .element .label { float: left; width: 140px; font-weight: bold; } .basicform .element .input, .basicform .element .group { float: right; width: 265px; } .basicform .element .input input { width: 245px; height: 17px; border: 0; padding: 5px 10px !important; color: #444445; background: url(/assets/wjmw/images/default/bg_form_kl.gif) left center no-repeat; } .basicform .element .input textarea { width: 245px; height: 102px; border: 0; padding: 5px 10px !important; color: #444445; background: url(/assets/wjmw/images/default/bg_form_gr.gif) left center no-repeat; } .basicform .element .input input {} .basicform .element .input select { width: 100%; color: #444445; } .basicform .textarea .input { padding-top: 3px; background: url(/assets/wjmw/images/default/bg_form_gr.gif) left top no-repeat; } #content .basicform .textarea .input textarea { display: block; margin: 0; padding: 0; background: url(/assets/wjmw/images/default/button_form.png) left bottom no-repeat; } .basicform .element .input.datecal { position: relative; } .basicform .element .input.datecal img { position: absolute; top: 2px; right: 2px; } .basicform .element .input .radio, .basicform .element .input .checkbox { width: auto; background: none; } .basicform .element .group { } .basicform .element .group .radio, .basicform .element .group .checkbox { float: left; } .basicform .element .group label { display: block; margin-left: 2em; } .basicform .element.submit { text-align: right; } /* submit div */ .basicform .element .submit { background: url(/assets/wjmw/images/default/button_form.png); width:114px; height:32px; padding: 0 0 4px 4px !important; border: none; font-weight: bold; color: #ffffff; } /* submit button */ #content .basicform .notice { background-color: #fff; color: #a3a3a3; border: 1px solid #fff; padding: 0; } .errors { margin-bottom: 2em; padding: .5em 1em; list-style-type: disc; list-style-position: inside; font-style: italic; color: red; background-color: #ededed; } .header { margin: 1em 0; font-size: 1.3em; } .required-note { text-align: right; } /* mediaplayer */ .mediaplayer { padding-top: 1em; padding-bottom: 2em; background-position: left top; background-repeat: no-repeat; } .mediaplayer object { margin: 0 auto; display: block; } /* factsheet */ #visuals { margin-top: 2em; height: 120px; background-color: #fff; } #visuals a { margin-right: 1em; } #visuals #visualcontainer { position: relative; float: left; padding-top: 8px; padding-left: 9px; background-image: url(/assets/wjmw/images/default/pop_foto.png); width: 95px; height: 91px; background-repeat: no-repeat;} #visuals #visualcontainer #visualoverlay { position: absolute; left: 14px; top:70px; background-image: url(/assets/wjmw/images/default/pop_foto_plus.png); width: 11px; height: 11px; background-repeat: no-repeat;} /** * Common objects */ .expertise { padding-left: 30px; background-repeat: no-repeat; background-position: left 2px; } #content .expertise { margin-top: 2em; } #content .expertise h2 { margin-bottom: 0; color: #1924a6; } /* chapters in documents */ #chapters { clear: both; } #chapters .chapterlinks {padding-left: 0; list-style: none inside none;} #chapters .chapterlinks li { padding-left: 20px; background: url(/assets/wjmw/images/default/pijltje_rondje.gif) 5px 7px no-repeat; } #chapters .contenttext { margin-top: 2em; } #chapters .chapters { margin-left: 0; clear: both; background-color: #e8e8e8; padding: 8px 0; border: 1px; border-top-style:dashed; border-bottom-style:dashed; list-style: none inside none;} #chapters .chapters li { padding-left: 20px; background: url(/assets/wjmw/images/default/pijltje_rondje.gif) 5px 7px no-repeat; } #chapters h2 { display: inline; } #chapters .imgbox { } /* linkbox */ #contentpane .linkbox { position: relative; float:left; margin: -15px 0 0 -15px; width:351px; z-index: 1;} #contentpane .linkbox h2 { margin: 10px 0 10px 50px; } #contentpane .linkbox #linkbox_top { background-image: url(/assets/wjmw/images/default/bg_kader_top.png); height:31px; } #contentpane .linkbox #linkbox_content { background-image: url(/assets/wjmw/images/default/bg_kader_mid.png); background-repeat:repeat-y; overflow: hidden; min-height: 158px; } #contentpane .linkbox #linkbox_content ul { margin-left: 2em; list-style: disc inside none; } #contentpane .linkbox #linkbox_content li { color: grey; padding-left: 2em; } #contentpane .linkbox #linkbox_content li:hover { color: #b0cf1a; padding-left: 2em; } #contentpane .linkbox #linkbox_bottom { background-image: url(/assets/wjmw/images/default/bg_kader_bottom.png); height:40px; } #aside .linkbox { margin: .5em 0 1em 0; } #aside .linkbox li { margin-top: 2px; padding: 0; background: none #ededed; } #aside .linkbox li a, #content #chapters .linkbox li a { display: block; padding: .4em 1em; color: #444445; text-decoration: none; } #aside .linkbox li a:hover, #content #chapters .linkbox li a:hover { border: 0; padding: .4em 1em; color: white; background-color: #1924a6; } #linkboxheader { padding: .2em .9em; font-size: 1.3em; background-repeat: no-repeat; } /* navbox, for displaying next/previous/index links */ #content .navbox { height: 4em; margin-top: 4em; text-align: center; } #content .navbox a { border: 0; font-weight:bold; } #content .navbox .prev { float: left; padding: 0 2em; } #content .navbox .next { float: right; padding: 0 2em; } #content .navbox .index { } #content .navbox .pages { padding-left: 0.5em; margin: 0 auto; text-align: center; } #content .navbox .pages a { padding: 2px 6px; } #content .navbox .pages a.current { color: #444445; } /** * Common objects */ /* text block on pages */ .contenttext { margin-bottom: 1em; } /* page visual box */ #pagevisual-box { text-align: center; overflow: hidden; } #pagevisual { } /* progress bar */ .progress { text-align: right; color: #1924a6; font-weight: bold; width: 93%; } .progresstext { color: #1924a6; font-weight: bold; } .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #f60; border-left-width: 5px; background-color: white; } #progressfill { height: 100%; background-color: #f60; } #map { } #mapholder { width: 411px; height: 317px; padding-top: 15px; padding-left: 16px; /*margin: 5px;*/ background-image: url(/assets/wjmw/images/default/googlemapsbg.png); } #maplink { display:none; } /* forum list */ .forum, .topic, .pollarchive { width: 97%; margin: 0 0 2em 0; border: 1px solid #e8e8e8; } .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #1924a6; background-color: #e8e8e8; } .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #e8e8e8; } .forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #e8e8e8; } .forum td, .forum th, .topic td, .topic th, .pollarchive td, .pollarchive th { vertical-align: top; padding: .3em; } .forum img, .topic img { vertical-align: top; } .forum p, .pollarchive p { margin-top: 0; } .forum a, .pollarchive a { font-weight: bold; color: #f60; border-color: #f60; } .post { } .post th { border-right: 1px solid #e8e8e8; } .author { } .postform { } .postform .basicform dt, .postform .basicform dd { float: none; width: auto; } .postform .basicform dt { font-weight: bold; margin-top: .5em; padding: .1em .3em; } .postform .basicform dd { margin: 0 0 1em 0; padding: 0; } .postform .basicform textarea { width: 100%; } .postform .basicform input.submit { width: auto; } td.first .date { color: #aaa; } /* special icons for announcements, sticky topics and locked topics */ td.announcement, td.sticky, td.locked, td.default { padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat; } td.announcement { background-image: url(/assets/grip/images/default/i_announce.gif); } td.sticky { background-image: url(/assets/grip/images/default/i_sticky.gif); } td.locked { background-image: url(/assets/grip/images/default/i_locked.gif); } .announcement { font-weight: bold; } .locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #e8e8e8; } .pollresults { width: 100%; } .pollresults tr { } .pollresults td { text-align: right; } .pollresults td span { float: left; } .pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; } .pollresults dt { clear: both; width: 20%; } .pollresults dd { width: 20%; } .pollresult { width: 55% !important; background-color: #e8e8e8; } .pollresult div { border: 2px solid #1924a6; background-color: #ffdfca; } .pollresults, #pollform { margin-bottom: 2em; } /* jargon */ a#translate { display: block; margin-bottom: 1em; padding: .5em; background: url(/assets/grip/images/default/b_nicetitle_bottom.gif) right bottom no-repeat white; } .jargonterm { cursor: help; font-weight: bold; border-bottom: dotted 1px #1924a6; } div.nicetitle { position: absolute; padding-top: 4px; top: 0px; left: 0px; border: 1px solid #e8e8e8; border-width: 1px 0 0 1px; color: #1924a6; background: url(/assets/grip/images/default/b_nicetitle_bottom.gif) right bottom no-repeat #efefef; } div.nicetitle p { margin: 4px; padding: 4px; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2; background-color: #ffdfca; } .translation-status { position: absolute; width: 300px; height: 30px; top: 0; right: 1em; border: 2px solid white; padding: 1em; background-color: #ffdfca; } .close { position: absolute; top: 0; right: 0; color: red; font-weight: bold; background-color: white; } /* ecard styles */ #ecardlist { list-style: none; margin: 0; padding: 0; } #ecardlist li { float: left; margin: 1em; width: 150px; } #ecardform .header { font-weight: bold; margin: 1em 0; } .ecardview img { margin-bottom: 1em; } .ecardview h2, .ecardview p { padding: 0; margin: 0; } .ecardview p.message { margin: 0 0 1em 15px; } .ecardview .links a { font-weight: bold; padding-left: 15px; background: transparent url(/assets/grip/images/default/arrow_right.gif) no-repeat left center; } .ecardview .links a:hover { background-image: url(/assets/grip/images/default/arrow_right_over.gif); } /* slideshow */ .slideshow-title { text-align: center; } #slideshow-progress { margin-top: -2em; text-align: right; border-bottom: 1px solid #1924a6; color: #afafaf; } #slide { text-align: center; height: 300px; padding: 1em 0; } #slide.imgbox { float: none; margin: 0 auto; width: 100%; text-align: center; } #slide.imgbox a, #slide.imgbox a:hover { border-bottom: 0; } #slide.imgbox img { display: inline; } #nav-slideshow { clear: both; border-top: 2px solid #1924a6; margin-top: 1em; padding: .5em; text-align: center; background-color: #e8e8e8; } #nav-slideshow a { border-bottom: 0px; } /* feed */ ul.feed { margin: 0; padding: 0; list-style-type: none; } ul.feed li { margin-bottom: 2em; border-bottom: 1px solid #e8e8e8; } .feed-contents .summary { margin-bottom: 2em; font-style: italic; color: #aaa; } /* slimbox */ #lbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #e3e3e3 ; cursor: pointer; z-index: 9999; } #lbTopContainer, #lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; background-color: #fff; z-index: 9999; } #lbTopContainer { display:block; } #lbBottomContainer { } #lbImage { position: absolute; top: 0; left: 0; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink {text-decoration: none; position: absolute; top: 10px; color: black; font-weight: bold; display: block; border: 0; outline: none; } #lbPrevLink span, #lbNextLink span { } #lbPrevLink:hover, #lbNextLink:hover { } #lbPrevLink { left: 60px; background: url(/assets/wjmw/images/default/photo_button_left.png) no-repeat; background-position: 0px 350px; } #lbPrevLink span { visibility:hidden; } #lbNextLink { right: 40px; text-align: right; background: url(/assets/wjmw/images/default/photo_button_right.png) no-repeat; background-position: 0px 350px;} #lbNextLink span { right:0; visibility:hidden; } #lbTop { height: 32px; text-align: left; border: 10px solid #fff; border-top-style: none; background: url(/assets/moed/images/default/slide_moed_logo.jpg) no-repeat left 2px; } #lbBottom { padding:0 0 25px 10px; min-height: 60px; text-align: left; border-top-style: none; background: url(/assets/wjmw/images/default/logo_klein.png) no-repeat left top #ffffff;} #lbCloseLink { position: absolute; top: 30px; right: 10px; display: block; width: 18px; height: 18px; background: transparent url(/assets/wjmw/images/default/buton_close.png) no-repeat 100% 0; outline: none; z-index: 3;} #lbNumber { position: absolute; top: 25px; right: 5px; font-size: .9em; font-weight: bold; color: black; padding: 7px 30px 7px 15px; background: url(/assets/wjmw/images/default/bandage_horizontal_long.png) no-repeat;} #lbInfo { margin: 0 80px 0 95px; border-right: 1px dotted #ddd; } #lbCaption { margin-left: 120px; } #lbCaption h3 { font-size:1.2em; font-weight: bold; } #lbCaption p { } /* preview bar */ #preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #1924a6; text-align: center; background-color: white; } #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; } #preview-bar:hover #previewselect { opacity: .8; } #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; } /* webshop */ table.articles { width: 100%; } table.articles thead { font-weight: bold; } table.articles tfoot { border-top: 1px solid #444445; } .cartview-options { margin-top: 1em; } /** */ /* printing */ #printheader { display: none; } /* positioning and visibility */ .clear-both { clear: both; } .inline { display: inline; } .block-level { display: block; } .nodisplay { display: none; } .show { visibility: visible; } .hide { visibility: hidden; } /* coloring and text decoration/transformation */ .no-border { text-decoration: none; } .back { padding-left: 15px !important; background: url(/assets/grip/images/default/arrow_left.gif) center left no-repeat; } .back:hover { background-image: url(/assets/grip/images/default/arrow_left_over.gif); } .req { color: #1924a6; } .err { color: red; font-weight: bold; } input.err { font-weight: normal; background-color: #ffbfbf; } .notice { background-color: #ffa; color: #f60; border: 1px solid #ffdfca; padding: .3em; } .chosen { color: #f60; font-weight: bold; } /* odd, even and first for row coloring (zebra tables and distinctive first row) */ .odd { background-color: #fff; } .even { background-color: #ffdfca; } .first { background-color: #ffdfca; border: solid #e8e8e8; border-width: 0 1px; }