/*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: #E5E5E5; color: #000000; margin-top: 0px; margin-left: 127px; margin-right: 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: #8D204F; } A:link {color: #8D204F; text-decoration: none} A:active {color: #8D204F; text-decoration: none} A:visited {color: #8D204F; text-decoration: none} A:hover {color: #000000; text-decoration: underline} hr {color: #8D204F; 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:200%;text-weight:bold} H2 {font-size:160%;text-weight:bold;color:#C11315} H3 {background-image: url('contentitemtitle.gif'); background-repeat: no-repeat; background-position: left top; font-size: 130%; padding-left: 20px; padding-top: 0px; color: #000000; font-weight: bold} H4 {font-size:120%;text-weight:bold;color:#4D737A} 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 #4D737A} 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; padding-left: 6px; background-image: url('body.gif'); background-repeat: repeat-y; background-position: left top; height: 100%; width: 100%; } /*div die hele pagina bevat*/ /*table.pagetable {float: left; border-spacing: 0px; border-collapse: collapse; margin: 0px; border: 0px; width:769px; border-right: 1px solid #BFBFBF}*/ /*Hoofdtabel, bestaat uit 3 cellen, die 3 divs (pageheader, pagecontent en pagefooter) bevat*/ table.pagetable {float: left; border-spacing: 0px; border-collapse: collapse; margin: 0px; border: 0px; width:900px; border-right: 1px solid #BFBFBF} /*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; background-color: #FFFFFF; color: #003740; width: 100%;padding-top:10px;} /*5 rijen in de tabel*/ tr.pageheaderrow1 {display: none} tr.pageheaderrow2 {display:none} tr.pageheaderrow3 {display:none} @tr.pageheaderrow4 {height: 148px; width: 769px; padding:0px; margin:0px;} tr.pageheaderrow5 {} 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.pageheaderrow5right #header_txtSearch {width: 100px; font-family: Tahoma, Arial, Helvetica; height: 18px; border: 1px solid #C8DCE8; margin-top: 4px} div.pageheaderrow5right #header_ibGo{background-position: left top; width: 20px; height: 20px; background-image:url('go.gif'); background-repeat:no-repeat; margin-top: 4px } span.pageheaderrow5right #header_txtSearch {} span.pageheaderrow5right #header_btnGo{} span.pageheaderrow5right { } /*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: block;cursor:hand;width:250px;height:55px} /*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 {} /*themaselectie*/ span.pageheaderrow4left IMG { } div.pageheaderrow4right {display: none} /*toolnavigatie*/ span.pageheaderrow4right {display: none} /*toolnavigatie*/ div.pageheaderrow5left {background-image:url('navigaho2.jpg');background-repeat:no-repeat;width:721px;} /*extra*/ span.pageheaderrow5left {} /*extra*/ span.pageheaderrow5left img {border: none} div.pageheaderrow5right {} /*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: #F8F8F8; } div.navigation {width: 180px;margin-left:0px;border:0px solid red;padding-left:5px} div.navigation div.itemcontainer {} div.navigation div.itemtitle {} div.navigation div.itemcontent {color: #8D204F;border:0px solid green} div.navigation div.itemcontent A {color: #8D204F} div.navigation div.itemcontent A:link {color: #8D204F} div.navigation div.itemcontent A:link {color: #8D204F} div.navigation div.itemcontent A:active {color: #8D204F} div.navigation div.itemcontent A:visited {color: #8D204F} div.navigation div.itemcontent A:hover {color: #000000} div.navigation div.uitlog A {color:#000000;text-align: right; padding-top: 5px; padding-bottom: 5px; font-weight: bold; width: 100%; margin-right: 0px; border: 1px solid #F8F8F8;margin-top:20px;padding-right:7px;} div.navigation div.uitlog A:hover {text-decoration: none; margin-right: 0px; border: 1px solid #F8F8F8; background-color: #B9B9B9; color: #FFFFFF} 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: 20px } div.contentmain {padding-bottom: 50px; } table.contentmain {} /*Linkercel*/ td.content {} div.content {} div.content div.itemcontainer {padding-top: 10px} div.contentheight div.itemcontent {line-height:25px} div.itemtitleHP {font-size: 130%; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; color: #8D204F; font-weight: bold} div.itemtitleHPnews {background-image: url('contentitemtitle.gif'); background-repeat: no-repeat; background-position: left top; font-size: 130%; padding-left: 20px; padding-top: 0px; color: #8D204F; font-weight: bold} div.content div.itemtitle {background-image: url('contentitemtitle.gif'); background-repeat: no-repeat; background-position: left top; font-size: 130%; padding-left: 20px; padding-top: 0px; color: #8D204F; font-weight: bold} div.content div.itemtitle a:link{color:#7BA5B5; font-size:80%} div.content div.itemtitle a:hover{color:#7BA5B5;font-size:80%} div.content div.itemtitle a:visited{color:#7BA5B5;font-size:80%} div.content fieldset {border: 1px solid #7BA5B5; width: 100%; padding: 10px } div.content legend {color: #7BA5B5; font-weight: bold} td.contentfooter {} div.contentfooter {} /*Voor firefox*/ /* table.subdiv{line-height:25px;text-align:left} table.subdivactive{line-height:25px;text-align:left} table.subdivactive a:link {display:block; padding: 2px; } table.subdivactive a:active {display:block; padding: 2px;} table.subdivactive a:visited {display:block;padding: 2px;} table.subdivactive a:hover {display:block; padding: 2px;} table.subdiv a:link {display:block; padding: 2px; } table.subdiv a:active {display:block; padding: 2px;} table.subdiv a:visited {display:block;padding: 2px;} table.subdiv a:hover {display:block; padding: 2px;} table.subdiv1 { display: none;padding: 2px;background-color: #4D737Afont-weight: normal;border: 1px solid #C8DCE8; text-align:left} table.subdiv1active { border: #00718f 1px solid; padding: 2px; display: block; font-weight: normal; background-color: #4D737A;text-align:left; } table.subdiv1active a:link {display:block;width:150px;overflow:hidden;width:150px;background-color: #4D737A padding: 2px;line-height:25px } table.subdiv1active a:active {display:block;width:150px;overflow:hidden;background-color: #4D737A padding: 2px;line-height:25px} table.subdiv1active a:visited {display:block;width:150px;overflow:hidden;background-color: #4D737A padding: 2px;line-height:25px} table.subdiv1active a:hover {display:block;width:150px;overflow:hidden;background-color: #CCCCCC; color: #000000; padding: 2px;line-height:25px} table.subdiv2 { display: none;z-index:5;padding: 2px; background-color: #4D737A font-weight: normal; border: 1px solid #C8DCE8; text-align:left;} table.subdiv2active { display: block;z-index:5; padding: 2px;background-color: #4D737A font-weight: normal; border: 1px solid #C8DCE8; text-align:left;} table.subdiv2active a:link {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv2active a:active {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv2active a:visited {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv2active a:hover {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3 { display: none;z-index:5;padding: 2px; background-color: #4D737A font-weight: normal; border: 1px solid #C8DCE8; text-align:left;} table.subdiv3active { display: block;z-index:5; padding: 2px;background-color: #4D737A font-weight: normal; border: 1px solid #C8DCE8; text-align:left;} table.subdiv3active a:link {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3active a:active {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3active a:visited {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3active a:hover {display:block;padding:2px;width:150px;line-height:25px;} */ /*Rechtercel*/ td.options {} div.options {width: 175px; } div.options div.itemcontainer {background-color:F8F8F8; padding-left: 10px; margin-bottom: 20px} div.options div.itemtitle {color:#8D204F;} div.options div.itemtitle a:link{color:#} div.options div.itemtitle a:hover{color:#8D204F;} div.options div.itemtitle a:visited{color:#8D204F;} div.options div.itemcontent {color: #999999} div.options div.itemcontent a:link{color:#999999} div.options div.itemcontent a:hover{color:#8D204F;} 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: #8D204F; height: 31px; 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*/ DIV.subdiv {} DIV.subdiv IMG { } /*Firefox als table*/ /*Tables zijn voor firefox*/ table.subdiv{line-height:25px;text-align:left} table.subdivactive{line-height:25px;text-align:left} table.subdivactive a:link {display:block; padding: 2px; } table.subdivactive a:active {display:block; padding: 2px;} table.subdivactive a:visited {display:block;padding: 2px;} table.subdivactive a:hover {display:block; padding: 2px;} table.subdiv a:link {display:block; padding: 2px; } table.subdiv a:active {display:block; padding: 2px;} table.subdiv a:visited {display:block;padding: 2px;} table.subdiv a:hover {display:block; padding: 2px;} table.subdiv1 { display: none;padding: 2px;font-weight: normal;border: 0px solid #00718F; text-align:left} table.subdiv1active { border: #00718f 0px solid; padding: 2px; display: block; font-weight: normal;text-align:left; } table.subdiv1active a:link {display:block;width:150px;overflow:hidden;width:150px; padding: 2px;line-height:25px } table.subdiv1active a:active {display:block;width:150px;overflow:hidden; padding: 2px;line-height:25px} table.subdiv1active a:visited {display:block;width:150px;overflow:hidden; padding: 2px;line-height:25px} table.subdiv1active a:hover {display:block;width:150px;overflow:hidden;background-color: #CCCCCC; color: #000000; padding: 2px;line-height:25px} table.subdiv2 { display: none;z-index:5;padding: 2px; font-weight: normal; border: 0px solid #00718F; text-align:left;} table.subdiv2active { display: block;z-index:5; padding: 2px; font-weight: normal; border: 0px solid #00718F; text-align:left;} table.subdiv2active a:link {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv2active a:active {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv2active a:visited {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv2active a:hover {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3 { display: none;z-index:5;padding: 2px; font-weight: normal; border: 0px solid #00718F; text-align:left;} table.subdiv3active { display: block;z-index:5; padding: 2px; font-weight: normal; border: 0px solid #00718F; text-align:left;} table.subdiv3active a:link {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3active a:active {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3active a:visited {display:block;padding:2px;width:150px;line-height:25px;} table.subdiv3active a:hover {display:block;padding:2px;width:150px;line-height:25px;} /*IE ziet het als divje*/ div.subdiv img{margin-right:5px;margin-left:5px;display:none } div.subdiv A {text-align: left; padding-top: 5px; padding-bottom: 5px; font-weight: bold; width: 100%; margin-right: 0px; border: 1px solid #F8F8F8} div.subdiv A:hover {text-decoration: none; margin-right: 0px; border: 1px solid #F8F8F8; background-color: #B9B9B9; color: #FFFFFF} div.subdiv A:link {} div.subdiv A:active {} div.subdiv A:visited {} div.subdivactive IMG {margin-right:5px;margin-left:5px;display:none} /*IE ziet het als divje*/ div.subdivactive A {text-align: left; padding-top: 5px; padding-bottom: 5px; font-weight: bold; display:block; margin-right: 0px; border-bottom: 1px solid #ffffff} div.subdivactive A:hover {text-decoration: none; margin-right: 0px; border-bottom: 1px solid #000000; color: #FFFFFF;} DIV.subdiv1 {DISPLAY:none;Z-INDEX:4;LEFT: 0px;POSITION:relative; background-color: #F8F8F8; width: 160px; border: 1px solid #C8DCE8} table.subdiv1 {DISPLAY:none;Z-INDEX:4;LEFT: 150px;POSITION:absolute;} .subdiv1 IMG { } DIV.subdiv1 A:link {border-bottom: solid 1px #C8DCE8; } DIV.subdiv1 A:active {border-bottom: solid 1px #C8DCE8; } DIV.subdiv1 A:visited {border-bottom: solid 1px #C8DCE8; } DIV.subdiv1 A:hover {border-bottom: solid 1px #C8DCE8; } DIV.subdiv2 {DISPLAY:none;Z-INDEX:5;LEFT: 150px;POSITION:absolute; background-color: #4D737A; width: 160px} DIV.subdiv2 A:link {} DIV.subdiv2 A:active {} DIV.subdiv2 A:visited {} DIV.subdiv2 A:hover {} DIV.subdiv3 {DISPLAY:none;Z-INDEX:6;LEFT: 100px;POSITION:absolute;} DIV.subdiv3 A:link {} DIV.subdiv3 A:active {} DIV.subdiv3 A:visited {} DIV.subdiv3 A:hover {} /*activevariant*/ DIV.subdiv1active {DISPLAY:block;Z-INDEX:4;LEFT: 10px;POSITION:relative; background-color: #F8F8F8; width: 160px; border: 0px solid #C8DCE8} .subdiv1active IMG { } DIV.subdiv1active A:link {border-bottom: solid 0px #C8DCE8; } DIV.subdiv1active A:active {border-bottom: solid 0px #C8DCE8; } DIV.subdiv1active A:visited {border-bottom: solid 0px #C8DCE8; } DIV.subdiv1active A:hover {border-bottom: solid 0px #C8DCE8; } DIV.subdiv2active {DISPLAY:none;Z-INDEX:5;LEFT: 150px;POSITION:absolute; background-color: #4D737A; width: 160px} DIV.subdiv2active A:link {} DIV.subdiv2active A:active {} DIV.subdiv2active A:visited {} DIV.subdiv2active A:hover {} DIV.subdiv3active {DISPLAY:none;Z-INDEX:6;LEFT: 100px;POSITION:absolute;} DIV.subdiv3active A:link {} DIV.subdiv3active A:active {} DIV.subdiv3active A:visited {} DIV.subdiv3active A:hover {} /**/ /*Begin Smartsearch*/ div #SearchForm1_pnlResult{} .itemcontent table.searchtable{} tr.resultheader {} tr.resultitem td{} tr.resultalternatingitem {} /*Einde Smartsearch*/ .pagefooterrow1left {} .pagefooterrow1right {padding-left: 59px; font-size: 100%; font-weight: bold} .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} #contentmenu_pnlHome div.itemtitle{display:none} /*speciaal voor FireFox*/ #header_tabbutton1{height:27px;width:178px} #header_tabbutton2{height:27px;width:80px} #header_tabbutton3{height:27px;width:80px} #header_tabbutton4{height:27px;width:80px} #header_tabbutton5{height:27px;width:80px} #header_tabbutton6{height:27px;width:80px}