/*Kleuren palet Een website heeft een vast kleurenpalet. Voor deze website zijn de volgende basiskleuren gedefenieerd: Basiskleur 1: #4D737A : achtergrond kleur van de gehele site Basiskleur 2: #003740 : logo kleur Accentkleur 1: #C11315; dit is de accentkleur, voor acccent elementen Standaard linkkleur: #FFFFFF */ /*HTML definities*/ body {background-color: #e8e8e8; color: #000000; margin-top: 0px; font-family: Tahoma, Arial, Helvetica; font-size: 70%; padding: 0px; } table {font-size: 100%; line-height: 160%; border-spacing: 0px; border-collapse: collapse; margin-left: 0px; margin-top: 0px; border: 0px; } td {vertical-align:top; padding: 0px; margin: 0px; border: 0px } div {} A {color: #ca2424; } A:link {color: #ca2424; text-decoration: none} A:active {color: #ca2424; text-decoration: none} A:visited {color: #ca2424; text-decoration: none} A:hover {color: #ca2424; text-decoration: underline} hr {color: #ca2424; height: 1px} /*Detailstijlen*/ div.itemcontainer {} div.itemtitle {font-weight: bold;} div.itemcontent {padding-right: 20px} div.itemcontent IMG {margin-right: 0px} div.itemcontent legend {padding:10px;color:#C11315} H1 {font-size:130%;text-weight:bold} H2 {font-size:120%;text-weight:bold;color:#C11315} H3 {font-size: 110%; padding-left: 0px; padding-top: 0px; color:#C11315; font-weight: bold; border-top: solid 0px} H4 {font-size:100%;text-weight:bold;color:#447bb4} H5 {font-size:100%;text-weight:bold; } H6 {font-size:80%;text-weight:bold} td.options div.itemfooter {margin-bottom: 20px; border-bottom: solid 1pxc #447bb4} td.option div.contentitemcontent {border-left: solid 1pxc #4D737A; padding-left: 10px} /*Einde detailstijlen*/ /*Begin uitzonderingen en verfijning van de stijlen*/ /*Pagina deel*/ div.pagecontainer { text-align: center; } /*div die hele pagina bevat*/ table.pagetable { width: 820px; margin-left: 100px; padding-right: 100px; border-spacing: 0px; border-collapse: collapse; margin: 0px; background-image:url('involvehomeback.gif'); background-repeat: no-repeat; border-left: solid 1px #447bb4; border-right: solid 1px #447bb4; } /*Hoofdtabel, bestaat uit 3 cellen, die 3 divs (pageheader, pagecontent en pagefooter) bevat*/ /*Einde pagina deel*/ /*Headerdeel*/ div.pageheader {} div.pageheader a {color: #003740} div.pageheader a:link {color: #003740} div.pageheader a:active {color: #003740} div.pageheader a:visited {color: #003740} table.pageheader {border-spacing: 0px; border-collapse: collapse; margin: 0px; border: 0px;color: #003740; width: 100%;padding-top:10px;} /*5 rijen in de tabel*/ tr.pageheaderrow1 {height: 71px;} tr.pageheaderrow2 {display: none;} tr.pageheaderrow3 {height: 275px;} tr.pageheaderrow4 {display: none;} tr.pageheaderrow5 {display: none;} div.pageheaderrow5 {} div.pageheaderrow5right {background-position: left top; background-color: #7BA5B5; width: 179px; height: 30px; padding-left: 55px; padding-top: 0px; background-image:url('searchback.gif'); background-repeat:no-repeat} div.pageheaderrow1right #header_txtSearch {width: 100px; font-family: Tahoma, Arial, Helvetica; height: 18px; border: 0px solid #FFFFFF; margin-top: 4px; } div.pageheaderrow1right #header_ibGo {background-position: left top; width: 20px; height: 20px; background-image:url('go.gif'); background-repeat:no-repeat; margin-top: 4px } div.pageheaderrow1right input {} span.pageheaderrow1right #header_txtSearch {width: 80px;font-size:100%;height: 17px; position:relative;left:310px;top:45px; border: 0px solid #FFFFFF; color: #447bb4} span.pageheaderrow1right #header_ibGo {position:relative;left:305px;top:55px;} span.pageheaderrow5right { } #menu1 {position:relative;left:240px;top:50px;} #menu2 {position:relative;top:50px;left:240px;} #menu3 {position:relative;top:50px;left:240px;} #logo {position:relative;left:0px;top:90px;} /*Elke rij 2 divjes*/ div.pageheaderrow1left {display: none;} /*extra*/ span.pageheaderrow1left {display: none;} /*extra*/ div.pageheaderrow1right {display: none;} /*huishoudelijk*/ span.pageheaderrow1right {padding-right:50px; } /*huishoudelijk*/ span.pageheaderrow1right {} /*huishoudelijk*/ div.pageheaderrow2left {display: none;} /*klik naar homepage*/ span.pageheaderrow2left {display: none;} /*klik naar homepage*/ div.pageheaderrow2right {display: none;} /*wisselelement*/ span.pageheaderrow2right {display: none;} /*wisselelement*/ div.pageheaderrow3left {display: none;} /*personalisatie*/ span.pageheaderrow3left {display: none;} /*personalisatie*/ div.pageheaderrow3right {display: none;} /*zoek*/ span.pageheaderrow3right {display: none;} /*zoek*/ div.pageheaderrow4left {display: none;} /*themaselectie*/ span.pageheaderrow4left {display: none;} /*themaselectie*/ span.pageheaderrow4left IMG {display: none;} div.pageheaderrow4right {display: none;} /*toolnavigatie*/ span.pageheaderrow4right {display: none;} /*toolnavigatie*/ div.pageheaderrow5left {display: none;} /*extra*/ span.pageheaderrow5left {display: none;} /*extra*/ span.pageheaderrow5left img {display: none; border: none} div.pageheaderrow5right {display: none;} /*breadcrums*/ /*Einde headerdeel*/ /*Contentdeel*/ tr.pagecontentheader {display: none} div.pagecontent {} table.pagecontent {} td.navigationheader {} div.navigationheader {} td.navigation {padding-top: 0px; padding-left: 0px; background-color: white; } div.navigation {padding-left: 70px; width: 220px;} td.leftcolumn {width: 245px; padding: 3px; } td.leftcolumn p {padding: 0px; margin: 0px; padding-bottom: 10px;} td.leftcolumn h3 {font-size: 100%; color: #5887bc; font-weight: bold;padding: 0px; margin: 0px;} td.leftcolumn ul, li {padding: 0px; margin: 0px; list-style-type:none; } td.leftcolumn li {background: url('li.gif') 0 6 no-repeat; padding-left:15px; padding-top: 0px; font-size: 100%; font-weight: normal; line-height: 150%;} td.rightcolumn {width: 200px; padding: 3px; padding-left: 30px;} td.rightcolumn h3 {color: #8d8d8d; padding-bottom: 0px; margin-bottom: 0px; } td.rightcolumn h4 {padding-bottom: 0px; margin-bottom: 2px; } td.rightcolumn ul, li {padding: 0px; margin: 0px; list-style-type:none; } td.rightcolumn li {color: #5887bc; background: url('li.gif') 0 6 no-repeat; padding-left:15px; padding-top: 0px; font-size: 100%; font-weight: normal; line-height: 150%;} td.rightcolumn li A:link {color: black;} td.rightcolumn li A:active {color: black;} td.rightcolumn li A:visited {color: black;} td.rightcolumn li A:hover {color: #ca2424;} div.navigation div.itemcontainer {} div.navigation div.itemtitle {} div.navigation div.itemcontent {color: #ca2424; padding-right:0px} div.navigation div.itemcontent A {color: #000000} div.navigation div.itemcontent A:link {color: #000000;padding:4px} div.navigation div.itemcontent A:link {color: #000000;padding:4px} div.navigation div.itemcontent A:active {color: #000000;padding:4px} div.navigation div.itemcontent A:visited {color: #000000;padding:4px} div.navigation div.itemcontent A:hover {color: #ca2424;text-decoration:none;padding:4px} div.navigation div.uitlog A {color:#ca2424;text-align: center; padding-top: 5px; padding-bottom: 5px; font-weight: bold; width: 100%; margin-right: 0px; border: 0px solid #F8F8F8;margin-top:20px;padding-right:7px;} div.navigation div.uitlog A:hover {text-decoration: none; margin-right: 0px; border: 0px solid #F8F8F8; background-color: #FFFFFF; color: #ca2424} div.navigation div.uitlog A:link {color:#000000;} div.navigation div.uitlog A:active {color:#000000;} div.navigation div.uitlog A:visited {color:#000000;} td.navigationfooter {} div.navigationfooter {} /*Einde linkernavigatiedeel*/ /*Midden contentdeel (bevat weer een tabel)*/ td.contentheader {vertical-align:top; padding: 0px; margin: 0px; display: none} div.contentheader {} td.contentmain {background-color: #FFFFFF; padding-top: 0px; width: 100%; padding-left: 0px } div.contentmain {padding-bottom: 50px; } table.contentmain {height: 100px;} /*Linkercel*/ td.content {} /*Rechtercel*/ td.options {} div.options {display: none } div.options div.itemcontainer {background-color:F8F8F8; padding-left: 10px; margin-bottom: 20px} div.options div.itemtitle {color:#ca2424;} div.options div.itemtitle a:link{color:#} div.options div.itemtitle a:hover{color:#ca2424;} div.options div.itemtitle a:visited{color:#ca2424;} div.options div.itemcontent {color: #999999} div.options div.itemcontent a:link{color:#999999} div.options div.itemcontent a:hover{color:#ca2424;} div.options div.itemcontent a:visited{color:#999999;} div.options div.itemfooter {display:none} /*Einde middencontentdeel*/ /*Rechts optionsdeel*/ td.optionsheader {} div.optionsheader {} td.optionsfooter {} div.optionsfooter {} /*Einde rechteroptionsdeel*/ /*Einde contentdeel*/ /*Footerdeel*/ div.pagefooter {background-color: #447bb4; height: 25px; padding: 5px} table.pagefooter {} /*Footer heeft 3 rijen, met elk twee divs*/ tr.pagefooterrow1 {color:#ffffff; } div.pagefooterrow1 {} div.pagefooterrow1left {} div.pagefooterrow1right {} tr.pagefooterrow2 {} div.pagefooterrow2left {} div.pagefooterrow2right {} tr.pagefooterrow3 {} div.pagefooterrow3left {} div.pagefooterrow3right {} /*Einde footer*/ /*Navigatiecontrol*/ .subdiv {width: 200px; padding-left:10px; margin-left:10px; padding-right:10px; } .subdiv A {DISPLAY:block; text-align: left; padding-top: 3px; padding-bottom: 3px; font-weight: bold; width: 100%; margin-right: 0px;} .subdiv A:hover {DISPLAY:block; margin-right: 0px; } .subdiv A:link {DISPLAY:block;} .subdiv A:active {DISPLAY:block;} .subdiv A:visited {DISPLAY:block;} .subdiv img {display:none} .subdiv1 {DISPLAY:block; Z-INDEX:4; padding-bottom:10px;} .subdiv1 A:link {DISPLAY:block; border-bottom: solid 0px #C8DCE8;font-weight:normal } .subdiv1 A:active {DISPLAY:block; border-bottom: solid 0px #C8DCE8;font-weight:normal } .subdiv1 A:visited {DISPLAY:block; border-bottom: solid 0px #C8DCE8;font-weight:normal } .subdiv1 A:hover {DISPLAY:block; border-bottom: solid 0px #C8DCE8;font-weight:normal } .subdiv1 img {display:inline;} .subdiv2 {display: none; z-index: 5; position: absolute; background-color:#d1dfed;border:1px solid #467AB4; width: 170px;} .subdiv2 A:link {} .subdiv2 A:active {} .subdiv2 A:visited {} .subdiv2 A:hover {} .subdiv3 {DISPLAY: none; Z-INDEX: 6; POSITION: absolute;;background-color:#d1dfed;border:1px solid #467AB4;} .subdiv3 A:link {} .subdiv3 A:active {} .subdiv3 A:visited {} .subdiv3 A:hover {} /**/ /*Begin Smartsearch*/ div #SearchForm1_pnlResult{} .itemcontent table.searchtable{} tr.resultheader {} tr.resultitem td{} tr.resultalternatingitem {} /*Einde Smartsearch*/ .pagefooterrow1left {font-size: 100%; font-family: arial; margin-left: 25px; } .pagefooterrow1right {padding-left: 50px; font-size: 100%; font-weight: bold; font-family: arial} .pagefooterrow1right a {color: #FFFFFF} .pagefooterrow1right a:link {color: #FFFFFF} .pagefooterrow1right a:visited {color: #FFFFFF} .pagefooterrow1right a:active {color: #FFFFFF} .pagefooterrow1right a:hover {color: #FFFFFF; text-decoration: underline} div.uitgelicht {color: #000000} div.uitgelicht div.itemcontainer {background-color: #C8DCE8; color: #000000} div.uitgelicht div.itemcontent {background-color: #C8DCE8; color: #000000} /*Template pagina stijlen*/ div.content {margin-left: 33px; } div.content div.itemcontainer {width: 100%; } div.contentheight div.itemcontent {width: 100%} div.content div.itemtitle {color: #FFFFFF; padding-top: 166px; font-size: 150%; padding-left: 10px; margin-bottom: 20px; } div.content div.itemtitle a:link{color: #FFFFFF} div.content div.itemtitle a:hover {color: #FFFFFF} div.content div.itemtitle a:visited {color: #FFFFFF} div.content div.itemcontent {margin-bottom: 20px; width: 100%} div.default div.itemtitle {display: none} div.default div.content {margin-left: 0px} DIV.search {background-image: url('search.jpg'); background-repeat: no-repeat; background-position: left top} div.search fieldset {width: 280px; border: solid 1px #ca2424; padding: 10px} div.search legend {font-weight: bold} DIV.contact {background-image: url('contact.jpg'); background-repeat: no-repeat; background-position: left top;padding-top:166px;} div.contact div.itemtitle{padding-top: 0px;} div.sitemap {background-image: url('contact.jpg'); background-repeat: no-repeat; background-position: left top;padding-top:166px;} div.sitemap div.itemtitle{padding-top: 0px;} DIV.register {background-image: url('tools.jpg'); background-repeat: no-repeat; background-position: left top;} div.register div.itemtitle{} DIV.rubriek01 {background-image: url('acme.jpg'); background-repeat: no-repeat; background-position: left top} DIV.rubriek02 {background-image: url('acme.jpg'); background-repeat: no-repeat; background-position: left top} DIV.item01 {background-image: url('acme.jpg'); background-repeat: no-repeat; background-position: left top} DIV.item01 {background-image: url('acme.jpg'); background-repeat: no-repeat; background-position: left top} DIV.portfolio {background-image: url('portfolio.jpg'); background-repeat: no-repeat; background-position: left top} DIV.portfolio2 {background-image: url('portfolio.jpg'); background-repeat: no-repeat; background-position: left top} DIV.portfoliopage {background-image: url('portfolio.jpg'); background-repeat: no-repeat; background-position: left top} DIV.portfoliopage2 {background-image: url('portfolio.jpg'); background-repeat: no-repeat; background-position: left top} DIV.medewerker {background-image: url('bannermedewerkers.jpg'); background-repeat: no-repeat; background-position: left top} DIV.medewerker2 {background-image: url('bannermedewerkers.jpg'); background-repeat: no-repeat; background-position: left top} DIV.medewerkerpage {background-image: url('bannermedewerkers.jpg'); background-repeat: no-repeat; background-position: left top} DIV.medewerkerpage2 {background-image: url('bannermedewerkers.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werk {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werk {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werk {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werk {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.klanten {background-image: url('klanten.jpg'); background-repeat: no-repeat; background-position: left top} DIV.klanten2 {background-image: url('klanten.jpg'); background-repeat: no-repeat; background-position: left top} DIV.klantenpage {background-image: url('klanten.jpg'); background-repeat: no-repeat; background-position: left top} DIV.klantenpage2 {background-image: url('klanten.jpg'); background-repeat: no-repeat; background-position: left top} DIV.KPN {background-image: url('KPN.jpg'); background-repeat: no-repeat; background-position: left top} DIV.KPN2 {background-image: url('KPN.jpg'); background-repeat: no-repeat; background-position: left top} DIV.KPNpage {background-image: url('KPN.jpg'); background-repeat: no-repeat; background-position: left top} DIV.KPNpage2 {background-image: url('KPN.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Nuon {background-image: url('Nuon.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Nuon2 {background-image: url('Nuon.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Nuonpage {background-image: url('Nuon.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Nuonpage2 {background-image: url('Nuon.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Philips {background-image: url('Philipsnxp.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Philips2 {background-image: url('Philipsnxp.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Philipspage {background-image: url('Philipsnxp.jpg'); background-repeat: no-repeat; background-position: left top} DIV.Philipspage2 {background-image: url('Philipsnxp.jpg'); background-repeat: no-repeat; background-position: left top} DIV.minez {background-image: url('minez.jpg'); background-repeat: no-repeat; background-position: left top} DIV.minez2 {background-image: url('minez.jpg'); background-repeat: no-repeat; background-position: left top} DIV.minezpage {background-image: url('minez.jpg'); background-repeat: no-repeat; background-position: left top} DIV.minezpage2 {background-image: url('minez.jpg'); background-repeat: no-repeat; background-position: left top} DIV.synco {background-image: url('synco.jpg'); background-repeat: no-repeat; background-position: left top} DIV.synco2 {background-image: url('synco.jpg'); background-repeat: no-repeat; background-position: left top} DIV.syncopage {background-image: url('synco.jpg'); background-repeat: no-repeat; background-position: left top} DIV.syncopage2 {background-image: url('synco.jpg'); background-repeat: no-repeat; background-position: left top} DIV.wur {background-image: url('wur.jpg'); background-repeat: no-repeat; background-position: left top} DIV.wur2 {background-image: url('wur.jpg'); background-repeat: no-repeat; background-position: left top} DIV.wurpage {background-image: url('wur.jpg'); background-repeat: no-repeat; background-position: left top} DIV.wurpage2 {background-image: url('wur.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werk {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werk2 {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werkpage {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.werkpage2 {background-image: url('werk.jpg'); background-repeat: no-repeat; background-position: left top} DIV.tools {background-image: url('tools.jpg'); background-repeat: no-repeat; background-position: left top} DIV.tools2 {background-image: url('tools.jpg'); background-repeat: no-repeat; background-position: left top} DIV.toolspage {background-image: url('tools.jpg'); background-repeat: no-repeat; background-position: left top} DIV.toolspage2 {background-image: url('tools.jpg'); background-repeat: no-repeat; background-position: left top} DIV.contactpage {background-image: url('contact.jpg'); background-repeat: no-repeat; background-position: left top;padding-top:166px;} div.contactpage div.itemtitle{padding-top: 0px;} DIV.EJG2006 {background-image: url('ejg2006.jpg'); background-repeat: no-repeat; background-position: left top;} div.ejg2006 div.content {padding-right:200px;} div.ejg2006 div.content div.itemtitle {margin-top:40px; padding-top:0px;color:#447BB4;padding-left:0px} div.ejg2006 div.content div.itemcontent {margin-bottom:0px} div.ejg2006 td{padding:3px} div.ejg2006 table.contentmain {margin-bottom:-50px;height:690px} DIV.EJG2007 {background-image: url('koffiemaomentbanner.jpg'); background-repeat: no-repeat; background-position: left top;} div.nofocus{color:#999999;margin:5px;border:1px solid #ffffff} div.nofocus h3{font-weight:bold;color:#999999} div.focus{color:#395DA5;padding:5px;border:1px solid #447BB4;height:305px} /*div.focus span.interact{color:#C11315;text-decoration:underline;font-weight:bold}*/ td.nofocus{color:#999999} td.focus{color:#000000;font-weight:bold} p.ejgstyle {color:#395DA5;font-weight:bold;} /*#Rubriek011_IncInlog1_pnlInlog {position: relative; top: -200px } #Rubriek011_lblTitle {} */ DIV.EJG2007 input.input{width:300px} DIV.EJG2007 textarea{width:300px} #TopicList1_lstLink {} #TopicList1_lstLink div.itemtitle {} div.itemlistcontainer td {} div.itemlistcontainer div.itemtitle {margin-bottom: 10px; margin-top: 0px; background-color: #89abd0; font-size: 100%; padding-top: 3px; height: 25px} div.itemlistcontainer div.itemtitle A {} div.itemlistcontainer div.itemcontent {font-size: 100%; margin-bottom: 5px} div.itemlistcontainer div.itemcontent img {width: 75px; } div.itemlistcontainer div.itemcontent H4 {font-size: 100%; display: inline; padding-right: 3px} div.itemlistcontainer div.itemcontent H2 {font-size: 100%; margin-bottom: 0px; display: inline; padding-right: 3px; width: 100%} div.itemlistcontainer div.itemcontent p {display: inline} div.itemlistcontainer div.itemfooter {margin-bottom: 20px} div.itemlistcontainer div.itemcontainer {margin-right: 20px} /*Stylen voor registratieformulier*/ tr.voornaam {} tr.tussenvoegsel {} tr.achternaam {} tr.telefoon {} tr.bedrijf {} /*stylen voor roterende tekst*/ div.glidecontentwrapper {width: 245px; padding: 0px; padding-top: 0px;} div.glidecontent {width: 245px; padding-top: 0px;} div.glidecontentwrapper div {margin-left: 0px ; padding-left: 0px; height:100%; padding-top: 0px;} div.glidecontentwrapper span.itemtitle {color:#5887bc; font-weight: bold; padding-top: 0px;} div.glidecontenttoggler {width: 245px; display: none; visibility: hidden; padding-top: 0px;} div.glidecontent H2 {padding-top: 0px; margin-top: 0px;} div.glidecontent span.itemtitle {display: none;} div.itemfooter {display: none;} td.leftcolumn div.itemcontent {padding-bottom: 0px; margin-bottom: 0px;} td.leftcolumn div.itemcontent p {padding-bottom: 0px; margin-bottom: 0px;}