/* ========================================================================================== Project: Orion website Original author : Gaston Jamin (g.jamin@nexwork.nl) Non-original author : Vincent Sijben (v.sijben@nexwork.nl) ========================================================================================== */ /* ----------------------------------------------------------------------------------------- Basis elementen Voor de toegangkelijkheid zijn maten in Em. Door de font-size terug te brengen naar 62,5% pas je de volgende formule toe: 16px - 62.5% = 10px. nu is alles 10px, en met alles bedoel ik ook alles, zelfs h1 tot h6 etc…, dus vanaf nu is 1em = 10px ----------------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; background-color: #a3a3a0; text-align: center; font-size: 62.5%; } * { font-family: Tahoma, Arial, Helvetica, sans-serif; } h1 { font-size: 2em } /* wordt 24px */ h2 { font-size: 1.5em } /* wordt 18px */ h3 { font-size: 1.25em } /* wordt 15px */ h4 { font-size: 1em } /* wordt 12px */ img { border: 0; } a.view-all { display: block; margin: 0 1em 0 0; padding: 0 1.1em 0 0; font-size: 1.1em; font-weight: bold; text-decoration: underline; color: #625d9a; text-align: right; background: transparent url(../images/rechterkolom_pijltje.png) right bottom no-repeat; } a.view-all:hover { text-decoration: none; } /* ----------------------------------------------------------------------------------------- Basis elementen ----------------------------------------------------------------------------------------- */ #paginacontainer { width: 96.8em; margin: 0 auto; background-color: white; border: 2em solid white; border-top: 0; text-align: left; } #paginacontainer { background: #fff url(../images/paginacontainer_bg.png) right 0 repeat-y; } #utilitiescontainer { position: relative; height: 7.5em; width: 100%; background: #fff url(../images/utils_background.jpg) right 0 repeat-y; } #hoofdmenucontainer { height: 2.9em; width: 96.8em; background: #a9a9a7 url(../images/hmenu_background.jpg) 0 bottom repeat-x; } #headercontainer { height: 200px; width: 96.8em; overflow: hidden; background: transparent url(../images/algemeen/consultancy_header.jpg) 21em 0 no-repeat; } #contentcontainer { width: 96.8em; overflow: hidden; background: transparent url(../images/contentcontainer_bg.png) 0 0 repeat-y; } #footer{ height: 3em; width: 100%; border-top: 0.5em solid white; background-color: #69588e; background-color: #1e1880;} /* ----------------------------------------------------------------------------------------- utilities container ----------------------------------------------------------------------------------------- */ #pad { position: absolute; bottom: 0.5em; left: 0; } #pad ul { margin: 0; padding: 0; list-style: none; } #pad li { display: inline; font-size: 1em; font-weight: bold; color: #bb1e5d;} #pad a { padding: 0.2em 1.5em 0 0.8em; font-size: 1em; font-weight: bold; color: #bb1e5d; background: transparent url(../images/pad_pijltje-grijs.jpg) right center no-repeat; text-decoration: none; } #pad a:hover { text-decoration: underline; } #pad li.active { padding: 0.2em 1.5em 0 0.8em; font-size: 1em; font-weight: bold; color: #bb1e5d; } a.apply_now_star_nl { width: 88px; height: 88px; position: absolute; bottom: -19px; left: 17.2em; background: transparent url(../images/apply_now_nl.png) 0 0 no-repeat; text-indent: -9999px; text-decoration: none; } a.apply_now_star_en { width: 88px; height: 88px; position: absolute; bottom: -19px; left: 17.2em; background: transparent url(../images/apply_now_en.png) 0 0 no-repeat; text-indent: -9999px; text-decoration: none; } #utilities { float: right; width: 30em; height: 3em; margin: 2.5em 1em 0 0; } #utilities ul { margin: 0; padding: 0; list-style: none; } #utilities li { display: inline; } #utilities a { background: transparent center bottom no-repeat; height: 2.5em; width: 4.5em; border-right: 1px solid #bcbcbb; float: right; text-decoration: none; text-indent: -9999px; } #utilities a:hover { background-position: center 0.5em; } #utilities .btn_taal-nl { background-image: url(../images/utils_nl-icoon.gif); width: 2.5em; } #utilities .btn_taal-en { background-image: url(../images/utils_en-icoon.gif); border-right: 0; width: 2.5em; } #utilities .btn_home { background-image: url(../images/utils_homeicoon.gif); } #utilities .btn_mail { background-image: url(../images/utils_mailicoon.gif); } #utilities .btn_print { background-image: url(../images/utils_printicoon.gif);} #quicknav { float: right; margin: 2.7em 0.5em 0 0; width: 26em; font-size: 1.05em; font-weight: bold; color: #bb1e5d; text-align: right; line-height: 0; } #quicknav form { margin: 0; padding: 0; } #quicknav select { margin: 0.1em 0 0 0; padding: 0; width: 13em; height: 1.6em; font-size: 1em; font-weight: bold; color: #767774; text-align: left; border: 1px solid #84837e; cursor: pointer; } /* ----------------------------------------------------------------------------------------- hoofdmenu container ----------------------------------------------------------------------------------------- */ ul#menu { float: right; padding: 0; margin: 0; height: 2.9em; list-style: none; text-align: right; } ul#menu li { float: left; position: relative; height: 2.9em; } ul#menu li a { display: block; text-decoration: none; padding: 0.4em 0.9em; margin-top: 0.3em; font-size: 1.1em; font-weight: bold; color: white; border-left: 0.1em solid #535452; border-right: 0.1em solid #a9a9a7; } ul#menu li a:hover { background-color: #5a5b59; } ul#menu li ul { position: absolute; left: 0; top: 2.9em; width: 16.5em; margin: 0; padding: 0; list-style: none; border: 1px solid #646563; text-align: left; background: #5172ad; } ul#menu li ul li { padding: 0; border-bottom: 1px solid #76a8d6; height: auto; } ul#menu li ul li.last { border-bottom: 0 !important; } ul#menu li ul li a { display: block; padding: 0.3em 3em; width: 9em; margin: 0; line-height: 16px; border: 0 !important; text-decoration: none; background: #5172ad url(../images/submenu.jpg) 15px center no-repeat; } ul#menu li ul li a:hover { background-color: #625d9a; text-decoration: none; } ul#menu .first a{ border-left: 0 !important; } ul#menu .last a { border-right: 0 !important; } ul#menu ul, ul#menu li:hover ul ul { display: none; } ul#menu li:hover ul, ul#menu li:hover li:hover ul { display: block; } ul#menu li img { margin-top: 8px; border: 0; } ul#menu li a img { margin: 0; border: 0; } ul#menu li img { visibility: hidden; } ul#menu li img.blok { visibility: visible; } /* ----------------------------------------------------------------------------------------- header container ----------------------------------------------------------------------------------------- */ .logo { float: left; width: 20.5em; background-color: white; overflow: hidden; } .foto { margin: 0 32.1em 0 21em; } .kaart { float: right; height: 200px; width: 32.1em; background: #9bbad7 url(../images/kaart_bg.jpg) 0 0 repeat-x; overflow: hidden; } .kaart a.view-all { margin-top: 175px; font-size: 1em; color: #fff; background-image: url(../images/submenu_pijl.png); } /* ----------------------------------------------------------------------------------------- Content container, linkerkolom ----------------------------------------------------------------------------------------- */ /* basisopmaak van elementen */ #linkerkolom { float: left; font-size: 1em; width: 20.5em; background-color: #4c78b0; border-right: 0.5em solid white; } #linkerkolom h2 { font-size: 2.3em; font-weight: normal; margin: 0.8em 0 1em 0.5em; color: white; text-align: left; } #linkerkolom .eventsafbeelding { height: 120px; margin-bottom: 1.5em; background-image: url(../images/events_fotoheader_bg.jpg); } /* een event, van datumblok tot leesmeer-link*/ #linkerkolom .event { padding: 0 1.1em 1.8em 1.1em; } #linkerkolom a.datum { display: block; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #4c78b0; } #linkerkolom a.datum span.wrapper { display: block; padding: 0 4px; background: #fff; } #linkerkolom a.datum:hover { color: #cc497d; } #linkerkolom h3 { font-size: 1.1em; color: white; padding : 0 0.4em; line-height: 1.5em; margin-bottom: 0; } #linkerkolom p { font-size: 1.1em; color: white; line-height: 1.5em; padding: 0 0.4em; margin-top: 0.5em; } #linkerkolom a.leesmeer { display: block; font-size: 1em; font-weight: bold; text-decoration: underline; color: white; text-align: right; } #linkerkolom a.leesmeer:hover { text-decoration: none; } #linkerkolom a.view-all { margin: 3em 1.1em 1.8em 1.1em; padding: 0 1.1em 0 0; color: white; background-image: url(../images/events_pijl.png); } /* submenu in de linkerkolom */ #linkerkolom .menu { margin: 0 0 40em 0; font-size: 1em; } #linkerkolom .menu ul { width: 18em; margin-left: 1.3em; padding: 0; list-style: none; } #linkerkolom .menu li { margin-bottom: 0.5em; } #linkerkolom .menu li a:hover { color: #c5005f; } #linkerkolom .menu li a.submenuactive:hover { color: #fff; } #linkerkolom a.submenu { display: block; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #4c78b0; } #linkerkolom a.submenuactive { display: block; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #fff; } #linkerkolom a.submenu span.wrapper { display: block; padding: 0 0.4em; background: #fff; } #linkerkolom a.submenuactive span.wrapper { display: block; padding: 0 0.4em; background: #c5005f url(../images/submenu_pijl.png) 15em center no-repeat; } #linkerkolom .menu ul ul { padding: 0.8em 0 0.1em 0; } #linkerkolom .menu ul ul li a { font-size: 1.1em; text-decoration: none; font-weight: bold; padding: 0.3em 3em 0.3em 1.3em; color: #fff; background: transparent url(../images/submenu.jpg) 0 center no-repeat; } #linkerkolom .menu ul ul li a:hover { color: #fff; text-decoration: underline; } #linkerkolom .menu ul ul li a.active { color: #fff; text-decoration: underline; } /* ----------------------------------------------------------------------------------------- Content container, contentkolom ----------------------------------------------------------------------------------------- */ #contentkolom { margin: 0 32.6em 40em 21em; padding-left: 0.5em; background: #fff; } #contentkolom h1 { font-size: 2.3em; font-weight: normal; margin: 0.8em 0 1em 0; color: #cc497d; text-align: left; } #contentkolom h2 { color: #69588e; margin: 0; } #contentkolom h3 { margin: 1em 0 0 0; } #contentkolom div.text { font-size: 1.1em; color: #595958; line-height: 1.7em; } #contentkolom p { font-size: 1.1em; color: #595958; line-height: 1.7em; margin-top: 0.3em; } #contentkolom a { color: #69588e; font-weight: normal; } #contentkolom a:hover { text-decoration: none; } #contentkolom img { float: left; border: 1px solid #a0a29b; margin: 0.5em 1em 0.3em 0; } #contentkolom .paragraaf { margin-bottom: 2em; font-size: 1.1em; color: #595958; line-height: 1.7em; } #contentkolom .paragraaf ul { } /* highlight is een apart soort paragraaf, die gebruikt wordt op de homepage */ #contentkolom .highlight { margin-bottom: 0; background-image: url(../images/highlight_bg.jpg); overflow: auto; height: 24em; } #contentkolom .highlight h2 { font-size: 1.5em; color: #d5d3e4; display: block; margin: 1em 0 1em 13.5em; margin-right: 0.5em; } #contentkolom .highlight p { font-size: 1.1em; color: white; margin: 0 0.5em 0 18.5em; } #contentkolom .highlight img { border: 0; margin: 0; width: 18.5em; height: 24em; } #contentkolom .highlight a { font-weight: bold; color: #d5d3e4; color: #fff; } #contentkolom .highlight_bottom { height: 100px; background: transparent url(../images/highlight_bottom.jpg) 0 0 repeat-x; } /* ----------------------------------------------------------------------------------------- Content container, rechterkolom ----------------------------------------------------------------------------------------- */ #rechterkolom { float: right; width: 32.1em; } #rechterkolom .wrapper { background: transparent url(../images/rechterkolom_verloop.jpg) 0 0 repeat-x; } #rechterkolom h2 { margin: 0 0 1em 0.5em; font-size: 2.3em; font-weight: normal; color: #767774; text-align: left; } /* opmaak van de nieuwsteasers in de rechterkolom */ #rechterkolom .teasercontainer { background-color: transparent; padding: 0 1em; margin: 2em 0; border-bottom: 1px solid #edf1f7; overflow: hidden; } #rechterkolom .teasercontainer h3 { color: #625d9a; margin: 0; } #rechterkolom .teasercontainer p { font-size: 1.1em; color: #767774; line-height: 1.7em; margin-top: 0.3em; } #rechterkolom .teasercontainer img { float: left; border: 1px solid #a0a29b; margin: 0.7em 1em 0.3em 0; } #rechterkolom .paragraph { overflow: hidden; } #rechterkolom .kolomeinde { height: 80px; background: transparent url(../images/rechterkolom_uitloop.jpg) 0 0 repeat-x; } #rechterkolom a.view-all { display: block; margin: 0 1em 0 0; padding: 0 1.1em 0 0; font-size: 1.1em; font-weight: bold; text-decoration: underline; color: #625d9a; text-align: right; background: transparent url(../images/rechterkolom_pijltje.png) right bottom no-repeat; } #rechterkolom a.view-all:hover { text-decoration: none; } /* opmaak van het actieve-domeinen menu in de rechterkolom */ #active-domains { padding-top: 1.6em; margin: 0 1em; color: White; text-align: left; overflow: hidden; } #active-domains ul { margin: 0; padding: 0; list-style: none; } #active-domains li { margin-bottom: 0.5em; } #active-domains li a { position: relative; display: block; text-decoration: none; color: #fff; } #active-domains li a:hover { color: #cc497d; } #active-domains li a span.wrapper { display: block; padding: 0.1em 1em; font-weight: bold; background: #659cce; } #active-domains li a.ad_subcolor span.wrapper { background-color: #69588e; } #active-domains .aantal { position: absolute; right: 0.8em; } .leesmeer_container { margin: 1em 0 0 0; padding: 0 0 0 9em; text-align: center; background: transparent url(../images/teasers_scheidingslijn.png) left center repeat-x; } .leesmeer_container a.rechter_leesmeer { display: block; width: 12em; text-decoration: none; color: white; cursor: pointer; } .leesmeer_container a.rechter_leesmeer:hover { color: black; } .leesmeer_container a.rechter_leesmeer span { display: block; font-size: 1em; font-weight: bold; background: #767774; } /* ----------------------------------------------------------------------------------------- footer ----------------------------------------------------------------------------------------- */ #footer p { font-size: 1em; font-weight: bold; color: white; margin: 0; text-align: center; padding-top: 0.8em; } #footer a { color: white; } #footer a:hover { text-decoration: none; } /* Zoek template */ div.myjobs { padding: 1em 0.5em; margin: 1em 1em 1em 1em; border: 1px solid #fff; background: #fff; } div.myjobs ul { margin: 0 0 1em 0; padding: 0 0 1em 0; list-style: none; border-bottom: 1px solid blue;} div.myjobs li { position: relative; padding: 0.4em 1.5em 0.4em 0; } div.myjobs ul a { color: #cc497d; font-weight: bold; text-transform: lowercase; } div.myjobs ul a:hover { text-decoration: none; } div.myjobs span.number { color: #687eb1; font-weight: bold; } div.myjobs a.delete { position: absolute; right: 0; top: 0.3em; width: 15px; height: 15px !important; text-indent: -9999px; background: #fff url(../images/delete.jpg) 0 0 no-repeat; } div.myjobs a.ronding_red { text-decoration: none; display: block; width: 14em; } div.myjobs a.ronding_red span { display: block; width: 14em; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } #zoek { padding: 1.5em 1.5em 0 1.5em; background: #1e1880 url(../images/zoek_bg.jpg) 0 bottom no-repeat; } #zoek h2 { margin: 0 0 15px 0; color: #fff; } #zoek fieldset { margin: 0; padding: 18px 0; border: 0; border-top: 1px solid #4d497d; border-bottom: 1px solid #9995cb; } #zoek fieldset.first { border-top: 0 !important; } #zoek fieldset.last { border-bottom: 0 !important; } #zoek legend { display: none; } #zoek label { float: left; width: 8em; color: #fff; font-weight: bold; font-size: 1.1em;} #zoek div.rightpanel label { float: none; width: auto; } #zoek div { margin-bottom: 0.8em; } #zoek div.rightpanel { margin: 0 0 0 9em; } #zoek input { width: 18em; color: #767774; text-indent: 5px; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff url(../images/input_bg.jpg) 0 0 repeat-x; } #zoek select { width: 18em; color: #767774; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff; } #zoek div.rightpanel input { margin-right: 0.5em; width: auto; border: 0 !important; text-indent: 0px; background: none; } #zoek a.zoek_jobs_submit { text-decoration: none; } #zoek a.zoek_jobs_submit span { display: block; padding: 0.1em 0.5em; background: #83a6cb url(../images/zoek_jobs_submit.jpg) 0.5em center no-repeat;color: #fff; font-weight: bold; text-align: right; } #zoek fieldset.last { padding-left: 21em; } #zoek fieldset.last input { display: none; } .paragraaf ul { list-style: circle; font-size: 1.1em; color: #595958; line-height: 1.7em; } body.zoek #contentkolom ul { margin: 0 0 1em 0; padding: 0 0 0 17px; color: #cc497d; } body.zoek #contentkolom ul a { color: #cc497d; text-decoration: none; } body.zoek #contentkolom ul a:hover { text-decoration: underline; } div.zoekbuttons { padding-left: 7em; margin-bottom: 2em; overflow: hidden; } div.zoekbuttons ul { float:right; margin: 0 0 1em 0; padding: 0 0 0 17px; list-style: none; } div.zoekbuttons li { float: left; margin-right: 1em; } div.zoekbuttons a { text-decoration: none; display: block; width: 10em; } div.zoekbuttons a span { display: block; width: 10em; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } div.zoekbuttons button { text-decoration: none; display: block; width: 10em; border: 0; padding: 0; margin: 0; background: none; } div.zoekbuttons button span { display: block; width: 10em; padding: 0; margin: 0; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } .view-all-top { margin-top: 2em !important; margin-bottom: 2em !important; background-image: url(../images/backtotop.png) !important; font-weight: bold !important; font-size: 1em !important; } /* Apply job template */ ul.applyjob_list { border: 1px solid #625d9a; margin: 0 0.5em 0 0; padding: 1em 1em 1em 2em; list-style: circle; color: #cc497d; } ul.applyjob_list a { color: #cc497d !important; font-weight: bold !important; font-size: 0.9em !important; } ul.applyjob_list span.number { color: #687eb1; font-weight: bold; font-size: 0.9em; } div.applyjob { padding: 1em 0.5em; } * html div.applyjob { padding: 1em 0.5em 1em 0; } div.applyjob h1 { margin: 0 0 15px 0; color: #fff; } div.applyjob form { margin: 0; padding: 0; } div.applyjob hr { background: #4d497d; color: #4d497d; height: 1px; font-size: 1px; border-bottom: 1px solid #4d497d;} div.applyjob fieldset { margin: 0; padding: 18px 0; border: 0; border-top: 1px solid #4d497d; border-bottom: 1px solid #9995cb; } div.applyjob fieldset.first { border-top: 0 !important; border-top-color: red !important; border-bottom: 0 !important; } div.applyjob fieldset.last { border-bottom: 0 !important; } div.applyjob legend { display: none; } div.applyjob label { float: left; width: 10em; color: #625d9a; font-weight: bold; font-size: 1.1em;} div.applyjob div { margin-bottom: 0.8em; } div.applyjob input { width: 27em; color: #625d9a; text-indent: 5px; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff url(../images/input_bg.jpg) 0 0 repeat-x; } div.applyjob textarea { width: 18.5em; color: #625d9a; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff url(../images/input_bg.jpg) 0 0 repeat-x; } div.applyjob select { width: 18em; color: #625d9a; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff; } div.applyjob input.submit { display: none; background: #83a6cb; color: #fff; text-align: right; } div.applyjob a.ronding_red { text-decoration: none; display: block; width: 7em; } div.applyjob a.ronding_red span { display: block; width: 7em; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } div.applyjob fieldset.last { padding-left: 32.5em; } div.applyjob .radiocheck { clear: none; } div.applyjob .radiocheck input { width: auto !important; border: 0; background: none; } div.applyjob .radiocheck label { float: none; } body.applyjob .view-all-top { margin-top: 0 !important; } body.applyjob #contentkolom .paragraaf p { color: #625d9a; font-weight: bold; } /*Search results template */ div.results .search_config_list p { color: #625d9a; font-weight: bold; } div.results .search_config_list p strong { color: #cc497d; } div.results .search_config_list ul { margin: 2em 0 1em 0; padding: 0.3em 0; list-style: none; border: 1px solid #625d9a; } div.results .search_config_list li { display: inline; margin: 0 2em 0 0.5em; color: #767774; font-size: 1em; font-weight: bold; } div.results .search_config_list select { margin-left: 0.5em; color: #767774; border: 1px solid #7f9db9; font-size: 0.9em; font-weight: bold; } div.results .paragraafresult { margin-bottom: 0.5em; } div.results .paragraafresult .wrapper { padding: 2em 1.5em 1em 1.5em; background: #d6d9e8; } div.results .paragraafresult .text { color: #625d9a; border-top: 1px solid #bfc4d7; padding-top: 0.8em; } div.results .paragraafresult p { color: #625d9a !important; font-weight: normal; } div.results .paragraafresult h2 { position: relative; color: #625d9a !important; font-size: 15px !important; font-weight: bold !important; margin: 0 !important; padding: 0 8em 0.6em 0; border-bottom: 1px solid #fff; } div.results .paragraafresult h2 span { position: absolute; right: 0; top: 0; } div.results .paragraafresult h2 { padding-bottom: 20px; } div.results .paragraafresult h2 span.vakgebied { position: absolute; right: 0; top: 20px; } div.results .paragraafresult a.ronding_red { text-decoration: none; display: block; margin-left: 29.8em; width: 10em; } div.results .paragraafresult a.ronding_red span { display: block; width: 10em; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } div.results div.zoekbuttons { padding-left: 0em; } /*div.results div.zoekbuttons li { margin-right: 0.2em; }*/ div.results div.zoekbuttons a { width: 1.6em; } div.results div.zoekbuttons a span { width: 1.6em; background: #767774; font-weight: normal; } div.results div.zoekbuttons a span.active { background: #cc497d; } div.results div.zoekbuttons a span.previous { font-weight: bold; } div.results div.zoekbuttons a span.next { font-weight: bold; } div.results div.zoekbuttons table { width: 100%; border-collapse: collapse; } div.results div.zoekbuttons table table { width: auto; border-collapse: collapse; } /*Nieuwsoverzicht*/ div.nieuwsoverzicht { padding-top: 1.6em; } div.nieuwsoverzicht ul { margin: 0; padding: 0 1.5em 2em 1.5em; list-style: none; } div.nieuwsoverzicht a { display: block; padding: 0.2em 0; color: #625d9a; font-weight: bold; text-decoration: none; font-size: 1.1em; } div.nieuwsoverzicht a:hover { background: #d0cdf2; } div.nieuwsoverzicht li { margin-bottom: 0.5em; } /*Nieuwsdetail*/ /*div.nieuwsdetail span.datum { display: block; width: 8.5em; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #4c78b0; } div.nieuwsdetail span.datum span.wrapper { display: block; padding: 0 0.4em; background: #c73675; color: #fff; }*/ div.nieuwsdetail span.datum { display: block; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #4c78b0; } div.nieuwsdetail span.datum span.wrapper { padding: 0 4px; background: #c73675; color: #fff; } /*Testimonial achtergronden/teksten*/ body.testimonial01 #headercontainer { background-image: url(../images/testimonials/t01_image.jpg) !important; } body.testimonial01 #headercontainer .kaart { background-image: url(../images/testimonials/t01_text.jpg) !important; } body.testimonial01english #headercontainer .kaart { background-image: url(../images/testimonials/t01_text_english.jpg) !important; } body.testimonial01 #rechterkolom { height: 130px; background-image: url(../images/testimonials/t01_zoom.jpg) !important; } body.testimonial02 #headercontainer { background-image: url(../images/testimonials/t02_image.jpg) !important; } body.testimonial02 #headercontainer .kaart { background-image: url(../images/testimonials/t02_text.jpg) !important; } body.testimonial02english #headercontainer .kaart { background-image: url(../images/testimonials/t02_text_english.jpg) !important; } body.testimonial02 #rechterkolom { height: 130px; background-image: url(../images/testimonials/t02_zoom.jpg) !important; } body.testimonial03 #headercontainer { background-image: url(../images/testimonials/t03_image.jpg) !important; } body.testimonial03 #headercontainer .kaart { background-image: url(../images/testimonials/t03_text.jpg) !important; } body.testimonial03english #headercontainer .kaart { background-image: url(../images/testimonials/t03_text_english.jpg) !important; } body.testimonial03 #rechterkolom { height: 130px; background-image: url(../images/testimonials/t03_zoom.jpg) !important; } body.testimonial04 #headercontainer { background-image: url(../images/testimonials/t00_image.jpg) !important; } body.testimonial04 #headercontainer .kaart { background-image: url(../images/testimonials/t00_text-co.jpg) !important; } body.testimonial04english #headercontainer .kaart { background-image: url(../images/testimonials/t00_text-co_english.jpg) !important; } body.testimonial04.engineering #headercontainer .kaart { background-image: url(../images/testimonials/t00_text-en.jpg) !important; } body.testimonial04english.engineering #headercontainer .kaart { background-image: url(../images/testimonials/t00_text-en_english.jpg) !important; } body.testimonial04 #rechterkolom { height: 130px; background-image: url(../images/testimonials/t00_zoom.jpg) !important; } /*Algemeen random fotos*/ body.item_6 #headercontainer { background-image: url(../images/algemeen/06_header.jpg) !important; } body.item_zoom_6 #rechterkolom { height: 130px; background-image: url(../images/algemeen/06_zoom.jpg) !important; } body.item_7 #headercontainer { background-image: url(../images/algemeen/07_header.jpg) !important; } body.item_zoom_7 #rechterkolom { height: 130px; background-image: url(../images/algemeen/07_zoom.jpg) !important; } body.item_8 #headercontainer { background-image: url(../images/algemeen/08_header.jpg) !important; } body.item_zoom_8 #rechterkolom { height: 130px; background-image: url(../images/algemeen/08_zoom.jpg) !important; } body.item_9 #headercontainer { background-image: url(../images/algemeen/09_header.jpg) !important; } body.item_zoom_9 #rechterkolom { height: 130px; background-image: url(../images/algemeen/09_zoom.jpg) !important; } body.item_10 #headercontainer { background-image: url(../images/algemeen/10_header.jpg) !important; } body.item_zoom_10 #rechterkolom { height: 130px; background-image: url(../images/algemeen/10_zoom.jpg) !important; } body.item_11 #headercontainer { background-image: url(../images/algemeen/11_header.jpg) !important; } body.item_zoom_11 #rechterkolom { height: 130px; background-image: url(../images/algemeen/11_zoom.jpg) !important; } body.item_12 #headercontainer { background-image: url(../images/algemeen/12_header.jpg) !important; } body.item_zoom_12 #rechterkolom { height: 130px; background-image: url(../images/algemeen/12_zoom.jpg) !important; } body.item_13 #headercontainer { background-image: url(../images/algemeen/13_header.jpg) !important; } body.item_zoom_13 #rechterkolom { height: 130px; background-image: url(../images/algemeen/13_zoom.jpg) !important; } body.item_14 #headercontainer { background-image: url(../images/algemeen/14_header.jpg) !important; } body.item_zoom_14 #rechterkolom { height: 130px; background-image: url(../images/algemeen/14_zoom.jpg) !important; } body.item_15 #headercontainer { background-image: url(../images/algemeen/15_header.jpg) !important; } body.item_zoom_15 #rechterkolom { height: 130px; background-image: url(../images/algemeen/15_zoom.jpg) !important; } body.item_16 #headercontainer { background-image: url(../images/algemeen/16_header.jpg) !important; } body.item_zoom_16 #rechterkolom { height: 130px; background-image: url(../images/algemeen/16_zoom.jpg) !important; } body.item_17 #headercontainer { background-image: url(../images/algemeen/17_header.jpg) !important; } body.item_zoom_17 #rechterkolom { height: 130px; background-image: url(../images/algemeen/17_zoom.jpg) !important; } body.item_18 #headercontainer { background-image: url(../images/algemeen/18_header.jpg) !important; } body.item_zoom_18 #rechterkolom { height: 130px; background-image: url(../images/algemeen/18_zoom.jpg) !important; } body.item_19 #headercontainer { background-image: url(../images/algemeen/19_header.jpg) !important; } body.item_zoom_19 #rechterkolom { height: 130px; background-image: url(../images/algemeen/19_zoom.jpg) !important; } body.item_20 #headercontainer { background-image: url(../images/algemeen/20_header.jpg) !important; } body.item_zoom_20 #rechterkolom { height: 130px; background-image: url(../images/algemeen/20_zoom.jpg) !important; } body.item_21 #headercontainer { background-image: url(../images/algemeen/21_header.jpg) !important; } body.item_zoom_21 #rechterkolom { height: 130px; background-image: url(../images/algemeen/21_zoom.jpg) !important; } body.item_22 #headercontainer { background-image: url(../images/algemeen/22_header.jpg) !important; } body.item_zoom_22 #rechterkolom { height: 130px; background-image: url(../images/algemeen/22_zoom.jpg) !important; } body.item_23 #headercontainer { background-image: url(../images/algemeen/23_header.jpg) !important; } body.item_zoom_23 #rechterkolom { height: 130px; background-image: url(../images/algemeen/23_zoom.jpg) !important; } body.item_24 #headercontainer { background-image: url(../images/algemeen/24_header.jpg) !important; } body.item_zoom_24 #rechterkolom { height: 130px; background-image: url(../images/algemeen/24_zoom.jpg) !important; } body.item_25 #headercontainer { background-image: url(../images/algemeen/25_header.jpg) !important; } body.item_zoom_25 #rechterkolom { height: 130px; background-image: url(../images/algemeen/25_zoom.jpg) !important; } body.item_26 #headercontainer { background-image: url(../images/algemeen/26_header.jpg) !important; } body.item_zoom_26 #rechterkolom { height: 130px; background-image: url(../images/algemeen/26_zoom.jpg) !important; } body.nozoomimage #rechterkolom { height: auto !important; background: none !important; } /* ----------------------------------------------------------------------------------------- Basiselementen voor Group (door Gaston) ----------------------------------------------------------------------------------------- */ body.group #headercontainer { height: 206px; background: #c0c1be url(../images/header_group-bg.jpg) right top no-repeat; } body.groupenglish #headercontainer { background-image: url(../images/header_group-bg_en.jpg); } body.group #headercontainer .logo { height: 200px; } body.group #contentcontainer { width: 96.8em; overflow: hidden; background-image: url(../images/grouphome_background-ff.jpg); background-repeat: repeat-y; background-position: right; } /* de drie subcontainers binnen de contentcontainer hebben andere breedtematen en de rechterkolom heeft een left-border */ body.group #linkerkolom { float: left; font-size: 1em; width: 31em; background-color: white; border-right: 0.5em solid white; margin-bottom: 5em;} body.group #contentkolom { padding-top: 1.8em; margin: 0 32.5em 0 32.5em; background-color: #edf1f7; border: 0px solid white; display: block; background: #edf1f7 url(../images/rechterkolom_verloop.jpg) 0 0 repeat-x; } body.group #rechterkolom { float: right; width: 32.1em; background: #edf1f7 url(../images/rechterkolom_verloop.jpg) 0 0 repeat-x; border-left: 0.5em solid white; margin-bottom: 5em;} body.group #rechterkolom .wrapper { padding-top: 1.8em; } body.group #contentkolom h2 { font-size: 2.0em; font-weight: normal; margin: 0em 0 1em 0.1em; color: #767774; text-align: left; border: 0px solid black; } body.group #rechterkolom h2 { font-size: 2.0em; } body.group #linkerkolom h2 { font-size: 2.3em; font-weight: normal; margin: 0.8em 0 0.6em 0em; color: #888987; text-align: left; } body.group #contentbreedkolom { padding-top: 1.8em; margin: 0 0em 0 32.6em; background-color: #edf1f7; border: 0px solid white; display: block; background: #edf1f7 url(../images/rechterkolom_verloop.jpg) 0 0 repeat-x;} body.group ul#menu li ul { background: #e27faf; } body.group ul#menu li ul li { border-bottom: 1px solid #fff; } body.group ul#menu li ul li a { background: #e27faf url(../images/engineering/submenu.jpg) 15px center no-repeat; } body.group ul#menu li ul li a:hover { background-color: #c5005f; } /* nieuwsmenu en teasermenu in de linkerkolom */ body.group #linkerkolom .menu{ background-color: transparent; margin: 0; padding: 0; } body.group #linkerkolom .menu ul{ padding: 0; margin: 0; list-style: none; width: 100%;} body.group #linkerkolom .menu ul li{ background-color: transparent; margin: 0; padding: 0;} body.group #linkerkolom .menu ul li a{ display: block; margin: 0; padding: 0.3em 0.5em 0.2em 0.5em; text-decoration: none; color: #c5005f; background-color: transparent; font-weight: bold; font-size: 1.1em; line-height: 1.5em; } body.group #linkerkolom .menu ul li a:hover { background-color: #f8dfeb; } body.group #linkerkolom .menu ul li a:hover .wrapper{ color: #c5005f; background-color: #f8dfeb; } body.group #linkerkolom .menu .active{ background-color: white; } body.group #linkerkolom .menu ul li a.submenuactive span.wrapper { display: block; background: none; background: #f8dfeb; } body.group #linkerkolom .menu ul li a.submenuactive { background: #f8dfeb;} /*Nieuwsoverzicht Group*/ body.group div.nieuwsoverzicht { padding-top: 0; } body.group div.nieuwsoverzicht ul { margin: 0; padding: 0; list-style: none; } body.group div.nieuwsoverzicht a { display: block; margin: 0; padding: 0.3em 0.5em 0.2em 0.5em; text-decoration: none; color: #c5005f; background-color: transparent; font-weight: bold; font-size: 1.1em; line-height: 1.5em;} body.group div.nieuwsoverzicht a:hover { background: #f8dfeb; } body.group div.nieuwsoverzicht li { margin-bottom: 0; } /* lees meer link onder nieuwsmenu in de linkerkolom */ body.group .leesmeer_container { margin: 1em 0 0 0; padding: 0 0 0 19em; text-align: center; } body.group .leesmeer_container a.rechter_leesmeer { display: block; width: 12em; text-decoration: none; color: white; cursor: pointer; } body.group .leesmeer_container a.rechter_leesmeer:hover { color: black; } body.group .leesmeer_container a.rechter_leesmeer span { display: block; font-size: 1em; font-weight: bold; background-color: #767774; } body.group #rechterkolom .teasercontainer .leesmeer_container { padding: 0 11.5em; } /* opmaak van het actieve-domeinen op de groep-homepage */ body.group .engineering-domains { margin: 0 1em ; color: White; text-align: left; overflow: hidden;} body.group .engineering-domains ul { margin: 0; padding: 0; list-style: none; } body.group .engineering-domains li { margin-bottom: 0.5em; } body.group .engineering-domains li a { font-size: 1.1em; position: relative; display: block; text-decoration: none; color: white; } body.group .engineering-domains li a:hover { color: #75033a; } body.group .engineering-domains .aantal { position: absolute; right: 0.8em; } body.group .engineering-domains li a span.wrapper { display: block; padding: 0.1em 1em !important; font-weight: bold; background: #e27faf !important; } body.group .engineering-domains li a.doe_subcolor span.wrapper { background: #c5005f !important; } body.group .consultancy-domains { margin: 0 1em 0 0.4em; color: White; text-align: left; overflow: hidden; } body.group .consultancy-domains ul { margin: 0; padding: 0; list-style: none; } body.group .consultancy-domains li { margin-bottom: 0.5em; } body.group .consultancy-domains li a { font-size: 1.1em; position: relative; display: block; text-decoration: none; color: white !important; } body.group .consultancy-domains li a:hover { color: #36335b !important; } body.group .consultancy-domains .aantal { position: absolute; right: 0.8em; } body.group .consultancy-domains li a span.wrapper { display: block; padding: 0.1em 1em; font-weight: bold; background: #659cce !important; } body.group .consultancy-domains li a.doc_subcolor span.wrapper { background: #625d9a !important; } body.group .spacer { height: 2em; background-color: transparent; } body.group .dda-domains { margin: 0 1em 0 0.4em; color: White; text-align: left; overflow: hidden;} body.group .dda-domains ul { margin: 0; padding: 0; list-style: none; } body.group .dda-domains li { margin-bottom: 0.5em; } body.group .dda-domains li a { font-size: 1.1em; position: relative; display: block; text-decoration: none; color: white !important; } body.group .dda-domains li a:hover { color: #034b4e !important; } body.group .dda-domains .aantal { position: absolute; right: 0.8em; } body.group .dda-domains li a span.wrapper { display: block; padding: 0.1em 1em; font-weight: bold; background: #d0cdf2 !important; } body.group .dda-domains li a.dda_subcolor span.wrapper { background: #068085 !important; } body.group #footer { background: #c5005f; } /* Group content pagina */ body.group .content #contentcontainer { background: #edf1f7 url(../images/contentcontainer_group_bg.png) 0 0 repeat-y;} body.group .content #contentkolom { margin-right: 0; padding-right: 0.5em;} body.group .content #contentkolom h1 { margin: 0 0 0.5em 0; } body.group .content #rechterkolom { display: none; } /*Our Candidates formulier */ fieldset.ourcandidates { margin: 0; padding: 18px 0; border: 0; } fieldset.ourcandidates legend { display: none; } fieldset.ourcandidates label { float: left; width: 12em; color: #625d9a; font-weight: bold; font-size: 1.1em;} fieldset.ourcandidates div.rightpanel label { float: none; width: auto; } fieldset.ourcandidates div { clear: both; margin-bottom: 1em; } fieldset.ourcandidates input { width: 25em; color: #767774; text-indent: 3px; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff url(../images/input_bg.jpg) 0 0 repeat-x; } fieldset.ourcandidates textarea { width: 25em; height: 10em; color: #767774; text-indent: 3px; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; } fieldset.ourcandidates select { width: 25em; color: #767774; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff; } fieldset.ourcandidates .radiocheck { clear: none; } fieldset.ourcandidates .radiocheck input { width: auto; border: 0; text-indent: 0px;background: none; } fieldset.ourcandidates .radiocheck label { float: none; } fieldset.ourcandidates a.ronding_red { text-decoration: none; display: block; margin-left: 29.8em; width: 10em; } fieldset.ourcandidates a.ronding_red span { display: block; width: 10em; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } /*Contact formulier */ fieldset.contactform { margin: 0; padding: 18px 0; border: 0; } fieldset.contactform legend { display: none; } fieldset.contactform label { float: left; width: 12em; color: #000; font-weight: bold; font-size: 1.1em;} fieldset.contactform div.rightpanel label { float: none; width: auto; } fieldset.contactform div { clear: both; margin-bottom: 1em; } fieldset.contactform input { width: 25em; color: #767774; text-indent: 3px; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff url(../images/input_bg.jpg) 0 0 repeat-x; } fieldset.contactform textarea { width: 25em; height: 10em; text-indent: 3px; color: #767774; text-indent: 0px; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; } fieldset.contactform select { width: 25em; color: #767774; border: 1px solid #5873ab; font-size: 1.1em; font-weight: bold; background: #fff; } fieldset.contactform .radiocheck { clear: none; float: left; } fieldset.contactform .radiocheck input { width: auto; border: 0; text-indent: 0px;background: none; } fieldset.contactform .radiocheck label { float: none; } fieldset.contactform a.ronding_red { text-decoration: none; display: block; margin-left: 29.8em; width: 10em; } fieldset.contactform a.ronding_red span { display: block; width: 10em; text-align: center; background: #cc497d; color: #fff; font-weight: bold; } .fotoboek { margin: 0; padding: 0; font-family: verdana; font-size: 11px; color: #fff; } .fotoboek #container {width:770px; height: 531px; margin: 15px; overflow: hidden; position: relative; background-image: url(../images/fotoboek_bg.jpg); } .fotoboek #fotogroot { width:740px; height: 501px; overflow: hidden;} .fotoboek #fotogroot img { max-width: 740px;} .fotoboek #container .description { position: absolute; height: 22px; padding: 10px 15px 0 15px; top: 0; right: 30px; background-color: #a3a3a0;} .fotoboek #bg_thumbs { position: absolute; bottom: 0; width: 740px; height: 112px; overflow: hidden; background-image: url(../images/bg_thumb.png);} .fotoboek #bg_thumbs .pagina {} .fotoboek #bg_thumbs .pagina ul { margin: 92px 0 0 50px;} *+html .fotoboek #bg_thumbs .pagina ul { margin: 92px 0 0 90px;} *html .fotoboek #bg_thumbs .pagina ul { margin: 92px 0 0 90px;} .fotoboek #bg_thumbs .pagina ul li { list-style: none; display: inline; float: left; } .fotoboek #bg_thumbs .pagina ul li a { text-decoration: none; color: #fff; margin: 0 5px 0 5px;} .fotoboek #bg_thumbs .pagina ul li a.active { font-weight: bold; text-decoration: underline;} .fotoboek #bg_thumbs .pagina ul li a:hover { font-weight: bold; text-decoration: underline;} .fotoboek #fotogroot .description p {color:White; width: 259px; margin: 5px 10px 0 60px; font-size:9px; font-family:Verdana, Arial; overflow:hidden;} .fotoboek .links { padding:0; margin: 0 10px 0 0; float:left;} .fotoboek .links a {text-decoration:none; border:none;} .fotoboek .links img {border:none;} .fotoboek .rechts { width:67px; height: 66px; padding:0; float:left;} .fotoboek .rechts a {text-decoration:none; border:none;} .fotoboek .rechts img {border:none; float:left; } .fotoboek .thumbs { position: absolute; bottom: 30px; margin: 0 0 0 20px; padding: 0; width: 740px; height: 67px;} .fotoboek .thumbs ul { margin: 0; padding: 0;} .fotoboek .thumbs ul li { list-style:none; float: left; padding:0; margin:0 10px 0 0;} .fotoboek .thumbs ul li a {border:none; text-decoration:none; padding:0; margin:0;} .fotoboek .thumbs ul li a img {margin: 0; border: 1px solid #fff;; padding: 0; width:100px; height: 67px;} .fotoboek .thumbs ul li.active { margin: 0; padding: 0; } .fotoboek .thumbs ul li.active a img { margin: 0 10px 0 0; border: 2px solid #c5005f;} #bannerloader { margin: 20px 0 0 10px;}